Difference between revisions of "Team:Penn/Team"

 
(28 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>
 
−
  </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; }
 
−
 
−
header2 {
 
−
  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;
 
−
}
 
−
header2 div {
 
−
  -webkit-box-flex: auto;
 
−
  -ms-flex: auto;
 
−
  flex: auto;
 
−
  width: 200px;
 
−
  margin: .5vw;
 
−
}
 
−
header2 div img {
 
−
  width: 90%;
 
−
  height: auto;
 
−
}
 
−
@media screen and (max-width: 400px) {
 
−
  header2 div { margin: 0; }
 
−
  header2 { 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>
 
−
  <section>
 
−
  <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>
 
−
  </div>
 
−
</section>
 
−
<header2>
 
−
<div><div style= "position: absolute;  left:400px;""><img src="https://static.igem.org/mediawiki/2015/f/f7/Advisors.png" alt align="middle"></div>
 
−
  <!-- images placed inside block elements to deal with a Firefox rendering bug affecting  scaled flexbox images -->
 
−
</header2>
 
 
</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.