Difference between revisions of "Team:Hawaii"

Line 3: Line 3:
  
 
<html>
 
<html>
 +
  <div id="container">
 +
    <!-- Navigation Bar Start -->
 +
    <nav id="top-nav">
 +
      <ul>
 +
        <li>
 +
          <a href="index.html">Home</a>
 +
        </li>
 +
        <li class="dropdown">
 +
          <a href="team.html">Team</a>
 +
          <i class="fas fa-angle-down"></i>
 +
          <div class="dropdown-content">
 +
            <div><a href="experiments.html">Team Members</a></div>
 +
            <div><a href="notebook.html">Collaborations</a></div>
 +
          </div>
 +
        </li>
 +
 +
        <li class="dropdown">
 +
          <a href="project.html">Project</a>
 +
          <i class="fas fa-angle-down"></i>
 +
          <div class="dropdown-content">
 +
            <div><a href="description.html">Description</a></div>
 +
            <div><a href="design.html">Design</a></div>
 +
            <div><a href="parts.html">Experiments</a></div>
 +
            <div><a href="html/notebook.html">Notebook</a></div>
 +
            <div><a href="interlab.html">Interlab</a></div>
 +
            <div><a href="model.html">Model</a></div>
 +
            <div><a href="results.html">Results</a></div>
 +
            <div><a href="demonstrate.html">Demonstrate</a></div>
 +
            <div><a href="improve.html">Improve</a></div>
 +
            <div><a href="attributions.html">Attributions</a></div>
 +
          </div>
 +
        </li>
 +
 +
        <li class="dropdown">
 +
          <a href="parts.html">Parts</a>
 +
          <i class="fas fa-angle-down"></i>
 +
          <div class="dropdown-content">
 +
            <div><a href="parts_overview.html">Parts Overview</a></div>
 +
            <div><a href="basic_parts.html">Basic Parts</a></div>
 +
            <div><a href="composite_parts.html">Composite Parts</a></div>
 +
            <div><a href="part_collection.html">Part Collection</a></div>
 +
          </div>
 +
        </li>
 +
 +
        <li>
 +
          <a href="safety.html">Safety</a>
 +
        </li>
 +
 +
        <li class="dropdown">
 +
          <a href="html/human.html">Human Practices</a>
 +
          <i class="fas fa-angle-down"></i>
 +
          <div class="dropdown-content">
 +
            <div><a href="human.html">Human Practices</a></div>
 +
            <div><a href="education.html">Education and Engagement</a></div>
 +
          </div>
 +
        </li>
 +
 +
        <li class="dropdown">
 +
          <a href="html/awards.html">Awards</a>
 +
          <i class="fas fa-angle-down"></i>
 +
          <div class="dropdown-content">
 +
            <div><a href="applied_design.html">Applied Design</a></div>
 +
            <div><a href="entrepreneurship.html">Entrepreneurship</a></div>
 +
            <div><a href="hardware.html">Hardware</a></div>
 +
            <div><a href="model.html">Model</a></div>
 +
            <div><a href="plant.html">Plant</a></div>
 +
            <div><a href="software.html">Software</a></div>
 +
          </div>
 +
        </li>
 +
      </ul>
 +
    </nav>
 +
 +
    <!-- Navigation Bar End -->
 +
 +
    <!-- Content Start -->
 +
    <div id="content">
 +
      <section id="section1">
 +
        <h1>Description</h1>
 +
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Beatae cum, earum reprehenderit, tempora vitae eum inventore molestiae, incidunt ut eius a. Consectetur, minima, quia. Vitae modi a, fuga dignissimos. Velit?
 +
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad voluptatum ipsum dolor quam explicabo sed, autem maiores quibusdam quod alias repellat dolores debitis fugit. Beatae facere eveniet laborum est deserunt!
 +
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci autem eum laboriosam fugiat aperiam qui deserunt aliquam, voluptas aspernatur eius. Minima sapiente ipsa id perspiciatis eius esse vel, saepe qui.</p>
 +
      </section>
 +
    </div>
 +
    <!-- Content End -->
 +
 +
    <!-- Footer Start -->
 +
    <div id="footer">
 +
      <div class="footer-block">
 +
        <div>
 +
          <h3 class="footer-header">Connect with Us</h3>
 +
          <p>Looking to chat, collaborate, and connect? Send us an email!</p>
 +
          <p>Email Placeholder</p>
 +
        </div>
 +
 +
        <div id="social">
 +
          <img src="" alt="" id="social-icon">
 +
          <img src="" alt="" id="social-icon">
 +
          <img src="" alt="" id="social-icon">
 +
        </div>
 +
      </div>
 +
 +
      <div class="footer-block">
 +
        <div>
 +
          <h3 class="footer-header">Where are We</h3>
 +
          <p>University of Hawaii at Manoa</p>
 +
          <p>1955 East West Road</p>
 +
          <p>Honolulu, Hawaii 96822</p>
 +
        </div>
 +
      </div>
 +
 +
      <div class="footer-block">
 +
        <h3>Navigation</h3>
 +
        <div id="footer-nav-links">
 +
          <div class="footer-nav-col">
 +
            <ul>
 +
              <li><a href="#">Home</a></li>
 +
              <li><a href="html/project.html">Project</a></li>
 +
              <li><a href="html/notebook.html">Notebook</a></li>
 +
              <li><a href="html/team.html">Team</a></li>
 +
              <li><a href="html/awards.html">Awards</a></li>
 +
            </ul>
 +
          </div>
 +
          <div class="footer-nav-col">
 +
            <ul>
 +
              <li></li>
 +
            </ul>
 +
          </div>
 +
        </div>
 +
      </div>
 +
    </div>
 +
    <!-- Footer End -->
 +
  </div>
 +
 
<style>
 
<style>
 
#content {
 
#content {

Revision as of 04:10, 21 June 2018


Description

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Beatae cum, earum reprehenderit, tempora vitae eum inventore molestiae, incidunt ut eius a. Consectetur, minima, quia. Vitae modi a, fuga dignissimos. Velit? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad voluptatum ipsum dolor quam explicabo sed, autem maiores quibusdam quod alias repellat dolores debitis fugit. Beatae facere eveniet laborum est deserunt! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci autem eum laboriosam fugiat aperiam qui deserunt aliquam, voluptas aspernatur eius. Minima sapiente ipsa id perspiciatis eius esse vel, saepe qui.