Difference between revisions of "Team:Tongji Software"

Line 1: Line 1:
−
<html lang="zh" class="no-js">
+
<html>
 +
 
 
<head>
 
<head>
−
<meta charset="UTF-8">
+
    <title>Tongji Software | Pathlab</title>
−
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+
 
−
<meta name="viewport" content="width=device-width, initial-scale=1.0">
+
    <script>document.documentElement.className="js";var supportsCssVars=function(){var e,t=document.createElement("style");return t.innerHTML="root: { --tmp-var: bold; }",document.head.appendChild(t),e=!!(window.CSS&&window.CSS.supports&&window.CSS.supports("font-weight","var(--tmp-var)")),t.parentNode.removeChild(t),e};supportsCssVars()||alert("Please view this demo in a modern browser that supports CSS Variables.");</script>
−
<title>TONGJI SOFTWARE</title>
+
    <link href="https://2019.igem.org/Template:Tongji_Software/dist/vendors_css?action=raw&ctype=text/css" rel="stylesheet"><link href="https://2019.igem.org/Template:Tongji_Software/dist/demo5_css?action=raw&ctype=text/css" rel="stylesheet">
−
<link href="https://2019.igem.org/Template:Tongji_Software/css/ClearDefaultCss_css?action=raw&ctype=text/css" rel="stylesheet">
+
    <link href="https://2019.igem.org/Template:Tongji_Software/css/ClearDefaultCss_css?action=raw&ctype=text/css" rel="stylesheet">
−
<link href="http://cdn.bootcss.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet">
+
    <link rel="stylesheet" href="https://2019.igem.org/Template:Tongji_Software/css/MenuRest_css?action=raw&ctype=text/css"> <!-- CSS reset -->
−
<!-- <link href="https://2019.igem.org/Template:Tongji_Software/css/font-awesome_min_css?action=raw&ctype=text/css" rel="stylesheet">-->
+
<!--    <link rel="stylesheet" href="https://2019.igem.org/Template:Tongji_Software/css/MenuStyle_css?action=raw&ctype=text/css"> &lt;!&ndash; Resource style &ndash;&gt;-->
−
<link rel="stylesheet" type="text/css" href="https://2019.igem.org/Template:Tongji_Software/css/default_css?action=raw&ctype=text/css" />
+
    <script src="https://2019.igem.org/Template:Tongji_Software/js/modernizer_js?action=raw&ctype=text/javascript
−
<link rel="stylesheet" type="text/css" href="https://2019.igem.org/Template:Tongji_Software/css/component_css?action=raw&ctype=text/css" />
+
"></script> <!-- Modernizr -->
−
<link href="https://2019.igem.org/Template:Tongji_Software/css/HomePage_css?action=raw&ctype=text/css" type="text/css" rel="stylesheet">
+
    <link rel="stylesheet" href="https://2019.igem.org/Template:Tongji_Software/css/default_css?action=raw&ctype=text/css">
−
<script src="https://2019.igem.org/Template:Tongji_Software/js/modernizr_custom_js?action=raw&ctype=text/javascript"></script>
+
<style>
−
<style>
+
    /* --------------------------------
−
@-webkit-keyframes fadein {
+
 
−
0% {
+
Primary style
−
opacity: 0;
+
 
−
background-color: #fff;
+
-------------------------------- */
−
}
+
    *, *:after, *:before {
−
100% {
+
        -webkit-box-sizing: border-box;
−
opacity: 1;
+
        -moz-box-sizing: border-box;
−
background-color: #fff;
+
        box-sizing: border-box;
−
}
+
    }
−
}
+
 
 +
    body {
 +
        font-size: 100%;
 +
        font-family: "Source Sans Pro", sans-serif;
 +
        color: rgba(2, 23, 37, 0.7);
 +
        /*background-color: white;*/
 +
        overflow: hidden; /* 溢出隐藏 */
 +
        /*background: url("../img/cover.jpg") center no-repeat;*/
 +
        -webkit-background-size: cover;
 +
        background-size: cover;
 +
    }
 +
    body.overflow-hidden {
 +
        /* when primary navigation is visible, the content in the background won't scroll */
 +
        overflow: hidden;
 +
    }
 +
 
 +
    a {
 +
        color: white;
 +
        text-decoration: none;
 +
    }
 +
 
 +
    /* --------------------------------
 +
 
 +
    Modules - reusable parts of our design
 +
 
 +
    -------------------------------- */
 +
    .cd-container {
 +
        /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
 +
        width: 90%;
 +
        max-width: 768px;
 +
        margin: 0 auto;
 +
    }
 +
    .cd-container:after {
 +
        content: "";
 +
        display: table;
 +
        clear: both;
 +
    }
 +
 
 +
    /* --------------------------------
 +
 
 +
    Main components
 +
 
 +
    -------------------------------- */
 +
    html, body {
 +
        height: 100%;
 +
    }
 +
 
 +
    .cd-header {
 +
        position: absolute;
 +
        top: 0;
 +
        left: 0;
 +
        /*响应式后最上条横杠的颜色*/
 +
        background: rgba(2, 23, 37, 0);
 +
        height: 50px;
 +
        width: 100%;
 +
        z-index: 3;
 +
        /*最上条横杠阴影*/
 +
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0);
 +
        -webkit-font-smoothing: antialiased;
 +
        -moz-osx-font-smoothing: grayscale;
 +
    }
 +
    @media only screen and (min-width: 768px) {
 +
        .cd-header {
 +
            height: 80px;
 +
            background: transparent;
 +
            box-shadow: none;
 +
        }
 +
    }
 +
    @media only screen and (min-width: 1170px) {
 +
        .cd-header {
 +
            -webkit-transition: background-color 0.3s;
 +
            -moz-transition: background-color 0.3s;
 +
            transition: background-color 0.3s;
 +
            /* Force Hardware Acceleration in WebKit */
 +
            -webkit-transform: translate3d(0, 0, 0);
 +
            -moz-transform: translate3d(0, 0, 0);
 +
            -ms-transform: translate3d(0, 0, 0);
 +
            -o-transform: translate3d(0, 0, 0);
 +
            transform: translate3d(0, 0, 0);
 +
            -webkit-backface-visibility: hidden;
 +
            backface-visibility: hidden;
 +
        }
 +
        .cd-header.is-fixed {
 +
            /* when the user scrolls down, we hide the header right above the viewport */
 +
            position: fixed;
 +
            top: -80px;
 +
            background-color: rgba(2, 23, 37, 0.96);
 +
            -webkit-transition: -webkit-transform 0.3s;
 +
            -moz-transition: -moz-transform 0.3s;
 +
            transition: transform 0.3s;
 +
        }
 +
        .cd-header.is-visible {
 +
            /* if the user changes the scrolling direction, we show the header */
 +
            -webkit-transform: translate3d(0, 100%, 0);
 +
            -moz-transform: translate3d(0, 100%, 0);
 +
            -ms-transform: translate3d(0, 100%, 0);
 +
            -o-transform: translate3d(0, 100%, 0);
 +
            transform: translate3d(0, 100%, 0);
 +
        }
 +
        .cd-header.menu-is-open {
 +
            /* add a background color to the header when the navigation is open */
 +
            /*菜单打开后最上边那条横杠的颜色*/
 +
            background-color: rgba(2, 23, 37, 0);
 +
        }
 +
    }
 +
 
 +
    .cd-logo {
 +
        display: block;
 +
        position: absolute;
 +
        top: 50%;
 +
        bottom: auto;
 +
        -webkit-transform: translateY(-50%);
 +
        -moz-transform: translateY(-50%);
 +
        -ms-transform: translateY(-50%);
 +
        -o-transform: translateY(-50%);
 +
        transform: translateY(-50%);
 +
        left: .875em;
 +
    }
 +
    .cd-logo img {
 +
        display: block;
 +
    }
 +
    @media only screen and (min-width: 768px) {
 +
        .cd-logo {
 +
            left: 2.6em;
 +
        }
 +
    }
 +
 
 +
    .cd-secondary-nav {
 +
        position: absolute;
 +
        top: 50%;
 +
        bottom: auto;
 +
        -webkit-transform: translateY(-50%);
 +
        -moz-transform: translateY(-50%);
 +
        -ms-transform: translateY(-50%);
 +
        -o-transform: translateY(-50%);
 +
        transform: translateY(-50%);
 +
        right: 10em;
 +
        /* hidden on small devices */
 +
        display: none;
 +
    }
 +
    .cd-secondary-nav li {
 +
        display: inline-block;
 +
        margin-left: 2.2em;
 +
    }
 +
    .cd-secondary-nav a {
 +
        display: inline-block;
 +
        color: white;
 +
        text-transform: uppercase;
 +
        font-weight: 700;
 +
    }
 +
    @media only screen and (min-width: 768px) {
 +
        .cd-secondary-nav {
 +
            display: block;
 +
        }
 +
    }
 +
 
 +
    .cd-primary-nav-trigger {
 +
        position: absolute;
 +
        right: 0;
 +
        top: 0;
 +
        height: 100%;
 +
        width: 50px;
 +
        /*响应缩进后三条杠的颜色*/
 +
        background-color: rgba(2, 23, 37, 0);
 +
    }
 +
    .cd-primary-nav-trigger .cd-menu-text {
 +
        position: absolute;
 +
        float: right;
 +
        right: 60px;
 +
        color: white;
 +
        text-transform: uppercase;
 +
        font-family: "Cambria";
 +
        font-size: 18px;
 +
        /*font-weight: 50;*/
 +
        /* hide the text on small devices */
 +
        display: none;
 +
    }
 +
    .cd-primary-nav-trigger .cd-menu-icon {
 +
        /* this span is the central line of the menu icon */
 +
        display: inline-block;
 +
        position: absolute;
 +
        left: 50%;
 +
        top: 50%;
 +
        bottom: auto;
 +
        right: auto;
 +
        -webkit-transform: translateX(-50%) translateY(-50%);
 +
        -moz-transform: translateX(-50%) translateY(-50%);
 +
        -ms-transform: translateX(-50%) translateY(-50%);
 +
        -o-transform: translateX(-50%) translateY(-50%);
 +
        transform: translateX(-50%) translateY(-50%);
 +
        width: 28px;
 +
        height: 2px;
 +
        background-color: white;
 +
        -webkit-transition: background-color 0.3s;
 +
        -moz-transition: background-color 0.3s;
 +
        transition: background-color 0.3s;
 +
        /* these are the upper and lower lines in the menu icon */
 +
    }
 +
    .cd-primary-nav-trigger .cd-menu-icon::before, .cd-primary-nav-trigger .cd-menu-icon:after {
 +
        content: '';
 +
        width: 100%;
 +
        height: 100%;
 +
        position: absolute;
 +
        background-color: white;
 +
        right: 0;
 +
        -webkit-transition: -webkit-transform .3s, top .3s, background-color 0s;
 +
        -moz-transition: -moz-transform .3s, top .3s, background-color 0s;
 +
        transition: transform .3s, top .3s, background-color 0s;
 +
    }
 +
    .cd-primary-nav-trigger .cd-menu-icon::before {
 +
        top: -5px;
 +
    }
 +
    .cd-primary-nav-trigger .cd-menu-icon::after {
 +
        top: 5px;
 +
    }
 +
    .cd-primary-nav-trigger .cd-menu-icon.is-clicked {
 +
        background-color: rgba(255, 255, 255, 0);
 +
    }
 +
    .cd-primary-nav-trigger .cd-menu-icon.is-clicked::before, .cd-primary-nav-trigger .cd-menu-icon.is-clicked::after {
 +
        background-color: white;
 +
    }
 +
    .cd-primary-nav-trigger .cd-menu-icon.is-clicked::before {
 +
        top: 0;
 +
        -webkit-transform: rotate(135deg);
 +
        -moz-transform: rotate(135deg);
 +
        -ms-transform: rotate(135deg);
 +
        -o-transform: rotate(135deg);
 +
        transform: rotate(135deg);
 +
    }
 +
    .cd-primary-nav-trigger .cd-menu-icon.is-clicked::after {
 +
        top: 0;
 +
        -webkit-transform: rotate(225deg);
 +
        -moz-transform: rotate(225deg);
 +
        -ms-transform: rotate(225deg);
 +
        -o-transform: rotate(225deg);
 +
        transform: rotate(225deg);
 +
    }
 +
    @media only screen and (min-width: 768px) {
 +
        .cd-primary-nav-trigger {
 +
            width: 100px;
 +
            padding-left: 1em;
 +
            background-color: transparent;
 +
            height: 30px;
 +
            line-height: 30px;
 +
            /*菜单栏整体位置*/
 +
            left: 110px;
 +
            top: 12vh;
 +
            bottom: auto;
 +
            -webkit-transform: translateY(-50%);
 +
            -moz-transform: translateY(-50%);
 +
            -ms-transform: translateY(-50%);
 +
            -o-transform: translateY(-50%);
 +
            transform: translateY(-50%);
 +
        }
 +
        .cd-primary-nav-trigger .cd-menu-text {
 +
            display: inline-block;
 +
        }
 +
        .cd-primary-nav-trigger .cd-menu-icon {
 +
            left: auto;
 +
            right: 1em;
 +
            -webkit-transform: translateX(0) translateY(-50%);
 +
            -moz-transform: translateX(0) translateY(-50%);
 +
            -ms-transform: translateX(0) translateY(-50%);
 +
            -o-transform: translateX(0) translateY(-50%);
 +
            transform: translateX(0) translateY(-50%);
 +
        }
 +
    }
 +
 
 +
    .cd-primary-nav {
 +
        /* by default it's hidden - on top of the viewport */
 +
        position: fixed;
 +
        left: 0;
 +
        top: 0;
 +
        height: 100%;
 +
        width: 100%;
 +
        font-family: "Cambria";
 +
        /*菜单下来后的背景色*/
 +
        /*background: rgba(2, 23, 37, 0.8);*/
 +
        background: rgba(0, 0, 0, 0.7);
 +
        z-index: 2;
 +
        text-align: center;
 +
        padding: 50px 0;
 +
        -webkit-backface-visibility: hidden;
 +
        backface-visibility: hidden;
 +
        overflow: auto;
 +
        /* this fixes the buggy scrolling on webkit browsers - mobile devices only - when overflow property is applied */
 +
        -webkit-overflow-scrolling: touch;
 +
        -webkit-transform: translateY(-100%);
 +
        -moz-transform: translateY(-100%);
 +
        -ms-transform: translateY(-100%);
 +
        -o-transform: translateY(-100%);
 +
        transform: translateY(-100%);
 +
        -webkit-transition-property: -webkit-transform;
 +
        -moz-transition-property: -moz-transform;
 +
        transition-property: transform;
 +
        -webkit-transition-duration: 0.4s;
 +
        -moz-transition-duration: 0.4s;
 +
        transition-duration: 0.4s;
 +
    }
 +
    .cd-primary-nav li {
 +
        font-size: 22px;
 +
        font-size: 1.375rem;
 +
        font-weight: 300;
 +
        -webkit-font-smoothing: antialiased;
 +
        -moz-osx-font-smoothing: grayscale;
 +
        margin: .2em 0;
 +
        text-transform: capitalize;
 +
        /*text-transform: uppercase;*/
 +
    }
 +
    .cd-primary-nav a {
 +
        display: inline-block;
 +
        padding: .4em 1em;
 +
        border-radius: 0.25em;
 +
        -webkit-transition: background 0.2s;
 +
        -moz-transition: background 0.2s;
 +
        transition: background 0.2s,color 0.2s;
 +
    }
 +
    .no-touch .cd-primary-nav a:hover {
 +
        background-color: white;
 +
        color: black;
 +
    }
 +
    .cd-primary-nav .cd-label {
 +
        color: rgba(200,40,255,1);
 +
        /*color: rgba(142,255,255,1);*/
 +
        text-transform: uppercase;
 +
        font-weight: 700;
 +
        font-size: 14px;
 +
        font-size: 0.875rem;
 +
        margin: 2.4em 0 .8em;
 +
    }
 +
    .cd-primary-nav .cd-social {
 +
        display: inline-block;
 +
        margin: 0 .4em;
 +
    }
 +
    .cd-primary-nav .cd-social a {
 +
        width: 44px;
 +
        height: 44px;
 +
        padding: 0;
 +
        background-image: url("../img/cd-socials.svg");
 +
        background-repeat: no-repeat;
 +
        /* image replacement */
 +
        overflow: hidden;
 +
        text-indent: 100%;
 +
        white-space: nowrap;
 +
    }
 +
    .cd-primary-nav .cd-facebook a {
 +
        background-position: 0 0;
 +
    }
 +
    .cd-primary-nav .cd-instagram a {
 +
        background-position: -44px 0;
 +
    }
 +
    .cd-primary-nav .cd-dribbble a {
 +
        background-position: -88px 0;
 +
    }
 +
    .cd-primary-nav .cd-twitter a {
 +
        background-position: -132px 0;
 +
    }
 +
    .cd-primary-nav.is-visible {
 +
        -webkit-transform: translateY(0);
 +
        -moz-transform: translateY(0);
 +
        -ms-transform: translateY(0);
 +
        -o-transform: translateY(0);
 +
        transform: translateY(0);
 +
    }
 +
    @media only screen and (min-width: 768px) {
 +
        .cd-primary-nav {
 +
            padding: 80px 0;
 +
        }
 +
    }
 +
    @media only screen and (min-width: 1170px) {
 +
        .cd-primary-nav li {
 +
            font-size: 30px;
 +
            font-size: 1.875rem;
 +
        }
 +
        .cd-primary-nav .cd-label {
 +
            font-size: 16px;
 +
            font-size: 1rem;
 +
        }
 +
    }
 +
 
 +
    @media only screen and (min-width: 768px) {
 +
        .cd-intro h1 {
 +
            font-size: 30px;
 +
            font-size: 1.875rem;
 +
        }
 +
    }
 +
    @media only screen and (min-width: 1170px) {
 +
        .cd-intro {
 +
            height: 700px;
 +
        }
 +
    }
 +
 
 +
    .cd-main-content {
 +
        position: relative;
 +
        z-index: 1;
 +
    }
 +
    .cd-main-content p {
 +
        line-height: 1.6;
 +
        margin: 2em 0;
 +
    }
 +
    @media only screen and (min-width: 1170px) {
 +
        .cd-main-content p {
 +
            font-size: 20px;
 +
            font-size: 1.25rem;
 +
        }
 +
    }
  
−
body {
+
</style>
−
-webkit-animation-name: fadein;
+
−
-webkit-animation-duration: 1s;
+
−
-webkit-animation-timing-function: linear;
+
−
-webkit-animation-iteration-count: 1; /* 动画只播放一次 */
+
−
}
+
−
</style>
+
 
</head>
 
</head>
 +
 
<body>
 
<body>
  
−
<!-- navigation -->
+
<div class="overlay"></div>
−
<nav class="pages-nav">
+
<script type="text/javascript" src="https://2019.igem.org/Template:Tongji_Software/dist/vendors_js?action=raw&ctype=text/javascript"></script>
−
<div class="pages-nav__item"><a class="link link--page" href="#page-home">Home</a></div>
+
<script type="text/javascript" src="https://2019.igem.org/Template:Tongji_Software/dist/demo5_js?action=raw&ctype=text/javascript"></script>
−
<div class="pages-nav__item"><a class="link link--page" href="#page-team">Team</a></div>
+
−
<div class="pages-nav__item"><a class="link link--page" href="#page-project">Project</a></div>
+
−
<div class="pages-nav__item"><a class="link link--page" href="#page-safety">Safety</a></div>
+
−
<div class="pages-nav__item"><a class="link link--page" href="#page-hp">Human Practices</a></div>
+
−
<div class="pages-nav__item"><a class="link link--page" href="#page-edu">Education &amp; Engagement</a></div>
+
−
<div class="pages-nav__item"><a class="link link--page" href="#page-model">Model</a></div>
+
−
<div class="pages-nav__item"><a class="link link--page" href="#page-medal">medal</a></div>
+
−
<div class="pages-nav__item"><a class="JfLink" href="https://igem.org/2019_Judging_Form?id=3094" target="_blank">Judging Form</a></div>
+
−
<!-- <div class="pages-nav__item pages-nav__item&#45;&#45;small"><a class="link link&#45;&#45;page link&#45;&#45;faded" href="#page-medal">Medal</a></div>-->
+
−
<!-- <div class="pages-nav__item pages-nav__item&#45;&#45;small"><a class="link link&#45;&#45;page link&#45;&#45;faded" href="#page-jf">Judging Form</a></div>-->
+
−
<!-- <div class="pages-nav__item pages-nav__item&#45;&#45;small"><a class="link link&#45;&#45;page link&#45;&#45;faded" href="#page-contact">Contact</a></div>-->
+
−
<div class="pages-nav__item pages-nav__item--social">
+
−
<!-- <a class="link link&#45;&#45;social link&#45;&#45;faded" href="#"><i class="fa fa-twitter"></i><span class="text-hidden">Twitter</span></a>-->
+
−
<a class="link link--social link--faded" href="#" style="font-size: 1rem; top: -0.1rem">Contact us</a>
+
−
<a class="link link--social link--faded" href="#"><i class="fa fa-twitter"></i><span class="text-hidden">Twitter</span></a>
+
−
<a class="link link--social link--faded" href="#"><i class="fa fa-facebook"></i><span class="text-hidden">Facebook</span></a>
+
−
<a class="link link--social link--faded" href="#"><i class="fa fa-envelope"></i><span class="text-hidden">LinkedIn</span></a>
+
−
<a class="link link--social link--faded" href="#"><i class="fa fa-phone"></i><span class="text-hidden">YouTube</span></a>
+
−
</div>
+
−
</nav>
+
−
<!-- /navigation-->
+
−
<!-- pages stack -->
+
−
<div class="pages-stack">
+
−
<!-- page -->
+
−
<div class="page" id="page-home">
+
−
<!-- Blueprint header -->
+
−
<!--<header class="bp-header cf">
+
−
<h1 class="bp-header__title">徐博女装HOME</h1>
+
−
<nav class="bp-nav">
+
−
</nav>
+
−
</header>-->
+
−
<!--<img class="poster" src="images/1.jpg" alt="img01" />-->
+
−
<!-- -->
+
−
<!-- <iframe class="html2" src="./dist/demo5.html" width="100%" height="100%">-->
+
−
<!-- </iframe>-->
+
−
<div id="indexBody">
+
−
<h1 id="indexTitle1">PATHWAY SEARCH | ENZYME SELECTION | PARTS BROWSER</h1>
+
−
<h1 id="indexTitle2">TONGJI<br> SOFTWARE</h1>
+
−
<h1 id="indexTitle3">DESIGN AND OPTIMIZATION FOR PATHWAY</h1>
+
−
</div>
+
−
</div>
+
−
<!-- /pages -->
+
−
<div class="page" id="page-team">
+
−
<header class="bp-header cf">
+
−
<h1 class="bp-header__title">Team</h1>
+
−
</header>
+
  
−
<img class="poster" src="images/6.jpg" alt="img06" />
+
    <div id="indexBody">
−
</div>
+
        <h1 id="indexTitle1">PATHWAY SEARCH | ENZYME SELECTION | PARTS DESIGH</h1>
 +
        <h1 id="indexTitle2">TONGJI<br> SOFTWARE</h1>
 +
        <h1 id="indexTitle3">DESIGN AND OPTIMIZATION FOR PATHWAY</h1>
 +
    </div>
 +
<div id="indexMenu">
 +
      <header class="cd-header">
 +
        <div id="menuButtom">
 +
            <a class="cd-primary-nav-trigger" href="#0">
 +
            <span class="cd-menu-text">Menu</span><span class="cd-menu-icon"></span>
 +
        </a>
 +
        </div><!-- cd-primary-nav-trigger -->
 +
    </header>
  
−
<div class="page" id="page-project">
+
    <nav>
−
<!-- <header class="bp-header cf">-->
+
        <ul class="cd-primary-nav">
−
<!-- <h1 class="bp-header__title">Contact</h1>-->
+
            <li><a href="#0">HOME</a></li>
 +
            <li class="cd-label">About Us</li>
  
−
<!-- </header>-->
+
            <li><a href="#0">Team Information</a></li>
−
<!-- <img class="poster" src="images/4.jpg" alt="img04" />-->
+
            <li><a href="#0">Our Projects</a></li>
−
<iframe class="html2" src="https://2019.igem.org/Template:Tongji_Software/dist/ProjectIndex_html" width="100%" height="100%">
+
−
</iframe>
+
−
</div>
+
  
−
<div class="page" id="page-safety">
+
            <li class="cd-label">Other</li>
−
<header class="bp-header cf">
+
            <li><a href="#0">Safety</a></li>
−
<h1 class="bp-header__title">Safety</h1>
+
            <li><a href="#0">Human Practices</a></li>
−
</header>
+
            <li><a href="#0">Education & Engagement</a></li>
−
<img class="poster" src="images/2.jpg" alt="img02" />
+
            <li><a href="#0">Model</a></li>
−
</div>
+
            <li><a href="#0">Medal</a></li>
 +
            <li><a href="#0">Judging Form</a></li>
  
−
<div class="page" id="page-hp">
+
            <li class="cd-label">Follow us</li>
−
<header class="bp-header cf">
+
−
<h1 class="bp-header__title">Human Practices</h1>
+
  
−
</header>
+
            <li class="cd-social cd-facebook"><a href="#0">Facebook</a></li>
−
<img class="poster" src="images/3.jpg" alt="img03" />
+
            <li class="cd-social cd-instagram"><a href="#0">Instagram</a></li>
−
</div>
+
            <li class="cd-social cd-dribbble"><a href="#0">Dribbble</a></li>
 +
            <li class="cd-social cd-twitter"><a href="#0">Twitter</a></li>
 +
        </ul>
 +
    </nav>
  
−
<div class="page" id="page-edu">
+
    <!-- <section class="cd-intro">-->
−
<header class="bp-header cf">
+
    <!-- <h1>Full-Screen Pop-Out Navigation</h1>-->
−
<h1 class="bp-header__title">Education &amp; Engagement</h1>
+
    <!-- </section>-->
−
</header>
+
−
<img class="poster" src="images/4.jpg" alt="img04" />
+
−
</div>
+
  
−
<div class="page" id="page-model">
+
    <main class="cd-main-content">
−
<header class="bp-header cf">
+
        <div class="cd-container">
−
<h1 class="bp-header__title">Model</h1>
+
        </div>
−
</header>
+
    </main>
−
<img class="poster" src="images/5.jpg" alt="img05" />
+
    <script src="https://2019.igem.org/Template:Tongji_Software/js/jquery_210_min_js?action=raw&ctype=text/javascript"></script>
−
</div>
+
    <script src="https://2019.igem.org/Template:Tongji_Software/js/main_js?action=raw&ctype=text/javascript"></script> <!-- Resource jQuery -->
  
−
<div class="page" id="page-medal">
+
        BUG1
−
<header class="bp-header cf">
+
        <div class="findMore1">
−
<h1 class="bp-header__title">Medal</h1>
+
            <ul class="findmore2">
−
</header>
+
                <li class="findMore3"><a href="http://wx1.sinaimg.cn/large/bec9ed90ly1g3hdd8qet1j211p0u01kx.jpg">START USING Pathlab</a></li>
−
<img class="poster" src="images/6.jpg" alt="img06" />
+
            </ul>
−
</div>
+
        </div>
 +
    <script>
 +
        // alert("height:"+window.innerWidth+"width:"+window.innerHeight);
 +
    </script>
  
 +
    <div id="foot"></div>
  
−
</div>
+
</div>
−
<!-- /pages-stack -->
+
−
<!-- <button class="menu-button"><span>Menu</span></button>-->
+
−
<button class="menu-button">
+
−
<div>
+
−
<span class="menu-button-span"></span>
+
−
<span>
+
−
<div class="menu-button-word">MENU</div>
+
−
</span>
+
−
</div>
+
−
</button>
+
−
<script src="https://2019.igem.org/Template:Tongji_Software/js/classie_js?action=raw&ctype=text/javascript"></script>
+
−
<script src="https://2019.igem.org/Template:Tongji_Software/js/main_js?action=raw&ctype=text/javascript"></script>
+
 
</body>
 
</body>
 +
 
</html>
 
</html>

Revision as of 08:28, 5 October 2019

Tongji Software | Pathlab

PATHWAY SEARCH | ENZYME SELECTION | PARTS DESIGH

TONGJI
SOFTWARE

DESIGN AND OPTIMIZATION FOR PATHWAY

BUG1