|
|
| Line 1: |
Line 1: |
| | {{:Team:CU-Boulder/Wiki}} | | {{:Team:CU-Boulder/Wiki}} |
| | + | {{Template:UCB-NavBar}} |
| | <html> | | <html> |
| - | <head>
| |
| - | <title>CU-Boulder: Project</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="http://code.jquery.com/jquery-latest.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">Home</a></li>
| |
| - | <li><a href="#one">Project</a></li>
| |
| - | <li><a href="#two">Team</a></li>
| |
| - | <li><a href="#work">Biobricks</a></li>
| |
| - | <li><a href="#contact">Contact</a></li>
| |
| - | </ul>
| |
| - | </nav>
| |
| - |
| |
| - | </header>
| |
| - |
| |
| - | <!-- Intro -->
| |
| - | <section id="project" class="main style1 dark fullscreen">
| |
| - | <div id="videocontainer" style="display: none;">
| |
| - | </div>
| |
| - | <div class="content container small">
| |
| - | <header>
| |
| - | </header>
| |
| - |
| |
| - | <footer>
| |
| - | <a href="#one" class="button style2 down">More</a>
| |
| - | </footer>
| |
| - | </div>
| |
| - | </section>
| |
| - |
| |
| - | <!-- One -->
| |
| - | <section id="one" class="main style2 right dark fullscreen">
| |
| - | <div class="content box style2">
| |
| - | <header>
| |
| - | <h2>Content</h2>
| |
| - | </header>
| |
| - | <p>Tell us more about your project. Give us background. Use this as the abstract of your project. Be descriptive but concise (1-2 paragraphs)</p>
| |
| - | </div>
| |
| - | <a href="#two" class="button style2 down anchored">Next</a>
| |
| - | </section>
| |
| - |
| |
| - | <!-- Two -->
| |
| - | <section id="two" class="main style2 left dark fullscreen">
| |
| - | <div class="content box style2">
| |
| - | <header>
| |
| - | <h2>References</h2>
| |
| - | </header>
| |
| - | <p>iGEM teams are encouraged to record references you use during the course of your research. They should be posted somewhere on your wiki so that judges and other visitors can see how you though about your project and what works inspired you.</p>
| |
| - | </div>
| |
| - | <a href="#work" class="button style2 down anchored">Next</a>
| |
| - | </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>
| |
"
