@@ Line 1: / Line 1: @@
 <html lang="en">
    <head>
+    <meta charset="utf-8">
-  <meta charset="utf-8">
      <title>Carousel Template &middot; Bootstrap</title>
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ Line 10: / Line 9: @@
      <!-- Le styles -->
      <link href="http://getbootstrap.com/2.3.2/assets/css/bootstrap.css" rel="stylesheet">
-     <link href="https://2014.igem.org/Template:CarnegieMellon:CarnegieMellon/CSS?action=raw&ctype=text/css" rel="stylesheet">
+     <link href="http://getbootstrap.com/2.3.2/assets/css/bootstrap-responsive.css" rel="stylesheet">
+    <style>
+    /* GLOBAL STYLES
+    -------------------------------------------------- */
+    /* Padding below the footer and lighter body text */
+    body {
+      padding-bottom: 40px;
+      color: #5a5a5a;
+background: #85B1C0;
+  font-size: 12px;
+    }
+    /* CUSTOMIZE THE NAVBAR
+    -------------------------------------------------- */
+    /* Special class on .container surrounding .navbar, used for positioning it into place. */
+    .navbar-wrapper {
+      position: absolute;
+      top: 50;
+      left: 0;
+      right: 0;
+      z-index: 100;
+      margin-top: -69px;
+      margin-bottom: -90px; /* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */
+    }
+    .navbar-wrapper .navbar {
+    }
+    /* Remove border and change up box shadow for more contrast */
+    .navbar .navbar-inner {
+width:80%;
+      border: 0;
+      -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.25);
+         -moz-box-shadow: 0 2px 10px rgba(0,0,0,.25);
+              box-shadow: 0 2px 10px rgba(0,0,0,.25);
+    }
+    /* Downsize the brand/project name a bit */
+    .navbar .brand {
+      padding: 14px 20px 16px; /* Increase vertical padding to match navbar links */
+      font-size: 16px;
+      font-weight: bold;
+      text-shadow: 0 -1px 0 rgba(0,0,0,.5);
+    }
+    /* Navbar links: increase padding for taller navbar */
+    .navbar .nav > li > a {
+      padding: 15px 20px;
+    }
+    /* Offset the responsive button for proper vertical alignment */
+    .navbar .btn-navbar {
+      margin-top: 10px;
+    }
+    /* RESPONSIVE CSS
+    -------------------------------------------------- */
+    @media (max-width: 979px) {
+      .container.navbar-wrapper {
+        margin-bottom: 0;
+        width: auto;
+      }
+      .navbar-inner {
+        border-radius: 0;
+        margin: -20px 0;
+      }
+      .featurette {
+        height: auto;
+        padding: 0;
+      }
+      .featurette-image.pull-left,
+      .featurette-image.pull-right {
+        display: block;
+        float: none;
+        max-width: 20%;
+        margin: 0 auto 20px;
+      }
+    }
+    @media (max-width: 767px) {
+      .navbar-inner {
+        margin: -20px;
+      }
+      .marketing .span4 + .span4 {
+        margin-top: 40px;
+      }
+h2 {text-align:center}
+      .featurette-heading {
+        text-align: center;
+        font-size: 25px;
+      }
+      .featurette .lead {
+        font-size: 20%;
+        line-height: 1.5;
+      }
+    }
+    </style>
      <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
@@ Line 24: / Line 143: @@
                      <link rel="apple-touch-icon-precomposed" href="../assets/ico/apple-touch-icon-57-precomposed.png">
                                     <link rel="shortcut icon" href="../assets/ico/favicon.png">
    </head>
@@ Line 52: / Line 175: @@
                      <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Project_Description">Project Description</a></li>
                      <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Our_Sensor">Our Sensor</a></li>
-                    <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Colaborations">Collaborations</a></li>
                      <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Achievements">Achievements</a></li>
-                    <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Future_Plans">Future Plans</a></li>
                    </ul>
                  </li>                <li class="dropdown">
@@ Line 63: / Line 184: @@
                      <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Attributions">Attributions</a></li>
                      <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Sponsors">Sponsors</a></li>
-                    <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Gallery">Gallery</a></li>
                    </ul>
                  </li>
 <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">
-                     <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Overview">Overview</a></li>
+                     <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/DNA_Extraction">DNA Extraction</a></li>
+                     <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Gallery">Gallery</a></li>
-                    <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Creature_Feature">Creature Feature</a></li>
                    </ul>
                  </li>
 <li class="dropdown">
-                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Notebook <b class="caret"></b></a>
+                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Notebook <b class="caret"></b></a>
                    <ul class="dropdown-menu">
                       <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Weeks">Week by Week</a></li>
@@ Line 99: / Line 218: @@
      </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>
-<!-- Le javascript
+    <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>
+ <!-- Le javascript
      ================================================== -->
      <!-- Placed at the end of the document so the pages load faster -->
@@ Line 126: / Line 293: @@
          })
        }(window.jQuery)
+<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">
      </script>
      <script src="http://getbootstrap.com/2.3.2/assets/js/holder/holder.js"></script>
    </body>
 </html>

Team:Carnegie Mellon/Gallery

From 2014.igem.org

Latest revision as of 05:55, 17 October 2014

Carnegie Mellon's Meetup

Creature Feature

Science Palooza