-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
148 lines (138 loc) · 6.78 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>New year offer</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<!-- Header design -->
<main>
<header>
<div class="hero">
<h4 class="sub-title">Happy New Year!</h4>
<h1 class="title">New Year Party <br>Celebration !</h1>
</div>
</header>
<!-- header area end -->
<!-- offer section design -->
<section class="offer">
<h1 class="offer-price">65% OFF</h1>
<h5 class="offer-title">OUR HOLIDAY DEALS ARE BETTER</h5>
<h2 class="offer-category">ALL CATEGORIES</h2>
<img src="images/New Year Photo.png" alt="">
</section>
<!-- offer section -->
<section class="welcome">
<div class="welcome-container">
<h2>Welcome to midnight party!</h2>
<p>A great party is one of the most memorable experiences you can have, and every good party provides some outstanding party photos.Time to dance on the table.</p>
<a href="#">Join Now</a>
</div>
<div class="image">
<img src="images/Group 70.png" alt="">
</div>
</section>
<section class="details">
<h3><span class="offer-title">Place :</span> New Park Hotel</h3>
<h3><span class="offer-title">Date :</span> 31 December Night 2023</h3>
<h3><span class="offer-title">Time :</span> Evening 7.30 pm to 12.30 am</h3>
<div class="button">
<button class="btn">Join now</button>
</div>
</section>
<!-- details section finished -->
<!-- coming soon section -->
<section class="conning-soon">
<div class="contnet">
<h5 class="offer-title">NEW BEST OFFER</h5>
<h2>Coming Soon</h2>
<p>Our deals are always on, but we've gone the extra mile by picking out a few of our best. No need to thank us. We've done the hard part by finding you the best prices.</p>
</div>
<div class="image">
<img src="images/Ellipse 1.png" alt="">
</div>
<div class="year">
<h1>2024</h1>
<p>Shop huge price cuts across all categories.Shop holiday deals on home goods, tech and more.</p>
<img src="images/Group 96.png" alt="">
</div>
</section>
<section class="holiday">
<div class="content">
<h4>WHAT IS FUNCTIONAL</h4>
<h1><span>Holidays</span> Sale 50%</h1>
<p>Sales? Yeah, we've heard of 'em - through the grapevine. Where sky-high prices are discounted to something sort of reasonable for a weekend. We're just not about that life. What we are about, though, is cracking good deals and cheap holidays all year round. So when it comes to browsing our 2024 holidays and looking to get your summer holidays in the bag, you can forget hunting down discount codes and sifting through emails for that 1% off deal. We've got the goods (sun, sea, Fanta Lemon) always for a great price, especially on our Tenerife holidays and all-inclusive Turkey deals. A sale? Pffsh. Please. We're too cool for that.</p>
</div>
<div class="discount-image">
<div class="left-image">
<img src="images/Group 75.png" alt="">
</div>
<div class="right-image">
<img src="images/Group 44.png" alt="">
</div>
</div>
</section>
<section class="portfolio">
<div class="contet">
<h4 class="offer-title">THE BEST GIFTS</h4>
<h2>Our Awesome Portfolio</h2>
<p>Walmart is one of our go-to places to shop and right now you can enjoy holiday markdowns on some of the best deals on home essentials, kitchen gadgets, iPads, Macbooks, laptops, style, beauty and toys. If you're looking to save ahead of the holidays they have an entire section dedicated to rollbacks on toys, including LEGO blocks, playsets, board games and more. If you sign up for Walmart+ you can get exclusive access to discounts and other member benefits. </p>
</div>
<div class="images">
<div class="image-1">
<img src="images/Rectangle 3.png" alt="">
</div>
<div class="image-2">
<img src="images/Rectangle 4.png" alt="">
</div>
<div class="image-3">
<img src="images/Rectangle 5.png" alt="">
</div>
<div class="image-4">
<img src="images/Rectangle 6.png" alt="">
</div>
<div class="image-5">
<img src="images/Rectangle 7.png" alt="">
</div>
<div class="image-6">
<img src="images/Rectangle 8.png" alt="">
</div>
</div>
</section>
<!-- portfolio section design -->
<!-- newsletter section design -->
<section class="newsletter">
<img src="images/Group 61.png" alt="">
<h1>Subscribe Newsletter</h1>
<p>Whether you're shopping for yourself or looking for impressive holiday gifts,Walmart is the perfect place to save. Enjoy end-of-year savings on smart tech, Amazon devices, home goods, fashion, kitchen essentials and so much more. Our top pick has to be the Ninja Speedi Air Fryer—our top-rated air fryer—marked down to the lowest price we've ever seen.</p>
<div class="input">
<input class="email" type="email" placeholder="type your email"><input type="submit" value="Subscribe" class="btn submit">
</div>
</section>
<!-- footer section -->
</main>
<footer>
<div class="contact">
<div class="address">
<h5>44, Big Building Roosevelt Street <br>
Beach Gardens Florida 33410</h5>
</div>
<div class="number">
<h5><img src="icons/Call.png" alt="">+00 123 584 124</h5>
<h5><img src="icons/Website.png" alt="">https://www.walmart.com/</h5>
</div>
</div>
<hr>
<div class="social-icon">
<img src="icons/Facebook.png" alt=""><img src="icons/Instagram.png" alt=""><img src="icons/Linkedin.png" alt=""><img src="icons/Twitter.png" alt="">
</div>
<hr>
<div class="copyright-section">
<h5>2017, All Rights Reserved.</h5>
<a href="#">Unsubscribe</a>
</div>
</footer>
</body>
</html>