-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
122 lines (121 loc) · 5.63 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>New Year</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Merriweather&display=swap" rel="stylesheet">
<link rel="stylesheet" href="styles/newyear.css">
</head>
<body>
<header>
<nav class="about">
<p class="nav-title">Happy New Year</p>
<p class="nav-main">New Year Party
<br>
Celebration
</p>
</nav>
</header>
<main>
<p class="sixty-five">65% OFF</p>
<p class="deals">OUR HOLIDAY DEALS ARE BETTER</p>
<P class="all-categories">ALL CATEGORIES</P>
<img class="display" src="resources/New Year Photo.png" alt="">
<div class="welcome-tag">
<img class="welcome-tag-img" src="resources/Group 70.png" alt="">
<div class="corrected">
<p class="welcome">Welcome to
<br>
midnight party
</p>
<p class="down-welcome">
If you wanna enjoy the midnight party, then join with us.
</p>
<p class="join">JOIN NOW</p>
</div>
</div>
<section class="place">
<p>
<span class="color-change">Place:</span> New Park Hotel
<br>
<span class="color-change">Date:</span> 31 December Night 2023
<br>
<span class="color-change">Time:</span> Evening 7.30 pm to 12.30 am
</p>
<button class="button">Join Now</button>
</section>
<div class="whole">
<div class="left-div">
<p class="whole-top">NEW BEST OFFER</p>
<p class="whole-mid">Coming Soon</p>
<p class="whole-down">Stay connected with us. Soon we <br> are bringing several new offers for you.</p>
</div>
<div>
<img class="ellipse-line" src="resources/Ellipse 1.png" alt="">
</div>
<div>
<h1 class="right-whole-top">2024</h1>
<p class="right-whole-bot">Undoubtedly, 2024 is going to be the best
year <br> of your life if you stay with us. So don't miss the chance</p>
<img class="right-div" src="resources/Group 96.png" alt="">
</div>
</div>
<section class="discount-sec">
<p class="sale">WHAT IS FUNCTIONAL</p>
<P class="discount"><span class="color-change">Holidays </span>Sale 50%</P>
<p class="discount-down">These are our products. You will get a 50% discount on each item if you buy these on holiday. Besides, so many exclusive offers are waiting for you.<br>Grab the offer now without any delay. Your stock is limited!</p>
<div class="side">
<img class="rectangle1" src="resources/Rectangle 1.png" alt="">
<img class="group44" src="resources/Group 44.png" alt="">
<img class="rectangle2" src="resources/Rectangle 2.png" alt="">
<img class="group75" src="resources/Group 75.png" alt="">
</div>
</section>
<section>
<div class="description">
<p class="gifts">THE BEST GIFTS</p>
<p class="portfolios">Our Awesome Portfolios</p>
<p class="whole-down">Here are our exclusive portfolios. Choose whatever you like. After choosing, <br> contact us with your preferred products. We will ensure your purchase.</p>
</div>
</section>
<section>
<img class="rectangle3" src="resources/Rectangle 3.png" alt="">
<img class="rectangle4" src="resources/Rectangle 4.png" alt="">
<img class="rectangle5" src="resources/Rectangle 5.png" alt="">
<img class="rectangle6" src="resources/Rectangle 6.png" alt="">
<img class="rectangle7" src="resources/Rectangle 7.png" alt="">
<img class="rectangle8" src="resources/Rectangle 8.png" alt="">
</section>
<section class="box">
<img src="resources/Group 61.png" alt="">
<p class="newsletter">Subscribe Newsletter</p>
<p class="subscribe">Subscribe to receive our offers in preview and enjoy 10% discount on your first order</p>
<input class="input" type="email" name="" id="" placeholder="user@gmail.com"><button class="sub-btn">Subscribe</button>
</section>
</main>
<footer class="footer-container">
<div class="footer1">
<p class="under-footer11">44, Big Building Roosevelt Street
<br>
Beach Gardens Florida 33410</p>
<ul class="list-style">
<li><img src="resources/Call.png" alt=""> +00 123 584 124</li>
<li><img src="resources/Website.png" alt=""> www.website.com</li>
</ul>
</div>
<div class="footer2">
<a href=""><img src="resources/Facebook.png" alt=""></a>
<a href=""><img src="resources/Instagram.png" alt=""></a>
<a href=""><img src="resources/Twitter.png" alt=""></a>
<a href=""><img src="resources/Linkedin.png" alt=""></a>
</div>
<div class="footer3">
<p class="under-footer31">2017, All Rights Reserved.</p>
<p class="under-footer32"><a href="">Unsubscribe</a></p>
</div>
</footer>
</body>
</html>