Team:Penn/Sponsors

From 2013.igem.org

(Difference between revisions)
(Created page with "<html> <head> <title></title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- Bootstrap --> <link href="https://googledrive.com/host...")
Line 14: Line 14:
         }
         }
          
          
-
       
+
/*logos*/
-
       
+
.img-circle {
-
       
+
height: 130px;
-
/*Brady Bunch Table and background section*/
+
width: auto;
-
.team {
+
border-radius: 0px;
-
      float: center;
+
-
        margin-left: 200px;
+
}
}
-
 
-
.team td {
 
-
    overflow: hidden;
 
-
            height:175px;
 
-
            width:220px;
 
-
            display: inline-block;
 
-
            padding:5px;
 
-
   
 
-
        }
 
-
       
 
-
        .hidden { /*change this class when hovered*/
 
-
            display: none;
 
-
        }
 
-
        .team img {
 
-
          max-width:100%;
 
-
    max-height:100%; 
 
-
        }
 
-
       
 
-
.name {
 
-
    position: absolute;
 
-
    margin-bottom: 30px;
 
-
    width: 220px;
 
-
    height: 0px;
 
-
    display: none;
 
-
    background-color: white;
 
-
    margin-top: -50px;
 
-
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
 
-
  filter: alpha(opacity=70);
 
-
-moz-opacity: 0.7;
 
-
-khtml-opacity: 0.7;
 
-
  opacity: 0.7;
 
-
}
 
-
 
.one {
.one {
height:800px;
height:800px;
Line 230: Line 195:
       <div class="row">
       <div class="row">
         <div class="span4">
         <div class="span4">
-
           <img class="img-circle" data-src="holder.js140x140" alt="140x140" src=http://i1.ytimg.com/i/TGlfQmDWCrDfUprcwirkJw/mq1.jpg?v=519e6939" style="width: 140px; height:140px;">
+
           <img class="img-circle" data-src="holder.js/140x140" alt="140x140" src=http://i1.ytimg.com/i/TGlfQmDWCrDfUprcwirkJw/mq1.jpg?v=519e6939" style="width: 140px; height:140px;">
           <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>
           <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>
Line 237: Line 202:
         <div class="span4">
         <div class="span4">
-
          <img class="img-circle" data-src="holder.js/140x140">
+
        <img class="img-circle" data-src="holder.js/140x140" alt="140x140" src="http://www.addgene.org/static/images/home/logo.png" style="width: 140px; height:140px;">
           <h2>Addgene</h2>
           <h2>Addgene</h2>
           <p>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.</p>
           <p>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.</p>
-
           <p><a class="btn" href="#">View details &raquo;</a></p>
+
           <p><a class="btn" href="www.addgene.org">Addgene &raquo;</a></p>
         </div><!-- /.span4 -->
         </div><!-- /.span4 -->
         <div class="span4">
         <div class="span4">
-
          <img class="img-circle" data-src="holder.js/140x140">
+
        <img class="img-circle" data-src="holder.js/140x140" alt="140x140" src="https://www.neb.com/~/media/NebUs/Navigation/logo-NEB.png"; height:140px;">
           <h2> NEB</h2>
           <h2> NEB</h2>
           <p>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.</p>
           <p>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.</p>
-
           <p><a class="btn" href="#">View details &raquo;</a></p>
+
           <p><a class="btn" href="https://www.neb.com/">NEB &raquo;</a></p>
         </div><!-- /.span4 -->
         </div><!-- /.span4 -->
<div class="span4">
<div class="span4">
-
           <img class="img-circle" data-src="holder.js/140x140">
+
           <img class="img-circle" data-src="holder.js/140x140" alt="140x140" src="https://si0.twimg.com/profile_images/799689415/m_t_logo_stackedcopy.jpg"; height:140px;">
           <h2> Penn M&T </h2>
           <h2> Penn M&T </h2>
           <p>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.</p>
           <p>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.</p>
-
           <p><a class="btn" href="#">View details &raquo;</a></p>
+
           <p><a class="btn" href="http://www.upenn.edu/fisher/">Penn M&T &raquo;</a></p>
         </div><!-- /.span4 -->
         </div><!-- /.span4 -->
   
   
<div class="span4">
<div class="span4">
-
          <img class="img-circle" data-src="holder.js/140x140">
+
          <img class="img-square" data-src="holder.js/140x140" alt="140x140" src="https://secure.www.upenn.edu/themeyear/proof/images/stories/curf.jpg">
           <h2> Penn CURF </h2>
           <h2> Penn CURF </h2>
           <p>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.</p>
           <p>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.</p>
-
           <p><a class="btn" href="#">View details &raquo;</a></p>
+
           <p><a class="btn" href="http://www.upenn.edu/curf/">Penn CURF &raquo;</a></p>
         </div><!-- /.span4 -->
         </div><!-- /.span4 -->
<div class="span4">
<div class="span4">
-
          <img class="img-circle" data-src="holder.js/140x140">
+
        <img class="img-circle" data-src="holder.js/140x140" alt="140x140" src="http://cdn.idtdna.com/img/IDTLogos/IDTLogo2010.png">
           <h2> IDT </h2>
           <h2> IDT </h2>
           <p>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.</p>
           <p>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.</p>
-
           <p><a class="btn" href="#">View details &raquo;</a></p>
+
           <p><a class="btn" href="http://www.idtdna.com/site">IDT &raquo;</a></p>
         </div><!-- /.span4 -->
         </div><!-- /.span4 -->
        
        

Revision as of 20:58, 10 July 2013

Sponsors

We can only do what we're doing because of our wonderful sponsors! Thank you! Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

140x140

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).

View details »

140x140

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 »

140x140

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 »

140x140

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 »

140x140

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 »

140x140

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 »