Difference between revisions of "Team:Groningen"

 
(219 intermediate revisions by 6 users not shown)
Line 1: Line 1:
 +
{{Groningen}}
 
<html>
 
<html>
  
<style type="text/css">
+
<body>
  
#single-col{width: 100%; height:800px; padding-left: 2px; padding-right: 2px; margin-left: 2px; margin-right: 2px;
 
}
 
#place-holder{background-color:white; margin-left:auto; margin-right:auto;}
 
  
#center{
+
<div class="main-col">
    width: 100%;
+
    padding-left: 2px; padding-right: 2px; margin-left: 2px; margin-right: 2px;
+
    text-align: center;
+
}
+
  
.content {
+
<div>
    margin-left:auto;
+
<video src="https://static.igem.org/mediawiki/2017/3/36/IGEM_Groningen_2017_-_full_version_-720p-.mp4#t=1" controls preload="metadata" style="width:850px; height:auto; margin-left:7%"></video>
    margin-right:auto;
+
    margin-top: 50px;
+
    margin-bottom: auto;
+
    text-align: center;
+
    padding-top: 1px;
+
    padding-bottom: 0px;
+
    height:100%;
+
}
+
 
+
.services{
+
    height: 350px;
+
}
+
 
+
.container {
+
    display: flex;
+
    padding-top: 20px;
+
    vertical-align: middle;
+
    text-align: center;
+
}
+
 
+
.column {
+
    flex: 1;
+
}
+
 
+
.column-one {
+
    order: 2;
+
}
+
 
+
.2-rows div {
+
    height:100%;padding:50px 0;
+
}
+
 
+
.3-rows div {
+
    height:100%;padding:20px 0;
+
}
+
 
+
.imgsize{
+
    position: relative;
+
    vertical-align: middle;
+
    text-align: center;
+
    padding-top: 20px;
+
    max-width: 500px;
+
    height: 100px;
+
}
+
 
+
a:link    {
+
  text-decoration:  none;
+
  font-weight:      bold;
+
  }
+
 
+
a:visited {
+
  text-decoration:  none;
+
  font-weight:      bold;
+
  color:            blue;
+
  }
+
 
+
a:hover  {
+
  text-decoration:  underline;
+
  font-weight:      bold;
+
 
+
  }
+
 
+
a:active  {
+
  text-decoration:  underline;
+
  font-weight:      bold;
+
  }
+
 
+
+
 
+
</style>
+
  
 +
<!--<iframe width="853" height="480" src="https://www.youtube.com/embed/wbPHk28Z9uQ?rel=0" frameborder="0" allowfullscreen style="margin-left:6%;"></iframe> -->
 +
</div>
  
 +
<a class="button" style="background-color:gold; color:black; position:relative; text-decoration:none; left:630px; top:175px; z-index:3;" href="https://2017.igem.org/Team:Groningen/Achievements">Go directly to Achievements</a>
  
<div id="place-holder">
+
<div style="height:2000px; margin: 0 auto;">
  
 +
<img style="position:absolute; top:900px; width:1000px; z-index:2;" src="https://static.igem.org/mediawiki/2017/6/63/HomeviewF.svg">
 +
<img style="position:absolute; top:950px; width:1000px; z-index:1;" src="https://static.igem.org/mediawiki/2017/b/bb/HomeviewF-1.jpg">
 
</div>
 
</div>
  
<div id="single-col">
+
<!-- <div>
 +
<img style="width: 100%;" src="https://static.igem.org/mediawiki/2017/0/04/Homeview_base.svg">
 +
</div> -->
  
 +
<br>
 +
<center>
 +
<a class="button" style="text-decoration: none; color:white;" href="https://2017.igem.org/Team:Groningen/Description">Next: Description</a>
 +
<h1><a href="https://2017.igem.org/Team:Groningen/Team">The Groningen iGEM Team !</a></h1>
 +
</center>
 +
</div> <!-- main-col -->
  
<div id="place-holder" >
+
<div style="height:458px; background-image: url('https://static.igem.org/mediawiki/2017/d/de/17groupgroningen.jpg');  background-position:center;  background-repeat: no-repeat; overflow:visible;">
<img src="Under construction image.jpg">
+
<br>
 
</div>
 
</div>
  
+
<!--
<h1 id="center"> Welcome to Groningen iGEM team of 2017! </h1>
+
</section>
 +
<section class="content services"> 
 +
    <h1>Summary</h1>
 +
    <div class="container">
 +
        <p class="left">
 +
        In the Netherlands, export of dairy products, such as cheese, buttermilk, and yogurt generate a combined yearly income of billions of euros with the Netherlands being responsible for 5% of the world’s dairy product trade. The bacteria used for the fabrication of these commodities are severely susceptible to viral infections, which can disrupt production capabilities of the product.
 +
The iGEM (international Genetically Engineered Machine competition) Groningen team is determined to improve the current quality control standard practices by developing an improved system for the detection of phage infections. By implementation of our system, the Groningen iGEM team hopes to contribute to the on-going efforts to safeguard the production and ensure better quality product and subsequent export of our world famous dairy products.
 +
The mission of the Groningen iGEM 2017 project is to design a system that can be used to survey and detect multiple pre-programmed nucleotide sequences and result in a convenient readout. To do so, a CRISPR-based detection system will be developed that can be utilized to detect bacteriophages, bacterial viruses. This system will rely on the DNA sequence detection capabilities of a modified version of the “adaptive immune system” of bacteria, CRISPR-Cas. Various readout modules will be implemented to allow for proactive, quick, cheap and reliable screening of high-risk bacteriophage infections in the industrial pipeline.     
 +
    </div>
 +
</section>
 +
<br>
 +
<br>
  
<p id="center" style="text-align:center;">This is the official wiki page of <a style="" href="https://twitter.com/igemgroningen?lang=en">#teamGroningen</a> for the competition of <a href="https://igem.org/Main_Page">iGem</a> 2017.</p>
+
-->
  
 +
<br>
 +
<hr class="small">
  
<section class="content services">
+
<section class="content contact">
     <h1>Learn more!</h1>
+
   
 +
     <h3> Follow us! </h3>
 
     <div class="container">
 
     <div class="container">
 
         <div class="column column-one">
 
         <div class="column column-one">
             <div class="3-rows">
+
             <div class="2-rows">
                <div>
+
                <div style="padding-top: 0px;">
                     <img class="imgsize services"/>
+
                    <a href="https://www.facebook.com/igemgroningen2017/" target="_blank">
 +
                     <img class="scmedimgsize" src="https://static.igem.org/mediawiki/2017/9/97/Logo_for_the_facebook_page.png" />
 +
                    </a>
 +
                </div>
 +
                <div style="padding-top:30px; margin-left:-18px;">
 +
                    <p>Like!</p>
 
                 </div>
 
                 </div>
 
                <div class="icon-text"> <a href="#" class="btn btn-light">What is it about?</a></div>
 
 
 
             </div>
 
             </div>
 
         </div>
 
         </div>
 
         <div class="column column-two">
 
         <div class="column column-two">
             <div class="3-rows">
+
             <div class="2-rows">
 
+
                 <div style="padding-top: 0px;">
                 <div>
+
                    <a href="https://twitter.com/igemgroningen" target="_blank">
                     <img class="imgsize services"/>
+
                     <img class="scmedimgsize" src="https://static.igem.org/mediawiki/2017/5/5a/Twitter_logo_thumbnail.png" />
 +
                    </a>
 +
                </div>
 +
                <div style="padding-top:30px; margin-left:-15px;">
 +
                    <p>Hashtag</p>
 
                 </div>
 
                 </div>
 
                <div class="icon-text"> <a href="#" class="btn btn-light">Become a sponsor</a></div>
 
 
 
             </div>
 
             </div>
 
         </div>
 
         </div>
 
         <div class="column column-three">
 
         <div class="column column-three">
             <div class="3-rows">
+
             <div class="2-rows">
 
+
                <div style="padding-top: 0px;">
                <div>
+
                    <a href="mailto:igem.2017.groningen@gmail.com">
                     <img class="imgsize services"/>
+
                     <img class="scmedimgsize" src="https://static.igem.org/mediawiki/2017/9/9c/Email_logo_thumbnail.png" />
 +
                    </a>
 +
                </div>
 +
                <div style="padding-top:30px; margin-left:-17px;">
 +
                    <p>Email</p>
 
                 </div>
 
                 </div>
 
                <div class="icon-text"> <a href="#" class="btn btn-light">Meet us!</a></div>
 
 
 
             </div>
 
             </div>
 
         </div>
 
         </div>
 +
        <div class="column column-four">
 +
            <div class="2-rows">
 +
                <div style="padding-top: 0px;">
 +
                    <a href="https://www.instagram.com/igem.2017.groningen/">
 +
                    <img class="scmedimgsize" src="https://static.igem.org/mediawiki/2017/c/c8/Instagram_logo_thumbnail.png" />
 +
                    </a>
 +
                </div>
 +
                <div style="padding-top:30px; margin-left:-8px;">
 +
                    <p>Instagram!</p>
 +
                </div>
 +
            </div>
 +
        </div>
 +
       
 
     </div>
 
     </div>
</section>
+
   
</div>  
+
</section>  
 +
 
 +
</div>
 +
 
 +
 
 +
<div class="footer">
 +
<img id="bannerimg" usemap="#imagemap_sponsors" style="width: 100%;" src="https://static.igem.org/mediawiki/2017/b/b5/Banner.jpg" alt="Sponsors">
 +
</div>
 +
 
 +
 
 +
</body>
  
 
</html>
 
</html>

Latest revision as of 02:34, 2 November 2017





Follow us!

Like!

Hashtag

Email

Instagram!