Difference between revisions of "Team:ColumbiaNYC/Safety"

Line 2: Line 2:
  
 
<html>
 
<html>
 +
<head>
 +
  <!-- SafetyStyle CSS -->
 +
  <link href="http://https://2017.igem.org/Team:ColumbiaNYC/Resources/CSS:safetystyle?action=raw&ctype=text/css" rel="stylesheet">
 +
  <!-- SafetyStyle JS -->
 +
  <script type="text/javascript" src="https://2017.igem.org/Team:ColumbiaNYC/Resources/JS:safetystyle?action=raw&ctype=text/javascript"></script>
 +
  <script>
 +
      baguetteBox.run('.tz-gallery');
 +
  </script>
 +
</head>
  
 
<body id="page-top">
 
<body id="page-top">
Line 9: Line 18:
 
     <div class="container">
 
     <div class="container">
 
       <h1>Safety</h1>
 
       <h1>Safety</h1>
−
       <p>Lab pictures</p>
+
       <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint, explicabo dolores ipsam aliquam inventore corrupti.</p>
 
     </div>
 
     </div>
 
   </div>
 
   </div>
Line 15: Line 24:
 
   <!-- Page Content -->
 
   <!-- Page Content -->
 
   <div class="container">
 
   <div class="container">
 +
    <div class="tz-gallery">
  
−
  </div>
+
        <div class="row">
  
−
  <!-- Safety form -->
+
            <div class="col-sm-6 col-md-4">
−
      <div class="featurette" id="about">
+
                <div class="thumbnail">
−
      <img class="featurette-image img-responsive pull-right" src="https://static.igem.org/mediawiki/2017/3/3d/T--ColumbiaNYC--LabPic1.jpg" style="width:640px;height:360px;padding: 10px;">
+
                    <a class="lightbox" href="http://placehold.it/800x600">
−
          <h2 class="featurette-heading">PCR area</h2>
+
                        <img src="http://placehold.it/800x600" alt="1">
−
          <p class="lead">This is where we do polymerase chain reaction</p>
+
                    </a>
−
      </div>
+
                    <div class="caption">
 +
                        <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>
 +
                    </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/200x200" alt="2">
 +
                    </a>
 +
                    <div class="caption">
 +
                        <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>
 +
                    </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="3">
 +
                    </a>
 +
                    <div class="caption">
 +
                        <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>
 +
                    </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="4">
 +
                    </a>
 +
                    <div class="caption">
 +
                        <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>
 +
                    </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="5">
 +
                    </a>
 +
                    <div class="caption">
 +
                        <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>
 +
                    </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="6">
 +
                    </a>
 +
                    <div class="caption">
 +
                        <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>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
 
 +
    </div>
 +
 
 +
  </div>
  
 
</body>
 
</body>

Revision as of 03:43, 5 July 2017

Safety

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

1

Thumbnail label

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

2

Thumbnail label

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

3

Thumbnail label

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

4

Thumbnail label

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

5

Thumbnail label

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

6

Thumbnail label

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.