Difference between revisions of "Team:TUDelft/Testpage3"

Line 188: Line 188:
 
      
 
      
 
<body>
 
<body>
 +
 +
<header>
 +
<nav class="navbar navbar-default navbar-fixed-top">
 +
<div class="container">
 +
 +
<!-- Brand and toggle get grouped for better mobile display -->
 +
<div class="navbar-header">
 +
 +
<!-- Button that toggles the navbar on and off on small screens -->
 +
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#adopenav" aria-expanded="false">
 +
 +
<!-- Hides information from screen readers -->
 +
<span class="sr-only"></span>
 +
 +
<!-- Draws 3 bars in navbar button when in small mode -->
 +
<span class="icon-bar"></span>
 +
<span class="icon-bar"></span>
 +
<span class="icon-bar"></span>
 +
</button>
 +
 +
<!-- You'll have to add padding in your image on the top and right of a few pixels (CSS Styling will break the navbar) -->
 +
<a class="pull-left" href="https://2018.igem.org/Team:TUDelft"><img class="adopeicon" src="https://static.igem.org/mediawiki/2018/7/75/T--TUDelft--2018_adope_logo.png"></a>
 +
</div>
 +
 +
<!-- Collect the nav links, forms, and other content for toggling -->
 +
<div class="collapse navbar-collapse" id="adopenav">
 +
<ul class="nav navbar-nav">
 +
  <!-- Project -->
 +
<li class="dropdown">
 +
  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Project<span class="caret"></span></a>
 +
  <ul class="dropdown-menu">
 +
    <li><a href="https://2018.igem.org/Team:TUDelft/Description">Description</a></li>
 +
    <li><a href="https://2018.igem.org/Team:TUDelft/Design">Design</a></li>
 +
    <li><a href="https://2018.igem.org/Team:TUDelft/Notebook">Notebook</a></li>
 +
    <li><a href="https://2018.igem.org/Team:TUDelft/Results">Results</a></li>
 +
    <li><a href="https://2018.igem.org/Team:TUDelft/Demonstration">Demonstration</a></li>
 +
    <li><a href="https://2018.igem.org/Team:TUDelft/Attributions">Attributions</a></li>
 +
  </ul>
 +
</li>
 +
  <!-- Modeling -->
 +
<li class="dropdown">
 +
  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Modeling<span class="caret"></span></a>
 +
  <ul class="dropdown-menu">
 +
    <li><a href="https://2018.igem.org/Team:TUDelft/Model">Model</a></li>
 +
    <li><a href="https://2018.igem.org/Team:TUDelft/Software">Software Tool</a></li>
 +
  </ul>
 +
</li>
 +
      <!-- Team -->
 +
<li class="dropdown">
 +
  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Team<span class="caret"></span></a>
 +
  <ul class="dropdown-menu">
 +
    <li><a href="https://2018.igem.org/Team:TUDelft/Team">Team Members</a></li>
 +
    <li><a href="https://2018.igem.org/Team:TUDelft/Team_Building">Team Building</a></li>
 +
    <li><a href="https://2018.igem.org/Team:TUDelft/Collaborations">Collaborations</a></li>
 +
  </ul>
 +
</li>
 +
      <!-- Parts -->
 +
<li class="dropdown">
 +
  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Parts<span class="caret"></span></a>
 +
  <ul class="dropdown-menu">
 +
    <li><a href="https://2018.igem.org/Team:TUDelft/Basic_Part">Basic Parts</a></li>
 +
    <li><a href="https://2018.igem.org/Team:TUDelft/Composite_Parts">Composite Parts</a></li>
 +
    <li><a href="https://2018.igem.org/Team:TUDelft/Part_Collection">Part Collection</a></li>
 +
  </ul>
 +
</li>
 +
    <!-- Human Practices -->
 +
<li class="dropdown">
 +
  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Human Practices<span class="caret"></span></a>
 +
  <ul class="dropdown-menu">
 +
    <li><a href="https://2018.igem.org/Team:TUDelft/Human_Practices">Integrated Human Practices</a></li>
 +
    <li><a href="https://2018.igem.org/Team:TUDelft/Public_Engagement">Education and Engagement</a></li>
 +
    <li><a href="https://2018.igem.org/Team:TUDelft/Entrepreneurship">Entrepreneurship</a></li>
 +
    <li><a href="https://2018.igem.org/Team:TUDelft/Applied_Design">Applied Design</a></li>
 +
 +
  </ul>
 +
</li>
 +
<!-- EurAsian Meetup -->
 +
<li><a href="https://2018.igem.org/Team:TUDelft/EurAsianMeetup">EurAsian Meetup</a></li>
 +
<!-- Safety -->
 +
<li><a href="https://2018.igem.org/Team:TUDelft/Safety">Safety</a></li>
 +
<!-- Sponsors -->
 +
<li><a href="https://2018.igem.org/Team:TUDelft/Sponsors">Sponsors</a></li>
 +
</ul>
 +
</div><!-- /.navbar-collapse -->
 +
</div><!-- /.container-fluid -->
 +
</nav>
 +
</header>
 +
 +
<!-- WRITE YOUR STUFF RIGHT HERE -->
 +
 +
 +
<header id="showcase" class="hidden-xs">
 +
<div class="overlaycontainer " class="text-center">
 +
    <div id="fadein1">On your mark.</div>
 +
    <div id="fadein2">Get set.</div>
 +
    <div id="fadein3">Detect.</div>
 +
    <div id="fadein4"><br>Join the race against gene doping.</div>
 +
 +
    <div class="text-block2">
 +
    <img src="https://static.igem.org/mediawiki/2018/c/ca/T--TUDelft--2018_TUDelft.png" class="tulogo"></div>
 +
    <div id="fadein5">
 +
    <img src="https://static.igem.org/mediawiki/2018/c/c6/T--TUDelft--2018_adope_logo_black.png"></div>
 
      
 
      
 +
    <div class="rdmrbttn"><a href="#getstarted" class="britney">Read More</a></div>
 +
</div>
 +
</header>
 +
   
 +
<header id="showcase2" class="hidden-lg hidden-md hidden-sm">
 +
<div class="overlaycontainer " class="text-center">
 +
    <div id="jointherace"><br>Join the race against gene doping.</div>
 +
 +
    <div class="tulogosmall">
 +
    <img src="https://static.igem.org/mediawiki/2018/c/ca/T--TUDelft--2018_TUDelft.png" class="tulogo2 img-responsive"></div>
 +
    <!--<div class="adopesmall">
 +
    <img src="https://static.igem.org/mediawiki/2018/c/c6/T--TUDelft--2018_adope_logo_black.png" class="adopelogo2 img-responsive" ></div>-->
 +
   
 +
    <div class="rdmrbttn2"><a href="#getstarted" class="britney">Read More</a></div>
 +
</div>
 +
</header>
 +
   
 +
    <div id="spcmkr"></div>
 +
    <div id="getstarted" class="spcmkr"></div>
 +
   
 +
<div class="container">
 +
    <div class="row">
 +
        <div class="col-lg-2 col-md-2 col-sm-1"></div>
 +
       
 +
        <div class="col-lg-8 col-md-8 col-sm-10 col-xs-12">
 +
            <h1 style="text-align:center;">Detect the undecteable with iGEM TU Delft 2018!</h1>
 +
            <h4 style="text-align:justify;">Each year, new cases of doping increase the distrust in athletes. We are fighting for honest athletes and a clean sport by detecting gene doping - the newest threat to fair sport. </h4>
 +
            <br>
 +
        </div>
 +
        <div class="col-lg-2 col-md-2 col-sm-1 xs-hidden"></div>
 +
 +
   
 +
    </div>
 +
<div class="row">
 +
    <div class="col-sm-4 col-md-4 col-xs-6">
 +
            <div class="thumbnail">
 +
                <img src="https://static.igem.org/mediawiki/2018/0/06/T--TUDelft--2018_barcodef.png" alt="Fusion protein">
 +
                <div class="caption">
 +
                    <h3 class="boxhd"><a href="https://2018.igem.org/Team:TUDelft/Description" class="">How are we detecting gene doping?</a></h3>
 +
                    <p>With our newly developed CRISPR-Cas based fusion protein, we determine what we want to sequence. Find out all the measures we took to bring our projet to perfection. </p>
 +
                </div>
 +
        </div>
 +
    </div>
 +
    <div class="col-sm-4 col-md-4 col-xs-6">
 +
            <div class="thumbnail">
 +
                <img src="https://static.igem.org/mediawiki/2018/d/d8/T--TUDelft--modelcut.png" alt="...">
 +
                <div class="caption">
 +
                <h3><a href="https://2018.igem.org/Team:TUDelft/Model" class="">Learn more about our modeling.</a></h3>
 +
                <p>Our model crucially helped to improve our project in the wetlab. Also we analyzed the data that we generated to check the validity of our project.</p>
 +
</div>
 +
</div>
 +
</div>
 +
        <div class="col-sm-4 col-md-4 col-xs-6">
 +
            <div class="thumbnail">
 +
                <img src="https://static.igem.org/mediawiki/2018/a/a7/T--TUDelft--traindebates1.jpg" alt="...">
 +
                <div class="caption">
 +
                <h3><a href="https://2018.igem.org/Team:TUDelft/Human_Practices" class="">Get to know everything about our HP.</a></h3>
 +
                <p>Throughout our iGEM season we actively involved the public with our projet. Interactions with stakeholders and the public shaped our project significantly.  </p>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
   
 +
 +
   
 +
</div>   
 +
   
 +
<div class="container-fluid">   
 +
<div class="row nowbg">
 +
   
 +
<div class="col-lg-2 col-md-1 col-sm-1 hidden-xs"></div>   
 +
    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
 +
        <div class="pree">LOREM IPSUM<br>
 +
        Yeah Yeah Yeah Yeah
 +
Miami, uh, uh
 +
South Beach, bringin the heat, uh
 +
Haha, can y'all feel that
 +
Can y'all feel that
 +
            Jig it out, uh</div>
 +
    </div>
 +
<div class="col-lg-6 col-md-7 col-sm-7 hidden-xs"></div>
 +
</div>
 +
   
 +
<div class="row nowbg">
 +
<div class="col-lg-6 col-md-7 col-sm-7 hidden-xs"></div>
 +
    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
 +
        <div style="text-align:right;" class="pree">LOREM IPSUM<br>
 +
        Party in the city where the heat is on
 +
All night, on the beach till the break of dawn
 +
Welcome to Miami
 +
Bienvenidos a Miami
 +
Bouncin in the club where the heat is on
 +
All night, on the beach till the break of dawn
 +
I'm goin to Miami
 +
Welcome to Miami</div>
 +
    </div>
 +
        <div class="col-lg-2 col-md-1 col-sm-1 hidden-xs"></div>
 +
    </div>
 +
   
 +
   
 +
 +
 +
<div class="row nowbg">
 +
   
 +
<div class="col-lg-2 col-md-1 col-sm-1 hidden-xs"></div>   
 +
    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
 +
        <div class="pree">LOREM IPSUM<br>
 +
        Yeah Yeah Yeah Yeah
 +
Miami, uh, uh
 +
South Beach, bringin the heat, uh
 +
Haha, can y'all feel that
 +
Can y'all feel that
 +
            Jig it out, uh</div>
 +
    </div>
 +
<div class="col-lg-6 col-md-7 col-sm-7 hidden-xs"></div>
 +
</div>
 +
</div>
 +
   
 +
 +
 +
       
 +
        <!-- <div class="container">
 +
    <div class="hidden-xs hidden-sm col-md-1 col-lg-1"></div>
 +
    <div class="col-xs-12 col-sm-12 col-md-10 col-lg-10">
 +
       
 +
        <br>
 +
       
 +
        <center><div clas="container" style="position:relative;"><img src="https://static.igem.org/mediawiki/2018/a/a1/T--TUDelft--2018_col_v2.png" alt="Circle of Life" usemap="#CircleOfLife" id="CircleLife" style="height:75%;length:auto;"><a href="https://2018.igem.org/Team:TUDelft/Description" title="Project" style="position: absolute; left: 30.83%; top: 4%; width: 38.63%; height: 18.65%; z-index: 2;"></a><a href="https://2018.igem.org/Team:TUDelft/Description" title="Project" style="position: absolute; left: 42.82%; top: 22.65%; width: 14.37%; height: 17.6%; z-index: 2;"></a><a href="https://2018.igem.org/Team:TUDelft/Model" title="Modeling" style="position: absolute; left: 11.23%; top: 26.93%; width: 18.93%; height: 27.02%; z-index: 2;"></a><a href="https://2018.igem.org/Team:TUDelft/Model" title="Model" style="position: absolute; left: 30.35%; top: 36.25%; width: 9.51%; height: 16.65%; z-index: 2;"></a><a href="https://2018.igem.org/Team:TUDelft/Experiments" title="Wetlab" style="position: absolute; left: 59.85%; top: 35.97%; width: 33.59%; height: 15.79%; z-index: 2;"></a><a href="https://2018.igem.org/Team:TUDelft/Experiments" title="Wetlab" style="position: absolute; left: 70.79%; top: 25.31%; width: 20.93%; height: 10.28%; z-index: 2;"></a><a href="https://2018.igem.org/Team:TUDelft/Parts" title="Parts" style="position: absolute; left: 32.73%; top: 58.04%; width: 16.94%; height: 31.97%; z-index: 2;"></a><a href="https://2018.igem.org/Team:TUDelft/Parts" title="Parts" style="position: absolute; left: 19.41%; top: 60.89%; width: 12.37%; height: 23.12%; z-index: 2;"></a><a href="https://2018.igem.org/Team:TUDelft/Human_Practices" title="HP" style="position: absolute; left: 49.95%; top: 56.04%; width: 18.55%; height: 37.68%; z-index: 2;"></a><a href="https://2018.igem.org/Team:TUDelft/Human_Practices" title="HP" style="position: absolute; left: 69.36%; top: 64.13%; width: 13.32%; height: 21.41%; z-index: 2;"></a><a href="https://2018.igem.org/Team:TUDelft/Human_Practices" title="HP" style="position: absolute; left: 84.21%; top: 90.2%; width: 10.85%; height: 4.28%; z-index: 2;"></a></div>
 +
           
 +
    </center>
 +
    </div>
 +
    <div class="hidden-xs hidden-sm col-md-1 col-lg-1"></div>
 +
</div>
 +
        </div>
 +
        </div> -->
 +
       
 +
    <!-- BETWEEN THESE TWO COMMENTS -->
 +
   
 +
 +
   
 +
 +
  <div class="row" style="position:relative;bottom:-200px;">
 +
        <div class="container-fluid footer">
 +
<center>        <h4 class="center">We thank our sponsors:</h4>
 +
        <div class="sponsors center">
 +
            <a href="http://tudelft.nl/en">
 +
                <img src="https://static.igem.org/mediawiki/2018/c/ca/T--TUDelft--2018_TUDelft.png" alt="tudelft" title="tudelft" style=" ;" />
 +
            </a>
 +
            <a href="https://www.tudelft.nl/en/faculty-of-applied-sciences/about-faculty/departments/bionanoscience/">
 +
                <img src="https://static.igem.org/mediawiki/2018/b/b1/T--TUDelft--2018_bionano.jpeg" alt="Bionanoscience" title="Bionanoscience" style=" ;">
 +
            </a>
 +
            <a href="https://www.tudelft.nl/en/faculty-of-applied-sciences/about-faculty/departments/biotechnology/"><img src="https://static.igem.org/mediawiki/2018/6/6f/T--TUDelft--2017_Department_of_Biotechnology.min.jpg" title="Biotechnology" style=" ;"></a>
 +
            <a href="https://www.tudelft.nl/en/faculty-of-applied-sciences/"><img src="https://static.igem.org/mediawiki/2018/6/6d/T--TUDelft--2018_appliedsciences.png" alt="Faculty of Applied Sciences" title="Faculty of Applied Sciences" style=" "></a>
 +
           
 +
            <a href="https://www.tudelft.nl/en/education/programmes/masters/science-education-and-communication/msc-science-education-and-communication/"><img src="https://static.igem.org/mediawiki/2018/1/13/T--TUDelft--2017_Science_Education_and_Communication.min.png" alt="Science Education and Communication" title="Science Education and Communication" style=" ;"></a>
 +
 
 +
            <a href="https://www.stud.nl/en/stud-fund"><img src="https://static.igem.org/mediawiki/2018/0/07/T--TUDelft--2018_stud.png" alt="StuD Fonds" title="StuD Fonds" style=" ;"></a>
 +
            <a href="http://www.medicaldelta.nl/"><img src="https://static.igem.org/mediawiki/2018/d/d6/T--TUDelft--2017_Medical_Delta.min.png" alt="Medical Delta" title="Medical Delta" style=" ;"></a>
 +
           
 +
            <a href="https://www.tudelft.nl/health">
 +
                <img src="https://static.igem.org/mediawiki/2018/4/48/T--TUDelft--healthinitiative.png" alt="TU Delft Health Initiative" title="TU Delft Health Initiative" style=" ;">
 +
            </a>
 +
           
 +
            <a href="https://www.tudelft.nl/sports-engineering-institute/">
 +
            <img src="https://static.igem.org/mediawiki/2018/0/0d/T--TUDelft--2018_sporteng.jpg" alt="TU Delft Sports Engineering Institute" title="TU Delft Sports Engineering Institute" style=" ;"></a>
 +
           
 +
            <a href="http://www.merckmillipore.com/NL/en">
 +
                <img src="https://static.igem.org/mediawiki/2017/8/86/T--TUDelft--Sponsor_Merck.jpeg" alt="Merck" title="Merck"></a>
 
   
 
   
 +
            <a href="http://www.snapgene.com">
 +
                <img src="https://static.igem.org/mediawiki/2017/b/ba/SnapGene_newsletter_1.png" alt="Snapgene" title="Snapgene" style=" ;"></a>
 +
            <a href="http://www.modernmeadow.com/">
 +
            <img  src="https://static.igem.org/mediawiki/2018/4/48/T--TUDelft--2018_modernmeadow.png" alt="Modern Meadow" title="Modern Meadow" style=";"></a>
 +
           
 +
            <a href="https://svi.nl/HomePage"><img src="https://static.igem.org/mediawiki/2018/0/03/T--TUDelft--2018_svi.png" alt="SVI" title="SVI" style=" ;"></a>
 +
           
 +
            <a href="https://www.skylinedx.com/"><img src="https://static.igem.org/mediawiki/2018/f/fd/T--TUDelft--2018_skylinedx.png" alt="SkylineDx" title="SkylineDx" style=" ;"></a>
 +
           
 +
            <a href="https://www.vironova.com/"><img src="https://static.igem.org/mediawiki/2018/7/7c/T--TUDelft--2018_vironova.png" alt="Vironova" title="Vironova" style=" ;"></a>
 +
 +
            <a href="http://www.dsm.com"><img src="https://static.igem.org/mediawiki/2017/3/37/T--TUDelft--2017_DSM.jpg" alt="DSM" title="DSM" style=" ;"></a>           
 +
 +
 +
 +
        </div>
 +
    </center>
 +
            </div>
 +
        </div>
 +
   
 +
    <script>
 +
        $("#fadein1").delay(100).animate({"opacity":"1"},700);
 +
        $("#fadein1").delay(400).animate({"opacity":"0"},700);
 +
        $("#fadein2").delay(1700).animate({"opacity":"1"},700);
 +
        $("#fadein2").delay(400).animate({"opacity":"0"},700);
 +
        $("#fadein3").delay(3200).animate({"opacity":"1"},700);
 +
        $("#fadein3").delay(900).animate({"opacity":"0"},700);
 +
        $("#fadein4").delay(7000).animate({"opacity":"1"},700);
 +
        $("#fadein5").delay(6500).animate({"opacity":"1"},700);
 +
        $("#fadein6").delay(6500).animate({"opacity":"1"},700);
 +
 +
    </script>
 
</body>
 
</body>
 
     <script>
 
     <script>

Revision as of 20:40, 14 October 2018

ADOPE

Detect the undecteable with iGEM TU Delft 2018!

Each year, new cases of doping increase the distrust in athletes. We are fighting for honest athletes and a clean sport by detecting gene doping - the newest threat to fair sport.


Fusion protein

How are we detecting gene doping?

With our newly developed CRISPR-Cas based fusion protein, we determine what we want to sequence. Find out all the measures we took to bring our projet to perfection.

...

Learn more about our modeling.

Our model crucially helped to improve our project in the wetlab. Also we analyzed the data that we generated to check the validity of our project.

...

Get to know everything about our HP.

Throughout our iGEM season we actively involved the public with our projet. Interactions with stakeholders and the public shaped our project significantly.

LOREM IPSUM
Yeah Yeah Yeah Yeah Miami, uh, uh South Beach, bringin the heat, uh Haha, can y'all feel that Can y'all feel that Jig it out, uh
LOREM IPSUM
Party in the city where the heat is on All night, on the beach till the break of dawn Welcome to Miami Bienvenidos a Miami Bouncin in the club where the heat is on All night, on the beach till the break of dawn I'm goin to Miami Welcome to Miami
LOREM IPSUM
Yeah Yeah Yeah Yeah Miami, uh, uh South Beach, bringin the heat, uh Haha, can y'all feel that Can y'all feel that Jig it out, uh

We thank our sponsors:

tudelft Bionanoscience Faculty of Applied Sciences Science Education and Communication StuD Fonds Medical Delta TU Delft Health Initiative TU Delft Sports Engineering Institute Merck Snapgene Modern Meadow SVI SkylineDx Vironova DSM