Difference between revisions of "Team:Warwick/Parts3"

Line 2,040: Line 2,040:
  
 
</style>
 
</style>
 +
 
<!-- IE Fix for HTML5 Tags -->
 
<!-- IE Fix for HTML5 Tags -->
 
<!--[if lt IE 9]>
 
<!--[if lt IE 9]>
Line 2,144: Line 2,145:
 
<div class="twelve columns">
 
<div class="twelve columns">
 
<p class="left">
 
<p class="left">
−
PROJECT DETAIL
+
OUR SERVICES
 
</p>
 
</p>
 
<p class="right">
 
<p class="right">
−
<a href="Parts2">...continue</a>
+
Request a free quote
 
</p>
 
</p>
 
</div>
 
</div>
Line 2,157: Line 2,158:
 
================================================== -->
 
================================================== -->
 
<div class="row">
 
<div class="row">
−
<!-- PROJECT DESCRIPTION-->
+
    <!-- MAIN CONTENT-->
−
<div class="six columns">
+
<div class="eight columns">
 
<div class="sectiontitle">
 
<div class="sectiontitle">
−
<h4>Project name</h4>
+
<h4>What we offer</h4>
 
</div>
 
</div>
−
<p>
+
<!-- Services List-->
−
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.
+
<div class="fifteen columns noleftmargin">
−
</p>
+
<h5 class="sidebartitle">Service 1</h5>
−
<dl class="tabs">
+
<p>
−
<dd class="active"><a href="#simple1">Features</a></dd>
+
<img src="images/settings.png" class="pics" alt=""> Duis sit amet risus nunc. Maecenas a elementum urna. Quisque euismod pellentesque sem in feugiat. Mauris nulla urna, euismod sit amet placerat et, adipiscing sit amet nisi. Maecenas libero purus, pulvinar at blandit a, auctor non nulla. Fusce vitae tortor erat
−
<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>
 
</p>
−
<div class="six columns noleftmargin">
+
</div>
−
<p>
+
<div class="fifteen columns noleftmargin">
−
<img src="" alt=""><b>consectetur adipiscing</b>
+
<h5 class="sidebartitle">Service 2</h5>
−
</p>
+
−
<p>
+
−
<img src="images/check.png" alt=""><b>maxima parte</b>
+
−
</p>
+
−
</div>
+
−
</li>
+
−
<li id="simple2Tab">
+
 
<p>
 
<p>
−
Consectetur adipiscing elit. Et non ex maxima parte de tota iudicabis? Item de contrariis, a quibus ad genera formasque generum.
+
<img src="images/settings.png" class="pics" alt=""> Duis sit amet risus nunc. Maecenas a elementum urna. Quisque euismod pellentesque sem in feugiat. Mauris nulla urna, euismod sit amet placerat et, adipiscing sit amet nisi. Maecenas libero purus, pulvinar at blandit a, auctor non nulla. Fusce vitae tortor erat.
 
</p>
 
</p>
 +
</div>
 +
<div class="fifteen columns noleftmargin">
 +
<h5 class="sidebartitle">Service 3</h5>
 
<p>
 
<p>
−
<img src="images/check.png" alt=""> genera formasque
+
<img src="images/settings.png" class="pics" alt=""> Duis sit amet risus nunc. Maecenas a elementum urna. Quisque euismod pellentesque sem in feugiat. Mauris nulla urna, euismod sit amet placerat et, adipiscing sit amet nisi. Maecenas libero purus, pulvinar at blandit a, auctor non nulla. Fusce vitae tortor erat.
 
</p>
 
</p>
 +
</div>
 +
<div class="fifteen columns noleftmargin">
 +
<h5 class="sidebartitle">Service 4</h5>
 
<p>
 
<p>
−
<img src="images/check.png" alt=""> quibus ad genera
+
<img src="images/settings.png" class="pics" alt=""> Duis sit amet risus nunc. Maecenas a elementum urna. Quisque euismod pellentesque sem in feugiat. Mauris nulla urna, euismod sit amet placerat et, adipiscing sit amet nisi. Maecenas libero purus, pulvinar at blandit a, auctor non nulla. Fusce vitae tortor erat.
 
</p>
 
</p>
 +
</div>
 +
<div class="clear">
 +
</div>
 +
<br>
 +
<div class="panel">
 
<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.
+
<b>Phasellus luctus ante in eros suscipit aliquet. Donec convallis scelerisque tellus, quis vulputate lacus laoreet sed. Mauris vitae ultricies neque. Nullam arcu neque, posuere et accumsan quis, euismod id leo. Donec tristique, nisi vel tincidunt faucibus, velit eros pulvinar leo, in sollicitudin nisi nibh ac arcu.</b>
 
</p>
 
</p>
−
</li>
+
</div>
−
<li id="simple3Tab">
+
</div><!-- end main content-->
−
<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>
+
    <!-- SIDEBAR-->
−
</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>
+
−
<!-- end sliderr-->
+
 
</div>
 
</div>
 
<div class="hr">
 
<div class="hr">
Line 2,267: Line 2,248:
 
<!-- JAVASCRIPTS  
 
<!-- JAVASCRIPTS  
 
================================================== -->
 
================================================== -->
−
<!-- Javascript files placed here for faster loading -->
 
 
<!-- Javascript files placed here for faster loading -->
 
<!-- Javascript files placed here for faster loading -->
 
<script src="javascripts/foundation.min.js"></script>
 
<script src="javascripts/foundation.min.js"></script>
 +
<script src="javascripts/jquery.easing.1.3.js"></script>
 +
<script src="javascripts/elasticslideshow.js"></script>
 +
<script src="javascripts/jquery.carouFredSel-6.0.5-packed.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,278: Line 2,261:
 
<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:43, 9 July 2015

Warwick iGEM 2015

info
Thank you for visiting my theme! Replace this with your message to visitors.

OUR SERVICES

Request a free quote

What we offer

Service 1

Duis sit amet risus nunc. Maecenas a elementum urna. Quisque euismod pellentesque sem in feugiat. Mauris nulla urna, euismod sit amet placerat et, adipiscing sit amet nisi. Maecenas libero purus, pulvinar at blandit a, auctor non nulla. Fusce vitae tortor erat

Service 2

Duis sit amet risus nunc. Maecenas a elementum urna. Quisque euismod pellentesque sem in feugiat. Mauris nulla urna, euismod sit amet placerat et, adipiscing sit amet nisi. Maecenas libero purus, pulvinar at blandit a, auctor non nulla. Fusce vitae tortor erat.

Service 3

Duis sit amet risus nunc. Maecenas a elementum urna. Quisque euismod pellentesque sem in feugiat. Mauris nulla urna, euismod sit amet placerat et, adipiscing sit amet nisi. Maecenas libero purus, pulvinar at blandit a, auctor non nulla. Fusce vitae tortor erat.

Service 4

Duis sit amet risus nunc. Maecenas a elementum urna. Quisque euismod pellentesque sem in feugiat. Mauris nulla urna, euismod sit amet placerat et, adipiscing sit amet nisi. Maecenas libero purus, pulvinar at blandit a, auctor non nulla. Fusce vitae tortor erat.


Phasellus luctus ante in eros suscipit aliquet. Donec convallis scelerisque tellus, quis vulputate lacus laoreet sed. Mauris vitae ultricies neque. Nullam arcu neque, posuere et accumsan quis, euismod id leo. Donec tristique, nisi vel tincidunt faucibus, velit eros pulvinar leo, in sollicitudin nisi nibh ac arcu.

Design by Warwick iGEM 2015