Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Contact form #38

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Contact form #38

Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
69 changes: 69 additions & 0 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -900,6 +900,75 @@ <h5>President 19-20</h5>

</section>
</div>

<!-- ======= Contact Section ======= -->
<section id="contact" class="contact">
<div class="container" data-aos="fade-up">

<div class="section-title">
<h2>Contact</h2>
<h3><span>Contact Us</span></h3>
<p>Get in touch- we're just a click away!</p>
</div>

<div class="row" data-aos="fade-up" data-aos-delay="100">
<div class="col-lg-6">
<div class="info-box mb-4">
<i class="bx bx-map"></i>
<h3>Our Address</h3>
<p>Nadess Rd, Vacoas-Phoenix, Mauritius</p>
</div>
</div>

<div class="col-lg-3 col-md-6">
<div class="info-box mb-4">
<i class="bx bx-envelope"></i>
<h3>Email Us</h3>
<p>[email protected]</p>
</div>
</div>

<div class="col-lg-3 col-md-6">
<div class="info-box mb-4">
<i class="bx bx-phone-call"></i>
<h3>Call Us</h3>
<p> 230 5824 6392</p>
</div>
</div>

</div>

<div class="row" data-aos="fade-up" data-aos-delay="100">

<div class="col-lg-6 ">
<iframe class="mb-4 mb-lg-0" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3742.6140405473175!2d57.51578461492002!3d-20.27483558641164!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x217c5b998c11f77d%3A0x9bc4f1a5c877dba8!2sNadess%20Rd%2C%20Vacoas-Phoenix%2C%20Mauritius!5e0!3m2!1sen!2sin!4v1617036756898!5m2!1sen!2sin" frameborder="0" style="border:0; width: 100%; height: 384px;" allowfullscreen></iframe>

</div>

<div class="col-lg-6">
<form action="https://formspree.io/f/mvodpyzk" method="POST" class="php-email-form">
<div class="row">
<div class="col form-group">
<input type="text" name="_name" class="form-control" id="name" placeholder="Your Name" required>
</div>
<div class="col form-group">
<input type="email" class="form-control" name="_email" id="email" placeholder="Your Email" required>
</div>
</div>
<div class="form-group">
<input type="text" class="form-control" name="_subject" id="subject" placeholder="Subject" required>
</div>
<div class="form-group">
<textarea class="form-control" name="_message" rows="5" placeholder="Message" required></textarea>
</div>
<div class="text-center"><button type="submit">Send Message</button></div>
</form>
</div>

</div>

</div>
</section><!-- End Contact Section -->

<!-- Footer -->
<footer id="footer">
Expand Down