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

(Prototype team page)
 
Line 1: Line 1:
−
{{Aix-Marseille}}
 
 
<html>
 
<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">
 +
        <script type="text/javascript" src="https://2015.igem.org/Team:NRP-UEA-Norwich/bootstrap.js?action=raw&ctype=text/javascript"></script>
  
−
<h2>Design</h2>
+
        <!--[if lt IE 7]>
 +
        <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE7.js"></script>
 +
        <![endif]-->
  
−
<p>
+
        <!--[if lt IE 8]>
−
By talking about your design work on this page, there is one medal criterion that you can attempt to meet, and one award that you can apply for. If your team is going for a gold medal by building a functional prototype, you should tell us what you did on this page. If you are going for the <a href="https://2015.igem.org/Judging/Awards#SpecialPrizes">Applied Design award</a>, you should also complete this page and tell us what you did.
+
        <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js"></script>
−
</p>
+
        <![endif]-->
 +
       
 +
        <!--[if lt IE 9]>
 +
        <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
 +
        <![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;
  
−
<div class="highlightBox">
+
}
−
<h4>Note</h4>
+
.head-1 {
−
<p>In order to be considered for the <a href="https://2015.igem.org/Judging/Awards#SpecialPrizes">Best Applied Design award</a> and/or the <a href="https://2015.igem.org/Judging/Awards#Medals">functional prototype gold medal criterion</a>, you must fill out this page.</p>
+
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);
−
</div>
+
}
 +
</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>
  
−
<p>This is a prize for the team that has developed a synthetic biology product to solve a real world problem in the most elegant way. The students will have considered how well the product addresses the problem versus other potential solutions, how the product integrates or disrupts other products and processes, and how its lifecycle can more broadly impact our lives and environments in positive and negative ways.</p>
+
                        </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">Description</a></li>
 +
                                        <li ><a href="/Team:Aix-Marseille/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/Collaborations">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>
  
−
<p>
+
                                    <li  ><a href="/Team:Aix-Marseille/Practices">Practices</a></li> 
−
If you are working on art and design as your main project, please join the art and design track. If you are integrating art and design into the core of your main project, please apply for the award by completing this page.
+
                                 
−
</p>
+
                                    <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/Measurement">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>
  
−
</div>
+
                                </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 Hinge"><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 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 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" 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');
 +
 +
            }
 +
          };
 +
         
 +
        });
 +
 +
        </script>
 +
</body>
 
</html>
 
</html>

Revision as of 13:59, 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 !