(Prototype team page) |
|||
Line 1: | Line 1: | ||
− | + | <!DOCTYPE html> | |
− | <html> | + | <html lang="en"> |
+ | <head> | ||
+ | <title>Home</title> | ||
+ | <meta charset="utf-8"> | ||
+ | <link rel="stylesheet" href="css/style.css"> | ||
+ | <link rel="stylesheet" href="css/slider.css"> | ||
+ | |||
+ | <script src="js/jquery.js"></script> | ||
− | < | + | <script src="js/jquery-migrate-1.1.1.js"></script> |
− | + | ||
− | </ | + | |
− | < | + | <script src="js/superfish.js"></script> |
− | + | ||
− | + | ||
− | </div> | + | <script src="js/jquery.easing.1.3.js"></script> |
+ | <script src="js/tms-0.4.1.js"></script> | ||
+ | <script> | ||
+ | $(window).load(function(){ | ||
+ | $('.slider')._TMS({ | ||
+ | show:0, | ||
+ | pauseOnHover:false, | ||
+ | prevBu:'.prev', | ||
+ | nextBu:'.next', | ||
+ | playBu:false, | ||
+ | duration:800, | ||
+ | preset:'random', | ||
+ | pagination:false,//'.pagination',true,'<ul></ul>' | ||
+ | pagNums:false, | ||
+ | slideshow:8000, | ||
+ | numStatus:false, | ||
+ | banners:true, | ||
+ | waitBannerAnimation:false, | ||
+ | progressBar:false | ||
+ | }) ; | ||
+ | $( "#tabs" ).tabs(); | ||
+ | |||
+ | $().UItoTop({ easingType: 'easeOutQuart' }); | ||
+ | }); | ||
+ | |||
+ | |||
+ | |||
+ | </script> | ||
+ | <!--[if lt IE 8]> | ||
+ | <div style=' clear: both; text-align:center; position: relative;'> | ||
+ | <a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode"> | ||
+ | <img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." /> | ||
+ | </a> | ||
+ | </div> | ||
+ | <![endif]--> | ||
+ | <!--[if lt IE 9]> | ||
+ | <script src="js/html5shiv.js"></script> | ||
+ | <link rel="stylesheet" media="screen" href="css/ie.css"> | ||
− | <div class=" | + | <![endif]--> |
− | < | + | </head> |
− | < | + | <body class="page1"> |
− | <ul> | + | <!--==============================header=================================--> |
− | <li> | + | <header> |
− | <li> <a href=" | + | <div class="container_12"> |
− | <li> <a href=" | + | <div class="grid_12"> |
− | </ul> | + | <h1><a href="index.html"><img src="images/logo.png" alt="Gerald Harris attorney at law"></a> </h1> |
− | </div> | + | <div class="clear"></div> |
+ | </div> | ||
+ | <div class="menu_block"> | ||
+ | <nav class="" > | ||
+ | <ul class="sf-menu"> | ||
+ | <li class="with_ul ul1" ><img src="images/hand3.png" style="width:30px;"><a href="project.html">Project</a> | ||
+ | <ul> | ||
+ | <li><a href="#">Background</a></li> | ||
+ | <li><a href="#">Design</a></li> | ||
+ | <li><a href="#">Result</a></li> | ||
+ | <li><a href="#">Protocol</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="with_ul ul2" ><img src="images/hand1.png" style="width:30px;"><a href="modeling.html">Modeling</a> | ||
+ | <ul> | ||
+ | <li><a href="#">Overview</a></li> | ||
+ | <li><a href="#">date analysis</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="ul3"><img src="images/hand4.png" style="width:30px;"><a href="parts.html">Parts</a></li> | ||
+ | <li class="with_ul ul4"><img src="images/hand5.png" style="width:30px;"><a href="team.html">Team</a> | ||
+ | <ul> | ||
+ | <li><a href="#">Member</a></li> | ||
+ | <li><a href="#">instruction</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="with_ul ul5"><img src="images/hand9.png" style="width:30px;"><a href="human-partictice.html">Human partictice</a> | ||
+ | <ul> | ||
+ | <li><a href="#">Activities</a></li> | ||
+ | <li><a href="#">Questionnaire</a></li> | ||
+ | <li><a href="#">Communication</a></li> | ||
+ | <li><a href="#">sponsor</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="ul6"><img src="images/hand7.png" style="width:30px;"><a href="notebook.html">Notebook</a></li> | ||
+ | <li class="ul7"><img src="images/hand6.png" style="width:30px;"><a href="safety.html">Safety</a></li> | ||
+ | </ul> | ||
+ | </nav> | ||
+ | <div class="clear"></div> | ||
+ | </div> | ||
+ | <div class="clear"></div> | ||
+ | </div> | ||
+ | </header> | ||
− | <div class=" | + | <div class="main"> |
− | <div class=" | + | <div class="container_12"> |
− | < | + | <div class="grid_12"> |
− | < | + | <div class="slider-relative"> |
− | < | + | <div class="slider-block"> |
− | < | + | <div class="slider"> |
− | </ | + | <a href="#" class="prev"></a><a href="#" class="next"></a> |
− | + | <ul class="items"> | |
− | < | + | <li><img src="images/slide.jpg" alt=""> |
− | < | + | <div class="banner"> |
− | < | + | <div>Description1</div><br> |
− | + | <span>Description2</span> | |
− | </div> | + | </div> |
− | + | </li> | |
− | + | <li><img src="images/slide1.jpg" alt=""></li> | |
− | + | <li><img src="images/slide2.jpg" alt=""></li> | |
− | + | <li><img src="images/slide3.jpg" alt=""></li> | |
− | < | + | </ul> |
− | + | </div> | |
− | < | + | </div> |
− | < | + | </div> |
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <!--=======content================================--> | ||
+ | <div class="content"> | ||
+ | <div class="container_12"> | ||
+ | <div ></div> | ||
+ | <div class="clear" style="height:1000px"></div> | ||
+ | </div> | ||
</div> | </div> | ||
+ | <div class="bottom_block"> | ||
+ | <div class="container_12"> | ||
+ | <div class="grid_2 prefix_2"> | ||
+ | <ul> | ||
+ | <li><a href="#">Project</a></li> | ||
+ | <li><a href="#">Parts</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="grid_2"> | ||
+ | <ul> | ||
+ | <li><a href="#">Team</a></li> | ||
+ | <li><a href="#">Human practice</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="grid_2"> | ||
+ | <ul> | ||
+ | <li><a href="#">Notebook</a></li> | ||
+ | <li><a href="#">Safety</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="grid_2"> | ||
+ | <ul> | ||
+ | <li><a href="modeling.html">Modeling</a></li> | ||
+ | |||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="clear"></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!--==============================footer=================================--> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
+ | <footer> | ||
+ | <div class="container_12"> | ||
+ | <div class="grid_12"> | ||
+ | |||
+ | <div class="copy"> | ||
+ | © Copyright © 2014.Company name All rights reserved. | ||
+ | </div></div> | ||
+ | <div class="clear"></div> | ||
+ | </div> | ||
+ | </footer> | ||
− | + | </body> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | </ | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</html> | </html> |
Revision as of 14:36, 12 July 2016
<!DOCTYPE html>