Difference between revisions of "Team:Penn/Team"

 
(35 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
{{Team:Penn/CSS}}
 
{{Team:Penn/CSS}}
 
<html>
 
<html>
 +
<head>
 +
<!--<link rel="stylesheet" type="text/css" media="screen, projection" href="https://98c43ce680a0761e7c3ad3c1d7ae34f6de6db886.googledrive.com/host/0B9QyOqpKYA2gdGV2aGFRMWh4aXM/style.css" />-->
 +
<title>University of Pennsylvania iGEM</title>
 +
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
 +
</div>
 +
</head>
 
<style type="text/css">
 
<style type="text/css">
 
@import url(http://fonts.googleapis.com/css?family=Oswald:300,400,700);
 
@import url(http://fonts.googleapis.com/css?family=Oswald:300,400,700);
Line 17: Line 23:
 
/* Typography */
 
/* Typography */
 
/**************************/
 
/**************************/
−
#parallax-world-of-ugg h1 {font-family:'Oswald', sans-serif; font-size:100px; font-weight:600; text-transform: uppercase; color:black; padding:0; margin:0;}
+
#parallax-world-of-ugg h1 {font-family:'Oswald', sans-serif; font-size:24px; font-weight:400; text-transform: uppercase; color:black; padding:10px; margin:0;}
−
#parallax-world-of-ugg h2 {font-family:'Oswald', sans-serif; font-size:70px; letter-spacing:10px; text-align:center; color:white; font-weight:400; text-transform:uppercase; z-index:10; opacity:.8;}
+
#parallax-world-of-ugg h2 {font-family:'Oswald', sans-serif; font-size:70px; letter-spacing:10px; text-align:center; color:white; padding:50px; font-weight:400; text-transform:uppercase; z-index:10; opacity:.8;}
 
#parallax-world-of-ugg h3 {font-family:'Oswald', sans-serif; font-size:14px; line-height:0; font-weight:400; letter-spacing:8px; text-transform: uppercase; color:black;}
 
#parallax-world-of-ugg h3 {font-family:'Oswald', sans-serif; font-size:14px; line-height:0; font-weight:400; letter-spacing:8px; text-transform: uppercase; color:black;}
−
#parallax-world-of-ugg p {font-family:'Source Sans Pro', sans-serif; font-weight:400; font-size:16px; line-height:24px;}
+
#parallax-world-of-ugg p {font-family:'Source Sans Pro', sans-serif; font-weight:400; font-size:20px; line-height:24px;}
 
.first-character {font-weight:400; float: left; font-size: 84px; line-height: 64px; padding-top: 4px; padding-right: 8px; padding-left: 3px; font-family: 'Source Sans Pro', sans-serif;}
 
.first-character {font-weight:400; float: left; font-size: 84px; line-height: 64px; padding-top: 4px; padding-right: 8px; padding-left: 3px; font-family: 'Source Sans Pro', sans-serif;}
  
Line 34: Line 40:
 
/* Section - Block */
 
/* Section - Block */
 
/**************************/
 
/**************************/
−
#parallax-world-of-ugg .block {background: white; padding: 60px; width:820px; margin:0 auto; text-align:justify;}
+
#parallax-world-of-ugg .block {background: white; padding: 60px; width:1020px; margin:0 auto; text-align:justify;}
 
#parallax-world-of-ugg .block-gray {background: #f2f2f2;padding: 60px;}
 
#parallax-world-of-ugg .block-gray {background: #f2f2f2;padding: 60px;}
 
#parallax-world-of-ugg .section-overlay-mask {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: black; opacity: 0.70;}
 
#parallax-world-of-ugg .section-overlay-mask {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: black; opacity: 0.70;}
Line 65: Line 71:
  
 
<div id="parallax-world-of-ugg">
 
<div id="parallax-world-of-ugg">
−
 
+
−
<section>
+
 
   <div class="title">
 
   <div class="title">
−
   <h1>OVERVIEW</h1>
+
   <h1>OUR TEAM</h1>
 
</div>
 
</div>
−
  <div class="block">
 
−
      <p>When the New York fashion community notices your brand, the world soon follows. The widespread love for UGG extended to Europe in the mid-2000's along with the stylish casual movement and demand for premium casual fashion. UGG boots and shoes were now seen walking the streets of London, Paris and Amsterdam with regularity. To meet the rising demand from new fans, UGG opened flagship stores in the UK and an additional location in Moscow. As the love spread farther East, concept stores were opened in Beijing, Shanghai and Tokyo. UGG Australia is now an international brand that is loved by all. This love is a result of a magical combination of the amazing functional benefits of sheepskin and the heightened emotional feeling you get when you slip them on your feet. In short, you just feel better all over when you wear UGG boots, slippers, and shoes.</p>
 
−
    <p class="margin-top-10">In 2011, UGG will go back to its roots and focus on bringing the active men that brought the brand to life back with new styles allowing them to love the brand again as well. Partnering with Super Bowl champion and NFL MVP Tom Brady, UGG will invite even more men to feel the love the rest of the world knows so well. UGG will also step into the world of high fashion with UGG Collection. The UGG Collection fuses the timeless craft of Italian shoemaking with the reliable magic of sheepskin, bringing the luxurious feel of UGG to high end fashion. As the love for UGG continues to spread across the world, we have continued to offer new and unexpected ways to experience the brand. The UGG journey continues on and the love for UGG continues to spread.</p>
 
−
  </div>
 
−
</section>
 
  
 +
<div class="block">
 +
      <p align = "center"><br> The Penn iGEM team consists of five undergraduate students in bioengineering and chemical engineering. The team would like to thank all of the people who helped us complete our project! A special thanks to our iGEM Mentors Pim, Mike and Spencer and our Team Advisor Dr. Chow.</p>
 +
</div>
 +
<table align = "center">
 +
<tr>
 +
<td><img id = "daicon" src="https://static.igem.org/mediawiki/2015/e/e0/Everyone.png"></a></td>
 +
</table>
  
−
 
−
<style type="text/css">
 
−
body { margin: 0;}
 
−
header {
 
−
  padding: .5vw;
 
−
  font-size: 0;
 
−
  display: -ms-flexbox;
 
−
  -ms-flex-wrap: wrap;
 
−
  -ms-flex-direction: column;
 
−
  -webkit-flex-flow: row wrap;
 
−
  flex-flow: row wrap;
 
−
  display: -webkit-box;
 
−
  display: flex;
 
−
}
 
−
header div {
 
−
  -webkit-box-flex: auto;
 
−
  -ms-flex: auto;
 
−
  flex: auto;
 
−
  width: 200px;
 
−
  margin: .5vw;
 
−
}
 
−
header div img {
 
−
  width: 100%;
 
−
  height: auto;
 
−
}
 
−
@media screen and (max-width: 400px) {
 
−
  header div { margin: 0; }
 
−
  header { padding: 0; }
 
−
 
 
−
}
 
−
</style>
 
−
<header>
 
−
<div><img src="https://static.igem.org/mediawiki/2015/0/0d/Hannah.png" alt></div>
 
−
<div><img src="https://static.igem.org/mediawiki/2015/1/1e/Jane.png" alt></div>
 
−
<div><img src="https://static.igem.org/mediawiki/2015/7/78/Karol.png" alt></div>
 
−
<div><img src="https://static.igem.org/mediawiki/2015/5/54/Nikita.png" alt></div>
 
−
<div><img src="https://static.igem.org/mediawiki/2015/f/f7/Shriram.png" alt></div>
 
 
   <!-- images placed inside block elements to deal with a Firefox rendering bug affecting  scaled flexbox images -->
 
   <!-- images placed inside block elements to deal with a Firefox rendering bug affecting  scaled flexbox images -->
−
</header>
 
−
 
 
 
</div>
 
</div>
 
</html>
 
</html>

Latest revision as of 02:59, 19 September 2015

University of Pennsylvania iGEM

OUR TEAM


The Penn iGEM team consists of five undergraduate students in bioengineering and chemical engineering. The team would like to thank all of the people who helped us complete our project! A special thanks to our iGEM Mentors Pim, Mike and Spencer and our Team Advisor Dr. Chow.