Skip to content

Commit 0acd67a

Browse files
manishkmr49manishkmr49
authored
Update contact.html
1 parent 8822ba7 commit 0acd67a

File tree

1 file changed

+71
-74
lines changed

1 file changed

+71
-74
lines changed

‎contact.html

Lines changed: 71 additions & 74 deletions
Original file line numberDiff line numberDiff line change
@@ -97,92 +97,89 @@ <h1 class="display-3 text-white animated slideInDown">Contact</h1>
9797
<!-- Header End -->
9898

9999

100-
<!-- Contact Start -->
101-
<div class="container-xxl py-5">
102-
<div class="container">
103-
<div class="text-center wow fadeInUp" data-wow-delay="0.1s">
104-
<h1 class="mb-5 bg-white text-center px-3">Contact Us</h1>
105-
106-
</div>
107-
<div class="row g-4">
108-
<div class="col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="0.1s">
109-
<h5>Get In Touch</h5>
110-
<p class="mb-4">Feel free to reach out! If you need contact information or details about Tech Sphere's e-learning platform and free online courses, please note that I don't have real-time browsing capabilities to access specific websites or current contact details.</p>
111-
112-
<div class="d-flex align-items-center mb-3">
113-
<div class="d-flex align-items-center justify-content-center flex-shrink-0"
114-
style="width: 50px; height: 50px; background-color: #fb873f;">
115-
<i class="fa fa-map-marker-alt text-white"></i>
116-
</div>
117-
<div class="ms-3">
118-
<h5>Office</h5>
119-
<p class="mb-0">Asansol, West Bengal (713305)</p>
120-
</div>
100+
<!-- Contact Start -->
101+
<div class="container-xxl py-5">
102+
<div class="container">
103+
<div class="text-center wow fadeInUp" data-wow-delay="0.1s">
104+
<h1 class="mb-5 bg-white text-center px-3">Contact Us</h1>
105+
</div>
106+
<div class="row g-4">
107+
<div class="col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="0.1s">
108+
<h5>Get In Touch</h5>
109+
<p class="mb-4">Feel free to reach out! If you need contact information or details about Tech Sphere's e-learning platform and free online courses, here are the details.</p>
110+
111+
<div class="d-flex align-items-center mb-3">
112+
<div class="d-flex align-items-center justify-content-center flex-shrink-0"
113+
style="width: 50px; height: 50px; background-color: #fb873f;">
114+
<i class="fa fa-map-marker-alt text-white"></i>
121115
</div>
122-
<div class="d-flex align-items-center mb-3">
123-
<div class="d-flex align-items-center justify-content-center flex-shrink-0"
124-
style="width: 50px; height: 50px; background-color: #fb873f;">
125-
<i class="fa fa-phone-alt text-white"></i>
126-
</div>
127-
<div class="ms-3">
128-
<h5>Mobile</h5>
129-
<p class="mb-0">+91 7258019464</p>
130-
</div>
116+
<div class="ms-3">
117+
<h5>Office</h5>
118+
<p class="mb-0">Asansol, West Bengal (713305)</p>
131119
</div>
132-
<div class="d-flex align-items-center">
133-
<div class="d-flex align-items-center justify-content-center flex-shrink-0"
134-
style="width: 50px; height: 50px; background-color: #fb873f;">
135-
<i class="fa fa-envelope-open text-white"></i>
136-
</div>
137-
<div class="ms-3">
138-
<h5>Email</h5>
139-
<p class="mb-0">manish19464@gmail.com</p>
140-
</div>
120+
</div>
121+
<div class="d-flex align-items-center mb-3">
122+
<div class="d-flex align-items-center justify-content-center flex-shrink-0"
123+
style="width: 50px; height: 50px; background-color: #fb873f;">
124+
<i class="fa fa-phone-alt text-white"></i>
125+
</div>
126+
<div class="ms-3">
127+
<h5>Mobile</h5>
128+
<p class="mb-0">+91 7258019464</p>
141129
</div>
142130
</div>
131+
<div class="d-flex align-items-center">
132+
<div class="d-flex align-items-center justify-content-center flex-shrink-0"
133+
style="width: 50px; height: 50px; background-color: #fb873f;">
134+
<i class="fa fa-envelope-open text-white"></i>
135+
</div>
136+
<div class="ms-3">
137+
<h5>Email</h5>
138+
<p class="mb-0">manish19464@gmail.com</p>
139+
</div>
140+
</div>
141+
</div>
143142

144-
<div class="col-lg-6 col-md-12 wow fadeInUp" data-wow-delay="0.5s">
145-
<form>
146-
<div class="row g-3">
147-
<div class="col-md-6">
148-
<div class="form-floating">
149-
<input type="text" class="form-control" id="name" required placeholder="Your Name">
150-
<label for="name">Your Name</label>
151-
</div>
152-
</div>
153-
<div class="col-md-6">
154-
<div class="form-floating">
155-
<input type="email" class="form-control" id="email" required
156-
placeholder="Your Email">
157-
<label for="email">Your Email</label>
158-
</div>
143+
<div class="col-lg-6 col-md-12 wow fadeInUp" data-wow-delay="0.5s">
144+
<!-- Add the action attribute to point to Formspree and set method to POST -->
145+
<form class="contact-form" action="https://formspree.io/f/mvgpywke" method="POST">
146+
<div class="row g-3">
147+
<div class="col-md-6">
148+
<div class="form-floating">
149+
<input type="text" class="form-control" id="name" name="name" required placeholder="Your Name">
150+
<label for="name">Your Name</label>
159151
</div>
160-
<div class="col-12">
161-
<div class="form-floating">
162-
<input type="text" class="form-control" id="subject" required placeholder="Subject">
163-
<label for="subject">Subject</label>
164-
</div>
152+
</div>
153+
<div class="col-md-6">
154+
<div class="form-floating">
155+
<input type="email" class="form-control" id="email" name="email" required
156+
placeholder="Your Email">
157+
<label for="email">Your Email</label>
165158
</div>
166-
<div class="col-12">
167-
<div class="form-floating">
168-
<textarea class="form-control" required placeholder="Leave a message here"
169-
id="message" style="height: 150px"></textarea>
170-
<label for="message">Message</label>
171-
</div>
159+
</div>
160+
<div class="col-12">
161+
<div class="form-floating">
162+
<input type="text" class="form-control" id="subject" name="subject" required placeholder="Subject">
163+
<label for="subject">Subject</label>
172164
</div>
173-
<div class="col-12">
174-
<button class="btn btn-primary w-100 py-3" type="submit"><a
175-
href="mailto:manish19464@gmail.com" class="text-decoration-none"
176-
style="color: #fff;" type="submit">Send Message</a></button>
165+
</div>
166+
<div class="col-12">
167+
<div class="form-floating">
168+
<textarea class="form-control" required placeholder="Leave a message here"
169+
id="message" name="message" style="height: 150px"></textarea>
170+
<label for="message">Message</label>
177171
</div>
178172
</div>
179-
</form>
180-
</div>
173+
<div class="col-12">
174+
<button class="btn btn-primary w-100 py-3" type="submit">Send Message</button>
175+
</div>
176+
</div>
177+
</form>
181178
</div>
182179
</div>
183180
</div>
184-
<!-- Contact End -->
185-
181+
</div>
182+
<!-- Contact End -->
186183

187184
<!-- Footer Start -->
188185
<div class="container-fluid bg-dark text-light footer pt-5 mt-5 wow fadeIn" data-wow-delay="0.1s">
@@ -254,4 +251,4 @@ <h4 class="text-white mb-3">Stay Updated: Subscribe to Our Newsletter</h4>
254251
<script src="js/main.js"></script>
255252
</body>
256253

257-
</html>
254+
</html>

0 commit comments

Comments
 (0)