Difference between revisions of "Team:AHUT China"
(Prototype team page) |
|||
Line 1: | Line 1: | ||
− | + | <!doctype html> | |
− | <html> | + | <html> |
− | < | + | <head> |
− | < | + | <meta charset="utf-8"> |
+ | <title>iGEM</title> | ||
+ | <link rel="stylesheet" type="text/css" href="css/style.css"/> | ||
+ | <script type="text/javascript" src="js/jquery.pack.js"></script> | ||
+ | <script type="text/javascript" src="js/jquery.bgpos.js"></script> | ||
+ | <script type="text/javascript" src="js/banner.js"></script> | ||
+ | <script type="text/javascript" src="js/jquery.min.js"></script> | ||
+ | <script type="text/javascript" src="js/jquery.scrolly.min.js"></script> | ||
+ | <script type="text/javascript" src="js/move-top.js"></script> | ||
+ | </head> | ||
− | < | + | <body> |
− | < | + | <header class="head"> |
− | <ul> | + | <div class="container"> |
− | <li> | + | <div class="logo"> |
− | <li> <a href=" | + | <a href="index.html"><img src="images/logo.png" alt="logo"/></a> |
− | </ul> | + | </div> |
+ | <div class="nav"> | ||
+ | <ul> | ||
+ | <li><a href="">Team</a></li> | ||
+ | <li><a href="">Project</a></li> | ||
+ | <li><a href="">Modeling</a></li> | ||
+ | <li><a href="">Human Practice</a></li> | ||
+ | <li><a href="">Notebook</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | <a href="#blog" class="goto-next scrolly">Next</a> | ||
+ | |||
+ | <!----start-slider-script----> | ||
+ | <script src="./js/responsiveslides.min.js"></script> | ||
+ | <script> | ||
+ | // You can also use "$(window).load(function() {" | ||
+ | $(function () { | ||
+ | // Slideshow 4 | ||
+ | $("#slider4").responsiveSlides({ | ||
+ | auto: true, | ||
+ | pager: true, | ||
+ | nav: true, | ||
+ | speed: 500, | ||
+ | namespace: "callbacks", | ||
+ | before: function () { | ||
+ | $('.events').append("<li>before event fired.</li>"); | ||
+ | }, | ||
+ | after: function () { | ||
+ | $('.events').append("<li>after event fired.</li>"); | ||
+ | } | ||
+ | }); | ||
+ | |||
+ | }); | ||
+ | </script> | ||
+ | <!----//End-slider-script----> | ||
+ | <!-- Slideshow 4 --> | ||
+ | <div id="top" class="callbacks_container"> | ||
+ | <ul class="rslides" id="slider4"> | ||
+ | <li> | ||
+ | <div class="tittle-head"> | ||
+ | <h1>The best project</h1> | ||
+ | <p>Just for you. </p> | ||
+ | <menu class="cl-effect-8" id="cl-effect-8"> | ||
+ | <a href="#cl-effect-8">learn more</a> | ||
+ | </menu> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li> | ||
+ | <div class="tittle-head"> | ||
+ | <h1>The best wiki</h1> | ||
+ | <p>Just for you. </p> | ||
+ | <menu class="cl-effect-8" id="cl-effect-8"> | ||
+ | <a href="#cl-effect-8">learn more</a> | ||
+ | </menu> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li> | ||
+ | <div class="tittle-head"> | ||
+ | <h1>The best team</h1> | ||
+ | <p>Just for you. </p> | ||
+ | <menu class="cl-effect-8" id="cl-effect-8"> | ||
+ | <a href="#cl-effect-8">learn more</a> | ||
+ | </menu> | ||
+ | </div> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="hi-icon-wrap hi-icon-effect"> | ||
+ | <a href="#" class="hi-icon hi-icon-archive">Archive</a> | ||
+ | </div> | ||
− | <div class=" | + | <div class="clearfix"> </div> |
− | < | + | </header> |
− | < | + | <!----- //End-slider----> |
− | < | + | <section class="app"> |
− | </ | + | <i class="icon1"> </i> |
+ | <i class="icon3"> </i> | ||
+ | </section> | ||
− | < | + | |
− | < | + | <section> |
− | < | + | <div class="blog" id="blog"> |
− | <p> | + | <ul class="blog_top"> |
− | + | <li class="blog1"> | |
− | + | <div class="view view-first"> | |
− | < | + | <div class="index_img"><h3>Claritas est etiam processus dynamicus</h3></div> |
− | < | + | <div class="mask"> |
− | <a href=" | + | <div class="info"> <a href="./images/pic1.jpg" class="swipebox" title="Image Title"> <img src="./images/camera.png" class="img-responsive" alt=""/></a></div> |
− | + | <div class="mask_desc"> | |
− | + | <p>20 Comments</p> | |
− | < | + | <p>20 Likes</p> |
− | <p> | + | </div> |
− | < | + | </div> |
− | < | + | </div> |
− | <li> | + | </li> |
− | < | + | <li class="blog2"> |
− | < | + | <div class="view view-first"> |
− | <li> | + | <div class="index_img"><h3>Claritas est etiam processus dynamicus</h3></div> |
− | < | + | <div class="mask"> |
− | < | + | <div class="info"> <a href="./images/pic2.jpg" class="swipebox" title="Image Title"> <img src="./images/camera.png" class="img-responsive" alt=""/></a></div> |
− | </ | + | <div class="mask_desc"> |
− | + | <p>20 Comments</p> | |
− | + | <p>20 Likes</p> | |
− | < | + | </div> |
− | < | + | </div> |
− | < | + | </div> |
− | < | + | </li> |
− | <li> <a href=" | + | <li class="blog3"> |
− | <li> <a href=" | + | <div class="view view-first"> |
− | <li> <a href=" | + | <div class="index_img"><h3>Claritas est etiam processus dynamicus</h3></div> |
− | <li> <a href=" | + | <div class="mask"> |
− | <li> <a href=" | + | <div class="info"> <a href="./images/pic3.jpg" class="swipebox" title="Image Title"> <img src="./images/camera.png" class="img-responsive" alt=""/></a></div> |
− | </ | + | <div class="mask_desc"> |
− | + | <p>20 Comments</p> | |
− | < | + | <p>20 Likes</p> |
− | < | + | </div> |
− | + | </div> | |
− | + | </div> | |
− | <a href=" | + | </li> |
− | + | <li class="blog4"><h3>Blog</h3></li> | |
− | + | <div class="clearfix"> </div> | |
− | + | </ul> | |
− | </div></div> < | + | <ul class="blog_top"> |
+ | <li class="blog2"> | ||
+ | <div class="view view-first"> | ||
+ | <div class="index_img"><h3>Claritas est etiam processus dynamicus</h3></div> | ||
+ | <div class="mask"> | ||
+ | <div class="info"> <a href="./images/pic4.jpg" class="swipebox" title="Image Title"> <img src="./images/camera.png" class="img-responsive" alt=""/></a></div> | ||
+ | <div class="mask_desc"> | ||
+ | <p>20 Comments</p> | ||
+ | <p>20 Likes</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li class="blog1"> | ||
+ | <div class="view view-first"> | ||
+ | <div class="index_img"><h3>Claritas est etiam processus dynamicus</h3></div> | ||
+ | <div class="mask"> | ||
+ | <div class="info"> <a href="./images/pic5.jpg" class="swipebox" title="Image Title"> <img src="./images/camera.png" class="img-responsive" alt=""/></a></div> | ||
+ | <div class="mask_desc"> | ||
+ | <p>20 Comments</p> | ||
+ | <p>20 Likes</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li class="blog5"> | ||
+ | <div class="view view-first"> | ||
+ | <div class="index_img"><h3>Claritas est etiam processus dynamicus</h3></div> | ||
+ | <div class="mask"> | ||
+ | <div class="info"> <a href="./images/pic6.jpg" class="swipebox" title="Image Title"> <img src="./images/camera.png" class="img-responsive" alt=""/></a></div> | ||
+ | <div class="mask_desc"> | ||
+ | <p>20 Comments</p> | ||
+ | <p>20 Likes</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li class="blog3"> | ||
+ | <div class="view view-first"> | ||
+ | <div class="index_img"><h3>Claritas est etiam processus dynamicus</h3></div> | ||
+ | <div class="mask"> | ||
+ | <div class="info"> <a href="./images/pic7.jpg" class="swipebox" title="Image Title"> <img src="./images/camera.png" class="img-responsive" alt=""/></a></div> | ||
+ | <div class="mask_desc"> | ||
+ | <p>20 Comments</p> | ||
+ | <p>20 Likes</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </li> | ||
+ | <div class="clearfix"> </div> | ||
+ | </ul> | ||
+ | <ul class="blog_top"> | ||
+ | <li class="blog1"> | ||
+ | <div class="view view-first"> | ||
+ | <div class="index_img"><h3>Claritas est etiam processus dynamicus</h3></div> | ||
+ | <div class="mask"> | ||
+ | <div class="info"> <a href="./images/pic1.jpg" class="swipebox" title="Image Title"> <img src="./images/camera.png" class="img-responsive" alt=""/></a></div> | ||
+ | <div class="mask_desc"> | ||
+ | <p>20 Comments</p> | ||
+ | <p>20 Likes</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li class="blog5"> | ||
+ | <div class="view view-first"> | ||
+ | <div class="index_img"><h3>Claritas est etiam processus dynamicus</h3></div> | ||
+ | <div class="mask"> | ||
+ | <div class="info"> <a href="./images/pic2.jpg" class="swipebox" title="Image Title"> <img src="./images/camera.png" class="img-responsive" alt=""/></a></div> | ||
+ | <div class="mask_desc"> | ||
+ | <p>20 Comments</p> | ||
+ | <p>20 Likes</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li class="blog1"> | ||
+ | <div class="view view-first"> | ||
+ | <div class="index_img"><h3>Claritas est etiam processus dynamicus</h3></div> | ||
+ | <div class="mask"> | ||
+ | <div class="info"> <a href="./images/pic5.jpg" class="swipebox" title="Image Title"> <img src="./images/camera.png" class="img-responsive" alt=""/></a></div> | ||
+ | <div class="mask_desc"> | ||
+ | <p>20 Comments</p> | ||
+ | <p>20 Likes</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li class="blog2"> | ||
+ | <div class="view view-first"> | ||
+ | <div class="index_img"><h3>Claritas est etiam processus dynamicus</h3></div> | ||
+ | <div class="mask"> | ||
+ | <div class="info"> <a href="./images/pic1.jpg" class="swipebox" title="Image Title"> <img src="./images/camera.png" class="img-responsive" alt=""/></a></div> | ||
+ | <div class="mask_desc"> | ||
+ | <p>20 Comments</p> | ||
+ | <p>20 Likes</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </li> | ||
+ | <div class="clearfix"> </div> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </section> | ||
+ | |||
+ | |||
+ | <script type="text/javascript"> | ||
+ | $(document).ready(function() { | ||
+ | /* | ||
+ | var defaults = { | ||
+ | containerID: 'toTop', // fading element id | ||
+ | containerHoverID: 'toTopHover', // fading element hover id | ||
+ | scrollSpeed: 1200, | ||
+ | easingType: 'linear' | ||
+ | }; | ||
+ | */ | ||
+ | |||
+ | $().UItoTop({ easingType: 'easeOutQuart' }); | ||
+ | |||
+ | }); | ||
+ | </script> | ||
+ | <a href="#" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a> | ||
+ | |||
+ | </body> | ||
</html> | </html> |
Revision as of 12:47, 8 June 2015
<!doctype html>
Blog