├── images ├── Call.png ├── Facebook.png ├── Group-44.png ├── Group-61.png ├── Group-70.png ├── Group-75.png ├── Group-96.png ├── Linkedin.png ├── Twitter.png ├── Vectorrr.png ├── Website.png ├── Ellipse-1.png ├── Instagram.png ├── Banner Image.png ├── Rectangle-1.png ├── Rectangle-2.png ├── Rectangle-3.png ├── Rectangle-4.png ├── Rectangle-5.png ├── Rectangle-6.png ├── Rectangle-7.png ├── Rectangle-8.png └── New Year Photo.png ├── index.html └── styles └── styles.css /images/Call.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hazrat-Ali9/Year-Mission/HEAD/images/Call.png -------------------------------------------------------------------------------- /images/Facebook.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hazrat-Ali9/Year-Mission/HEAD/images/Facebook.png -------------------------------------------------------------------------------- /images/Group-44.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hazrat-Ali9/Year-Mission/HEAD/images/Group-44.png -------------------------------------------------------------------------------- /images/Group-61.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hazrat-Ali9/Year-Mission/HEAD/images/Group-61.png -------------------------------------------------------------------------------- /images/Group-70.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hazrat-Ali9/Year-Mission/HEAD/images/Group-70.png -------------------------------------------------------------------------------- /images/Group-75.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hazrat-Ali9/Year-Mission/HEAD/images/Group-75.png -------------------------------------------------------------------------------- /images/Group-96.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hazrat-Ali9/Year-Mission/HEAD/images/Group-96.png -------------------------------------------------------------------------------- /images/Linkedin.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hazrat-Ali9/Year-Mission/HEAD/images/Linkedin.png -------------------------------------------------------------------------------- /images/Twitter.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hazrat-Ali9/Year-Mission/HEAD/images/Twitter.png -------------------------------------------------------------------------------- /images/Vectorrr.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hazrat-Ali9/Year-Mission/HEAD/images/Vectorrr.png -------------------------------------------------------------------------------- /images/Website.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hazrat-Ali9/Year-Mission/HEAD/images/Website.png -------------------------------------------------------------------------------- /images/Ellipse-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hazrat-Ali9/Year-Mission/HEAD/images/Ellipse-1.png -------------------------------------------------------------------------------- /images/Instagram.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hazrat-Ali9/Year-Mission/HEAD/images/Instagram.png -------------------------------------------------------------------------------- /images/Banner Image.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hazrat-Ali9/Year-Mission/HEAD/images/Banner Image.png -------------------------------------------------------------------------------- /images/Rectangle-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hazrat-Ali9/Year-Mission/HEAD/images/Rectangle-1.png -------------------------------------------------------------------------------- /images/Rectangle-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hazrat-Ali9/Year-Mission/HEAD/images/Rectangle-2.png -------------------------------------------------------------------------------- /images/Rectangle-3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hazrat-Ali9/Year-Mission/HEAD/images/Rectangle-3.png -------------------------------------------------------------------------------- /images/Rectangle-4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hazrat-Ali9/Year-Mission/HEAD/images/Rectangle-4.png -------------------------------------------------------------------------------- /images/Rectangle-5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hazrat-Ali9/Year-Mission/HEAD/images/Rectangle-5.png -------------------------------------------------------------------------------- /images/Rectangle-6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hazrat-Ali9/Year-Mission/HEAD/images/Rectangle-6.png -------------------------------------------------------------------------------- /images/Rectangle-7.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hazrat-Ali9/Year-Mission/HEAD/images/Rectangle-7.png -------------------------------------------------------------------------------- /images/Rectangle-8.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hazrat-Ali9/Year-Mission/HEAD/images/Rectangle-8.png -------------------------------------------------------------------------------- /images/New Year Photo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hazrat-Ali9/Year-Mission/HEAD/images/New Year Photo.png -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | New Year New Mission 8 | 9 | 10 | 11 | 12 |
13 |
14 |
15 |

Happy New Year

16 |

New Year Party Celebration

17 | 18 |
19 | new year 2024 banner 20 |
21 | 22 |
23 |

65% OFF

24 |

OUR HOLIDAY DEALS ARE BETTER

25 |

ALL CATEGORIES

26 | new year 2024 27 |
28 | 29 |
30 |
31 |

Welcome to midnight party

32 |

Indulge in an unforgettable night filled with music, laughter, and 33 | delightful surprises. Join us as we celebrate under the enchanting midnight sky, creating memories 34 | that will last a lifetime.

35 | 36 |
37 | Party 38 |
39 | 40 |
41 |

Place: New Park Hotel
42 | Date: 31 December Night 2023
43 | Time: Evening 7.30 pm to 12.30 am 44 |

45 | 46 |
47 | 48 |
49 |
50 |

NEW BEST OFFER

51 |

Coming Soon

52 |

Celebrate the dawn of a new year with our exclusive offer, unlocking incredible savings and exciting 53 | perks for a limited time. Embrace the possibilities of the coming year by seizing this special 54 | opportunity to elevate your experiences and make 2024 truly exceptional.

55 | 56 |
57 |
58 | happy people 59 |
60 | 61 |
62 |

2024

63 |

Ring in the New Year with our best offer yet – a perfect blend of savings and indulgence that 64 | promises an exciting start to 2024.

65 | 66 |
67 | 68 |
69 | 70 |
71 |
72 |

WHAT IS FUNCTIONAL

73 |

Holidays Sale 50%

74 |

Celebrate the season with our incredible Holiday Sale – enjoy a festive 50% off on a wide array of 75 | products!
Indulge in the joy of giving and treat yourself or your loved ones to fantastic 76 | savings during this special time. 77 |

78 |
79 |
80 | gift box opening 81 | 50% discount 82 | woman with shoping bag 83 |
84 |
85 | 86 |
87 |
88 |

THE BEST GIFTS

89 |

Our Awesome Portfolio

90 |

Discover a portfolio of the best gifts from us, carefully curated to bring joy and delight. From 91 | unique treasures to thoughtful surprises, explore a collection that embodies the essence of giving, 92 | ensuring every moment is a special celebration.

93 |
94 | 95 |
96 | 97 | 98 | 99 | 100 | 101 | 102 | 103 |
104 |
105 | 106 |
107 | newsletter icon 108 |

Subscribe Newsletter

109 |

Stay in the know and be the first to catch exclusive deals, updates, and exciting news! Subscribe to our 110 | newsletter for a dose of curated content delivered right to your inbox.
Don't miss out – join our 111 | community today!

112 | 118 |
119 | 120 | 153 | 154 |
155 | 156 | 157 | -------------------------------------------------------------------------------- /styles/styles.css: -------------------------------------------------------------------------------- 1 | /* Greetings Section */ 2 | 3 | .greetings { 4 | display: flex; 5 | width: 1320px; 6 | height: 600px; 7 | 8 | margin: 140px; 9 | } 10 | 11 | .greetings-text { 12 | position: absolute; 13 | width: 630px; 14 | height: 250px; 15 | top: 225px; 16 | left: 480px; 17 | } 18 | 19 | .greetings-small { 20 | color: white; 21 | text-align: center; 22 | font-family: Merriweather; 23 | font-size: 32px; 24 | font-style: normal; 25 | font-weight: 400; 26 | margin-bottom: 5px; 27 | 28 | } 29 | 30 | .greetings-big { 31 | color: white; 32 | text-align: center; 33 | font-family: Merriweather; 34 | font-size: 72px; 35 | font-style: normal; 36 | font-weight: 900; 37 | margin: 0; 38 | 39 | } 40 | 41 | .greetings-img { 42 | border-radius: 10px; 43 | 44 | 45 | 46 | } 47 | 48 | /* New year Deal */ 49 | 50 | .new-year-deal { 51 | display: block; 52 | margin: 120px; 53 | width: 1320px; 54 | } 55 | 56 | .new-year-deal-off { 57 | color: #F00; 58 | text-align: center; 59 | font-family: Inter; 60 | font-size: 88px; 61 | font-style: normal; 62 | font-weight: 700; 63 | line-height: normal; 64 | margin-bottom: 50px; 65 | } 66 | 67 | .new-year-deal-text { 68 | color: #F00; 69 | text-align: center; 70 | font-family: Inter; 71 | font-size: 24px; 72 | font-style: normal; 73 | font-weight: 500; 74 | line-height: normal; 75 | margin: 0 0 10px 0; 76 | } 77 | 78 | .new-year-deal-big-text { 79 | color: #070211; 80 | text-align: center; 81 | font-family: Inter; 82 | font-size: 48px; 83 | font-style: normal; 84 | font-weight: 700; 85 | line-height: normal; 86 | margin: 0 0 50px 0; 87 | } 88 | 89 | .new-year-deal img { 90 | margin: 0 300px; 91 | } 92 | 93 | /* Party */ 94 | 95 | .party { 96 | display: flex; 97 | justify-content: space-between; 98 | background-image: url("../images/Vectorrr.png"); 99 | background-repeat: no-repeat; 100 | background-position: center; 101 | width: 1320px; 102 | height: 600px; 103 | margin: 140px 140px 0; 104 | 105 | } 106 | 107 | .party-text { 108 | padding-left: 120px; 109 | width: 600px; 110 | 111 | } 112 | 113 | .party-text-big { 114 | color: #FFF; 115 | font-family: Merriweather; 116 | font-size: 64px; 117 | font-style: normal; 118 | font-weight: 900; 119 | line-height: 88px; 120 | letter-spacing: 7.04px; 121 | } 122 | 123 | .party-text-small { 124 | color: rgba(255, 255, 255, 0.80); 125 | font-family: Inter; 126 | font-size: 18px; 127 | font-style: normal; 128 | font-weight: 400; 129 | line-height: 30px; 130 | padding-bottom: 40px; 131 | } 132 | 133 | .party-button { 134 | background-color: #FFF0; 135 | color: white; 136 | border: 0; 137 | text-align: center; 138 | font-family: Inter; 139 | font-size: 20px; 140 | font-style: normal; 141 | font-weight: 700; 142 | line-height: normal; 143 | text-transform: uppercase; 144 | } 145 | 146 | .party-button:hover { 147 | background-color: #FFF5; 148 | } 149 | 150 | .party>img { 151 | transform: scale(0.70); 152 | padding-right: 50px; 153 | } 154 | 155 | /* Event */ 156 | 157 | .event { 158 | display: flex; 159 | flex-direction: column; 160 | margin: 140px; 161 | width: 1320px; 162 | height: 482px; 163 | background: linear-gradient(180deg, rgba(255, 0, 0, 0.10) 0%, rgba(255, 0, 0, 0.00) 100%); 164 | border-radius: 10px; 165 | 166 | } 167 | 168 | .event-text { 169 | padding: 100px 385px 50px; 170 | color: #070211; 171 | text-align: center; 172 | font-family: Inter; 173 | font-size: 32px; 174 | font-style: normal; 175 | font-weight: 600; 176 | line-height: 56px; 177 | text-transform: capitalize; 178 | } 179 | 180 | .event-text>span { 181 | color: #F00; 182 | font-family: Inter; 183 | font-size: 32px; 184 | font-style: normal; 185 | font-weight: 600; 186 | line-height: 56px; 187 | text-transform: capitalize; 188 | } 189 | 190 | .event-btn { 191 | width: 150px; 192 | height: 50px; 193 | border-radius: 8px; 194 | background: #F00; 195 | padding: 16px; 196 | color: white; 197 | margin: 0 575px; 198 | border: 0px; 199 | } 200 | 201 | .event-btn:hover { 202 | background: rgb(230, 2, 2); 203 | } 204 | 205 | /* Best offer */ 206 | 207 | .best-offer { 208 | display: flex; 209 | justify-content: space-between; 210 | flex-direction: row; 211 | margin: 140px; 212 | width: 1320px; 213 | height: 463px; 214 | } 215 | 216 | .best-offer-text { 217 | padding-top: 100px; 218 | width: 393px; 219 | margin: 0; 220 | } 221 | 222 | .best-offer-text p:nth-of-type(1) { 223 | color: #F00; 224 | font-family: Inter; 225 | font-size: 24px; 226 | font-style: normal; 227 | font-weight: 500; 228 | line-height: normal; 229 | margin-bottom: 5px; 230 | } 231 | 232 | .best-offer-text p:nth-of-type(2) { 233 | color: #070211; 234 | font-family: Merriweather; 235 | font-size: 48px; 236 | font-style: normal; 237 | font-weight: 900; 238 | line-height: normal; 239 | text-transform: capitalize; 240 | margin: 0; 241 | } 242 | 243 | .best-offer-text p:nth-of-type(3) { 244 | color: rgba(7, 2, 17, 0.60); 245 | font-family: Inter; 246 | font-size: 20px; 247 | font-style: normal; 248 | font-weight: 400; 249 | line-height: 32px; 250 | margin: 0; 251 | margin-top: 22px; 252 | } 253 | 254 | 255 | .best-offer-img { 256 | display: flex; 257 | justify-content: center; 258 | width: 463px; 259 | height: 463px; 260 | margin: 0; 261 | border: 15px solid #F00; 262 | border-radius: 100%; 263 | } 264 | 265 | .best-offer-img img { 266 | transform: scale(0.85); 267 | } 268 | 269 | .best-offer-text-left { 270 | padding-top: 100px; 271 | width: 276px; 272 | margin: 0; 273 | } 274 | 275 | .best-offer-text-left p:nth-of-type(1) { 276 | color: #F00; 277 | font-family: Inter; 278 | font-size: 48px; 279 | font-style: normal; 280 | font-weight: 700; 281 | line-height: normal; 282 | margin: 0; 283 | } 284 | 285 | .best-offer-text-left p:nth-of-type(2) { 286 | color: rgba(7, 2, 17, 0.60); 287 | font-family: Inter; 288 | font-size: 20px; 289 | font-style: normal; 290 | font-weight: 400; 291 | line-height: 32px; 292 | } 293 | 294 | /* .best-offer-text-left img{ 295 | 296 | } */ 297 | 298 | /* Holiday Sale */ 299 | 300 | .holiday-sale { 301 | margin: 140px; 302 | width: 1320px; 303 | } 304 | 305 | .holiday-sale-text { 306 | text-align: center; 307 | } 308 | 309 | .holiday-sale-text p:nth-of-type(1) { 310 | color: #070211; 311 | font-family: Inter; 312 | font-size: 24px; 313 | font-style: normal; 314 | font-weight: 500; 315 | line-height: normal; 316 | } 317 | 318 | .holiday-sale-text p:nth-of-type(2) { 319 | color: #070211; 320 | font-family: Merriweather; 321 | font-size: 72px; 322 | font-style: normal; 323 | font-weight: 900; 324 | line-height: normal; 325 | margin: 0; 326 | } 327 | 328 | .holiday-sale-text p:nth-of-type(2) span { 329 | color: #F00; 330 | text-align: center; 331 | font-family: Merriweather; 332 | font-size: 72px; 333 | font-style: normal; 334 | font-weight: 900; 335 | line-height: normal; 336 | } 337 | 338 | .holiday-sale-text p:nth-of-type(3) { 339 | color: rgba(7, 2, 17, 0.60); 340 | text-align: center; 341 | font-family: Inter; 342 | font-size: 20px; 343 | font-style: normal; 344 | font-weight: 500; 345 | line-height: 32px; 346 | margin-bottom: 65px; 347 | } 348 | 349 | .holiday-sale-img { 350 | display: flex; 351 | flex-direction: row; 352 | justify-content: space-around; 353 | background-image: url("../images/Rectangle-2.png"); 354 | background-repeat: no-repeat; 355 | width: 1320px; 356 | height: 665px; 357 | margin: 0; 358 | background-position: bottom; 359 | } 360 | 361 | .holiday-sale-img img:nth-of-type(1) { 362 | transform: scale(0.90); 363 | margin: 0; 364 | position: absolute; 365 | left: 100px; 366 | 367 | } 368 | 369 | .holiday-sale-img img:nth-of-type(2) { 370 | margin: 0; 371 | position: absolute; 372 | z-index: 1; 373 | left: 900px; 374 | } 375 | 376 | .holiday-sale-img img:nth-of-type(3) { 377 | margin: 0; 378 | position: absolute; 379 | left: 1040px; 380 | } 381 | 382 | 383 | /* Portpolio */ 384 | 385 | .portpolio { 386 | margin: 0 140px; 387 | width: 1320px; 388 | } 389 | 390 | .portpolio-text { 391 | 392 | /* margin: 0; */ 393 | } 394 | 395 | .portpolio-text p:nth-of-type(1) { 396 | color: #F00; 397 | font-family: Inter; 398 | font-size: 24px; 399 | font-style: normal; 400 | font-weight: 500; 401 | line-height: normal; 402 | } 403 | 404 | .portpolio-text p:nth-of-type(2) { 405 | color: #070211; 406 | font-family: Merriweather; 407 | font-size: 48px; 408 | font-style: normal; 409 | font-weight: 900; 410 | line-height: normal; 411 | text-transform: capitalize; 412 | margin: 0; 413 | } 414 | 415 | .portpolio-text p:nth-of-type(3) { 416 | color: rgba(7, 2, 17, 0.60); 417 | font-family: Inter; 418 | font-size: 20px; 419 | font-style: normal; 420 | font-weight: 400; 421 | line-height: 32px; 422 | margin-bottom: 45px; 423 | } 424 | 425 | .portpolio-img { 426 | display: flex; 427 | /* flex-flow: row wrap; */ 428 | flex-direction: row; 429 | flex-wrap: wrap; 430 | margin: 0; 431 | gap: 25px; 432 | } 433 | 434 | .portpolio-img img { 435 | width: 400px; 436 | height: 400px; 437 | object-fit: cover; 438 | border-radius: 16px; 439 | } 440 | 441 | .portpolio-img img:hover { 442 | border: 2px solid #070211; 443 | } 444 | 445 | /* Newsletter */ 446 | 447 | .newsletter { 448 | margin: 120px 140px; 449 | width: 1320px; 450 | height: 616px; 451 | border-radius: 16px; 452 | padding: 80px 0; 453 | background: rgba(255, 0, 0, 0.05); 454 | display: flex; 455 | flex-direction: column; 456 | align-items: center; 457 | } 458 | 459 | .newsletter img {} 460 | 461 | .newsletter p:nth-of-type(1) { 462 | color: #070211; 463 | text-align: center; 464 | font-family: Merriweather; 465 | font-size: 48px; 466 | font-style: normal; 467 | font-weight: 900; 468 | line-height: normal; 469 | text-transform: capitalize; 470 | margin: 40px 0 0 0; 471 | } 472 | 473 | .newsletter p:nth-of-type(2) { 474 | width: 896px; 475 | color: rgba(7, 2, 17, 0.60); 476 | text-align: center; 477 | font-family: Inter; 478 | font-size: 20px; 479 | font-style: normal; 480 | font-weight: 400; 481 | line-height: 32px; 482 | margin-bottom: 45px; 483 | } 484 | 485 | .newsletter-form { 486 | width: 700px; 487 | height: 72px; 488 | margin: 0; 489 | } 490 | 491 | .newsletter-form input { 492 | padding: 25px 265px 25px 30px; 493 | border: 0; 494 | border-radius: 50px 0 0 50px; 495 | margin: 0; 496 | } 497 | 498 | .newsletter-form button { 499 | padding: 20px 55px; 500 | border: 0; 501 | border-radius: 0 50px 50px 0; 502 | background: #F00; 503 | color: #FFF; 504 | text-align: center; 505 | font-family: Inter; 506 | font-size: 20px; 507 | font-style: normal; 508 | font-weight: 600; 509 | line-height: normal; 510 | margin: 0; 511 | } 512 | 513 | /* Footer */ 514 | 515 | footer { 516 | width: 1600px; 517 | height: 609px; 518 | background: #070211; 519 | } 520 | 521 | .website-information { 522 | padding-top: 120px; 523 | display: flex; 524 | flex-direction: row; 525 | justify-content: space-between; 526 | } 527 | 528 | .address { 529 | width: 375px; 530 | padding-left: 140px; 531 | color: #FFF; 532 | font-family: Inter; 533 | font-size: 24px; 534 | font-style: normal; 535 | font-weight: 500; 536 | line-height: 40px; 537 | } 538 | 539 | .information { 540 | display: block; 541 | padding-right: 275px; 542 | } 543 | 544 | .information img { 545 | margin: 5px; 546 | width: 24px; 547 | height: 24px; 548 | } 549 | 550 | .information p { 551 | display: inline; 552 | color: #FFF; 553 | font-family: Inter; 554 | font-size: 24px; 555 | font-style: normal; 556 | font-weight: 500; 557 | line-height: 40px; 558 | } 559 | 560 | footer>hr { 561 | width: 1320px; 562 | height: 1px; 563 | border: 0; 564 | background: rgba(255, 255, 255, 0.15); 565 | margin: 50px 140px; 566 | } 567 | 568 | .social-media { 569 | display: flex; 570 | flex-direction: row; 571 | justify-content: center; 572 | } 573 | 574 | .social-media img { 575 | margin: 0px 24px; 576 | } 577 | 578 | .copyright { 579 | display: flex; 580 | flex-direction: row; 581 | justify-content: space-between; 582 | } 583 | 584 | .copyright p { 585 | margin: 0 140px; 586 | color: #FFF; 587 | font-family: Inter; 588 | font-size: 24px; 589 | font-style: normal; 590 | font-weight: 500; 591 | line-height: normal; 592 | } 593 | 594 | /* style css this program */ --------------------------------------------------------------------------------