Eblast-02-final - Liveweave

<!DOCTYPE html>
<html>
  <head>
  <title>Genspace Eblast-02</title>
  </head>
  
  
  <body>
      
      <img src="https://i.imgur.com/N6guH2T.png"/ class="logo"/>
      
      <div class="park"> 
        <img src="https://i.imgur.com/07y1lOk.png" class="tp"/>
      </div>
      
      <p class="join">Join us at the Bryant Park Reading Room for a conversation<br>with Eugenia Bone about her new book, Microbia.
      </p>
      
      <img src="https://i.imgur.com/rC69jXv.png" class="reading"/>
      
      <div>
        <p class="wed">Wednesday<br>July 18 at 12:30pm</p>
        <p class="julie">Julie Wolf hosts Eugenia Bone for a conversation<br>about her new book Microbia: A Journey into the<br>Unseen World Around You.</p>
      </div>
        
      <div class="join-button">
      </div>
      
      <p class="join-here">Join Here!</p>
      
      <div class="classes-box"></div>
        <p class="classes">CLASSES</p>
      
      <img src="https://i.imgur.com/KLVd2Sp.png" class="classes-01"/>
      
      <p class="neurohacking">Neurohacking 101:</p>
      
      <p class="brain">Brain Networks and<br>Machine Learning:</p>
      
      <p class="starting-01">Starting Thursday, July 19</p>
      
      <p class="this">This introductory course covers some of the most important<br>techniques used in the analysis of MRI data, and youâ€™ll learn plenty<br>about neuroscience along the way!</p>
      
      <div class="more-box-01">
      </div>
      
      <p class="more-info-01">More Info</p>
      
      <div class="image-gap-01">
      </div>
      
      <img src="https://i.imgur.com/rOuqMhP.png" class="classes-01"/>
      
      <p class="rna">RNA Evolution:</p>
      
      <p class="from">From Primordial Life to Masterminds<br>of Gene Expression</p>
      
      <p class="starting-02">Starting July 28</p>
      
      <p class="in-01">In this course, students will discover the vast and intricate world<br>of RNA biology. Learn how to extract RNA from mouse organs.</p>
      
      <div class="more-box-02">
      </div>
      
      <p class="more-info-02">More Info</p>
        
      <div class="image-gap-02">
      </div>
        
      <img src="https://i.imgur.com/Hxsb4sC.png" class="classes-01"/>
        
      <p class="bio">Biohacker Boot Camp</p>
        
      <p class="starting-03">Starting August 9</p>
        
      <p class="in-02">In this course, students will discover the vast and intricate world<br>of RNA biology. Learn how to extract RNA from mouse organs<br>and use reverse- transcriptase PCR to visualize how RNA can<br>determine cellular diversity beyond the genetic blueprint.</p>
        
     <div class="more-box-03">
     </div>
      
     <p class="more-info-03">More Info</p>
       
     <p class="see-more">See More Classes</p>
      
     <div class="bottom-box"></div>
    
     <p class="copyright">Copyright Â© 2017 Genspace, All rights reserved.</p>
     <p class="our">Our mailing address is:</p>
     <p class="ad">140 32nd Street</p>
     <p class="brooklyn">Brooklyn, NY 11232</p>
     <p class="want">Want to change how you receive these emails?</p>
     <p class="you">You can update your preferences or unsubscribe from this list.</p>
    
  </body>
</html>

.lw { font-size: 60px; }

.logo {
  width: 150px;
  margin-top:-30px;
  margin-bottom: -30;
  }

.park {  
  width: 700px;
  height: 346;
  margin-top: 8px;
  background-color: #f4f4f4;
}
  
.join {   
  font-size: 12px;
  font-family: "FreightSans Bold", sans-serif;
  margin-top: -80;
  margin-left: 55;
 }

.tp {
  float: left;
  width: 600px;
  margin: -60px 70px -90px -55px;
 }

.reading {
  width: 185px;
  height: 345px;
  margin-top: -304px;
  margin-left: 515px;
 }

.wed {
  font-size: 24px;
  font-family: "FreightSans Bold", sans-serif;
  padding-left: 50;
  margin-bottom: -1;
}

.julie {
  font-size: 12px;
  font-family: "FreightSans Bold", sans-serif;
  padding-left: 50;
  margin-right: -100px;
}

.join-button {
  border-radius: 20px;
  width: 165px;
  height: 51;
  margin-left: 475;
  margin-top: -85;
  background-color: #34c017;
}

.join-here {
  font-size: 18px;
  font-family: "FreightSans Bold", sans-serif;
  color: #ffffff;
  margin-top: -35;
  margin-left: 515;
}

.classes-box {
  width: 700px;
  height: 62px;
  background-color: #f4f4f4;
  margin-top: 65;
  margin-bottom: 20;
}

.classes {
  font-size: 30px;
  font-family: "DIN Condensed", sans-serif;
  letter-spacing: 3px;
  color: #57c241;
  margin-top: -65;
  margin-left: 300;
 }

.classes-01 {
  width: 250;
  margin-top: 30;
  margin-left: 40;
}

.neurohacking {
  font-size: 16px;
  font-family: "FreightSans Bold", sans-serif;
  color: #34c017;
  margin-top: -170;
  margin-left: 310;
}

.brain {
  line-height: 0.9;
  font-size: 16px;
  font-family: "FreightSans Bold", sans-serif;
  color: #000000;
  margin-top: -17;
  margin-left: 310;
}

.starting-01 {
  font-size: 11px;
  font-family: "FreightSans Bold", sans-serif;
  color: #7773c9;
  margin-top: -3;
  margin-left: 310;
}

.this {
  font-size: 12px;
  font-family: "FreightSans Medium", sans-serif;
  color: #000000;
  margin-top: 3;
  margin-left: 310;
}

.more-box-01 {
  border-radius: 13px;
  width: 129px;
  height: 30px;
  margin-left: 310;
  margin-top: 20;
  background-color: #34c017;
}

.more-info-01{
  font-size: 14px;
  font-family: "FreightSans Bold", sans-serif;
  color: #ffffff;
  margin-top: -22;
  margin-left: 345;
}

.image-gap-01{
  width: 700;
  height: 20;
}

.rna {
  font-size: 16px;
  font-family: "FreightSans Bold", sans-serif;
  color: #34c017;
  margin-top: -170;
  margin-left: 310;
}

.from {
  line-height: 0.9;
  font-size: 16px;
  font-family: "FreightSans Bold", sans-serif;
  color: #000000;
  margin-top: -17;
  margin-left: 310;  
}

.starting-02 {
  font-size: 11px;
  font-family: "FreightSans Bold", sans-serif;
  color: #7773c9;
  margin-top: -3;
  margin-left: 310;  
}

.in-01 {
  font-size: 12px;
  font-family: "FreightSans Medium", sans-serif;
  color: #000000;
  margin-left: 310;
}

.more-box-02 {
  border-radius: 13px;
  width: 129px;
  height: 30px;
  margin-left: 310;
  margin-top: 33;
  background-color: #34c017;
}

.more-info-02{
  font-size: 14px;
  font-family: "FreightSans Bold", sans-serif;
  color: #ffffff;
  margin-top: -22;
  margin-left: 345;
}

.image-gap-02{
  width: 700;
  height: 20;
}

.bio{
  font-size: 16px;
  font-family: "FreightSans Bold", sans-serif;
  color: #000000;
  margin-top: -170;
  margin-left: 310;
}

.starting-03 {
  font-size: 11px;
  font-family: "FreightSans Bold", sans-serif;
  color: #7773c9;
  margin-top: -3;
  margin-left: 310;  
}

.in-02 {
  font-size: 12px;
  font-family: "FreightSans Medium", sans-serif;
  color: #000000;
  margin-left: 310;
}

.more-box-03 {
  border-radius: 13px;
  width: 129px;
  height: 30px;
  margin-left: 310;
  margin-top: 33;
  background-color: #34c017;
}

.more-info-03 {
  font-size: 14px;
  font-family: "FreightSans Bold", sans-serif;
  color: #ffffff;
  margin-top: -22;
  margin-left: 345;
}

.see-more {
  font-size: 16px;
  font-family: "DIN Condensed", sans-serif;
  color: #000000;
  text-decoration: underline;
  margin-top: 90;
  margin-left: 310;
}

.bottom-box {
  width: 700px;
  height: 140px;
  background-color: #f4f4f4;
  margin-top: 65;
  margin-bottom: 20;
}

.copyright {
  font-size: 9px;
  font-family: "FreightSans Bold", sans-serif;
  color: #000000;
  margin-top: -130; 
  margin-left: 260;
}

.our {
  font-size: 9px;
  font-family: "FreightSans Bold", sans-serif;
  color: #000000;
  margin-top: 15;
margin-left: 310;
 }

.ad {
  font-size: 9px;
  font-family: "FreightSans Bold", sans-serif;
  color: #000000;
  margin-top: -10;
  margin-left: 325;
 }

.brooklyn {
  font-size: 9px;
  font-family: "FreightSans Bold", sans-serif;
  color: #000000;
  margin-top: -10;
  margin-left: 318;
 }

.want {
  font-size: 9px;
  font-family: "FreightSans Bold", sans-serif;
  color: #000000;
  margin-top: 15;
  margin-left: 260;
 }

.you {
  font-size: 9px;
  font-family: "FreightSans Bold", sans-serif;
  color: #000000;
  margin-top: -10;
  margin-left: 230;
 }