Difference between revisions of "Team:Harvard BioDesign/Safety"

Line 49: Line 49:
 
<h4> Content </h4>
 
<h4> Content </h4>
 
             <ul>
 
             <ul>
−
                 <li><a href="#top" id="top-link" class="skel-layers-ignoreHref"><span class="icon fa-home">Welcome</span></a></li>
+
                 <li><a href="#top" id="top-link" class="skel-layers-ignoreHref"><span class="icon fa-home">Summary</span></a></li>
−
                 <li><a href="#overview" id="overview-link" class="skel-layers-ignoreHref"><span class="icon fa-th">Overview</span></a></li>
+
                 <li><a href="#general" id="overview-link" class="skel-layers-ignoreHref"><span class="icon fa-th">General Lab Safety</span></a></li>
−
                 <li><a href="#sitemap" id="sitemap-link" class="skel-layers-ignoreHref"><span class="icon fa-user">Site Map</span></a></li>
+
                 <li><a href="#project" id="sitemap-link" class="skel-layers-ignoreHref"><span class="icon fa-user">Project Safety</span></a></li>
 
             </ul>
 
             </ul>
 
</nav>
 
</nav>
Line 98: Line 98:
  
 
               <header>
 
               <header>
−
                 <h2 class="alt">Hi! I'm <strong>Prologue</strong>, a <a href="http://html5up.net/license">free</a> responsive<br />
+
                 <h2 class="alt">Something about why safety is so <strong>important</strong></h2>
−
                site template designed by <a href="http://html5up.net">HTML5 UP</a>.</h2>
+
                 <p>Because it is!</p>
−
                 <p>Ligula scelerisque justo sem accumsan diam quis<br />
+
−
                vitae natoque dictum sollicitudin elementum.</p>
+
 
               </header>
 
               </header>
  
−
              <footer>
+
           
−
                <a href="#portfolio" class="button scrolly">Magna Aliquam</a>
+
−
              </footer>
+
−
 
+
 
             </div>
 
             </div>
 
           </section>
 
           </section>
  
 
         <!-- Portfolio -->
 
         <!-- Portfolio -->
−
           <section id="portfolio" class="two">
+
           <section id="general" class="two">
 
             <div class="container">
 
             <div class="container">
  
 
               <header>
 
               <header>
−
                 <h2>Portfolio</h2>
+
                 <h2>General Lab Safety</h2>
 
               </header>
 
               </header>
  
−
               <p>Vitae natoque dictum etiam semper magnis enim feugiat convallis convallis
+
                
−
              egestas rhoncus ridiculus in quis risus amet curabitur tempor orci penatibus.
+
−
              Tellus erat mauris ipsum fermentum etiam vivamus eget. Nunc nibh morbi quis
+
−
              fusce hendrerit lacus ridiculus.</p>
+
−
 
+
−
              <div class="row">
+
−
                <div class="4u 12u$(mobile)">
+
−
                  <article class="item">
+
−
                    <a href="#" class="image fit"><img src="images/pic02.jpg" alt="" /></a>
+
−
                    <header>
+
−
                      <h3>Ipsum Feugiat</h3>
+
−
                    </header>
+
−
                  </article>
+
−
                  <article class="item">
+
−
                    <a href="#" class="image fit"><img src="images/pic03.jpg" alt="" /></a>
+
−
                    <header>
+
−
                      <h3>Rhoncus Semper</h3>
+
−
                    </header>
+
−
                  </article>
+
−
                </div>
+
−
                <div class="4u 12u$(mobile)">
+
−
                  <article class="item">
+
−
                    <a href="#" class="image fit"><img src="images/pic04.jpg" alt="" /></a>
+
−
                    <header>
+
−
                      <h3>Magna Nullam</h3>
+
−
                    </header>
+
−
                  </article>
+
−
                  <article class="item">
+
−
                    <a href="#" class="image fit"><img src="images/pic05.jpg" alt="" /></a>
+
−
                    <header>
+
−
                      <h3>Natoque Vitae</h3>
+
−
                    </header>
+
−
                  </article>
+
−
                </div>
+
−
                <div class="4u$ 12u$(mobile)">
+
−
                  <article class="item">
+
−
                    <a href="#" class="image fit"><img src="images/pic06.jpg" alt="" /></a>
+
−
                    <header>
+
−
                      <h3>Dolor Penatibus</h3>
+
−
                    </header>
+
−
                  </article>
+
−
                  <article class="item">
+
−
                    <a href="#" class="image fit"><img src="images/pic07.jpg" alt="" /></a>
+
−
                    <header>
+
−
                      <h3>Orci Convallis</h3>
+
−
                    </header>
+
−
                  </article>
+
−
                </div>
+
−
              </div>
+
−
 
+
 
             </div>
 
             </div>
 
           </section>
 
           </section>
  
 
         <!-- About Me -->
 
         <!-- About Me -->
−
           <section id="about" class="three">
+
           <section id="project" class="three">
 
             <div class="container">
 
             <div class="container">
  
 
               <header>
 
               <header>
−
                 <h2>About Me</h2>
+
                 <h2>Project Safety</h2>
 
               </header>
 
               </header>
  
−
              <a href="#" class="image featured"><img src="images/pic08.jpg" alt="" /></a>
 
−
 
−
              <p>Tincidunt eu elit diam magnis pretium accumsan etiam id urna. Ridiculus
 
−
              ultricies curae quis et rhoncus velit. Lobortis elementum aliquet nec vitae
 
−
              laoreet eget cubilia quam non etiam odio tincidunt montes. Elementum sem
 
−
              parturient nulla quam placerat viverra mauris non cum elit tempus ullamcorper
 
−
              dolor. Libero rutrum ut lacinia donec curae mus vel quisque sociis nec
 
−
              ornare iaculis.</p>
 
  
 
             </div>
 
             </div>
 
           </section>
 
           </section>
  
−
        <!-- Contact -->
+
−
          <section id="contact" class="four">
+
−
            <div class="container">
+
−
 
+
−
              <header>
+
−
                <h2>Contact</h2>
+
−
              </header>
+
−
 
+
−
              <p>Elementum sem parturient nulla quam placerat viverra
+
−
              mauris non cum elit tempus ullamcorper dolor. Libero rutrum ut lacinia
+
−
              donec curae mus. Eleifend id porttitor ac ultricies lobortis sem nunc
+
−
              orci ridiculus faucibus a consectetur. Porttitor curae mauris urna mi dolor.</p>
+
−
 
+
−
              <form method="post" action="#">
+
−
                <div class="row">
+
−
                  <div class="6u 12u$(mobile)"><input type="text" name="name" placeholder="Name" /></div>
+
−
                  <div class="6u$ 12u$(mobile)"><input type="text" name="email" placeholder="Email" /></div>
+
−
                  <div class="12u$">
+
−
                    <textarea name="message" placeholder="Message"></textarea>
+
−
                  </div>
+
−
                  <div class="12u$">
+
−
                    <input type="submit" value="Send Message" />
+
−
                  </div>
+
−
                </div>
+
−
              </form>
+
−
 
+
−
            </div>
+
−
          </section>
+
  
 
       </div>
 
       </div>

Revision as of 18:36, 21 July 2015


Prologue by HTML5 UP

Something about why safety is so important

Because it is!

General Lab Safety

Project Safety