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

(https://2015.igem.org/Team:Aix-Marseille/JS_2015/logo_animation)
 
(35 intermediate revisions by 4 users not shown)
Line 1: Line 1:
−
{{Aix-Marseille/architecturePageCSS}}
 
−
{{Aix-Marseille/JS_2015/logo_animation}}
 
−
 
 
<html>
 
<html>
−
    <head>
+
<head>
−
        <title>iGEM Aix-Marseille 2015 | Project</title>
+
<title>Chew fight</title>
−
https://2015.igem.org/Team:Aix-Marseille/JS_2015/logo_animation
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
−
    </head>
+
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
−
    <body>
+
        <link rel="stylesheet" href="https://2015.igem.org/Team:NRP-UEA-Norwich/bootstrapcss?action=raw&amp;ctype=text/css" type="text/css">
−
<div id="wiki_wrapper">
+
<link rel="stylesheet" href="https://2015.igem.org/Team:NRP-UEA-Norwich/mobilecss?action=raw&amp;ctype=text/css" type="text/css">
−
<!-- BANNIERE / MENU AVEC IMAGE DE FOND 1-->
+
        <script type="text/javascript" src="https://2015.igem.org/Team:NRP-UEA-Norwich/bootstrap.js?action=raw&ctype=text/javascript"></script>
−
<div id="background_pic1">
+
 
−
<div id="banniere">BANNIERE
+
        <!--[if lt IE 7]>
−
<div id="animation_header">
+
        <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE7.js"></script>
−
<div id="mascotte">
+
        <![endif]-->
−
<img src="CSS_2015Aix-Marseille/images_2015Aix-Marseille/mascotte-statique.png"></img>
+
 
−
</div>
+
        <!--[if lt IE 8]>
−
</div>
+
        <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js"></script>
−
</div>
+
        <![endif]-->
−
<div id="menu" align="center">
+
       
−
<ul id="menu_ul">
+
        <!--[if lt IE 9]>
−
<li><a id="onglet1" href="#"> Onglet 1 </a></li>
+
        <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
−
<li><a id="onglet2" href="#"> Onglet 2 </a></li>
+
        <![endif]-->
−
<li><a id="onglet3" href="#"> Onglet 3 </a></li>
+
<style type="text/css">
−
<li><a id="onglet4" href="#"> Onglet 4 </a></li>
+
.affix {
−
<li><a id="onglet5" href="#"> Onglet 5 </a></li>
+
background-color: #8E3B8C;
−
<li><a id="onglet6" href="#"> Onglet 6 </a></li>
+
}
−
</ul>
+
footer {
−
</div>
+
padding: 10px 0px 10px 0px;
−
</div>
+
}
 +
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>
 +
<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" ><http://i.imgur.com/igshN6J.jpg" 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/igshN6J.jpg" class="img-responsive" width="85" height="85"></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">Description</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">Collaborations</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/Practices">Practices</a></li>                                   
 +
                                    <li class="dropdown " id="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Interlab Study</a>
 +
                                      <ul class="dropdown-menu">
 +
                                        <li ><a href="/Team:Aix-Marseille/Interlab/Study">Results</a></li>
 +
                                        <li ><a href="/Team:Aix-Marseille/Protocols2">Protocols2</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>
 +
 
 +
 
 +
 
 +
    <!-- 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 wow bounceInUp"><span style="color:#8E3B8C">TITTLE</h2></span>
 +
    <div class="space30"></div>
 +
    <p class="space20"><div align="justify">TEXTE</div></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=LIEN VERS UNE IMAGE class="img-responsive" width="400" height="250">
 +
                         
 +
                       
 +
                        </div>
 +
                       
 +
                    </div>
 +
   
 +
    </div>
 +
    </div>
 +
            <div class="space30"></div>
 +
    </div>
 +
 
 +
    </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;">
 +
    <div class="container">
 +
    <div class="row">
 +
 
 +
    <div class="col-md-6 left">
 +
    <h2 class="title wow bounceInUp"><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 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="LIEN VERS UNE IMAGE" class="img-responsive" space200>
 +
 
 +
                        </div>
 +
                        </div>
 +
                    </div>
 +
   
 +
    </div>
 +
    </div>
 +
    </div>
 +
 
 +
    </section>
 +
   
 +
 
 +
    </section>   
 +
      <!-- 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>
 +
 
 +
    </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="http://i.imgur.com/iLFZ36R.png" class="img-grey mautomargin" width="200" height="100"></a></li>
 +
                        <li><a href="#"><img src="http://i.imgur.com/KlP5G8h.png" class="img-grey mautomargin" width="200" height="100"></a></li>
 +
                        <li><a href="#"><img src="http://i.imgur.com/EcfF9Kw.png" class="img-grey mautomargin" width="200" height="100"></a></li>
 +
                        <li><a href="#"><img src="http://i.imgur.com/IaWMSIr.jpg" width="200" height="100" class="img-grey mautomargin"></a></li>
 +
                        <li><a href="#"><img src="http://i.imgur.com/ryVz5vv.jpg" width="200" height="100" class="img-grey mautomargin"></a></li>
 +
                        <li><a href="#"><img src="http://i.imgur.com/ycgjpR7.jpg" width="225" height="100" class="img-grey mautomargin"></a></li>
 +
                        <li><a href="#"><img src="http://i.imgur.com/GK5IMdz.jpg" width="200" height="100" class="img-grey mautomargin"></a></li>
 +
                        <li><a href="#"><img src="http://i.imgur.com/jUjj2YD.jpg" width="200" height="100" class="img-grey mautomargin"></a></li>
 +
                        <li><a href="#"><img src="http://i.imgur.com/wjZ6U1A.jpg" width="200" height="100" class="img-grey mautomargin"></a></li>
 +
<li><a href="#"><img src="http://i.imgur.com/apuJ5in.jpg" width="200" height="100" class="img-grey mautomargin"></a></li>
 +
<li><a href="#"><img src="http://i.imgur.com/5tokNzS.png" width="200" height="100" class="img-grey mautomargin"></a></li>
 +
<li><a href="#"><img src="http://i.imgur.com/4jXkcLB.jpg" width="200" height="100"class="img-grey mautomargin"></a></li>
 +
<li><a href="#"><img src="http://i.imgur.com/PUNXaNj.png" class="img-grey mautomargin" width="200" height="100"></a></li>
 +
<li><a href="#"><img src="http://i.imgur.com/SsgB8IC.jpg" class="img-grey mautomargin" width="200" height="100"></a></li>
 +
<li><a href="#"><img src="http://i.imgur.com/m3ieC2R.png" class="img-grey mautomargin" width="200" height="100"></a></li>
 +
<li><a href="#"><img src="http://i.imgur.com/ll3uagr.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>
 +
 
 +
 
 +
 
 +
                    </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">
 +
                     
 +
                        <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">Chew figth project, for the iGEM competition. See you soon in Boston !</p>
 +
                    </div>
 +
                </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');
 +
 
 +
            }
 +
          };
 +
         
 +
        });
  
−
<!-- CADRE AVEC IMAGE DE FOND 2 -->
+
        </script>
−
<div id="background_pic2">
+
</body>
−
<div id="bloc1" align="center">
+
−
<a class="slide_button" href="#bloc2">DOWN</a>
+
−
</div>
+
−
</div>
+
−
+
−
<!-- CADRE AVEC IMAGE DE FOND 3 -->
+
−
<div id="background_pic3">
+
−
<div id="bloc2" align="center">
+
−
<a class="slide_button" href="#bloc3">DOWN</a>
+
−
</div>
+
−
</div>
+
−
+
−
<!-- PIEDS DE PAGE -->
+
−
<div id="bloc3" align="center"></div>
+
−
</div>
+
−
+
−
    </body>
+
 
</html>
 
</html>

Latest revision as of 13:40, 11 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 !