Difference between revisions of "Team:UMaryland/Description"

Line 21: Line 21:
 
}
 
}
  
#Lutein{
 
      position:absolute;
 
      overflow: hidden;
 
      font-size: 35px;
 
   
 
 
 
}
 
#Hok{
 
      position:relative;
 
      overflow: hidden;
 
      font-size: 55px;
 
      left: 60%;
 
      height: 20%;
 
      width: 30%;
 
      }
 
  
.containerL{  
+
.container{  
 
     width: 350px;  
 
     width: 350px;  
 
     height: 300px;   
 
     height: 300px;   
Line 43: Line 28:
 
     border: 7px solid black;   
 
     border: 7px solid black;   
 
     border-radius: 10px;  
 
     border-radius: 10px;  
     padding: 20px;
+
     display: inline-block;
    text-align:center;  
+
  
 
}
 
}
  
 +
.left{
 +
    float:left;
 +
}
  
.containerH{  
+
.right{
    width: 350px;
+
    float:right:  
    height: 300px; 
+
    margin: 15px 100px 100px 550px;
+
    border: 7px solid black; 
+
    border-radius: 10px;
+
    padding: 20px;
+
    text-align:center;
+
 
+
 
}
 
}
  
.container > h1{
+
 
     align:center;  
+
.container .wrapper p{
 +
     text-align:center;
 +
    font-size: 40px;  
 
}  
 
}  
  
 +
.container .wrapper img{
 +
    align:center;
 +
}
  
 
</style>  
 
</style>  
  
 +
<!-- HTML -->
  
<div class = "containerL">
+
<div class = "container left">
  
<div id ="Lutein"; class = "wrapper"> <h1>Lutein</h1> </div>  
+
<div class = "wrapper"> <p>Lutein</p> </div>  
 
<a href ="#Lutein">
 
<a href ="#Lutein">
 
     <img src="http://www.ventajahealth.com/_Media/lutein.gif">   
 
     <img src="http://www.ventajahealth.com/_Media/lutein.gif">   
Line 76: Line 62:
  
 
</div>  
 
</div>  
 
  
<div class = "containerH">  
+
<div class = "container right">
  
<div id="Hok"; class = "wrapper"> Hok/Sok </div>
+
<div class = "wrapper"> <p>Hok/Sok</p> </div>
 
<a href ="#Hok">
 
<a href ="#Hok">
 
<img src= "http://commoncore.hku.hk/wp-content/uploads/2012/07/icon_science_b.png">
 
<img src= "http://commoncore.hku.hk/wp-content/uploads/2012/07/icon_science_b.png">

Revision as of 21:34, 29 July 2015