Line 4: | Line 4: | ||
<head> | <head> | ||
<style> | <style> | ||
+ | .row{ | ||
+ | margin-top:5%; | ||
+ | } | ||
+ | .column { | ||
+ | float: left; | ||
+ | width: 30%; | ||
+ | padding: 10px; | ||
+ | height: 500px; | ||
+ | border-radius: 20px; | ||
+ | } | ||
+ | .row:after { | ||
+ | content: ""; | ||
+ | display: table; | ||
+ | clear: both; | ||
+ | } | ||
+ | |||
+ | |||
+ | .column img{ | ||
+ | display: block; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | |||
+ | } | ||
</style> | </style> | ||
Line 20: | Line 43: | ||
</div> | </div> | ||
+ | <div class="row"> | ||
+ | <div class="column" style="background-color:#cd7f32";> | ||
+ | <h2>BRONZE</h2> | ||
+ | <img src="bronze.png"alt="" width="10%";> | ||
+ | <p2>criteria for bronze medal</p2> | ||
+ | </div> | ||
+ | <div class="column" style="background-color:#D3D3D3";> | ||
+ | <h2>SILVER</h2> | ||
+ | <img src="silver.png"alt="" width="10%";> | ||
+ | <p2>criteria for silver medal</p2> | ||
+ | </div> | ||
+ | <div class="column" style="background-color:#FFD700"; > | ||
+ | <h2>GOLD</h2> | ||
+ | <img src="gold.png"alt="" width="10%";> | ||
+ | <p2>criteria for gold medal</p2> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | </div> | ||
</div> | </div> | ||
</body> | </body> | ||
</html> | </html> | ||
{{:Team:Imperial_College/Templates/Footer}} | {{:Team:Imperial_College/Templates/Footer}} |
Revision as of 03:45, 16 October 2018