Eblast-02-final - Liveweave

<!DOCTYPE html>
<html>
  <head>
  <title>Genspace About</title>
  </head>
  <body>
    <div class="container">
  
  
    <div class="grid-container">
        <div class="d1">GENSPACE</div>
        <div class="d2">ABOUT</div>
        <div class="d3">THE LAB</div>
        <div class="d4">EVENTS</div>
        <div class="d5">CLASSES</div>
        
    </div>
      
      <div class="navigation">
        <p>ABOUT THE LAB</p>
        <hr class="hr-top" color="#9A4CDE">
        <p>SUPPORTS</p>
        <p>CONTACT</p>
      </div>
      
      <div>
        <hr class="hr-middle" color="#9A4CDE">
      </div>
        
        <div class="image-container">
          <div class="footer">
            <span class="arrow-left">
            <img src="https://i.imgur.com/AIpqoR6.jpg">
            </span>
            <span class="image">
            <img src="https://www.openphilanthropy.org/sites/default/files/styles/medium/public/grants/Genspace.png?itok=ZwNTu4SV" width="880px"/>
            </span>
            <span class="arrow-right">
            <img src="https://i.imgur.com/ByL1EIF.jpg">
            </span>
            </div>
        </div>
        <div class="caption">
        <p class="caption-text">Photography of Genspace Lab</p>
        </div>
      <div class="about-text">
        <p>Since 2010, Genspace has provided lab space to independent researchers, scientists, artists, designers,</p><p>entrepreneurs, hobbyists, teachers and students. In 2017, we moved to a new facility in Sunset Park</p><p>where we can provide even more space and resources to our members.</p> 
        <br><br><br>
        <p>Our lab follows Biosafety Level 1 guidelines. Learn more  about becoming a member here.  Starting in</p><p>February 2018, we are also supporting several Community Projects for members who want to work on</p><p>group research</p>
        </div>
      <div class="block"></div>
      <div class="about-text">
        <p>In our lab, we freely provide supplies and equipment including:</p>
      </div>
      <div class="block"></div>
      <p class="head-text">EQUIPMENTS</p>
      <div class="about-text">
        <p>Micropipettors and Tabletop Centrifuges</p><p>DNA and protein gel electrophoresis equipment</p><p>Thermocyclers, including qPCR machine</p><p>Heat Blocks and Water Baths</p><p>Separate incubators for microbiology and mycology
        Autoclave</p><p>Spectrophotometer</p><p>Plate reader</p><p>Microscopes</p>
        <p>Refrigerators, -20 and -80Â°C Freezers</p><p>Liquid N2 storage</p>
      <p>Clean hood</p>
      </div>
      <p class="head-text">DISPOSABLES</p>
      <div class="about-text">
        <p>Gloves</p><p>Petri Dishes</p><p>Pipette tips</p><p>Centrifuge tubes (1.5, 15 & 50 mL) and spectrophotometer cuvettes<p>5, 10 and 25 mL serological pipettes</p>
      </div>
       <p class="head-text">REAGENTS</p>
       <div class="about-text">
         <p>Agarose, loading buffer, DNA ladders, 50x TAE, gel stains</p><p>Assorted buffers and common reagents</p><p>Defined and Complex Bacterial Media +/- Agar</p><p>Selection antibiotics (Amp, Kan. Chlor)</p>
        </div>
        
       <hr class="hr-bottom" color="#9A4CDE"> 
        
        
       <div class="bottom-container">
         <div class="b1">
            <a href="https://www.instagram.com/genspacenyc/">INSTAGRAM</a><p>FACEBOOK</p><p>TWITTER</p><p>SUBSCRIBE</p>
         </div>
         <div class="b2">
             <p>Genspace</p><p>132 32nd Street, Suite 108,</p><p>Brooklyn, NY 11232</p>
         </div>
         <div class="b3">
           <p>Phone: (929) 387 - 8100</p><p>info@genspace.org</p><p>Visits by appointment only.</p>
         </div>
        </div>

<div/>

.container{
  max-width: 945px;
  font-family: GT Pressura;
}

.grid-container{
  max-width: 945px;
  margin-top: 30px;
  display: grid;
  grid-template-columns: 25% 25% 25% 25% 25%;
  text-align: center;
  font-size: 25px;
}

.d1{
  color: #9A4CDE;
}

.navigation{
  line-height: 3px;
  margin-left: 322px;
  margin-bottom: 50px;
  font-size: 25px;
}

.hr-top{
  margin-left: -1px;
  margin-top: -26;
  margin-bottom: -1;
  width:147px;
  height: 1px;
}

.hr-middle{
  width: 1045px;
  height: 1px;
  margin-left: 60;
}

.footer{
  padding: 10px;
}

.footer > span {
   display: inline-block;
   width: 15%
}

.arrow-left{
  float: left;
  margin-top: 250px;
  margin-left: 70px;
}

.image{
  float: center;
  margin-left: -70;
   
}

.arrow-right{
  float: right;
  margin-right: -270;
  margin-top: 250;
}

.caption{
  width: 200px;
  height: 40px;
  background-color: white;
  position: absolute; 
  margin-top: -50;
  margin-left: 835px;
}

.caption-text{
  font-size: 14px;
  margin-left: 15px;
  color: #9A4CDE
}

.about-text{
   line-height: 6px;
   margin-left: 147px; 
   margin-bottom: 10;
}

.block{
  height: 20px;
}

.head-text{
  margin-left: 145px; 
  padding-top: 20;
  font-size: 25px;  
}

.hr-bottom{
  width: 1045px;
  height: 1px;
  margin-top: 90;
  margin-left: 60;
}

.footer-bottom{
    padding: 5px;
}
.sns{
    float: left;
}
.center{
    float: center;
}
.left_edge{
    float: right;
}

.bottom-container{
  display: grid;
  grid-template-columns: 50% 25% 25%;
  font-size: 13px;
  line-height: 1px;
  margin-left: 60;
}

a {
  text-decoration: none;
  color: black;
}

.b3{
  margin-left: 100;
}