index.html

﻿<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title>Toronto Waste Lookup</title>
    <link type="text/css" rel="stylesheet" href="assets/css/style.css" />
    <script type="text/javascript" src="assets/js/lib/jquery-3.3.1.min.js"></script>
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
</head>
<body>
    <div>
        <div id="header">
            <h1>Toronto Waste Lookup</h1>
        </div>
        <div id="searchBar">
            <input type="text" placeholder="Search" />
            <button><i class="fas fa-search fa-flip-horizontal fa-3x"></i></button>
        </div>
        <div id="searchContainer" class="Results">
        </div>
    </div>
    <div id="favourites">
        <h2>Favourites</h2>
        <div class="Results"></div>
    </div>
    <script type="text/javascript" src="assets/js/waste_lookup.js"></script>
</body>
</html>