Difference between revisions of "Team:Tongji Software"

Line 1: Line 1:
<html lang="en" class="no-js">
+
<html lang="zh" class="no-js">
<head>
+
<head>
<meta charset="UTF-8" />
+
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
+
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Animated Mesh Line</title>
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://2019.igem.org/Template:Tongji_Software/css/ClearDefaultCss_css?action=raw&ctype=text/css" rel="stylesheet">
+
<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>
<p>miemiemie</p>
+
 
</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 &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>
 +
 
 +
<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 &amp; 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

TONGJI SOFTWARE

PATHWAY SEARCH | ENZYME SELECTION | PARTS BROWSER

TONGJI
SOFTWARE

DESIGN AND OPTIMIZATION FOR PATHWAY

Team

img06

Safety

img02

Human Practices

img03

Education & Engagement

img04

Model

img05

Medal

img06