Difference between revisions of "Team:ColumbiaNYC/Safety"

 
(9 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
<!DOCTYPE html>
+
{{ColumbiaNYC_navbar}}
 +
 
 
<html>
 
<html>
 
<head>
 
<head>
 +
  <!-- SafetyStyle CSS -->
 +
  <link href="http://https://2017.igem.org/Team:ColumbiaNYC/Resources/CSS:safetystyle?action=raw&ctype=text/css" rel="stylesheet">
 +
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/baguettebox.js/1.8.1/baguetteBox.min.css">
 +
</head>
  
−
    <meta charset="utf-8">
+
<body id="page-top">
−
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+
−
    <meta name="viewport" content="width=device-width, initial-scale=1">
+
  
−
     <title>Freebie: 4 Bootstrap Gallery Templates</title>
+
  <!-- 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>
  
−
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
+
</body>
−
    <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>
+
  <!-- Page Content -->
−
<body>
+
  <body>
  
−
<div class="container gallery-container">
+
  <div class="container gallery-container">
−
 
+
      <div class="tz-gallery">
−
    <h1>Bootstrap 3 Gallery</h1>
+
−
 
+
−
    <p class="page-description text-center">Thumbnails With Title And Description</p>
+
−
   
+
−
    <div class="tz-gallery">
+
  
 
         <div class="row">
 
         <div class="row">
  
−
            <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/park.jpg">
+
              <a class="lightbox" href="https://static.igem.org/mediawiki/2017/3/3d/T--ColumbiaNYC--LabPic1.jpg">
−
                        <img src="../images/park.jpg" alt="Park">
+
                <img src="https://static.igem.org/mediawiki/2017/3/3d/T--ColumbiaNYC--LabPic1.jpg" alt="1">
−
                    </a>
+
              </a>
−
                    <div class="caption">
+
              <div class="caption">
−
                        <h3>Thumbnail label</h3>
+
                <h3>Thumbnail label</h3>
−
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+
                <p>This is where we do polymerase chain reaction</p>
−
                    </div>
+
              </div>
−
                </div>
+
 
             </div>
 
             </div>
−
            <div class="col-sm-6 col-md-4">
+
          </div>
−
                <div class="thumbnail">
+
          <div class="col-sm-6 col-md-4">
−
                    <a class="lightbox" href="../images/bridge.jpg">
+
            <div class="thumbnail">
−
                        <img src="../images/bridge.jpg" alt="Bridge">
+
              <a class="lightbox" href="https://static.igem.org/mediawiki/2017/3/3d/T--ColumbiaNYC--LabPic1.jpg">
−
                    </a>
+
                <img src="https://static.igem.org/mediawiki/2017/3/3d/T--ColumbiaNYC--LabPic1.jpg" alt="1">
−
                    <div class="caption">
+
              </a>
−
                        <h3>Thumbnail label</h3>
+
              <div class="caption">
−
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+
                <h3>Thumbnail label</h3>
−
                    </div>
+
                <p>This is where we do polymerase chain reaction</p>
−
                </div>
+
              </div>
 
             </div>
 
             </div>
−
            <div class="col-sm-6 col-md-4">
+
          </div>
−
                <div class="thumbnail">
+
          <div class="col-sm-6 col-md-4">
−
                    <a class="lightbox" href="../images/tunnel.jpg">
+
            <div class="thumbnail">
−
                        <img src="../images/tunnel.jpg" alt="Tunnel">
+
              <a class="lightbox" href="https://static.igem.org/mediawiki/2017/3/3d/T--ColumbiaNYC--LabPic1.jpg">
−
                    </a>
+
                <img src="https://static.igem.org/mediawiki/2017/3/3d/T--ColumbiaNYC--LabPic1.jpg" alt="1">
−
                    <div class="caption">
+
              </a>
−
                        <h3>Thumbnail label</h3>
+
              <div class="caption">
−
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+
                <h3>Thumbnail label</h3>
−
                    </div>
+
                <p>This is where we do polymerase chain reaction</p>
−
                </div>
+
              </div>
 
             </div>
 
             </div>
−
            <div class="col-sm-6 col-md-4">
+
          </div>
−
                <div class="thumbnail">
+
          <div class="col-sm-6 col-md-4">
−
                    <a class="lightbox" href="../images/coast.jpg">
+
            <div class="thumbnail">
−
                        <img src="../images/coast.jpg" alt="Coast">
+
              <a class="lightbox" href="https://static.igem.org/mediawiki/2017/3/3d/T--ColumbiaNYC--LabPic1.jpg">
−
                    </a>
+
                <img src="https://static.igem.org/mediawiki/2017/3/3d/T--ColumbiaNYC--LabPic1.jpg" alt="1">
−
                    <div class="caption">
+
              </a>
−
                        <h3>Thumbnail label</h3>
+
              <div class="caption">
−
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+
                <h3>Thumbnail label</h3>
−
                    </div>
+
                <p>This is where we do polymerase chain reaction</p>
−
                </div>
+
              </div>
 
             </div>
 
             </div>
−
            <div class="col-sm-6 col-md-4">
+
          </div>
−
                <div class="thumbnail">
+
          <div class="col-sm-6 col-md-4">
−
                    <a class="lightbox" href="../images/rails.jpg">
+
            <div class="thumbnail">
−
                        <img src="../images/rails.jpg" alt="Rails">
+
              <a class="lightbox" href="https://static.igem.org/mediawiki/2017/3/3d/T--ColumbiaNYC--LabPic1.jpg">
−
                    </a>
+
                <img src="https://static.igem.org/mediawiki/2017/3/3d/T--ColumbiaNYC--LabPic1.jpg" alt="1">
−
                    <div class="caption">
+
              </a>
−
                        <h3>Thumbnail label</h3>
+
              <div class="caption">
−
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+
                <h3>Thumbnail label</h3>
−
                    </div>
+
                <p>This is where we do polymerase chain reaction</p>
−
                </div>
+
              </div>
 
             </div>
 
             </div>
−
            <div class="col-sm-6 col-md-4">
+
          </div>
−
                <div class="thumbnail">
+
          <div class="col-sm-6 col-md-4">
−
                    <a class="lightbox" href="../images/traffic.jpg">
+
            <div class="thumbnail">
−
                        <img src="../images/traffic.jpg" alt="Traffic">
+
              <a class="lightbox" href="https://static.igem.org/mediawiki/2017/3/3d/T--ColumbiaNYC--LabPic1.jpg">
−
                    </a>
+
                <img src="https://static.igem.org/mediawiki/2017/3/3d/T--ColumbiaNYC--LabPic1.jpg" alt="1">
−
                    <div class="caption">
+
              </a>
−
                        <h3>Thumbnail label</h3>
+
              <div class="caption">
−
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+
                <h3>Thumbnail label</h3>
−
                    </div>
+
                <p>This is where we do polymerase chain reaction</p>
−
                </div>
+
              </div>
 
             </div>
 
             </div>
 +
          </div>
 
         </div>
 
         </div>
  
−
    </div>
+
      </div>
  
−
</div>
+
  </div>
  
−
<script src="https://cdnjs.cloudflare.com/ajax/libs/baguettebox.js/1.8.1/baguetteBox.min.js"></script>
+
  <script src="https://cdnjs.cloudflare.com/ajax/libs/baguettebox.js/1.8.1/baguetteBox.min.js"></script>
−
<script>
+
  <script>
−
    baguetteBox.run('.tz-gallery');
+
      baguetteBox.run('.tz-gallery');
−
</script>
+
  </script>
−
</body>
+
  </body>
−
</html>
+
  </html>
 +
 
 +
 
 +
{{ColumbiaNYC_footer}}

Latest revision as of 04:21, 5 July 2017

Safety

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

1

Thumbnail label

This is where we do polymerase chain reaction

1

Thumbnail label

This is where we do polymerase chain reaction

1

Thumbnail label

This is where we do polymerase chain reaction

1

Thumbnail label

This is where we do polymerase chain reaction

1

Thumbnail label

This is where we do polymerase chain reaction

1

Thumbnail label

This is where we do polymerase chain reaction