|
|
| (76 intermediate revisions not shown) |
| Line 1: |
Line 1: |
| - | {{:Team:CU-Boulder/Wiki}} | + | {{Template:UCB-NavBar}} |
| - | | + | {{Template:UCB-Main}} |
| | <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> | | <body> |
| | + | <img src="https://static.igem.org/mediawiki/2014/d/db/UCB-Group.jpg" style="width: 969px; margin-left: -80px; margin-right: auto;"> |
| | | | |
| - | <!-- Header -->
| + | <br> |
| - | <header id="header">
| + | <br> |
| - | | + | <img src="https://static.igem.org/mediawiki/2014/1/1e/UCB-team-03-141011.jpg" style="width:800px; margin-left: 10px; margin-right: auto;"> |
| - | <!-- Logo -->
| + | <br> |
| - | <h1 id="logo"><a href="#">iGem CU-Boulder</a></h1>
| + | <br> |
| - | | + | <img src="https://static.igem.org/mediawiki/2014/thumb/8/82/UCB-team_pic-01-141011.jpg/800px-UCB-team_pic-01-141011.jpg" style="width:800px; margin-left: 10px; margin-right: auto;"> |
| - | <!-- Nav -->
| + | <br> |
| - | <nav id="nav">
| + | <br> |
| - | <ul>
| + | <img src="https://static.igem.org/mediawiki/2014/thumb/7/79/UCB-team-04-141011.jpg/800px-UCB-team-04-141011.jpg" style="width:800px; margin-left: 10px; margin-right: auto;"> |
| - | <li><a href="https://2014.igem.org/Team:CU-Boulder#intro">Project</a>
| + | <br> |
| - | <ul><li>
| + | <br> |
| - | <a href="https://2014.igem.org/Team:CU-Boulder/Learning">Learning</a></li><li>
| + | <br> |
| - | <a href="https://2014.igem.org/Team:CU-Boulder/Results">Results</a></li><li>
| + | </body> |
| - | <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> |
| | + | {{Template:UCB-Footer}} |
"
