consider this html
<html>
<head>
<title>Taxi Booking App</title>
<meta charset=“UTF-8”>
<meta name=“viewport” content=“width=device-width, initial-scale=1”>
<link href=“https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;700&display=swap” rel=“stylesheet”>
<style>
body {
font-family: “Poppins”, sans-serif;
font-weight: 400;
}

h1,h2,h3,h4,h5,h6 {
font-weight: 700;
}

.hero {
background-color: #4C6EB1;
color: #FFFFFF;
}

.button {
background-color: #DB3737;
color: #FFFFFF;
}

.column {
background-color: #FFFFFF;
border-radius: 5px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
margin: 20px;
padding: 20px;
text-align: center;
}

.footer {
background-color: #2E2E2E;
color: #FFFFFF;
padding: 20px;
text-align: center;
}

.footer p {
margin: 0;
}

.has-background-grey-dark {
background-color: #2E2E2E;
}
</style>
</head>
<body>
<header class=“hero”>
<div class=“hero-body”>
<div class=“container has-text-centered”>
<h1 class=“title is-size-3-tablet is-size-2-desktop”>Your Reliable Taxi Booking App</h1>
<p class=“subtitle is-size-5-tablet is-size-4-desktop”>Get around town easily and quickly</p>
<a href=“#” class=“button is-danger is-large”>Book Now</a>
</div>
</div>
</header>

<main class=“section”>
<div class=“container”>
<section class=“columns is-centered”>
<div class=“column is-half-tablet is-one-third-desktop”>
<h2 class=“title is-size-4-tablet is-size-3-desktop”>Easy Booking</h2>
<figure class=“image”>
<img src=“img/easy-booking.png” alt=“Easy Booking”>
</figure>
<p class=“subtitle is-size-5-tablet is-size-4-desktop”>Booking a ride with our app is a breeze. Just enter your pickup location and destination and we’ll take care of the rest.</p>
</div>

<div class=“column is-half-tablet is-one-third-desktop”>
<h2 class=“title is-size-4-tablet is-size-3-desktop”>Fast Response Time</h2>
<figure class=“image”>
<img src=“img/fast-response.png” alt=“Fast Response Time”>
</figure>
<p class=“subtitle is-size-5-tablet is-size-4-desktop”>We know your time is valuable. That’s why we provide fast response times so you can get to your destination quickly and on time.</p>
</div>

<div class=“column is-half-tablet is-one-third-desktop”>
<h2 class=“title is-size-4-tablet is-size-3-desktop”>24/7 Availability</h2>
<figure class=“image”>
<img src=“img/247-availability.png” alt=“24/7 Availability”>
</figure>
<p class=“subtitle is-size-5-tablet is-size-4-desktop”>Don’t wait until the morning to book a ride. We’re available 24/7 to get you where you need to go, no matter the time of day.</p>
</div>

<div class=“column is-half-tablet is-one-third-desktop”>
<h2 class=“title is-size-4-tablet is-size-3-desktop”>Flexible Payment Options</h2>
<figure class=“image”>
<img src=“img/payment-options.png” alt=“Flexible Payment Options”>
</figure>
<p class=“subtitle is-size-5-tablet is-size-4-desktop”>We offer a variety of payment options so you can choose the method that’s most convenient for you. Pay with cash, card or other payment options and never miss a ride.</p>
</div>
</section>
</div>
</main>

<footer class=“footer has-background-grey-dark”>
<div class=“container”>
<div class=“columns”>
<div class=“column is-half”>
<p>© 2021 Taxi Booking App</p>
</div>
</div>
</div>
</footer>
</body>
</html>