(90 intermediate revisions by 3 users not shown) | |||
Line 1: | Line 1: | ||
{{Tsinghua-A}} | {{Tsinghua-A}} | ||
<html> | <html> | ||
− | + | <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> | + | <title>Discription</title> |
− | + | <meta name="viewport" content="width=device-width, initial-scale=1"> | |
− | + | <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 | + | |
− | <link rel="stylesheet | + | <!-- Animate.css --> |
− | <link rel="stylesheet | + | <link rel="stylesheet" href="https://2017.igem.org/Template:Tsinghua-A/CSS/animate?action=raw&ctype=text/css"> |
− | <link rel="stylesheet | + | <!-- Icomoon Icon Fonts--> |
− | <link rel="stylesheet | + | <link rel="stylesheet" href="https://2017.igem.org/Template:Tsinghua-A/CSS/icomoon?action=raw&ctype=text/css"> |
− | + | <!-- Bootstrap --> | |
− | + | <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-wrapper" > | ||
<div id="fh5co-page"> | <div id="fh5co-page"> | ||
<div id="fh5co-header"> | <div id="fh5co-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;"> |
− | + | <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 & 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> | ||
− | + | <!-- END fh5co-wrapper --> | |
− | <script | + | |
− | <script | + | <!-- jQuery --> |
− | <script | + | |
− | <script | + | |
− | <script | + | <script src="https://2017.igem.org/Template:Tsinghua-A/JS/jquery.min?action=raw&ctype=text/javascript"></script> |
− | <script | + | <!-- jQuery Easing --> |
− | <script | + | <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> | |
− | </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