Difference between revisions of "Team:Tsinghua-A"

 
(101 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
{{Tsinghua-A}}
 
{{Tsinghua-A}}
 
<html>
 
<html>
−
<head>
+
      <head>
 
<meta charset="utf-8">
 
<meta charset="utf-8">
 
<meta http-equiv="X-UA-Compatible" content="IE=edge">
 
<meta http-equiv="X-UA-Compatible" content="IE=edge">
−
<title>TSINGHUA-A IGEM</title>
+
<title>Discription</title>
−
        <link rel="shortcut icon" href="favicon.ico">
+
<meta name="viewport" content="width=device-width, initial-scale=1">
−
        <link href='https://fonts.googleapis.com/css?family=Roboto:400,100,300,700,900' rel='stylesheet' type='text/css'>
+
<meta name="description" content="Free HTML5 Template by FREEHTML5.CO" />
 +
<meta name="keywords" content="free html5, free template, free bootstrap, html5, css3, mobile first, responsive" />
 +
<meta name="author" content="FREEHTML5.CO" />
 +
 
 +
 
 +
<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
 +
<link rel="shortcut icon" href="favicon.ico">
 +
 
 +
<link href='https://fonts.googleapis.com/css?family=Roboto:400,100,300,700,900' rel='stylesheet' type='text/css'>
 
<link href="https://fonts.googleapis.com/css?family=Roboto+Slab:300,400,700" rel="stylesheet">
 
<link href="https://fonts.googleapis.com/css?family=Roboto+Slab:300,400,700" rel="stylesheet">
−
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Tsinghua-A/CSS/animate?action=raw&ctype=text/css">
+
−
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Tsinghua-A/CSS/icomoon?action=raw&ctype=text/css">
+
<!-- Animate.css -->
−
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Tsinghua-A/CSS/bootstrap?action=raw&ctype=text/css">
+
<link rel="stylesheet" href="https://2017.igem.org/Template:Tsinghua-A/CSS/animate?action=raw&ctype=text/css">
−
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Tsinghua-A/CSS/superfish?action=raw&ctype=text/css">
+
<!-- Icomoon Icon Fonts-->
−
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Tsinghua-A/CSS/flexslider?action=raw&ctype=text/css">
+
<link rel="stylesheet" href="https://2017.igem.org/Template:Tsinghua-A/CSS/icomoon?action=raw&ctype=text/css">
−
        <script type="text/javascript" src="https://2017.igem.org/Template:Tsinghua-A/JS/fixed?action=raw&ctype=text/javascript">
+
<!-- Bootstrap  -->
−
        <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Tsinghua-A/CSS/style?action=raw&ctype=text/css">
+
<link rel="stylesheet" href="https://2017.igem.org/Template:Tsinghua-A/CSS/bootstrap?action=raw&ctype=text/css">
−
<script type="text/javascript" src="https://2017.igem.org/Template:Tsinghua-A/JS/modernizr-2.6.2.min?action=raw&ctype=text/javascript"></script>
+
<!-- Superfish -->
−
<!--导航栏从这里开始-->
+
<link rel="stylesheet" href="https://2017.igem.org/Template:Tsinghua-A/CSS/superfish?action=raw&ctype=text/css">
 +
<!-- Flexslider  -->
 +
<link rel="stylesheet" href="https://2017.igem.org/Template:Tsinghua-A/CSS/flexslider?action=raw&ctype=text/css">
 +
 
 +
<link rel="stylesheet" href="https://2017.igem.org/Template:Tsinghua-A/CSS/style?action=raw&ctype=text/css">
 +
      <script src="https://2017.igem.org/Template:Tsinghua-A/JS/fixed?action=raw&ctype=text/javascript">
 +
 
 +
<!-- Modernizr JS -->
 +
<script src="https://2017.igem.org/Template:Tsinghua-A/JS/modernizr-2.6.2.min?action=raw&ctype=text/javascript"></script>
 +
<!-- FOR IE9 below -->
 +
<!--[if lt IE 9]>
 +
<script src="https://2017.igem.org/Template:Tsinghua-A/JS/fixed?action=raw&ctype=text/javascript"></script>
 +
<![endif]-->
 +
 
 +
    <style type="text/css">
 +
 
 +
#fh5co-hero {
 +
  min-height: 600px;
 +
  style:"background: #fff url(https://static.igem.org/mediawiki/2017/thumb/8/87/TsinghuaA-backgroundpartten.jpeg/240px-TsinghuaA-backgroundpartten.jpeg) repeat;"
 +
}
 +
    .myTitle1 {
 +
width:90%;
 +
height:84px;
 +
margin-left: 15%;
 +
margin-bottom: 10px;
 +
font-size: 40px;
 +
}
 +
.myTitle2 {
 +
margin-left: 2%;
 +
width:70%;;
 +
z-index:10000;
 +
left: 15%;
 +
        background-color:transparent
 +
}
 +
    .myPara {
 +
width:90%;
 +
margin-left: 5%;
 +
margin-bottom: 20px;
 +
font-size: 20px;
 +
text-align: left;
 +
}
 +
.myPS {
 +
width:90%;
 +
margin-left: 5%;
 +
margin-bottom: 8px;
 +
font-size: 16px;
 +
text-align: left;
 +
}
 +
    .myPic1 {
 +
font-size: 100px;
 +
text-align: center;
 +
margin-bottom: 15px;
 +
}
 +
    .myPicDis {
 +
margin-left: 5%;
 +
left: 45%;
 +
top: 370px;
 +
font-size: 18px;
 +
}
 +
.background {
 +
position:absolute;
 +
width:70%;;
 +
z-index:10000;
 +
top:300;
 +
height:300;
 +
left: 15%;
 +
background-color:transparent
 +
}
 +
    </style>
 +
   
 +
    <style>
 +
    .divcss{
 +
width:650px;
 +
height:500px;
 +
margin-left: 5%;
 +
}
 +
    </style>
 +
   
 
     </head>
 
     </head>
−
<body>
+
 
 +
<body>
 
<div id="fh5co-wrapper" >
 
<div id="fh5co-wrapper" >
 
<div id="fh5co-page">
 
<div id="fh5co-page">
 
<div id="fh5co-header">
 
<div id="fh5co-header">
−
<header id="fh5co-header-section">
+
−
<div class="container">
+
−
<div class="nav-header">
+
−
<a href="#" class="js-fh5co-nav-toggle fh5co-nav-toggle"><i></i></a>
+
−
<h1 id="fh5co-logo"><a href="index.html"><i class="icon-home2"></i>TSINGHUA-A IGEM</a></h1>
+
−
<nav id="fh5co-menu-wrap" role="navigation">
+
−
<ul class="sf-menu" id="fh5co-primary-menu">
+
−
<li>
+
−
<a href="index.html"class="fh5co-sub-ddown">PROJECT</a>
+
−
                                    <ul class="fh5co-sub-menu">
+
−
                                    <li><a href="#">DESCRIPTION</a></li>
+
−
                                    <li><a href="#">RESULT</a></li>
+
−
                                    <li><a href="#">PROOF</a></li>
+
−
                                    <li><a href="#">BASIC PARTS</a></li>
+
−
                                    </ul>
+
−
</li>
+
−
<li>
+
−
                                    <a href="work.html"class="fh5co-sub-ddown">MODELING</a>
+
−
                                    <ul class="fh5co-sub-menu">
+
−
                                    <li><a href="#">OVERVIEW</a></li>
+
−
                                    <li><a href="#">FLUID MEDIUM</a></li>
+
−
                                    <li><a href="#">SOLID MEDIUM</a></li>
+
−
                                    </ul>
+
−
                                </li>
+
−
<li><a href="contact.html">GAME</a></li>
+
−
                                <li>
+
−
<a href="services.html" class="fh5co-sub-ddown">NOTEBOOK</a>
+
−
<ul class="fh5co-sub-menu">
+
−
<li><a href="#">LAB BOOK</a></li>
+
−
<li><a href="#">BRAINSTORM</a></li>
+
−
</ul>
+
−
</li>
+
−
<li><a href="about.html">HUMAN PRACTICE</a></li>
+
−
<li><a href="contact.html">TEAM</a></li>
+
−
</ul>
+
−
</nav>
+
−
</div>
+
−
</div>
+
−
</header>
+
 
</div>
 
</div>
−
<!-- 导航栏在这里结束-->
+
<!-- end:fh5co-header -->
−
<aside id="fh5co-hero" class="js-fullheight">
+
<aside id="fh5co-hero" class="js-fullheight" style="background: #fff url(https://static.igem.org/mediawiki/2017/thumb/8/87/TsinghuaA-backgroundpartten.jpeg/240px-TsinghuaA-backgroundpartten.jpeg) repeat;">
−
<div class="flexslider js-fullheight">
+
<br><br>
−
<ul class="slides">
+
 
−
  <li style="background-image: url(images/vq.png);">
+
 
−
  </li>
+
<div class="background">
−
  </ul>
+
 
−
  </div>
+
<div  class="myTitle1"><img src="https://static.igem.org/mediawiki/2017/0/03/TsinghuaA-welcome.png"></div>
 +
<div>
 +
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Team:Tsinghua-A/picture_box/css/style_css?action=raw&ctype=text/css" media="screen">
 +
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Team:Tsinghua-A/picture_box/css/nivo_slider_css?action=raw&ctype=text/css" media="screen">
 +
<script type="text/javascript" src="https://2017.igem.org/Team:Tsinghua-A/picture_box/js/jquery?action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2017.igem.org/Team:Tsinghua-A/picture_box/js/jquery_easing?action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2017.igem.org/Team:Tsinghua-A/picture_box/js/jquery_nivo?action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript">
 +
//Slider
 +
jQuery(window).load(function() {
 +
jQuery('#slider').nivoSlider({
 +
effect: 'fold',
 +
slices:15,
 +
animSpeed:500, //Slide transition speed
 +
pauseTime:5000,
 +
controlNav: false,
 +
directionNavHide: false,
 +
prevText: 'prev',
 +
nextText: 'next',
 +
startSlide:0, //Set starting Slide (0 index)
 +
directionNav:true, //Next &amp; Prev
 +
afterLoad: function(){
 +
jQuery(".nivo-caption").animate({top:"60"}, {easing:"easeOutBack", duration: 500})
 +
},
 +
beforeChange: function(){
 +
jQuery(".nivo-caption").animate({top:"-300"}, {easing:"easeInBack", duration: 500})
 +
},
 +
afterChange: function(){
 +
jQuery(".nivo-caption").animate({top:"60"}, {easing:"easeOutBack", duration: 500})
 +
}
 +
});
 +
 +
});
 +
 
 +
</script>
 +
 
 +
<div id="slider-container">
 +
 
 +
<div id="slider" class="nivoSlider">
 +
<img alt="" src="https://static.igem.org/mediawiki/2017/9/91/Main_farm.png">
 +
<img alt="" src="https://static.igem.org/mediawiki/2017/f/f3/Doll.jpg">
 +
<img alt="" src="https://static.igem.org/mediawiki/2017/0/02/Main_gene.jpg">
 +
<img alt="" src="https://static.igem.org/mediawiki/2017/d/db/Main_frnt.jpg">
 +
<img alt="" src="https://static.igem.org/mediawiki/2017/4/4c/Main_back.png">
 +
</div><!-- #slider -->
 +
 +
</div>
 +
<div class="flexslider js-fullheight"></div>
 
</aside>
 
</aside>
 +
 +
<div style="position:fixed; top: 80%; left: 0%; width: 15%; font-size:16px;background-color:rgba(255,255,255,0.6)">For your better viewing experience, please adjust website to an optimized scale(ratio)</div>
 +
<div id="fh5co-services-section" style="background: #fff url(https://static.igem.org/mediawiki/2017/thumb/8/87/TsinghuaA-backgroundpartten.jpeg/240px-TsinghuaA-backgroundpartten.jpeg) repeat;">
 +
 +
<div class="myTitle2">
 +
 +
<table background-color="transparent" left="0%">
 +
<tr>
 +
<td><a href="https://2017.igem.org/Team:Tsinghua-A/Project"><img src="https://static.igem.org/mediawiki/2017/8/82/TsinghuaA-index_2.png" width="280" height="280"></a></td>
 +
<td><a href="https://2017.igem.org/Team:Tsinghua-A/Model"><img src="https://static.igem.org/mediawiki/2017/9/99/TsinghuaA-index_3.png" width="280" height="280"></a></td>
 +
<td><a href="https://2017.igem.org/Team:Tsinghua-A/Game"><img src="https://static.igem.org/mediawiki/2017/3/32/TsinghuaA-index_1.png" width="280" height="280"></a></td>
 +
<td><a href="https://2017.igem.org/Team:Tsinghua-A/HP/Gold_Integrated"><img src="https://static.igem.org/mediawiki/2017/4/47/TsinghuaA-index_4.png" width="280" height="280"></a></td>
 +
</tr>
 +
</table>
 +
<div>
 +
</div>
 +
 +
</div>
 +
 +
 +
 +
</div>
 +
<!-- END fh5co-page -->
 +
 
</div>
 
</div>
−
    </div>
+
<!-- END fh5co-wrapper -->
−
<script type="text/javascript" src="https://2017.igem.org/Template:Tsinghua-A/JS/jquery.min?action=raw&ctype=text/javascript"></script>
+
 
−
<script type="text/javascript" src="https://2017.igem.org/Template:Tsinghua-A/JS/jquery.easing.1.3?action=raw&ctype=text/javascript"></script>
+
<!-- jQuery -->
−
<script type="text/javascript" src="https://2017.igem.org/Template:Tsinghua-A/JS/bootstrap?action=raw&ctype=text/javascript"></script>
+
 
−
<script type="text/javascript" src="https://2017.igem.org/Template:Tsinghua-A/JS/jquery.waypoints.min?action=raw&ctype=text/javascript"></script>
+
 
−
<script type="text/javascript" src="https://2017.igem.org/Template:Tsinghua-A/JS/hoverIntent?action=raw&ctype=text/javascript"></script>
+
<script src="https://2017.igem.org/Template:Tsinghua-A/JS/jquery.min?action=raw&ctype=text/javascript"></script>
−
<script type="text/javascript" src="https://2017.igem.org/Template:Tsinghua-A/JS/superfish?action=raw&ctype=text/javascript"></script>
+
<!-- jQuery Easing -->
−
<script type="text/javascript" src="https://2017.igem.org/Template:Tsinghua-A/JS/jquery.flexslider-min?action=raw&ctype=text/javascript"></script>
+
<script src="https://2017.igem.org/Template:Tsinghua-A/JS/jquery.easing.1.3?action=raw&ctype=text/javascript"></script>
−
        <script type="text/javascript" src="https://2017.igem.org/Template:Tsinghua-A/JS/fixed?action=raw&ctype=text/javascript"></script>
+
<!-- Bootstrap -->
−
<script type="text/javascript" src="https://2017.igem.org/Template:Tsinghua-A/JS/main?action=raw&ctype=text/javascript"></script>
+
<script src="https://2017.igem.org/Template:Tsinghua-A/JS/bootstrap?action=raw&ctype=text/javascript"></script>
 +
<!-- Waypoints -->
 +
<script src="https://2017.igem.org/Template:Tsinghua-A/JS/jquery.waypoints.min?action=raw&ctype=text/javascript"></script>
 +
<!-- Superfish -->
 +
<script src="https://2017.igem.org/Template:Tsinghua-A/JS/hoverIntent?action=raw&ctype=text/javascript"></script>
 +
<script src="https://2017.igem.org/Template:Tsinghua-A/JS/superfish?action=raw&ctype=text/javascript"></script>
 +
<!-- Flexslider -->
 +
<script src="https://2017.igem.org/Template:Tsinghua-A/JS/jquery.flexslider-min?action=raw&ctype=text/javascript"></script>
  
 +
<!-- Main JS (Do not remove) -->
 +
<script src="https://2017.igem.org/Template:Tsinghua-A/JS/main?action=raw&ctype=text/javascript"></script>
 +
        <script src="fixed.js"></script>
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 03:32, 2 November 2017

HOME
TEAM
PROJECT
Description
Design
Experiments
Notebook
InterLab
Contribution
Model
Results
Demonstrate
Improve
Attributions
PARTS
Parts
Basic Parts
Composite Parts
Part Collection
SAFETY
HUMAN PRACTICES
Silver HP
Integrated and Gold
Public Engagement
AWARDS
Applied Design
Entrepreneurship
Hardware
Measurement
Model
Plant
Software
JUDGING FORM
Discription
For your better viewing experience, please adjust website to an optimized scale(ratio)