Line 1: | Line 1: | ||
− | <html lang=" | + | <html lang="zh" class="no-js"> |
− | + | <head> | |
− | + | <meta charset="UTF-8"> | |
− | + | <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | |
− | + | <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
− | + | <title>TONGJI SOFTWARE</title> | |
+ | <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 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> | + | <!-- navigation --> |
+ | <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> |
Revision as of 06:24, 5 October 2019