bestceller.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>bestceller</title>
    <link rel='stylesheet' href='https://cdn-uicons.flaticon.com/uicons-bold-straight/css/uicons-bold-straight.css'>
    <link rel='stylesheet' href='https://cdn-uicons.flaticon.com/uicons-brands/css/uicons-brands.css'>
    <link rel='stylesheet' href='https://cdn-uicons.flaticon.com/uicons-bold-straight/css/uicons-bold-straight.css'>
    <link rel='stylesheet' href='https://cdn-uicons.flaticon.com/uicons-regular-rounded/css/uicons-regular-rounded.css'>
    <link rel='stylesheet' href='https://cdn-uicons.flaticon.com/uicons-regular-straight/css/uicons-regular-straight.css'>
<link rel="stylesheet" href="./styles/navbar.css">
<link rel="stylesheet" href="./styles/foter.css">
<link rel="stylesheet" href="./styles/new.css">
</head>

 
<body>
    <div id="navbar"></div>
    <div id="main">
        <div id="sidebox">
            <div>
                <h4>bestceller Products</h4>
                <div onclick="searchEl()">Electronic</div>
                <div onclick="searchSp()">Sports and fitness</div>
                <div onclick="searchKitch()">Home and Kitchen</div>
                <div onclick="searchph()">mobile and accessories</div>
            </div>
           <div> <h4 >Filters</h4>
            <div onclick="sortlh()">price low to High</div>
            <div onclick="sorthl()">price High to low</div>
            <div onclick="sortr()">high ratings</div></div>
            
        </div>
        <div id="productlist"></div>
    </div>
    <div id="foter"></div>
</body>
</html>
<script src="./script/bestceller.js" type="module"></script>
 