index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Snack Sneaker</title>
    <!-- Code to the JavaScript File -->
    <script src="./script.js"></script>
    <script async src="https://cse.google.com/cse.js?cx=123:456"></script>
    <script async src="https://cse.google.com/cse.js?cx=012918701310448768134:icw2zymv_wk"></script>
    <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAN1HuZR2h3OStGDn61coErkA7k4QHfrbI&libraries=places"></script>
    <!-- Css file call -->
    <link rel="stylesheet" href="./style.css">
</head>
<body>
    <img src="cheetocat.png" alt="Cat" id="Cat"> <h1>Snack Sneaker</h1>
    <h2>            
    The Snack Sneaker is here to find the specific snack you're looking for to hit that snacky snack craving closest to you.
    </h2>
        <strong>
            <i class="fa fa-list-alt"></i> Search Parameters</strong>
        <!--Google Search Engine-->
        <script async src="https://cse.google.com/cse.js?cx=012918701310448768134:icw2zymv_wk"></script>
        <div class="gcse-searchbox"></div>
        <div class="gcse-searchresults"></div>
    <!--Google map-->
    <div id="map"></div>
</body>
</html>