index.html

<!DOCTYPE html>
<html>

    <head>

        <meta charset="UTF-8">

        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <link rel="stylesheet" href="css/bootstrap.min.css">

        <title>GymFinder</title>

        <link rel="stylesheet" href="style.css">
        <link rel="shortcut icon" href="img/pin_icon.png" type="image/x-icon">
        <!--
            <link href="https://fonts.googleapis.com/css?family=Anton rel">
            <script src="https://kit.fontawesome.com/cbdb2a755c.js" crossorigin="anonymous"></script>
        -->

        <script src="main.js"></script>

    </head>

    <body style="padding-top:100px;">
        <script src="js/jquery-3.6.0.slim.min.js"></script>
        <script src="js/bootstrap.bundle.min.js"></script>

        <?php include('header.php'); ?>


        <div class="container">


            <img src="img/pin_icon.png" alt="">


            <div class="row">
                <div class="col"><h1>現在の空き情報</h1></div>
                <div class="col">
                    <script src="js/DisplayDate.js"></script>
                </div>
            </div>
        </div>
<!--

           <div class="row">
                <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d373591.16943388665!2d140.9671038130202!3d42.98499273915571!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x5f0ad4755a973633%3A0x33937e9d4687bad5!2z5YyX5rW36YGT5pyt5bmM5biC!5e0!3m2!1sja!2sjp!4v1618749866329!5m2!1sja!2sjp" width="800" height="600" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
           </div>

            <hr>
-->


            <hr>

        </div>
            










    </body>
</html>