|
|
Line 357: |
Line 357: |
| <script src="https://2019.igem.org/Team:Cornell/jquerymin?action=raw&ctype=text/javascript"></script> | | <script src="https://2019.igem.org/Team:Cornell/jquerymin?action=raw&ctype=text/javascript"></script> |
| </head> | | </head> |
− |
| |
| <body> | | <body> |
− | <div class ="standard-page-wrapper"> | + | <div class ="about-page-wrapper"> |
| <!------------------------ NAV BAR START ------------------------> | | <!------------------------ NAV BAR START ------------------------> |
| <nav> | | <nav> |
| <div class="nav-bar-wrapper"> | | <div class="nav-bar-wrapper"> |
− | <div> | + | <div class="nav-bar-main-menu"> |
− | <div class="nav-bar-logo"> | + | <div class="dropdown"> |
− | <a href="home"><img src="https://static.igem.org/mediawiki/2019/9/94/T--Cornell--Logo.png" alt="reHAB"></a>
| + | <button class="dropbtn">TEAM</button> |
| + | <div class="dropdown-content team-dropdown-content"> |
| + | <a href="https://2019.igem.org/Team:Cornell/Team">BIOS</a> |
| + | <a href="https://2019.igem.org/Team:Cornell/Sponsors">SPONSORS</a> |
| + | <a href="https://2019.igem.org/Team:Cornell/Attributions">ATTRIBUTIONS</a> |
| + | </div> |
| </div> | | </div> |
− | <div class="nav-bar-main-menu"> | + | <div class="dropdown"> |
− | <div class="dropdown"> | + | <button class="dropbtn">OUTREACH</button> |
− | <button class="dropbtn">TEAM</button>
| + | <div class="dropdown-content outreach-dropdown-content"> |
− | <div class="dropdown-content team-dropdown-content">
| + | <a href="https://2019.igem.org/Team:Cornell/EducationAndEngagement">EDUCATION & ENGAGEMENT</a> |
− | <a href="https://2019.igem.org/Team:Cornell/Team">BIOS</a>
| + | <a href="https://2019.igem.org/Team:Cornell/Collaborations">COLLABORATIONS</a> |
− | <a href="https://2019.igem.org/Team:Cornell/Sponsors">SPONSORS</a>
| + | |
− | <a href="https://2019.igem.org/Team:Cornell/Attributions">ATTRIBUTIONS</a>
| + | |
− | </div>
| + | |
| </div> | | </div> |
− | <div class="dropdown">
| + | </div> |
− | <button class="dropbtn">OUTREACH</button>
| + | <div class="dropdown"> |
− | <div class="dropdown-content outreach-dropdown-content">
| + | <button class="dropbtn">HUMAN PRACTICES</button> |
− | <a href="#">EDUCATION & ENGAGEMENT</a>
| + | <div class="dropdown-content human-dropdown-content"> |
− | <a href="#">COLLABORATIONS</a>
| + | <a href="https://2019.igem.org/Team:Cornell/IntegratedPractices">INTEGRATED PRACTICES</a> |
− | </div> | + | <a href="https://2019.igem.org/Team:Cornell/Policies">POLICIES</a> |
| + | <a href="https://2019.igem.org/Team:Cornell/Entrepreneurship">ENTREPRENEURSHIP</a> |
| </div> | | </div> |
− | <div class="dropdown">
| + | </div> |
− | <button class="dropbtn">HUMAN PRACTICES</button>
| + | <div class="dropdown"> |
− | <div class="dropdown-content human-dropdown-content">
| + | <button class="dropbtn" |
− | <a href="#">INTEGRATED PRACTICES</a>
| + | onclick="location.href='https://2019.igem.org/Team:Cornell/Model'">MODELING</button> |
− | <a href="#">POLICIES</a>
| + | </div> |
− | <a href="#">ENTREPRENEURSHIP</a>
| + | <div class="dropdown"> |
− | </div>
| + | <button class="dropbtn">TOOLKIT</button> |
− | </div> | + | <div class="dropdown-content toolkit-dropdown-content"> |
− | <div class="dropdown">
| + | <ul> |
− | <button class="dropbtn"
| + | <div class="nav-first-col"> |
− | onclick="location.href='https://2019.igem.org/Team:Cornell/Model'">MODELING</button>
| + | <li class="wet-lab-list-title"><b>WET LAB</b></li> |
− | </div>
| + | <li><a href="https://2019.igem.org/Team:Cornell/Foundations">FOUNDATIONS</a></li> |
− | <div class="dropdown">
| + | <li><a href="https://2019.igem.org/Team:Cornell/Demonstrate">DEMONSTRATE</a></li> |
− | <button class="dropbtn">TOOLKIT</button>
| + | <li><a href="https://2019.igem.org/Team:Cornell/Parts">PARTS</a></li> |
− | <div class="dropdown-content toolkit-dropdown-content">
| + | <li><a href="https://2019.igem.org/Team:Cornell/BasicParts">BASIC PARTS</a></li> |
− | <ul>
| + | <li><a href="https://2019.igem.org/Team:Cornell/CompositeParts">COMPOSITE PARTS</a></li> |
− | <div class="nav-first-col">
| + | </div> |
− | <li class="wet-lab-list-title"><b>WET LAB</b></li>
| + | <div class="nav-second-col"> |
− | <li><a href="https://2019.igem.org/Team:Cornell/Foundations">FOUNDATIONS</a></li>
| + | <li class="pd-list-title"><b>DESIGN</b></li> |
− | <li><a href="https://2019.igem.org/Team:Cornell/Demonstrate">DEMONSTRATE</a></li>
| + | <li><a href="https://2019.igem.org/Team:Cornell/DesignProcess">DESIGN PROCESS</a></li> |
− | <li><a href="https://2019.igem.org/Team:Cornell/Parts">PARTS</a></li>
| + | </div> |
− | <li><a href="https://2019.igem.org/Team:Cornell/InterLab">BASIC PARTS</a></li>
| + | <div class="nav-third-col"> |
− | <li><a href="https://2019.igem.org/Team:Cornell/InterLab">COMPOSITE PARTS</a></li>
| + | <li class="doc-list-title"><b>DOCUMENTATION</b></li> |
− | </div>
| + | <li><a href="https://2019.igem.org/Team:Cornell/Notebook">NOTEBOOK</a></li> |
− | <div class="nav-second-col">
| + | <li><a href="https://2019.igem.org/Team:Cornell/Safety">SAFETY</a></li> |
− | <li class="pd-list-title"><b>DESIGN</b></li>
| + | </div> |
− | <li><a href="https://2019.igem.org/Team:Cornell/Notebook">DESIGN PROCESS</a></li>
| + | </ul> |
− | <li><a href="https://2019.igem.org/Team:Cornell/Safety">APPLIED DESIGN</a></li>
| + | |
− | </div>
| + | |
− | <div class="nav-third-col">
| + | |
− | <li class="doc-list-title"><b>DOCUMENTATION</b></li>
| + | |
− | <li><a href="https://2019.igem.org/Team:Cornell/Notebook">NOTEBOOK</a></li>
| + | |
− | <li><a href="https://2019.igem.org/Team:Cornell/Safety">SAFETY</a></li>
| + | |
− | </div>
| + | |
− | </ul> | + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="dropdown">
| + | |
− | <button class="dropbtn active-page" | + | |
− | onclick="location.href='https://2019.igem.org/Team:Cornell/Description'">ABOUT</button>
| + | |
− | </div>
| + | |
− | <div class="dropdown">
| + | |
− | <button class="dropbtn"
| + | |
− | onclick="location.href='https://2019.igem.org/Team:Cornell'">HOME</button>
| + | |
| </div> | | </div> |
| + | </div> |
| + | <div class="dropdown"> |
| + | <button class="dropbtn active-page" |
| + | onclick="https://2019.igem.org/Team:Cornell/Description">ABOUT</button> |
| + | </div> |
| + | <div class="dropdown"> |
| + | <button class="dropbtn" |
| + | onclick="https://2019.igem.org/Team:Cornell">HOME</button> |
| </div> | | </div> |
| </div> | | </div> |
Line 441: |
Line 434: |
| </header> | | </header> |
| <!------------------------ STANDARD PAGE BANNER END ------------------------> | | <!------------------------ STANDARD PAGE BANNER END ------------------------> |
− | <!------------------------ STANDARD PAGE SIDE BAR + CONTENT START ------------------------> | + | <!------------------------ ABOUT PAGE CONTENT START ------------------------> |
− | <div class="standard-page-side-bar-content-wrapper"> | + | <div class="about-page-content-wrapper"> |
− | <!------------------------ STANDARD PAGE SIDE BAR START ------------------------>
| + | <div class="about-content-wrapper"> |
− | <div class="standard-page-side-bar-wrapper">
| + | <div class="about-header-wrapper"><p class="about-header-text">Project Overview<p></div> |
− | <ul class="standard-page-side-bar">
| + | <div class="about-text-wrapper"> |
− | <li><a href="#pageheading1">PAGE HEADING 1</a></li>
| + | <p class="about-body-text">At Cornell iGEM, we understand the risks associated with our |
− | <li><a href="#pageheading2">PAGE HEADING 2</a></li>
| + | work and take all necessary precautions to minimize those risks. As a team, we take safety |
− | <li><a href="#pageheading3">PAGE HEADING 3</a></li>
| + | very seriously and a detailed description of our procedures can be found below. |
− | </ul>
| + | Our protocols are guided by the risk matrix, as we try to both minimize the likelihood |
− | </div>
| + | of an incident as well as the severity of an incident. Our completed safety form can |
− | <!------------------------ STANDARD PAGE SIDE BAR END ------------------------>
| + | be found <a id="safety-hyperlink" href="https://2019.igem.org/File:T--Cornell--Safety2019_Spreadsheet.xls">here</a>.</p> |
− | <!------------------------ STANDARD PAGE CONTENT START ------------------------>
| + | |
− | <div class="standard-page-content-wrapper"> | + | |
− | <div class="standard-page-content-section">
| + | |
− | <div class="standard-page-content-title"><a id="pageheading1">PAGE HEADING 1</a></div>
| + | |
− | <hr class="green-accent-line-left">
| + | |
− | <div class="standard-page-content-subheading">Subheading</div>
| + | |
− | <p class="standard-page-content-text">
| + | |
− | "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
| + | |
− | tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
| + | |
− | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
| + | |
− | Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
| + | |
− | fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
| + | |
− | culpa qui officia deserunt mollit anim id est laborum."
| + | |
− | </p>
| + | |
− | <img class="standard-page-content-image" src="">
| + | |
− | </div>
| + | |
− | <div class="standard-page-content-section">
| + | |
− | <div class="standard-page-content-title"><a id="pageheading2">PAGE HEADING 2</a></div>
| + | |
− | <hr class="green-accent-line-left">
| + | |
− | <div class="standard-page-content-subheading">Subheading</div>
| + | |
− | <p class="standard-page-content-text">
| + | |
− | "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
| + | |
− | tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
| + | |
− | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
| + | |
− | consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
| + | |
− | cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
| + | |
− | proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
| + | |
− | </p>
| + | |
− | <img class="standard-page-content-image" src="">
| + | |
− | </div>
| + | |
− | <div class="standard-page-content-section">
| + | |
− | <div class="standard-page-content-title"><a id="pageheading3">PAGE HEADING 3</a></div>
| + | |
− | <hr class="green-accent-line-left">
| + | |
− | <div class="standard-page-content-subheading">Subheading</div>
| + | |
− | <p class="standard-page-content-text">
| + | |
− | "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
| + | |
− | tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
| + | |
− | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
| + | |
− | Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
| + | |
− | fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
| + | |
− | culpa qui officia deserunt mollit anim id est laborum."</p>
| + | |
− | <img class="standard-page-content-image" src="">
| + | |
− | </div>
| + | |
| </div> | | </div> |
− | <!------------------------ STANDARD PAGE CONTENT END ------------------------>
| + | <!--DO NOT FORGET TO ADD IN THIS HYPERLINK OH MY GOD--> |
| + | </div> |
| </div> | | </div> |
− | <!------------------------ STANDARD PAGE SIDE BAR + CONTENT END ------------------------> | + | <!------------------------ ABOUT PAGE CONTENT END ------------------------> |
| <!------------------------ FOOTER START ------------------------> | | <!------------------------ FOOTER START ------------------------> |
| <footer> | | <footer> |