Difference between revisions of "Team:TUDelft/Testpage3"

Line 1: Line 1:
 
{{:Team:TUDelft/Head}}
 
{{:Team:TUDelft/Head}}
 
<html>
 
<html>
−
    <head>
 
 
<style>
 
<style>
  
Line 185: Line 184:
 
    
 
    
 
</style>
 
</style>
−
</head>
+
 
−
   
+
 
<body>
 
<body>
−
 
−
 
−
 
−
<!-- WRITE YOUR STUFF RIGHT HERE -->
 
−
 
−
 
 
<header id="showcase" class="hidden-xs">
 
<header id="showcase" class="hidden-xs">
 
<div class="overlaycontainer " class="text-center">
 
<div class="overlaycontainer " class="text-center">
Line 209: Line 201:
 
</div>
 
</div>
 
</header>
 
</header>
−
   
+
</body>  
−
<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>
+
</html>
−
<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 -->
 
−
 
−
   
 
−
    <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>
 
−
    <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(7000).animate({"opacity":"1"},700);
 
−
        $("#fadein6").delay(7000).animate({"opacity":"1"},700);
 
−
 
−
    </script>
 
−
</html>
 
  
 
{{:Team:TUDelft/Footer2}}
 
{{:Team:TUDelft/Footer2}}

Revision as of 20:44, 14 October 2018

ADOPE