Team:Penn/Sponsors
From 2013.igem.org
Line 1: | Line 1: | ||
<html> | <html> | ||
<head> | <head> | ||
- | <title></title> | + | <title>Sponsors</title> |
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
<!-- Bootstrap --> | <!-- Bootstrap --> | ||
Line 47: | Line 47: | ||
margin-left: 30px; | margin-left: 30px; | ||
} | } | ||
- | + | ||
- | . | + | .span4 { |
- | + | text-align: left; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | /*fix margins on button (lines them up better)*/ | |
- | + | #wrap-btn { | |
- | + | margin-bottom: 16px; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | /* | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
Line 153: | Line 103: | ||
margin-top: 10px; | margin-top: 10px; | ||
} | } | ||
+ | |||
+ | /*change color of banner thing*/ | ||
+ | .jumbotron { | ||
+ | position: relative; | ||
+ | padding: 40px 0; | ||
+ | color: #fff; | ||
+ | text-align: center; | ||
+ | text-shadow: 0 1px 3px rgba(0,0,0,.4), 0 0 30px rgba(0,0,0,.075); | ||
+ | background: #020031; /* Old browsers */ | ||
+ | background: -moz-linear-gradient(45deg, #020031 0%, #ceea73 100%); /* FF3.6+ */ | ||
+ | background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#240080), color-stop(100%,#ceea73)); /* Chrome,Safari4+ */ | ||
+ | background: -webkit-linear-gradient(45deg, #020031 0%,#ceea73 100%); /* Chrome10+,Safari5.1+ */ | ||
+ | background: -o-linear-gradient(45deg, #020031 0%,#ceea73 100%); /* Opera 11.10+ */ | ||
+ | background: -ms-linear-gradient(45deg, #020031 0%,#ceea73 100%); /* IE10+ */ | ||
+ | background: linear-gradient(45deg, #020031 0%,#ceea73 100%); /* W3C */ | ||
+ | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#020031', endColorstr='#6d3353',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ | ||
+ | -webkit-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2); | ||
+ | -moz-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2); | ||
+ | box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2); | ||
+ | } | ||
+ | |||
+ | |||
</style> | </style> | ||
</head> | </head> | ||
Line 163: | Line 135: | ||
<div class="container"> | <div class="container"> | ||
- | <div class="navbar navbar-inverse"> | + | <div class="navbar navbar-inverse navbar-fixed-top"> |
<div class="navbar-inner"> | <div class="navbar-inner"> | ||
<!-- Responsive Navbar Part 1: Button for triggering responsive navbar (not covered in tutorial). Include responsive CSS to utilize. --> | <!-- Responsive Navbar Part 1: Button for triggering responsive navbar (not covered in tutorial). Include responsive CSS to utilize. --> | ||
Line 209: | Line 181: | ||
</div><!-- /.navbar-wrapper --> | </div><!-- /.navbar-wrapper --> | ||
- | + | <!--Giant Image At the Top--> | |
- | <div class=" | + | <div class="jumbotron masthead"> |
- | <h1>Sponsors</h1> | + | <div class="container"> |
- | + | <h1>Sponsors</h1> | |
- | + | <p><!--tagline--></p> | |
- | + | </div> | |
- | + | </div> | |
- | + | ||
- | + | ||
- | </div> | + | |
- | + | ||
Line 231: | Line 199: | ||
<h2>William and Phyllis Mack Institute</h2> | <h2>William and Phyllis Mack Institute</h2> | ||
<p>In 2011, and again in 2013, the Mack Institute has co-sponsored the University of Pennsylvania’s undergraduate student team in the annual International Genetically Engineered Machine competition (iGEM). | <p>In 2011, and again in 2013, the Mack Institute has co-sponsored the University of Pennsylvania’s undergraduate student team in the annual International Genetically Engineered Machine competition (iGEM). | ||
- | <a class="btn" href="http://mackinstitute.wharton.upenn.edu/2013/its-not-all-in-the-dna-penn-team-benefits-from-mack-institute-sponsorship-in-synthetic-biology-competition/">Read the Article</a></p> | + | <a class="btn" id="wrap-btn" href="http://mackinstitute.wharton.upenn.edu/2013/its-not-all-in-the-dna-penn-team-benefits-from-mack-institute-sponsorship-in-synthetic-biology-competition/">Read the Article</a></p> |
<p><a class="btn" href="http://mackinstitute.wharton.upenn.edu/">Mack Institute »</a></p> | <p><a class="btn" href="http://mackinstitute.wharton.upenn.edu/">Mack Institute »</a></p> | ||
</div><!-- /.span4 --> | </div><!-- /.span4 --> |
Revision as of 17:37, 22 July 2013
Sponsors
![](http://afterbroadband.com/hyperconnect/wp-content/uploads/2012/10/mack-wharton.png)
William and Phyllis Mack Institute
In 2011, and again in 2013, the Mack Institute has co-sponsored the University of Pennsylvania’s undergraduate student team in the annual International Genetically Engineered Machine competition (iGEM). Read the Article
![](http://dmsbulletin.hms.harvard.edu/images/NovDec11/addgene.jpg)
Addgene
Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.
![](https://static.igem.org/mediawiki/2012/d/d6/Austin_Texas_NEB_logo.jpeg)
NEB
Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.
![](https://si0.twimg.com/profile_images/799689415/m_t_logo_stackedcopy.jpg)
Penn M&T
Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.
![](https://secure.www.upenn.edu/themeyear/proof/images/stories/curf.jpg)
Penn CURF
Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.
![](http://bitesizebio.s3.amazonaws.com/content/uploads/2011/04/IDT-Logo-2010_3-578x240.jpg)
IDT
Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.