Difference between revisions of "Team:Penn/Educational Toolbox"
| Line 6: | Line 6: | ||
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'> | <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'> | ||
</head> | </head> | ||
| + | |||
| + | |||
| + | <html> | ||
| + | <style type="text/css"> | ||
| + | @import url(http://fonts.googleapis.com/css?family=Oswald:300,400,700); | ||
| + | @import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900,200italic,300italic,400italic,600italic,700italic,900italic); | ||
| + | |||
| + | /* Override UGG site */ | ||
| + | #main {width: 100%; padding:0;} | ||
| + | .content-asset p {margin:0 auto;} | ||
| + | .breadcrumb {display:none;} | ||
| + | |||
| + | /* Helpers */ | ||
| + | /**************************/ | ||
| + | .margin-top-10 {padding-top:10px;} | ||
| + | .margin-bot-10 {padding-bottom:10px;} | ||
| + | |||
| + | /* 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 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 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;} | ||
| + | .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;} | ||
| + | |||
| + | .sc {color: #3b8595;} | ||
| + | .ny {color: #3d3c3a;} | ||
| + | .atw {color: #c48660;} | ||
| + | |||
| + | /* Section - Title */ | ||
| + | /**************************/ | ||
| + | #parallax-world-of-ugg .title {background: white; padding: 20px; margin:0 auto; text-align:center;} | ||
| + | #parallax-world-of-ugg .title h1 {font-size:35px; letter-spacing:8px;} | ||
| + | |||
| + | /* Section - Block */ | ||
| + | /**************************/ | ||
| + | #parallax-world-of-ugg .block {background: white; padding: 60px; width:820px; margin:0 auto; text-align:justify;} | ||
| + | #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;} | ||
| + | |||
| + | /* Section - Parallax */ | ||
| + | /**************************/ | ||
| + | #parallax-world-of-ugg .parallax-one {padding-top: 200px; padding-bottom: 200px; overflow: hidden; position: relative; width: 100%; background-image: url(https://static.igem.org/mediawiki/2015/0/06/Bulb-in-the-sunset-light-hd-background.jpg); background-attachment: fixed; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-repeat: no-repeat; background-position: top center;} | ||
| + | #parallax-world-of-ugg .parallax-two {padding-top: 200px; padding-bottom: 200px; overflow: hidden; position: relative; width: 100%; background-image: url(https://static.igem.org/mediawiki/2015/0/07/Light.jpg); background-attachment: fixed; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-repeat: no-repeat; background-position: center center;} | ||
| + | #parallax-world-of-ugg .parallax-three {padding-top: 200px; padding-bottom: 200px; overflow: hidden; position: relative; width: 100%; background-image: url(https://static.igem.org/mediawiki/2015/d/df/Communciation.jpg); background-attachment: fixed; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-repeat: no-repeat; background-position: center center;} | ||
| + | |||
| + | /* Extras */ | ||
| + | /**************************/ | ||
| + | #parallax-world-of-ugg .line-break {border-bottom:1px solid black; width: 150px; margin:0 auto;} | ||
| + | |||
| + | /* Media Queries */ | ||
| + | /**************************/ | ||
| + | @media screen and (max-width: 959px) and (min-width: 768px) { | ||
| + | #parallax-world-of-ugg .block {padding: 40px; width:620px;} | ||
| + | } | ||
| + | @media screen and (max-width: 767px) { | ||
| + | #parallax-world-of-ugg .block {padding: 30px; width:420px;} | ||
| + | #parallax-world-of-ugg h2 {font-size:30px;} | ||
| + | #parallax-world-of-ugg .block {padding: 30px;} | ||
| + | #parallax-world-of-ugg .parallax-one, #parallax-world-of-ugg .parallax-two, #parallax-world-of-ugg .parallax-three {padding-top:100px; padding-bottom:100px;} | ||
| + | } | ||
| + | @media screen and (max-width: 479px) { | ||
| + | #parallax-world-of-ugg .block {padding: 30px 15px; width:290px;} | ||
| + | } | ||
| + | </style> | ||
| + | |||
| + | <div id="parallax-world-of-ugg"> | ||
| + | |||
| + | <section> | ||
| + | <div class="title"> | ||
| + | <h1>OVERVIEW</h1> | ||
<style type="text/css"> | <style type="text/css"> | ||
| Line 133: | Line 204: | ||
</div> | </div> | ||
</body> | </body> | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
</div> | </div> | ||
<div class="block"> | <div class="block"> | ||
Revision as of 20:00, 30 August 2015
OVERVIEW
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.
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.