Difference between revisions of "Team:BostonU HW/Silver"

Line 25: Line 25:
 
#MARS{
 
#MARS{
 
height: 25%;
 
height: 25%;
width: 15%;
 
 
position: absolute;
 
position: absolute;
 
z-index: 1;
 
z-index: 1;
margin-top: 8%;
+
transform: translate(45%,65%);
margin-left: 6%;
+
 
}
 
}
 
#BACKGROUND{
 
#BACKGROUND{
 
width: 100%;
 
width: 100%;
height: 50%;
 
 
position: absolute;
 
position: absolute;
 
}
 
}
 
#TITLE{
 
#TITLE{
 
position: absolute;
 
position: absolute;
width: 100%;
+
width: 70%;
height: 60%;
+
margin-left: 18%;
+
 
z-index: 2;
 
z-index: 2;
 +
transform: translate(35%,125%);
 
}
 
}
 
#MEDAL{
 
#MEDAL{
 
position: absolute;
 
position: absolute;
 
z-index: 3;
 
z-index: 3;
width: 20%;
+
height: 20%;
height: 25%;
+
transform: translate(600%,0%);
margin-top: 8%;
+
margin-left: 22%;
+
 
}
 
}
 
.main{
 
.main{
Line 71: Line 65:
 
<img src="https://static.igem.org/mediawiki/2017/0/02/MARSbackground.png" id="BACKGROUND">
 
<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/2/22/MARSLogo2.png" id="MARS">
<img src="https://static.igem.org/mediawiki/2017/b/b4/MARSSilverTITLE.png" id="TITLE">
+
<img src="https://static.igem.org/mediawiki/2017/6/6a/MARS_Silver.png" id="TITLE">
<img src="https://static.igem.org/mediawiki/2017/d/d0/MARSSilver.png" id="MEDAL">
+
 
</div>
 
</div>
 
<div class="main main-raised">
 
<div class="main main-raised">
 +
<img src="https://static.igem.org/mediawiki/2017/d/d0/MARSSilver.png" id="MEDAL">
 
<div class="container">
 
<div class="container">
 
<h1 class="text-center">Silver Medal Requirements</h1>
 
<h1 class="text-center">Silver Medal Requirements</h1>

Revision as of 22:35, 26 October 2017

BostonU_HW

Silver Medal

Silver 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.