Difference between revisions of "Team:Austin UTexas"

 
(35 intermediate revisions by 4 users not shown)
Line 2: Line 2:
 
<html>
 
<html>
 
<head>
 
<head>
 +
<link href="https://fonts.googleapis.com/css?family=Assistant:800|Didact+Gothic|Open+Sans:300" rel="stylesheet">
 
<style>
 
<style>
 
+
/* * {
body{
+
border: 1px solid white;
            background-color:black;
+
} */
            width: 100%;
+
.DNA div {
            }
+
 
+
.DNA div {
+
 
width: 80vw;
 
width: 80vw;
 
position: absolute;
 
position: absolute;
 
top: 50%;
 
top: 50%;
 
left: 2em;
 
left: 2em;
transform: translateY(-50%);}
+
transform: translateY(-50%);
.DNA video {
+
}
 +
.DNA video {
 
display: block;
 
display: block;
 
position: fixed;
 
position: fixed;
Line 25: Line 24:
 
z-index: -1000;
 
z-index: -1000;
 
background-size: cover;
 
background-size: cover;
background-position: center;}
+
background-position: center;
 
+
}
.logo{
+
            #background_video {
             margin-top: 250px;
+
                filter:brightness(50%);
 +
            }
 +
            .logo{
 +
             margin-top: 115px;
 
             z-index: -500;
 
             z-index: -500;
 
             width: 100%;
 
             width: 100%;
             text-align: center;
+
             text-align: top left;
 
             position: fixed;
 
             position: fixed;
             }  
+
transform: translateX(-8%)
             
+
             }
 +
            body{
 +
            background-color:black;
 +
            width: 100%;
 +
            }   
 
</style>
 
</style>
 
</head>
 
</head>
 
<body>
 
<body>
<div class="DNA" style="padding-bottom:2000px">
+
<div class="logo">
<video autoplay="" loop="" id ="background_video">
+
<img style = "width: 700px;" src="https://static.igem.org/mediawiki/2017/thumb/d/df/Wgba.png/800px-Wgba.png">
<source src="https://static.igem.org/mediawiki/2017/0/05/T--Austin_UTexas--DNAvid.mp4">
+
</video>
+
 
</div>
 
</div>
 +
                <div style="position: relative">
  
<div class="logo">
 
<img style = "width: 500px;" src="https://static.igem.org/mediawiki/2017/1/18/T--Austin_UTexas--YoGABAGABA.jpg">>
 
</div>
 
  
</body>
 
  
      <div style="position: relative">
+
               <p style="position: fixed; color: white; bottom: 20px; width:100%; text-align: left; font-size: 32px; font-family:verdana">The University of Texas <br> at Austin iGEM 2017
 
+
               <strong> <p style="position: fixed; color: white; bottom: 130px; width:100%; text-align: left; font-size: 40px; font-family:verdana">Yo GABA GABA <br> University of Texas <br> at Austin iGEM 2017
+
 
               </p>
 
               </p>
              </strong>
+
       
 
           </div>
 
           </div>
 +
<div class="DNA" style="padding-bottom:2000px">
 +
<video autoplay="" loop="" id ="background_video">
 +
<source src="https://static.igem.org/mediawiki/2017/0/05/T--Austin_UTexas--DNAvid.mp4">
 +
</video>
 +
</div>
 +
</body>
  
 
<!--Video Source "https://pixabay.com/en/videos/dna-helix-deoxyribonucleic-acid-6973/"*/
 
<!--Video Source "https://pixabay.com/en/videos/dna-helix-deoxyribonucleic-acid-6973/"*/
 
*/ Source code for home page adapted from Rice University*/-->
 
*/ Source code for home page adapted from Rice University*/-->
 
</html>
 
</html>

Latest revision as of 03:53, 2 November 2017

The University of Texas
at Austin iGEM 2017