Difference between revisions of "Team:Warwick/Parts3"
(Created page with "<html class="no-js" lang="en"><!--<![endif]--><head> <meta charset="utf-8"> <!-- Set the viewport width to device width for mobile --> <meta name="viewport" content="width=device...") |
|||
Line 1: | Line 1: | ||
− | <html class="no-js" lang="en"><!--<![endif]--><head> | + | <html class=" js no-touch svg inlinesvg svgclippaths no-ie8compat js no-touch svg inlinesvg svgclippaths no-ie8compat" lang="en"><!--<![endif]--><head> |
<meta charset="utf-8"> | <meta charset="utf-8"> | ||
<!-- Set the viewport width to device width for mobile --> | <!-- Set the viewport width to device width for mobile --> | ||
<meta name="viewport" content="width=device-width"> | <meta name="viewport" content="width=device-width"> | ||
− | <title>Warwick iGEM 2015 | + | <title>Warwick iGEM 2015</title> |
<html> | <html> | ||
<head> | <head> | ||
Line 2,042: | Line 2,042: | ||
<!-- IE Fix for HTML5 Tags --> | <!-- IE Fix for HTML5 Tags --> | ||
<!--[if lt IE 9]> | <!--[if lt IE 9]> | ||
− | <script src= | + | <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
<![endif]--> | <![endif]--> | ||
</head> | </head> | ||
Line 2,144: | Line 2,137: | ||
<div class="clear"> | <div class="clear"> | ||
</div> | </div> | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
<!-- SUBHEADER | <!-- SUBHEADER | ||
================================================== --> | ================================================== --> | ||
Line 2,241: | Line 2,143: | ||
<div class="row"> | <div class="row"> | ||
<div class="twelve columns"> | <div class="twelve columns"> | ||
− | <p class=" | + | <p class="left"> |
− | " | + | PROJECT DETAIL |
+ | </p> | ||
+ | <p class="right"> | ||
+ | <a href="Parts2">...continue</a> | ||
</p> | </p> | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
− | + | <div class="hr"> | |
− | + | ||
− | <div class=" | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
<!-- CONTENT | <!-- CONTENT | ||
================================================== --> | ================================================== --> | ||
<div class="row"> | <div class="row"> | ||
− | <div class=" | + | <!-- PROJECT DESCRIPTION--> |
− | <div class=" | + | <div class="six columns"> |
− | <h4> | + | <div class="sectiontitle"> |
+ | <h4>Project name</h4> | ||
</div> | </div> | ||
− | |||
− | |||
− | |||
<p> | <p> | ||
− | + | Phasellus nec nibh id arcu pharetra blandit. Nullam mollis, lacus nec lacinia porttitor, odio eros laoreet nibh, at scelerisque magna justo eu turpis. Duis sed risus sit amet nunc cursus suscipit. Duis sed est turpis. Sed imperdiet elit eget massa consectetur sit amet rhoncus purus sagittis. Ut vitae nulla tempus erat accumsan porta a ut turpis. Suspendisse pharetra sagittis tellus, eu viverra neque molestie id. | |
</p> | </p> | ||
− | < | + | <dl class="tabs"> |
− | <a href="# | + | <dd class="active"><a href="#simple1">Features</a></dd> |
− | + | <dd><a href="#simple2">What we did</a></dd> | |
− | + | <dd><a href="#simple3">Client's Feedback</a></dd> | |
− | + | </dl> | |
− | + | <ul class="tabs-content"> | |
− | + | <li class="active" id="simple1Tab"> | |
− | + | <p> | |
− | + | ADD DESCRIPTION | |
− | + | </p> | |
− | + | <div class="six columns noleftmargin"> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | < | + | |
− | + | ||
− | + | ||
− | </ | + | |
− | <div class=" | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
<p> | <p> | ||
− | + | <img src="" alt=""><b>consectetur adipiscing</b> | |
</p> | </p> | ||
− | |||
− | |||
<p> | <p> | ||
− | + | <img src="images/check.png" alt=""><b>maxima parte</b> | |
</p> | </p> | ||
− | </ | + | </div> |
− | < | + | </li> |
− | <p> | + | <li id="simple2Tab"> |
− | + | <p> | |
− | </ | + | Consectetur adipiscing elit. Et non ex maxima parte de tota iudicabis? Item de contrariis, a quibus ad genera formasque generum. |
− | </ | + | </p> |
+ | <p> | ||
+ | <img src="images/check.png" alt=""> genera formasque | ||
+ | </p> | ||
+ | <p> | ||
+ | <img src="images/check.png" alt=""> quibus ad genera | ||
+ | </p> | ||
+ | <p> | ||
+ | Et non ex maxima parte de tota iudicabis? Item de contrariis, a quibus ad genera formasque generum venerunt. Sit enim idem caecus, debilis. Duo Reges: constructio interrete. | ||
+ | </p> | ||
+ | </li> | ||
+ | <li id="simple3Tab"> | ||
+ | <p> | ||
+ | <i>"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Et non ex maxima parte de tota iudicabis? Item de contrariis, a quibus ad genera formasque generum."</i> | ||
+ | </p> | ||
+ | <p> | ||
+ | <i>"Adipiscing elit. Et non ex maxima parte de tota iudicabis? Item de contrariis, a quibus ad genera formasque generum."</i> | ||
+ | </p> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <!-- end main content--> | ||
+ | <!-- SLIDER--> | ||
+ | <div class="five columns"> | ||
+ | <div class="slider-wrapper theme-default"> | ||
+ | <div id="slider" class="nivoSlider detailslider"> | ||
+ | <img src="http://www.step.org.uk/app/uploads/2014/05/biologybanner.jpg" data-thumb="" alt="" style="width: 189px; visibility: hidden; display: inline;"> | ||
+ | <img src="http://www.step.org.uk/app/uploads/2014/05/biologybanner.jpg" data-thumb="" alt="" style="width: 189px; visibility: hidden; display: inline;"> | ||
+ | <img class="nivo-main-image" src="http://www.step.org.uk/app/uploads/2014/05/biologybanner.jpg" style="display: inline; overflow: hidden; height: 300px; width: 189px;"><div class="nivo-caption"></div><div class="nivo-directionNav"><a class="nivo-prevNav">Prev</a><a class="nivo-nextNav">Next</a></div><div class="nivo-slice" name="0" style="left: 0px; width: 189px; height: 300px; opacity: 1; overflow: hidden; top: 0px;"><img src="http://www.step.org.uk/app/uploads/2014/05/biologybanner.jpg" style="position:absolute; width:189px; height:300px; display:block !important; top:0; left:-0px;"></div><div class="nivo-slice" name="1" style="left: 13px; width: 289px; height: 300px; opacity: 1; overflow: hidden; top: 0px;"><img src="http://www.step.org.uk/app/uploads/2014/05/biologybanner.jpg" style="position:absolute; width:189px; height:300px; display:block !important; top:0; left:-13px;"></div><div class="nivo-slice" name="2" style="left: 26px; width: 189px; height: 300px; opacity: 1; overflow: hidden; top: 0px;"><img src="http://www.wowthemes.net/demo/studiofrancesca/images/temp/nivo3.jpg" style="position:absolute; width:189px; height:300px; display:block !important; top:0; left:-26px;"></div><div class="nivo-slice" name="3" style="left: 39px; width: 189px; height: 300px; opacity: 1; overflow: hidden; top: 0px;"><img src="http://www.wowthemes.net/demo/studiofrancesca/images/temp/nivo3.jpg" style="position:absolute; width:189px; height:auto; display:block !important; top:0; left:-39px;"></div><div class="nivo-slice" name="4" style="left: 52px; width: 189px; height: 300px; opacity: 1; overflow: hidden; top: 0px;"><img src="http://www.wowthemes.net/demo/studiofrancesca/images/temp/nivo3.jpg" style="position:absolute; width:189px; height:auto; display:block !important; top:0; left:-52px;"></div><div class="nivo-slice" name="5" style="left: 65px; width: 13px; height: 117px; opacity: 1; overflow: hidden; top: 0px;"><img src="http://www.wowthemes.net/demo/studiofrancesca/images/temp/nivo3.jpg" style="position:absolute; width:189px; height:300px; display:block !important; top:0; left:-65px;"></div><div class="nivo-slice" name="6" style="left: 78px; width: 189px; height: 300px; opacity: 1; overflow: hidden; top: 0px;"><img src="http://www.wowthemes.net/demo/studiofrancesca/images/temp/nivo3.jpg" style="position:absolute; width:189px; height:auto; display:block !important; top:0; left:-78px;"></div><div class="nivo-slice" name="7" style="left: 91px; width: 189px; height: 300px; opacity: 1; overflow: hidden; top: 0px;"><img src="http://www.wowthemes.net/demo/studiofrancesca/images/temp/nivo3.jpg" style="position:absolute; width:189px; height:auto; display:block !important; top:0; left:-91px;"></div><div class="nivo-slice" name="8" style="left: 104px; width: 189px; height: 300px; opacity: 1; overflow: hidden; top: 0px;"><img src="http://www.wowthemes.net/demo/studiofrancesca/images/temp/nivo3.jpg" style="position:absolute; width:189px; height:auto; display:block !important; top:0; left:-104px;"></div><div class="nivo-slice" name="9" style="left: 117px; width: 189px; height: 300px; opacity: 1; overflow: hidden; top: 0px;"><img src="http://www.wowthemes.net/demo/studiofrancesca/images/temp/nivo3.jpg" style="position:absolute; width:189px; height:300; display:block !important; top:0; left:-117px;"></div><div class="nivo-slice" name="10" style="left: 130px; width: 189px; height: 300px; opacity: 1; overflow: hidden; top: 0px;"><img src="http://www.wowthemes.net/demo/studiofrancesca/images/temp/nivo3.jpg" style="position:absolute; width:189px; height:300px; display:block !important; top:0; left:-130px;"></div><div class="nivo-slice" name="11" style="left: 143px; width: 189px; height: 300px; opacity: 1; overflow: hidden; top: 0px;"><img src="http://www.wowthemes.net/demo/studiofrancesca/images/temp/nivo3.jpg" style="position:absolute; width:189px; height:300px; display:block !important; top:0; left:-143px;"></div><div class="nivo-slice" name="12" style="left: 156px; width: 189px; height: 189px; opacity: 1; overflow: hidden; top: 0px;"><img src="http://www.wowthemes.net/demo/studiofrancesca/images/temp/nivo3.jpg" style="position:absolute; width:189px; height:300px; display:block !important; top:0; left:-156px;"></div><div class="nivo-slice" name="13" style="left: 169px; width: 300px; height: 189px; opacity: 1; overflow: hidden; top: 0px;"><img src="http://www.wowthemes.net/demo/studiofrancesca/images/temp/nivo3.jpg" style="position:absolute; width:189px; height:300px; display:block !important; top:0; left:-169px;"></div><div class="nivo-slice" name="14" style="left: 182px; width: 189px; height: 300px; opacity: 1; overflow: hidden; top: 0px;"><img src="http://www.wowthemes.net/demo/studiofrancesca/images/temp/nivo3.jpg" style="position:absolute; width:189px; height:300px; display:block !important; top:0; left:-182px;"></div></div><div class="nivo-controlNav"><a class="nivo-control active" rel="0">1</a><a class="nivo-control" rel="1">2</a></div> | ||
</div> | </div> | ||
− | |||
</div> | </div> | ||
+ | <!-- end sliderr--> | ||
+ | </div> | ||
+ | <div class="hr"> | ||
</div> | </div> | ||
Line 2,358: | Line 2,227: | ||
<div id="footer"> | <div id="footer"> | ||
<footer class="row"> | <footer class="row"> | ||
− | <p class="back-top floatright"> | + | <p class="back-top floatright" style="display: none;"> |
<a href="#top"><span></span></a> | <a href="#top"><span></span></a> | ||
</p> | </p> | ||
− | <div class=" | + | <div class="three columns"> |
<h1>ABOUT US</h1> | <h1>ABOUT US</h1> | ||
Our goal is to keep clients satisfied! | Our goal is to keep clients satisfied! | ||
</div> | </div> | ||
− | <div class=" | + | <div class="three columns"> |
<h1>GET SOCIAL</h1> | <h1>GET SOCIAL</h1> | ||
<a class="social facebook" href="#"></a> | <a class="social facebook" href="#"></a> | ||
Line 2,373: | Line 2,242: | ||
<a class="social dribbble" href="#"></a> | <a class="social dribbble" href="#"></a> | ||
</div> | </div> | ||
− | <div class=" | + | <div class="three columns"> |
<h1 class="newsmargin">NEWSLETTER</h1> | <h1 class="newsmargin">NEWSLETTER</h1> | ||
<div class="row collapse newsletter floatright"> | <div class="row collapse newsletter floatright"> | ||
Line 2,389: | Line 2,258: | ||
<div class="row"> | <div class="row"> | ||
<div class="six columns"> | <div class="six columns"> | ||
− | + | <span class="small"> </span> | |
</div> | </div> | ||
<div class="six columns"> | <div class="six columns"> | ||
− | <span class="small floatright">Design by <a target="_blank" | + | <span class="small floatright">Design by Warwick iGEM 2015<a target="_blank" </span> |
</div> | </div> | ||
</div> | </div> | ||
Line 2,399: | Line 2,268: | ||
================================================== --> | ================================================== --> | ||
<!-- Javascript files placed here for faster loading --> | <!-- Javascript files placed here for faster loading --> | ||
− | < | + | <!-- Javascript files placed here for faster loading --> |
− | <script src="javascripts/ | + | <script src="javascripts/foundation.min.js"></script> |
− | + | ||
− | + | ||
<script src="javascripts/jquery.cycle.js"></script> | <script src="javascripts/jquery.cycle.js"></script> | ||
<script src="javascripts/app.js"></script> | <script src="javascripts/app.js"></script> | ||
Line 2,411: | Line 2,278: | ||
<script src="javascripts/superfish.js"></script> | <script src="javascripts/superfish.js"></script> | ||
<script src="javascripts/responsivemenu.js"></script> | <script src="javascripts/responsivemenu.js"></script> | ||
+ | <script src="javascripts/elasticslideshow.js"></script> | ||
</body></html> | </body></html> |
Revision as of 10:17, 9 July 2015
PROJECT DETAIL
Project name
Phasellus nec nibh id arcu pharetra blandit. Nullam mollis, lacus nec lacinia porttitor, odio eros laoreet nibh, at scelerisque magna justo eu turpis. Duis sed risus sit amet nunc cursus suscipit. Duis sed est turpis. Sed imperdiet elit eget massa consectetur sit amet rhoncus purus sagittis. Ut vitae nulla tempus erat accumsan porta a ut turpis. Suspendisse pharetra sagittis tellus, eu viverra neque molestie id.
-
ADD DESCRIPTION
consectetur adipiscing
maxima parte
-
Consectetur adipiscing elit. Et non ex maxima parte de tota iudicabis? Item de contrariis, a quibus ad genera formasque generum.
genera formasque
quibus ad genera
Et non ex maxima parte de tota iudicabis? Item de contrariis, a quibus ad genera formasque generum venerunt. Sit enim idem caecus, debilis. Duo Reges: constructio interrete.
-
"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Et non ex maxima parte de tota iudicabis? Item de contrariis, a quibus ad genera formasque generum."
"Adipiscing elit. Et non ex maxima parte de tota iudicabis? Item de contrariis, a quibus ad genera formasque generum."