index.html

<!DOCTYPE html>
<html>
    <head>
        <title>Mother Dairy Store Locator</title>
        <script src="js/MotherDairy-data.js"></script>
        <script src="js/MotherDairy.js"></script>
        <link rel="stylesheet" href="style/MotherDairy.css">
        <script src="https://kit.fontawesome.com/1e62f9103e.js" crossorigin="anonymous"></script>
        <meta name="viewport" content="width=device-width, initial-scale=1">
    </head>
    <body>
        <div class="title">Store  Locator</div>
        <div class="search-container">
            <div class="search-box">
                <input id="zip-code" type="number" placeholder="Enter Pin-Code"/>
                <i class="fas fa-search" id="yo" onclick="searchStores()"></i> 
            </div>
        </div>
 <div class="store-list-container">
    <div class="store-list">
        <div class="stores-name">
               Mother Diary-<span class="dot1">1</span>
                <div class="stores-address">
                Csc II,D D A Market,Shop No 10,G-block,Preet Vihar,Near Mother,D D A Market,Delhi-110092.
                </div>
                <div class="stores-phone">
                 Ph- 011-2245-2184
                </div>
                <hr>
        </div>
   </div>       
 </div>        
        <div id="map"></div>
        <footer id="footer">
			<div class="row text-center">
					<p id="logo">Chaitanya</p>
				</div>
			</div>
		</footer>
        <script async defer
            src= "https://maps.googleapis.com/maps/api/js?key=AIzaSyBZIZeWYLcE4x4kOSO7-TJuKXuhL6CR7KI&callback=initMap">
        
    </script>
    </body>
</html>