-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathcontact.html
More file actions
180 lines (167 loc) · 5.61 KB
/
contact.html
File metadata and controls
180 lines (167 loc) · 5.61 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Cara Store - Online Shopping With Your Favourite Brands</title>
<link rel="stylesheet" href="assets/css/style.css" />
<link
rel="shortcut icon"
href="assets/img/fav-icon.png"
type="image/x-icon"
/>
<link
rel="stylesheet"
href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css"
/>
</head>
<body>
<!-- Header-Section -->
<header>
<a href="index.html"
><img src="assets/img/logo.webp" class="logo" alt="logo"
/></a>
<nav>
<ul id="navbar">
<i class="fas fa-times fa-lg" id="side-bar-close"></i>
<li><a href="index.html">Home</a></li>
<li><a href="shop.html">Shop</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="about.html">About</a></li>
<li><a class="active" href="contact.html">Contact</a></li>
<li>
<a href="cart.html" class="cart-icon"
><i class="fas fa-shopping-bag fa-lg"></i
></a>
</li>
</ul>
<div class="mobile-menu">
<a href="cart.html"><i class="fas fa-shopping-bag fa-lg"></i></a>
<i class="fas fa-bars fa-lg" id="side-bar"></i>
</div>
</nav>
<div id="overlay"></div>
</header>
<!-- Page-Header-Section -->
<section id="page-header" class="about-header">
<h2>#Lets_Talk</h2>
<p>Leave a Message for 24/7 Without any doubt.</p>
</section>
<section class="contact-details section-p1">
<div class="details">
<span>Get In Touch</span>
<h2>Visit Our Agency and Contact Us</h2>
<h3>Head Office</h3>
<div class="list">
<li>
<i class="fal fa-envelope"></i>
<p>Contact@gmail.com</p>
</li>
<li>
<i class="far fa-map"></i>
<p>23 Glasstro Street Folpaer New York</p>
</li>
<li>
<i class="fas fa-phone-alt"></i>
<p>+96 115 368 689</p>
</li>
<li>
<i class="far fa-clock"></i>
<p>Monday to Saturday: 9:00 am to 7:00 pm</p>
</li>
</div>
</div>
<div class="map">
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3620.803316451025!2d67.1030686742285!3d24.836398946222182!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3eb33b8d8246aac3%3A0x11964ddd5153e8b8!2sOxford%20University%20Press%20Pakistan!5e0!3m2!1sen!2s!4v1687034571580!5m2!1sen!2s"
width="100%"
height="100%"
style="border: 0"
allowfullscreen=""
loading="lazy"
referrerpolicy="no-referrer-when-downgrade"
></iframe>
</div>
</section>
<!-- Contact-Form -->
<section id="form" class="section-p1">
<h4>Leave A Message</h4>
<h2>We Love To Hear From You</h2>
<form action="#">
<div class="in-text">
<input type="text" placeholder="Your Name" />
</div>
<div class="in-text">
<input type="email" placeholder="E-mail" />
</div>
<div class="in-text">
<input type="text" placeholder="Subject" />
</div>
<div class="text-area">
<textarea cols="30" rows="10" placeholder="Your Meassage"></textarea>
</div>
<button class="btn">Submit</button>
</form>
</section>
<!-- News-Letter-Section -->
<section id="news-letter" class="section-p1">
<div class="news-text">
<h4>Sign Up For News Letter</h4>
<p>
Get E-Mails Updates about Our Latest Articles &
<span>Special Offers.</span>
</p>
</div>
<div class="form">
<input type="text" placeholder="Enter Your E-Mail" />
<button class="btn">Sign Up</button>
</div>
</section>
<!-- Footer -->
<footer class="section-p1">
<div class="col-1">
<a href="index.html"
><img src="assets/img/logo.webp" alt="site-logo"
/></a>
<h4>Contact Us</h4>
<p><strong>Address: </strong>557 Welliton Road, Street 1</p>
<p><strong>Phone: </strong>+93 3353 856 / +01 5623 963</p>
<h3 class="follow">Follow Us</h3>
<div class="footer-icons">
<i class="fab fa-facebook-f"></i>
<i class="fab fa-twitter"></i>
<i class="fab fa-instagram"></i>
<i class="fab fa-youtube"></i>
</div>
</div>
<div class="col-2">
<h4>About Us</h4>
<li><a href="#">About Us</a></li>
<li><a href="#">Delivery Information</a></li>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Terms & Condition</a></li>
<li><a href="#">Contact Us</a></li>
</div>
<div class="col-2">
<h4>My Account</h4>
<li><a href="#">Sign In</a></li>
<li><a href="#">View Cart</a></li>
<li><a href="#">My Wishlist</a></li>
<li><a href="#">Track My Order</a></li>
<li><a href="#">Help</a></li>
</div>
<div class="col-3">
<h4>Install Our App</h4>
<p>From App Store or Google Play</p>
<div class="app-img">
<img src="assets/img/pay/play.jpg" />
<img src="assets/img/pay/app.jpg" />
</div>
<p>Secured Payment Gateway</p>
<img class="payment-img" src="assets/img/pay/pay.png" />
</div>
</footer>
<script src="assets/js/main.js"></script>
</body>
</html>