wishlist.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">
    <title>Document</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"/>
    <link rel="stylesheet" href="./styles/navBar.css">
    <link rel="stylesheet" href="./styles/wishlist.css">
</head>
<body>
    <div class="topnav"></div>
    <div class="mid">
        <div class="leftnav"></div>
        <div class="cont">
            <!-- <div id="main">
                <h2>MY WISHLIST</h2>
            <div id="container">
        
            </div>
            </div> -->
            <div id="main">
                <div id="height">
                <h2 id="head">MY WISHLIST</h2>
                <p id="para">Wishlist is not saved permanently yet. Please log in or Create Account to save it.</p>
                </div>
                <p id="head1">No items!</p>
            <div id="container">
           
            </div>
            <div class="flex" id="max">
                <p>Email / Share Your Wishlist :   </p>
                <div class="flex" id="size">
                  <img id="email" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSGH2NvaSAYWOiwy6HY7Ptw5xnqonzk-uk8vw&usqp=CAU"/>
                    <img id="fb" src="https://img.icons8.com/fluency/48/000000/facebook.png"/>
                    <img id="twitter" src="https://img.icons8.com/external-justicon-flat-justicon/64/000000/external-twitter-social-media-justicon-flat-justicon.png"/>
                </div>
              
            </div>
            </div>
        </div>
    </div>
    <div class="footer"></div>


</body>
</html>
<script src="./scripts/wishlist.js">

</script>


<script type="module">
    import {topNav,leftNav,navButtons,footer} from "./components/navBar.js";
    document.querySelector(".topnav").innerHTML=topNav();
    document.querySelector(".leftnav").innerHTML=leftNav();
    document.querySelector(".footer").innerHTML=footer();
    navButtons();
</script>