Difference between revisions of "Team:Cornell/Applied Design"

Line 1: Line 1:
{{Cornell}}
+
<!DOCTYPE html>
<html>
+
<html class="no-js">
 +
  <style> /********************************* WIKI RESET  ********************************/
 +
@import url('https://fonts.googleapis.com/css?family=Crimson+Text:400,700%7CSource+Sans+Pro:400,700%7CMontserrat:500');
 +
    #sideMenu, #top_title {
 +
      display:none;
 +
    }
 +
    #content {
 +
      padding:0px;
 +
      width:100% !important;
 +
      margin-top:-26px;
 +
      margin-left:0px ;
 +
      font-family:"Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif; !important;
 +
    }
 +
    body {
 +
      background-color: black;
 +
      font-family:"Crimson Text", "Source Sans Pro", Montserrat, sans-serif; !important;
 +
    }
 +
    #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 {
 +
      font-family:"Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif; !important;
 +
    }
 +
#HQ_page .bios-banner-caption {
 +
  text-align: center; !important;
 +
  font-family: 'Crimson Text', serif; !important;
 +
  font-size: 65px; !important;
 +
}
  
 +
#HQ_page p {
 +
  font-family: 'Crimson Text', serif;
 +
  font-size: 17px;
 +
  margin-top: 0;
 +
  margin-bottom: 25px;
 +
  text-align: left;
 +
  color: rgba(7,7,7,0.7);
 +
  line-height: normal;
 +
}
  
 +
#HQ_page .bio-title {
 +
font-size: 36px; !important;
 +
}
  
<div class="clear"></div>
+
#HQ_page .bio-subtitle {
 +
font-size: 24px; !important;
 +
}
  
<div class="column half_size">
+
#HQ_page .sponsors-title {
<h1>Applied Design</h1>
+
margin: 100px 0; !important;
 
+
  text-align: center; !important;
<h3>Best Applied Design Special Prize</h3>
+
  font-size: 65px; !important;
 
+
}
<p>This is a prize for the team that has developed a synbio product to solve a real world problem in the most elegant way. The students will have considered how well the product addresses the problem versus other potential solutions, how the product integrates or disrupts other products and processes, and how its lifecycle can more broadly impact our lives and environments in positive and negative ways.
+
<br><br>
+
To compete for the <a href="https://2017.igem.org/Judging/Awards">Best Applied Design prize</a>, please describe your work on this page and also fill out the description on the <a href="https://2017.igem.org/Judging/Judging_Form">judging form</a>.
+
<br><br>
+
You must also delete the message box on the top of this page to be eligible for this prize.
+
</p>
+
</div>
+
 
+
<div class="column half_size">
+
 
+
<h5>Inspiration</h5>
+
<p>Take a look at what some teams accomplished for this prize.</p>
+
<ul>
+
<li><a href="https://2016.igem.org/Team:NCTU_Formosa/Design">2016 NCTU Formosa</a></li>
+
<li><a href="https://2016.igem.org/Team:HSiTAIWAN/Product?locationId=Design">2016 HSiTAIWAN</a></li>
+
<li><a href="https://2016.igem.org/Team:Pasteur_Paris/Design">2016 Pasteur Paris</a></li>
+
</ul>
+
</div>
+
 
+
<div class="clear"></div>
+
  
 +
a:visited {
 +
  color: #000000;
 +
}
 +
/*removes padding & margin for ul for sidebar in standard parge*/
 +
.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul {
 +
  margin: 0;
 +
  padding: 0;
 +
}
  
 +
  </style>
 +
  <head>
 +
      <meta charset="UTF-8">
 +
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
 +
      <title>Applied Design</title>
 +
      <meta name="description" content="Bios">
 +
      <meta name="viewport" content="width=device-width, initial-scale=1">
 +
      <!--Stylesheets-->
 +
      <link rel="stylesheet" href="https://2017.igem.org/Team:Cornell/bootstrapCSS?action=raw&ctype=text/css">
 +
      <link rel="stylesheet" href="https://2017.igem.org/Team:Cornell/styles?action=raw&ctype=text/css"> <!--For nav bar text-->
 +
      <link rel="stylesheet" href="https://2017.igem.org/Team:Cornell/animateCSS?action=raw&ctype=text/css"> <!--For slide show text animation-->
 +
      <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Team:Cornell/slickCSS?action=raw&ctype=text/css">
 +
      <link rel="stylesheet" href="https://2017.igem.org/Team:Cornell/mainCSS?action=raw&ctype=text/css">
 +
      <!-- JavaScript Files-->
 +
      <script src="https://2017.igem.org/Team:Cornell/jquerymin?action=raw&ctype=text/javascript" type="text/javascript"></script>
 +
      <script src="https://2017.igem.org/Team:Cornell/modernizrJS?action=raw&ctype=text/javascript" type="text/javascript"></script>
 +
      <script src="https://2017.igem.org/Team:Cornell/slickJS?action=raw&ctype=text/javascript" type="text/javascript"></script>
 +
      <script src="https://2017.igem.org/Team:Cornell/stellar?action=raw&ctype=text/javascript" type="text/javascript"></script>
 +
      <script src="https://2017.igem.org/Team:Cornell/mainJS?action=raw&ctype=text/javascript" type="text/javascript"></script>
 +
  </head>
  
 +
  <!------------------------NAV BAR------------------------>
 +
    <body class="ex-layout">
 +
    <div class="main-nav-wrapper nav-wrapper-1-creative">
 +
      <nav>
 +
        <div class="main-nav main-nav-1 creative-page nav-content-toggle">
 +
          <div class="container">
 +
            <div class="nav-logo">
 +
                <a href="https://2017.igem.org/Team:Cornell"><img src="https://static.igem.org/mediawiki/2017/1/1d/CornellOxyponicsLogo.png" alt="Oxyponics"></a>
 +
            </div>
 +
            <ul class="nav-main-menu nav-content-item">
 +
              <li><a href="https://2017.igem.org/Team:Cornell">HOME</a></li>
 +
              <li><a href="https://2017.igem.org/Team:Cornell/Description">ABOUT</a></li>
 +
              <li class="mega-menu menu-5-col"><a href="#">TOOLKIT</a>
 +
                <ul class="mega-menu-content">
 +
                  <li class="menu-title"><a href="#">WET LAB</a>
 +
                    <ul>
 +
                      <li><a href="https://2017.igem.org/Team:Cornell/Experiments">HYDROSENSE</a></li>
 +
                      <li><a href="https://2017.igem.org/Team:Cornell/Contribution">CONTRIBUTION</a></li>
 +
                      <li><a href="https://2017.igem.org/Team:Cornell/Parts">PARTS</a></li>
 +
                      <li><a href="https://2017.igem.org/Team:Cornell/Composite_Part">COMPOSITE PARTS</a></li>
 +
                      <li><a href="https://2017.igem.org/Team:Cornell/Protocol">PROTOCOLS</a></li>
 +
                    </ul>
 +
                  </li>
 +
                  <li class="menu-title"><a href="#">PRODUCT DEVELOPMENT</a>
 +
                    <ul>
 +
                      <li><a href="https://2017.igem.org/Team:Cornell/Design">DESIGN PROCESS</a></li>
 +
                      <li><a href="https://2017.igem.org/Team:Cornell/Applied_Design">APPLIED DESIGN</a></li>
 +
                      <li><a href="https://2017.igem.org/Team:Cornell/Software">DASHBOARD</a></li>
 +
                      <li><a href="https://2017.igem.org/Team:Cornell/Model">MODEL</a></li>
 +
                    </ul>
 +
                  </li>
 +
                  <li class="menu-title"><a href="#">DOCUMENTATION</a>
 +
                    <ul>
 +
                      <li><a href="https://2017.igem.org/Team:Cornell/Notebook">NOTEBOOK</a></li>
 +
                      <li><a href="https://2017.igem.org/Team:Cornell/Safety">SAFETY</a></li>
 +
                    </ul>
 +
                  </li>
 +
                </ul>
 +
              </li>
 +
              <li><a href="#">HUMAN CENTERED DESIGN</a>
 +
                <ul>
 +
                  <li><a href="https://2017.igem.org/Team:Cornell/HP/Gold_Integrated">PRACTICES</a></li>
 +
                  <li><a href="https://2017.igem.org/Team:Cornell/Policies">POLICIES</a></li>
 +
                  <li><a href="https://2017.igem.org/Team:Cornell/Entrepreneurship">ENTREPRENEURSHIP</a></li>
 +
                  </ul>
 +
              </li>
 +
              <li><a href="#">OUTREACH</a>
 +
                <ul>
 +
                  <li><a href="https://2017.igem.org/Team:Cornell/Collaborations">COLLABORATIONS</a></li>
 +
                  <li><a href="https://2017.igem.org/Team:Cornell/Engagement">PUBLIC ENGAGEMENT</a></li>
 +
                </ul>
 +
              </li>
 +
              <li><a href="#">TEAM</a>
 +
                <ul id="bios">
 +
                  <li><a href="https://2017.igem.org/Team:Cornell/Team">BIOS</a></li>
 +
                  <li><a href="https://2017.igem.org/Team:Cornell/Sponsors">SPONSORS</a></li>
 +
                  <li><a href="https://2017.igem.org/Team:Cornell/Attributions">ATTRIBUTIONS</a></li>
 +
                  </ul>
 +
              </li>
 +
            </ul>
 +
          </div>
 +
        </div>
 +
      </nav>
 +
    </div>
 +
    <main>
 +
  <!------------------------END NAV BAR------------------------>
 +
      <!------------------------BANNER------------------------>
 +
      <header class="container-fluid banner-wrapper banner-photo-applieddesign">
 +
        <div class="caption">
 +
          OxyPonics
 +
        </div>
 +
      </header>
 +
      <!------------------------END BANNER------------------------>
 +
      <!-- Sidebar + Content-->
 +
      <div id="sidebar" class="container-fluid content-wrapper-font">
 +
          <div class="row standardPageContent">
 +
              <div class="col-xs-1"></div>
 +
              <!-- Side bar -->
 +
              <div class="col-xs-2 sidebar">
 +
                <ul class="sidebar-wrapper">
 +
                    <li><a href="#overview">Overview</a></li>
 +
                    <li><a href="#hardware">Hardware</a></li>
 +
                    <li><a href="#dashboard">Dashboard</a></li>
 +
                    <li><a href="#futureworks">Future Works</a></li>
 +
                    <li><a href="#references">References</a></li>
 +
                </ul>
 +
              </div>
  
 +
                <!-- Page Content -->
 +
                <div class="col-xs-8 standard-content">
 +
                      <div class="content-title"><a id="overview">Overview</a></div>
 +
                          <p>
 +
                            In the hydroponics industry today, oxidative stress is not measured due to the price and ineffectiveness of ORP (oxidation-reduction potential) probes. These expensive electrode probes constantly need maintenance and are only occasionally used to ensure that the levels of ROS (reactive oxygen species) are not extreme enough to be harmful to their crops [1]. In addition to being expensive and fragile, these ORP sensors can only take a measurement at one point out of the large deep-water systems and require the farmer to manually take measurements [2].
 +
                          </p>
 +
                          <p>
 +
                            Our solution, OxyPonics, would be able to measure and respond to the oxidative stress in the water by adjusting the redox environment to optimal growing conditions. In addition, it is an automated system that can take measurements of whole tanks continuously.
 +
                          </p>
 +
                      <div class="content-title"><a id="hardware">Hardware</a></div>
 +
                        <p>The hardware of the OxyPonics system is not a replacement, but rather an integrable system that consists of an optical sensor to detect the plants’ aquatic environment, a railing system to transport the sensor throughout the tank, and modified planter cups to safely hold the bacteria close to the plants.
 +
                        </p>
 +
                      <div class="content-subtitle"><a id="containment">Containment</a></div>
 +
                          <p>In order to incorporate the bacteria into a typical hydroponics setup, modified planter cups were designed using the CAD software Fusion 360. Since we desire to monitor and adjust the oxidative conditions of each plant, the bacteria had to be placed in the vicinity of each plants' roots without directly contacting the plant. Although the strain of E. coli we are using is not pathogenic, we designed a containment system to ensure that the E. coli never enters the hydroponics bed. This is due to the public’s negative perception that all E. coli can harm humans so the bacteria should never contact our food. To design around these constraints, the bacteria was put into rings of dialysis tubing, a selectively permeable membrane, which would allow the water to move between the plant and bacteria while keeping the enzymes in [3]. Each modified cup consisted of three hooks along the outside bottom rim of traditional planter cups. The ring was then held securely in the hooks. The hooks were designed so that the bacteria tubing could be easily replaced once depleted.
 +
                          </p>
 +
                      <div class="content-subtitle"><a id="sensor">Optical Sensor</a></div>
 +
                        <p>In order to measure the redox potential across an entire area with spatial precision, we used a simple, cheap camera.  A 600 nm long-pass filter blocks out the fluorescence excitation light, ensuring the only signal measured is from rxRFP emission [4].  The camera is mounted on rails with two degrees of freedom.  A script on the connected Raspberry Pi utilizes these cameras to determine where areas of interest exist in the hydroponic bed. For more on the characterization of fluorescent proteins using our camera system see <a class="link" href="https://2017.igem.org/Team:Cornell/Software">software</a>.
 +
                        </p>
 +
                        <p>The bacteria are illuminated by light from 576 nm and 448 nm LEDs, passed through filters to clean up their spectra and avoid accidental activation of pDawn [5].  We measure the ratio of excitations at these wavelengths, and compare it to a standard curve in order to determine the redox potential across the image.
 +
                        </p>
 +
                      <div class="content-subtitle"><a id="system">Railing System</a></div>
 +
                        <p>The railing is placed along the bottom of a traditional deep water culture tank and is used to mount the sensor enclosure. This enclosure utilizes a clear aperture and servos to maximize the exposure area of the light module when it is determined that the pDawn needs to be activated.
 +
                        </p>
 +
                        <p>The mobile part of the railing system is clipped along the side of the deep water culture tank, without contact with the body of water. The wheels are in contact with the outer wall of the tank and will be operated by a motor that can be controlled manually. The bars connected with the mobile area of the railing system will be crossing each other underwater, connected with a mount with a cross-shaped slot that allows it to travel along with the movement of the wheels outside the tank. The location of the camera will be known by keeping track of the distance the wheels traveled from the origin, which is the center of the water culture tank. A waterproof case that hold the sensor will be attached to the mount and move across the tank as the mount moves with the rail.
 +
                        </p>
 +
                        <div class="image-wrapper">
 +
                          <img class="img-responsive" src="https://static.igem.org/mediawiki/2017/f/fc/Hydroponics_Bed_CAD.png" alt="Hydroponics Bed CAD"/>
 +
                        </div>
 +
                      <div class="content-subtitle"><a id="communication">Communication Between Sensors</a></div>
 +
                          <p>Each tank gets a single Raspberry Pi. The Raspberry Pis are all connected to the local internet network present in the greenhouse via Ethernet, because wireless signals do not travel well in water [6].  Data is uploaded to the central server as it is generated to provide farmers with accurate data.
 +
                          </p>
 +
                      <div class="content-subtitle"><a id="testing">Testing</a></div>
 +
                        <p>
 +
                          OxyPonics’s mechanical component went through several tests to ensure it properly read and activated the essential bacteria.  First, the camera needed to be calibrated to the fluorescent bacteria by picking up and record bright spots in its field of vision.  Next, fluorescence readings were normalized so that background light could be separated from actual rxRFP-fluorescence due to oxidative stress. This ensured we had applicable and accurate measurements.  Furthermore, we tested how watertight the waterproof casing was to ensure the casing would not leak under higher water pressures and long periods of time.
 +
                        </p>
 +
                        <div class="image-wrapper">
 +
                          <img class="img-responsive" src="https://static.igem.org/mediawiki/2017/2/27/T--Cornell--Greenhouse11.jpeg" alt="Greenhouse"/>
 +
                          <img class="img-responsive" src="https://static.igem.org/mediawiki/2017/8/83/T--Cornell--Greenhouse7.jpeg" alt="Greenhouse 2"/>
 +
                        </div>
 +
                        <p>
 +
                          For the testing aspect of our project, we planted arugula seeds in growing medium, placed them in shaped styrofoam holders, and floated the plants in a 10 gallon bin filled with water.  The bins were lined with a forest green tarp to ensure that our camera system was in blackout conditions.  Germination of our control arugula seeds began near the end of September and the germination of the tested arugula seeds began in the beginning of October. For running tests with bacteria, the engineered bacteria will be housed inside of dialysis tubing, which will then be inserted into the holding hooks at the bottom of the planter cups.  Our camera system will be waterproofed and placed inside the tanks to record data. After trials are run for 3 weeks, the plants will be removed and measured for dry biomass. In addition, ROS assays can be done to test for reactive oxygen species in the plant itself.
 +
                        </p>
 +
                      <div class="content-title"><a id="dashboard">Dashboard</a></div>
 +
                          <p>Using feedback from hydroponic farmers, we’ve designed a functional way to monitor and display important information about the plants’ environment, providing our users with technology that is simple and easy to use.  The dashboard’s primary purpose is to provide an easily accessible platform that displays information about the hydroponics system’s environment in real-time.  The dashboard will have the capabilities to monitor pH, electrical conductivity, temperature, and oxidative stress, and alert farmers immediately of any imbalances in the system so that they can mitigate any harm to their crops. In order to amplify the impact of this software system, the dashboard will be multi-platform so that it can work on any operating system, including Android, iOS, and Windows.
 +
                          </p>
 +
                          <div class="image-wrapper">
 +
                            <img class="img-responsive" src="https://static.igem.org/mediawiki/2017/f/f4/T--Cornell--DashboardAnalytics.png" alt="Dashboard: Analytics"/>
 +
                          </div>
 +
                      <div class="content-subtitle"><a id="analytics">Instant Analytics</a></div>
 +
                          <p>The dashboard provides farmers with real-time data on the state of their crops around the clock. Unlike current automation systems, OxyPonics measures both oxidative stress and other standard variables monitored in a plant’s environment, allowing for better control and improved yields. Once there is a change in the hydroponic system, the dashboard will notify the farmer and give them the opportunity to change any necessary settings at their convenience to ensure their crops are growing in a robust environment. The system operates similarly to competitive systems, but incorporates additional features and is redesigned for a farmer’s perspective[1].
 +
                          </p>
 +
                          <p>We designed our product with farmers in mind by making a system that is more user friendly than existing dashboards and easier for growers to read analytics and locate specific growth issues. Since farmers struggle to navigate through current dashboards, stats and graphs are allocated into separate tabs to prevent any clutter of various analytics.  Each measured variable in the crops’ environment is visually distinct from other measured data.
 +
                          </p>
 +
                          <p>With its capability to provide instant analytics, the dashboard offers incredible functionality and versatility with more data presented in a simpler and friendlier form for hydroponic growers.
 +
                          </p>
 +
                          <div class="image-wrapper">
 +
                            <img class="img-responsive" src="https://static.igem.org/mediawiki/2017/5/55/T--Cornell--DashboardGraphs.png " alt="Dashboard: Graphs"/>
 +
                          </div>
 +
                      <div class="content-subtitle"><a id="updates">Updates &amp; Reports</a></div>
 +
                          <p>In addition to instant analytics, the dashboard provides farmers instant updates on the state of their crops at any time and allows for immediate action to be taken if necessary. The dashboard compiles data collected behind the scenes and translates it into reports. In our interviews with farmers, they wish to have all types of analytics and documentation available, but they prefer to display only specific analytics. Other systems tend to show stats, graphs, and reports aggregated together, which makes it difficult for farmers to quickly go through the information presented. The Oxyponics dashboard not only separates reports from the statistics, but also displays each analytic in its own respective tab.
 +
                          </p>
 +
                          <p>Abundant information can be useful to have, but it can be overwhelming for users. Our dashboard allows farmers to choose what they see on their dashboard, reducing time wasted searching for certain data and increasing efficiency to run their businesses successfully.
 +
                          </p>
 +
                      <div class="content-subtitle"><a id="support">Multi-Platform Support</a></div>
 +
                          <p>To make the software easily accessible to farmers, the system's dashboard has multi-platform support. Working on all devices including iOS, Android, and Windows, the system can be smoothly integrated into devices that are familiar to farmers. Because our dashboard is also available on mobile devices, farmers can monitor their plants even when they're outside their greenhouses.
 +
                          </p>
 +
                          <div class="image-wrapper">
 +
                            <img class="img-responsive" src="https://static.igem.org/mediawiki/2017/8/8c/T--Cornell--DashboardLogin.png" alt="Dashboard: Login"/>
 +
                          </div>
 +
                      <div class="content-title"><a id="futureworks">Future Works</a></div>
 +
                        <p>In the future, we hope to improve OxyPonics’s ease of installation, accuracy of absorbance readings, the duality of the bacteria, seamlessness of wiring, and our camera’s proprioception.
 +
                        </p>
 +
                        <p>Currently, Oxyponics’s devised rail system requires the hydroponic farmer to have a specific set-up with specialized trays and pliable tubs.  The rail system is tedious to install and requires a large amount of initial labor.  We hope to devise a sleeker rail system that requires less initial set-up in the future, and install a way to track where our camera is located within a tank.
 +
                        </p>
 +
                        <p>OxyPonics’s ratiometric output needs future improvements.  OxyPonics’s currently uses normalized absorbance readings to avoid background noise affecting the amount of administered pDawn-activating light.  More testing could be performed to further gain insight and understanding about the characteristics that our fluorescing bacteria present in hydroponic settings.  Also, a better internal system for measuring the absorbance of the bacteria could be created.
 +
                        </p>
 +
                        <p>Additionally, the wiring of OxyPonics movable camera needs to be seamless and waterproof.  As of now, the camera’s wiring is cumbersome and obstructive.  The wiring’s position and slack makes the camera error prone to jams and pinching.  Also, the wires connections to the camera mount present possible areas of water leakage.  Both the sleekness and compactness of the camera’s wiring could be improved, and the wire junctions could be further waterproofed.
 +
                        </p>
 +
                        <p>Lastly, we hope to advance our camera’s proprioception in order to achieve more precise readings for individual tanks.  Our cameras current software and wireless connection are low-grade, which reduces the cameras self-awareness of its position.  One day, we plan to install a cost-effective wifi-router into our device along with better location software.  Both of these upgrades will increase of camera’s proprioception and enhance how genuine the data presented to the farmer is.
 +
                        </p>
 +
                      <div class="content-title"><a id="references">REFERENCES</a></div>
 +
                      <ol class="references">
 +
                        <li>Postscapes. (2016). Smart Greenhouse Remote Monitoring Systems. Retrieved from https://www.postscapes.com/wireless-open-source-hydroponics-harvestgeek/</li>
 +
                        <li>Suslow, T. V. (2004). Oxidation-Reduction Potential (ORP) for Water Disinfection Monitoring, Control, and Documentation. University of California Division of Agriculture and Natural Resources. 8149.</li>
 +
                        <li>Probes for constant immersion in hydroponic nutrient solutions. (n.d.). Retrieved October 24, 2017, from http://scienceinhydroponics.com/2017/04/probes-for-constant-immersion-in-hydroponic-nutrient-solutions.html</li>
 +
                        <li>Dialysis Methods for Protein Research. (n.d.). Retrieved October 24, 2017, from https://www.thermofisher.com/us/en/home/life-science/protein-biology/protein-biology-learning-center/protein-biology-resource-library/pierce-protein-methods/dialysis-methods-protein-research.html</li>
 +
                        <li>Fan, Y., Chen, Z., & Ai, H. W. (2015, March 03). Monitoring redox dynamics in living cells with a redox-sensitive red fluorescent protein. Retrieved October 24, 2017, from https://www.ncbi.nlm.nih.gov/pubmed/25666702</li>
 +
                        <li> Magaraci, M. S., Veerakumar, A., Qiao, P., Amurthur, A., Lee, J. Y., Miller, J. S., . . . Sarkar, C. A. (2014, December 19). Engineering Escherichia coli for light-activated cytolysis of mammalian cells. Retrieved October 24, 2017, from https://www.ncbi.nlm.nih.gov/pmc/articles/PMC5264543/</li>
 +
                        <li>Lloret, J., Sendra, S., Ardid, M., & Rodrigues, J. J. (2012). Underwater Wireless Sensor Communications in the 2.4 GHz ISM Frequency Band. Retrieved October 24, 2017, from https://www.ncbi.nlm.nih.gov/pmc/articles/PMC3355409/</li>
 +
                      </ol>
  
 +
                  </div>
  
 +
                <div class="col-xs-1"></div>
 +
              </div>
 +
            </div>
  
 +
            <!------------------------FOOTER------------------------>
 +
              <footer class="footer-preset-04 footer bgc-white">
 +
                  <div class="social-04">
 +
                      <a class="footerIconWrapper" href="https://www.facebook.com/cornelligem/">
 +
                          <div class="overlay"></div>
 +
                          <img src="https://static.igem.org/mediawiki/2017/0/0b/CornellFacebookIcon.png" alt="facebook" height="20"></a>
 +
                      <a class="footerIconWrapper" href="https://twitter.com/cugem">
 +
                          <div class="overlay"></div>
 +
                          <img src="https://static.igem.org/mediawiki/2017/5/50/CornellTwitterIcon.png" alt="twitter" height="20">
 +
                      </a>
 +
                      <a class="footerIconWrapper" href="https://www.instagram.com/cugem/">
 +
                          <div class="overlay"></div>
 +
                          <img src="https://static.igem.org/mediawiki/2017/3/36/CornellInstagramIcon.png" alt="instagram" height="20">
 +
                      </a>
 +
                      <a class="footerIconWrapper" href="https://www.youtube.com/user/CornelliGEM">
 +
                          <div class="overlay"></div>
 +
                          <img src="https://static.igem.org/mediawiki/2017/5/50/CornellYoutubeIcon.png" alt="youtube" height="20">
 +
                      </a>
 +
                  </div>
 +
              </footer>
 +
              <!------------------------END FOOTER------------------------>
 +
      </main>
 +
    </body>
 
</html>
 
</html>

Revision as of 22:11, 27 October 2017

<!DOCTYPE html> Applied Design