(Created page with "{{Global_Menubar}} {{Team:BostonU_Hardware/CSS}} <html lang="en"> <head> <meta charset="utf-8" /> <link rel="apple-touch-icon" sizes="76x76" href="assets/img/apple-icon.png"...") |
|||
Line 8: | Line 8: | ||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> | <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> | ||
− | <title> | + | <title>Gold Medal</title> |
<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' /> | <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' /> | ||
Line 18: | Line 18: | ||
} | } | ||
#page_background{ | #page_background{ | ||
− | background-image: | + | background-image: url("https://static.igem.org/mediawiki/2017/0/04/MARS_General_Background.png"); |
} | } | ||
#Header_Pic{ | #Header_Pic{ | ||
height: 60%; | height: 60%; | ||
} | } | ||
− | # | + | #BACKGROUND{ |
− | + | ||
width: 100%; | width: 100%; | ||
+ | position: absolute; | ||
+ | } | ||
+ | #MARS{ | ||
+ | width: 15%; | ||
+ | position: absolute; | ||
+ | margin-top: 8%; | ||
+ | margin-left: 5%; | ||
+ | } | ||
+ | #TITLE{ | ||
+ | position: absolute; | ||
+ | width: 70%; | ||
+ | margin-left: 22%; | ||
+ | margin-top: 11%; | ||
+ | } | ||
+ | #MEDAL{ | ||
+ | position: absolute; | ||
+ | z-index: 3; | ||
+ | height: 20%; | ||
+ | transform: translate(600%,0%); | ||
+ | } | ||
+ | .main{ | ||
+ | margin-top: 2%; | ||
} | } | ||
.text_section{ | .text_section{ | ||
Line 40: | Line 61: | ||
<!-- *************THIS IS WHERE PAGE STARTS************* --> | <!-- *************THIS IS WHERE PAGE STARTS************* --> | ||
<div class="landing-page"> | <div class="landing-page"> | ||
− | <div id="page_background"> | + | <div class="wrapper" id="page_background"> |
<div class="header" id="Header_Pic"> | <div class="header" id="Header_Pic"> | ||
− | <img src="https://static.igem.org/mediawiki/2017/ | + | <img src="https://static.igem.org/mediawiki/2017/0/02/MARSbackground.png" id="BACKGROUND"> |
+ | <img src="https://static.igem.org/mediawiki/2017/2/22/MARSLogo2.png" id="MARS"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/a/ad/MARS_Bronze.png" id="TITLE"> | ||
</div> | </div> | ||
<div class="main main-raised"> | <div class="main main-raised"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/c/ce/MARSBronze.png" id="MEDAL"> | ||
<div class="container"> | <div class="container"> | ||
− | <h1 class="text-center"> | + | <h1 class="text-center">Bronze Medal Requirements</h1> |
<div class="row"> | <div class="row"> | ||
<h3>Requirement 1</h3> | <h3>Requirement 1</h3> |
Revision as of 16:22, 29 October 2017
Bronze Medal Requirements
Requirement 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras lacinia urna ut lectus dictum ultricies. Phasellus euismod tellus quis felis condimentum ullamcorper. Aenean blandit rutrum viverra. Nam at nisl feugiat, gravida magna non, porttitor libero. Suspendisse at purus mattis, ullamcorper odio at, fringilla mi. Sed ultrices viverra est, eu fermentum justo feugiat vitae. Nunc sed egestas enim. Sed sed eros ac mauris suscipit aliquam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque tincidunt nisi justo, a volutpat risus eleifend non.
Requirement 2
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras lacinia urna ut lectus dictum ultricies. Phasellus euismod tellus quis felis condimentum ullamcorper. Aenean blandit rutrum viverra. Nam at nisl feugiat, gravida magna non, porttitor libero. Suspendisse at purus mattis, ullamcorper odio at, fringilla mi. Sed ultrices viverra est, eu fermentum justo feugiat vitae. Nunc sed egestas enim. Sed sed eros ac mauris suscipit aliquam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque tincidunt nisi justo, a volutpat risus eleifend non.
Requirement 3
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras lacinia urna ut lectus dictum ultricies. Phasellus euismod tellus quis felis condimentum ullamcorper. Aenean blandit rutrum viverra. Nam at nisl feugiat, gravida magna non, porttitor libero. Suspendisse at purus mattis, ullamcorper odio at, fringilla mi. Sed ultrices viverra est, eu fermentum justo feugiat vitae. Nunc sed egestas enim. Sed sed eros ac mauris suscipit aliquam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque tincidunt nisi justo, a volutpat risus eleifend non.
Requirement 4
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras lacinia urna ut lectus dictum ultricies. Phasellus euismod tellus quis felis condimentum ullamcorper. Aenean blandit rutrum viverra. Nam at nisl feugiat, gravida magna non, porttitor libero. Suspendisse at purus mattis, ullamcorper odio at, fringilla mi. Sed ultrices viverra est, eu fermentum justo feugiat vitae. Nunc sed egestas enim. Sed sed eros ac mauris suscipit aliquam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque tincidunt nisi justo, a volutpat risus eleifend non.