|
|
| (7 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| − | <html>
| + | {{Hawaii/All}} |
| − | <script>
| + | |
| − | ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
| + | |
| − | | + | |
| − | ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
| + | |
| − | </script>
| + | |
| − | | + | |
| − | | + | |
| − | <style>
| + | |
| − | /**************************************************************************************************************************************************************************************************/
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | /**************************************************************************************************************************************************************************************************/
| + | |
| − | /* DEFAULT WIKI SETTINGS */
| + | |
| − | /**************************************************************************************************************************************************************************************************/
| + | |
| − | | + | |
| − | | + | |
| − | #home_logo, #sideMenu { display:none; }
| + | |
| − | #sideMenu, #top_title, .patrollink {display:none;}
| + | |
| − | #content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;}
| + | |
| − | body {background-color:white; }
| + | |
| − | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
| + | |
| − | | + | |
| − | .judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;}
| + | |
| − | | + | |
| − | | + | |
| − | /**************************************************************************************************************************************************************************************************/ | + | |
| − | /* MENU */
| + | |
| − | /**************************************************************************************************************************************************************************************************/
| + | |
| − | | + | |
| − | /*this wraps the whole of the menu*/
| + | |
| − | .igem_2018_team_menu {
| + | |
| − | background-color:#c4baba;
| + | |
| − | border-left: 1px solid #c4baba;
| + | |
| − | display:block;
| + | |
| − | float:right;
| + | |
| − | height:100vh;
| + | |
| − | max-width: 270px;
| + | |
| − | overflow-y: auto;
| + | |
| − | overflow-x: hidden;
| + | |
| − | padding:0px;
| + | |
| − | position:fixed;
| + | |
| − | right:0%;
| + | |
| − | text-align:left;
| + | |
| − | width: 15%;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | .igem_2018_team_menu.displaying_menu{
| + | |
| − | display:block;
| + | |
| − | }
| + | |
| − | | + | |
| − | .igem_2018_team_menu a {
| + | |
| − | color: #484848;
| + | |
| − | text-decoration:none;
| + | |
| − | }
| + | |
| − | | + | |
| − | .igem_2018_team_menu img {
| + | |
| − | width:100%;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | .igem_2018_team_menu .menu_item {
| + | |
| − | background-color: #c4baba;
| + | |
| − | border-bottom: 1px solid #928b8b;
| + | |
| − | clear: both;
| + | |
| − | color: #484848;
| + | |
| − | cursor: pointer;
| + | |
| − | float: left;
| + | |
| − | font-size: 120%;
| + | |
| − | font-weight: bold;
| + | |
| − | padding: 15px 0px 15px 5%;
| + | |
| − | width: 100%;
| + | |
| − | }
| + | |
| − | | + | |
| − | .igem_2018_team_menu .menu_item.direct_link {
| + | |
| − | color: #484848;
| + | |
| − | padding-left: 15%;
| + | |
| − | }
| + | |
| − | .igem_2018_team_menu .menu_item:hover {
| + | |
| − | background-color: #ecb656;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | .igem_2018_team_menu .menu_item .submenu_control_icon {
| + | |
| − | color: #484848;
| + | |
| − | float: left;
| + | |
| − | width: 10%;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* submenu icon "+" "-"*/
| + | |
| − | .igem_2018_team_menu .menu_item .submenu_control_icon::before {
| + | |
| − | content: "+";
| + | |
| − | }
| + | |
| − | | + | |
| − | /* submenu icon "+" "-"*/
| + | |
| − | .igem_2018_team_menu .menu_item .submenu_control_icon.open::before {
| + | |
| − | content: "-";
| + | |
| − | }
| + | |
| − | | + | |
| − | /*submenu wrapper*/
| + | |
| − | .igem_2018_team_menu .submenu{
| + | |
| − | background-color: #e4dede;
| + | |
| − | clear:both;
| + | |
| − | display:none;
| + | |
| − | float: left;
| + | |
| − | width:100%;
| + | |
| − | }
| + | |
| − | | + | |
| − | /*styling for a submenu item*/
| + | |
| − | .igem_2018_team_menu .submenu .submenu_item {
| + | |
| − | border-bottom: 1px solid #c4baba;
| + | |
| − | color: #635d5d;
| + | |
| − | height: 30px;
| + | |
| − | float: left;
| + | |
| − | font-size: 110%;
| + | |
| − | font-weight: bold;
| + | |
| − | padding: 12px 0px 0px 15%;
| + | |
| − | width: 100%;
| + | |
| − | }
| + | |
| − | | + | |
| − | .igem_2018_team_menu .submenu .submenu_item:hover {
| + | |
| − | background-color: #f3bd5d;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | .igem_2018_team_menu .submenu .submenu_item.current_page,
| + | |
| − | .igem_2018_team_menu .menu_item.current_page,
| + | |
| − | .igem_2018_team_menu .menu_item.direct_link.current_page {
| + | |
| − | background-color:#7acbd8;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | /*mobile menu bar styling*/
| + | |
| − | /**************************************************************************************************************************************************************************************************/
| + | |
| − | | + | |
| − | | + | |
| − | .igem_2018_team_mobile_bar {
| + | |
| − | background-color:#e4dede;
| + | |
| − | border-bottom: 1px solid #c4baba;
| + | |
| − | cursor:pointer;
| + | |
| − | display:none;
| + | |
| − | float:left;
| + | |
| − | margin-top: 0;
| + | |
| − | padding: 5px 0;
| + | |
| − | position:fixed;
| + | |
| − | width:100%;
| + | |
| − | }
| + | |
| − | | + | |
| − | .igem_logo_mobile img {
| + | |
| − | width:70px;
| + | |
| − | }
| + | |
| − | | + | |
| − | .igem_logo_mobile {
| + | |
| − | float:left;
| + | |
| − | padding-left: 5%;
| + | |
| − | width: 30%;
| + | |
| − | }
| + | |
| − | | + | |
| − | .igem_menu_control_mobile img {
| + | |
| − | width:25px;
| + | |
| − | }
| + | |
| − | | + | |
| − | .igem_menu_control_mobile {
| + | |
| − | float:right;
| + | |
| − | padding-right:5%;
| + | |
| − | padding-top:5px;
| + | |
| − | text-align:right;
| + | |
| − | width: 30%;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | /**************************************************************************************************************************************************************************************************/
| + | |
| − | /* CONTENT OF THE PAGE */
| + | |
| − | /**************************************************************************************************************************************************************************************************/
| + | |
| − | | + | |
| − | /* general wrapper for the content */
| + | |
| − | .igem_2018_team_content {
| + | |
| − | background-color:white;
| + | |
| − | display:block;
| + | |
| − | width: 87%;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* subwrapper to center content */
| + | |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper {
| + | |
| − | margin:auto;
| + | |
| − | max-width: 1400px;
| + | |
| − | width:90%;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | /*general styling*/
| + | |
| − | /**************************************************************************************************************************************************************************************************/
| + | |
| − | | + | |
| − | @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;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | /*layout classes*/
| + | |
| − | /**************************************************************************************************************************************************************************************************/
| + | |
| − | | + | |
| − |
| + | |
| − | | + | |
| − |
| + | |
| − | /*support classes*/
| + | |
| − | /**************************************************************************************************************************************************************************************************/
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | /*mobile*/
| + | |
| − | /**************************************************************************************************************************************************************************************************/
| + | |
| − | | + | |
| − | | + | |
| − | /* 1800px */
| + | |
| − | /************************************************/
| + | |
| − | @media only screen and (max-width: 1800px) {
| + | |
| − | .igem_2018_team_content { width: 85%;}
| + | |
| − | .igem_2018_team_menu {display:block;}
| + | |
| − | }
| + | |
| − | | + | |
| − | /* 1400px */
| + | |
| − | /************************************************/
| + | |
| − | @media only screen and (max-width: 1400px) {
| + | |
| − | .igem_2018_team_menu .menu_item { font-size:100%;}
| + | |
| − | .igem_2018_team_menu .submenu .submenu_item { font-size:90%;}
| + | |
| − | .igem_2018_team_menu {display:block;}
| + | |
| − | }
| + | |
| − | | + | |
| − | @media only screen and (max-width: 1001px) {
| + | |
| − | .igem_2018_team_menu {display:block;}
| + | |
| − | }
| + | |
| − | | + | |
| − | /* 1000px */
| + | |
| − | /************************************************/
| + | |
| − | @media only screen and (max-width: 1000px) {
| + | |
| − | .igem_2018_team_content {width:100%; margin-left:0px;}
| + | |
| − | .igem_2018_team_menu {display:none; margin-top: 45px; min-width:50%; width:50%;}
| + | |
| − | .igem_2018_team_mobile_bar {display:block;}
| + | |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper .column.full_size, .igem_2018_team_content .igem_2018_team_column_wrapper .column.two_thirds_size,.igem_2018_team_content .igem_2018_team_column_wrapper .column.third_size {width:96%; }
| + | |
| − | | + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | @media only screen and (max-width: 500px) {
| + | |
| − | .igem_2018_team_menu {min-width:100%; width:100%; }
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | /**************************************************************************************************************************************************************************************************/
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | </style>
| + | |
| − | | + | |
| − | | + | |
| − | <!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
| + | |
| − | <!--- THIS IS WHERE THE HTML BEGINS --->
| + | |
| − | <!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
| + | |
| − | | + | |
| − | <head>
| + | |
| − | | + | |
| − | <!-- This tells the browser that your page is responsive -->
| + | |
| − | <meta name="viewport" content="width=device-width, initial-scale=1">
| + | |
| − | | + | |
| − | </head>
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | <!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
| + | |
| − | <!--- Menu --->
| + | |
| − | <!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
| + | |
| − | | + | |
| − | <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="team.html">Team Members</a></div>
| + | |
| − | <div><a href="collaborations.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="#">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="notebook-content-container">
| + | |
| − | <div id="notebook-content-overview" class="big-section">
| + | |
| − | <div class="month" id="first-month">
| + | |
| − | <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQAe8h190IHL5Xwm2RuY1k5TCOleKsetvOkPmgBKZLIffSlPFgk" width="100%" height="85%" alt="">
| + | |
| − | <div class="month-caption">
| + | |
| − | <h1>May</h1>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div class="month">
| + | |
| − | <img src="https://www.walldevil.com/wallpapers/a77/background-color-solid-yellow-earth-images.jpg" width="100%" height="85%" alt="">
| + | |
| − | <div class="month-caption">
| + | |
| − | <h1>June</h1>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div class="month">
| + | |
| − | <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTVqo9mmIsYbh0XQ_XOjhmxIse1S2JdN6lmynGUCrrNL9QOAFUK" width="100%" height="85%" alt="">
| + | |
| − | <div class="month-caption">
| + | |
| − | <h1>July</h1>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div class="month">
| + | |
| − | <img src="https://d2d00szk9na1qq.cloudfront.net/Product/90fdcbf6-7a62-4d24-9548-3a5b1b7efdd1/Images/Large_0419643.jpg" width="100%" height="85%" alt="">
| + | |
| − | <div class="month-caption">
| + | |
| − | <h1>August</h1>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div class="month">
| + | |
| − | <img src="https://www.boredart.com/wp-content/uploads/2017/02/light-yellow.jpg" width="100%" height="85%" alt="">
| + | |
| − | <div class="month-caption">
| + | |
| − | <h1>September</h1>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div class="month">
| + | |
| − | <img src="https://ih1.redbubble.net/image.425764990.6558/flat,800x800,070,f.u6.jpg" width="100%" height="85%" alt="">
| + | |
| − | <div class="month-caption">
| + | |
| − | <h1>October</h1>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | <div id="notebook-content-organizer" class="big-section">
| + | |
| − | <h2 id="month-experiments">Experiments</h2>
| + | |
| − | <div id="notebook-organizer">
| + | |
| − | <p>SDS PAGE</p>
| + | |
| − | <p>Agarose Gel</p>
| + | |
| − | <p>Induction</p>
| + | |
| − | <p>Transformation</p>
| + | |
| − | <p>Digestion</p>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | <div id="notebook-content-detail" class="big-section">
| + | |
| − | <div id="notebook-lessons-learned">
| + | |
| − | <div id="notebook-lessons-title">
| + | |
| − | <h1>Lessons Learned</h1>
| + | |
| − | </div>
| + | |
| − | <div id="notebook-lessons-inner">
| + | |
| − | <p>Lorem id eaque ducimus lcessitatibus sapiente optio, doloremque ullam natus.dsdf -Ryan</p>
| + | |
| − | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repudiandae voluptatem doloremque dicta, harum maiores tenetur illo dolore obcaecati delectus, ipsum nesciunt labore ducimus facere eum laudantium perferendis itaque voluptates perspiciatis! -Shelby</p>
| + | |
| − | <p>Lorem ipsum dolor sit ae ipsum omnis facere laborioiores, consequuntur quo sit dignissimos culpa repudiandae iste. -John</p>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div id="notebook-content">
| + | |
| − | <div id="notebook-content-inner">
| + | |
| − | <div class="week">
| + | |
| − | <h2 class="week-title">May 1 - May 7</h2>
| + | |
| − | <i class="fas fa-angle-down"></i>
| + | |
| − | <div class="notebook-content-text">
| + | |
| − | <h5 class="summary">Summary Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repudiandae laborum quidem sint odio ut, incidunt omnis nostrum soluta quaerat! Minus consequuntur perspiciatis quis facere repellendus soluta sunt fugiat quisquam? Velit.</h5>
| + | |
| − | <h3 class="notebook-subtitle">Subtitle 1</h3>
| + | |
| − | <p class="notebook-p">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt laboriosam accusamus accusantium excepturi sed nemo atque quam officiis cumque eveniet sunt tempore assumenda eligendi natus veniam eaque dolores, impedit repudiandae.</p>
| + | |
| − | <h3 class="notebook-subtitle">Subtitle 2</h3>
| + | |
| − | <p class="notebook-p">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate debitis cumque reprehenderit veniam, reiciendis doloribus incidunt nobis eius molestias voluptate ab error iure! Odit voluptatem earum, sapiente eum incidunt dolore.</p>
| + | |
| − | <h3 class="notebook-subtitle">Subtitle 3</h3>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div class="week">
| + | |
| − | <h2 class="week-title">May 8 - May 15</h2>
| + | |
| − | <i class="fas fa-angle-down"></i>
| + | |
| − | <div class="notebook-content-text">
| + | |
| − | <h5 class="summary">Summary Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repudiandae laborum quidem sint odio ut, incidunt omnis nostrum soluta quaerat! Minus consequuntur perspiciatis quis facere repellendus soluta sunt fugiat quisquam? Velit.</h5>
| + | |
| − | <h3 class="notebook-subtitle">Subtitle 1</h3>
| + | |
| − | <p class="notebook-p">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt laboriosam accusamus accusantium excepturi sed nemo atque quam officiis cumque eveniet sunt tempore assumenda eligendi natus veniam eaque dolores, impedit repudiandae.</p>
| + | |
| − | <h3 class="notebook-subtitle">Subtitle 2</h3>
| + | |
| − | <p class="notebook-p">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate debitis cumque reprehenderit veniam, reiciendis doloribus incidunt nobis eius molestias voluptate ab error iure! Odit voluptatem earum, sapiente eum incidunt dolore.</p>
| + | |
| − | <h3 class="notebook-subtitle">Subtitle 3</h3>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div class="week">
| + | |
| − | <h2 class="week-title">May 16 - May 23</h2>
| + | |
| − | <i class="fas fa-angle-down"></i>
| + | |
| − | <div class="notebook-content-text">
| + | |
| − | <h5 class="summary">Summary Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repudiandae laborum quidem sint odio ut, incidunt omnis nostrum soluta quaerat! Minus consequuntur perspiciatis quis facere repellendus soluta sunt fugiat quisquam? Velit.</h5>
| + | |
| − | <h3 class="notebook-subtitle">Subtitle 1</h3>
| + | |
| − | <p class="notebook-p">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt laboriosam accusamus accusantium excepturi sed nemo atque quam officiis cumque eveniet sunt tempore assumenda eligendi natus veniam eaque dolores, impedit repudiandae.</p>
| + | |
| − | <h3 class="notebook-subtitle">Subtitle 2</h3>
| + | |
| − | <p class="notebook-p">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate debitis cumque reprehenderit veniam, reiciendis doloribus incidunt nobis eius molestias voluptate ab error iure! Odit voluptatem earum, sapiente eum incidunt dolore.</p>
| + | |
| − | <h3 class="notebook-subtitle">Subtitle 3</h3>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div class="week">
| + | |
| − | <h2 class="week-title">May 24 - May 30</h2>
| + | |
| − | <i class="fas fa-angle-down"></i>
| + | |
| − | <div class="notebook-content-text">
| + | |
| − | <h5 class="summary">Summary Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repudiandae laborum quidem sint odio ut, incidunt omnis nostrum soluta quaerat! Minus consequuntur perspiciatis quis facere repellendus soluta sunt fugiat quisquam? Velit.</h5>
| + | |
| − | <h3 class="notebook-subtitle">Subtitle 1</h3>
| + | |
| − | <p class="notebook-p">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt laboriosam accusamus accusantium excepturi sed nemo atque quam officiis cumque eveniet sunt tempore assumenda eligendi natus veniam eaque dolores, impedit repudiandae.</p>
| + | |
| − | <h3 class="notebook-subtitle">Subtitle 2</h3>
| + | |
| − | <p class="notebook-p">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate debitis cumque reprehenderit veniam, reiciendis doloribus incidunt nobis eius molestias voluptate ab error iure! Odit voluptatem earum, sapiente eum incidunt dolore.</p>
| + | |
| − | <h3 class="notebook-subtitle">Subtitle 3</h3>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | <div id="notebook-ender">
| + | |
| − | | + | |
| − | </div>
| + | |
| − | | + | |
| − | </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>igemhawaii2018@gmail.com</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.html">Home</a></li>
| + | |
| − | <li><a href="project.html">Project</a></li>
| + | |
| − | <li><a href="#">Notebook</a></li>
| + | |
| − | <li><a href="team.html">Team</a></li>
| + | |
| − | <li><a href="medals.html">Medals</a></li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | <div class="footer-nav-col">
| + | |
| − | <ul>
| + | |
| − | <li></li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <!-- Footer End -->
| + | |
| − | </div>
| + | |
| − | <!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
| + | |
| − | <!--- Content of the page --->
| + | |
| − | <!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
| + | |
| − | | + | |
| − | | + | |
| − | <div class="igem_2018_team_content">
| + | |
| − | <div class="igem_2018_team_column_wrapper">
| + | |
| − | <div class="clear extra_space"></div>
| + | |
| − | <div class="clear extra_space"></div>
| + | |
