Difference between revisions of "Team:Tongji Software"

(Replaced content with "<!DOCTYPE html> <html lang="en" class="no-js"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Animated...")
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 &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:19, 5 October 2019

<!DOCTYPE html> Animated Mesh Line

miemiemie