Team:Harvard BioDesign

From 2014.igem.org

Revision as of 21:17, 17 October 2014 by Nlarusstone (Talk | contribs)

(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

{{Team:Harvard_BioDesign/CSS}} {{Team:Harvard_BioDesign/JS}} <html> <head> <script> $(document).ready(function(){ jQuery('.camera_wrap').camera(); }); </script> </head> <body>  <header> <div class="follow-box"> <div class="container" align = "center"> <a href="https://2014.igem.org/Team:Harvard_BioDesign" class="image"><img alt="HarvardBioDesignLogo.jpg" src="/wiki/images/6/66/HarvardBioDesignLogo.jpg" width="114" height="112" /></a> </div> </div> <div class="menuBox"> <nav class="navbar navbar-default navbar-static-top tm_navbar clearfix" role="navigation"> <div align="left"> <ul class="nav sf-menu clearfix"> <li class="active"><a href="https://2014.igem.org/Team:Harvard_BioDesign">Home</a></li> <li><a href="https://2014.igem.org/Team:Harvard_BioDesign/Team">Team</a></li> <li class="sub-menu"><a href="https://igem.org/Team.cgi?year=2013&team_name=Harvard_BioDesign">Official Team Profile</a><span></span> <ul class="submenu"> <li><a href="#">history</a></li> <li><a href="#">news</a><span></span> <ul class="submenu"> <li><a href="#">latest</a></li> <li><a href="#">archive</a></li> </ul> </li> <li><a href="#">testimonials</a></li> </ul> </li> <li><a href="https://2014.igem.org/Team:Harvard_BioDesign/Project">Project</a></li> <li><a href="https://2014.igem.org/Team:Harvard_BioDesign/Parts">Parts</a></li> <li><a href="https://2014.igem.org/Team:Harvard_BioDesign/Modeling">Modeling</a></li> <li><a href="https://2014.igem.org/Team:Harvard_BioDesign/Notebook">Notebook</a></li> <li><a href="https://2014.igem.org/Team:Harvard_BioDesign/Safety">Safety</a></li> <li><a href="https://2014.igem.org/Team:Harvard_BioDesign/Attributions">Attributions</a></li> </ul> </div> </nav> </div> </div> </header> <div class="slider"> <div class="camera_wrap"> <div data-src="img/PAST_JG.png" style="max-height: 100px; max-width:100 px"><div class="camera-caption fadeIn"><p class="title">Applied<br>Bio-sensors</p><a href="#" class="btn-default btn1">view info</a></div></div> <div data-src="img/PRESENT_JG.png" data-media="(max-width: 640px)"><div class="camera-caption fadeIn"><p class="title">Information<br>Storage</p></div></div> <div data-src="img/FUTURE_JG.png" data-media="(max-width: 640px)"><div class="camera-caption fadeIn"><p class="title">Biological<br>Sesning</p></div></div> </div> </div> <div class="global"> <div class="center-box"> <div class="container"> <div class="row"> <div class="col-lg-3 col-md-3 col-sm-3 col-xs-6"> <figure><img src="img/PAST_JG.png" width="300" height="223" alt="What has been done in the past"></figure> <p class="title">PAST</p> <p>odio dignissimos ducimus qui blan <br>ditiis praesentium voluptatum <br>deleniti atque corrupti.</p> <a href="#" class="btn-default btn2">more</a> </div> <div class="col-lg-3 col-md-3 col-sm-3 col-xs-6"> <figure><img src="img/PRESENT_JG.png" width="300" height="223" alt="What our project entails"></figure> <p align="center" class="title">PRESENT</p> <p>odio dignissimos ducimus qui blan <br>ditiis praesentium voluptatum <br>deleniti atque corrupti.</p> <a href="#" class="btn-default btn2">more</a> </div> <div class="col-lg-3 col-md-3 col-sm-3 col-xs-6"> <figure><img src="img/FUTURE_JG.png" width="300" height="223" alt="Where we hope our project is heading"></figure> <p class="title">FUTURE</p> <p>odio dignissimos ducimus qui blan <br>ditiis praesentium voluptatum <br>deleniti atque corrupti.</p> <a href="#" class="btn-default btn2">more</a> </div> </div> </div> </div> <div class="welcome-box"> <div class="container"> <div class="row"> <div class="col-lg-7 col-md-7 col-sm-12 pull-right"> <figure>SPLASH SCREEN PICTURE</figure> </div> <div class="col-lg-5 col-md-5 col-sm-12 pull-left"> <p class="title">Welcome Visitor!</p> <h4>BROAD OVERVIEW OF OUR PROJECT</h4> <a href="#" class="btn-default btn3">more info</a> </div> </div> </div> </div> <div class="container"> <div class="col-lg-12"> <h2>IMPORTANT LINKS WE WANT TO HIGHLIGHT</h2> <div class="row"> <div class="col-lg-4 col-md-4 col-sm-4"> <div class="thumb-pad0"> <div class="thumbnail"> <figure>IMAGE HERE</figure> <div class="caption"> <p class="title">PROJECT OVERVIEW</p> <p>IN OUR PPROJECT...</p> <a href="#" class="btn-default btn4">more <span></span></a> </div> </div> </div> </div> <div class="col-lg-4 col-md-4 col-sm-4"> <div class="thumb-pad0"> <div class="thumbnail"> <figure><img src="img/page1_badge2.png" alt=""></figure> <div class="caption"> <p class="title">HUMAN PRACTICES</p> <p>HERE IS WHAT WE DID TO BE SAFE</p> <a href="#" class="btn-default btn4">more <span></span></a> </div> </div> </div> </div> <div class="col-lg-4 col-md-4 col-sm-4"> <div class="thumb-pad0"> <div class="thumbnail"> <figure><img src="img/page1_badge3.png" alt=""></figure> <div class="caption"> <p class="title">TEAM MEMBERS</p> <p>MEET OUR AMAZING TEAM...</p> <a href="#" class="btn-default btn4">more <span></span></a> </div> </div> </div> </div> </div> </div> </div> <div class="map-box"> <figure><img src="img/page1_icon1.png" alt=""><p>Domestic</p></figure> </div> <div class="container"> <div class="row"> <div class="col-lg-12 tools-box"> <div class="row"> <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6"> <div class="maxheight"> <h3>Telephone</h3> <p> </p> </div> </div> <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6"> <div class="maxheight"> <h3>E-Mail Us</h3> <p> </p> </div> </div> <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6"> <div class="maxheight"> <h3>Follow Us</h3> <ul class="follow_icon indent"> <li><a href="https://www.facebook.com/pages/Harvard-iGEM/269794024286"><img src="img/follow_icon6.png" alt=""></a></li> </ul> </div> </div> <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6"> <div class="indent maxheight"> <h3>Address</h3> <p> </p> </div> </div> </div> </div> </div> </div> </div>  <footer> <div class="container"> <div class="row"> <div class="col-lg-12"> <p><span>copyright</span> © <em id="copyright-year"></em> <a href="index-5.html">Privacy policy</a></p> </div> </div> </div>  </footer> </body> </html>