Team:Penn/Sponsors

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<html>
+
<html lang="en">
-
  <head>
+
<head>
     <title>Sponsors</title>
     <title>Sponsors</title>
-
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
    <link href="https://googledrive.com/host/0B4ZBZOYYKBzEVHRaZEdUVGo5cjA" type="text/css" rel="stylesheet"/>
-
    <!-- Bootstrap -->
+
    <script src="https://googledrive.com/host/0B4ZBZOYYKBzETkFqdnhMeV9fMzA" ></script>
-
    <link href="https://googledrive.com/host/0B4ZBZOYYKBzEeUFaR1lNWFZWMnc" rel="stylesheet" media="screen">
+
    <script src="https://googledrive.com/host/0B4ZBZOYYKBzEZTdBSFdUV19LYjQ"></script>
-
        <link href="https://googledrive.com/host/0B4ZBZOYYKBzEYUtsRS1ZWHM2bTQ" type="text/css" rel="stylesheet"/>
+
    <script src="https://raw.github.com/cowboy/jquery-throttle-debounce/v1.1/jquery.ba-throttle-debounce.min.js"></script>
-
 
+
-
   
+
     <style>
     <style>
-
         /*fonts/headings*/
+
          
 +
/*Page specific*/
 +
        /*fonts/headings*/
         h4 {
         h4 {
             text-align: center;
             text-align: center;
Line 16: Line 16:
/*logos*/
/*logos*/
 +
.span4 {
 +
    background-color: white;
 +
    width: 200px;
 +
    padding: 10px;
 +
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 +
  /* IE 5-7 */
 +
  filter: alpha(opacity=80);
 +
  /* Netscape */
 +
  -moz-opacity: 0.8;
 +
  /* Safari 1.x */
 +
  -khtml-opacity: 0.8;
 +
  /* Good browsers */
 +
  opacity: 0.8;
 +
        display: inline-block;
 +
            overflow: hidden;
 +
              -moz-border-radius: 10px;
 +
    -webkit-border-radius: 10px;
 +
    -khtml-border-radius: 10px;
 +
            border-radius: 10px;
 +
            margin: 10px;
 +
}
.span4 img {
.span4 img {
border-radius: 0px;
border-radius: 0px;
bottom: 0px;
bottom: 0px;
 +
}
}
 +
#break {
#break {
Line 47: Line 70:
}
}
        
        
-
.span4 {
+
 
-
    text-align: left;
+
-
}
+
/*fix margins on button (lines them up better)*/
/*fix margins on button (lines them up better)*/
#wrap-btn {
#wrap-btn {
margin-bottom: 16px;
margin-bottom: 16px;
 +
}
 +
 +
.left_wrap {
 +
    min-height: 1445px; /*change as page gets longer*/
 +
}
 +
 +
.section1 {
 +
    background-size: auto;
}
}
Line 60: Line 89:
          
          
          
          
-
         
+
             
 +
       
 +
   
 +
       
     </style>
     </style>
-
  </head>
+
</head>
-
  <body>
+
<body>
 +
<img src="http://upload.wikimedia.org/wikipedia/en/d/d6/IGEM_official_logo.png" id="igem"/><!--igem logo-->
 +
  <div class="left_wrap">
      
      
 +
 
 +
  <!-- <div class="logo-wrap"><img src="https://googledrive.com/host/0B4ZBZOYYKBzEUlI3ZDU2OGRrc1E" id="penn"/></div><!--penn logo-->
      
      
-
     
+
    <ul class="navbar">
-
<div class="navbar-wrapper">
+
         <a href="https://2013.igem.org/Team:Penn"><li>HOME</li></a>
-
      <!-- Wrap the .navbar in .container to center it within the absolutely positioned parent. -->
+
                 <li class="dropdown" id="project">
-
      <div class="container">
+
                   <a href="#" class="active" data-toggle="dropdown">PROJECT<div class="arrow">></div> <b class="caret"></b></a>
-
 
+
                   <ul class="dropdown-menu" id="drop-menu1">
-
         <div class="navbar navbar-inverse navbar-fixed-top">
+
-
          <div class="navbar-inner">
+
-
            <!-- Responsive Navbar Part 1: Button for triggering responsive navbar (not covered in tutorial). Include responsive CSS to utilize. -->
+
-
            <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+
-
              <span class="icon-bar"></span>
+
-
              <span class="icon-bar"></span>
+
-
              <span class="icon-bar"></span>
+
-
            </button>
+
-
          <!-- <a class="brand" style="color: white; padding-left: 11%;" href="https://2013.igem.org/Team:Penn">Penn iGEM</a>-->
+
-
            <!-- Responsive Navbar Part 2: Place all navbar contents you want collapsed withing .navbar-collapse.collapse. -->
+
-
            <div class="nav-collapse collapse">
+
-
              <ul class="nav">
+
-
             
+
-
                <li><a href="https://2013.igem.org/Team:Penn">Penn iGEM</a></li>
+
-
                 <li class="dropdown">
+
-
                   <a href="#" class="dropdown-toggle" data-toggle="dropdown">Project <b class="caret"></b></a>
+
-
                   <ul class="dropdown-menu">
+
                    
                    
-
                    <li><a href="https://2013.igem.org/Team:Penn/Project">Project</a></li>
+
                    <a href="https://2013.igem.org/Team:Penn/Project"><li class="active" style="background-color: rgb(200,200,215);">project</li></a>
-
                     <li><a href="https://2013.igem.org/Team:Penn/Parts">Parts</a></li>
+
                     <a href="https://2013.igem.org/Team:Penn/Parts"><li>parts</li></a>
-
                     <li><a href="https://2013.igem.org/Team:Penn/Modeling">Modeling</a></li>
+
                     <a href="https://2013.igem.org/Team:Penn/Modeling"><li>modeling</li></a>
-
                    <li><a href="https://2013.igem.org/Team:Penn/Safety">Safety</a></li>
+
                    <a href="https://2013.igem.org/Team:Penn/Safety"><li>safety</li></a>
                   </ul>
                   </ul>
                 </li>
                 </li>
-
                 <li class="dropdown">
+
                 <li class="dropdown" id="about">
-
                   <a href="#" class="dropdown-toggle" data-toggle="dropdown">About <b class="caret"></b></a>
+
                   <a href="#" class="dropdown-toggle" data-toggle="dropdown">ABOUT<div class="arrow">></div>  <b class="caret"></b></a>
-
                   <ul class="dropdown-menu">
+
                   <ul class="dropdown-menu" id="drop-menu2">
-
                    <li><a href="https://2013.igem.org/Team:Penn/Team">Team</a></li>
+
                  <a href="https://2013.igem.org/Team:Penn/Team"> <li>team</li></a>
-
                    <li class="active"><a href="https://2013.igem.org/Team:Penn/Sponsors">Sponsors</a></li>
+
                  <a href="https://2013.igem.org/Team:Penn/Sponsors"> <li>sponsors</li></a>
-
                     <li><a href="https://igem.org/Team.cgi?id=1128">Official Team Profile</a></li>
+
                     <a href="https://igem.org/Team.cgi?id=1128"><li>official team profile</li></a>
-
                    <!--<li class="divider"></li>
+
                </li></ul>
-
                    <li class="nav-header">Nav header</li>
+
-
                    <li><a href="#">Separated link</a></li>
+
                  <a href="https://2013.igem.org/Team:Penn/HumanPractices"><li>HUMAN PRACTICES</li></a>
-
                    <li><a href="#">One more separated link</a></li>-->
+
<a href="https://2013.igem.org/Team:Penn/Notebook"><li>NOTEBOOK</li></a>
-
                  </ul>
+
         </ul>
-
                </li>
+
-
                <li><a href="https://2013.igem.org/Team:Penn/HumanPractices">Human Practices</a></li>
+
-
<li><a href="https://2013.igem.org/Team:Penn/Notebook">Notebook</a></li>
+
-
              </ul>
+
-
            </div><!--/.nav-collapse -->
+
-
          </div><!-- /.navbar-inner -->
+
-
         </div><!-- /.navbar -->
+
-
 
+
-
      </div> <!-- /.container -->
+
-
    </div><!-- /.navbar-wrapper -->
+
      
      
-
<div class="container marketing" style="margin-top: 100px; padding: 50px;">
+
   
 +
    <div class="section-title" style=" margin-top: 150px; position: relative;">sponsors</div>
 +
 
 +
    </div>
 +
    <div class="section1" style="background-position: top;">
 +
       
 +
 
 +
        <div class="container marketing" style="margin-top: 100px; padding: 50px;">
 +
                    <div class="text-wrap">
<!--MACK INSTITUTE-->  
<!--MACK INSTITUTE-->  
       <div class="row">
       <div class="row">
-
         <div class="span4">
+
         <div class="span4" style="float: left;">
         <div class="img-wrap" style="background-image: url('https://dl.dropboxusercontent.com/sh/11iqct3rfv0z3i8/gtn68O7nLE/PNG%20-%20Onscreen%20and%20PDF/large/L_mackinstitute_stacked_color.png?token_hash=AAFVJoJ_oJ-6AVIVHnQ76irVa73dyAs_2KYKcdrLBbjt6w');">  
         <div class="img-wrap" style="background-image: url('https://dl.dropboxusercontent.com/sh/11iqct3rfv0z3i8/gtn68O7nLE/PNG%20-%20Onscreen%20and%20PDF/large/L_mackinstitute_stacked_color.png?token_hash=AAFVJoJ_oJ-6AVIVHnQ76irVa73dyAs_2KYKcdrLBbjt6w');">  
                                   </div>
                                   </div>
Line 128: Line 145:
           <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 -->
-
         <div class="span4">
+
       
 +
        <!--NEB-->
 +
         <div class="span4" style="margin-left: 25px;">
 +
        <div class="img-wrap" style="background-image: url('https://static.igem.org/mediawiki/2012/d/d6/Austin_Texas_NEB_logo.jpeg');"></div>
 +
          <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><a class="btn" href="http://www.neb.com/">NEB &raquo;</a></p>
 +
        </div><!-- /.span4 -->
 +
       
 +
        <div class="span4" style="float: right;">
<!--ADDGENE-->
<!--ADDGENE-->
       <div class="img-wrap" style="background-image: url('http://dmsbulletin.hms.harvard.edu/images/NovDec11/addgene.jpg')"></div>
       <div class="img-wrap" style="background-image: url('http://dmsbulletin.hms.harvard.edu/images/NovDec11/addgene.jpg')"></div>
Line 135: Line 161:
           <p><a class="btn" href="http://www.addgene.org">Addgene &raquo;</a></p>
           <p><a class="btn" href="http://www.addgene.org">Addgene &raquo;</a></p>
         </div><!-- /.span4 -->
         </div><!-- /.span4 -->
 +
</div><!--textwrap-->
 +
     
 +
<div class="text-wrap">
-
<!--NEB-->
 
-
        <div class="span4">
 
-
        <div class="img-wrap" style="background-image: url('https://static.igem.org/mediawiki/2012/d/d6/Austin_Texas_NEB_logo.jpeg');"></div>
 
-
          <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><a class="btn" href="http://www.neb.com/">NEB &raquo;</a></p>
 
-
        </div><!-- /.span4 --> </div>
 
-
     
 
        
        
 +
         
<!--PENN M&T-->
<!--PENN M&T-->
   <div class="row">
   <div class="row">
-
<div class="span4">
+
<div class="span4"style="float: right;">
       <div class="img-wrap" style="background-image: url('https://si0.twimg.com/profile_images/799689415/m_t_logo_stackedcopy.jpg'); background-position: 0px 10px"></div>
       <div class="img-wrap" style="background-image: url('https://si0.twimg.com/profile_images/799689415/m_t_logo_stackedcopy.jpg'); background-position: 0px 10px"></div>
           <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="http://www.upenn.edu/fisher/">Penn M&T &raquo;</a></p>
           <p><a class="btn" href="http://www.upenn.edu/fisher/">Penn M&T &raquo;</a></p>
-
         </div><!-- /.span4 -->
+
         </div><!-- /.span4 --></div>
 +
 
  <!--Penn CURF-->
  <!--Penn CURF-->
-
<div class="span4">
+
<div class="span4" style="float: left;">
           <div class="img-wrap" style="background-image: url('https://secure.www.upenn.edu/themeyear/proof/images/stories/curf.jpg')"></div>
           <div class="img-wrap" style="background-image: url('https://secure.www.upenn.edu/themeyear/proof/images/stories/curf.jpg')"></div>
           <h2> Penn CURF </h2>
           <h2> Penn CURF </h2>
Line 164: Line 187:
<!--IDT-->
<!--IDT-->
-
<div class="span4">
+
<div class="span4" style="margin-left: 25px;">
         <div class="img-wrap" style="background-image: url('http://bitesizebio.s3.amazonaws.com/content/uploads/2011/04/IDT-Logo-2010_3-578x240.jpg')"></div>
         <div class="img-wrap" style="background-image: url('http://bitesizebio.s3.amazonaws.com/content/uploads/2011/04/IDT-Logo-2010_3-578x240.jpg')"></div>
           <h2> IDT </h2>
           <h2> IDT </h2>
Line 171: Line 194:
         </div><!-- /.span4 -->
         </div><!-- /.span4 -->
        
        
-
       </div>
+
       </div></div>
 +
                   
 +
                            <div class="text-wrap">
<!--University City District-->
<!--University City District-->
Line 182: Line 207:
         </div><!-- /.span4 -->
         </div><!-- /.span4 -->
   </div><!--/row-->
   </div><!--/row-->
-
   </div>
+
   </div></div>
 +
 
 +
 
 +
    </div>
      
      
-
   
+
 
-
    <script src="https://googledrive.com/host/0B4ZBZOYYKBzETkFqdnhMeV9fMzA" ></script>
+
 
-
    <script src="https://googledrive.com/host/0B4ZBZOYYKBzEZTdBSFdUV19LYjQ"></script>
+
</body>
-
   
+
<script>
-
    <script src="../assets/js/jquery.js"></script>
+
        jQuery(document).ready(function($) {
-
     <script src="../assets/js/bootstrap-transition.js"></script>
+
-
     <script src="../assets/js/bootstrap-alert.js"></script>
+
 
-
     <script src="../assets/js/bootstrap-modal.js"></script>
+
$(window).scroll($.debounce( 300, true, function(){
-
     <script src="../assets/js/bootstrap-dropdown.js"></script>
+
     $(".navbar").hide();
-
     <script src="../assets/js/bootstrap-scrollspy.js"></script>
+
     $(".left_wrap").animate({
-
    <script src="../assets/js/bootstrap-tab.js"></script>
+
     width: "65px"
-
    <script src="../assets/js/bootstrap-tooltip.js"></script>
+
  }, 250, function() {
-
     <script src="../assets/js/bootstrap-popover.js"></script>
+
  });
-
    <script src="../assets/js/bootstrap-button.js"></script>
+
}));
-
     <script src="../assets/js/bootstrap-collapse.js"></script>
+
$(window).scroll($.debounce(300, function(){
-
    <script src="../assets/js/bootstrap-carousel.js"></script>
+
  $(".navbar").show();
-
    <script src="../assets/js/bootstrap-typeahead.js"></script>
+
     $(".left_wrap").animate({
-
    <script>
+
     width: "200px"
-
       !function ($) {
+
  }, 250, function() {
-
         $(function(){
+
 
-
          // carousel demo
+
  });
-
          $('#myCarousel').carousel()
+
}));
-
          
+
  /*navbar disappears when not hovered   
 +
$(".left_wrap, .navbar, .section-title, .drop-menu").mouseleave(function()
 +
{
 +
    $(".navbar").hide();
 +
     $(".left_wrap").animate({
 +
    width: "65px"
 +
  }, 500, function() {
 +
  });
 +
    }); 
 +
});*/
 +
 +
  $(".dropdown").mouseenter(function(){
 +
     $(".dropdown-menu").hide();
 +
            $(this).find(".dropdown-menu").show();
 +
            });
 +
 
 +
  $(".dropdown").mouseleave(function(){
 +
        $(this).find(".dropdown-menu").hide();
 +
    });
 +
     
 +
       $(".dropdown li").mouseenter(function(){
 +
         $(this).addClass("active");
 +
      });
 +
     
 +
          $(".dropdown li").mouseleave(function(){
 +
         $(this).removeClass("active");
          
          
-
      }(window.jQuery)
+
        });
 +
              });
     </script>
     </script>
-
    <script src="../assets/js/holder/holder.js"></script>
 
-
  </body>
 
</html>
</html>

Revision as of 15:38, 21 August 2013

Sponsors

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 »

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 »

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 »

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 »

University City District

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.

UCD »

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