Difference between revisions of "Team:UMaryland/Description"

Line 22: Line 22:
  
 
.container{  
 
.container{  
     width: 350px;  
+
     width: 40%;  
     height: 300px;   
+
     height: 50%;   
 
     margin: 15px 100px 100px 100px;  
 
     margin: 15px 100px 100px 100px;  
     border: 7px solid black;   
+
     border: 7px solid #FFB08E;   
 
     border-radius: 10px;
 
     border-radius: 10px;
 
     display: block;  
 
     display: block;  
 +
    background-color: #F4B98E;
 
}
 
}
  
Line 36: Line 37:
  
 
.container a img{  
 
.container a img{  
     margin:  auto;
+
     width: 55%;
 +
    height: 55%;
 +
  margin:  auto;
 
}
 
}
  
 +
a:hover{
 +
  background color: E84BA4;
 +
}
  
 
#swagtotheleft {
 
#swagtotheleft {
float: left;
+
    overflow: hidden;
overflow: hidden;
+
    width: 25%;
 +
    float: left;
 
}
 
}
  
 
#swagtotheright {
 
#swagtotheright {
float: right;
+
    float: right;
overflow: hidden;
+
    overflow: hidden;
 +
    width: 25%;
 +
 
 
}
 
}
 +
  
 
</style>  
 
</style>  
Line 54: Line 64:
 
<!-- HTML -->  
 
<!-- HTML -->  
  
 
+
<a href ="#Lutein">
 
<div class = "container"; id = "swagtotheleft">
 
<div class = "container"; id = "swagtotheleft">
 
   <div class = "wrapper"> <p>Lutein</p> </div>  
 
   <div class = "wrapper"> <p>Lutein</p> </div>  
      <a href ="#Lutein">
+
</div>  
        <img src="http://www.ventajahealth.com/_Media/lutein.gif">
+
  </a>  
      </a>
+
</div>  
+
  
  
 +
<a href ="#Hok">
 
<div class = "container" id = "swagtotheright">
 
<div class = "container" id = "swagtotheright">
   <div class = "wrapper"> <p>Hok/Sok</p> </div>
+
   <div class = "wrapper"> <p>Hok/Sok</p> </div>    
      <a href ="#Hok">
+
        <img src= "http://commoncore.hku.hk/wp-content/uploads/2012/07/icon_science_b.png"> 
+
      </a>
+
 
</div>  
 
</div>  
 +
</a>
  
  
 +
<div style="clear:both">
  
 
<a name = "Lutein">  
 
<a name = "Lutein">  
Line 77: Line 85:
  
 
<p>
 
<p>
 
 
Advanced Macular Degeneration is the current leading cause of blindness and vision loss in people aged 65 and over. 1.75 million people in the US are affected by AMD, and that number is expected to increase to almost 200 million worldwide by 2020. Lutein is a carotenoid currently used as a dietary supplement taken to treat and prevent the onset of AMD. The production of lutein is currently done through the cultivation of marigolds. Carotenoids are extracted from its petals, from which lutein is isolated.  
 
Advanced Macular Degeneration is the current leading cause of blindness and vision loss in people aged 65 and over. 1.75 million people in the US are affected by AMD, and that number is expected to increase to almost 200 million worldwide by 2020. Lutein is a carotenoid currently used as a dietary supplement taken to treat and prevent the onset of AMD. The production of lutein is currently done through the cultivation of marigolds. Carotenoids are extracted from its petals, from which lutein is isolated.  
  
Line 86: Line 93:
 
<img src="https://static.igem.org/mediawiki/2015/0/09/AMD.png"style="height:35%; width:35%">
 
<img src="https://static.igem.org/mediawiki/2015/0/09/AMD.png"style="height:35%; width:35%">
  
 +
</div>
  
  

Revision as of 14:33, 30 July 2015