|
|
| (8 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| − | <html>
| + | {{Hawaii/All}} |
| − | <div id="triangle"></div>
| + | |
| − | <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>
| + | |
| − | </html>
| + | |
| − | <styles>
| + | |
| − | @import url('https://fonts.googleapis.com/css?family=Cabin:700|Cabin+Condensed|Raleway|Roboto+Condensed|Open+Sans+Condensed:300|Work+Sans|Tajawal|Fjalla+One|Noto+Sans|EB+Garamond|Oswald');
| + | |
| − | body {
| + | |
| − | margin: 0px;
| + | |
| − | padding: 0px;
| + | |
| − | color: rgb(40,40,40);
| + | |
| − | width: calc(100vw);
| + | |
| − | }
| + | |
| − | h1 {
| + | |
| − | font-size: 30px;
| + | |
| − | font-family: 'Cabin', sans-serif;
| + | |
| − | }
| + | |
| − | h2 {
| + | |
| − | font-size: 26px;
| + | |
| − | font-family: 'Roboto Condensed', sans-serif;
| + | |
| − | }
| + | |
| − | h3 {
| + | |
| − | font-size: 22px;
| + | |
| − | font-family: 'Roboto Condensed', sans-serif;
| + | |
| − | letter-spacing: 1px;
| + | |
| − | }
| + | |
| − | h4 {
| + | |
| − | font-size: 20px;
| + | |
| − | font-family: 'Cabin', sans-serif;
| + | |
| − | letter-spacing: 2px;
| + | |
| − | }
| + | |
| − | h5 {
| + | |
| − | font-size: 18px;
| + | |
| − | font-family: 'Raleway', sans-serif;
| + | |
| − | }
| + | |
| − | p {
| + | |
| − | font-size: 20px;
| + | |
| − | font-family: 'EB Garamond', sans-serif;
| + | |
| − | display: flex;
| + | |
| − | align-items: center;
| + | |
| − | }
| + | |
| − | li {
| + | |
| − | list-style-type: none;
| + | |
| − | padding-right: 30px;
| + | |
| − | }
| + | |
| − | a {
| + | |
| − | text-decoration: none;
| + | |
| − | color: inherit;
| + | |
| − | font-size: 18px;
| + | |
| − | }
| + | |
| − | .big-section {
| + | |
| − | margin-bottom: 100px;
| + | |
| − | }
| + | |
| − | /* Accessory styles. */ | + | |
| − | /* #triangle {
| + | |
| − | width: 0;
| + | |
| − | height: 0;
| + | |
| − | border-bottom: 1000px solid rgb(30,30,40);
| + | |
| − | border-right: calc(100vw) solid transparent;
| + | |
| − | position: absolute;
| + | |
| − | left: 0px;
| + | |
| − | z-index: 1;
| + | |
| − | } */ | + | |
| − | /* Nav styles. */
| + | |
| − | #top-nav {
| + | |
| − | width: 100%;
| + | |
| − | height: 100px;
| + | |
| − | display: flex;
| + | |
| − | justify-content: center;
| + | |
| − | align-items: center;
| + | |
| − | letter-spacing: 1px;
| + | |
| − | } | + | |
| − | #top-nav ul {
| + | |
| − | width: 1100px;
| + | |
| − | padding: 0px;
| + | |
| − | display: flex;
| + | |
| − | justify-content: space-around;
| + | |
| − | align-items: center;
| + | |
| − | flex-direction: row;
| + | |
| − | z-index: 1;
| + | |
| − | }
| + | |
| − | .dropdown {
| + | |
| − | position: relative;
| + | |
| − | }
| + | |
| − | .dropdown-content {
| + | |
| − | height: auto;
| + | |
| − | width: auto;
| + | |
| − | display: none;
| + | |
| − | position: absolute;
| + | |
| − | background-color: white;
| + | |
| − | padding: 20px;
| + | |
| − | }
| + | |
| − | .dropdown-content div {
| + | |
| − | padding-bottom: 10px;
| + | |
| − | padding-top: 10px;
| + | |
| − | }
| + | |
| − | .dropdown:hover .dropdown-content {
| + | |
| − | display: flex;
| + | |
| − | flex-direction: column;
| + | |
| − | justify-content: space-around;
| + | |
| − | }
| + | |
| − | .dropdown-content div:hover {
| + | |
| − | color: rgb(200,200,200);
| + | |
| − | }
| + | |
| − | /* Footer styles. */
| + | |
| − | #footer {
| + | |
| − | width: calc(100vw);
| + | |
| − | height: 250px;
| + | |
| − | background-color: rgb(30,30,40);
| + | |
| − | color: rgb(210,210,210);
| + | |
| − | display: flex;
| + | |
| − | justify-content: space-around;
| + | |
| − | }
| + | |
| − | .footer-block ul{
| + | |
| − | padding: 0px;
| + | |
| − | }
| + | |
| − | /* Content Styles */
| + | |
| − | #content {
| + | |
| − | width: 100%;
| + | |
| − | height: auto;
| + | |
| − | display: flex;
| + | |
| − | justify-content: center;
| + | |
| − | }
| + | |
| − | #section1 {
| + | |
| − | width: 70%;
| + | |
| − | min-height: 900px;
| + | |
| − | }
| + | |
| − | | + | |
| − | </styles>
| + | |
