Pages Changes with css
This commit is contained in:
sujan
194
contact.php
194
contact.php
@ -1,11 +1,11 @@
|
||||
<?php include('header.php');?>
|
||||
<!-- start wpo-page-title -->
|
||||
<!-- start page-title -->
|
||||
<section class="wpo-breadcumb-area">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col col-xs-12">
|
||||
<div class="wpo-breadcumb-wrap">
|
||||
<h2>Internation Logistics</h2>
|
||||
<h2>Access Education Network</h2>
|
||||
<h3>Contact Us</h3>
|
||||
</div>
|
||||
</div>
|
||||
@ -14,7 +14,7 @@
|
||||
</section>
|
||||
<!-- end page-title -->
|
||||
|
||||
<!--start of wpo-contact-page -->
|
||||
<!--start of contact-page -->
|
||||
<section class="wpo-contact-page section-padding">
|
||||
<div class="container">
|
||||
<div class="office-info">
|
||||
@ -26,8 +26,7 @@
|
||||
</div>
|
||||
<div class="office-info-text">
|
||||
<h2>address line</h2>
|
||||
<p>Bowery St, New York, 37 USA <br>
|
||||
NY 10013,USA</p>
|
||||
<p>Putalisadak, Kathmandu</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -38,8 +37,7 @@
|
||||
</div>
|
||||
<div class="office-info-text">
|
||||
<h2>Phone Number</h2>
|
||||
<p>+1255 - 568 - 6523 4374-221 <br>
|
||||
+1255 - 568 - 6523</p>
|
||||
<p>+977-1-5345815</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -50,46 +48,81 @@
|
||||
</div>
|
||||
<div class="office-info-text">
|
||||
<h2>Address</h2>
|
||||
<p>contact@logistika.com <br>
|
||||
info@logistika.com</p>
|
||||
<p>info@accessnepal.net</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="contact-wrap">
|
||||
</div>
|
||||
</section>
|
||||
<!--end of contact-page -->
|
||||
|
||||
<!-- Form Section-->
|
||||
<section class="hero-section-s3">
|
||||
<div class="container">
|
||||
<div class="hero-wrap">
|
||||
<div class="row">
|
||||
<div class="col-lg-6 col-12">
|
||||
<div class="contact-left">
|
||||
<h2>Get in touch</h2>
|
||||
<p>Lorem ipsum dolor sit amet consectetur adipiscing elit mattis
|
||||
faucibus odio feugiat arc dolor.</p>
|
||||
<img class="image" src="assets/images/contact-left-img.jpg" alt=""> </div>
|
||||
</div>
|
||||
<div class="col-lg-6 col-12">
|
||||
<div class="contact-right">
|
||||
<div class="quote-form">
|
||||
<div class="title">
|
||||
<h2>Fill Up The Form</h2>
|
||||
<p>Your email address will not be published. Required fields are marked *</p>
|
||||
<h3>Reach Out for Assistance</h3>
|
||||
</div>
|
||||
<form id="contactForm" class="contact-form">
|
||||
<div class="input-item">
|
||||
<input id="name" class="fild" type="text" placeholder="Your Name*" required>
|
||||
<label><i class="flaticon-user"></i></label>
|
||||
</div>
|
||||
<div class="input-item">
|
||||
<input id="email" class="fild" type="email" placeholder="Email Address*"
|
||||
required>
|
||||
<label><i class="flaticon-email"></i></label>
|
||||
</div>
|
||||
<div class="input-item">
|
||||
<textarea id="message" class="fild textarea"
|
||||
placeholder="Enter Your Message here" required></textarea>
|
||||
<label><i class="flaticon-edit"></i></label>
|
||||
</div>
|
||||
<div class="input-item submitbtn">
|
||||
<input class="fild" type="submit" value="Get In Touch">
|
||||
<label><i class="flaticon-send"></i></label>
|
||||
<form id="quoteForm">
|
||||
<div class="row">
|
||||
<div class="item col-lg-6 col-12">
|
||||
<label>Personal Information</label>
|
||||
<input class="form-control" type="text" name="name" id="name" placeholder="Full Name">
|
||||
</div>
|
||||
<div class="item col-lg-6 col-12">
|
||||
<label>Study Destination</label>
|
||||
<select name="city" id="city" class="form-control">
|
||||
<option value="">Select Country</option>
|
||||
<option value="city1">Australia</option>
|
||||
<option value="city2">USA</option>
|
||||
<option value="city3">UK</option>
|
||||
<option value="city4">Canada</option>
|
||||
<option value="city5">New Zealand</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="item col-lg-6 col-12">
|
||||
<label>Email Address</label>
|
||||
<input class="form-control" type="email" name="email" id="email" placeholder="Email">
|
||||
</div>
|
||||
<div class="item col-lg-6 col-12">
|
||||
<label>Contact Number</label>
|
||||
<input class="form-control" type="text" name="phone" id="phone" placeholder="Phone">
|
||||
</div>
|
||||
<div class="item col-lg-6 col-12">
|
||||
<label>Office Location</label>
|
||||
<select name="type" id="type" class="form-control">
|
||||
<option value="">Select Location</option>
|
||||
<option value="type1">Putalisadak Office</option>
|
||||
<option value="type2">Baneshwor Office</option>
|
||||
<option value="type3">Pokhara Office</option>
|
||||
<option value="type4">Kumaripati Office</option>
|
||||
<option value="type5">Chitwan Office</option>
|
||||
<option value="type6">Butwal Office</option>
|
||||
<option value="type7">Biratnagar Office</option>
|
||||
<option value="type8">Access Canada Office</option>
|
||||
<option value="type9">Access New Zealand Office</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="item col-lg-6 col-12">
|
||||
<label>Counseling Options</label>
|
||||
<select name="incoter" id="incoter" class="form-control">
|
||||
<option value="">Select Options</option>
|
||||
<option value="incoter1">In-Person / Visit Office Location</option>
|
||||
<option value="incoter2">Online / Distance Counselling</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="item col-lg-12 col-12">
|
||||
<label>Enquiry Details</label>
|
||||
<textarea name="message" class="form-control field-message" placeholder="Enquiry Message"></textarea>
|
||||
</div>
|
||||
<div class="item col-12">
|
||||
<input class="submit-btn" type="submit" value="Submit">
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
@ -97,46 +130,69 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-image"> <img src="assets/images/slider/bg-img.jpg" alt=""> </div>
|
||||
<div class="icon"> <img src="assets/images/slider/shape-1.svg" alt=""> </div>
|
||||
<div class="left-img"> <img src="assets/images/slider/hero-img.jpg" alt=""> </div>
|
||||
</section>
|
||||
<!--end of wpo-contact-page -->
|
||||
<!-- Form Section End-->
|
||||
|
||||
<!--start of wpo-map-section -->
|
||||
<section class="wpo-map-section">
|
||||
<h2 class="hidden">Contact map</h2>
|
||||
<div class="wpo-map">
|
||||
<iframe
|
||||
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d193595.9147703055!2d-74.11976314309273!3d40.69740344223377!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c24fa5d33f083b%3A0xc80b8f06e177fe62!2sNew+York%2C+NY%2C+USA!5e0!3m2!1sen!2sbd!4v1547528325671"
|
||||
allowfullscreen></iframe>
|
||||
</div>
|
||||
</section>
|
||||
<!--end of wpo-map-section -->
|
||||
|
||||
<!--start of wpo-cta-section-s2 -->
|
||||
<div class="wpo-cta-section-s2">
|
||||
<!-- Location Section-->
|
||||
<section class="wpo-blog-section-s2 section-padding">
|
||||
<div class="container">
|
||||
<div class="cta-wrapr">
|
||||
<div class="wpo-section-title">
|
||||
<h2>Trusted transport service</h2>
|
||||
<h3>Transport & Logistics
|
||||
proejcts that we providde</h3>
|
||||
<a href="contact.html" class="theme-btn">Contact support</a> </div>
|
||||
<div class="contact-info">
|
||||
<div class="item">
|
||||
<div class="icon"> <i class="flaticon-phone-call"></i> </div>
|
||||
<div class="text"> <span>Call For Inquiry</span>
|
||||
<p>+236 (456) 896 22</p>
|
||||
<div class="row align-items-center">
|
||||
<div class="col-lg-6 col-12">
|
||||
<div class="wpo-section-title">
|
||||
<h3>Our Office Locations</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row location-gap">
|
||||
<div class="col-lg-4 col-md-6 col-12">
|
||||
<div class="blog-card">
|
||||
<div class="content">
|
||||
<div class="text">
|
||||
<h3>Head Office</h3>
|
||||
<i class="flaticon-phone-call"></i> <strong>Roger J. Spaulding</strong> </div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="icon"> <i class="flaticon-email"></i> </div>
|
||||
<div class="text"> <span>Send Us Email</span>
|
||||
<p>contact@logistika.com</p>
|
||||
</div>
|
||||
<div class="col-lg-4 col-md-6 col-12">
|
||||
<div class="blog-card"> <img src="assets/images/blog/img-2.jpg" alt="">
|
||||
<div class="content">
|
||||
<div class="date">
|
||||
<h3>28</h3>
|
||||
<span>Sep</span> </div>
|
||||
<div class="text"> <span>Transport</span>
|
||||
<h2><a href="blog-single.html">Lead Analyst for Transportation Network and
|
||||
Logistics</a></h2>
|
||||
</div>
|
||||
<ul class="comment">
|
||||
<li><i class="flaticon-profile"></i> <span>Roger J. Spaulding</span></li>
|
||||
<li><i class="flaticon-comments"></i> <span>Comments(5)</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-md-6 col-12">
|
||||
<div class="blog-card"> <img src="assets/images/blog/img-3.jpg" alt="">
|
||||
<div class="content">
|
||||
<div class="date">
|
||||
<h3>30</h3>
|
||||
<span>Sep</span> </div>
|
||||
<div class="text"> <span>Transport</span>
|
||||
<h2><a href="blog-single.html">Efficient Transport Management Strategies for
|
||||
Businesses</a></h2>
|
||||
</div>
|
||||
<ul class="comment">
|
||||
<li><i class="flaticon-profile"></i> <span>Roger J. Spaulding</span></li>
|
||||
<li><i class="flaticon-comments"></i> <span>Comments(5)</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end of wpo-cta-section-s2 -->
|
||||
</section>
|
||||
<!-- Location Section End-->
|
||||
|
||||
<?php include('footer.php');?>
|
||||
Reference in New Issue
Block a user