JSFiddle - React, Tailwind, and code Playground

by AshThakur

HTML

<link href='https://fonts.googleapis.com/css?family=Merriweather:300,400|Lato:400,300,700' rel='stylesheet' type='text/css'/>

<div class="howl-container">
<div class="container">
<h1 itemprop="headline">Free and Premium WordPress Themes</h1>
<p itemprop="description">Simple, robust &amp; affordable. Our themes are clean coded, and exquisitely crafted to unmatched perfection and sterling support.</p>
<div class="howlcallbtn">Browse our themes</div>
</div>
</div>
</div>

CSS

body{
  background:#fff;
  margin:0px;
}
h1{
  font-family: 'Lato';
  font-style: normal;
    font-weight: 300;
  font-size:50px;
  margin-bottom:0px;
}
.howl-container p{
    font-size: 22px;
font-family: 'Merriweather', serif;
  font-style: normal;
  font-weight: 300;
    color: #696969;
    margin-top:16px;
}
.howl-container{
  background:#efefef;
  margin-top:100px;
  padding:50px;
}
.container{
  width:1000px;
  margin:0 auto;
}
.howlcallbtn{
  background:#f16334;
  color:#fff;
  width:200px;
  padding-top:20px;
  padding-bottom:20px;
  font-size:16px;
  font-family: 'Lato';
  font-style: normal;
    font-weight: 700;
    text-transform:uppercase;
    text-align:center;
    border-radius:3px;
}