Difference between revisions of "Team:Groningen"

 
(171 intermediate revisions by 6 users not shown)
Line 1: Line 1:
 
{{Groningen}}
 
{{Groningen}}
−
 
 
<html>
 
<html>
  
 
<body>
 
<body>
−
 
 
−
  <nav class={{class}}>
 
−
    <ul>
 
−
      <li><a href="#">Home</a></li>
 
−
      <li><a href="#">Project</a></li>
 
−
      <li><a href="#">Team</a></li>
 
−
      <li><a href="#">Sponsors</a></li>
 
−
    </ul>
 
−
  </nav>
 
  
−
 
−
 
−
<header class="header header_img">
 
−
    <div id="title_container">
 
−
        <h2 id="title">
 
−
    Under constr
 
−
    </h2>
 
−
    <h2 id="subtitle">
 
−
        #teamGroningen2017
 
−
    </h2>
 
−
    </div>
 
−
</header>
 
−
 
−
<div class="fixed-bg">
 
  
 
<div class="main-col">
 
<div class="main-col">
  
−
     
+
<div>
−
<section class="content about">
+
<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>
−
    <h1 class="intro-txt first-text">
+
−
        Welcome!
+
−
    </h1>
+
−
    <p class="intro-txt second-text">
+
−
        <span>
+
−
            This is the official page of <a class="intro-txt" href="">#teamGroningen</a> for the competition of <a class="intro-txt" href="https://igem.org/Main_Page">iGem</a> 2017.
+
−
        </span>
+
−
        <span>
+
−
            You want to know more? Check out our awesome <a class="intro-txt" href=""> project</a>!
+
−
        </span>
+
−
    </p>
+
−
</section>  
+
  
−
<!--<hr class="two">-->
+
<!--<iframe width="853" height="480" src="https://www.youtube.com/embed/wbPHk28Z9uQ?rel=0" frameborder="0" allowfullscreen style="margin-left:6%;"></iframe> -->
−
   
+
</div>
−
<section class="content services"> 
+
−
    <h1>Services</h1>
+
−
    <div class="container">
+
−
        <div class="column column-one">
+
−
            <div class="3-rows">
+
  
−
                <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>
−
                    <img class="imgsize services" src="http://techstars.com/uploads/ugb_uploads/2015/10/Sponsor-Us-Circle-260x260.jpg"/>
+
−
                </div>
+
  
−
                <div class="icon-text txt-color-4">Fund us!</div>
+
<div style="height:2000px; margin: 0 auto;">
  
−
            </div>
+
<img style="position:absolute; top:900px; width:1000px; z-index:2;" src="https://static.igem.org/mediawiki/2017/6/63/HomeviewF.svg">
−
        </div>
+
<img style="position:absolute; top:950px; width:1000px; z-index:1;" src="https://static.igem.org/mediawiki/2017/b/bb/HomeviewF-1.jpg">
−
        <div class="column column-two">
+
</div>
−
            <div class="3-rows">
+
  
−
                <div>
+
<!-- <div>
−
                    <img class="imgsize services" src="https://static.igem.org/mediawiki/2017/5/5e/Sponsor_logo_thumbnail.png"/>
+
<img style="width: 100%;" src="https://static.igem.org/mediawiki/2017/0/04/Homeview_base.svg">
−
                </div>
+
</div> -->
  
−
                <div class="icon-text">I'm Column 2</div>
+
<br>
−
               
+
<center>
−
                <div class="btn-div">
+
<a class="button" style="text-decoration: none; color:white;" href="https://2017.igem.org/Team:Groningen/Description">Next: Description</a>
−
                    <a href="#" class="btn btn-light">Learn More</a>
+
<h1><a href="https://2017.igem.org/Team:Groningen/Team">The Groningen iGEM Team !</a></h1>
−
                </div>
+
</center>
 +
</div> <!-- main-col -->
  
−
            </div>
+
<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;">
−
        </div>
+
<br>
−
        <div class="column column-three">
+
</div>
−
            <div class="3-rows">
+
  
−
                <div>
+
<!--
−
                    <img class="imgsize services"/>
+
</section>  
−
                </div>
+
<section class="content services">
−
 
+
    <h1>Summary</h1>
−
                <div class="icon-text">I'm Column 2</div>
+
    <div class="container">
−
               
+
        <p class="left">
−
                <div class="btn-div">
+
        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.
−
                    <a href="#" class="btn btn-light">Learn More</a>
+
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.
−
                </div>
+
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>
+
−
        </div>
+
 
     </div>
 
     </div>
 
</section>
 
</section>
 +
<br>
 +
<br>
  
−
<!--<hr class="two">-->
+
-->
 +
 
 +
<br>
 +
<hr class="small">
 +
 
 +
<section class="content contact">
 
      
 
      
−
<section class="content video">
+
     <h3> Follow us! </h3>
−
    <h1>This is us!</h1>
+
−
    <div class="container">
+
−
        <div class="column column-one">
+
−
            <div class="2-rows">
+
−
                <div style="padding-top: 0px;">
+
−
                    <img class="imgsize" src="https://static.igem.org/mediawiki/2017/5/5e/Sponsor_logo_thumbnail.png" alt="sponsor"/>
+
−
                </div>
+
−
                <div style="padding-top: 30px;">
+
−
                    <img class="imgsize" src="https://static.igem.org/mediawiki/2017/5/5e/Sponsor_logo_thumbnail.png" alt="sponsor"/>
+
−
                </div>
+
−
            </div>
+
−
        </div>
+
−
        <div class="column column-two">
+
−
        <video width="640" height="360" controls>
+
−
            <source src='https://www.youtube.com/watch?v=MnYppmstxIs&feature=youtu.be' type="video/mp4">
+
−
            Your browser does not support the video tag.
+
−
        </video>
+
−
        </div>
+
−
        <div class="column column-three">
+
−
            <div class="2-rows">
+
−
                <div style="padding-top: 0px;">
+
−
                    <img class="imgsize" src="https://static.igem.org/mediawiki/2017/5/5e/Sponsor_logo_thumbnail.png" alt="sponsor"/>
+
−
                </div>
+
−
                <div style="padding-top: 30px;">
+
−
                    <img class="imgsize" src="https://static.igem.org/mediawiki/2017/5/5e/Sponsor_logo_thumbnail.png" alt="sponsor"/>
+
−
                </div>
+
−
            </div>
+
−
        </div>
+
−
    </div>
+
−
</section>
+
−
   
+
−
<section class="content contact">
+
−
     <h1> Follow us! </h1>
+
 
     <div class="container">
 
     <div class="container">
 
         <div class="column column-one">
 
         <div class="column column-one">
Line 138: Line 66:
 
                     </a>
 
                     </a>
 
                 </div>
 
                 </div>
−
                 <div style="padding-top: 30px;">
+
                 <div style="padding-top:30px; margin-left:-18px;">
 
                     <p>Like!</p>
 
                     <p>Like!</p>
 
                 </div>
 
                 </div>
Line 150: Line 78:
 
                     </a>
 
                     </a>
 
                 </div>
 
                 </div>
−
                 <div style="padding-top: 30px;">
+
                 <div style="padding-top:30px; margin-left:-15px;">
 
                     <p>Hashtag</p>
 
                     <p>Hashtag</p>
 
                 </div>
 
                 </div>
Line 158: Line 86:
 
             <div class="2-rows">
 
             <div class="2-rows">
 
                 <div style="padding-top: 0px;">
 
                 <div style="padding-top: 0px;">
−
                     <a href="mailto:e.karountzos@gmail.com">
+
                     <a href="mailto:igem.2017.groningen@gmail.com">
 
                     <img class="scmedimgsize" src="https://static.igem.org/mediawiki/2017/9/9c/Email_logo_thumbnail.png" />
 
                     <img class="scmedimgsize" src="https://static.igem.org/mediawiki/2017/9/9c/Email_logo_thumbnail.png" />
 
                     </a>
 
                     </a>
 
                 </div>
 
                 </div>
−
                 <div style="padding-top: 30px;">
+
                 <div style="padding-top:30px; margin-left:-17px;">
 
                     <p>Email</p>
 
                     <p>Email</p>
 
                 </div>
 
                 </div>
Line 170: Line 98:
 
             <div class="2-rows">
 
             <div class="2-rows">
 
                 <div style="padding-top: 0px;">
 
                 <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" />
 
                     <img class="scmedimgsize" src="https://static.igem.org/mediawiki/2017/c/c8/Instagram_logo_thumbnail.png" />
 +
                    </a>
 
                 </div>
 
                 </div>
−
                 <div style="padding-top: 30px;">
+
                 <div style="padding-top:30px; margin-left:-8px;">
 
                     <p>Instagram!</p>
 
                     <p>Instagram!</p>
 
                 </div>
 
                 </div>
Line 182: Line 112:
 
</section>  
 
</section>  
  
−
</div>
+
</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>
 
</div>
−
</div>
+
 
  
 
</body>
 
</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