Difference between revisions of "Team:ColumbiaNYC/Safety"

Line 1: Line 1:
<!DOCTYPE html>
+
{{ColumbiaNYC_navbar}}
 +
 
 
<html>
 
<html>
 
<head>
 
<head>
 
+
  <!-- SafetyStyle CSS -->
    <meta charset="utf-8">
+
  <link href="http://https://2017.igem.org/Team:ColumbiaNYC/Resources/CSS:safetystyle?action=raw&ctype=text/css" rel="stylesheet">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/baguettebox.js/1.8.1/baguetteBox.min.css">
    <meta name="viewport" content="width=device-width, initial-scale=1">
+
  <link href="https://fonts.googleapis.com/css?family=Droid+Sans:400,700" rel="stylesheet">
 
+
    <title>Freebie: 4 Bootstrap Gallery Templates</title>
+
 
+
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
+
    <link href="https://fonts.googleapis.com/css?family=Droid+Sans:400,700" rel="stylesheet">
+
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/baguettebox.js/1.8.1/baguetteBox.min.css">
+
    <link href="http://https://2017.igem.org/Team:ColumbiaNYC/Resources/CSS:safetystyle?action=raw&ctype=text/css" rel="stylesheet">
+
 
+
 
</head>
 
</head>
<body>
 
  
<div class="container gallery-container">
+
<body id="page-top">
  
     <h1>Bootstrap 3 Gallery</h1>
+
  <!-- Full Width Jumbotron Header -->
 +
  <div class="jumbotron">
 +
     <div class="container">
 +
      <h1>Safety</h1>
 +
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint, explicabo dolores ipsam aliquam inventore corrupti.</p>
 +
    </div>
 +
  </div>
  
    <p class="page-description text-center">Thumbnails With Title And Description</p>
+
  <!-- Page Content -->
 +
  <div class="container gallery-container">
  
 
     <div class="tz-gallery">
 
     <div class="tz-gallery">
Line 27: Line 26:
 
         <div class="row">
 
         <div class="row">
  
          <div class="col-sm-6 col-md-4">
 
              <div class="thumbnail">
 
                  <a class="lightbox" href="https://static.igem.org/mediawiki/2017/3/3d/T--ColumbiaNYC--LabPic1.jpg">
 
                      <img src="https://static.igem.org/mediawiki/2017/3/3d/T--ColumbiaNYC--LabPic1.jpg" alt="1">
 
                  </a>
 
                  <div class="caption">
 
                      <h3>Thumbnail label</h3>
 
                      <p>This is where we do polymerase chain reaction</p>
 
                  </div>
 
              </div>
 
          </div>
 
 
             <div class="col-sm-6 col-md-4">
 
             <div class="col-sm-6 col-md-4">
 
                 <div class="thumbnail">
 
                 <div class="thumbnail">
                     <a class="lightbox" href="../images/bridge.jpg">
+
                     <a class="lightbox" href="https://static.igem.org/mediawiki/2017/3/3d/T--ColumbiaNYC--LabPic1.jpg">
                         <img src="../images/bridge.jpg" alt="Bridge">
+
                         <img src="https://static.igem.org/mediawiki/2017/3/3d/T--ColumbiaNYC--LabPic1.jpg" alt="1">
 +
                    </a>
 +
                    <div class="caption">
 +
                        <h3>Thumbnail label</h3>
 +
                        <p>This is where we do polymerase chain reaction</p>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <div class="col-sm-6 col-md-4">
 +
                <div class="thumbnail">
 +
                    <a class="lightbox" href="http://placehold.it/800x600">
 +
                        <img src="http://placehold.it/800x600" alt="2">
 
                     </a>
 
                     </a>
 
                     <div class="caption">
 
                     <div class="caption">
Line 51: Line 50:
 
             <div class="col-sm-6 col-md-4">
 
             <div class="col-sm-6 col-md-4">
 
                 <div class="thumbnail">
 
                 <div class="thumbnail">
                     <a class="lightbox" href="../images/tunnel.jpg">
+
                     <a class="lightbox" href="http://placehold.it/800x600">
                         <img src="../images/tunnel.jpg" alt="Tunnel">
+
                         <img src="http://placehold.it/800x600" alt="3">
 
                     </a>
 
                     </a>
 
                     <div class="caption">
 
                     <div class="caption">
Line 62: Line 61:
 
             <div class="col-sm-6 col-md-4">
 
             <div class="col-sm-6 col-md-4">
 
                 <div class="thumbnail">
 
                 <div class="thumbnail">
                     <a class="lightbox" href="../images/coast.jpg">
+
                     <a class="lightbox" href="http://placehold.it/800x600">
                         <img src="../images/coast.jpg" alt="Coast">
+
                         <img src="http://placehold.it/800x600" alt="4">
 
                     </a>
 
                     </a>
 
                     <div class="caption">
 
                     <div class="caption">
Line 73: Line 72:
 
             <div class="col-sm-6 col-md-4">
 
             <div class="col-sm-6 col-md-4">
 
                 <div class="thumbnail">
 
                 <div class="thumbnail">
                     <a class="lightbox" href="../images/rails.jpg">
+
                     <a class="lightbox" href="http://placehold.it/800x600">
                         <img src="../images/rails.jpg" alt="Rails">
+
                         <img src="http://placehold.it/800x600" alt="5">
 
                     </a>
 
                     </a>
 
                     <div class="caption">
 
                     <div class="caption">
Line 84: Line 83:
 
             <div class="col-sm-6 col-md-4">
 
             <div class="col-sm-6 col-md-4">
 
                 <div class="thumbnail">
 
                 <div class="thumbnail">
                     <a class="lightbox" href="../images/traffic.jpg">
+
                     <a class="lightbox" href="http://placehold.it/800x600">
                         <img src="../images/traffic.jpg" alt="Traffic">
+
                         <img src="http://placehold.it/800x600" alt="6">
 
                     </a>
 
                     </a>
 
                     <div class="caption">
 
                     <div class="caption">
Line 97: Line 96:
 
     </div>
 
     </div>
  
</div>
+
  </div>
 +
 
 +
  <!-- SafetyStyle JS
 +
  <script type="text/javascript" src="https://2017.igem.org/Team:ColumbiaNYC/Resources/JS:safetystyle?action=raw&ctype=text/javascript"></script>
 +
-->
 +
  <script src="https://cdnjs.cloudflare.com/ajax/libs/baguettebox.js/1.8.1/baguetteBox.min.js"></script>
 +
  <script>
 +
      baguetteBox.run('.tz-gallery');
 +
  </script>
  
<script src="https://cdnjs.cloudflare.com/ajax/libs/baguettebox.js/1.8.1/baguetteBox.min.js"></script>
 
<script>
 
    baguetteBox.run('.tz-gallery');
 
</script>
 
 
</body>
 
</body>
 +
 
</html>
 
</html>
 +
 +
{{ColumbiaNYC_footer}}

Revision as of 04:00, 5 July 2017

Safety

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint, explicabo dolores ipsam aliquam inventore corrupti.