Difference between revisions of "Team:CU Boulder/medals"

Line 3: Line 3:
 
<head>
 
<head>
 
<style>
 
<style>
 +
.medal {
 +
    float: left;
 +
    background-repeat: no-repeat;
 +
    background-size: 100px 100px;
 +
 +
}
 
#bronze {
 
#bronze {
 
     background-image: url(https://static.igem.org/mediawiki/2015/f/fc/CU-Boulder-medal_3-white.gif);
 
     background-image: url(https://static.igem.org/mediawiki/2015/f/fc/CU-Boulder-medal_3-white.gif);
    background-size: 50px 48px;
 
    float: left;
 
 
}
 
}
 
#silver {
 
#silver {
 
     background-image: url(https://static.igem.org/mediawiki/2015/f/fc/CU-Boulder-medal_3-white.gif);
 
     background-image: url(https://static.igem.org/mediawiki/2015/f/fc/CU-Boulder-medal_3-white.gif);
    background-size: 50px 48px;
 
    float: left;
 
 
}
 
}
 
#gold {
 
#gold {
 
     background-image: url(https://static.igem.org/mediawiki/2015/f/fc/CU-Boulder-medal_3-white.gif);
 
     background-image: url(https://static.igem.org/mediawiki/2015/f/fc/CU-Boulder-medal_3-white.gif);
    background-size: 50px 48px;
 
    float: left;
 
 
}
 
}
 
</style>
 
</style>
Line 24: Line 24:
 
  <article>
 
  <article>
 
<h1>Medals</h1>
 
<h1>Medals</h1>
<div id="bronze">
+
<div id="bronze" class="medal">
 
  <p>Test bronze</p>
 
  <p>Test bronze</p>
 
</div>
 
</div>
 
   
 
   
<div id="silver">
+
<div id="silver" class="medal">
 
  <p>Test silver</p>
 
  <p>Test silver</p>
 
</div>
 
</div>
<div id="gold">
+
<div id="gold" class="medal">
 
  <p>Test gold</p>
 
  <p>Test gold</p>
 
</div>
 
</div>

Revision as of 01:49, 11 July 2015


<!DOCTYPE html> Team:CU_Boulder - 2015.igem.org

Medals

Test bronze

Test silver

Test gold

Team:CU-Boulder - 2015.igem.org