Editar o código:
ver o resultado »
Tente você mesmo - ©
w3ii.com
<!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:#fefbd8"> <p class="w3-xxlarge"><b>ON TOUR</b></p> <p class="w3-xxlarge">2016</p> </div> <div class="w3-half w3-center w3-xlarge w3-text-white" style="background:#618685"> <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 w3-text-white" style="background:#4040a1"> <p class="w3-xlarge">ONLY</p> <p class="w3-xxxlarge"><b>299</b></p> </div> <div class="w3-half w3-center w3-text-white" style="background:#36486b"> <p class="w3-xxlarge w3-wide">LOTS OF<br>NEW<br>INSPIRATION</p> </div> </div> </body> </html>