take this html as input
<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="https://cdn.pixabay.com/photo/2019/12/11/10/39/taxi-4681319_960_720.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="https://cdn.pixabay.com/photo/2018/11/29/09/54/speed-3847227_960_720.jpg" 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="https://cdn.pixabay.com/photo/2016/07/07/20/22/time-1509609_960_720.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="https://cdn.pixabay.com/photo/2017/03/10/13/05/cash-2138594_960_720.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>