Skip to content
Open
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
100 changes: 51 additions & 49 deletions contact.html
Original file line number Diff line number Diff line change
@@ -1,15 +1,12 @@
<!--
Author: W3layouts
Author URL: http://w3layouts.com
-->

<!doctype html>
<html lang="en">

<head>
<!-- Required meta tags -->

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Foodie Blog - Blog Category Bootstrap Responsive Website Template - Contact Us : W3Layouts</title>

<!-- google-fonts -->
<link href="//fonts.googleapis.com/css2?family=Frank+Ruhl+Libre:wght@300;400;500;700;900&display=swap"
rel="stylesheet">
Expand Down Expand Up @@ -108,13 +105,14 @@ <h4 class="inner-text-title font-weight-bold pt-5">Contact Us</h4>
<div class="col-lg-3 col-sm-6 contact-info">
<i class="fas fa-map-marked-alt"></i>
<h4>Location</h4>
<p>London, 235 Terry, 10001</p>
<p>India,besa Nagpur,440034</p>
</div>
<div class="col-lg-3 col-sm-6 contact-info mt-md-0 mt-4">
<i class="fas fa-headset"></i>
<h4>Phone</h4>
<p><a href="tel:+44 987 654 321">+44 123 984 439</a></p>
<p><a href="tel:+91 9763950268">+91 9763950268</a></p>
</div>

<div class="col-lg-3 col-sm-6 contact-info mt-lg-0 mt-4">
<i class="fas fa-envelope-open-text"></i>
<h4>Email</h4>
Expand All @@ -128,37 +126,49 @@ <h4>Working Hours</h4>
</div>
<div class="form-inner-cont mx-auto" style="max-width:800px">
<h3 class="title-style text-center mb-4">Get In Touch</h3>
<form action="https://sendmail.w3layouts.com/submitForm" method="post" class="signin-form">
<div class="row align-form-map">
<div class="col-sm-6 form-input">
<input type="text" name="w3lName" id="w3lName" placeholder="Name" />
</div>
<div class="col-sm-6 form-input">
<input type="email" name="w3lSender" id="w3lSender" placeholder="Email" required="" />
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Contact Form</title>
</head>
<body>

<form action="submitForm.php" method="post" class="signin-form">
<div class="row align-form-map">
<div class="col-sm-6 form-input">
<input type="text" name="w3lName" id="w3lName" placeholder="Name" />
</div>
<div class="col-sm-6 form-input">
<input type="email" name="w3lSender" id="w3lSender" placeholder="Email" required="" />
</div>
<div class="col-sm-6 form-input">
<input type="text" name="w3lSubject" placeholder="Subject" class="contact-input">
</div>
<div class="col-sm-6 form-input">
<input type="number" name="w3lPhone" placeholder="Phone Number" class="contact-input">
</div>
</div>
<div class="col-sm-6 form-input">
<input type="text" name="w3lSubect" placeholder="Subject" class="contact-input">
<div class="form-input">
<textarea placeholder="Message" name="w3lMessage" id="w3lMessage" required=""></textarea>
</div>
<div class="col-sm-6 form-input">
<input type="number" name="w3lPhone" placeholder="Phone Number" class="contact-input">
<div class="submit text-right">
<button type="submit" class="btn btn-style">Submit Message</button>
</div>
</div>
<div class="form-input">
<textarea placeholder="Message" name="w3lMessage" id="w3lMessage" required=""></textarea>
</div>
<div class="submit text-right">
<button type="submit" class="btn btn-style">Submit
Message</button>
</div>
</form>
</div>
<!-- map -->
<div class="map-iframe mt-5 pt-md-4">
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d317718.69319292053!2d-0.3817765050863085!3d51.528307984912544!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47d8a00baf21de75%3A0x52963a5addd52a99!2sLondon%2C+UK!5e0!3m2!1sen!2spl!4v1562654563739!5m2!1sen!2spl"
width="100%" height="400" frameborder="0" style="border: 0px;" allowfullscreen=""></iframe>
</div>
</div>
</form>

</body>
</html>

<!-- Horizontal map -->
<div class="map-iframe mt-5 pt-md-4" style="max-width: 100%;">
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3772.8246243589544!2d72.83465481489043!3d19.076191957115813!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3be7c6305a7f2561%3A0x7838f241da930399!2sMumbai%2C%20Maharashtra!5e0!3m2!1sen!2sin!4v1638318538654!5m2!1sen!2sin"
width="100%" height="300" frameborder="0" style="border: 0px;" allowfullscreen=""></iframe>
</div>


</section>
<!-- //contact section -->
<!-- //contact -->
Expand Down Expand Up @@ -247,8 +257,7 @@ <h2 class="mb-4">
Foodi<span>e</span> Blog<i class="fas fa-utensils"></i>
</a>
</h2>
<p>Lorem ipsum viverra feugiat. Pellen tesque libero ut justo, ultrices in ligula. Semper at
tempufddfel. Lorem ipsum dolor sit amet Semper at elit team advisors.</p>
<p>Savor the Flavor – Thank you for being a part of our culinary community. Explore, create, and relish every bite. Until our next delicious encounter, happy cooking!</p>
<div class="main-social-footer-29 mt-md-4 mt-3">
<a href="#facebook" class="facebook"><i class="fab fa-facebook-f"></i></a>
<a href="#twitter" class="twitter"><i class="fab fa-twitter"></i></a>
Expand All @@ -259,22 +268,15 @@ <h2 class="mb-4">

<div class="col-xl-5 col-lg-4 col-md-6 footer-list-29 footer-1 px-xl-5 mt-md-0 mt-5">
<h6 class="footer-title-29">Contact Info </h6>
<p class="mb-2">Address : Foodie, 10001, 5th Avenue, #06 lane street, NY - 62617.
<p class="mb-2">Address : Manewada Besa Road Nagpur
</p>
<p class="mb-2">Phone Number : <a href="tel:+1(21) 234 4567">+1(21) 234 4567</a></p>
<p class="mb-2">Phone Number : <a href="tel:+1(21) 234 4567">+91 9763950268</a></p>
<p class="mb-2">Email : <a href="mailto:ankitkamdi63@gmail.com">ankitkamdi63@gmail.com</a></p>
<p>Support : <a href="mailto:ankitkamdi63@gmail.com">ankitkamdi63@gmail.com</a></p>
</div>

<div class="col-xl-2 col-lg-3 col-md-6 col-sm-5 col-6 footer-list-29 footer-2 mt-lg-0 mt-5">
<ul>
<h6 class="footer-title-29">Help</h6>
<li><a href="#support">Support</a></li>
<li><a href="#privacy">Privacy policy</a></li>
<li><a href="#terms">Terms & conditions</a></li>
<li><a href="#license">License & uses</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>

</div>
</div>
</div>
Expand Down Expand Up @@ -369,4 +371,4 @@ <h6 class="footer-title-29">Help</h6>
<!-- //Js scripts -->
</body>

</html>
</html>