|
|
Line 1: |
Line 1: |
− | <html lang="zh" class="no-js"> | + | <!DOCTYPE html> |
− | <head> | + | <html lang="en" class="no-js"> |
− | <meta charset="UTF-8">
| + | <head> |
− | <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
| + | <meta charset="UTF-8" /> |
− | <meta name="viewport" content="width=device-width, initial-scale=1.0">
| + | <meta name="viewport" content="width=device-width, initial-scale=1"> |
− | <title>TONGJI SOFTWARE</title>
| + | <title>Animated Mesh Line</title> |
− | <link href="https://2017.igem.org/Template:SCU_China/default_CSS?action=raw&ctype=text/css" rel="stylesheet">
| + | <link href="https://2017.igem.org/Template:SCU_China/default_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 href="https://2019.igem.org/Template:Tongji_Software/css/font-awesome_min_css?action=raw&ctype=text/css" rel="stylesheet">-->
| + | |
− | <link rel="stylesheet" type="text/css" href="https://2019.igem.org/Template:Tongji_Software/css/default_css?action=raw&ctype=text/css" />
| + | |
− | <link rel="stylesheet" type="text/css" href="https://2019.igem.org/Template:Tongji_Software/css/component_css?action=raw&ctype=text/css" />
| + | |
− | <link href="https://2019.igem.org/Template:Tongji_Software/css/HomePage_css?action=raw&ctype=text/css" type="text/css" rel="stylesheet">
| + | |
− | <script src="https://2019.igem.org/Template:Tongji_Software/js/modernizr_custom_js?action=raw&ctype=text/javascript"></script>
| + | |
− | <style>
| + | |
− | @-webkit-keyframes fadein {
| + | |
− | 0% {
| + | |
− | opacity: 0;
| + | |
− | background-color: #fff;
| + | |
− | }
| + | |
− | 100% {
| + | |
− | opacity: 1;
| + | |
− | background-color: #fff;
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | body {
| + | |
− | -webkit-animation-name: fadein;
| + | |
− | -webkit-animation-duration: 1s;
| + | |
− | -webkit-animation-timing-function: linear;
| + | |
− | -webkit-animation-iteration-count: 1; /* 动画只播放一次 */
| + | |
− | }
| + | |
− | </style>
| + | |
| </head> | | </head> |
− | <body> | + | <body> |
− | | + | <p>miemiemie</p> |
− | <!-- navigation -->
| + | </body> |
− | <nav class="pages-nav">
| + | |
− | <div class="pages-nav__item"><a class="link link--page" href="#page-home">Home</a></div>
| + | |
− | <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 & 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--small"><a class="link link--page link--faded" href="#page-medal">Medal</a></div>-->
| + | |
− | <!-- <div class="pages-nav__item pages-nav__item--small"><a class="link link--page link--faded" href="#page-jf">Judging Form</a></div>-->
| + | |
− | <!-- <div class="pages-nav__item pages-nav__item--small"><a class="link link--page link--faded" href="#page-contact">Contact</a></div>-->
| + | |
− | <div class="pages-nav__item pages-nav__item--social">
| + | |
− | <!-- <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="#" 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>
| + | |
− | | + | |
− | <div class="page" id="page-project">
| + | |
− | <!-- <header class="bp-header cf">-->
| + | |
− | <!-- <h1 class="bp-header__title">Contact</h1>-->
| + | |
− | | + | |
− | <!-- </header>-->
| + | |
− | <!-- <img class="poster" src="images/4.jpg" alt="img04" />-->
| + | |
− | <iframe class="html2" src="./dist/ProjectIndex.html" width="100%" height="100%">
| + | |
− | </iframe>
| + | |
− | </div>
| + | |
− | | + | |
− | <div class="page" id="page-safety">
| + | |
− | <header class="bp-header cf">
| + | |
− | <h1 class="bp-header__title">Safety</h1>
| + | |
− | </header>
| + | |
− | <img class="poster" src="images/2.jpg" alt="img02" />
| + | |
− | </div>
| + | |
− | | + | |
− | <div class="page" id="page-hp">
| + | |
− | <header class="bp-header cf">
| + | |
− | <h1 class="bp-header__title">Human Practices</h1>
| + | |
− | | + | |
− | </header>
| + | |
− | <img class="poster" src="images/3.jpg" alt="img03" />
| + | |
− | </div>
| + | |
− | | + | |
− | <div class="page" id="page-edu">
| + | |
− | <header class="bp-header cf">
| + | |
− | <h1 class="bp-header__title">Education & Engagement</h1>
| + | |
− | </header>
| + | |
− | <img class="poster" src="images/4.jpg" alt="img04" />
| + | |
− | </div>
| + | |
− | | + | |
− | <div class="page" id="page-model">
| + | |
− | <header class="bp-header cf">
| + | |
− | <h1 class="bp-header__title">Model</h1>
| + | |
− | </header>
| + | |
− | <img class="poster" src="images/5.jpg" alt="img05" />
| + | |
− | </div>
| + | |
− | | + | |
− | <div class="page" id="page-medal">
| + | |
− | <header class="bp-header cf">
| + | |
− | <h1 class="bp-header__title">Medal</h1>
| + | |
− | </header>
| + | |
− | <img class="poster" src="images/6.jpg" alt="img06" />
| + | |
− | </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> | + | |
| </html> | | </html> |