├── README.md ├── anti.webp ├── ban.png ├── doms.webp ├── food.webp ├── logo.png ├── myan.png ├── nep.png ├── pak.jpg ├── promo.PNG ├── rice.webp ├── small.PNG ├── sri.png ├── dhamaka.png ├── guitar.webp ├── infant.webp ├── pillow.webp ├── safety.webp ├── scales.webp ├── seller.webp ├── stands.webp ├── bluetooth.webp ├── bracelets.webp ├── cleaning.webp ├── dupattas.webp ├── headpic.webp ├── powerbank.webp ├── promotion.PNG ├── speaker.webp ├── switches.webp ├── tablets.webp ├── thermal.webp ├── halls stands.webp ├── airport routers.webp ├── index.html └── style.css /README.md: -------------------------------------------------------------------------------- 1 | # FirstRepo -------------------------------------------------------------------------------- /anti.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kripaaa08/FirstRepo/HEAD/anti.webp -------------------------------------------------------------------------------- /ban.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kripaaa08/FirstRepo/HEAD/ban.png -------------------------------------------------------------------------------- /doms.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kripaaa08/FirstRepo/HEAD/doms.webp -------------------------------------------------------------------------------- /food.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kripaaa08/FirstRepo/HEAD/food.webp -------------------------------------------------------------------------------- /logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kripaaa08/FirstRepo/HEAD/logo.png -------------------------------------------------------------------------------- /myan.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kripaaa08/FirstRepo/HEAD/myan.png -------------------------------------------------------------------------------- /nep.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kripaaa08/FirstRepo/HEAD/nep.png -------------------------------------------------------------------------------- /pak.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kripaaa08/FirstRepo/HEAD/pak.jpg -------------------------------------------------------------------------------- /promo.PNG: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kripaaa08/FirstRepo/HEAD/promo.PNG -------------------------------------------------------------------------------- /rice.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kripaaa08/FirstRepo/HEAD/rice.webp -------------------------------------------------------------------------------- /small.PNG: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kripaaa08/FirstRepo/HEAD/small.PNG -------------------------------------------------------------------------------- /sri.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kripaaa08/FirstRepo/HEAD/sri.png -------------------------------------------------------------------------------- /dhamaka.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kripaaa08/FirstRepo/HEAD/dhamaka.png -------------------------------------------------------------------------------- /guitar.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kripaaa08/FirstRepo/HEAD/guitar.webp -------------------------------------------------------------------------------- /infant.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kripaaa08/FirstRepo/HEAD/infant.webp -------------------------------------------------------------------------------- /pillow.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kripaaa08/FirstRepo/HEAD/pillow.webp -------------------------------------------------------------------------------- /safety.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kripaaa08/FirstRepo/HEAD/safety.webp -------------------------------------------------------------------------------- /scales.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kripaaa08/FirstRepo/HEAD/scales.webp -------------------------------------------------------------------------------- /seller.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kripaaa08/FirstRepo/HEAD/seller.webp -------------------------------------------------------------------------------- /stands.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kripaaa08/FirstRepo/HEAD/stands.webp -------------------------------------------------------------------------------- /bluetooth.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kripaaa08/FirstRepo/HEAD/bluetooth.webp -------------------------------------------------------------------------------- /bracelets.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kripaaa08/FirstRepo/HEAD/bracelets.webp -------------------------------------------------------------------------------- /cleaning.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kripaaa08/FirstRepo/HEAD/cleaning.webp -------------------------------------------------------------------------------- /dupattas.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kripaaa08/FirstRepo/HEAD/dupattas.webp -------------------------------------------------------------------------------- /headpic.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kripaaa08/FirstRepo/HEAD/headpic.webp -------------------------------------------------------------------------------- /powerbank.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kripaaa08/FirstRepo/HEAD/powerbank.webp -------------------------------------------------------------------------------- /promotion.PNG: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kripaaa08/FirstRepo/HEAD/promotion.PNG -------------------------------------------------------------------------------- /speaker.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kripaaa08/FirstRepo/HEAD/speaker.webp -------------------------------------------------------------------------------- /switches.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kripaaa08/FirstRepo/HEAD/switches.webp -------------------------------------------------------------------------------- /tablets.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kripaaa08/FirstRepo/HEAD/tablets.webp -------------------------------------------------------------------------------- /thermal.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kripaaa08/FirstRepo/HEAD/thermal.webp -------------------------------------------------------------------------------- /halls stands.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kripaaa08/FirstRepo/HEAD/halls stands.webp -------------------------------------------------------------------------------- /airport routers.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kripaaa08/FirstRepo/HEAD/airport routers.webp -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | WEB DESIGN 7 | 8 | 9 | 10 | 11 |
12 | 13 |
14 |
Save more on App
15 |
Become a Seller
16 |
Help and Support
17 |
Login
18 |
Sign Up
19 | 20 |
21 | 22 |
23 | 26 |
27 | 28 |
29 |
30 |
31 |
32 |
33 | 34 |
35 |
36 | 37 |
38 |
39 | 40 |
41 |
42 | 43 |
44 |
45 |
46 | 47 |
48 |
49 |

Flash Sale

50 |
51 |
52 |
53 |
54 |

On Sale Now

55 |
56 |
57 |

Shop All the Products

58 |
59 |
60 | 61 |
62 |
63 |
64 |
65 |
66 |
67 |

Water Color doms

68 |

Rs:20

69 |
70 |
71 |
72 |
73 |

Fresh Vegetable Keeping

74 |

Rs:120

75 |
76 |
77 |
78 |
79 |

Premium Quality Safety Pads

80 |

Rs:50

81 |
82 |
83 |
84 |
85 |

High Quality Speaker

86 |

Rs:1230

87 |
88 |
89 |
90 |
91 |

Bluetooth Connected Earbuds

92 |

Rs:1100

93 |
94 | 95 |
96 | 97 |
98 | 99 |
100 |
101 |

Categories 102 |

103 |
104 |
105 |
106 |
107 |
108 |
109 |

Guitar & Bass Accessories

110 |
111 |
112 |
113 |
114 |

Switches

115 |
116 |
117 |
118 |
119 |

Airport Routers

120 |
121 |
122 |
123 |

Cleaning tools

124 |
125 |
126 |
127 |
128 |

Pregnancy Pillows

129 |
130 |
131 |
132 |
133 |

Speaker Stands

134 |
135 |
136 |
137 |
138 |

Duppatas Stoles & Shawls

139 |
140 |
141 |
142 |
143 |

Infant(0-6)months

144 |
145 |
146 |
147 |
148 |
149 |

Load More

150 |

151 |
152 |
153 |
    154 |
  • Customer Care
    • 155 |
  • Help Center
    • 156 |
  • How to Buy
    • 157 |
  • Returns & Refunds
    • 158 |
  • Contact Us
    • 159 |
160 |
161 |
162 |
    163 |
  • Daraz
    • 164 |
  • About Daraz
    • 165 |
  • Careers
    • 166 |
  • Daraz Blog
    • 167 |
  • Terms & Conditions
    • 168 |
  • Privacy Policy
    • 169 |
  • Digital Payments
    • 170 |
  • Daraz Customer University
    • 171 |
  • Daraz Affiliate Program
    • 172 |
  • Review & Win
    • 173 |
  • Meet the winners
    • 174 |
  • Daraz University
    • 175 |
  • Sell on Daraz
    • 176 |
  • Code of Conduct
    • 177 |
178 |
179 |
180 |
181 |

Happy Shopping

182 |

Download app

183 |
184 | 185 |
186 |
187 |
188 | 189 |
190 | 214 | 215 | 216 | 217 | 218 | 219 | -------------------------------------------------------------------------------- /style.css: -------------------------------------------------------------------------------- 1 | * 2 | { 3 | margin:0; 4 | border:border-box; 5 | } 6 | .navbar 7 | { 8 | height:25px; 9 | background-color: #F85606; 10 | display:flex; 11 | justify-content: flex-end; 12 | 13 | 14 | 15 | } 16 | a{ 17 | color:#FFFFFF; 18 | text-decoration: none; 19 | text-transform: uppercase; 20 | font-size:12px; 21 | font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; 22 | 23 | 24 | } 25 | .link 26 | { 27 | display:inline-block; 28 | 29 | margin-left:9px; 30 | margin-right:40px; 31 | /* to position navbar margin and display flex,flex-direction flex end is used. */ 32 | 33 | } 34 | a:hover 35 | { 36 | color:wheat; 37 | } 38 | 39 | /* HEADER */ 40 | 41 | .darazbar 42 | { 43 | height:75px; 44 | width:100%; 45 | background-color: #F85606; 46 | display: flex; 47 | align-items: center; 48 | 49 | } 50 | .darazlogo 51 | { 52 | top:0px; 53 | height:40px; 54 | width:137px; 55 | padding-left: 90px; 56 | margin-right:120px; 57 | } 58 | .logo 59 | { 60 | background-image: url("logo.png"); 61 | background-size: cover; 62 | height:40px; 63 | width:137px; 64 | 65 | } 66 | /* TEXT BOX */ 67 | .textbox 68 | { 69 | display:flex; 70 | 71 | 72 | } 73 | /* duita ko mix conatins search ani txt bar */ 74 | .searchinput 75 | { 76 | width:643px; 77 | font-size: 1rem; 78 | border:none; 79 | font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; 80 | padding-left: 19px; 81 | color:black; 82 | font-size:14px; 83 | border-top-left-radius:4px; 84 | border-bottom-left-radius:4px; 85 | 86 | 87 | } 88 | .searchbar 89 | { 90 | height:45px; 91 | width:44px; 92 | font-size: 14px; 93 | display:flex; 94 | justify-content: center; 95 | align-items: center; 96 | background-color: #FFE1D2; 97 | color: #F85606; 98 | border: none; 99 | margin-right: 20px; 100 | border-top-right-radius:4px; 101 | border-bottom-right-radius:4px; 102 | 103 | } 104 | .cart 105 | { 106 | height:30px; 107 | width:30px; 108 | color: #FFFFFF; 109 | display: flex; 110 | align-items: end; 111 | 112 | } 113 | .searchinput:active{ 114 | border:2px solid transparent; 115 | 116 | } 117 | /* after header */ 118 | .image 119 | { 120 | height:344px; 121 | background-color: rgb(254, 246, 246); 122 | display:flex; 123 | justify-content: center; 124 | } 125 | body{ 126 | background-color: rgb(254, 246, 246); 127 | } 128 | .mainimage 129 | { 130 | height:344px; 131 | width:988px; 132 | background-image: url("headpic.webp"); 133 | background-size: cover; 134 | margin-right: 8px; 135 | } 136 | .download 137 | { 138 | width:194px; 139 | height:344px; 140 | background-image: url("promotion.PNG"); 141 | background-size: cover; 142 | position:relative; 143 | right:150px; 144 | 145 | } 146 | /* talako image */ 147 | .dashain 148 | { 149 | height: 325px; 150 | width:600px; 151 | background-image: url("dhamaka.png"); 152 | background-size: cover; 153 | } 154 | .downimage 155 | { 156 | display:flex; 157 | justify-content: center; 158 | 159 | } 160 | /* Down Section */ 161 | .par1 162 | { 163 | height:38px; 164 | display:flex; 165 | align-items: center; 166 | margin-left:110px; 167 | margin-right:80px; 168 | background-color: antiquewhite; 169 | } 170 | #par 171 | { font-family: 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; 172 | font-size: 22px; 173 | color:#424242; 174 | display:inline; 175 | 176 | } 177 | .title 178 | { 179 | font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; 180 | 181 | display:flex; 182 | background-color: white; 183 | color:#F85606; 184 | height:60px; 185 | margin-left:110px; 186 | margin-right:80px; 187 | justify-content: space-between; 188 | align-items: center; 189 | } 190 | .flashhead 191 | { 192 | height:375px; 193 | } 194 | #sales 195 | { 196 | 197 | font-size: 16px; 198 | padding-left:15px; 199 | } 200 | #shop 201 | { 202 | text-transform: uppercase; 203 | border: 2px solid #F85606; 204 | font-size: 14px; 205 | padding:5px; 206 | margin: 20px; 207 | } 208 | hr 209 | { 210 | margin-left:110px; 211 | margin-right:80px; 212 | color:#424242; 213 | } 214 | .box{ 215 | border:2px solid transparent; 216 | height:290px; 217 | width:220px; 218 | background-color: white; 219 | display:flex; 220 | flex-direction: column; 221 | justify-content: center; 222 | align-items: center; 223 | font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; 224 | font-style: normal; 225 | } 226 | .image{ 227 | margin-left:110px; 228 | margin-right:80px; 229 | display: flex; 230 | justify-content: space-between; 231 | background-size: cover; 232 | } 233 | .box1image 234 | { 235 | height:188px; 236 | width:188px; 237 | display:flex; 238 | flex-direction: column; 239 | justify-content: center; 240 | align-items: center; 241 | background-size: cover; 242 | } 243 | .box:hover{ 244 | border:4px outset white; 245 | } 246 | 247 | /* Categoriesss */ 248 | .par2 249 | { 250 | height:38px; 251 | display:flex; 252 | align-items: center; 253 | margin-left:110px; 254 | margin-right:80px; 255 | background-color: antiquewhite; 256 | } 257 | .firsthalf 258 | { 259 | margin-left:110px; 260 | margin-right:80px; 261 | display: flex; 262 | justify-content: space-between; 263 | } 264 | .items{ 265 | 266 | border:2px solid rgb(254, 246, 246); 267 | height:147.5px; 268 | width:150.5px; 269 | background-color: white; 270 | display:flex; 271 | flex-direction: column; 272 | justify-content: center; 273 | align-items: center; 274 | font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; 275 | font-style: normal; 276 | 277 | } 278 | .secondhalf 279 | { 280 | margin-left:110px; 281 | margin-right:80px; 282 | display: flex; 283 | justify-content: space-between; 284 | position:relative; 285 | 286 | } 287 | 288 | .itemimage 289 | { 290 | height:80px; 291 | width:80px; 292 | background-size: cover; 293 | } 294 | 295 | .imageee 296 | { 297 | position:relative; 298 | top:8px; 299 | } 300 | .items:hover 301 | { 302 | border:2px outset white; 303 | } 304 | /* ..................... */ 305 | .load{ 306 | color:#1a9cbb; 307 | padding : px; 308 | border:2px solid #1a9cbb; 309 | width:387px; 310 | height:40px; 311 | display:flex; 312 | justify-content: center; 313 | align-items: center; 314 | font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; 315 | text-transform: uppercase; 316 | 317 | } 318 | .hello 319 | { 320 | display:flex; 321 | justify-content: center; 322 | align-items: center; 323 | } 324 | .footer 325 | { 326 | margin-left:110px; 327 | margin-right:80px; 328 | display: flex; 329 | justify-content: space-between; 330 | } 331 | ul{ 332 | color:#0f136d; 333 | font-size: 14px; 334 | list-style-type: none; 335 | font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; 336 | 337 | } 338 | .happyy 339 | { 340 | font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; 341 | display:flex; 342 | gap:20px; 343 | } 344 | .daraimage 345 | { 346 | width:42px; 347 | height:42px; 348 | background-image: url("small.PNG"); 349 | background-size: cover; 350 | } 351 | .img{ 352 | width:300px; 353 | height:100px; 354 | background-image: url("promo.PNG"); 355 | background-size: cover; 356 | } 357 | .downfooter 358 | { 359 | height:148px; 360 | width:100%; 361 | background-color: white; 362 | position:relative; 363 | top:6px; 364 | } 365 | .foot{ 366 | background-color: white; 367 | margin-left:110px; 368 | margin-right:80px; 369 | font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; 370 | position:relative; 371 | top:6px; 372 | 373 | } 374 | .coun{ 375 | height:28px; 376 | width:28px; 377 | border-radius: 50%; 378 | border:2px solid transparent; 379 | background-size: cover; 380 | display:flex; 381 | 382 | 383 | 384 | } 385 | .country 386 | { 387 | margin-left:110px; 388 | margin-right:80px; 389 | } 390 | .asian{ 391 | display:flex; 392 | 393 | } 394 | #me 395 | { 396 | color:#F85606; 397 | font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; 398 | position:relative; 399 | right:0; 400 | 401 | } --------------------------------------------------------------------------------