Difference between revisions of "Team:Aix-Marseille/Project"

Line 1: Line 1:
{{Aix-Marseille/architecturePageCSS}}
+
<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&amp;ctype=text/css" type="text/css">
 +
        <link rel="stylesheet" href="https://2015.igem.org/Team:NRP-UEA-Norwich/mobilecss?action=raw&amp;ctype=text/css" type="text/css">
 +
<link rel="stylesheet" href="https://2015.igem.org/Team:NRP-UEA-Norwich/stylecss?action=raw&amp;ctype=text/css" type="text/css">
 +
        <link rel="stylesheet" href="https://2015.igem.org/Team:NRP-UEA-Norwich/fancyboxcss?action=raw&amp;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>
  
<html>  
+
        <!--[if lt IE 7]>
 +
        <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE7.js"></script>
 +
        <![endif]-->
  
<script type="text/javascript" src="https://2015.igem.org/Team:Aix-Marseille/JS_2015/automatic_slide?
+
        <!--[if lt IE 8]>
action=raw&ctype=text/javascript"></script>
+
        <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js"></script>
<script type="text/javascript" src="https://2015.igem.org/Team:Aix-Marseille/JS_2015/logo_animation?
+
        <![endif]-->
action=raw&ctype=text/javascript"></script>
+
       
 +
        <!--[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>
  
<!-- PAGE WEB ICI -->
+
                        </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>
  
<div id="wiki_wrapper">
+
                                </ul>  
<!-- BANNIERE / MENU  AVEC IMAGE DE FOND 1-->
+
                               
<div id="background_pic1">
+
                           
<div id="banniereprojet">
+
                          </div>
                                   
+
                </div>      
<div id="animation_header">
+
                </nav>
<div id="mascotte">
+
           
<img src="https://static.igem.org/mediawiki/2015/e/e9/Aix-Marseille_Mascotte-statique.png"></img>
+
            </div>  
</div>
+
               
</div>
+
                   
</div>
+
   
<div id="menu" align="center">
+
        </div>
<ul id="menu_ul">
+
<li><a id="Ong1" href="https://2015.igem.org/Team:Aix-Marseille"> Home </a></li>
+
<li><a id="Ong2" href="https://2015.igem.org/Team:Aix-Marseille/Project"> Project </a></li>
+
<li><a id="Ong3" href="https://2015.igem.org/Team:Aix-Marseille/Team"> Team </a></li>
+
<li><a id="Ong4" href="https://2015.igem.org/Team:Aix-Marseille/Notebook"> Notebook </a></li>
+
<li><a id="Ong5" href="https://2015.igem.org/Team:Aix-Marseille/Safety"> Safety </a></li>
+
<li><a id="Ong6" href="https://2015.igem.org/Team:Aix-Marseille/Interlab Study"> Interlab Study </a></li>
+
                                                <li><a id="Ong7" href="https://2015.igem.org/Team:Aix-Marseille/Modeling"> Modeling </a></li>
+
                                                <li><a id="Ong8" href="https://2015.igem.org/Team:Aix-Marseille/Software"> Software </a></li>
+
                                                <li><a id="Ong9" href="https://2015.igem.org/Team:Aix-Marseille/Judging"> Judging </a></li>
+
</ul>
+
</div>
+
</div>
+
  
<!-- CADRE AVEC IMAGE DE FOND 2 -->
+
    </header>
<div id="background_pic2">
+
 
<div id="bloc1project" align="center">
+
        <div class="clearfix"></div>
<a class="slide_button" href="#bloc2">DOWN</a>
+
      <!-- start project section -->
</div>
+
    <section id="project" style="padding:50px 0px 15px;">
</div>
+
   
+
    <div class="container">
<!-- CADRE AVEC IMAGE DE FOND 3 -->
+
    <div class="row">
<div id="background_pic3">
+
    <div class="col-md-6 left">
<div id="bloc2project" align="center">
+
    <h1 class="title1">Project Background</h2>
<a class="slide_button" href="#bloc3">DOWN</a>
+
    <div class="space30"></div>
</div>
+
    <p class="space20">TEXTE
</div>
+
</p>
+
 
<!-- PIEDS DE PAGE -->
+
        <p class="space20">TEXTE</p>
<div id="bloc3project" align="center"></div>
+
 
</div>
+
    </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

Chew fight

Project Background

TEXTE

TEXTE

...

TEXTE1

TEXTE2

TEXTE3

TEXTE4

TEXTE5

TEXTE6

TEXTE7

"TEXTE8

...

TEXTE9

References

TEXTE

SPONSORS

Useful Links

Contact Us

  • MAIL

  • Aix Marseille Université
  • Marseille
  • France

TEXTE

TEXTE