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

(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> Collaborations</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]>
Sharing and collaboration are core values of iGEM. We encourage you to reach out and work with other teams on difficult problems that you can more easily solve together.
+
        <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">
+
}
 +
.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>
  
<h4> Which other teams can we work with? </h4>
+
                        </button>
<p>  
+
                        <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>
You can work with any other team in the competition, including software, hardware, high school and other tracks. You can also work with non-iGEM research groups, but they do not count towards the <a hreef="https://2015.igem.org/Judging/Awards#Medals">iGEM team collaboration gold medal criterion</a>.
+
   
</p>
+
                    </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/oHSATfM.png" 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> 
In order to meet the gold medal criteria on helping another team, you must complete this page and detail the nature of your collaboration with another iGEM team.
+
                                 
</p>
+
                                    <li class="dropdown " id="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Interlab Study</a>
</div>
+
                                      <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>
  
<p>
+
                                </ul>  
Here are some suggestions for projects you could work on with other teams:
+
                               
</p>
+
                           
 +
                          </div>
 +
                </div>       
 +
                </nav>
 +
           
 +
            </div>
 +
               
 +
                   
 +
   
 +
        </div>
  
<ul>
+
    </header>
<li> Improve the function of another team's BioBrick Part or Device</li>
+
<li> Characterize another team's part </li>
+
<li> Debug a construct </li>
+
<li> Model or simulating another team's system </li>
+
<li> Test another team's software</li>
+
<li> Help build and test another team's hardware project</li>
+
<li> Mentor a high-school team</li>
+
</ul>
+
  
  
 +
 
 +
    <!-- end hearo section -->
  
</div>
+
    <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 14:04, 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 !