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

Line 5: Line 5:
 
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
 
<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/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/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/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]>
 
         <!--[if lt IE 7]>
Line 22: Line 19:
 
         <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
 
         <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
 
         <![endif]-->
 
         <![endif]-->
 +
<style type="text/css">
 +
.affix {
 +
background-color: #8E3B8C;
 +
}
 +
footer {
 +
padding: 10px 0px 10px 0px;
 +
}
 +
header {
 +
background-color: #8E3B8C;
 +
padding: 0px;
 +
}
 +
#nav >li > a {
 +
color: #FFFFFF !important;
 +
} .bg-1 {
 +
background: url(http://i.imgur.com/FrsJhjG.jpg);background-repeat:no-repeat;
 +
        background-size:cover;
 +
min-height: 600px;
 +
 +
}
 +
.head-1 {
 +
text-shadow: 0px 0px 10px rgba(150, 150, 150, 1), 0px 0px 10px rgba(150, 150, 150, 1), 0px 0px 10px rgba(150, 150, 150, 1), 0px 0px 10px rgba(150, 150, 150, 1);
 +
}
 +
</style>
 +
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.4.0/animate.min.css">
 +
<script src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js"></script>
 +
              <script>
 +
              new WOW().init();
 +
              </script>
 
</head>
 
</head>
 
<body>
 
<body>
Line 39: Line 64:
  
 
                         </button>
 
                         </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>
+
                         <a href="/Team:Aix Marseille" class="navbar-brand hidden-lg hidden-md hidden-sm" ><http://i.imgur.com/oHSATfM.png" class="img-responsive" width="80" height="80"></a>
 
      
 
      
 
                     </div>
 
                     </div>
Line 46: Line 71:
 
                             <div class="collapse navbar-collapse  " id="bs-example-navbar-collapse-1">
 
                             <div class="collapse navbar-collapse  " id="bs-example-navbar-collapse-1">
 
                                 <ul class="nav navbar-nav  " id="nav">
 
                                 <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"  class="logo"><img src="http://i.imgur.com/oHSATfM.png" class="img-responsive" width="85" height="85"></a></li>
 
                                     <li  ><a href="/Team:Aix-Marseille">Home</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>
 
                                       <li class="dropdown " id="dropdown"><a href="#" class="dropdown-toggle"  data-toggle="dropdown">Project</a>
 
                                       <ul class="dropdown-menu">
 
                                       <ul class="dropdown-menu">
−
                                         <li ><a href="/Team:Aix-Marseille/Project">Background</a></li>
+
                                         <li ><a href="/Team:Aix-Marseille/Project/Description">Description</a></li>
−
                                         <li ><a href="/Team:Aix-Marseille/Project design">Project design</a></li>
+
                                         <li ><a href="/Team:Aix-Marseille/Design">Project design</a></li>
 
                                         <li ><a href="/Team:Aix-Marseille/Parts">Parts</a></li>                                   
 
                                         <li ><a href="/Team:Aix-Marseille/Parts">Parts</a></li>                                   
 
                                       </ul>
 
                                       </ul>
Line 58: Line 83:
 
                                         <li ><a href="/Team:Aix-Marseille/Team">Members</a></li>
 
                                         <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/Supervisors">Supervisors</a></li>
−
                                         <li ><a href="/Team:Aix-Marseille/Collaboration">Collaboration</a></li>  
+
                                         <li ><a href="/Team:Aix-Marseille/Collaborations">Collaborations</a></li>  
 
                                         <li ><a href="/Team:Aix-Marseille/Attributions">Attributions</a></li>                                   
 
                                         <li ><a href="/Team:Aix-Marseille/Attributions">Attributions</a></li>                                   
 
                                       </ul>
 
                                       </ul>
Line 67: Line 92:
 
                                         <li ><a href="/Team:Aix-Marseille/Protocols">Protocols</a></li>                                   
 
                                         <li ><a href="/Team:Aix-Marseille/Protocols">Protocols</a></li>                                   
 
                                       </ul>
 
                                       </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>
+
                                     <li  ><a href="/Team:Aix-Marseille/Practices">Practices</a></li>  
 +
                                 
 +
                                     <li class="dropdown " id="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Interlab Study</a>
 
                                       <ul class="dropdown-menu">
 
                                       <ul class="dropdown-menu">
 
                                         <li ><a href="/Team:Aix-Marseille/Measurement">Results</a></li>
 
                                         <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/Protocols2">Protocols2</a></li>
 
                                         <li ><a href="/Team:Aix-Marseille/Sequencing/data">Sequencing data</a></li>                                   
 
                                         <li ><a href="/Team:Aix-Marseille/Sequencing/data">Sequencing data</a></li>                                   
 
                                       </ul>
 
                                       </ul>
Line 98: Line 125:
 
     </header>
 
     </header>
  
−
        <div class="clearfix"></div>
+
 
 +
 
 +
    <!-- end hearo section -->
 +
 
 +
    <div class="clearfix"></div>
 
       <!-- start project section -->
 
       <!-- start project section -->
−
    <section id="project" style="padding:50px 0px 15px;">
+
    <section style="padding:30px 0px 50px;" class="arrow_box" id="team">
 
    
 
    
 
     <div class="container">
 
     <div class="container">
 
     <div class="row">
 
     <div class="row">
 
     <div class="col-md-6 left">
 
     <div class="col-md-6 left">
−
     <h1 class="title1">Protocols</h2>
+
     <h2 class="title wow Hinge"><span style="color:#8E3B8C">TITTLE</h2></span>
 
     <div class="space30"></div>
 
     <div class="space30"></div>
−
    
+
     <p class="space20"><div align="justify">TEXTE</div></p>
 +
 
  
 
     </div>
 
     </div>
 
     <div class="col-md-5 col-md-offset-1  col-sm-offset-1  space30">
 
     <div class="col-md-5 col-md-offset-1  col-sm-offset-1  space30">
 
                     <div class="success-work project">
 
                     <div class="success-work project">
 +
                        <div class="success-work-desc">
 +
                            <img src=LIEN VERS UNE IMAGE class="img-responsive" width="400" height="250">
 +
                         
 
                          
 
                          
−
                            <img src="IMAGE" href="IMAGE" alt="..." class="img-responsive mautomargin fancybox" style="cursor: pointer;">
+
                        </div>
−
                       
+
 
                          
 
                          
 
                     </div>
 
                     </div>
Line 120: Line 154:
 
     </div>
 
     </div>
 
     </div>
 
     </div>
−
           
+
            <div class="space30"></div>
 
     </div>
 
     </div>
  
 
     </section>
 
     </section>
 +
    <div class="clearfix"></div>
 +
      <!-- start science section -->
  
−
 
+
<section style="padding:30px 0px 50px;background-color: #FBF1FB;" "background:#fbf1fb;"="" class="bg-2 arrow_box2;">  
−
 
+
    <div style ="background:#FBF1FB;">
−
      <!-- start science section -->
+
−
    <section style="padding:10px 0px 0px;">
+
−
   
+
 
     <div class="container">
 
     <div class="container">
 
     <div class="row">
 
     <div class="row">
−
    <div class="col-md-12 left">
 
−
 
−
 
−
 
−
</div>
 
−
 
−
<div class="col-md-6 left">
 
−
   
 
−
 
  
 +
    <div class="col-md-6 left">
 +
    <h2 class="title wow Hinge"><span style ="color:#000000">TITTLE</span></h2>
 +
    <div class="space30"></div>
 +
    <p class="space20"><div align="justify"><span style ="color:#000000">TEXTE </p></span></div>
 +
<p><div align="justify"><span style ="color:#000000">TEXTE</p></span></div>
 +
<p><div align="justify"><span style ="color:#000000">TEXTE</p></span></div>
 +
<p> <div align="justify"><span style ="color:#000000">TEXTE </p></span></div>
 +
<p><div align="justify"><span style ="color:#000000">TEXTE
 +
</p></span></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 class="col-md-12 left">
 
−
 
−
 
−
 
−
    <!--</div>
 
 
     <div class="col-md-5 col-md-offset-1  col-sm-offset-1 space30 text-center">
 
     <div class="col-md-5 col-md-offset-1  col-sm-offset-1 space30 text-center">
 
                     <div class="success-work science">
 
                     <div class="success-work science">
−
     
+
                        <div class="success-work-desc">
−
                         <img src="http://i.imgur.com/Rl286Fc.jpg" class="img-responsive">
+
                         <img src="http://i.imgur.com/WJg8VPU.jpg" class="img-responsive" space200>
−
                   
+
 
−
                    </div>-->
+
                        </div>
−
                      
+
                        </div>
−
                   
+
                     </div>
 
    
 
    
−
     </div>  
+
     </div>
−
    
+
     </div>
 +
    </div>
  
 +
    </section>
 +
   
  
−
<div class="space30"></div>
+
    </section>   
−
     <div class="col-md-12 left">
+
      <!-- start social section -->
 +
    <section style="padding:50px 0px;" class="arrow_box" id="ethics">
 +
   
 +
    <div class="container">
 +
    <div class="row">
 +
     <div class="col-md-12 text-center">
 +
<h1 class="blue">MORE INFORMATION ON FACEBOOK !</h1>
 +
                    <ul class="list-inline space80 icon">
 +
                        <li><a href="https://www.facebook.com/iGEM.AMU?fref=ts"><img src="https://static.igem.org/mediawiki/2015/e/e7/TeamNRP-UEA-Norwich-Layer-8.png" class="img-grey mautomargin"></a></li>
 +
                    </ul>
  
−
</div>
+
                </div>
 +
    </div>
 
     </div>
 
     </div>
−
 
  
 
     </section>
 
     </section>
−
    <div class="clearfix"></div>
 
 
     <div class="clearfix"></div>
 
     <div class="clearfix"></div>
−
 
 
       <!-- start sponsors section -->
 
       <!-- start sponsors section -->
−
<section style="padding:50px 0px; background: #f4f4f4;" class="arrow_box-test">
+
<section style="padding:50px 0px;" class="arrow_box-2">
 
          
 
          
 
         <div class="container">
 
         <div class="container">
Line 210: Line 237:
 
<li><a href="#"><img src="http://i.imgur.com/FtFgEFj.png" class="img-grey mautomargin" width="200" height="100"></a></li>
 
<li><a href="#"><img src="http://i.imgur.com/FtFgEFj.png" class="img-grey mautomargin" width="200" height="100"></a></li>
 
<li><a href="#"><img src="http://i.imgur.com/ocgTw7q.jpg" class="img-grey mautomargin" width="200" height="100"></a></li>
 
<li><a href="#"><img src="http://i.imgur.com/ocgTw7q.jpg" class="img-grey mautomargin" width="200" height="100"></a></li>
 +
  
  
Line 229: Line 257:
 
                     <h3>Useful Links</h3>
 
                     <h3>Useful Links</h3>
 
                     <ul class="f-menu space40">
 
                     <ul class="f-menu space40">
−
                        <li><a href="/Team:Aix-Marseille">Home</a></li>
+
                          <li><a href="/Team:Aix-Marseille">Home</a></li>
 
                         <li><a href="https://2015.igem.org/Main_Page">iGEM 2015</a></li>
 
                         <li><a href="https://2015.igem.org/Main_Page">iGEM 2015</a></li>
 
                     </ul>
 
                     </ul>
Line 236: Line 264:
 
                     <h3>Contact Us</h3>
 
                     <h3>Contact Us</h3>
 
                     <ul class="f-menu space40">
 
                     <ul class="f-menu space40">
−
                        <li>MAIL</li>
+
                     
 
                         <br/>
 
                         <br/>
 
                         <li>Aix Marseille Université</li>
 
                         <li>Aix Marseille Université</li>
Line 245: Line 273:
 
                 <div class="col-md-4">
 
                 <div class="col-md-4">
 
                     <div class="f-text">
 
                     <div class="f-text">
−
                         <p class="fsize18 space10">TEXTE</p>
+
                         <p class="fsize18 space10">Chew figth project, for the iGEM competition. See you soon in Boston !</p>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
−
            <div class="row space100">
+
 
−
                <div  class="col-md-12 text-center">
+
−
                    <h4 class="dark-gray">TEXTE</h4>
+
−
                </div>
+
−
               
+
−
            </div>
+
 
         </div>
 
         </div>
  

Revision as of 08:37, 12 September 2015

Chew fight

TITTLE

TEXTE

TITTLE

TEXTE

TEXTE

TEXTE

TEXTE

TEXTE

MORE INFORMATION ON FACEBOOK !

SPONSORS

Useful Links

Contact Us


  • Aix Marseille Université
  • Marseille
  • France

Chew figth project, for the iGEM competition. See you soon in Boston !