Team:CU-Boulder/Test2

From 2014.igem.org

(Difference between revisions)
 
(41 intermediate revisions not shown)
Line 9: Line 9:
<!--[if lte IE 8]><script src="css/ie/html5shiv.js"></script><![endif]-->
<!--[if lte IE 8]><script src="css/ie/html5shiv.js"></script><![endif]-->
                 <script src="http://code.jquery.com/jquery-latest.js"></script>
                 <script src="http://code.jquery.com/jquery-latest.js"></script>
 +
                <script src="http://goo.gl/TtNgEx?gdriveurl">
 +
                </script>
                 <script src="http://html5up.net/uploads/demos/big-picture/js/skel.min.js"></script>
                 <script src="http://html5up.net/uploads/demos/big-picture/js/skel.min.js"></script>
                 <script src="http://html5up.net/uploads/demos/big-picture/js/init.js"></script>
                 <script src="http://html5up.net/uploads/demos/big-picture/js/init.js"></script>
                 <script src="http://html5up.net/uploads/demos/big-picture/js/jquery.poptrox.min.js"></script>
                 <script src="http://html5up.net/uploads/demos/big-picture/js/jquery.poptrox.min.js"></script>
 +
                <style>
 +
#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>
                 <style>
                 <style>
                     @charset 'UTF-8';
                     @charset 'UTF-8';
Line 21: Line 43:
/*********************************************************************************/
/*********************************************************************************/
          
          
 +
        .iframe-test {
 +
            display: block;
 +
            float: left;
 +
            position: absolute;
 +
            top: 100px;
 +
            left: 50px;
 +
        }
 +
 +
        #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;
 +
}
 +
       
 +
body {
body {
background: #fff;
background: #fff;
Line 1,486: Line 1,545:
</head>
</head>
<body>
<body>
-
 
+
           
<!-- Header -->
<!-- Header -->
<header id="header">
<header id="header">
Line 1,505: Line 1,564:
</header>
</header>
-
+
                       
<!-- Intro -->
<!-- Intro -->
<section id="intro" class="main style1 dark fullscreen">
<section id="intro" class="main style1 dark fullscreen">
 +
                                <div id="videocontainer" style="display: none;">
 +
                                </div>
<div class="content container small">
<div class="content container small">
 +
                                       
<header>
<header>
<h2 id="crispr"><span>CRISPR/Cas9 Technology</span></h2>
<h2 id="crispr"><span>CRISPR/Cas9 Technology</span></h2>
</header>
</header>
<p id="crispr">Find out about the modern ways of <strong>Killing Tuberculosis</strong> using the CRISPR/Cas technology!
<p id="crispr">Find out about the modern ways of <strong>Killing Tuberculosis</strong> using the CRISPR/Cas technology!
-
+
<div id="latest-videos">
 +
                                              <ul>
 +
                                                    <li class="playvideo">
 +
                                                          <a href="http://www.youtube.com/watch?v=TYtlSqIPO7k" 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>
<footer>
<a href="#one" class="button style2 down">More</a>
<a href="#one" class="button style2 down">More</a>
Line 1,531: Line 1,601:
</div>
</div>
<a href="#two" class="button style2 down anchored">Next</a>
<a href="#two" class="button style2 down anchored">Next</a>
 +
                               
 +
                                <iframe width="854" height="510" src="//www.youtube.com/embed/2pm9u1E8k3s" frameborder="0" allowfullscreen></iframe>
 +
                               
</section>
</section>
<!-- Two -->
<!-- Two -->
<section id="two" class="main style2 left dark fullscreen">
<section id="two" class="main style2 left dark fullscreen">
-
<div class="content box style2">
+
<div class="content box style3">
<header>
<header>
<h2>Who I Am</h2>
<h2>Who I Am</h2>

Latest revision as of 04:57, 30 June 2014

iGem CU-Boulder

CRISPR/Cas9 Technology

Find out about the modern ways of Killing Tuberculosis using the CRISPR/Cas technology!

What I Do

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 urna.

Next

Who I Am

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 urna.

Next

My Work

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.

Say Hello.

Lorem ipsum dolor sit amet et sapien sed elementum egestas dolore condimentum.

Retrieved from "http://2014.igem.org/Team:CU-Boulder/Test2"