<!doctype html>
<html lang="en">
<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- my font -->
    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
    <link rel="stylesheet" href="footer.css">

    <title>Villahayati.</title>
</head>
<div class="container">
        <div class="footer">
            <div class="row">
                <div class="col-md-3">
                    <h5 class="mt-5"><span class="stay">Villa</span>hayati</h5>
                    <p class="pfooter">We provide what you need <br> for best trip experience</p>
                </div>
                <div class="col-md-3">
                    <h5 class="mt-5 begin">For Beginners</h5>
                    <p class="pfooter mt-4">New Account</p>
                    <p class="pfooter">Payments</p>
                    <p class="pfooter">Book</p>
                </div>
                <div class="col-md-3">
                    <h5 class="mt-5 begin">Explore Us</h5>
                    <p class="pfooter mt-4">About</p>
                    <p class="pfooter">Privacy Policy</p>
                    <p class="pfooter">Terms & Conditions</p>
                </div>
                <div class="col-md-3">
                    <h5 class="mt-5 begin">Getting Touch</h5>
                    <p class="pfooter mt-4">villahayati@book.com</p>
                    <p class="pfooter">08122661232</p>
                    <p class="pfooter">Trawas, Jawa Timur</p>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6 offset-md-4">
                    <p class="pfooter mt-5">Copyright 2023 - Khuluq</p>
                </div>
            </div>
        </div>
    </div>