Difference between revisions of "Team:UIUC Illinois"

Line 2: Line 2:
  
 
<html>
 
<html>
<head>
 
    <meta charset="utf-8">
 
   
 
</head>
 
 
 
<style>
 
<style>
* {font-family:"Trebuchet MS";}
+
    p {
 +
        font-family:"Trebuchet MS";
 +
        color:black;
 +
    }
 +
 
 +
    h1 {
 +
        font-family:"Trebuchet MS";
 +
        font-size:2vw;
 +
    }
 +
 
 +
    h2 {
 +
        font-family:"Trebuchet MS";
 +
        font-size:1.5vw;
 +
    }
 +
 
 +
    .profilepic {
 +
        border-radius:50%;
 +
        border:0.6vw solid #FF7F50;
 +
        background-color:#d6f9f7; ;
 +
    }
 +
 
 +
    .heading {
 +
        width:100%;
 +
        height:5vw;
 +
        text-align:center;
 +
        background-color:#D5FDD5;
 +
        border: 0.45vw dotted #8CFA8C;
 +
    }
 +
    .introduction {
 +
        text-align:center;
 +
        margin:1.5vw;
 +
        position:relative
 +
    }
 +
    .introduction:hover .textbackground {
 +
        opacity:1;
 +
        height:100%;
 +
    }
 +
    .introduction:hover img {
 +
        opacity:0.2;
 +
    }
 +
    .textbackground {
 +
        width:100%;
 +
        height:0;
 +
        bottom:0;
 +
        right: 0;
 +
        left: 0;
 +
        opacity:0;
 +
        transition: 0.8s ease;
 +
        position:absolute;
 +
        overflow:hidden;
 +
    }
 +
    img {
 +
        opacity:1;
 +
        transition: 0.8s ease;
 +
        height:auto
 +
    .introtext {
 +
        position:absolute;
 +
    }
 +
 
 
</style>
 
</style>
 +
 +
div class="introduction">
 +
        <img src="https://static.igem.org/mediawiki/2018/7/73/T--UIUC_Illinois--Home_Photo.jpg" style="width:76vw;background-color:#66cdaa; border: 0.45vw #A9DCF1; "/>
 +
        <div class="textbackground">
 +
            <div class="introtext" style="margin-top:7vw">
 +
     
 +
            </div>
 +
      </div>
 +
    </div>
  
  

Revision as of 02:46, 18 October 2018

div class="introduction">

Material Design Bootstrap