Difference between revisions of "Team:Tsinghua-A"

 
(86 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">
        <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Tsinghua-A/CSS/style?action=raw&ctype=text/css">    
+
<!-- Bootstrap  -->
        <script type="text/javascript" src="https://2017.igem.org/Template:Tsinghua-A/JS/modernizr-2.6.2.min?action=raw&ctype=text/javascript"></script>
+
<link rel="stylesheet" href="https://2017.igem.org/Template:Tsinghua-A/CSS/bootstrap?action=raw&ctype=text/css">
<!--导航栏从这里开始-->
+
<!-- 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>
 +
<div id="fh5co-wrapper" >
 +
<div id="fh5co-page">
 +
<div id="fh5co-header">
 +
 +
 +
</div>
 +
<!-- end:fh5co-header -->
 +
<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;">
 +
<br><br>
 +
 +
 +
<div class="background">
 +
 +
<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>
 +
 +
<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>
 +
<!-- END fh5co-wrapper -->
 +
 +
<!-- jQuery -->
 +
 +
 +
<script src="https://2017.igem.org/Template:Tsinghua-A/JS/jquery.min?action=raw&ctype=text/javascript"></script>
 +
<!-- jQuery Easing -->
 +
<script src="https://2017.igem.org/Template:Tsinghua-A/JS/jquery.easing.1.3?action=raw&ctype=text/javascript"></script>
 +
<!-- Bootstrap -->
 +
<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>
 
</html>
 
</html>

Latest revision as of 03:32, 2 November 2017

Discription
For your better viewing experience, please adjust website to an optimized scale(ratio)