W3Schools Tryit Editor

<!DOCTYPE html>
<html>
<head>
<title>W3.CSS</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/5/w3.css">
</head>
<body>

<div class="w3-container w3-padding-32">
<h1>Explore Cities</h1>
<p>Discover three great European destinations.</p>

<div class="w3-card w3-white">
  <div class="w3-container">
    <h2>London</h2>
    <p>Explore one of the world's great cities.</p>
    <p><button class="w3-button w3-black">Explore</button></p>
  </div>
</div>

<div class="w3-card w3-white">
  <div class="w3-container">
    <h2>Paris</h2>
    <p>Discover art, food, and architecture.</p>
    <p><button class="w3-button w3-black">Explore</button></p>
  </div>
</div>

<div class="w3-card w3-white">
  <div class="w3-container">
    <h2>Rome</h2>
    <p>Experience thousands of years of history.</p>
    <p><button class="w3-button w3-black">Explore</button></p>
  </div>
</div>

</div>
</div>

</body>
</html>