forked from SaloniSingh1601/SheHacks_Team-021
-
Notifications
You must be signed in to change notification settings - Fork 0
/
wedding.html
208 lines (172 loc) · 7.94 KB
/
wedding.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
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" type="text/css" href="css/style.css"/>
<title>Wedding</title>
<meta name="author" content="name">
<meta name="description" content="description here">
<meta name="keywords" content="keywords,here">
<link href="https://unpkg.com/tailwindcss/dist/tailwind.min.css" rel="stylesheet"> <!--Replace with your tailwind.css once created-->
<link href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Arapey&display=swap" rel="stylesheet">
<style>
.gradient {
background: linear-gradient(90deg,#fcf87e 0%, #d64b59 100%);
}
.fa {
padding: 30px;
font-size: 15px;
width: 20px;
text-align: center;
text-decoration: none;
margin: 3px 2px;
border-radius: 50%;
}
.fa:hover {
opacity: 0.7;
}
.fa-facebook {
background: #3B5998;
color: white;
}
.fa-twitter {
background: #55ACEE;
color: white;
}
.fa-google-plus {
background: #dd4b39;
color: white;
}
</style>
</head>
<body class="bg-gray-200 font-sans leading-normal tracking-normal gradient" style="font-family: 'Arapey', serif;">
<nav id="header" class="w-full z-30 top-0 text-white">
<div class="w-full container mx-auto flex flex-wrap items-center justify-between mt-0 py-2">
<div class="pl-4 flex items-center">
<a class="toggleColour text-white no-underline hover:no-underline font-bold text-2xl lg:text-4xl" href="./index.html">
<!--Icon from: http://www.potlabicons.com/ -->
<!-- <svg class="h-8 fill-current inline" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.005 512.005">
<rect fill="#2a2a31" x="16.539" y="425.626" width="479.767" height="50.502" transform="matrix(1,0,0,1,0,0)" />
<path class="plane-take-off" d=" M 510.7 189.151 C 505.271 168.95 484.565 156.956 464.365 162.385 L 330.156 198.367 L 155.924 35.878 L 107.19 49.008 L 211.729 230.183 L 86.232 263.767 L 36.614 224.754 L 0 234.603 L 45.957 314.27 L 65.274 347.727 L 105.802 336.869 L 240.011 300.886 L 349.726 271.469 L 483.935 235.486 C 504.134 230.057 516.129 209.352 510.7 189.151 Z "/> -->
<h1>
<a href="index.html">
<img src="images/logoo.jpg" alt="Logo alt" height="100px" width="100px">
</a>
</h1>
</a>
</div>
<div class="block lg:hidden pr-4">
<button id="nav-toggle" class="flex items-center p-1 text-orange-800 hover:text-gray-900">
<svg class="fill-current h-6 w-6" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><title>Menu</title><path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z"/></svg>
</button>
</div>
<div class="w-full flex-grow lg:flex lg:items-center lg:w-auto hidden lg:block mt-2 lg:mt-0 bg-white lg:bg-transparent text-black p-4 lg:p-0 z-20" id="nav-content">
<ul class="list-reset lg:flex justify-end flex-1 items-center">
<li class="mr-3">
<a class="inline-block py-2 px-4 toggleColour text-white font-bold no-underline" href="./index.html">Home</a>
</li>
<li class="mr-3">
<a class="inline-block toggleColour text-white no-underline hover:text-gray-800 hover:text-underline py-2 px-4" href="./about.html">About</a>
</li>
<li class="mr-3">
<a class="inline-block toggleColour text-white no-underline hover:text-gray-800 hover:text-underline py-2 px-4" href="./services.html">Services</a>
</li>
<li class="mr-3">
<a class="inline-block toggleColour text-white no-underline hover:text-gray-800 hover:text-underline py-2 px-4" href="./gallery.html">Gallery</a>
</li>
<li class="mr-3">
<a class="inline-block toggleColour text-white no-underline hover:text-gray-800 hover:text-underline py-2 px-4" href="./contacts.html">Contact Us</a>
</li>
</ul>
<a href="#" class="fa fa-facebook"></a>
<a href="#" class="fa fa-twitter"></a>
<a href="#" class="fa fa-google-plus"></a>
</div>
</div>
<hr class="border-b border-gray-100 opacity-25 my-0 py-0" />
</nav>
<!--Header-->
<div class="w-full m-0 p-0 bg-asset/cover bg-bottom gradient" style=" height: 60vh; max-height:400px;">
<div class="container max-w-4xl mx-auto pt-8 md:pt-16 text-center break-normal">
<!--Title-->
<p class="text-white font-extrabold text-3xl md:text-5xl">
WEDDING
</p>
<p class="text-xl text-white">We do not remember the days, rather the MOMENTS.</p>
</div>
</div>
<!--Container-->
<div class="container px-4 md:px-0 max-w-6xl mx-auto -mt-32">
<div class="mx-0 sm:mx-6">
<div class="w-full text-xl md:text-2xl text-gray-800 leading-normal rounded-t">
<!--Lead Card-->
<div class="flex h-full rounded overflow-hidden shadow-lg">
<a href="post.html" class="flex flex-wrap no-underline hover:no-underline">
<div class="w-full md:w-2/3 rounded-t">
<img src="images/wed.jpeg" class="h-full w-full shadow">
</div>
<div class="w-full md:w-1/3 flex flex-col flex-grow flex-shrink bg-gray-100">
<div class="flex-1 rounded-t rounded-b-none overflow-hidden shadow-lg">
<div class="w-full font-bold text-xl text-gray-900 px-6"></div>
<p class="text-gray-800 font-serif text-base px-6 mb-5 mt-10">
"Wedding are not about spending the least amount of money or the most amount of money, they are about spending good amount of money on the elements that are most important to you and your partner."<br>
Every wedding is a unique package that fits you as perfectly as your new engagement ring. <br> So here are your event planners that will make your wedding a magical moment of your life.
</div>
</div>
</a>
</div>
<!--/Lead Card-->
<br><br>
<div class="dropdown_wed" >
<button>Choose Your Location</button>
<div>
<a href="#">DELHI</a>
<a href="#">MUMBAI</a>
<a href="#">BANGALORE</a>
<a href="#">CHENNAI</a>
</div>
</div>
<div class="dropdown_2" >
<button id="plan" ><a href="facilityWedding.html">Contact Event Planner</a></button>
<div>
</div>
</div>
<div class="dropdown_1_wed">
<button >Choose Your Budget </button>
<div>
<a href="#">Rs 5,00,000-10,00,000</a>
<a href="#">Rs 10,00,000-15,00,000</a>
<a href="#">Rs 15,00,000-20,00,000</a>
<a href="#">Rs 20,00,000 or Above</a>
</div>
</div>
</div>
</div>
</div>
<br><br><br><br><br><br><br>
<footer id="footer">
<div class="container">
<div class="row w-full">
<div class="grid_12">
<div class="copyright"><a href="#" class="f_logo"><img src="images/f_logo.png" alt=""></a> © <span id="copyright-year"></span> | <a href="#">Privacy Policy</a>
<div class="sub_copyright">
All rights owned by <a href="" rel="nofollow">Avsar.com</a>
</div>
</div>
</div>
</div>
</div>
</footer>
<script src="https://unpkg.com/popper.js@1/dist/umd/popper.min.js"></script>
<script src="https://unpkg.com/tippy.js@4"></script>
<script>
//Init tooltips
tippy('.avatar')
</script>
</body>
</html>