Difference between revisions of "Team:Groningen"

 
(176 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>
 
  
<div class="fixed-bg">
 
  
 
<div class="main-col">
 
<div class="main-col">
  
<header class="header header_img">
+
<div>
    <div id="title_container">
+
<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>
        <h2 id="title">
+
    Under constr
+
    </h2>
+
    <h2 id="subtitle">
+
        #teamGroningen2017
+
    </h2>
+
    </div>
+
</header>
+
  
<div class="tryme">
+
<!--<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 about">
+
    <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">-->
+
<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>
   
+
<section class="content services">
+
    <h1>Services</h1>
+
    <div class="container">
+
        <div class="column column-one">
+
            <div class="3-rows">
+
  
                <div>
+
<div style="height:2000px; margin: 0 auto;">
                    <img class="imgsize services"/>
+
                </div>
+
  
                <div class="icon-text txt-color-4">I'm Column 2</div>
+
<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 class="btn-div">
+
</div>
                    <a href="#" class="btn btn-light">Learn More</a>
+
                </div>
+
  
            </div>
+
<!-- <div>
        </div>
+
<img style="width: 100%;" src="https://static.igem.org/mediawiki/2017/0/04/Homeview_base.svg">
        <div class="column column-two">
+
</div> -->
            <div class="3-rows">
+
  
                <div>
+
<br>
                    <img class="imgsize services"/>
+
<center>
                </div>
+
<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 class="icon-text">I'm Column 2</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;">
               
+
<br>
                <div class="btn-div">
+
</div>
                    <a href="#" class="btn btn-light">Learn More</a>
+
                </div>
+
  
            </div>
+
<!--
        </div>
+
</section>  
        <div class="column column-three">
+
<section class="content services">
            <div class="3-rows">
+
    <h1>Summary</h1>
 
+
    <div class="container">
                <div>
+
        <p class="left">
                    <img class="imgsize services"/>
+
        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.
                </div>
+
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 class="icon-text">I'm Column 2</div>
+
               
+
                <div class="btn-div">
+
                    <a href="#" class="btn btn-light">Learn More</a>
+
                </div>
+
            </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 141: 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 153: 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 161: 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 173: 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 185: 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





Follow us!

Like!

Hashtag

Email

Instagram!