Difference between revisions of "Team:TUDelft/Awards"

Line 2: Line 2:
  
 
<html>
 
<html>
−
<head>  
+
<head>      
−
<style>
+
−
 
+
−
 
+
−
#showcase{
+
−
  background-image:url('https://static.igem.org/mediawiki/2018/a/a1/T--TUDelft--fissaaa2.png');
+
−
  background-size:cover;
+
−
  background-position:center;
+
−
  background-repeat: no-repeat;
+
−
  height:130vh;
+
−
  display:flex;
+
−
  flex-direction:column;
+
−
  justify-content:center;
+
−
  align-items:center;
+
−
  text-align:center;
+
−
  margin-top: -50px;
+
−
  position: relative;
+
−
}
+
−
 
+
−
 
+
−
.text-block2 {
+
−
    position: absolute;
+
−
    top: 12%;
+
−
    left: 1%;
+
−
    color: grey;
+
−
    width: 200px;
+
−
    z-index: 5;
+
−
}
+
−
.text-block3 {     
+
−
    position: absolute;
+
−
    top: 12%;
+
−
    right: 1%;
+
−
    color: grey;
+
−
    max-width: 200px;
+
−
    z-index: 5;
+
−
}   
+
−
 
+
−
 
+
−
   
+
−
.tulogo {
+
−
    max-height: 150px !important;
+
−
    width: auto;
+
−
    z-index: 1;
+
−
}
+
−
.adopelogo {
+
−
    max-height: 100px !important;
+
−
    width: auto;
+
−
    z-index: 1;
+
−
    }
+
−
   
+
−
.overlaycontainer {
+
−
    z-index: 400 !important;
+
−
} 
+
−
 
+
−
 
+
−
 
+
−
</style>
+
−
 
+
−
   
+
 
</head>
 
</head>
 
<body>
 
<body>
  
 
<!-- WRITE YOUR STUFF RIGHT HERE -->
 
<!-- WRITE YOUR STUFF RIGHT HERE -->
−
<header id="showcase">
+
<div class="container">
−
<div class="overlaycontainer " class="text-center">
+
     <div class="row">
−
     <!--<div id="fadein1">On your marks.</div>
+
        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
−
    <div id="fadein2">Get set.</div>
+
            <img src="https://static.igem.org/mediawiki/2018/a/a1/T--TUDelft--fissaaa2.png" alt="Fissaaaa and awards." class="img-responsive">
−
    <div id="fadein3">Detect.</div>
+
        </div>
−
    <div id="fadein4">Join the race against gene doping.</div> -->
+
     </div>
−
 
+
−
    <!-- <div class="text-block2">
+
−
    <img src="https://static.igem.org/mediawiki/2018/c/ca/T--TUDelft--2018_TUDelft.png" class="tulogo"></div>
+
−
    <div class="text-block3">
+
−
    <img src="https://static.igem.org/mediawiki/2018/c/c6/T--TUDelft--2018_adope_logo_black.png" class="adopelogo"></div> -->
+
−
      
+
−
</div>
+
−
</header>
+
−
   
+
−
<br>
+
 
     <div class="spcmkr"></div>
 
     <div class="spcmkr"></div>
 +
    <div class="row">
 +
        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
 +
            <center><h3>We would like to thank everybody who joined us on our journey and helped us detect gene doping!</h3></center>
 +
        </div>
 +
    </div>
 +
    <div class="spcmkr"></div>
 +
    <div class="row">
 +
        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
 +
            <img src="https://static.igem.org/mediawiki/2018/d/d5/T--TUDelft--fissaa3.png" alt="Fissaaaa and awards." class="img-responsive">
 +
        </div>
 +
    </div>   
 
      
 
      
−
<div class="container" >
 
−
 
−
 
−
    </div>
 
 
      
 
      
 +
</div>   
 +
<div class="spcmkr"></div> 
  
−
    <!-- BETWEEN THESE TWO COMMENTS -->
+
<!-- BETWEEN THESE TWO COMMENTS -->
 
      
 
      
 
          
 
          

Revision as of 12:30, 29 November 2018

ADOPE

Fissaaaa and awards.

We would like to thank everybody who joined us on our journey and helped us detect gene doping!

Fissaaaa and awards.