Team:CU-Boulder/Team
From 2014.igem.org
(Difference between revisions)
Jimmynovik (Talk | contribs) |
Jimmynovik (Talk | contribs) |
||
Line 1: | Line 1: | ||
{{:Team:CU-Boulder/Wiki}} | {{:Team:CU-Boulder/Wiki}} | ||
+ | |||
<html> | <html> | ||
- | + | <head> | |
- | + | <title>Big Picture by HTML5 UP</title> | |
- | + | <meta http-equiv="content-type" content="text/html; charset=utf-8" /> | |
- | + | <meta name="description" content="" /> | |
- | + | <meta name="keywords" content="" /> | |
- | + | <!--[if lte IE 8]><script src="css/ie/html5shiv.js"></script><![endif]--> | |
- | + | <script src="https://googledrive.com/host/0Bwj-p7wzaDZ3OGJfRUg3cW10ekE/jquery.min.js"></script> | |
- | + | <script src="http://goo.gl/uWGGV8?gdriveurl"></script> | |
- | + | <script src="http://goo.gl/ixOvIG?gdriveurl"></script> | |
- | + | <script src="http://goo.gl/HPZRLx?gdriveurl"></script> | |
- | + | <script src="http://goo.gl/TtNgEx?gdriveurl"></script> | |
- | + | <link rel="stylesheet" href="http://goo.gl/SfF0tI?gdriveurl" /> | |
- | + | <link rel="stylesheet" href="http://goo.gl/o2Xbz1?gdriveurl" /> | |
- | + | <style> | |
- | + | #crispr { | |
- | + | background: rgba(0, 0, 0, 0.7); | |
- | + | } | |
- | + | #latest-videos { | |
- | + | overflow: hidden; | |
- | + | } | |
- | + | #latest-videos li { | |
- | + | margin-left: auto; | |
- | + | margin-right: auto; | |
- | + | padding: 0; | |
- | + | width: 150px; | |
- | + | height: 84px; | |
- | + | background-color: #fff; | |
- | + | } | |
- | + | #latest-videos a img { | |
- | + | opacity: 1.0; | |
- | + | -webkit-transition: opacity 0.1s ease-in-out; | |
- | + | -moz-transition: opacity 0.1s ease-in-out; | |
- | + | -ms-transition: opacity 0.1s ease-in-out; | |
- | + | -o-transition: opacity 0.1s ease-in-out; | |
- | + | transition: opacity 0.1s ease-in-out; | |
- | + | } | |
- | + | #latest-videos a:hover img { | |
- | + | opacity: 0.5; | |
- | + | } | |
- | + | #videocontainer { | |
- | + | background: rgba(0, 0, 0, 0.85); | |
- | + | position: absolute; | |
- | + | top: 0px; | |
- | + | height: 100%; | |
- | + | width: 100%; | |
- | + | display: none; | |
- | + | margin-left: auto; | |
- | + | margin-right: auto; | |
- | + | text-align: center; | |
- | + | z-index: 1000; | |
+ | } | ||
+ | #videocontainer iframe { | ||
+ | |||
+ | position: relative; | ||
} | } | ||
- | |||
- | + | </style> | |
- | + | <!--[if lte IE 8]><link rel="stylesheet" href="css/ie/v8.css" /><![endif]--> | |
+ | </head> | ||
+ | <body> | ||
+ | |||
+ | <!-- Header --> | ||
+ | <header id="header"> | ||
+ | |||
+ | <!-- Logo --> | ||
+ | <h1 id="logo"><a href="#">iGem CU-Boulder</a></h1> | ||
+ | |||
+ | <!-- Nav --> | ||
+ | <nav id="nav"> | ||
+ | <ul> | ||
+ | <li><a href="https://2014.igem.org/Team:CU-Boulder#intro">Project</a> | ||
+ | <ul><li> | ||
+ | <a href="https://2014.igem.org/Team:CU-Boulder/Learning">Learning</a></li><li> | ||
+ | <a href="https://2014.igem.org/Team:CU-Boulder/Results">Results</a></li><li> | ||
+ | <a href="https://2014.igem.org/Team:CU-Boulder/Notebook">Notebook</a></li> | ||
+ | </ul> | ||
+ | </li><li> | ||
+ | <a href="https://2014.igem.org/Team:CU-Boulder/Achievements">Achievements</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2014.igem.org/Team:CU-Boulder/Abstract">Abstract</a></li><li> | ||
+ | <a href="https://2014.igem.org/Team:CU-Boulder/Results">Results</a></li><li> | ||
+ | <a href="https://2014.igem.org/Team:CU-Boulder/Biobricks">Biobricks</a></li><li> | ||
+ | <a href="https://2014.igem.org/Team:CU-Boulder/Medal">Medal Requirements</a></li> | ||
+ | </ul> | ||
+ | </li><li> | ||
+ | <a href="https://2014.igem.org/Team:CU-Boulder/Safety">Safety</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2014.igem.org/Team:CU-Boulder/Ethics">Ethics</a></li><li> | ||
+ | <a href="https://2014.igem.org/Team:CU-Boulder/ViralSafety">Viral Safety</a></li><li> | ||
+ | <a href="https://2014.igem.org/Team:CU-Boulder/Outreach">Outreach</a></li><li> | ||
+ | <a href="https://2014.igem.org/Team:CU-Boulder/LabSafety">In Lab Safety</a></li> | ||
+ | </ul> | ||
+ | </li><li> | ||
+ | <a href="">Team</a></li> | ||
+ | </ul> | ||
+ | </nav> | ||
+ | |||
+ | </header> | ||
+ | |||
+ | <!-- Intro --> | ||
+ | <div id="videocontainer" style="display: none;"> | ||
+ | </div> | ||
+ | <section id="intro" class="main style1 dark fullscreen"> | ||
+ | <div class="content container small"> | ||
+ | <header> | ||
+ | <h2 id="crispr"><span>CRISPR/Cas9 Technology</span></h2> | ||
+ | </header> | ||
+ | <p id="crispr" style="font-size: 18pt;">Find out about the modern ways of <strong>Killing Tuberculosis</strong> using the CRISPR/Cas technology!</p> | ||
+ | <div id="latest-videos"> | ||
+ | <ul> | ||
+ | <li class="playvideo"> | ||
+ | <a href="https://www.youtube.com/watch?v=2pm9u1E8k3s" title="E3 2014: Making the Gameplay"> | ||
+ | <img src="http://www.mirrorsedge.com/img/icon_video1.gif" alt="E3 2014: Making the Gameplay"> | ||
+ | </a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <footer> | ||
+ | <a href="#one" class="button style2 down">More</a> | ||
+ | </footer> | ||
+ | </div> | ||
+ | </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"> | ||
+ | <h1 style="font-size: 2em;">Advisors</h1> | ||
+ | |||
+ | <!-- Advisors --> | ||
+ | <!-- Micheal Brasino --> | ||
+ | <div class="row flush images"> | ||
+ | <div class="6u"><a href="https://static.igem.org/mediawiki/2014/c/c7/Brasiano.jpg" class="image full l"><img src="https://static.igem.org/mediawiki/2014/c/c7/Brasiano.jpg" title="Air Lounge" alt="" /></a></div> | ||
+ | <div class="6u"><img src="https://static.igem.org/mediawiki/2014/0/02/DiscriptionBrasino.png" title="Michael Brasino" alt="" class="image full r"/></a></div> | ||
+ | </div> | ||
+ | <!-- Samantha O'Hara --> | ||
+ | <div class="row flush images"> | ||
+ | <div class="6u"><img src="https://static.igem.org/mediawiki/2014/1/18/DiscriptionOhara.png" title="Samantha O'Hara" alt="" class="image full l"/></a></div> | ||
+ | <div class="6u"><a href="https://static.igem.org/mediawiki/2014/c/c1/ThumbCustom.png" class="image full r"><img src="https://static.igem.org/mediawiki/2014/c/c1/ThumbCustom.png" title="Samantha O'Hara" alt="" /></a></div> | ||
+ | </div> | ||
+ | <!-- Cloe Simmone Pogoda --> | ||
+ | <div class="row flush images"> | ||
+ | <div class="6u"><a href="https://static.igem.org/mediawiki/2014/c/c1/ThumbCustom.png" class="image full l"><img src="https://static.igem.org/mediawiki/2014/c/c1/ThumbCustom.png" title="Cloe Simmone Pogoda" alt="" /></a></div> | ||
+ | <div class="6u"><img src="https://static.igem.org/mediawiki/2014/2/24/DiscriptionPogoda.png" title="Michael Brasino" alt="" class="image full r"/></a></div> | ||
+ | </div> | ||
+ | <!-- Tim Read --> | ||
+ | <div class="row flush images"> | ||
+ | <div class="6u"><img src="https://static.igem.org/mediawiki/2014/1/1f/DiscriptionRead.png" title="Samantha O'Hara" alt="" class="image full l"/></a></div> | ||
+ | <div class="6u"><a href="https://static.igem.org/mediawiki/2014/c/c1/ThumbCustom.png" class="image full r"><img src="https://static.igem.org/mediawiki/2014/c/c1/ThumbCustom.png" title="Tim Read" alt="" /></a></div> | ||
+ | </div> | ||
+ | <!-- Alex Stemm-Wolf --> | ||
+ | <div class="row flush images"> | ||
+ | <div class="6u"><a href="https://static.igem.org/mediawiki/2014/c/c1/ThumbCustom.png" class="image full l"><img src="https://static.igem.org/mediawiki/2014/c/c1/ThumbCustom.png" title="Alex Stemm-Wolf" alt="" /></a></div> | ||
+ | <div class="6u"><img src="https://static.igem.org/mediawiki/2014/0/0c/DiscriptionStemwolf.png" title="Michael Brasino" alt="" class="image full r"/></a></div> | ||
+ | </div> | ||
+ | <br> | ||
+ | <h1 style="font-size: 2em;">Full-Timers</h1> | ||
+ | <!-- Daniel Garey --> | ||
+ | <div class="row flush images"> | ||
+ | <div class="6u"><img src="https://static.igem.org/mediawiki/2014/a/af/DiscriptionGarey.png" title="Daniel Garey" alt="" class="image full l"/></a></div> | ||
+ | <div class="6u"><a href="https://static.igem.org/mediawiki/2014/c/c1/ThumbGarey.png" class="image full r"><img src="https://static.igem.org/mediawiki/2014/c/c1/ThumbGarey.png" title="Bent IX" alt="" /></a></div> | ||
+ | </div> | ||
+ | <!-- Josephine Hendrix --> | ||
+ | <div class="row flush images"> | ||
+ | <div class="6u"><a href="https://static.igem.org/mediawiki/2014/c/c1/ThumbCustom.png" class="image full l"><img src="https://static.igem.org/mediawiki/2014/c/c1/ThumbCustom.png" title="Michael Brasino. Graduate Student. Graduation will be in 2016? Material Science and Engineering." alt="" /></a></div> | ||
+ | <div class="6u"><img src="https://static.igem.org/mediawiki/2014/0/00/DiscriptionHendrix.png" title="Josephine Hendrix" alt="" class="image full r"/></a></div> | ||
+ | </div> | ||
+ | <!-- Daren Kraft --> | ||
+ | <div class="row flush images"> | ||
+ | <div class="6u"><img src="https://static.igem.org/mediawiki/2014/3/3c/DiscriptionKraft.png" title="Daren Kraft" alt="" class="image full l"/></a></div> | ||
+ | <div class="6u"><a href="https://static.igem.org/mediawiki/2014/c/c1/ThumbCustom.png" class="image full r"><img src="https://static.igem.org/mediawiki/2014/c/c1/ThumbCustom.png" title="Bent IX" alt="" /></a></div> | ||
+ | </div> | ||
+ | <!-- Julissa Malle --> | ||
+ | <div class="row flush images"> | ||
+ | <div class="6u"><a href="https://static.igem.org/mediawiki/2014/b/be/Julissa.jpg" class="image full l"><img src="https://static.igem.org/mediawiki/2014/b/be/Julissa.jpg" title="Michael Brasino. Graduate Student. Graduation will be in 2016? Material Science and Engineering." alt="" /></a></div> | ||
+ | <div class="6u"><img src="https://static.igem.org/mediawiki/2014/d/d8/DiscriptionMalle.png" title="Julissa Malle" alt="" class="image full r"/></a></div> | ||
+ | </div> | ||
+ | <!-- Andrea Mariani --> | ||
+ | <div class="row flush images"> | ||
+ | <div class="6u"><img src="https://static.igem.org/mediawiki/2014/2/2e/DiscriptionMariani.png" title="Andrea Mariani" alt="" class="image full l"/></a></div> | ||
+ | <div class="6u"><a href="https://static.igem.org/mediawiki/2014/c/c1/ThumbCustom.png" class="image full r"><img src="https://static.igem.org/mediawiki/2014/c/c1/ThumbCustom.png" title="Bent IX" alt="" /></a></div> | ||
+ | </div> | ||
+ | <!-- Alex Martinez --> | ||
+ | <div class="row flush images"> | ||
+ | <div class="6u"><a href="https://static.igem.org/mediawiki/2014/c/c1/ThumbCustom.png" class="image full l"><img src="https://static.igem.org/mediawiki/2014/c/c1/ThumbCustom.png" title="Michael Brasino. Graduate Student. Graduation will be in 2016? Material Science and Engineering." alt="" /></a></div> | ||
+ | <div class="6u"><img src="https://static.igem.org/mediawiki/2014/c/c1/ThumbCustom.png" title="Alex Martinez" alt="" class="image full r"/></a></div> | ||
+ | </div> | ||
+ | <!-- Leighla Tayefeh --> | ||
+ | <div class="row flush images"> | ||
+ | <div class="6u"><img src="https://static.igem.org/mediawiki/2014/1/14/DiscriptionTayefeh.png" title="Leighla Tayefeh" alt="" class="image full l"/></a></div> | ||
+ | <div class="6u"><a href="https://static.igem.org/mediawiki/2014/c/c1/ThumbCustom.png" class="image full r"><img src="https://static.igem.org/mediawiki/2014/c/c1/ThumbCustom.png" title="Bent IX" alt="" /></a></div> | ||
+ | </div> | ||
+ | <!-- Justine Wagner --> | ||
+ | <div class="row flush images"> | ||
+ | <div class="6u"><a href="https://static.igem.org/mediawiki/2014/c/c1/ThumbCustom.png" class="image full l"><img src="https://static.igem.org/mediawiki/2014/c/c1/ThumbCustom.png" title="Michael Brasino. Graduate Student. Graduation will be in 2016? Material Science and Engineering." alt="" /></a></div> | ||
+ | <div class="6u"><img src="https://static.igem.org/mediawiki/2014/4/40/DiscriptionWagner.png" title="Justine Wagner" alt="" class="image full r"/></a></div> | ||
+ | </div> | ||
+ | <br> | ||
+ | <h1 style="font-size: 2em;">Part-Timers</h1> | ||
+ | <!-- Lan Ingram --> | ||
+ | <div class="row flush images"> | ||
+ | <div class="6u"><a href="https://static.igem.org/mediawiki/2014/b/be/Julissa.jpg" class="image full l"><img src="https://static.igem.org/mediawiki/2014/b/be/Julissa.jpg" title="Michael Brasino. Graduate Student. Graduation will be in 2016? Material Science and Engineering." alt="" /></a></div> | ||
+ | <div class="6u"><a href="https://static.igem.org/mediawiki/2014/6/6a/DiscriptionJulissa.png" class="image full r"><img src="https://static.igem.org/mediawiki/2014/6/6a/DiscriptionJulissa.png" title="Michael Brasino. Graduate Student. Graduation will be in 2016? Material Science and Engineering." alt="" /></a></div> | ||
+ | </div> | ||
+ | <!-- Kirill Novik --> | ||
+ | <div class="row flush images"> | ||
+ | <div class="6u"><a href="https://static.igem.org/mediawiki/2014/b/be/Julissa.jpg" class="image full l"><img src="https://static.igem.org/mediawiki/2014/b/be/Julissa.jpg" title="Michael Brasino. Graduate Student. Graduation will be in 2016? Material Science and Engineering." alt="" /></a></div> | ||
+ | <div class="6u"><a href="https://static.igem.org/mediawiki/2014/6/6a/DiscriptionJulissa.png" class="image full r"><img src="https://static.igem.org/mediawiki/2014/6/6a/DiscriptionJulissa.png" title="Michael Brasino. Graduate Student. Graduation will be in 2016? Material Science and Engineering." alt="" /></a></div> | ||
+ | </div> | ||
+ | <!-- Kendra Shattuck --> | ||
+ | <div class="row flush images"> | ||
+ | <div class="6u"><a href="https://static.igem.org/mediawiki/2014/b/be/Julissa.jpg" class="image full l"><img src="https://static.igem.org/mediawiki/2014/b/be/Julissa.jpg" title="Michael Brasino. Graduate Student. Graduation will be in 2016? Material Science and Engineering." alt="" /></a></div> | ||
+ | <div class="6u"><a href="https://static.igem.org/mediawiki/2014/6/6a/DiscriptionJulissa.png" class="image full r"><img src="https://static.igem.org/mediawiki/2014/6/6a/DiscriptionJulissa.png" title="Michael Brasino. Graduate Student. Graduation will be in 2016? Material Science and Engineering." alt="" /></a></div> | ||
+ | </div> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | + | </div> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
+ | </div> | ||
+ | </section> | ||
+ | <!-- Footer --> | ||
+ | <footer id="footer"> | ||
+ | <!-- | ||
+ | Social Icons | ||
- | + | Use anything from here: http://fortawesome.github.io/Font-Awesome/cheatsheet/) | |
+ | --> | ||
+ | <ul class="actions"> | ||
+ | <li><a href="#" class="fa solo fa-twitter"><span>Twitter</span></a></li> | ||
+ | <li><a href="#" class="fa solo fa-facebook"><span>Facebook</span></a></li> | ||
+ | <li><a href="#" class="fa solo fa-google-plus"><span>Google+</span></a></li> | ||
+ | <li><a href="#" class="fa solo fa-dribbble"><span>Dribbble</span></a></li> | ||
+ | <li><a href="#" class="fa solo fa-pinterest"><span>Pinterest</span></a></li> | ||
+ | <li><a href="#" class="fa solo fa-instagram"><span>Instagram</span></a></li> | ||
+ | </ul> | ||
- | + | <!-- Menu --> | |
- | + | <ul class="menu"> | |
- | + | <li>© Untitled</li> | |
- | + | <li>Design: <a href="http://html5up.net/">HTML5 UP</a></li> | |
- | + | </ul> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | </footer> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | </body> | |
</html> | </html> |
Revision as of 03:40, 8 August 2014