lab page - Liveweave

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="https://code.jquery.com/jquery-latest.min.js"></script>
   <link rel="stylesheet" href="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
  <script src="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.min.js"></script>
<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">
          <h3>Jion us &nbsp Commuity&nbsp About&nbsp Contant&nbsp <font color="green">Support us</font> </h3>
        </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">
        <h1><i>ABOUT THE LAB</i></h1>
        <h1><i>ABOUT THE LAB</i></h1>
        <h1><i>ABOUT THE LAB</i></h1>
      </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">
      <h1><i>SUPPLIES & </i></h1>
      <h1><i>EQUIPMENTS</i></h1>
    </div>
    
    
    <div class="supplie-info-grid-container">
      <div class="grid-item">
        <p>In our lab, we freely provide supplies and equipment including:</p>
        <p>	â€¢ 	Gloves<br/>
	â€¢ 	Petri Dishes<br/>
	â€¢ 	Pipette tips<br/>
	â€¢ 	Centrifuge tubes (1.5, 15 & 50 mL) and spectrophotometer cuvettes<br/>
	â€¢ 	5, 10 and 25 mL serological pipettes<br/>
	â€¢ 	Agarose, loading buffer, DNA ladders, 50x TAE, gel stains<br/>
	â€¢ 	Assorted buffers and common reagents<br/>
	â€¢ 	Defined and Complex Bacterial Media +/- Agar<br/>
	â€¢ 	Selection antibiotics (Amp, Kan. Chlor)</p>
      </div>
      <div class="grid-item">
        <p>	â€¢ 	Spectrophotometer<br/>
	â€¢ 	Plate reader<br/>
	â€¢ 	Microscopes<br/>
	â€¢ 	Refrigerators, -20 and -80Â°C Freezers<br/>
	â€¢ 	Liquid N2 storage<br/>
	â€¢ 	Clean hood<br/>
	â€¢ 	Micropipettors and Tabletop Centrifuges<br/>
	â€¢ 	DNA and protein gel electrophoresis equipment<br/>
	â€¢ 	Thermocyclers, including qPCR machine<br/>
	â€¢ 	Heat Blocks and Water Baths<br/>
	â€¢ 	Separate incubators <br/>
	â€¢ 	Autoclave</p>
      </div>
    </div>
    
    
  <div class="slider">
      <img src="https://i.imgur.com/tLEZbM6.png" />
      <img src="https://i.imgur.com/S3HgydR.png" />
      <img src="https://i.imgur.com/2KxJ0uu.png" />
  </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"/>
      <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: 200px;
    left: 300px;
}
.lab-info{
  width: 935px;
  display: block;
  margin: auto;
}
.supplie-image-container{
  width: 935px;
  display: block;
  margin: auto;
}
.supplie-title{
  position: absolute;
  margin-left: 900px;
  margin-top: -100px;
}
.supplie-info-grid-container{
  width: 935px;
  display: grid;
  grid-template-columns: 50% 50%;
  margin: auto;
}
.bottom-container{
  display: grid;
  grid-template-columns: 70% 30%;
}
.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;
}
.line2{
  width: 100%;
  height: 1px;
  background-color: green;
  margin-top: 10px;
}
.slider{
  height: 5px;
}