Team:Carnegie Mellon/Gallery

From 2014.igem.org

(Difference between revisions)
 
(21 intermediate revisions not shown)
Line 11: Line 11:
     <link href="http://getbootstrap.com/2.3.2/assets/css/bootstrap-responsive.css" rel="stylesheet">
     <link href="http://getbootstrap.com/2.3.2/assets/css/bootstrap-responsive.css" rel="stylesheet">
     <style>
     <style>
 +
 +
 +
     /* GLOBAL STYLES
     /* GLOBAL STYLES
Line 72: Line 75:
-
   
+
 
-
 
+
-
 
+
-
    /* Featurettes
+
-
    ------------------------- */
+
-
 
+
-
    .featurette-divider {
+
-
width:100%;
+
-
 
+
-
      margin: 80px 0; /* Space out the Bootstrap <hr> more */
+
-
    }
+
-
    .featurette {
+
-
width:100%;
+
-
 
+
-
      padding-top: 200px; /* Vertically center images part 1: add padding above and below text. */
+
-
      overflow: hidden; /* Vertically center images part 2: clear their floats. */
+
-
    }
+
-
    .featurette-image {
+
-
      margin-top: -120px; /* Vertically center images part 3: negative margin up the image the same amount of the padding to center it. */
+
-
    }
+
-
 
+
-
    /* Give some space on the sides of the floated elements so text doesn't run right into it. */
+
-
    .featurette-image.pull-left {
+
-
      margin-right: 40px;
+
-
    }
+
-
    .featurette-image.pull-right {
+
-
      margin-left: 40px;
+
-
    }
+
-
 
+
-
    /* Thin out the marketing headings */
+
-
    .featurette-heading {
+
-
      font-size: 50px;
+
-
      font-weight: 300;
+
-
      text align: center;
+
-
      line-height: 1;
+
-
      letter-spacing: -1px;
+
-
    }
+
-
 
+
-
 
+
     /* RESPONSIVE CSS
     /* RESPONSIVE CSS
     -------------------------------------------------- */
     -------------------------------------------------- */
 +
 +
     @media (max-width: 979px) {
     @media (max-width: 979px) {
Line 176: Line 143:
                     <link rel="apple-touch-icon-precomposed" href="../assets/ico/apple-touch-icon-57-precomposed.png">
                     <link rel="apple-touch-icon-precomposed" href="../assets/ico/apple-touch-icon-57-precomposed.png">
                                   <link rel="shortcut icon" href="../assets/ico/favicon.png">
                                   <link rel="shortcut icon" href="../assets/ico/favicon.png">
 +
 +
 +
 +
   </head>
   </head>
Line 216: Line 187:
                 </li>
                 </li>
<li class="dropdown">
<li class="dropdown">
-
                   <a href="#" class="dropdown-toggle" data-toggle="dropdown">Outreach <b class="caret"></b></a>
+
                   <a href="#" class="dropdown-toggle" data-toggle="dropdown">Policies & Practices <b class="caret"></b></a>
                   <ul class="dropdown-menu">
                   <ul class="dropdown-menu">
                     <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Our_Projects">Our Projects</a></li>
                     <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Our_Projects">Our Projects</a></li>
Line 246: Line 217:
       </div> <!-- /.container -->
       </div> <!-- /.container -->
     </div><!-- /.navbar-wrapper -->
     </div><!-- /.navbar-wrapper -->
 +
 +
<h1> <center> Carnegie Mellon's Meetup </center> </h1>
 +
<hr>
 +
 +
<div id="images"><center>
 +
   
 +
<img class="sqimg" border="0" src="https://static.igem.org/mediawiki/2014/1/19/IMG_4970.JPG"/></a></br>
 +
 +
    <img class="sqimg" border="0" src="https://static.igem.org/mediawiki/2014/0/03/IMG_4971.JPG"/></a></br>
 +
 +
    <img class="sqimg" border="0"  src="https://static.igem.org/mediawiki/2014/a/ad/IMG_4978.JPG"/></a></br>
 +
 +
    <img class="sqimg" border="0"  src="https://static.igem.org/mediawiki/2014/8/8a/IMG_4979.JPG"/></a></br>
 +
 +
    <img class="sqimg" border="0"  src="https://static.igem.org/mediawiki/2014/e/ee/IMG_5003.JPG"/></a></br>
 +
 +
    <img class="sqimg" border="0"  src="https://static.igem.org/mediawiki/2014/d/d7/IMG_5013.JPG"/></a></br>
 +
 +
    <img class="sqimg" border="0"  src="https://static.igem.org/mediawiki/2014/8/84/Science%281%29.JPG"/></a></br>
 +
 +
    <img class="sqimg" border="0"  src="https://static.igem.org/mediawiki/2014/8/8d/IMG_5036.JPG"/></a></br>
 +
 +
    <img class="sqimg" border="0"  src="https://static.igem.org/mediawiki/2014/2/2f/IMG_5056.JPG"/></a></br>
 +
 +
<hr>
 +
<h1>Creature Feature</h1>
 +
<hr>
 +
 +
    <img class="sqimg" border="0"  src="https://static.igem.org/mediawiki/2014/c/cb/Creaturefeature.jpg"/></a></br>
 +
    <img class="sqimg" border="0"  src="https://static.igem.org/mediawiki/2014/c/c8/Nfi.JPG"/></a></br>
 +
    <img class="sqimg" border="0"  src="https://static.igem.org/mediawiki/2014/3/3f/Photo4CF.jpg"/></a></br>
 +
    <img class="sqimg" border="0"  src="https://static.igem.org/mediawiki/2014/8/87/Photo_2-2.jpg"/></a></br>
 +
 +
<hr>
 +
<h1> Science Palooza</h1>
 +
<hr>
 +
 +
    <img class="sqimg" border="0"  src="https://static.igem.org/mediawiki/2014/0/01/DSC_1164.JPG"/></a></br>
 +
 +
    <img class="sqimg" border="0"  src="https://static.igem.org/mediawiki/2014/3/35/DSC_1262.JPG"/></a></br>
 +
 +
<img class="sqimg" border="0"  src="https://static.igem.org/mediawiki/2014/0/0e/Meiw.JPG"/></a></br>
 +
 +
    <img class="sqimg" border="0"  src="https://static.igem.org/mediawiki/2014/5/51/Kids_Cards.jpg"/></a></br>
 +
 +
</center></div>​
-
     
 
Line 280: Line 296:
 +
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
 +
<script src="//blueimp.github.io/Gallery/js/jquery.blueimp-gallery.min.js"></script>
 +
<script src="js/bootstrap-image-gallery.min.js">

Latest revision as of 05:55, 17 October 2014

Carousel Template · Bootstrap

Carnegie Mellon's Meetup












Creature Feature







Science Palooza