contact page changes and index page
This commit is contained in:
sujan
222
contact.php
222
contact.php
@ -16,60 +16,206 @@
|
||||
</section>
|
||||
<!--Page Header End-->
|
||||
|
||||
<!--Contact Five Start-->
|
||||
<section class="contact-five">
|
||||
<div class="contact-five__bg" style="background-image: url('assets/images/backgrounds/contact-five-bg.png');">
|
||||
<!--Contact Two Start-->
|
||||
<section class="contact-two">
|
||||
<div class="contact-two__bg" style="background-image: url('assets/images/backgrounds/contact-two-bg.png');">
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="section-title text-center">
|
||||
<div class="section-title__tagline-box">
|
||||
<span class="section-title__tagline">contact with us</span>
|
||||
<span class="section-title__tagline">Contact with us</span>
|
||||
<div class="section-title__border-box"></div>
|
||||
</div>
|
||||
<h2 class="section-title__title">Feel Free to Get in <br> Touch with us</h2>
|
||||
<h2 class="section-title__title">Contact Treck for Visa
|
||||
<br> & Immigration</h2>
|
||||
</div>
|
||||
<div class="contact-five__form-box">
|
||||
<form action="assets/inc/sendemail.php" class="contact-five__form contact-form-validated"
|
||||
novalidate="novalidate">
|
||||
<div class="row">
|
||||
<div class="col-xl-6">
|
||||
<div class="contact-five__input-box">
|
||||
<input type="text" placeholder="Your Name" name="name">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-6">
|
||||
<div class="contact-five__input-box">
|
||||
<input type="email" placeholder="Email Address" name="email">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-6">
|
||||
<div class="contact-five__input-box">
|
||||
<input type="text" placeholder="Phone Number" name="Phone">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-6">
|
||||
<div class="contact-five__input-box">
|
||||
<input type="text" placeholder="Subject" name="Subject">
|
||||
<div class="contact-two__inner">
|
||||
<div class="row">
|
||||
<div class="col-xl-8 col-lg-7">
|
||||
<div class="contact-two__left">
|
||||
<div class="contact-two__form-box">
|
||||
<form action="assets/inc/sendemail.php"
|
||||
class="contact-two__form contact-form-validated" novalidate="novalidate">
|
||||
<div class="row">
|
||||
<div class="col-xl-6 col-lg-6">
|
||||
<div class="contact-two__form-input-box">
|
||||
<input type="text" placeholder="Full Name" name="name">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-6 col-lg-6">
|
||||
<div class="contact-two__form-input-box">
|
||||
<input type="email" placeholder="Email Address" name="email">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-6 col-lg-6">
|
||||
<div class="contact-two__form-input-box">
|
||||
<input type="text" placeholder="Phone" name="phone">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-6 col-lg-6">
|
||||
<div class="contact-two__form-input-box">
|
||||
<select class="selectpicker" aria-label="Default select example">
|
||||
<option selected>Visa Type</option>
|
||||
<option value="1">Tourist Visa</option>
|
||||
<option value="2">Business Visa</option>
|
||||
<option value="3">Student Visa</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-xl-12">
|
||||
<div class="contact-two__form-input-box text-message-box">
|
||||
<textarea name="message" placeholder="Write a Message"></textarea>
|
||||
</div>
|
||||
<div class="contact-two__form-btn-box">
|
||||
<button type="submit" class="thm-btn contact-two__form-btn">Send a
|
||||
Message</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<div class="result"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-xl-12">
|
||||
<div class="contact-five__input-box text-message-box">
|
||||
<textarea name="message" placeholder="Write a Message"></textarea>
|
||||
</div>
|
||||
<div class="contact-five__btn-box">
|
||||
<button type="submit" class="thm-btn contact-five__btn">Send a
|
||||
Message</button>
|
||||
<div class="col-xl-4 col-lg-5">
|
||||
<div class="contact-two__right">
|
||||
<div class="contact-two__address-box">
|
||||
<div class="contact-two__address-top">
|
||||
<div class="contact-two__address-top-title">
|
||||
<h3>Treck Offices</h3>
|
||||
</div>
|
||||
<div class="contact-two__address-top-icon">
|
||||
<span class="icon-buildings"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="contact-two__address-faq">
|
||||
<div class="accrodion-grp" data-grp-name="faq-one-accrodion">
|
||||
<div class="accrodion active">
|
||||
<div class="accrodion-title">
|
||||
<h4>Dubai Office</h4>
|
||||
</div>
|
||||
<div class="accrodion-content">
|
||||
<div class="inner">
|
||||
<ul class="contact-two__address-list list-unstyled">
|
||||
<li>
|
||||
<div class="icon">
|
||||
<i class="fas fa-map-marker-alt"></i>
|
||||
</div>
|
||||
<div class="text">
|
||||
<p>30 Commercial Road <br> Fratton, Australia</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="icon">
|
||||
<i class="fas fa-envelope"></i>
|
||||
</div>
|
||||
<div class="text">
|
||||
<p><a
|
||||
href="mailto:needhelp@company.com">needhelp@company.com</a>
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="icon">
|
||||
<i class="fas fa-phone"></i>
|
||||
</div>
|
||||
<div class="text">
|
||||
<p><a href="tel:9288009850">+92 (8800) - 9850</a>
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div><!-- /.inner -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="accrodion">
|
||||
<div class="accrodion-title">
|
||||
<h4>Australia Office</h4>
|
||||
</div>
|
||||
<div class="accrodion-content">
|
||||
<div class="inner">
|
||||
<ul class="contact-two__address-list list-unstyled">
|
||||
<li>
|
||||
<div class="icon">
|
||||
<i class="fas fa-map-marker-alt"></i>
|
||||
</div>
|
||||
<div class="text">
|
||||
<p>30 Commercial Road <br> Fratton, Australia</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="icon">
|
||||
<i class="fas fa-envelope"></i>
|
||||
</div>
|
||||
<div class="text">
|
||||
<p><a
|
||||
href="mailto:needhelp@company.com">needhelp@company.com</a>
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="icon">
|
||||
<i class="fas fa-phone"></i>
|
||||
</div>
|
||||
<div class="text">
|
||||
<p><a href="tel:9288009850">+92 (8800) - 9850</a>
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div><!-- /.inner -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="accrodion last-child">
|
||||
<div class="accrodion-title">
|
||||
<h4>Canada Office</h4>
|
||||
</div>
|
||||
<div class="accrodion-content">
|
||||
<div class="inner">
|
||||
<ul class="contact-two__address-list list-unstyled">
|
||||
<li>
|
||||
<div class="icon">
|
||||
<i class="fas fa-map-marker-alt"></i>
|
||||
</div>
|
||||
<div class="text">
|
||||
<p>30 Commercial Road <br> Fratton, Australia</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="icon">
|
||||
<i class="fas fa-envelope"></i>
|
||||
</div>
|
||||
<div class="text">
|
||||
<p><a
|
||||
href="mailto:needhelp@company.com">needhelp@company.com</a>
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="icon">
|
||||
<i class="fas fa-phone"></i>
|
||||
</div>
|
||||
<div class="text">
|
||||
<p><a href="tel:9288009850">+92 (8800) - 9850</a>
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div><!-- /.inner -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<div class="result"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!--Contact Five End-->
|
||||
<!--Contact Two End-->
|
||||
|
||||
<!--Location One Start-->
|
||||
<section class="location-one">
|
||||
|
||||
Reference in New Issue
Block a user