Difference between revisions of "Team:Aix-Marseille/Project"
Line 1: | Line 1: | ||
− | + | <html> | |
+ | <head> | ||
+ | <title>Chew fight</title> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
+ | <meta http-equiv="content-type" content="text/html; charset=UTF-8"> | ||
+ | <link rel="stylesheet" href="https://2015.igem.org/Team:NRP-UEA-Norwich/bootstrapcss?action=raw&ctype=text/css" type="text/css"> | ||
+ | <link rel="stylesheet" href="https://2015.igem.org/Team:NRP-UEA-Norwich/mobilecss?action=raw&ctype=text/css" type="text/css"> | ||
+ | <link rel="stylesheet" href="https://2015.igem.org/Team:NRP-UEA-Norwich/stylecss?action=raw&ctype=text/css" type="text/css"> | ||
+ | <link rel="stylesheet" href="https://2015.igem.org/Team:NRP-UEA-Norwich/fancyboxcss?action=raw&ctype=text/css" type="text/css"> | ||
+ | <script type="text/javascript" src="https://2015.igem.org/Team:NRP-UEA-Norwich/bootstrap.js?action=raw&ctype=text/javascript"></script> | ||
+ | <script type="text/javascript" src="https://2015.igem.org/Team:NRP-UEA-Norwich/fancyboxjs?action=raw&ctype=text/javascript"></script> | ||
− | < | + | <!--[if lt IE 7]> |
+ | <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE7.js"></script> | ||
+ | <![endif]--> | ||
− | <script | + | <!--[if lt IE 8]> |
− | + | <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js"></script> | |
− | <script | + | <![endif]--> |
− | + | ||
+ | <!--[if lt IE 9]> | ||
+ | <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script> | ||
+ | <![endif]--> | ||
+ | </head> | ||
+ | <body> | ||
+ | <header class="header" > | ||
+ | <div class="container"> | ||
+ | <div class="row"> | ||
+ | |||
+ | <nav class="navbar navbar-default " role="navigation" data-spy="affix" data-offset-top="600"> | ||
+ | <div class="navbar-inner"> | ||
+ | |||
+ | <div class="navbar-header"> | ||
+ | <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> | ||
+ | <span class="sr-only">Toggle navigation</span> | ||
+ | <span class="icon-bar"></span> | ||
+ | <span class="icon-bar"></span> | ||
+ | <span class="icon-bar"></span> | ||
− | < | + | </button> |
+ | <a href="/Team:Aix Marseille" class="navbar-brand hidden-lg hidden-md hidden-sm" ><img src="http://i.imgur.com/x0P5Rs4.png" class="img-responsive" width="80" height="80"></a> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class="collapse navbar-collapse " id="bs-example-navbar-collapse-1"> | ||
+ | <ul class="nav navbar-nav " id="nav"> | ||
+ | <li><a href="/Team:Aix Marseille" class="logo"><img src="http://i.imgur.com/x0P5Rs4.png" class="img-responsive" width="80" height="80"></a></li> | ||
+ | <li ><a href="/Team:Aix-Marseille">Home</a></li> | ||
+ | <li class="dropdown " id="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Project</a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li ><a href="/Team:Aix-Marseille/Project">Background</a></li> | ||
+ | <li ><a href="/Team:Aix-Marseille/Project design">Project design</a></li> | ||
+ | <li ><a href="/Team:Aix-Marseille/Parts">Parts</a></li> | ||
+ | </ul> | ||
+ | <li class="dropdown " id="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Team</a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li ><a href="/Team:Aix-Marseille/Team">Members</a></li> | ||
+ | <li ><a href="/Team:Aix-Marseille/Supervisors">Supervisors</a></li> | ||
+ | <li ><a href="/Team:Aix-Marseille/Collaboration">Collaboration</a></li> | ||
+ | <li ><a href="/Team:Aix-Marseille/Attributions">Attributions</a></li> | ||
+ | </ul> | ||
+ | <li class="dropdown " id="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Notebook</a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li ><a href="/Team:Aix-Marseille/Notebook">Calendar</a></li> | ||
+ | <li ><a href="/Team:Aix-Marseille/Results">Results</a></li> | ||
+ | <li ><a href="/Team:Aix-Marseille/Protocols">Protocols</a></li> | ||
+ | </ul> | ||
+ | <li ><a href="/Team:Aix-Marseille/Human/Practices">Human Practices</a></li> | ||
+ | <li class="dropdown " id="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Measurement</a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li ><a href="/Team:Aix-Marseille/Measurement">Results</a></li> | ||
+ | <li ><a href="/Team:Aix-Marseille/Protocols">Protocols</a></li> | ||
+ | <li ><a href="/Team:Aix-Marseille/Sequencing/data">Sequencing data</a></li> | ||
+ | </ul> | ||
+ | <li class="dropdown " id="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Modeling</a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li ><a href="/Team:Aix-Marseille/Modeling">Modeling</a></li> | ||
+ | <li ><a href="/Team:Aix-Marseille/Software">Software</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | </li> | ||
− | + | </ul> | |
− | + | ||
− | + | ||
− | + | </div> | |
− | + | </div> | |
− | + | </nav> | |
− | + | ||
− | + | </div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | </div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | </header> | |
− | + | ||
− | + | <div class="clearfix"></div> | |
− | + | <!-- start project section --> | |
− | + | <section id="project" style="padding:50px 0px 15px;"> | |
− | + | ||
− | + | <div class="container"> | |
− | + | <div class="row"> | |
− | + | <div class="col-md-6 left"> | |
− | + | <h1 class="title1">Project Background</h2> | |
− | + | <div class="space30"></div> | |
− | + | <p class="space20">TEXTE | |
− | + | </p> | |
− | + | ||
− | + | <p class="space20">TEXTE</p> | |
− | + | ||
− | + | </div> | |
− | + | <div class="col-md-5 col-md-offset-1 col-sm-offset-1 space30"> | |
− | + | <div class="success-work project"> | |
+ | |||
+ | <img src="IMAGE" href="IMAGE" alt="..." class="img-responsive mautomargin fancybox" style="cursor: pointer;"> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | </section> | ||
+ | |||
+ | |||
+ | |||
+ | <!-- start science section --> | ||
+ | <section style="padding:10px 0px 0px;"> | ||
+ | |||
+ | <div class="container"> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-12 left"> | ||
+ | |||
+ | <p class="space10">TEXTE1</p> | ||
+ | |||
+ | <p class = "space10">TEXTE2</p> | ||
+ | |||
+ | <p class="space10">TEXTE3</p> | ||
+ | |||
+ | <p class = "space10">TEXTE4</p> | ||
+ | |||
+ | <p class="space10">TEXTE5</p> | ||
+ | |||
+ | <p class="space20" style="text-align: center;"><b>TEXTE6</b></p> | ||
+ | </div> | ||
+ | |||
+ | <div class="col-md-6 left"> | ||
+ | <p class="space20">TEXTE7</p> | ||
+ | |||
+ | <p class="space20">"TEXTE8</p> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | <div class="col-md-5 col-md-offset-1 col-sm-offset-1 space30"> | ||
+ | <div class="success-work project"> | ||
+ | |||
+ | <img src="IMAGE" href="IMAGE" alt="..." class="img-responsive mautomargin fancybox" style="cursor: pointer;"> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class="col-md-12 left"> | ||
+ | <p class="space20" style="text-align: center;"><b>TEXTE9</b></p> | ||
+ | |||
+ | |||
+ | |||
+ | <!--</div> | ||
+ | <div class="col-md-5 col-md-offset-1 col-sm-offset-1 space30 text-center"> | ||
+ | <div class="success-work science"> | ||
+ | |||
+ | <img src="http://i.imgur.com/Rl286Fc.jpg" class="img-responsive"> | ||
+ | |||
+ | </div>--> | ||
+ | |||
+ | |||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | <div class="space30"></div> | ||
+ | <div class="col-md-12 left"> | ||
+ | <h2 class="title1">References</h2> | ||
+ | <p>TEXTE</p> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | </section> | ||
+ | <div class="clearfix"></div> | ||
+ | <div class="clearfix"></div> | ||
+ | |||
+ | <!-- start sponsors section --> | ||
+ | <section style="padding:50px 0px; background: #f4f4f4;" class="arrow_box-test"> | ||
+ | |||
+ | <div class="container"> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-12 text-center"> | ||
+ | <h2 class="gray">SPONSORS</h2> | ||
+ | <ul class="list-inline space30 icon"> | ||
+ | <li><a href="#"><img src="IMAGE" class="img-grey mautomargin"></a></li> | ||
+ | <li><a href="#"><img src="IMAGE" class="img-grey mautomargin" width="200" height="100"></a></li> | ||
+ | <li><a href="#"><img src="IMAGE" class="img-grey mautomargin" width="200" height="100"></a></li> | ||
+ | <li><a href="#"><img src="IMAGE" width="200" height="100" class="img-grey mautomargin"></a></li> | ||
+ | <li><a href="#"><img src="IMAGE" width="200" height="100" class="img-grey mautomargin"></a></li> | ||
+ | <li><a href="#"><img src="IMAGE" width="225" height="100" class="img-grey mautomargin"></a></li> | ||
+ | <li><a href="#"><img src="IMAGE" width="200" height="100" class="img-grey mautomargin" width="200" height="100"></a></li> | ||
+ | <li><a href="#"><img src="IMAGE" width="200" height="100" class="img-grey mautomargin"></a></li> | ||
+ | <li><a href="#"><img src="IMAGE" width="200" height="100" class="img-grey mautomargin"></a></li> | ||
+ | <li><a href="#"><img src="IMAGE" width="300" height="100" class="img-grey mautomargin"></a></li> | ||
+ | <li><a href="#"><img src="IMAGE" width="300" height="100" class="img-grey mautomargin"></a></li> | ||
+ | |||
+ | |||
+ | </ul> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | <div class="space20"></div> | ||
+ | </div> | ||
+ | |||
+ | </section> | ||
+ | <!-- start footer --> | ||
+ | <footer> | ||
+ | <div class="container"> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-4"> | ||
+ | <h3>Useful Links</h3> | ||
+ | <ul class="f-menu space40"> | ||
+ | <li><a href="/Team:Aix-Marseille">Home</a></li> | ||
+ | <li><a href="https://2015.igem.org/Main_Page">iGEM 2015</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="col-md-4"> | ||
+ | <h3>Contact Us</h3> | ||
+ | <ul class="f-menu space40"> | ||
+ | <li>MAIL</li> | ||
+ | <br/> | ||
+ | <li>Aix Marseille Université</li> | ||
+ | <li>Marseille</li> | ||
+ | <li>France</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="col-md-4"> | ||
+ | <div class="f-text"> | ||
+ | <p class="fsize18 space10">TEXTE</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="row space100"> | ||
+ | <div class="col-md-12 text-center"> | ||
+ | <h4 class="dark-gray">TEXTE</h4> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | </footer> | ||
+ | |||
+ | <script type="text/javascript"> | ||
+ | $(document).ready(function() { | ||
+ | |||
+ | var mq = window.matchMedia('(min-width: 768px)'); | ||
+ | if (mq.matches) { | ||
+ | $('ul.navbar-nav li').addClass('hovernav'); | ||
+ | } else { | ||
+ | $('ul.navbar-nav li').removeClass('hovernav'); | ||
+ | }; | ||
+ | /* | ||
+ | The addClass/removeClass also needs to be triggered | ||
+ | on page resize <=> 768px | ||
+ | */ | ||
+ | if (matchMedia) { | ||
+ | var mq = window.matchMedia('(min-width: 768px)'); | ||
+ | mq.addListener(WidthChange); | ||
+ | WidthChange(mq); | ||
+ | } | ||
+ | function WidthChange(mq) { | ||
+ | if (mq.matches) { | ||
+ | $('ul.navbar-nav li').addClass('hovernav'); | ||
+ | } else { | ||
+ | $('ul.navbar-nav li').removeClass('hovernav'); | ||
+ | |||
+ | } | ||
+ | }; | ||
+ | |||
+ | }); | ||
+ | |||
+ | </script> | ||
+ | </body> | ||
</html> | </html> |
Revision as of 13:13, 1 September 2015
Project Background
TEXTE
TEXTE