JSFiddle - React, Tailwind, and code Playground

by Abdul Ahmad

HTML

<div class='card'>
  <div class='logo'>
    <img class='logo-image' src='https://orig00.deviantart.net/0f07/f/2017/269/9/f/screen_shot_2017_09_26_at_11_37_14_am_by_duxfox-dbomphg.png'/>
  </div>
  <div class='words'>
    <p>
      Therapy<b>Hub</b> is an app that matches a person to a counselor, allowing them to communicate online via text messaging and video calls.
    </p>
    <p class='sign-up'>
      Sign up today for a 2 week FREE trial, no credit card needed
    </p>
  </div>
</div>

CSS

body {
  font-family: sans-serif;
}

.card {
  display: inline-block;
  background: white;
  padding: 50px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3);
  max-width: 500px;
}

.logo {
  text-align: center;
}

.logo-image {
  display: inline-block;
  width: 100px;
  height: auto;
}

.words {
  font-size: 25px;
  line-height: 40px;
  color: #444444;
  text-align: center;
}

.sign-up {
  color: #2ec7a6;
}