OverStock-Clone/rug.html at main · kamalg-coder/OverStock-Clone · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
<!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="shortcut icon" href="https://ak1.ostkcdn.com/images/mxc/overstock-favicon-lg.ico" type="image/x-icon">
    <title>Rugs|Find Great Home Decore Deals Shopping at Overstock</title>
    <!-- google symbol link -->
    <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined" rel="stylesheet" />
    <!-- navbar css file link -->
    <link rel="stylesheet" href="./styles/navbar.css">
    <!-- rug css file link -->
    <link rel="stylesheet" href="./styles/rug.css">
    <!-- footer css -->
    <link rel="stylesheet" href="./styles/footer.css">
</head>

<body>
    <div id="header"></div>
    <nav id="nav"></nav>
    <div id="less_deals"></div>

    <div>
        <h3 id="head">Rugs</h3>
    </div>

    <div id="main">
        <div id="side">
            <div>
                <h1>Featured Categories</h1>
                <div>
                    <p>Area Rugs</p>
                    <p>Rug Pads</p>
                    <p>Shag Rugs</p>
                    <p>Kitchen Rugs & Mats</p>
                    <p>Stair Treads</p>
                    <p>One of a Kind Rugs</p>
                    <p>Machine Washable</p>
                    <p>Handmade Rugs</p>
                    <p>Flat Weave Rugs</p>
                    <p>Kids & Tween Rugs</p>
                    <p>Door Mats</p>
                    <p>Bath Mats & Rugs</p>
                    <p>Persian Rugs</p>
                    <p id="sdl" style="color:#C7202C;"><b>Shop New Arrivals</b></p>
                </div>
            </div>
        </div>
        <div id="content">
            <div>
                <h1> extra <br>20% off</h1>
                <p> Select Rugs By Balta*</p>
                <button>Shop Now</button>
            </div>
        </div>
        <div id="subcontent">
            <a href="">
                <div id="ins">
                    <p>Need Inspiration?<br><b>Virtual Showroom</b></p>
                    <img src="https://ak1.ostkcdn.com/img/mxc/2022-04-12-temporary-virtual-showcase.png" alt="">
                </div>
            </a>
            <a href="">
                <div>
                    <img src="https://ak1.ostkcdn.com/img/mxc/12202021_WINTER2022_RUGS_MM_02.png?imwidth=320" alt="">
                    <p>Save On <br> <b>Rugs Deal</b></p>
                </div>
            </a>
        </div>
    </div>

    <div style="margin-top:30px; margin-left: 64px;margin-right:30px;">
        <h1 style="text-align: center;">Shop Popular Rug Sizes</h1>
        <div id="container"></div>
    </div>

    <div style="margin-top:30px; margin-left: 64px;margin-right:30px;">
        <h1 style="text-align: center;">Shop Popular Rug Colors</h1>
        <div id="container2"></div>
    </div>

    <div style="margin-top:30px; margin-left: 64px;margin-right:30px;">
        <h1 style="text-align: center;">Shop Popular Rug Styles</h1>
        <div id="container3"></div>
    </div>

    <div class="ch_patio">
        <div>
            <img src="https://ak1.ostkcdn.com/img/mxc/07062022_SUMMER_Rugs_688x444_BG01.jpg" alt="">
        </div>
        <div>
            <h2>How to Choose Patio Furniture for a Small Space</h2>
            <p>Whether you’re creating an outdoor dining area or a place to lounge and relax, here are some small patio
                furniture ideas to help you create the perfect setup.</p>
            <button>Read More</button>
        </div>
    </div>
    <div id="red_div">
        <div>
            <p>Rugs</p>
            <h1>under <br> $80</h1>
        </div>
        <div>
            <p>Rugs</p>
            <h1>under <br> $150</h1>
        </div>
        <div>
            <p>Rugs</p>
            <h1>under <br> $200</h1>
        </div>
        <div>
            <p>Rugs</p>
            <h1>under <br> $250</h1>
        </div>
    </div>

    <div class="ch_patio">
        <div>
            <h2>The Ultimate Area Rug Size & Placement Guide</h2>
            <p>Learn how to take rug measurements to visualize how an area rug will look in your space. This guide will help you avoid picking the wrong area rug size with tips for framing your room’s layout and creating pathways.</p>
            <button>Read More</button>
        </div>
        <div>
            <img src="https://ak1.ostkcdn.com/img/mxc/07062022_SUMMER_Rugs_688x444_BG02.jpg" alt="">
        </div>
    </div>
    <div style="margin-top:30px;margin-left: 64px;margin-right:30px;">
        <h1 style="text-align: center;">Shop More Rugs</h1>
        <div id="container4"></div>
    </div>
    <div id="footer">

    </div>
    <div id="lastfoot">

    </div>
</body>

</html>
<script src="./scripts/index2.js" type="module"></script>
<script src="./scripts/rug.js"></script>
<script src="./scripts/index.js" type="module"></script>
<script>
    function cart(){
        window.location.href='cartpage1.html'
    }
    function sign(){
        window.location.href="sign up.html"
    }
</script>