|
|
Line 1: |
Line 1: |
| + | <html> |
| | | |
| + | <head> |
| + | <style> |
| + | /* hides "Team:Cornell" and iGEM logo */ |
| + | #top_title { |
| + | display: none; |
| + | } |
| + | |
| + | /* removes padding below footer */ |
| + | #globalWrapper { |
| + | padding: 0; |
| + | } |
| + | |
| + | #content { |
| + | padding: 0px; |
| + | width: 100% !important; |
| + | margin-top: 0px; |
| + | margin-left: 0px; |
| + | } |
| + | |
| + | /* removes default styling for home banner tagline */ |
| + | #HQ_page p, .standard-page-content-list { |
| + | font-family: 'Open Sans', sans-serif; |
| + | font-size: 16px; |
| + | font-weight: 100; |
| + | color: #000; |
| + | padding-top: 0; |
| + | padding-bottom: 0; |
| + | } |
| + | |
| + | /* removes small extra margin at very bottom below footer */ |
| + | p { |
| + | margin: 0; |
| + | } |
| + | |
| + | /* removes bullets from Toolkit dropdown menu */ |
| + | ul { |
| + | list-style-image: none; |
| + | } |
| + | |
| + | /******************** ALL FONTS START ********************/ |
| + | @import url('https://fonts.googleapis.com/css?family=Merriweather|Open+Sans:400,700|Raleway'); |
| + | @font-face { |
| + | font-family: 'Futura'; |
| + | src: url('../futura/futura\ medium\ bt.ttf'); |
| + | } |
| + | |
| + | body { |
| + | font-family: 'Open Sans', sans-serif; |
| + | } |
| + | |
| + | .dropbtn, .dropdown-content { |
| + | font-size: 16px; |
| + | } |
| + | |
| + | .pd-page-banner > svg > text, .standard-page-content-title, .standard-page-side-bar-wrapper, .standard-page-content-subheading { |
| + | font-family: 'Futura', sans-serif; |
| + | } |
| + | |
| + | .tile-title { |
| + | font-family: 'Futura', sans-serif; |
| + | } |
| + | |
| + | /******************** ALL FONTS END ********************/ |
| + | |
| + | html, |
| + | body { |
| + | width: 100%; |
| + | height: 100%; |
| + | margin: 0; |
| + | padding: 0; |
| + | overflow-x: hidden; |
| + | } |
| + | |
| + | body { |
| + | background-size: 40px 40px; |
| + | } |
| + | |
| + | p { |
| + | color: #000; |
| + | } |
| + | |
| + | nav { |
| + | padding-top: 30px; |
| + | padding-bottom: 30px; |
| + | padding-right: 100px; |
| + | background-color: #a0e0bd; |
| + | } |
| + | |
| + | .nav-bar-logo { |
| + | vertical-align: top; |
| + | display: inline-block; |
| + | float: left; |
| + | margin-left: 80px; |
| + | margin-top: -5px; |
| + | } |
| + | |
| + | .nav-bar-logo img { |
| + | width: 140px; |
| + | } |
| + | |
| + | .home-banner-wrapper { |
| + | position: relative; |
| + | background: #a0e0bd; |
| + | height: 675px; |
| + | width: 100%; |
| + | margin-top: -5px; |
| + | } |
| + | |
| + | .home-banner-logo { |
| + | height: 200px; |
| + | position: absolute; |
| + | left: 75px; |
| + | bottom: 55px; |
| + | z-index: 1; |
| + | background-color: rgba(160, 224, 189, 0.5); |
| + | box-shadow: 10px -10px 50px 10px rgba(160, 224, 189, 0.75); |
| + | } |
| + | |
| + | .home-banner-plants { |
| + | position: absolute; |
| + | top: 10px; |
| + | right: -10; |
| + | bottom: 20px; |
| + | height: 680px; |
| + | width: 1400px; |
| + | } |
| + | |
| + | .dropbtn { |
| + | background-color: transparent; |
| + | text-decoration: none; |
| + | padding: 15px; |
| + | margin: 0px; |
| + | font-size: 15px; |
| + | border: none; |
| + | color: #fff; |
| + | } |
| + | |
| + | @media (max-width: 1050px) { |
| + | .dropbtn { |
| + | font-size: 12px; |
| + | } |
| + | } |
| + | |
| + | .dropdown { |
| + | position: relative; |
| + | vertical-align: top; |
| + | display: inline-block; |
| + | float: right; |
| + | } |
| + | |
| + | .dropdown ul { |
| + | list-style-type: none; |
| + | } |
| + | |
| + | .dropdown a { |
| + | position: relative; |
| + | display: inline-block; |
| + | color: #e8b023; |
| + | text-decoration: none; |
| + | } |
| + | |
| + | .dropdown-content { |
| + | display: none; |
| + | position: absolute; |
| + | background-color: #016c64; |
| + | color: #ffffff; |
| + | width: 200px; |
| + | font-size: 14px; |
| + | box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); |
| + | z-index: 1; |
| + | } |
| + | |
| + | .dropdown-content a:hover { |
| + | background-color: #a0e0bd !important; |
| + | } |
| + | |
| + | .toolkit-dropdown-content { |
| + | width: 590px; |
| + | left: -160px; |
| + | } |
| + | |
| + | .modeling-dropdown-content { |
| + | left: -40px; |
| + | } |
| + | |
| + | .human-dropdown-content { |
| + | left: 12px; |
| + | } |
| + | |
| + | .outreach-dropdown-content { |
| + | width: 230px; |
| + | left: -40px; |
| + | } |
| + | |
| + | .team-dropdown-content { |
| + | width: 140px; |
| + | left: -35px; |
| + | } |
| + | |
| + | .dropdown-content a { |
| + | color: #ffffff; |
| + | padding: 12px 16px; |
| + | text-decoration: none !important; |
| + | display: block; |
| + | } |
| + | |
| + | .wet-lab-list-title, |
| + | .doc-list-title, |
| + | .pd-list-title { |
| + | padding-top: 12px; |
| + | padding-left: 16px; |
| + | padding-bottom: 14px; |
| + | } |
| + | |
| + | .nav-second-col { |
| + | margin-left: 30px; |
| + | } |
| + | |
| + | .nav-third-col { |
| + | margin-left: 30px; |
| + | } |
| + | |
| + | .dropbtn:hover, |
| + | .active-page { |
| + | color: #016c64; |
| + | transition-duration: 0.5s; |
| + | } |
| + | |
| + | .dropdown-content a:hover { |
| + | color: #016c64; |
| + | background-color: #ffffff; |
| + | } |
| + | |
| + | .dropdown:hover .dropdown-content { |
| + | display: block; |
| + | } |
| + | |
| + | footer { |
| + | padding: 35px; |
| + | position: relative; |
| + | text-align: center; |
| + | background-color: #a0e0bd; |
| + | } |
| + | |
| + | .footer-wrapper { |
| + | margin: auto; |
| + | display: inline-block; |
| + | } |
| + | |
| + | .icon-wrapper { |
| + | display: inline-block; |
| + | position: relative; |
| + | padding-right: 18px; |
| + | padding-left: 18px; |
| + | border-right: 0.5px solid white; |
| + | } |
| + | |
| + | .icon-wrapper-last { |
| + | border-right: none; |
| + | } |
| + | |
| + | .icon { |
| + | margin: 16px; |
| + | } |
| + | |
| + | .icon img { |
| + | height: 24px; |
| + | } |
| + | |
| + | /*Start Styles for Standard Page*/ |
| + | .standard-page-banner { |
| + | background-color: #a0e0bd; |
| + | } |
| + | |
| + | .standard-page-side-bar-content-wrapper { |
| + | padding: 5% 0; |
| + | } |
| + | |
| + | .standard-page-side-bar>li>a { |
| + | text-decoration: none; |
| + | color: #016C64; |
| + | font-size: 16px; |
| + | } |
| + | |
| + | .standard-page-side-bar { |
| + | list-style-type: none; |
| + | padding-left: 15px; |
| + | padding-right: 15px; |
| + | vertical-align: middle; |
| + | margin: 40px !important; |
| + | } |
| + | |
| + | .standard-page-side-bar>li { |
| + | margin-bottom: 15px; |
| + | } |
| + | |
| + | .standard-page-content-title { |
| + | font-size: 24px; |
| + | color: #000 !important; |
| + | position: relative; |
| + | } |
| + | |
| + | .green-accent-line-left { |
| + | border: #a0e0bd solid 1px; |
| + | display: block; |
| + | float: left; |
| + | margin: 1em auto 1em auto; |
| + | width: 80px; |
| + | } |
| + | |
| + | .standard-page-content-subheading { |
| + | font-size: 18px; |
| + | font-weight: 1; |
| + | color: #000; |
| + | padding-top: 40px; |
| + | padding-bottom: 0; |
| + | } |
| + | |
| + | .standard-page-content-section { |
| + | margin-top: 40px; |
| + | margin-bottom: 40px; |
| + | } |
| + | |
| + | .pd-component-a-image { |
| + | height: 250px; |
| + | padding-top: 35px; |
| + | padding-right: 35px; |
| + | } |
| + | |
| + | .pd-fab-a-image { |
| + | height: 400px; |
| + | padding-top: 45px; |
| + | } |
| + | |
| + | .pd-com-b-image { |
| + | height: 300px; |
| + | padding-top: 35px; |
| + | } |
| + | |
| + | .pd-fab-b-img { |
| + | height: 300px; |
| + | padding-top: 35px; |
| + | } |
| + | |
| + | .pd-page-banner { |
| + | background-image: url(https://static.igem.org/mediawiki/2019/4/44/T--Cornell--JackiePD.jpeg); |
| + | background-size: cover; |
| + | fill: black; |
| + | } |
| + | |
| + | |
| + | |
| + | /*End Style for Standard Page*/ |
| + | /******************** STANDARD PAGE GRID START ********************/ |
| + | nav { |
| + | grid-area: navbar; |
| + | } |
| + | |
| + | .nav-bar-main-menu .dropdown:nth-child(5) .dropdown-contentx { |
| + | display: grid; |
| + | grid-template-columns: auto auto auto; |
| + | } |
| + | |
| + | .nav-first-col { |
| + | display: inline-grid; |
| + | } |
| + | |
| + | .nav-second-col { |
| + | display: inline-grid; |
| + | } |
| + | |
| + | .nav-third-col { |
| + | display: inline-grid; |
| + | } |
| + | |
| + | footer { |
| + | grid-area: footer; |
| + | } |
| + | |
| + | .standard-page-wrapper { |
| + | display: grid; |
| + | grid-template-columns: auto; |
| + | grid-template-rows: 100px 550px auto 100px; |
| + | grid-template-areas: 'navbar' 'standardpagebanner' 'standardpagesidebarcontent' 'footer'; |
| + | } |
| + | |
| + | .standard-page-banner { |
| + | grid-area: standardpagebanner; |
| + | } |
| + | |
| + | .standard-page-side-bar-content-wrapper { |
| + | display: inline-grid; |
| + | grid-area: standardpagesidebarcontent; |
| + | grid-template-columns: 7.5% 20% 65% 7.5%; |
| + | grid-template-areas: '. standardpagesidebar standardpagecontent .'; |
| + | } |
| + | |
| + | .standard-page-side-bar-wrapper { |
| + | grid-area: standardpagesidebar; |
| + | } |
| + | |
| + | .standard-page-content-wrapper { |
| + | grid-area: standardpagecontent; |
| + | } |
| + | |
| + | a.icon { |
| + | padding: 0 !important; |
| + | } |
| + | /******************** STANDARD PAGE GRID END ********************/ |
| + | </style> |
| + | <title>Team:Cornell - 2019.igem.org</title> |
| + | |
| + | |
| + | <!-- JS --> |
| + | <script src="https://2019.igem.org/Team:Cornell/jquerymin?action=raw&ctype=text/javascript"></script> |
| + | </head> |
| + | <!--NOTE: REMEMBER TO CHANCE active-page CLASS TO CORRECT DROPDOWN--> |
| + | <body> |
| + | <div class ="standard-page-wrapper"> |
| + | |
| + | <!------------------------ NAV BAR START ------------------------> |
| + | <nav> |
| + | <div class="nav-bar-wrapper"> |
| + | <div class="nav-bar-logo"> |
| + | <a href="https://2019.igem.org/Team:Cornell"><img src="https://static.igem.org/mediawiki/2019/9/94/T--Cornell--Logo.png" alt="reHAB"></a> |
| + | </div> |
| + | <div class="nav-bar-main-menu"> |
| + | <div class="dropdown"> |
| + | <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 class="dropdown"> |
| + | <button class="dropbtn">OUTREACH</button> |
| + | <div class="dropdown-content outreach-dropdown-content"> |
| + | <a href="https://2019.igem.org/Team:Cornell/Public_Engagement">EDUCATION & ENGAGEMENT</a> |
| + | <a href="https://2019.igem.org/Team:Cornell/Collaborations">COLLABORATIONS</a> |
| + | </div> |
| + | </div> |
| + | <div class="dropdown"> |
| + | <button class="dropbtn">HUMAN PRACTICES</button> |
| + | <div class="dropdown-content human-dropdown-content"> |
| + | <a href="https://2019.igem.org/Team:Cornell/Human_Practices">INTEGRATED PRACTICES</a> |
| + | <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"> |
| + | <button class="dropbtn" |
| + | onclick="location.href='https://2019.igem.org/Team:Cornell/Model'">MODELING</button> |
| + | </div> |
| + | <div class="dropdown"> |
| + | <button class="dropbtn active-page">TOOLKIT</button> |
| + | <div class="dropdown-content toolkit-dropdown-content"> |
| + | <ul> |
| + | <div class="nav-first-col"> |
| + | <li class="wet-lab-list-title"><b>WET LAB</b></li> |
| + | <li><a href="https://2019.igem.org/Team:Cornell/Foundations">FOUNDATIONS</a></li> |
| + | <li><a href="https://2019.igem.org/Team:Cornell/Demonstrate">DEMONSTRATE</a></li> |
| + | <li><a href="https://2019.igem.org/Team:Cornell/Parts">PARTS</a></li> |
| + | <li><a href="https://2019.igem.org/Team:Cornell/BasicParts">BASIC PARTS</a></li> |
| + | <li><a href="https://2019.igem.org/Team:Cornell/CompositeParts">COMPOSITE PARTS</a></li> |
| + | </div> |
| + | <div class="nav-second-col"> |
| + | <li class="pd-list-title"><b>PRODUCT DEVELOPMENT</b></li> |
| + | <li><a href="https://2019.igem.org/Team:Cornell/DesignProcess">DESIGN PROCESS</a></li> |
| + | <li><a href="https://2019.igem.org/Team:Cornell/Hardware">HARDWARE</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" |
| + | 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> |
| + | </nav> |
| + | <!------------------------ NAV BAR END ------------------------> |
| + | <!------------------------ STANDARD PAGE BANNER START ------------------------> |
| + | <header class="pd-page-banner"> |
| + | <svg viewBox="0 0 100 100" width=100% height=100%> |
| + | <text text-anchor="middle" alignment-baseline="middle" x=50% y=50%>Design Process</text> |
| + | </svg> |
| + | </header> |
| + | <!------------------------ STANDARD PAGE BANNER END ------------------------> |
| + | <!------------------------ STANDARD PAGE SIDE BAR + CONTENT START ------------------------> |
| + | <div class="standard-page-side-bar-content-wrapper"> |
| + | <!------------------------ STANDARD PAGE SIDE BAR START ------------------------> |
| + | <div class="standard-page-side-bar-wrapper"> |
| + | <ul class="standard-page-side-bar"> |
| + | <li><a href="#pageheading1">Overview</a></li> |
| + | <li><a href="#pageheading2">Sampler</a></li> |
| + | <li><a href="#pageheading3">Fabrication of Sampler</a></li> |
| + | <li><a href="#pageheading4">Bioreactor</a></li> |
| + | <li><a href="#pageheading5">Fabrication of Bioreactor</a></li> |
| + | </ul> |
| + | </div> |
| + | <!------------------------ STANDARD PAGE SIDE BAR END ------------------------> |
| + | <!------------------------ STANDARD PAGE CONTENT START ------------------------> |
| + | <div class="standard-page-content-wrapper"> |
| + | <div class="standard-page-content-section"> |
| + | <div class="standard-page-content-title"><div id="pageheading1">Overview</div></div> |
| + | <hr class="green-accent-line-left"> |
| + | <br> |
| + | <br> |
| + | <br> |
| + | <p class="standard-page-content-text"> |
| + | The hardware component of this interdisciplinary project uses various engineering principles. We started by consulting researchers and research papers to find issues that we can solve in relation to harmful algae blooms. We found many issues, but after weeks of feedback from people around the community, we locked into something that can be applied to not only our project, but also to other researchers. Our team started with a rigorous prototyping process and moved to an iterative design process until we got to the complete product. All the while, we had one major goal in mind—to create an integrated system that can be inexpensive and usable by anyone and everyone. |
| + | <br> |
| + | <br> |
| + | Cornell iGEM’s reHAB simplifies data collection and provides a way to use data insightfully. Our system is composed of hardware components and biological components. Our integrated system begins with HabCab. It is an automated inexpensive sampler which will collect samples in water along with storing the GPS location of the sample collected. Next, once we find out that the water contains microcystin toxins, we can utilize the HabLab, a bioreactor that utilizes a flow dispersion nozzle to optimize the flow of water through a microcystin-removing array of alginate beads. Our wet lab team designed the bacteria responsible for the breaking down of microcystins which are locked safely inside each alginate bead. |
| + | <br> |
| + | </p> |
| + | </div> |
| + | <div class="standard-page-content-section"> |
| + | <div class="standard-page-content-title"><div id="pageheading2">Sampler</div></div> |
| + | <hr class="green-accent-line-left"> |
| + | <br> |
| + | <br> |
| + | <p class="standard-page-content-text"> |
| + | <br> |
| + | Our sampling system consists of one vacuum pump connected to a solenoid valve array which regulate water inflow of each sample through plastic tubing. This apparatus can be placed on any aquatic vehicle, and in our case we built a small boat. The gps module on top of the boat coordinates the movement of the boat, the vacuum pump, and solenoid. Once we arrive at each location, an unused tube’s solenoid valve opens. An arduino controls the entire process.The vacuum pump transfers the water through the open valve into the test tube to complete a sample collection. After 8 seconds, the pump turns off and the valve closes. This specific valve remains closed for the duration of the trip. The number of seconds that we keep the pump on for and valve open for was determined through trial and error to determine how long it would take the test tube to fill up without overflowing. |
| + | <br><br> |
| + | By using one pump for all of the samples, we sped up the design process and made it much cheaper to build. However, contamination became a much bigger problem. Because of this, in order to use different tubes all connected to the same pump and only have one fill with water at a time, we incorporated the solenoid valves into our design. |
| + | <br><br> |
| + | </p> |
| + | <img class="pd-component-a-image" src="https://static.igem.org/mediawiki/2019/0/06/T--Cornell--component-sampler.jpeg" alt="sampler"> |
| + | <img class="pd-component-a-image" src="https://static.igem.org/mediawiki/2019/5/5f/T--Cornell--sampler.jpeg" alt="sampler"> |
| + | <img class="pd-component-a-image" src = "https://static.igem.org/mediawiki/2019/5/5e/T--Cornell--Moter-GPS-Sensor.jpeg" alt="motor"> |
| + | <img class="pd-component-a-image" src="https://static.igem.org/mediawiki/2019/b/b6/T--Cornell--arduino.jpeg" alt="arduino"> |
| + | |
| + | </div> |
| + | <div class="standard-page-content-section"> |
| + | <div class="standard-page-content-title"><div id="pageheading3">Fabrication of Sampler</div></div> |
| + | <hr class="green-accent-line-left"> |
| + | <br> |
| + | <br> |
| + | <p class="standard-page-content-text"> |
| + | <br> |
| + | We modeled a prototype of the sampler vessel in Fusion 360 before fabrication. We then constructed the vessel by laser-cutting acrylic sheets and connecting the pieces with a solvent weld. We chose the method of laser-cutting because it is precise and can cut the acrylic sheet material with ease. The solvent welding method was extremely effective in creating strong, waterproof joints in the boat, which are necessary to prevent leaking. We also 3D modeled and printed a holder for the sample collection device using ABS plastic. We chose this additive manufacturing technique over a subtractive technique due to its accessibility and low cost of materials. Since the holder is not under considerable stress, the ABS plastic material is sufficiently strong. |
| + | </p> |
| + | <img class="pd-fab-a-image" src="https://static.igem.org/mediawiki/2019/0/0e/T--Cornell--fab-a-sampler.jpeg" alt="fab-a"> |
| + | </div> |
| + | <div class="standard-page-content-section"> |
| + | <div class="standard-page-content-title"><div id="pageheading4">Bioreactor</div></div> |
| + | <hr class="green-accent-line-left"> |
| + | <br> |
| + | <br> |
| + | <p class="standard-page-content-text"> |
| + | <br> |
| + | The bioreactor consists of two sizes of inert tubing ¼ inch radius and ½ inch radius, flow distribution nozzles, 2 filters and a syringe. The water sample to be cleaned starts in the syringe and is pressed through the ¼ inch into the main compartment of the bioreactor. The main compartment consists of the ½ inch tubing filled with our alginate bead encapsulated bacteria. The water continues moving through, interacting with the bacteria so that the toxin breaks down, and then exits the system fully cleaned on the other side. Inert tubing was chosen in order to prevent chemical reactions with the microcystins or any other molecules in the water. Filters were included on both ends of the bioreactor in order to ensure that bacteria did not travel outside of the reaction vessel, even if they somehow escaped the alginate beads. Nozzles were included in order to evenly spread out the flow from the small tube coming from the syringe to the large reaction vessel tube. We designed the nozzles using Autodesk Inventor and then 3D printed them in our lab. |
| + | </p> |
| + | <img class="pd-com-b-image" src = "https://static.igem.org/mediawiki/2019/3/3e/T--Cornell--component-b-bioreactor.jpeg" alt="component b"> |
| + | </div> |
| + | <div class="standard-page-content-section"> |
| + | <div class="standard-page-content-title"><div id="pageheading5">Fabrication of Bioreactor</div></div> |
| + | <hr class="green-accent-line-left"> |
| + | <br> |
| + | <br> |
| + | <p class="standard-page-content-text"> |
| + | <br> |
| + | We used a MakerBot Pro to 3D print the bioreactor nozzles out of ABS plastic. This method was the simplest way to produce the small and intricate parts. A subtractive manufacturing method wouldn’t have been able to accurately produce the interior chambers necessary in the design of the nozzle. The tight 3D printer tolerances resulted in fully watertight pieces. |
| + | </p> |
| + | <img class="pd-fab-b-img" src="https://static.igem.org/mediawiki/2019/c/c4/T--Cornell--Nozzle.jpeg" alt="nozzle"> |
| + | </div> |
| + | </div> |
| + | <!------------------------ STANDARD PAGE CONTENT END ------------------------> |
| + | </div> |
| + | <!------------------------ STANDARD PAGE SIDE BAR + CONTENT END ------------------------> |
| + | <!------------------------ FOOTER START ------------------------> |
| + | <footer> |
| + | <div class="footer-wrapper"> |
| + | <div class="icon-wrapper"> |
| + | <a class="icon" href="http://facebook.com/cornelligem"><img src="https://static.igem.org/mediawiki/2019/4/44/T--Cornell--Facebook.png"></a> |
| + | </div> |
| + | <div class="icon-wrapper"> |
| + | <a class="icon" href="http://twitter.com/cugem"><img src="https://static.igem.org/mediawiki/2019/8/80/T--Cornell--Twitter.png"></a> |
| + | </div> |
| + | <div class="icon-wrapper"> |
| + | <a class="icon" href="https://www.instagram.com/cugem/"><img src="https://static.igem.org/mediawiki/2019/3/37/T--Cornell--Instagram.png"></a> |
| + | </div> |
| + | <div class="icon-wrapper icon-wrapper-last"> |
| + | <a class="icon" href="https://www.youtube.com/channel/UCJt-5JfyoucUJXC1EsTllhg"><img src="https://static.igem.org/mediawiki/2019/3/3c/T--Cornell--Youtube.png"></a> |
| + | </div> |
| + | </div> |
| + | </footer> |
| + | <!------------------------ FOOTER END ------------------------> |
| + | </div> |
| + | </body> |
| + | |
| + | </html> |