lab page - Liveweave

<!DOCTYPE html>
<html>
<head>

<title>Lab page</title>
</head>
<body>

  <div class="canves">
    <div class="header-container">
      <div class="grid-container">
        <div class="grid-item">
            <img src="https://i.imgur.com/RAOdbmr.gif"/ width="150">
        </div>
        <div class="grid-item">
          <p>Jion us &nbsp &nbsp Commuity&nbsp &nbsp <strong>About </strong>&nbsp &nbsp Contant&nbsp &nbsp <font color="green">Support us</font> </p>
        </div>
      </div>
    </div>
    
    
    <div class="about-the-lab-title-container">
      <img class="title-image" src="https://i.imgur.com/tLEZbM6.png"/ width="935px">
      <div class="title">
        <img src="https://i.imgur.com/TncKQ7N.png" width=700>
      </div>
      <div class="lab-info">
        <p><strong><i>THE BEST </i></strong> to inform 21st-century dialogue about science is to have stakeholders understand it from a hands-on perspective.To this end, Genspace is a nonprofit organization dedicated to promoting science literacy through citizen access to biotechnology. We provide STEM educational outreach, cultural events, and a platform for science innovation at the grassroots level.</p>
        <p>Since 2010, Genspace has provided lab space to independent researchers, scientists, artists,
designers, entrepreneurs, hobbyists, teachers and students. In 2017, we moved to a new facility in Sunset Park where we can provide even more space and resources to our members.</p>
        <p>Our lab follows Biosafety Level 1 guidelines. Learn more about becoming a member here. Starting in February 2018, we are also supporting several Community Projects for members who want to work on group research. </p>
      </div>
    </div>
    
    
    <div class="supplie-image-container">
      <img src="https://i.imgur.com/S3HgydR.png"/>
      <img src="https://i.imgur.com/2KxJ0uu.png"/>
    </div>
    
    
    <div class="supplie-title">
      <img src="https://i.imgur.com/chQdhun.png" width="400"/>
    </div>
    
    
    <div class="supplie-info-grid-container">
      <div class="grid-item">
        <p>In our lab, we freely provide supplies and equipment including:</p>
        <ul>	
          <li>Gloves</li>
          <li>Petri Dishes</li>
          <li>Pipette tips</li>
          <li>Centrifuge tubes (1.5, 15 & 50 mL) and spectrophotometer cuvettes</li>
          <li>5, 10 and 25 mL serological pipettes</li>
          <li>Agarose, loading buffer, DNA ladders, 50x TAE, gel stains</li>
          <li>Assorted buffers and common reagents</li>
          <li>Defined and Complex Bacterial Media +/- Agar</li>
          <li>Selection antibiotics (Amp, Kan. Chlor)</li>
          </ul>
      </div>
      <div class="grid-item">
        <ul>	
          <li>Spectrophotometer</li>
          <li>Plate reader</li>
          <li>Microscopes</li>
          <li>Refrigerators, -20 and -80Â°C Freezers</li>
          <li>Liquid N2 storage</li>
          <li>Clean hood</li>
          <li>Micropipettors and Tabletop Centrifuges</li>
          <li>DNA and protein gel electrophoresis equipment</li>
          <li>Thermocyclers, including qPCR machine</li>
          <li>Heat Blocks and Water Baths</li>
          <li>Separate incubators </li>
          <li>Autoclave</li>
          </ul>
      </div>
    </div>
    
    
 
    
    
    <div class="line1"></div>
    <div class="line2"></div>
    <div class="bottom-container">
      <div class="grid-item">
        <p><strong>subscirbe</strong> to recive new email and updates<br/>contact us<br/>news</p>
      </div>
      <img src="https://i.imgur.com/2nNdq0a.png"/>
    </div>
    
    
    <div class="bottom-info">
      <img src="https://i.imgur.com/3LI1iYW.png"/ width="100">
      <p>132 32nd Street, Suite 108, Brooklyn, NY 11232 </p>
    </div>
  </div>
  

</body>
</html>

.canves{
  width: 1440;
}
.header-container{
  height: 80px;
  width: 100%;
  
}
.grid-container{
  display: grid;
  grid-template-columns: 70% 30%;
}

.title-image{
  display: block;
  margin-left: 400px;
}
.title{
  position: absolute;
    top: 95px;
    left: 50px;
}
.lab-info{
  width: 935px;
  display: block;
  margin: auto;
  margin-top: 50px;
}
.supplie-image-container{
  width: 935px;
  display: block;
  margin: auto;
  margin-top: 100px;
}
.supplie-title{
  position: absolute;
  margin-left: 900px;
  margin-top: -10px100px;
}
.supplie-info-grid-container{
  width: 935px;
  display: grid;
  grid-template-columns: 50% 50%;
  margin: auto;
  margin-top: 100px;
}
.bottom-container{
  display: grid;
  grid-template-columns: 70% 30%;
  margin-top: 10px;
}
.bottom-info{
 display: block;
 margin-left: auto;
 margin-right: auto;
  width: 200px;
}
.grid-item{
  line-height: 25px;
  font-family: Avenir;
}
.lab-info{
  font-family: Avenir;
}
.title{
  font-family: Avenir;
}
.supplie-title{
  font-family: Avenir;
  color: green;
}
.line1{
  width: 100%;
  height: 1px;
  background-color: #808080;
  margin-top: 200px;
}
.line2{
  width: 100%;
  height: 1px;
  background-color: green;
  margin-top: 10px;
}