index.html

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

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>appDoption</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Google Fonts CDN-->
    <link href="https://fonts.googleapis.com/css?family=Cookie|Roboto:300" rel="stylesheet">

    <!-- Font Awesome -->
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU"
        crossorigin="anonymous">

    <!-- Our CSS -->
    <link rel="stylesheet" type="text/css" media="screen" href="./assets/style/style.css">


</head>

<body>
    <div class="container">
        <!-- Header -->
        <div class="header">
            <span id="pawLogo"><img src="./assets/images/pawIcon.png" alt="Paw" id="paw"></span>
            <span id="logo"><a href="./index.html">Appdoption</a></span>
            <span class="search">
                <form class="searchForm">
                    <input type="text" maxlength="5" placeholder="Search by Zipcode" id="zip" class="headerSearch"></input>
                    <button type="button" id="catButton"><i class="fas fa-cat"></i> Search Cats</button>
                    <button type="button" id="dogButton"><i class="fas fa-dog"></i> Search Dogs</button>
                </form>
            </span>
        </div> <!-- Close Header-->


        <!-- Main Content Container-->
        <div class="content">
            

                <!-- Target Results to go here -->
                <div class="results">
                </div><!-- Close results -->

        </div><!-- Close content -->

        <footer>
            Appdoption 2018 || Data provided by <a href="https://www.petfinder.com">Petfinder</a>
        </footer>

        <!-- Jquery for Ajax Call -->
        <script src='https://code.jquery.com/jquery-3.3.1.min.js' integrity='sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8='
            crossorigin='anonymous'></script>
        <!-- Base Javascript -->
        <script src="assets/javascript/random.js"></script>
        <script src="assets/javascript/app.js"></script>


</body>

</html>