-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathContact.html
192 lines (175 loc) · 10.2 KB
/
Contact.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
<!doctype html>
<html lang="en">
<head>
<title>Title</title>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Dancing+Script&display=swap" rel="stylesheet">
<script src="https://kit.fontawesome.com/86ef84e8fb.js"></script>
<link rel="stylesheet" type="text/css" media="screen" href="style/style.css">
</head>
<body>
<!-- Navigation Bar -->
<div class=" dubleborder py-1 mt-5 tp">
<nav class=" navbar navbar-expand-lg navbar-light bg-light p-1 tp dubleborder" id="gh">
<!-- LOGO -->
<a class=" pos tp" href="#"><img class="pos" id="fe-pulse" src="images/final.png" height="150" width="150" alt="">
</a>
<!-- END LOGO -->
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse tp" id="navbarSupportedContent">
<ul class="navbar-nav m-auto">
<li class="nav-item">
<a class="nav-link " href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="Gallery.html">Gallery</a>
</li>
<li class="nav-item">
<a class="nav-link" href="About.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="Contact.html">Contact</a>
</li>
</ul>
</div>
</nav>
</div>
<!-- END Navigation Bar -->
<!-- MAIN -->
<div class="container shadow bg-white mt-3 p-3">
<div class="row p-0 m-0 justify-content-between">
<!-- LEFT SIDE -->
<div class="row col-md-3 col-sm-12 brd justify-content-center align-items-center p-0 m-0 mb-3"">
<div class="big_cake mt-5 mb-5">
<div class="cake2 row align-items-end">
<div class="col cake_border1"></div>
<div class="col cake_border1"></div>
<div class="col cake_border1"></div>
<div class="col cake_border bg-info rund2"></div>
<div class="col cake_border1"></div>
<div class="col cake_border bg-info rund2"></div>
<div class="col cake_border1"></div>
<div class="col cake_border bg-info rund2"></div>
<div class="col cake_border1"></div>
<div class="col cake_border bg-info rund2"></div>
<div class="col cake_border1"></div>
<div class="col cake_border1"></div>
<div class="col cake_border1"></div>
</div>
<div class="cake2 row">
<div class="col cake_border1"></div>
<div class="col cake_border1"></div>
<div class="col cake_border1"></div>
<div class="col cake_border bg-info rund"></div>
<div class="col cake_border1"></div>
<div class="col cake_border bg-info rund"></div>
<div class="col cake_border1"></div>
<div class="col cake_border bg-info rund"></div>
<div class="col cake_border1"></div>
<div class="col cake_border bg-info rund"></div>
<div class="col cake_border1"></div>
<div class="col cake_border1"></div>
<div class="col cake_border1"></div>
</div>
<div class="cake row">
<img class="cake_log" src="images/final.png" alt="">
<div class="col cake_border1 color_cake"></div>
<div class="col cake_border"></div>
<div class="col cake_border color_cake"></div>
<div class="col cake_border"></div>
<div class="col cake_border color_cake"></div>
<div class="col cake_border"></div>
<div class="col cake_border color_cake"></div>
<div class="col cake_border"></div>
<div class="col cake_border color_cake"></div>
<div class="col cake_border"></div>
<div class="col cake_border color_cake"></div>
<div class="col cake_border"></div>
<div class="col cake_border color_cake"></div>
</div>
</div>
</div>
<!-- RIGHT SIDE -->
<div class="col-md-8 col-sm-12 p-5 mb-3 text-center brd1">
<h2 class="display-4">Contact</h2>
<p class="display-5 text-justify">Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolor quaerat nam atque, consectetur
asperiores ullam ab nisi similique harum cum et suscipit cumque fugit dolores ad consequuntur iure
quis inventore. Asperiores cum nihil non dolore ducimus vel impedit repellat, ipsum quasi id, labore
minima? Nulla autem repudiandae sequi nobis totam distinctio doloremque non placeat explicabo,
veritatis optio maiores? Doloremque adipisci repellat temporibus fugit. Provident voluptatibus
error, aut quidem eos quis ipsum dolorum, minus accusantium alias aspernatur beatae veritatis
debitis nemo enim totam? Perspiciatis, libero culpa id ipsa illo, ipsam tempore eligendi accusantium
quidem sequi vitae itaque ratione illum natus vel obcaecati sapiente magni. Quidem dolore, deleniti
distinctio, vero cupiditate iure praesentium fuga adipisci numquam labore quisquam quas
reprehenderit tempora nesciunt? Pariatur dolorum assumenda voluptas eos iusto quo expedita error,
distinctio dicta quaerat ut. Excepturi voluptates soluta eveniet repellat ipsum harum officia
doloribus, quisquam accusamus cupiditate expedita tempora beatae inventore corrupti, ullam quam?
Omnis quia animi, distinctio labore quas temporibus sunt eligendi ipsam cum inventore. Quibusdam
consequatur odit, soluta modi quasi nihil inventore ab minima laudantium, nisi sunt illo fugiat.
Aperiam inventore ducimus repellendus nemo, consequuntur sequi aspernatur delectus cum non deleniti
pariatur alias magni animi, sunt itaque? Porro, quasi quam?</p>
</div>
</div>
<!-- FOOTER -->
<div class="brd2 wdf1 row align-items-center m-0 py-3 justify-content-between">
<div class="col-md-2 col-lg-2 text-left p-0">
<!-- LEFT SUBSCRIPTION FORM -->
<form class="text-center border border-light p-1">
<button class="btn btn-block wdf p-0 h-50" type="submit">Subscribe</button>
<!-- Name -->
<input type="text" id="defaultSubscriptionFormPassword" class="form-control mb-1 mt-1 p-0 pl-2 h-50"
placeholder="Name">
<!-- Email -->
<input type="email" id="defaultSubscriptionFormEmail" class="form-control mb-1 p-0 pl-2 h-50"
placeholder="E-mail">
<!-- Sign in button -->
</form>
</div>
<!-- CUPCAKE ANIMATION -->
<div class="col-md-2 col-lg-2 text-center"><img class="cup" src="images/tenor.gif" height="100" alt="">
</div>
<!-- TERMS AND CONDITIONS ON THE RIGHT -->
<div class="col-md-2 col-lg-2 text-right p-0">
<a href="#" class="wdf2">
<p>Privacy Policy</p>
</a>
<a href="#" class="wdf2">
<p>Terms & Conditions</p>
</a>
<a href="#" class="wdf2">
<p>Contact</p>
</a>
</div>
</div>
<!-- SOCIAL NETWORKS FOOTER -->
<div class="wdf row align-items-center m-0 p-3 justify-content-between">
<div><a href="#top"><i class="far fa-copyright fc text-center" aria-hidden="true"> AlexMel</i></a></div>
<div><a href="#"><i class="fab fa-facebook-f mx-1"></i></a>
<a href="#"><i class="fab fa-instagram mx-1"></i></a>
<a href="#"><i class="fab fa-twitter mx-1"></i></a>
<a href="#"><i class="fab fa-snapchat-ghost mx-1" aria-hidden="true"></i></a>
<a href="#"><i class="fab fa-youtube mx-1"></i></a></div>
<div><a href="#top"><i class="fas fa-arrow-up pl-5"></i></a></div>
</div>
</div>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous">
</script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous">
</script>
</body>
</html>