Difference between revisions of "Team:Aix-Marseille"

Line 1: Line 1:
 
<html>
 
<html>
 
<head>
 
<head>
−
<link rel="stylesheet" href="https://2013.igem.org/Team:SYSU-China/main.css?action=raw&ctype=text/css" type="text/css" />
+
<title>Chew fight</title>
−
<link rel="stylesheet" href="https://2013.igem.org/Team:SYSU-China/home_style.css?action=raw&ctype=text/css" type="text/css" />
+
<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">
 +
        <script type="text/javascript" src="https://2015.igem.org/Team:NRP-UEA-Norwich/bootstrap.js?action=raw&ctype=text/javascript"></script>
  
−
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10/jquery.min.js"></script>  
+
        <!--[if lt IE 7]>
 +
        <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE7.js"></script>
 +
        <![endif]-->
  
−
<script src="https://2013.igem.org/Team:SYSU-China/animat.js?action=raw&ctype=text/javascript" type="text/javascript"></script>
+
        <!--[if lt IE 8]>
−
<script>
+
        <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js"></script>
−
$(document).ready(function(){
+
        <![endif]-->
−
var win_width = $(window).width()/2 - $("#address").width()/2;
+
       
−
$("#address").css("left",win_width);
+
        <!--[if lt IE 9]>
−
});
+
        <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
−
</script>
+
        <![endif]-->
 
</head>
 
</head>
 
<body>
 
<body>
−
<DIV id="animat">
+
<header class="header" >
−
  <span><p>ipsc</p>
+
        <div class="container">
−
  <img src="https://static.igem.org/mediawiki/2013/4/44/WIKI-MASCOT-STAND.png" /></span></DIV>  
+
            <div class="row">
−
<DIV class="navigater" align="center">
+
           
 +
                <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>
  
−
<UL>
+
                        </button>
−
<LI class="column" id="PROJECT"><span>PROJECT</span>
+
                        <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>
−
<UL>      
+
   
−
<LI><A href="https://2015.igem.org/Team:Aix-Marseille/Project/Background">Background</A></LI>
+
                    </div>
−
<LI><A href="https://2015.igem.org/Team:Aix-Marseille/Project/Project design">Project design</A></LI>
+
                       
−
<LI><A href="https://2015.igem.org/Team:Aix-Marseille/Project/Parts">Parts</A></LI></UL></LI>   
+
                       
−
<LI class="column" id="TEAM" ><span>TEAM</span>    
+
                            <div class="collapse navbar-collapse  " id="bs-example-navbar-collapse-1">
−
<UL>      
+
                                <ul class="nav navbar-nav  " id="nav">
−
<LI><A href="https://2015.igem.org/Team:Aix-Marseille/Team/Members">Members</A></LI>
+
                                <li><a href="/Team:Aix-Marseille"  class="logo"><img src="http://i.imgur.com/x0P5Rs4.png" class="img-responsive" width="85" height="85"></a></li>
−
<LI><A href="https://2015.igem.org/Team:Aix-Marseille/Team/Supervisors">Supervisors</A></LI>      
+
                                    <li  ><a href="/Team:Aix-Marseille">Home</a></li>
−
<LI><A href="https://2015.igem.org/Team:Aix-Marseille/Team/Collaboration">Collaboration</A></LI></UL></LI>   
+
                                      <li class="dropdown " id="dropdown"><a href="#" class="dropdown-toggle"  data-toggle="dropdown">Project</a>
−
<LI class="column" id="NOTEBOOK"><span>NOTEBOOK</span>      
+
                                      <ul class="dropdown-menu">
−
<UL>      
+
                                        <li ><a href="/Team:Aix-Marseille/Project">Background</a></li>
−
<LI><A href="https://2015.igem.org/Team:Aix-Marseille/Notebook/Calendar">Calendar</A></LI>      
+
                                        <li ><a href="/Team:Aix-Marseille/Project design">Project design</a></li>
−
<LI><A href="https://2015.igem.org/Team:Aix-Marseille/Notebook/Results">Results</A></LI>      
+
                                        <li ><a href="/Team:Aix-Marseille/Parts">Parts</a></li>                                  
−
<LI><A href="https://2015.igem.org/Team:Aix-Marseille/Notebook/Protocols">Protocols</A></LI></UL></LI>  
+
                                      </ul>
−
<LI class="column" id="SAFETY" ><span>SAFETY</span>    
+
                                      <li class="dropdown " id="dropdown"><a href="#" class="dropdown-toggle"  data-toggle="dropdown">Team</a>
−
<UL>      
+
                                      <ul class="dropdown-menu">
−
<LI><A href="https://2015.igem.org/Team:Aix-Marseille/Safety/Safety">Safety</A></LI>      
+
                                        <li ><a href="/Team:Aix-Marseille/Team">Members</a></li>
−
<LI><A href="https://2015.igem.org/Team:Aix-Marseille/Safety/Human Practices">Human Practices</A></LI></UL></LI>
+
                                        <li ><a href="/Team:Aix-Marseille/Supervisors">Supervisors</a></li>
−
<LI class="column" id="MODELING" ><span>MODELING</span>     
+
                                        <li ><a href="/Team:Aix-Marseille/Collaboration">Collaboration</a></li>  
−
<UL>       
+
                                        <li ><a href="/Team:Aix-Marseille/Attributions">Attributions</a></li>                                 
−
<LI><A href="https://2015.igem.org/Team:Aix-Marseille/Modeling/Modeling">Modeling</A></LI>      
+
                                      </ul>
−
<LI><A href="https://2015.igem.org/Team:Aix-Marseille/Modeling/Software">Software</A></LI></UL></LI>    
+
                                      <li class="dropdown " id="dropdown"><a href="#" class="dropdown-toggle"  data-toggle="dropdown">Notebook</a>
−
<LI class="column" id="TRACKS"><span>TEAM</span>
+
                                      <ul class="dropdown-menu">
−
                <UL>
+
                                        <li ><a href="/Team:Aix-Marseille/Notebook">Calendar</a></li>
−
                        <LI><A href="https://2015.igem.org/Team:Aix-Marseille/Tracks/Results">Results</A></LI>
+
                                        <li ><a href="/Team:Aix-Marseille/Results">Results</a></li>
−
                        <LI><A href="https://2015.igem.org/Team:Aix-Marseille/Tracks/Protocols">Protocols</A></LI>
+
                                        <li ><a href="/Team:Aix-Marseille/Protocols">Protocols</a></li>                                  
−
                        <LI><A href="https://2015.igem.org/Team:Aix-Marseille/Tracks/Sequencing_data">Sequencing data</A></LI></UL></LI>
+
                                      </ul>
−
<LI class="column" id="ATTRIBUTIONS" ><span>ATTRIBUTIONS</span>    
+
                                    <li  ><a href="/Team:Aix-Marseille/Human/Practices">Human Practices</a></li>                                    
−
<UL>      
+
                                    <li class="dropdown " id="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Measurement</a>
−
<LI><A href="https://2015.igem.org/Team:Aix-Marseille/Attributions/Attributions">Attributions</A></LI></UL></LI>
+
                                      <ul class="dropdown-menu">
−
</UL>
+
                                        <li ><a href="/Team:Aix-Marseille/Measurement">Results</a></li>
−
</DIV>
+
                                        <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="contant"><DIV id="image"></DIV></DIV>  
+
                                </ul>
−
<DIV id="address"><p>Aix Marseille Team</p><p>Aix Marseille Université, Marseille, France</p></DIV>   
+
                               
 +
                           
 +
                          </div>
 +
                </div>       
 +
                </nav>
 +
           
 +
            </div>
 +
               
 +
                   
 +
   
 +
        </div>
 +
 
 +
    </header>
 +
 
 +
 
 +
    <!-- start hearo section -->
 +
    <section class="bg-1" id="home">
 +
    <div class="container">
 +
    <div class="row">
 +
    <div class="col-md-12 space70">
 +
 
 +
    <img src="http://i.imgur.com/84NjpEo.png" class="img-responsive mautomargin" width="400" height="200">
 +
   
 +
    </div>
 +
    <div class="col-md-12 space50 text-center">
 +
    <h1 class="f800 head-1" style="margin-bottom: .2em;">NO MORE <span style="color:#FF80C0">GUM </span> ON OUR <span style="color:#FF80C0">STREETS<br><br></span></h1>
 +
 +
    </div>
 +
 
 +
    </div>
 +
 
 +
    </div>
 +
 +
 
 +
 
 +
    </section>
 +
    <!-- end hearo section -->
 +
 
 +
    <div class="clearfix"></div>
 +
      <!-- start project section -->
 +
    <section style="padding:30px 0px 50px;" class="arrow_box" id="team">
 +
   
 +
    <div class="container">
 +
    <div class="row">
 +
    <div class="col-md-6 left">
 +
    <h2 class="title">THE PROJECT</h2>
 +
    <div class="space30"></div>
 +
    <p class="space20"> <b>TEXTE </p>
 +
 
 +
        <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">
 +
                        <div class="success-work-desc">
 +
                            <img src="http://i.imgur.com/Rl286Fc.jpg" class="img-responsive" width="400" height="200">
 +
                         
 +
                            <a title="Lightbox Example"  href="#" class="btn outlinebtn  space50">
 +
                            Read More
 +
                          </a>
 +
                        </div>
 +
                       
 +
                    </div>
 +
   
 +
    </div>
 +
    </div>
 +
            <div class="space30"></div>
 +
    </div>
 +
 
 +
    </section>
 +
    <div class="clearfix"></div>
 +
      <!-- start science section -->
 +
    <section style="padding:30px 0px 50px;" class="bg-2 arrow_box-1" >
 +
   
 +
    <div class="container">
 +
    <div class="row">
 +
    <div class="col-md-6 left">
 +
    <h2 class="title">OUR SOLUTION</h2>
 +
    <div class="space30"></div>
 +
    <p class="space20">TEXTE.</p>
 +
 
 +
<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 text-center">
 +
                    <div class="success-work science">
 +
                        <div class="success-work-desc">
 +
                        <img src="http://i.imgur.com/WJg8VPU.jpg" class="img-responsive ">
 +
                         
 +
                          <a title="Lightbox Example"  href="#" class="btn outlinebtn  space50">
 +
                            Read More
 +
                          </a>
 +
                        </div>
 +
                       
 +
                    </div>
 +
   
 +
    </div>
 +
    </div>
 +
    </div>
 +
 
 +
    </section>
 +
    <div class="clearfix"></div>
 +
      <!-- start team section -->
 +
 
 +
    <section style="padding:30px 0px 50px;" class="arrow_box" id="team">
 +
 
 +
    <div class="container">
 +
    <div class="row">
 +
    <div class="col-md-6 left">
 +
    <h2 class="title">MODELLING</h2>
 +
    <div class="space30"></div>
 +
    <p class="space20">TEXTE</p>
 +
 
 +
<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">
 +
                        <div class="success-work-desc">
 +
                            <img src="https://static.igem.org/mediawiki/2015/c/c9/NRP-UEA-Norwich-Glucosepng.png" class="img-responsive ">
 +
                         
 +
                            <a title="Lightbox Example"  href="#" class="btn outlinebtn  space50">
 +
                            Read More
 +
                          </a>
 +
                        </div>
 +
                       
 +
                    </div>
 +
   
 +
    </div>
 +
    </div>
 +
            <div class="space30"></div>
 +
    </div>
 +
 
 +
    </section>   
 +
    <div class="clearfix"></div>
 +
      <!-- start project section -->
 +
    <section style="padding:30px 0px 50px;" class="bg-2 arrow_box-1" id="team">
 +
   
 +
    <div class="container">
 +
    <div class="row">
 +
    <div class="col-md-6 left">
 +
    <h2 class="title">PROJECT TIMELINE</h2>
 +
    <div class="space30"></div>
 +
    <p class="space20">TEXTE</p>
 +
<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 science">
 +
                        <div class="success-work-desc">
 +
                        <img src="https://static.igem.org/mediawiki/2015/6/60/NRP-UEA-Norwich-Timelinephoto.png" class="img-responsive">
 +
                         
 +
                          <a title="Lightbox Example"  href="#" class="btn outlinebtn  space50">
 +
                            Read More
 +
                          </a>
 +
                        </div>
 +
                       
 +
                    </div>
 +
    <!-- <div class="hover-1">
 +
    <img src="image/Section-4-Photo.png" class="img-responsive">
 +
 
 +
    </div -->
 +
    </div>
 +
    </div>
 +
    </div>
 +
   
 +
    </section>
 +
<div class="clearfix"></div>
 +
    <div class="clearfix"></div>
 +
    <div class="clearfix"></div>
 +
<section style="padding:30px 0px 50px;" class="arrow_box" id="lab">
 +
   
 +
    <div class="container">
 +
    <div class="row">
 +
    <div class="col-md-6 left">
 +
    <h2 class="title">RESULTS</h2>
 +
    <div class="space30"></div>
 +
    <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">
 +
                        <div class="success-work-desc">
 +
                            <img src="https://static.igem.org/mediawiki/2015/5/59/TeamNRP-UEA-Norwich-Section-4-Photo.png" class="img-responsive ">
 +
                         
 +
                            <a title="Lightbox Example"  href="#" class="btn outlinebtn  space50">
 +
                            Read More
 +
                          </a>
 +
                        </div>
 +
                       
 +
                    </div>
 +
   
 +
    </div>
 +
    </div>
 +
            <div class="space30"></div>
 +
    </div>
 +
 
 +
    </section>   
 +
      <!-- start social section -->
 +
    <section style="padding:50px 0px;" class="bg-2 arrow_box-1" id="ethics">
 +
   
 +
    <div class="container">
 +
    <div class="row">
 +
    <div class="col-md-12 text-center">
 +
<h1 class="blue">FOLLOW US !</h1>
 +
                    <ul class="list-inline space80 icon">
 +
                        <li><a href="#"><img src="https://static.igem.org/mediawiki/2015/5/56/TeamNRP-UEA-Norwich-Layer-7.png" class="img-grey mautomargin"></a></li>
 +
                        <li><a href="#"><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>
 +
 
 +
    </section>
 +
    <div class="clearfix"></div>
 +
      <!-- start sponsors section -->
 +
<section style="padding:50px 0px;" class="arrow_box-2">
 +
       
 +
        <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 PART" class="img-grey mautomargin"></a></li>
 +
                        <li><a href="#"><img src="IMAGE PART" class="img-grey mautomargin" width="200" height="100"></a></li>
 +
                        <li><a href="#"><img src="IMAGE PART" class="img-grey mautomargin" width="200" height="100"></a></li>
 +
                        <li><a href="#"><img src="IMAGE PART" width="200" height="100" class="img-grey mautomargin"></a></li>
 +
                        <li><a href="#"><img src="IMAGE PART" width="200" height="100" class="img-grey mautomargin"></a></li>
 +
                        <li><a href="#"><img src="IMAGE PART" width="225" height="100" class="img-grey mautomargin"></a></li>
 +
                        <li><a href="#"><img src="IMAGE PART" width="200" height="100" class="img-grey mautomargin"></a></li>
 +
                        <li><a href="#"><img src="IMAGE PART" width="200" height="100" class="img-grey mautomargin"></a></li>
 +
                        <li><a href="#"><img src="IMAGE PART" width="200" height="100" class="img-grey mautomargin"></a></li>
 +
<li><a href="#"><img src="IMAGE PART" width="300" height="100" class="img-grey mautomargin"></a></li>
 +
<li><a href="#"><img src="IMAGE PART" 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>
 
</body>
 
</html>
 
</html>

Revision as of 12:56, 1 September 2015

Chew fight

NO MORE GUM ON OUR STREETS

THE PROJECT

TEXTE

TEXTE

TEXTE

Read More

OUR SOLUTION

TEXTE.

TEXTE

TEXTE

Read More

MODELLING

TEXTE

TEXTE

TEXTE

Read More

PROJECT TIMELINE

TEXTE

TEXTE.

TEXTE

Read More

RESULTS

TEXTE

Read More

FOLLOW US !

SPONSORS

Useful Links

Contact Us

  • MAIL

  • Aix Marseille Université
  • Marseille
  • France

TEXTE

TEXTE