Difference between revisions of "Team:Groningen"

 
(237 intermediate revisions by 6 users not shown)
Line 1: Line 1:
 +
{{Groningen}}
 
<html>
 
<html>
  
−
<style type="text/css">
+
<body>
  
−
#single-col{width: 800px; height:800px; padding-left: 2px; padding-right: 2px; margin-left: 2px; margin-right: 2px;
 
−
}
 
−
#place-holder{width: 100px; height:100px; 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;
+
−
}
+
−
#center2{
+
−
    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{
+
<!--<iframe width="853" height="480" src="https://www.youtube.com/embed/wbPHk28Z9uQ?rel=0" frameborder="0" allowfullscreen style="margin-left:6%;"></iframe> -->
−
    height: 350px;
+
</div>
−
}
+
  
−
.container {
+
<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>
−
    display: flex;
+
−
    padding-top: 20px;
+
−
    vertical-align: middle;
+
−
    text-align: center;
+
−
}
+
  
−
.column {
+
<div style="height:2000px; margin: 0 auto;">
−
    flex: 1;
+
−
}
+
  
−
.column-one {
+
<img style="position:absolute; top:900px; width:1000px; z-index:2;" src="https://static.igem.org/mediawiki/2017/6/63/HomeviewF.svg">
−
    order: 2;
+
<img style="position:absolute; top:950px; width:1000px; z-index:1;" src="https://static.igem.org/mediawiki/2017/b/bb/HomeviewF-1.jpg">
−
}
+
</div>
  
−
.2-rows div {
+
<!-- <div>
−
    height:100%;padding:50px 0;
+
<img style="width: 100%;" src="https://static.igem.org/mediawiki/2017/0/04/Homeview_base.svg">
−
}
+
</div> -->
  
−
.3-rows div {
+
<br>
−
    height:100%;padding:20px 0;
+
<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>
−
.imgsize{
+
</center>
−
    position: relative;
+
</div> <!-- main-col -->
−
    vertical-align: middle;
+
−
    text-align: center;
+
−
    padding-top: 20px;
+
−
    max-width: 500px;
+
−
    height: 100px;
+
−
}
+
−
 
+
−
 
+
−
</style>
+
−
 
+
−
<div id="place-holder" style="background-color:blue">
+
  
 +
<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;">
 +
<br>
 
</div>
 
</div>
  
−
<div id="single-col" style="background-color:red" >
+
<!--
 +
</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>
  
−
+
-->
−
<h1 id="center"> Welcome to Groningen iGEM team of 2017! </h1>
+
  
−
<p id="center2" style="color:green;text-align: center;">This is the official page of <a href="">#teamGroningen</a> for the competition of <a href="https://igem.org/Main_Page">iGem</a> 2017.</p>
+
<br>
 +
<hr class="small">
  
−
 
+
<section class="content contact">
−
<section class="content services">
+
   
−
     <h1>Services</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 style="padding-top: 0px;">
−
                <div>
+
                    <a href="https://www.facebook.com/igemgroningen2017/" target="_blank">
−
                     <img class="imgsize services"/>
+
                     <img class="scmedimgsize" src="https://static.igem.org/mediawiki/2017/9/97/Logo_for_the_facebook_page.png" />
 +
                    </a>
 
                 </div>
 
                 </div>
−
 
+
                 <div style="padding-top:30px; margin-left:-18px;">
−
                 <div class="icon-text txt-color-4">I'm Column 2</div>
+
                     <p>Like!</p>
−
               
+
−
                <div class="btn-div">
+
−
                     <a href="#" class="btn btn-light">Learn More</a>
+
 
                 </div>
 
                 </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>
−
 
+
                 <div style="padding-top:30px; margin-left:-15px;">
−
                 <div class="icon-text">I'm Column 2</div>
+
                     <p>Hashtag</p>
−
               
+
−
                <div class="btn-div">
+
−
                     <a href="#" class="btn btn-light">Learn More</a>
+
 
                 </div>
 
                 </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>
−
 
+
                 <div style="padding-top:30px; margin-left:-17px;">
−
                 <div class="icon-text">I'm Column 2</div>
+
                     <p>Email</p>
−
               
+
−
                <div class="btn-div">
+
−
                     <a href="#" class="btn btn-light">Learn More</a>
+
 
                 </div>
 
                 </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


Go directly to Achievements

Next: Description

The Groningen iGEM Team !



Follow us!

Like!

Hashtag

Email

Instagram!

Sponsors