Difference between revisions of "Team:Virginia/Team"

Line 44: Line 44:
 
</div>
 
</div>
 
</div>
 
</div>
 +
<div id="pattern" class="pattern">
 +
  <ul class="g">
 +
<li><a href="#"><img src="http://bradfrost.github.com/this-is-responsive/patterns/images/fpo_square.png" alt="Product Name" /></a></li>
 +
<li><a href="#"><img src="http://bradfrost.github.com/this-is-responsive/patterns/images/fpo_square.png" alt="Product Name" /></a></li>
 +
<li><a href="#"><img src="http://bradfrost.github.com/this-is-responsive/patterns/images/fpo_square.png" alt="Product Name" /></a></li>
 +
<li><a href="#"><img src="http://bradfrost.github.com/this-is-responsive/patterns/images/fpo_square.png" alt="Product Name" /></a></li>
 +
<li><a href="#"><img src="http://bradfrost.github.com/this-is-responsive/patterns/images/fpo_square.png" alt="Product Name" /></a></li>
 +
<li><a href="#"><img src="http://bradfrost.github.com/this-is-responsive/patterns/images/fpo_square.png" alt="Product Name" /></a></li>
 +
<li><a href="#"><img src="http://bradfrost.github.com/this-is-responsive/patterns/images/fpo_square.png" alt="Product Name" /></a></li>
 +
<li><a href="#"><img src="http://bradfrost.github.com/this-is-responsive/patterns/images/fpo_square.png" alt="Product Name" /></a></li>
 +
<li><a href="#"><img src="http://bradfrost.github.com/this-is-responsive/patterns/images/fpo_square.png" alt="Product Name" /></a></li>
 +
<li><a href="#"><img src="http://bradfrost.github.com/this-is-responsive/patterns/images/fpo_square.png" alt="Product Name" /></a></li>
 +
<li><a href="#"><img src="http://bradfrost.github.com/this-is-responsive/patterns/images/fpo_square.png" alt="Product Name" /></a></li>
 +
<li><a href="#"><img src="http://bradfrost.github.com/this-is-responsive/patterns/images/fpo_square.png" alt="Product Name" /></a></li>
 +
<li><a href="#"><img src="http://bradfrost.github.com/this-is-responsive/patterns/images/fpo_square.png" alt="Product Name" /></a></li>
 +
<li><a href="#"><img src="http://bradfrost.github.com/this-is-responsive/patterns/images/fpo_square.png" alt="Product Name" /></a></li>
 +
<li><a href="#"><img src="http://bradfrost.github.com/this-is-responsive/patterns/images/fpo_square.png" alt="Product Name" /></a></li>
 +
<li><a href="#"><img src="http://bradfrost.github.com/this-is-responsive/patterns/images/fpo_square.png" alt="Product Name" /></a></li>
 +
<li><a href="#"><img src="http://bradfrost.github.com/this-is-responsive/patterns/images/fpo_square.png" alt="Product Name" /></a></li>
 +
<li><a href="#"><img src="http://bradfrost.github.com/this-is-responsive/patterns/images/fpo_square.png" alt="Product Name" /></a></li>
 +
<li><a href="#"><img src="http://bradfrost.github.com/this-is-responsive/patterns/images/fpo_square.png" alt="Product Name" /></a></li>
 +
<li><a href="#"><img src="http://bradfrost.github.com/this-is-responsive/patterns/images/fpo_square.png" alt="Product Name" /></a></li>
 +
</ul>
 +
</div>
  
 
     </div>
 
     </div>
Line 57: Line 81:
 
           <p>Charlottesville, VA 22903</p>
 
           <p>Charlottesville, VA 22903</p>
 
           <p>United States of America</p>
 
           <p>United States of America</p>
−
           <p class=”italics”>virginia.igem@gmail.com</p>
+
 
 +
           <p style=”margin-top:5px;color:#00ffff;”>virginia.igem@gmail.com</p>
 
         </div>
 
         </div>
 
       </div>
 
       </div>
Line 184: Line 209:
 
       color: white;
 
       color: white;
 
       }
 
       }
−
       #”bolded” {
+
       .”bolded” {
 
       font-weight:bold;
 
       font-weight:bold;
 
       }
 
       }
Line 225: Line 250:
 
       padding-top:15px;
 
       padding-top:15px;
 
       }
 
       }
 +
.g {
 +
  padding: 0.25%;
 +
overflow: hidden;
 +
}
 +
.g li {
 +
float: left;
 +
width: 50%;
 +
padding: 0.25em;
 +
}
 +
.g img {
 +
display: block;
 +
}
 +
.g li:nth-child(odd) {
 +
clear: left;
 +
}
 +
 +
@media screen and (min-width: 40em) {
 +
.g li {
 +
    width: 33.3333333333333333%;
 +
  }
 +
  .g li:nth-child(3n+1) {
 +
  clear: left;
 +
  }
 +
  .g li:nth-child(odd) {
 +
clear: none;
 +
}
 +
}
 +
@media screen and (min-width: 55em) {
 +
.g li {
 +
    width: 25%;
 +
  }
 +
  .g li:nth-child(4n+1) {
 +
  clear: left;
 +
  }
 +
  .g li:nth-child(3n+1) {
 +
clear: none;
 +
}
 +
}
 +
@media screen and (min-width: 72em) {
 +
.g li {
 +
    width: 20%;
 +
  }
 +
  .g li:nth-child(5n+1) {
 +
  clear: left;
 +
  }
 +
  .g li:nth-child(4n+1) {
 +
clear: none;
 +
}
 +
}
 +
@media screen and (min-width: 90em) {
 +
.g li {
 +
    width: 16.666666666%;
 +
  }
 +
  .g li:nth-child(6n+1) {
 +
  clear: left;
 +
  }
 +
  .g li:nth-child(5n+1) {
 +
clear: none;
 +
}
 +
}
 +
 
     </style>
 
     </style>
 
   </body>
 
   </body>
 
</html>
 
</html>

Revision as of 18:19, 22 June 2015

University of Virginia iGEM 2015

  • Product Name
  • Product Name
  • Product Name
  • Product Name
  • Product Name
  • Product Name
  • Product Name
  • Product Name
  • Product Name
  • Product Name
  • Product Name
  • Product Name
  • Product Name
  • Product Name
  • Product Name
  • Product Name
  • Product Name
  • Product Name
  • Product Name
  • Product Name

University of Virginia iGEM

148 Gilmer Hall

485 McCormick Road

Charlottesville, VA 22903

United States of America

virginia.igem@gmail.com