-
Notifications
You must be signed in to change notification settings - Fork 2
Expand file tree
/
Copy pathcontact.html
More file actions
230 lines (230 loc) · 14.1 KB
/
contact.html
File metadata and controls
230 lines (230 loc) · 14.1 KB
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
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
<!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">
<title>Baggage Ecommerce Category Bootstrap Responsive Web Template</title>
<!-- Font Family CSS -->
<link href="https://fonts.googleapis.com/css?family=Hind:300,400,500,600,700&display=swap" rel="stylesheet">
<!-- Font Awesome CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.8.2/css/all.css" />
<!-- Main CSS -->
<link rel="stylesheet" href="assets/stylesheet/main.css">
</head>
<body>
<!-- Header -->
<header id="home" class="main-header-container">
<div class="header-container wrapper">
<!-- Upper -->
<div class="upper-container flex-between">
<div class="upper-child1">
<a class="logo-link" href="#home"><span class="logo-special">B</span>aggage</a>
<label for="logo" class="logo-label">Online store</label>
</div>
<div class="upper-child2">
<a href="login.html" class="sign-in-link">
<i class="far fa-user-circle header-icon"></i><span class="sign-in-special">Sign In</span>
</a>
<a href="register.html" class="sign-up-link">
<i class="fas fa-pen-square header-icon"></i><span class="sign-up-special">Sign Up</span>
</a>
</div>
</div>
<!-- Down -->
<div class="down-container flex-between">
<nav class="nav-container">
<ul class="header-list-container">
<li class="header-list-item"><a href="index.html" class="header-list-link">Home</a></li>
<li class="header-list-item"><a href="about.html" class="header-list-link">About us</a></li>
<li class="header-list-item dropdown"><a href="" class="header-list-link dropdown dropbtn">Dropdown<i class="fas fa-chevron-down dropdown-icon"></i></a>
<ul class="dropdown-menu dropdown-content">
<li class="dropdown-list">
<a href="shop.html" class="drowpdown-link">Services</a>
</li>
<li class="dropdown-list">
<a href="about.html" class="drowpdown-link">Features</a>
</li>
<li class="dropdown-list">
<a href="single.html" class="drowpdown-link">Single page</a>
</li>
</ul>
</li>
<li class="header-list-item"><a href="shop.html" class="header-list-link">collections</a></li>
<li class="header-list-item"><a href="contact.html" class="header-list-link active">contact</a></li>
</ul>
</nav>
<div class="nav-search-bar">
<form action="/#" class="form-control">
<input type="text" class="nav-search-input" placeholder="Search Here...">
<button class="nav-search-btn" type="submit"><i class="fa fa-search search-icon"></i></button>
</form>
</div>
</div>
</div>
</header>
<!-- Main -->
<section class="contact-section">
<div class="contact-container wrapper">
<h2 class="contact-heading text-center">Contact us</h2>
<div class="contact-content-container">
<div class="contact-form-container text-center">
<form action="mailto:" class="form-container">
<input class="user-input" type="name" placeholder="User name">
<input class="user-input" type="email" placeholder="User email">
<input class="user-input" type="phone" placeholder="User phone">
<input class="user-input" type="password" placeholder="User password">
<textarea class="user-input message" name="user message" rows="4" placeholder="Your Message Here"></textarea>
<button class="form-submit-btn">submit</button>
</form>
</div>
<div class="map-container">
<iframe src="https://www.google.com/maps/embed?pb="
class="map"
frameborder="0"
style="border:0"
allowfullscreen></iframe>
</div>
</div>
<div class="contact-info-container center-child">
<div class="contact-info-item">
<span class="fa fa-comments info-icon"></span>
<h4 class="contact-info-heading">Communication</h4>
<p class="contact-info-text">for general queries, including property Sales and constructions, please email us at </p>
<a class="contact-info-link" href="mailto:info@example.com"><span class="contact-info-special">Us at </span>info@example.com</a>
</div>
<div class="contact-info-item">
<span class="fa fa-life-ring info-icon"></span>
<h4 class="contact-info-heading">Technical Support</h4>
<p class="contact-info-text">we are ready to help! if you have any queries or issues, contact us for</p>
<p class="contact-info-text2"><span class="contact-info-special">Support</span> +12 388 455 6789.</p>
</div>
<div class="contact-info-item">
<span class="fa fa-map info-icon"></span>
<h4 class="contact-info-heading">Others</h4>
<p class="contact-info-text">we are ready to help! if you have any queries or issues, contact us for</p>
<p class="contact-info-text2"><span class="contact-info-special">Support</span> +12 388 455 6789.</p>
</div>
</div>
</div>
<section class="subscribe-section">
<div class="subscribe-container">
<p class="subsribe-text">Subscribe to the Handbags Store mailing list to receive
updates on <br>new arrivals,
special offers and other discount information.
</p>
<form class="subscribe-form text-center" action="mailto:">
<input type="email" placeholder="Enter your email.." class="subscribe-input">
<button class="subscribe-button">Subscribe</button>
</form>
</div>
</section>
</section>
<!-- Footer -->
<footer class="footer-container">
<div class="shipping-parent">
<div class="child child-1">
<div class="shipping">
<i class="fa fa-truck ft-icon"></i>
<h2 class="heading">free shipping</h2>
<span class="ft-text">On all order over $2000</span>
</div>
</div>
<div class="child child-2">
<div class="shipping">
<i class="fa fa-bullhorn ft-icon"></i>
<h2 class="heading">FREE RETURN</h2>
<span class="ft-text">On 1st exchange in 30 days</span>
</div>
</div>
<div class="child child-3">
<div class="shipping">
<i class="fa fa-gift ft-icon"></i>
<h2 class="heading">MEMBER DISCOUNT</h2>
<span class="ft-text">Register & save up to $29%</span>
</div>
</div>
</div>
<!-- Footer navigation -->
<div class="footer-navigation wrapper">
<div class="ft-footer-nav-child">
<h2 class="ft-logo-header"><span class="ft-logo-header-special">B</span>
aggage</h2>
<label class="ft-nav-label">ONLINE STORE</label>
</div>
<div class="ft-footer-nav-child">
<ul class="ft-footer-nav-list-container">
<li class="ft-footer-nav-list-item" >
<a class="ft-footer-nav-list-link" href="index.html"><span class="ft-footer-nav-list-text"><i class="ft-footer-nav-list-icon fas fa-chevron-right"></i>home</span></a>
</li>
<li class="ft-footer-nav-list-item">
<a class="ft-footer-nav-list-link" href="about.html"><span class="ft-footer-nav-list-text"><i class="ft-footer-nav-list-icon fas fa-chevron-right"></i>about</span></a>
</li>
<li class="ft-footer-nav-list-item">
<a class="ft-footer-nav-list-link" href="shop.html"><span class="ft-footer-nav-list-text"><i class="ft-footer-nav-list-icon fas fa-chevron-right"></i>shop</span></a>
</li>
<li class="ft-footer-nav-list-item">
<a class="ft-footer-nav-list-link" href="shop.html"><span class="ft-footer-nav-list-text"><i class="ft-footer-nav-list-icon fas fa-chevron-right"></i>collections</a>
</li>
</ul>
</div>
<div class="ft-footer-nav-child">
<ul class="ft-footer-nav-list-container">
<li class="ft-footer-nav-list-item">
<a class="ft-footer-nav-list-link" href="single.html"><span class="ft-footer-nav-list-text"><i class="ft-footer-nav-list-icon fas fa-chevron-right"></i>extra page</span></a>
</li>
<li class="ft-footer-nav-list-item">
<a class="ft-footer-nav-list-link" href="index.html"><span class="ft-footer-nav-list-text"><i class="ft-footer-nav-list-icon fas fa-chevron-right"></i>Terms & conditions</span></a>
</li>
<li class="ft-footer-nav-list-item">
<a class="ft-footer-nav-list-link" href="single.html"><span class="ft-footer-nav-list-text"><i class="ft-footer-nav-list-icon fas fa-chevron-right"></i>shop single</span></a>
</li>
<li class="ft-footer-nav-list-item">
<a class="ft-footer-nav-list-link" href="contact.html"><span class="ft-footer-nav-list-text"><i class="ft-footer-nav-list-icon fas fa-chevron-right"></i>contact us</span></a>
</li>
</ul>
</div>
<div class="ft-footer-nav-child">
<ul class="ft-footer-nav-list-container">
<li class="ft-footer-nav-list-item">
<a class="ft-footer-nav-list-link" href="login.html"><span class="ft-footer-nav-list-text"><i class="ft-footer-nav-list-icon fas fa-chevron-right"></i>login</span></a>
</li>
<li class="ft-footer-nav-list-item">
<a class="ft-footer-nav-list-link" href="register.html"><span class="ft-footer-nav-list-text"><i class="ft-footer-nav-list-icon fas fa-chevron-right"></i>register</span></a>
</li>
<li class="ft-footer-nav-list-item">
<a class="ft-footer-nav-list-link" href="index.html"><span class="ft-footer-nav-list-text"><i class="ft-footer-nav-list-icon fas fa-chevron-right"></i>privacy & policy</span></a>
</li>
</ul>
</div>
</div>
<!-- Follow -->
<div class="social-container">
<h2 class="social-heading">
follow us
</h2>
<div class="social-links-container text-center">
<a class="social-link" href="#home">
<i class="social-icon social-icon-facebook fab fa-facebook-f"></i>
<span class="social-platform-name">facebook</span>
</a>
<a class="social-link" href="#home">
<i class="social-icon social-icon-twitter fab fa-twitter"></i>
<span class="social-platform-name">twitter</span>
</a>
<a class="social-link" href="#home">
<i class="social-icon social-icon-google fab fa-google"></i>
<span class="social-platform-name">google</span>
</a>
</div>
</div>
<div class="arrow-icon-container text-center">
<a class="arrow-icon-link" href="#home"><i class="arrow-icon fas fa-angle-double-up"></i></a>
</div>
<!-- Copyright -->
<div class="copyright-container text-center">
<h2 class="copyright-text"> © 2019 Baggage. All rights reserved | Design by W3layouts.</h2>
</div>
</footer>
</body>
</html>