Edit This Code:
<!DOCTYPE html>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../lib/w3.css">
<html>

<style>
.w3-half {height:300px;padding-top:24px;}
</style>

<body>
<div class="w3-row">
  <div class="w3-half w3-center" style="background:#f4e1d2">
  <p class="w3-xxlarge"><b>ON TOUR</b></p>
  <p class="w3-xxlarge">2016</p>
  </div>
  <div class="w3-half w3-center w3-xlarge"  style="color:#fff;background:#f18973">
  <p><span class="w3-tag w3-xxlarge">3</span></p>
  <p class="w3-xlarge w3-wide">HOURS<br>FREE<br>TRAINING</p>
  </div>
</div>

<div class="w3-row">
  <div class="w3-half w3-center" style="background:#b2b2b2">
  <p class="w3-xlarge">ONLY</p>
  <p class="w3-xxxlarge"><b>299</b></p>
  </div>
  <div class="w3-half w3-center"  style="color:#fff;background:#bc5a45">
  <p class="w3-xxlarge w3-wide">LOTS OF<br>NEW<br>INSPIRATION</p>
  </div>
</div>

</body>
</html>


Result:
Try it Yourself - © w3schools.com
Privacy Policy