Difference between revisions of "Team:Baltimore Bio-Crew/Team"

Line 4: Line 4:
  
 
<html>
 
<html>
−
<!-- This is the tab title styling-->
+
 
−
      <head>
+
<section>
−
        <title>Baltimore Bio-Crew</title>
+
<div class="slideshow-container ">
−
        <link rel="icon" type="image/png" sizes="16x16" href="http://icons.iconarchive.com/icons/glyphish/glyphish/32/91-beaker-2-icon.png">
+
  <div class="mySlides fade">
−
        <meta charset= "utf-8">
+
    <img src="https://static.igem.org/mediawiki/2017/8/83/Baltimore_biocrew1.jpeg">
−
        <link rel="stylesheet" href="style.css" type="text/css"
+
    <div class="text"><h1 style="font-size: 100px;"> Experiment</h1></div>
−
        <meta http-equiv="x-ua-compatible" content="ie=edge">
+
  </div>
−
        <link href="https://fonts.googleapis.com/css?family=Saira|Bubbler+One|Abel|Source+Sans+Pro|Share+Tech+Mono|Kalam" rel="stylesheet">
+
 
−
      </head>
+
  <div class="mySlides fade">
−
      <body>
+
    <img src="https://static.igem.org/mediawiki/2017/archive/9/9c/20170930173029%21E2.jpeg" >
−
            <div class="page">
+
 
−
              <h2>OUR TEAM</h2>
+
  </div>
−
            </div>
+
 
−
        </div>
+
  <div class="mySlides fade">
−
<!-- This is an experiment-->
+
    <img src="https://static.igem.org/mediawiki/2017/0/01/E1.jpeg" >
−
<!-- This is the body-->
+
 
−
<!-- This is the footer-->
+
  </div>
−
        </div>
+
 
−
       </body>
+
 
 +
</div>
 +
</section>
 +
 
 +
 
 +
       </html>

Revision as of 20:36, 30 September 2017


<style>

  • {box-sizing:border-box}

/* Slideshow container */ .slideshow-container { 

 max-width: 100%;
 max-height: 100vh;
 margin: auto;

}

.mySlides { width:100%; height:100%; max-height: inherit; display:none; }

.mySlides img { 

   height: inherit;
   max-height: inherit;
   width: 100%;

}

</style>


/* text */ .text { 

 color: #f2f2f2;
 padding: 8px 12px;
 position: absolute;
 bottom: 80%;
 width: 100%;
 text-align: center;

}


/* Fading animation */ .fade { 

 -webkit-animation-name: fade;
 -webkit-animation-duration: 1.5s;
 animation-name: fade;
 animation-duration: 1.5s;

}

@-webkit-keyframes fade { 

 from {opacity: .4}
 to {opacity: 1}

}

@keyframes fade { 

 from {opacity: .4}
 to {opacity: 1}

} </style>

Experiment