index.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>GL-MAP</title>
    <link rel="stylesheet" href="style/style.css">
    <script src="js/store-data.js"></script>
    <script src="js/index.js"></script>
    <script src="https://kit.fontawesome.com/c939d0e917.js
    "></script>

</head>

<body>
    <div id="map"></div>
    <div class="title">
        STORE LOCATOR
    </div>
    <div class="search-container">
        <div class="search">
            <input id="zip-code-input" type="text" placeholder="Enter Zip">
            <i class="fas fa-search-location" onclick="searchStores()"></i>
        </div>
    </div>

    <div class="stores-list-container">
        <div class="stores-list">
            <div class="store-container-background">
                <div class="store-container">


                    <div class="store-info-container">
                        <div class="store-address">
                            <span>8423 Bevrtly Blvd </span>
                            <span>Los Angels, CA 90048</span>
                        </div>
                        <div class="store-phone-number">
                            123-123123-123
                        </div>
                    </div>

                    <div class="store-number-container">
                        <div class="store-number">
                            1
                        </div>
                    </div>
                </div>


            </div>
        </div>
    </div>


    <script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDti_el_tq4Jzer_48vjZkLHT3N5ajLwos&callback=initMap" type="text/javascript"></script>


    </script>
</body>
</body>

</html>