"
Team:SMTexas
From 2014hs.igem.org
(Difference between revisions)
| Line 1: | Line 1: | ||
{{SMTexas/heading}} | {{SMTexas/heading}} | ||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
<html> | <html> | ||
| - | + | <!-- Header --> | |
| - | + | ||
| - | + | ||
| - | + | ||
<div id="header"> | <div id="header"> | ||
<div class="container"> | <div class="container"> | ||
| Line 38: | Line 29: | ||
</div> | </div> | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
<!-- Header --> | <!-- Header --> | ||
<!-- Banner --> | <!-- Banner --> | ||
| + | |||
<div id="banner"> | <div id="banner"> | ||
<div class="container"> | <div class="container"> | ||
| - | + | ||
| + | |||
| + | |||
</div> | </div> | ||
<!-- /Banner --> | <!-- /Banner --> | ||
| Line 68: | Line 51: | ||
<section> | <section> | ||
<header> | <header> | ||
| - | <h2> | + | <h2>Basic Research</h2> |
</header> | </header> | ||
| - | <p class="subtitle"> | + | <p class="subtitle">Explore how our basic research fueled our project development and research.</p> |
<p><a href="#"><img src="images/pics13.jpg" alt=""></a></p> | <p><a href="#"><img src="images/pics13.jpg" alt=""></a></p> | ||
<a href="#" class="button">More</a> | <a href="#" class="button">More</a> | ||
| + | <style> | ||
| + | a.button:link { | ||
| + | color: #FFFFFF; | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | a.button:visited { | ||
| + | color: #FFFFFF; | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | a.button:hover { | ||
| + | color: #FFFFFF; | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | a.button:active { | ||
| + | color: #FFFFFF; | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | </style> | ||
| + | |||
</section> | </section> | ||
| + | |||
</div> | </div> | ||
<div class="3u"> | <div class="3u"> | ||
<section> | <section> | ||
<header> | <header> | ||
| - | <h2> | + | <h2>Applied Research</h2> |
</header> | </header> | ||
| - | <p class="subtitle"> | + | <p class="subtitle">Explore how we have made a biobrick that can detect lung cancer in a simple, inexpensive way.</p> |
<p><a href="#"><img src="images/pics14.jpg" alt=""></a></p> | <p><a href="#"><img src="images/pics14.jpg" alt=""></a></p> | ||
<a href="#" class="button">More</a> | <a href="#" class="button">More</a> | ||
| Line 88: | Line 91: | ||
<section> | <section> | ||
<header> | <header> | ||
| - | <h2> | + | <h2>Outreach</h2> |
</header> | </header> | ||
| - | <p class="subtitle"> | + | <p class="subtitle">Educating our community and gathering public opinion on modern biotechnology.</p> |
<p><a href="#"><img src="images/pics15.jpg" alt=""></a></p> | <p><a href="#"><img src="images/pics15.jpg" alt=""></a></p> | ||
<a href="#" class="button">More</a> | <a href="#" class="button">More</a> | ||
| Line 98: | Line 101: | ||
<section> | <section> | ||
<header> | <header> | ||
| - | <h2> | + | <h2>Video</h2> |
</header> | </header> | ||
| - | <p class="subtitle"> | + | <p class="subtitle">Watch the video explaining our project in detail which embodies our message toward the entire world.</p> |
<p><a href="#"><img src="images/pics16.jpg" alt=""></a></p> | <p><a href="#"><img src="images/pics16.jpg" alt=""></a></p> | ||
<a href="#" class="button">More</a> | <a href="#" class="button">More</a> | ||
| Line 115: | Line 118: | ||
<section> | <section> | ||
<header> | <header> | ||
| - | <h2> | + | <h2>About Us</h2> |
| - | <span class="byline"> | + | <span class="byline"></span> |
</header> | </header> | ||
| - | <p> | + | <p>We are <strong>SMiGEM</strong>, a responsive HTML5 site template freebie by <a href="http://templated.co">TEMPLATED</a>. Released for free under the <a href="http://templated.co/license">Creative Commons Attribution</a> license, so use it for whatever (personal or commercial) – just give us credit! Check out more of our stuff at <a href="http://templated.co">our site</a> or follow us on <a href="http://twitter.com/templatedco">Twitter</a>.</p> |
<p>Sed etiam vestibulum velit, euismod lacinia quam nisl id lorem. Quisque erat. Vestibulum pellentesque, justo mollis pretium suscipit, justo nulla blandit libero, in blandit augue justo quis nisl. Fusce mattis viverra elit. Fusce quis tortor. Consectetuer adipiscing elit. Nam pede erat, porta eu, lobortis eget lorem ipsum dolor. Donec placerat odio vel elit. Nullam ante orci, pellentesque eget, tempus quis, ultrices in, est. Curabitur sit amet nulla. Nam in massa. Sed vel tellus. Curabitur sem urna, consequat. Sed etiam vestibulum velit, euismod lacinia quam nisl id lorem. Quisque erat.</p> | <p>Sed etiam vestibulum velit, euismod lacinia quam nisl id lorem. Quisque erat. Vestibulum pellentesque, justo mollis pretium suscipit, justo nulla blandit libero, in blandit augue justo quis nisl. Fusce mattis viverra elit. Fusce quis tortor. Consectetuer adipiscing elit. Nam pede erat, porta eu, lobortis eget lorem ipsum dolor. Donec placerat odio vel elit. Nullam ante orci, pellentesque eget, tempus quis, ultrices in, est. Curabitur sit amet nulla. Nam in massa. Sed vel tellus. Curabitur sem urna, consequat. Sed etiam vestibulum velit, euismod lacinia quam nisl id lorem. Quisque erat.</p> | ||
<p>Sed etiam vestibulum velit, euismod lacinia quam nisl id lorem. Quisque erat. Vestibulum pellentesque, justo mollis pretium suscipit, justo nulla blandit libero, in blandit augue justo quis nisl. Fusce mattis viverra elit. Fusce quis tortor. Consectetuer adipiscing elit. Nam pede erat, porta eu, lobortis eget lorem ipsum dolor. Donec placerat odio vel elit. Nullam ante orci, pellentesque eget, tempus quis, ultrices in, est. Curabitur sit amet nulla. Nam in massa. Sed vel tellus. Curabitur sem urna, consequat. Sed etiam vestibulum velit, euismod lacinia quam nisl id lorem. Quisque erat.</p> | <p>Sed etiam vestibulum velit, euismod lacinia quam nisl id lorem. Quisque erat. Vestibulum pellentesque, justo mollis pretium suscipit, justo nulla blandit libero, in blandit augue justo quis nisl. Fusce mattis viverra elit. Fusce quis tortor. Consectetuer adipiscing elit. Nam pede erat, porta eu, lobortis eget lorem ipsum dolor. Donec placerat odio vel elit. Nullam ante orci, pellentesque eget, tempus quis, ultrices in, est. Curabitur sit amet nulla. Nam in massa. Sed vel tellus. Curabitur sem urna, consequat. Sed etiam vestibulum velit, euismod lacinia quam nisl id lorem. Quisque erat.</p> | ||
| Line 184: | Line 187: | ||
<!-- Featured --> | <!-- Featured --> | ||
<div id="featured"> | <div id="featured"> | ||
| - | + | ||
<div class="row"> | <div class="row"> | ||
<section class="4u"> | <section class="4u"> | ||
<div class="box"> | <div class="box"> | ||
| - | <a href="#" class="image left"><img src="images/pics04.jpg" alt=""></a> | + | <a href="#" class="image left"><img src="images/pics04.jpg" alt=""></a> |
<h3>Safety</h3> | <h3>Safety</h3> | ||
<p>Donec nonummy magna quis risus eleifend. </p> | <p>Donec nonummy magna quis risus eleifend. </p> | ||
| Line 196: | Line 199: | ||
<section class="4u"> | <section class="4u"> | ||
<div class="box"> | <div class="box"> | ||
| - | <a href="#" class="image left"><img src="images/ | + | <a href="#" class="image left"><img src="images/pics04.jpg" alt=""></a> |
<h3>Attributions</h3> | <h3>Attributions</h3> | ||
<p>Donec nonummy magna quis risus eleifend. </p> | <p>Donec nonummy magna quis risus eleifend. </p> | ||
| Line 204: | Line 207: | ||
<section class="4u"> | <section class="4u"> | ||
<div class="box"> | <div class="box"> | ||
| - | <a href="#" class="image left"><img src="images/ | + | <a href="#" class="image left"><img src="images/pics04.jpg" alt=""></a> |
<h3>Human Practices</h3> | <h3>Human Practices</h3> | ||
<p>Donec nonummy magna quis risus eleifend. </p> | <p>Donec nonummy magna quis risus eleifend. </p> | ||
| Line 211: | Line 214: | ||
</section> | </section> | ||
</div> | </div> | ||
| - | <div class= | + | <div class=container></div> |
| - | + | ||
</div> | </div> | ||
<!-- /Featured --> | <!-- /Featured --> | ||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
<!-- Copyright --> | <!-- Copyright --> | ||
| Line 283: | Line 222: | ||
Design: <a href="http://templated.co">TEMPLATED</a> Images: <a href="http://unsplash.com">Unsplash</a> (<a href="http://unsplash.com/cc0">CC0</a>) | Design: <a href="http://templated.co">TEMPLATED</a> Images: <a href="http://unsplash.com">Unsplash</a> (<a href="http://unsplash.com/cc0">CC0</a>) | ||
</div> | </div> | ||
| - | |||
| - | |||
</body> | </body> | ||
</html> | </html> | ||
Revision as of 16:17, 6 June 2014
