Team:CU-Boulder/Team

{{:Team:CU-Boulder/Wiki}}
<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">
							<h2>Advisors</h2>
							
		<!-- Advisors -->
		<!-- Micheal Brasino -->
							<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>
                <!-- Samantha O'Hara -->
							<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>
               <!-- Cloe Simmone Pogoda -->
							<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>
                <!-- Tim Read -->
                                                       <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>
		<!-- Alex Stemm-Wolf -->
                                                       <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>
		<!-- Daniel Garey -->
                                                       <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>
		<!-- Josephine Hendrix -->
                                                       <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>
		<!-- Daren Kraft -->
                                                       <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>
		<!-- 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"><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>
		<!-- Andrea Mariani -->
                                                       <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>
		<!-- Alex Martinez -->
                                                       <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>
		<!-- Leighla Tayefeh -->
                                                       <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>
		<!-- Justine Wagner -->
                                                       <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>&copy; Untitled</li>
						<li>Design: <a href="http://html5up.net/">HTML5 UP</a></li>
					</ul>
			
			</footer>

	</body>
</html>