pw email

by Kirubel Girma

HTML

<div class="envelopex">
  <div class="ppr">
    <div class="bannerx">
      <img src="https://image.ibb.co/kOzzi9/prontoexp.png" alt="" class="imgx">
    </div>
    <div class="contentx">
      Thank you for signing up @PERSONS NAME@ !
      <p>

      </p>
      <p>

      </p>
    </div>

  </div>
</div>

CSS

body {
  background: #f3f3f3;
  margin: 0;
  font-family: arial;
}

.imgx {
  width: 8em;
  padding: .6em;
}

.envelopex {
  margin: 7em auto;
  width: 100%;
  max-width: 40em;
  height: 22em;
  border-radius: 5%;
}

.ppr {
  background: white;
  margin: 1em;
  height: 100%;
  overflow: hidden;
  border-radius: 0.5em;
}

.bannerx {
  background: black;
  color: white;
  text-align: center;
  height: 3em;
}

.contentx {
  padding: 1em;
}