bookmarks.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">
    <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"/>
    <link rel="stylesheet" href="assets/styles/reset.css">
    <link rel="stylesheet" href="assets/styles/bookmark.css">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous"/>
    <title>ReaCharity Bookmarks</title>
    <link rel="shortcut icon" type="image/jpg" href="assets/designs/favicon.png"/>
</head>
<body>

    <nav class="navbar navbar-expand-sm bg-dark navbar-dark justify-content-between">
        <!-- Brand/logo -->
        <a class="navbar-brand" href="index.html">
          <img src="assets/designs/reacharity-logo.png" height= "75px" alt="Reacharity Logo">
      </a>
        
        <!-- Links -->
        <ul class="navbar-nav">
          <li class="nav-item">
            <a class="nav-link" href="index.html"><i class="fas fa-search"></i> Search Charities</a>
          </li>
        </ul>
    </nav>

    <div class="jumbotron jumbotron-fluid">
        <div class="container">
          <h1 class="display-4">ReaCharity Bookmarked Charities</h1>
          <p class="lead">Charities you have saved in previous searches of the ReaCharity database.</p>
        </div>
      </div>

    <div class="container bookmarkCards" >
        <div id="bookmark-list" class="row justify-content-between" id="searchResults">
       
        </div>
    </div>
<!-- insert Footer icon -->
    <footer class="footer" id="footer">
        <p><img src="assets/designs/teamLogo.jpg" alt="Icons made by Freepik from www.flaticon.com" class="icon">STLScollaborativeEffort(2021)</p>
        <div class="ftrattr"> Icons made by <a href="https://www.freepik.com" title="Freepik">Freepik</a> from <a href="https://www.flaticon.com/" title="Flaticon">www.flaticon.com</a></div>
        <br>
        <aside class="contactUs">
          <h6>Contact Us via GitHub:</h6>
          <ul>
            <li><a href="https://github.com/SamuelHeal">Sam</a></li>
            <li><a href="https://github.com/thomas-nicholson">Tom</a></li>
            <li><a href="https://github.com/leonhsu95">Leon</a></li>
            <li><a href="https://github.com/SarahHn92">Sarah</a></li>
          </ul>
        </aside>
    </footer>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.min.js" integrity="sha384-+YQ4JLhjyBLPDQt//I+STsc9iw4uQqACwlvpslubQzn4u2UU2UFM80nGisd026JF" crossorigin="anonymous"></script>
    <script src="https://kit.fontawesome.com/ca22f23350.js" crossorigin="anonymous"></script>
    <script src="assets/scripts/bookmarks.js"></script>
    
</body>
</html>