|
|
(247 intermediate revisions by 2 users not shown) |
Line 1: |
Line 1: |
| + | {{:Team:EPF_Lausanne/Top_Nav}} |
| <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr"> | | <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr"> |
− | <head>
| + | <body> |
− | <style type="text/css">
| + | |
| | | |
− | #contentSub, #footer-box, #catlinks, #search-controls,
| + | <div class="carousel slide" id="carousel-home"> |
− | #p-logo, .printfooter, .firstHeading, .visualClear {
| + | <div class="carousel-inner"> |
− | display: none;
| + | <div class="item active"> |
− | }
| + | <img class="img-responsive center-block" src="https://static.igem.org/mediawiki/2015/4/4b/EPF_Lausanne_Home1.png" alt="First slide"> |
− | #globalWrapper, #content {
| + | |
− | width: 100%; | + | |
− | height: 100%;
| + | |
− | border: 0px;
| + | |
− | background-color: #161BFB;
| + | |
− | margin: 0px;
| + | |
− | padding: 0px;
| + | |
− | font-size: 100%;
| + | |
− | }
| + | |
− | img.resize50{
| + | |
− | max-width:50%;
| + | |
− | max-height:50%;
| + | |
− | }
| + | |
− | .navbar-bright {
| + | |
− | background-color:#111155;
| + | |
− | color:#fff;
| + | |
− | }
| + | |
− |
| + | |
− | .navbar-bright a, #masthead a, #masthead .lead {
| + | |
− | color:#aaaacc;
| + | |
− | }
| + | |
− | | + | |
− | .navbar-bright li > a:hover {
| + | |
− | background-color:#000033;
| + | |
− | }
| + | |
− | | + | |
− | .affix-top,.affix{
| + | |
− | position: relative;
| + | |
− | }
| + | |
− | | + | |
− | @media (min-width: 979px) {
| + | |
− | #sidebar.affix-top {
| + | |
− | position: relative;
| + | |
− | margin-top:30px;
| + | |
− | width:228px;
| + | |
− | }
| + | |
− |
| + | |
− | #sidebar.affix {
| + | |
− | position: relative;
| + | |
− | top:70px;
| + | |
− | width:228px;
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | #sidebar li.active {
| + | |
− | border:0 #eee solid;
| + | |
− | border-right-width:4px;
| + | |
− | }
| + | |
− | | + | |
− | #mainCol h2 {
| + | |
− | padding-top: 55px;
| + | |
− | margin-top: -55px;
| + | |
− | }
| + | |
− | | + | |
− | </style> | + | |
− | <!--
| + | |
− | Stone Template
| + | |
− | http://www.templatemo.com/preview/templatemo_452_stone
| + | |
− | -->
| + | |
− | | + | |
− | <!-- Latest compiled and minified CSS -->
| + | |
− | <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
| + | |
− |
| + | |
− | <!-- Bootstrap Stylesheet -->
| + | |
− | <link rel="stylesheet" href="https://2015.igem.org/Team:EPF_Lausanne/Test/css/bootstrap?action=raw&ctype=text/css" type="text/css">
| + | |
− |
| + | |
− | <!-- FontAwesome Icons -->
| + | |
− | <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
| + | |
− |
| + | |
− | <!-- Normailize Stylesheet -->
| + | |
− | <link rel="stylesheet" href="https://2015.igem.org/Team:EPF_Lausanne/Test/css/normalize?action=raw&ctype=text/css" type="text/css">
| + | |
− | | + | |
− | <!-- Main Styles -->
| + | |
− | <link rel="stylesheet" href="https://2015.igem.org/Team:EPF_Lausanne/Test/css/templatemo-style?action=raw&ctype=text/css" type="text/css">
| + | |
− | | + | |
− | <!-- Footer -->
| + | |
− | <link rel="stylesheet" href="https://2015.igem.org/Team:EPF_Lausanne/css/footer?action=raw&ctype=text/css" type="text/css">
| + | |
− | | + | |
− | <script src="https://2015.igem.org/Team:EPF_Lausanne/Test/js/mordernizr-2.6.2?action=raw&ctype=text/js"></script>
| + | |
− | <script type="https://2015.igem.org/Team:EPF_Lausanne/js/Sidebarscript?action=raw&ctype=text/js"></script>
| + | |
− | </head>
| + | |
− | <body class="loading">
| + | |
− | <!--[if lt IE 7]>
| + | |
− | <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
| + | |
− | <![endif]-->
| + | |
− | | + | |
− | <!-- HEADER -->
| + | |
− | <div class="site-header">
| + | |
− | <div class="container"> | + | |
− | <div class="row">
| + | |
− | <nav class="navbar navbar-default navbar-static-top">
| + | |
− | <div class="navbar-header">
| + | |
− | <button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#main-menu">
| + | |
− | <span class="sr-only">Toggle navigation</span>
| + | |
− | <i class="fa fa-bars"></i>
| + | |
− | </button>
| + | |
− | <a href="https://2015.igem.org/Team:EPF_Lausanne"><img src="https://static.igem.org/mediawiki/2015/9/95/EPF_Lausanne_BIOLOGIC_BLANC.png"></a>
| + | |
− | </div>
| + | |
− | <div class="collapse navbar-collapse" id="main-menu">
| + | |
− | <ul class="nav navbar-nav navbar-right">
| + | |
− | <li><a href="https://2015.igem.org/Team:EPF_Lausanne">Home</a></li>
| + | |
− | <li class="dropdown">
| + | |
− | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Project <span class="caret"></span></a>
| + | |
− | <ul class="dropdown-menu">
| + | |
− | <li><a href="https://2015.igem.org/Team_EPF_Lausanne/Project/Background">Background</a></li>
| + | |
− | <li><a href="https://2015.igem.org/Team:EPF_Lausanne/Project/Description">Description</a></li>
| + | |
− | <li><a href="https://2015.igem.org/Team:EPF_Lausanne/Project/Applications">Applications</a></li>
| + | |
− | <li><a href="https://2015.igem.org/Team:EPF_Lausanne/Project/Modelling">Modelling</a></li>
| + | |
− | </ul>
| + | |
− | </li>
| + | |
− | <li class="dropdown">
| + | |
− | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Achievements <span class="caret"></span></a>
| + | |
− | <ul class="dropdown-menu">
| + | |
− | <li><a href="https://2015.igem.org/Team:EPF_Lausanne/Achievements/Vivo">In vivo</a></li>
| + | |
− | <li><a href="https://2015.igem.org/Team:EPF_Lausanne/Achievements/Silico">In silico</a></li>
| + | |
− | <li><a href="https://2015.igem.org/Team:EPF_Lausanne/Achievements/Judging">Judging</a></li>
| + | |
− | <li><a href="https://2015.igem.org/Team:EPF_Lausanne/Achievements/Parts">Parts</a></li>
| + | |
− | </ul>
| + | |
− | </li>
| + | |
− | <li class="dropdown">
| + | |
− | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Policy and Practices <span class="caret"></span></a>
| + | |
− | <ul class="dropdown-menu">
| + | |
− | <li><a href="https://2015.igem.org/Team:EPF_Lausanne/Policy/Ethic">Ethics</a></li>
| + | |
− | <li><a href="https://2015.igem.org/Team:EPF_Lausanne/Policy/Safety">Safety</a></li>
| + | |
− | <li><a href="https://2015.igem.org/Team:EPF_Lausanne/Policy/Human">Human Practices</a></li>
| + | |
− | </ul>
| + | |
− | </li>
| + | |
− | <li class="dropdown">
| + | |
− | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Notebook <span class="caret"></span></a>
| + | |
− | <ul class="dropdown-menu">
| + | |
− | <li><a href="https://2015.igem.org/Team:EPF_Lausanne/Notebook/Ecoli">E. Coli</a></li>
| + | |
− | <li><a href="https://2015.igem.org/Team:EPF_Lausanne/Notebook/Yeast">Yeast</a></li>
| + | |
− | <li><a href="https://2015.igem.org/Team:EPF_Lausanne/Notebook/Protocols">Protocols</a></li>
| + | |
− | </ul>
| + | |
− | </li>
| + | |
− | <li class="dropdown">
| + | |
− | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Team <span class="caret"></span></a>
| + | |
− | <ul class="dropdown-menu">
| + | |
− | <li><a href="https://2015.igem.org/Team:EPF_Lausanne/Team/Meet">Meet us</a></li>
| + | |
− | <li><a href="https://2015.igem.org/Team:EPF_Lausanne/Timeline">Timeline</a></li>
| + | |
− | <li><a href="https://2015.igem.org/Team:EPF_Lausanne/Team/Aknowledgements">Aknowledgements</a></li>
| + | |
− | </ul>
| + | |
− | </li>
| + | |
− | </ul>
| + | |
− | </div>
| + | |
− | </nav>
| + | |
− | </div>
| + | |
| </div> | | </div> |
− | </div> <!-- .site-header -->
| + | <div class="item"> |
− |
| + | <img class="img-responsive center-block" src="https://static.igem.org/mediawiki/2015/4/4b/EPF_Lausanne_Home2.png" alt="Second slide"> |
− |
| + | |
− | | + | |
− | <div class="page-h promotion">
| + | |
− | <div class="container">
| + | |
− | <div class="row">
| + | |
− | <div class="col-md-12 text-center">
| + | |
− | <h3>Protocols</h3>
| + | |
− | </div>
| + | |
− | </div>
| + | |
| </div> | | </div> |
− | </div>
| + | <div class="item"> |
| + | <img class="img-responsive center-block" src="https://static.igem.org/mediawiki/2015/9/9b/EPF_Lausanne_Home3.png" alt="Third slide"> |
| + | </div> |
| + | <div class="item"> |
| + | <img class="img-responsive center-block" src="https://static.igem.org/mediawiki/2015/1/1a/EPF_Lausanne_Home4.png" alt="Fourth slide"> |
| + | </div> |
| + | </div> |
| + | <a href="#carousel-home" class="left carousel-control" data-slide="prev"> |
| + | <span class="icon-prev"></span> |
| + | </a><!-- end left control --> |
| + | <a href="#carousel-home" class="right carousel-control" data-slide="next"> |
| + | <span class="icon-next"></span> |
| + | </a> |
| | | |
− | <div class="first-section">
| |
− | <div class="container">
| |
− | <div class="row">
| |
− | <div class="col-md-3" id="footer-leftCol">
| |
− |
| |
− | <ul class="nav nav-stacked" id="sidebar">
| |
− | <li><a href="#sec0">Section 0</a></li>
| |
− | <li><a href="#sec1">Section 1</a></li>
| |
− | <li><a href="#sec2">Section 2</a></li>
| |
− | <li><a href="#sec3">Section 3</a></li>
| |
− | <li><a href="#sec4">Section 4</a></li>
| |
− | </ul>
| |
− |
| |
− | </div>
| |
− | <div class="col-md-9" id="mainCol">
| |
− |
| |
− | <br>
| |
− |
| |
− | <h2 id="sec0">Content</h2>
| |
− | At Bootply we like to build simple Bootstrap templates that utilize the code Bootstap CSS without a lot of customization. Sure you can
| |
− | find a lot of Bootstrap themes and inspiration, but these templates tend to be heavy on customization.
| |
− |
| |
− |
| |
− |
| |
− | <hr class="col-md-12">
| |
− | Rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae
| |
− | dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia cor magni dolores
| |
− | eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit,
| |
− | sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.
| |
− | Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut.
| |
− | Rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae
| |
− | dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia cor magni dolores
| |
− | eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit,
| |
− | sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.
| |
− | Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut!
| |
− |
| |
− |
| |
− |
| |
− | <h2 id="sec1">Content</h2>
| |
− | <p>
| |
− | Rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae
| |
− | dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut.
| |
− | </p>
| |
− | <div class="row">
| |
− | <div class="col-md-6">
| |
− | <div class="panel panel-default">
| |
− | <div class="panel-heading"><h3>Hello.</h3></div>
| |
− | <div class="panel-body">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis pharetra varius quam sit amet vulputate.
| |
− | Quisque mauris augue, molestie tincidunt condimentum vitae, gravida a libero. Aenean sit amet felis
| |
− | dolor, in sagittis nisi. Sed ac orci quis tortor imperdiet venenatis. Duis elementum auctor accumsan.
| |
− | Aliquam in felis sit amet augue.
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | <div class="col-md-6">
| |
− | <div class="panel panel-default">
| |
− | <div class="panel-heading"><h3>Hello.</h3></div>
| |
− | <div class="panel-body">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis pharetra varius quam sit amet vulputate.
| |
− | Quisque mauris augue, molestie tincidunt condimentum vitae, gravida a libero. Aenean sit amet felis
| |
− | dolor, in sagittis nisi. Sed ac orci quis tortor imperdiet venenatis. Duis elementum auctor accumsan.
| |
− | Aliquam in felis sit amet augue.
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− |
| |
− | <hr>
| |
− |
| |
− | <h2 id="sec2">Section 2</h2>
| |
− | <p>
| |
− | Rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae
| |
− | dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia cor magni dolores
| |
− | eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit,
| |
− | sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.
| |
− | Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut!
| |
− | </p>
| |
− | <div class="row">
| |
− | <div class="col-md-4"><img src="//placehold.it/300x300" class="img-responsive"></div>
| |
− | <div class="col-md-4"><img src="//placehold.it/300x300" class="img-responsive"></div>
| |
− | <div class="col-md-4"><img src="//placehold.it/300x300" class="img-responsive"></div>
| |
− | </div>
| |
− |
| |
− | <hr>
| |
− |
| |
− | <h2 id="sec3">Section 3</h2>
| |
− | Images are responsive sed @mdo but sum are more fun peratis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium,
| |
− | totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae
| |
− | dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia cor magni dolores
| |
− | eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit,
| |
− | sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.
| |
− | Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut
| |
− |
| |
− | <h2 id="sec4">Section 4</h2>
| |
− | Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium,
| |
− | totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae
| |
− | dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia cor magni dolores
| |
− | eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit,
| |
− | sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.
| |
− | Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut
| |
− |
| |
− |
| |
− | <hr>
| |
− | <h4><a href="http://bootply.com/75781">Edit on Bootply</a></h4>
| |
− | <hr>
| |
− |
| |
− |
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
| </div> | | </div> |
| | | |
− | <div class="fourth-section"> | + | <section id="features"> |
− | <div class="container">
| + | <div id="Tour-section"> |
− | <div class="row">
| + | <img src="https://static.igem.org/mediawiki/2015/f/f6/EPF_Lausanne_Home_Button.png" alt="Take a tour" usemap="#TakeTour"> |
− | <div class="col-md-12 text-center">
| + | |
− | <h2>Still under construction</h2>
| + | <map name="TakeTour"> |
− | </div>
| + | <area shape="circle" coords="162,250,105" alt="Project" href="https://2015.igem.org/Team:EPF_Lausanne/Project/Description"> |
− | </div>
| + | <area shape="circle" coords="452,120,95" alt="Design" href="https://2015.igem.org/Team:EPF_Lausanne/Design"> |
− | </div> | + | <area shape="circle" coords="1002,160,110" alt="Results" href="https://2015.igem.org/Team:EPF_Lausanne/Results"> |
| + | <area shape="circle" coords="642,360,160" alt="Tour" href="https://2015.igem.org/Team:EPF_Lausanne/Project/Description"> |
| + | <area shape="circle" coords="962,540,105" alt="Modeling" href="https://2015.igem.org/Team:EPF_Lausanne/Modeling"> |
| + | <area shape="circle" coords="352,560,120" alt="Practices" href="https://2015.igem.org/Team:EPF_Lausanne/Practices"> |
| + | <area shape="circle" coords="1154,477,50" alt="meetus" href="https://2015.igem.org/Team:EPF_Lausanne/Team/Meet"> |
| + | </map> |
| </div> | | </div> |
− | <!-- Footer -->
| |
− | <footer class="footer-distributed">
| |
− |
| |
− | <div class="footer-left">
| |
− |
| |
− | <img class="resize50" src="https://static.igem.org/mediawiki/2015/4/4e/EPF_Lausanne_iGem_Logo_Blue.png" alt="">
| |
− |
| |
− | </div>
| |
− |
| |
− | <div class="footer-center">
| |
− |
| |
− | <div>
| |
− | <i class="fa fa-map-marker"></i>
| |
− | <p><span>Route Cantonale</span> Lausanne, Suisse</p>
| |
− | </div>
| |
− |
| |
− | <div>
| |
− | <i class="fa fa-envelope"></i>
| |
− | <p><a href="mailto:iGEM2015dreamteam@groupes.epfl.ch">Contact us</a></p>
| |
− | </div>
| |
− |
| |
− | </div>
| |
− |
| |
− | <div class="footer-right">
| |
− |
| |
− | <p class="footer-company-about">
| |
− | <span>About us</span>
| |
− | Team of a dozen biotechnology students that will attempt to change the world
| |
− | </p>
| |
− |
| |
− | <div class="footer-icons">
| |
− |
| |
− | <a href="https://www.facebook.com/pages/IGEM-EPFL-2015/1598472927106907" target="_blank"><i class="fa fa-facebook"></i></a>
| |
− | <a href="https://instagram.com/igem2015epfl/" target="_blank"><i class="fa fa-instagram"></i></a>
| |
− | <a href="https://twitter.com/EPFL_iGEM/" target="_blank"><i class="fa fa-twitter"></i></a>
| |
− | </div>
| |
− |
| |
− | </div>
| |
− |
| |
− | </footer>
| |
| | | |
− | <script src="https://2015.igem.org/Team:EPF_Lausanne/Test/js/jquery?action=raw&ctype=text/js"></script>
| + | </section> |
− | <script src="https://2015.igem.org/Team:EPF_Lausanne/Test/js/bootstrap?action=raw&ctype=text/js"></script>
| + | |
− | <script src="https://2015.igem.org/Team:EPF_Lausanne/Test/js/plugins?action=raw&ctype=text/js"></script>
| + | |
− | <script src="https://2015.igem.org/Team:EPF_Lausanne/Test/js/main?action=raw&ctype=text/js"></script>
| + | |
− | <script type="text/javascript">
| + | |
− | $(document).ready(function(){
| + | |
− | $("#myNav").affix({
| + | |
− | offset: {
| + | |
− | top: 195
| + | |
− | }
| + | |
− | });
| + | |
− | });
| + | |
− | </script>
| + | |
| </body> | | </body> |
| </html> | | </html> |
| + | {{:Team:EPF_Lausanne/Test/footer}} |