Team:CU-Boulder/Team

From 2014.igem.org

(Difference between revisions)
 
(94 intermediate revisions not shown)
Line 1: Line 1:
-
{{:Team:CU-Boulder/Wiki}}
+
{{Template:UCB-NavBar}}
 +
{{Template:UCB-Main}}
<html>
<html>
-
<head>
+
<body>
-
<title>Big Picture by HTML5 UP</title>
+
<img src="https://static.igem.org/mediawiki/2014/d/db/UCB-Group.jpg" style="width: 969px; margin-left: -80px; margin-right: auto;">
-
<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" />
+
<br>
-
<link rel="stylesheet" href="http://goo.gl/o2Xbz1?gdriveurl" />
+
<br>
-
                <style>
+
<img src="https://static.igem.org/mediawiki/2014/1/1e/UCB-team-03-141011.jpg" style="width:800px; margin-left: 10px; margin-right: auto;">
-
                    #crispr {
+
<br>
-
                        background: rgba(0, 0, 0, 0.7);
+
<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;">
-
 
+
<br>
-
                    #latest-videos {
+
<br>
-
                            overflow: hidden;
+
<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;">
-
                    }
+
<br>
-
 
+
<br>
-
 
+
<br>
-
                    #latest-videos li {
+
</body>
-
                            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">
+
-
<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="The Anonymous Red" alt="" /></a></div>
+
-
<div class="6u"><a href="images/fulls/02.jpg" class="image full r"><img src="https://static.igem.org/mediawiki/2014/c/c7/Brasiano.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="https://static.igem.org/mediawiki/2014/c/c7/Brasiano.jpg" title="Air Lounge" alt="" /></a></div>
+
-
<div class="6u"><a href="images/fulls/04.jpg" class="image full r"><img src="https://static.igem.org/mediawiki/2014/b/be/Julissa.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="https://static.igem.org/mediawiki/2014/b/be/Julissa.jpg" title="The sparkling shell" alt="" /></a></div>
+
-
<div class="6u"><a href="images/fulls/06.jpg" class="image full r"><img src="https://static.igem.org/mediawiki/2014/c/c7/Brasiano.jpg" title="Bent IX" 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>&copy; Untitled</li>
+
-
<li>Design: <a href="http://html5up.net/">HTML5 UP</a></li>
+
-
</ul>
+
-
+
-
</footer>
+
-
 
+
-
</body>
+
</html>
</html>
 +
{{Template:UCB-Footer}}

Latest revision as of 18:16, 11 October 2014