Team:CU-Boulder/Test

From 2014.igem.org

(Difference between revisions)
Line 237: Line 237:
</section>
</section>
-
<!-- Work -->
 
-
<section id="work" class="main style3 primary">
 
-
<div class="content container">
 
-
<header>
 
-
<h2>Inromation</h2>
 
-
<p>Lorem ipsum dolor sit amet et sapien sed elementum egestas dolore condimentum.
 
-
Fusce blandit ultrices sapien, in accumsan orci rhoncus eu. Sed sodales venenatis
 
-
arcu, id varius justo euismod in. Curabitur egestas consectetur magna vitae urna.</p>
 
-
</header>
 
-
 
-
<!--
 
-
Lightbox Gallery
 
-
 
-
Powered by poptrox. Full docs here: https://github.com/n33/jquery.poptrox
 
-
-->
 
-
<div class="container small gallery">
 
-
<div class="row flush images">
 
-
<div class="6u"><a href="images/fulls/01.jpg" class="image full l"><img src="images/thumbs/01.jpg" title="The Anonymous Red" alt="" /></a></div>
 
-
<div class="6u"><a href="images/fulls/02.jpg" class="image full r"><img src="images/thumbs/02.jpg" title="Airchitecture II" alt="" /></a></div>
 
-
</div>
 
-
<div class="row flush images">
 
-
<div class="6u"><a href="images/fulls/03.jpg" class="image full l"><img src="images/thumbs/03.jpg" title="Air Lounge" alt="" /></a></div>
 
-
<div class="6u"><a href="images/fulls/04.jpg" class="image full r"><img src="images/thumbs/04.jpg" title="Carry on" alt="" /></a></div>
 
-
</div>
 
-
<div class="row flush images">
 
-
<div class="6u"><a href="images/fulls/05.jpg" class="image full l"><img src="images/thumbs/05.jpg" title="The sparkling shell" alt="" /></a></div>
 
-
<div class="6u"><a href="images/fulls/06.jpg" class="image full r"><img src="images/thumbs/06.jpg" title="Bent IX" alt="" /></a></div>
 
-
</div>
 
-
</div>
 
-
</div>
 
-
</section>
 
-
 
<!-- Footer -->
<!-- Footer -->

Revision as of 05:51, 30 June 2014


Big Picture by HTML5 UP

CRISPR/Cas9 Technology

Find out about the modern ways of Killing Tuberculosis using the CRISPR/Cas technology!

What's All the Ruckus About?

Lorem ipsum dolor sit amet et sapien sed elementum egestas dolore condimentum. Fusce blandit ultrices sapien, in accumsan orci rhoncus eu. Sed sodales venenatis arcu, id varius justo euismod in. Curabitur egestas consectetur magna urna.

Next

CRISPR/Cas9 Saves Lives

Lorem ipsum dolor sit amet et sapien sed elementum egestas dolore condimentum. Fusce blandit ultrices sapien, in accumsan orci rhoncus eu. Sed sodales venenatis arcu, id varius justo euismod in. Curabitur egestas consectetur magna urna.

Next

Inromation

Lorem ipsum dolor sit amet et sapien sed elementum egestas dolore condimentum. Fusce blandit ultrices sapien, in accumsan orci rhoncus eu. Sed sodales venenatis arcu, id varius justo euismod in. Curabitur egestas consectetur magna vitae urna.

Inromation

Lorem ipsum dolor sit amet et sapien sed elementum egestas dolore condimentum. Fusce blandit ultrices sapien, in accumsan orci rhoncus eu. Sed sodales venenatis arcu, id varius justo euismod in. Curabitur egestas consectetur magna vitae urna.


<section id="one" class="main style2 right dark fullscreen">

<header>

What's All the Ruckus About?

</header>

Lorem ipsum dolor sit amet et sapien sed elementum egestas dolore condimentum. Fusce blandit ultrices sapien, in accumsan orci rhoncus eu. Sed sodales venenatis arcu, id varius justo euismod in. Curabitur egestas consectetur magna urna.

<a href="#two" class="button style2 down anchored">Next</a> </section>


<section id="two" class="main style2 left dark fullscreen">

<header>

CRISPR/Cas9 Saves Lives

</header>

Lorem ipsum dolor sit amet et sapien sed elementum egestas dolore condimentum. Fusce blandit ultrices sapien, in accumsan orci rhoncus eu. Sed sodales venenatis arcu, id varius justo euismod in. Curabitur egestas consectetur magna urna.

<a href="#work" class="button style2 down anchored">Next</a> </section>


<section id="work" class="main style3 primary">

<header>

Inromation

Lorem ipsum dolor sit amet et sapien sed elementum egestas dolore condimentum. Fusce blandit ultrices sapien, in accumsan orci rhoncus eu. Sed sodales venenatis arcu, id varius justo euismod in. Curabitur egestas consectetur magna vitae urna.

</header>


</section>



<footer id="footer">


  • <a href="#" class="fa solo fa-twitter">Twitter</a>
  • <a href="#" class="fa solo fa-facebook">Facebook</a>
  • <a href="#" class="fa solo fa-google-plus">Google+</a>
  • <a href="#" class="fa solo fa-dribbble">Dribbble</a>
  • <a href="#" class="fa solo fa-pinterest">Pinterest</a>
  • <a href="#" class="fa solo fa-instagram">Instagram</a>


</footer>

</body> </html>