<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700" rel="stylesheet" type="text/css">
  <title>EastCoat Pavement 4x6 Postcard Template Back</title>
  <style>
    *,
    *:before,
    *:after {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }
    
    body {
      width: 6.25in;
      height: 4.25in;
      margin: 0;
      padding: 0;
      background-color: white;
    }
    /* do not put text outside of the safe area */
    
    #safe-area {
      position: absolute;
      width: 5.875in;
      height: 3.875in;
      left: 0.1875in;
      top: 0.1875in;
    }
    
    #logo {
      height: .5in;
      position: absolute;
      right: .2in;
      top: .2in;
    }
    
    #box {
      position: absolute;
      top: 0;
      left: 0;
      width: 2.45in;
      height: 100%;
      background-color: #D8262C;
    }
    
    #portrait {
      background-image: url('https://eastcoatpavement.com/wp-content/uploads/2020/07/Asphalt_Bkgd_PC.jpg');
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 50%;
    }
    
    #name {
      font-family: 'Source Sans Pro';
      font-weight: 700;
      font-size: .18in;
      position: absolute;
      top: 2.1in;
      left: .2in;
      padding: 0 10px 0 0;
      color: #FFC506;
    }
    
    #quote {
      font-family: 'Source Sans Pro';
      font-weight: 500;
      font-size: .14in;
      color: white;
      position: absolute;
      margin: .2in;
    }
    
    #info {
      font-family: 'Source Sans Pro';
      font-weight: 700;
      font-size: .32in;
      position: absolute;
      top: 2.8in;
      left: .2in;
      color: white;
    }
    
    #address {
      font-family: 'Source Sans Pro';
      font-weight: 700;
      font-size: .15in;
      position: absolute;
      top: .4in;
      padding: 0 10px 0 0;
      color: white;
    }
    
    b {
      font-weight: 700;
      color: #FFC506;
      font-size: .16in;
    }
  </style>
</head>

<body>

  <!-- do not put text outside of the safe area -->
  <div id="safe-area">

    <!-- your logo here! -->
    <img src="https://eastcoatpavement.com/wp-content/uploads/2019/04/east_coat-footer-logo.png" id="logo">

    <div id="box">
      <!-- agent portrait here! -->
      <div id="portrait">
        <div id="quote">
          <b>East Coat Pavement Services</b> is a reliable, service-oriented group of professionals working for those that expect the best. We strive to provide our customers with the highest level of pavement maintenance expertise, superior quality and
          unsurpassed service.
        </div>
      </div>
      <div id="name">
        East Coat experts are available to answer your requests. Please call us at:
      </div>
      <div id="info">
        860.669.6500
        <div id="address">
          PO Box 714
          <br /> Westbrook, CT 06498
        </div>
      </div>
    </div>
  </div>
</body>

</html>