|
|
(248 intermediate revisions by 2 users not shown) |
Line 1: |
Line 1: |
− | <!--DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">-->
| + | {{: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 {
| + | </div> |
− | width: 100%; | + | <div class="item"> |
− | height: 100%;
| + | <img class="img-responsive center-block" src="https://static.igem.org/mediawiki/2015/4/4b/EPF_Lausanne_Home2.png" alt="Second slide"> |
− | border: 0px;
| + | |
− | background-color: #161BFB;
| + | |
− | margin: 0px;
| + | |
− | padding: 0px;
| + | |
− | font-size: 100%;
| + | |
− | }
| + | |
− | img.resize50{
| + | |
− | max-width:50%;
| + | |
− | max-height:50%;
| + | |
− | }
| + | |
− | | + | |
− | img.resize30{
| + | |
− | max-width:30%;
| + | |
− | max-height:30%;
| + | |
− | }
| + | |
− | .affix {
| + | |
− | top: 20px;
| + | |
− | width: 213px;
| + | |
− | }
| + | |
− |
| + | |
− | @media (min-width: 1200px) {
| + | |
− | .affix {
| + | |
− | width: 263px;
| + | |
− | }
| + | |
− | }
| + | |
− | </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="text/javascript">
| + | |
− | $('#nav').affix({
| + | |
− | offset: {
| + | |
− | top: $('#nav').offset().top
| + | |
− | }
| + | |
− | });
| + | |
− | </script>
| + | |
− | <script type="text/jquery">
| + | |
− | $('#nav').affix({
| + | |
− | offset: {
| + | |
− | bottom: ($('footer').outerHeight(true) +
| + | |
− | $('.application').outerHeight(true)) +
| + | |
− | 40
| + | |
− | }
| + | |
− | });
| + | |
− | </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 class="navbar-brand" href="https://2015.igem.org/Team:EPF_Lausanne">Bio Logic</a>-->
| + | |
− | <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/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="col-md-3 scrollspy">
| |
− | <ul id="nav" class="nav hidden-xs hidden-sm" data-spy="affix">
| |
− | <li>
| |
− | <a href="#web-design">Web Design</a>
| |
− | </li>
| |
− | <li>
| |
− | <a href="#web-development">Web Development</a>
| |
− | <ul class="nav">
| |
− | <li>
| |
− | <a href="#ruby">
| |
− | <span class="fa fa-angle-double-right"></span>Ruby
| |
− | </a>
| |
− | </li>
| |
− | <li>
| |
− | <a href="#python">
| |
− | <span class="fa fa-angle-double-right"></span>Python
| |
− | </a>
| |
− | </li>
| |
− |
| |
− | </ul><!--end of sub navigation-->
| |
− | </li>
| |
− |
| |
− | </ul><!-- end of main navigation -->
| |
− | </div>
| |
− | <div class="col-md-9">
| |
− | <section id="web-design">
| |
− | </section>
| |
− | <section id="web-development">
| |
− | <section id="ruby">
| |
− | </section>
| |
− | <section id="python">
| |
− | </section>
| |
− |
| |
− | </section>
| |
− | </div>
| |
| </div> | | </div> |
− |
| |
− | <div class="fourth-section">
| |
− | <div class="container">
| |
− | <div class="row">
| |
− | <div class="col-md-12 text-center">
| |
− | <h2>Still under construction</h2>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | <footer class="footer-distributed">
| |
| | | |
− | <div class="footer-left">
| + | <section id="features"> |
| + | <div id="Tour-section"> |
| + | <img src="https://static.igem.org/mediawiki/2015/f/f6/EPF_Lausanne_Home_Button.png" alt="Take a tour" usemap="#TakeTour"> |
| | | |
− | <img class="resize50" src="https://static.igem.org/mediawiki/2015/4/4e/EPF_Lausanne_iGem_Logo_Blue.png" alt="">
| + | <map name="TakeTour"> |
− | | + | <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"> |
− | | + | <area shape="circle" coords="1002,160,110" alt="Results" href="https://2015.igem.org/Team:EPF_Lausanne/Results"> |
− | <div class="footer-center">
| + | <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"> |
− | <div>
| + | <area shape="circle" coords="352,560,120" alt="Practices" href="https://2015.igem.org/Team:EPF_Lausanne/Practices"> |
− | <i class="fa fa-map-marker"></i>
| + | <area shape="circle" coords="1154,477,50" alt="meetus" href="https://2015.igem.org/Team:EPF_Lausanne/Team/Meet"> |
− | <p><span>Route Cantonale</span> Lausanne, Suisse</p>
| + | </map> |
− | </div>
| + | </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>
| + | |
− |
| + | |
| </body> | | </body> |
| </html> | | </html> |
| + | {{:Team:EPF_Lausanne/Test/footer}} |