Line 1: | Line 1: | ||
− | + | <!doctype html> | |
− | <html> | + | <html lang="zh" class="no-js"> |
<head> | <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/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="https://2019.igem.org/Template:Tongji_Software/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> |
− | <div class=" | + | <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="https://2019.igem.org/Template:Tongji_Software/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> |
− | </div> | + | <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 class=" | + | |
− | + | ||
− | < | + | |
− | < | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | < | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | </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 13:36, 4 October 2019
<!doctype html>