Team:Carnegie Mellon/Gallery

From 2014.igem.org

(Difference between revisions)
 
(19 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>
 +
 +
Line 73: Line 75:
-
   
+
 
 +
    /* RESPONSIVE CSS
 +
    -------------------------------------------------- */
-
    /* 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
 
-
    -------------------------------------------------- */
 
     @media (max-width: 979px) {
     @media (max-width: 979px) {
Line 177: 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 217: 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 248: Line 218:
     </div><!-- /.navbar-wrapper -->
     </div><!-- /.navbar-wrapper -->
 +
<h1> <center> Carnegie Mellon's Meetup </center> </h1>
 +
<hr>
-
<!-- The Bootstrap Image Gallery lightbox, should be a child element of the document body -->
+
<div id="images"><center>
-
<div id="blueimp-gallery" class="blueimp-gallery">
+
      
-
    <!-- The container for the modal slides -->
+
<img class="sqimg" border="0" src="https://static.igem.org/mediawiki/2014/1/19/IMG_4970.JPG"/></a></br>
-
     <div class="slides"></div>
+
-
    <!-- Controls for the borderless lightbox -->
+
-
    <h3 class="title"></h3>
+
-
    <a class="prev">‹</a>
+
-
    <a class="next">›</a>
+
-
    <a class="close">×</a>
+
-
    <a class="play-pause"></a>
+
-
    <ol class="indicator"></ol>
+
-
    <!-- The modal dialog, which will be used to wrap the lightbox content -->
+
-
    <div class="modal fade">
+
-
        <div class="modal-dialog">
+
-
            <div class="modal-content">
+
-
                <div class="modal-header">
+
-
                    <button type="button" class="close" aria-hidden="true">&times;</button>
+
-
                    <h4 class="modal-title"></h4>
+
-
                </div>
+
-
                <div class="modal-body next"></div>
+
-
                <div class="modal-footer">
+
-
                    <button type="button" class="btn btn-default pull-left prev">
+
-
                        <i class="glyphicon glyphicon-chevron-left"></i>
+
-
                        Previous
+
-
                    </button>
+
-
                    <button type="button" class="btn btn-primary next">
+
-
                        Next
+
-
                        <i class="glyphicon glyphicon-chevron-right"></i>
+
-
                    </button>
+
-
                </div>
+
-
            </div>
+
-
        </div>
+
-
    </div>
+
-
</div>
+
 +
    <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>​
-
<div id="links">
 
-
    <a href="images/banana.jpg" title="Banana" data-gallery>
 
-
        <img src="images/thumbnails/banana.jpg" alt="Banana">
 
-
    </a>
 
-
    <a href="images/apple.jpg" title="Apple" data-gallery>
 
-
        <img src="images/thumbnails/apple.jpg" alt="Apple">
 
-
    </a>
 
-
    <a href="images/orange.jpg" title="Orange" data-gallery>
 
-
        <img src="images/thumbnails/orange.jpg" alt="Orange">
 
-
    </a>
 
-
</div>
 
-
     
 
-
<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>
 
Line 330: 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





​

Retrieved from "http://2014.igem.org/Team:Carnegie_Mellon/Gallery"