Team:Penn/Sponsors

From 2013.igem.org

(Difference between revisions)
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;
}
}
-
 
+
     
-
.one {
+
.span4 {
-
height:800px;
+
text-align: left;
-
position: relative;
+
-
padding-top: 30px;
+
-
width: 100%;
+
-
background-image: url("https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/Yn0SK0Y0-7/snap.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg");
+
-
background-position: 300px
+
-
background-repeat: no-repeat;
+
-
background-size: 100%;
+
-
background-attachment: fixed;
+
-
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
+
-
  filter: alpha(opacity=70);
+
-
-moz-opacity: 0.7;
+
-
-khtml-opacity: 0.7;
+
-
  opacity: 0.7;
+
}
}
-
.two {
+
/*fix margins on button (lines them up better)*/
-
height:800px;
+
#wrap-btn {
-
position: relative;
+
margin-bottom: 16px;
-
padding-top: 30px;
+
-
width: 100%;
+
-
background-color: #50393F;
+
-
background-image: url("https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/-ZtRJ7Gu1U/photo-8.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg");
+
-
background-position: 300px -100px;
+
-
background-repeat: no-repeat;
+
-
background-size: 80%;
+
-
background-attachment: fixed;
+
-
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
+
-
  filter: alpha(opacity=70);
+
-
-moz-opacity: 0.7;
+
-
-khtml-opacity: 0.7;
+
-
  opacity: 0.7;
+
-
}
+
-
       
+
-
    .three {
+
-
/*
+
-
no background image for now
+
-
background-image: url("https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/8XND1QonMj/Profile%20Photos/coolbluestuff.jpg?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg");*/
+
-
position: relative;
+
-
text-align: center;
+
-
height:800px;
+
-
width: 100%;
+
-
padding-top: 50px;
+
-
}
+
-
 
+
-
/*Make hero unit slightly transparent*/
+
-
.hero-unit {
+
-
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
+
-
  filter: alpha(opacity=70);
+
-
-moz-opacity: 0.7;
+
-
-khtml-opacity: 0.7;
+
-
  opacity: 0.7;
+
-
}
+
-
 
+
-
.span4 {
+
-
text-align: left;
+
}
}
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="hero-unit">
+
     <div class="jumbotron masthead">
-
   <h1>Sponsors</h1>
+
   <div class="container">
-
  <p><!--Tagline goes here--></p>
+
    <h1>Sponsors</h1>
-
   <p>We can only do what we're doing because of our wonderful sponsors!  Thank you! 
+
    <p><!--tagline--></p>
-
    <!--<a class="btn btn-primary btn-large">
+
   </div>
-
      Learn more-->
+
</div>  
-
    </a>
+
-
  </p>
+
-
</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 &raquo;</a></p>
           <p><a class="btn" href="http://mackinstitute.wharton.upenn.edu/">Mack Institute &raquo;</a></p>
         </div><!-- /.span4 -->
         </div><!-- /.span4 -->

Revision as of 17:37, 22 July 2013

Sponsors

Penn's iGEM Team

Sponsors

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

Mack Institute »

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.

Addgene »

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.

NEB »

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.

Penn M&T »

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.

Penn CURF »

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.

IDT »

Retrieved from "http://2013.igem.org/Team:Penn/Sponsors"