home page and footer page changes with about us an team page
This commit is contained in:
178
contact.php
178
contact.php
@ -1,5 +1,6 @@
|
||||
<?php include('header.php');?>
|
||||
<!--Page Hero Section-->
|
||||
<!--Page Hero Section-->
|
||||
<!--
|
||||
<section class="p-0 top-space-margin position-relative overflow-hidden">
|
||||
<div class="container-fluid p-0 h-100 position-relative">
|
||||
<div class="row g-0">
|
||||
@ -19,12 +20,104 @@
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
-->
|
||||
<!--Page Hero section End-->
|
||||
|
||||
<!--ontact Location-->
|
||||
<!--Contact Hero Section-->
|
||||
<section class="top-space-margin page-title-big-typography cover-background magic-cursor round-cursor" style="background-image: url("images/demo-accounting-company-title-bg.jpg"); margin-top: 141px;">
|
||||
<div class="shape-image-animation p-0 w-100 d-none d-md-block">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" widht="3000" height="400" viewBox="0 180 2500 200" fill="#ffffff">
|
||||
<path class="st1" d="M 0 250 C 1200 400 1200 50 3000 250 L 3000 550 L 0 550 L 0 250">
|
||||
<animate attributeName="d" dur="5s" values="M 0 250 C 1200 400 1200 50 3000 250 L 3000 550 L 0 550 L 0 250;
|
||||
M 0 250 C 400 50 400 400 3000 250 L 3000 550 L 0 550 L 0 250; M 0 250 C 1200 400 1200 50 3000 250 L 3000 550 L 0 550 L 0 250" repeatCount="indefinite"></animate>
|
||||
</path>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="row extra-very-small-screen align-items-center">
|
||||
<div class="col-lg-5 col-sm-8 position-relative page-title-extra-small appear anime-child anime-complete" data-anime="{ "el": "childs", "opacity": [0, 1], "translateX": [-30, 0], "duration": 800, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad" }">
|
||||
<h1 class="mb-20px text-white text-shadow-medium" style=""><span class="w-30px h-2px bg-yellow d-inline-block align-middle position-relative top-minus-2px me-10px"></span>Access Educatiion Network</h1>
|
||||
<h2 class="text-white text-shadow-medium fw-500 ls-minus-2px mb-0" style="">Get In Touch</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!--Contact Hero Section End-->
|
||||
|
||||
<!--Form Section-->
|
||||
<section class="bg-very-light-gray position-relative">
|
||||
<div class="container">
|
||||
<div class="row align-items-center mt-2">
|
||||
<div class="col-lg-100 appear anime-complete" data-anime="{ "translateY": [0, 0], "opacity": [0,1], "duration": 1200, "delay": 100, "staggervalue": 150, "easing": "easeOutQuad" }" style="">
|
||||
<div class="row row-cols-1 row-cols-md-2 border-radius-6px overflow-hidden box-shadow-double-large m-0">
|
||||
<div class="col cover-background sm-h-550px xs-h-450px" style="background-image: url('images/demo-travel-agency-contact-01.jpg')"></div>
|
||||
<div class="col contact-form-style-03 bg-white p-70px lg-p-35px">
|
||||
<h3 class="fw-600 alt-font text-dark-gray ls-minus-1px mb-25px contact-title">Reach Out for Assistance</h3>
|
||||
<form action="email-templates/contact-form.php" method="post">
|
||||
<div class="row">
|
||||
<div class="col-md-6 position-relative form-group mb-30px">
|
||||
<input class="ps-0 border-radius-0px border-color-extra-medium-gray form-control required is-invalid" type="text" name="name" placeholder="Full Name*">
|
||||
</div>
|
||||
<div class="col-md-6 position-relative form-group mb-30px">
|
||||
<select name="city" id="city" class="ps-0 border-radius-0px border-color-extra-medium-gray 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="col-md-6 position-relative form-group mb-30px">
|
||||
<input class="ps-0 border-radius-0px border-bottom border-color-extra-medium-gray form-control required is-invalid" type="email" name="email" placeholder="Email Address*">
|
||||
</div>
|
||||
<div class="col-md-6 position-relative form-group mb-30px">
|
||||
<input class="ps-0 border-radius-0px border-bottom border-color-extra-medium-gray form-control required" type="tel" name="phone" placeholder="Phone Number*">
|
||||
</div>
|
||||
<div class="col-md-6 position-relative form-group mb-30px">
|
||||
<select name="type" id="type" class="ps-0 border-radius-0px border-color-extra-medium-gray form-control">
|
||||
<option value="">Select Office 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="col-md-6 position-relative form-group mb-30px">
|
||||
<select name="incoter" id="incoter" class="ps-0 border-radius-0px border-color-extra-medium-gray form-control">
|
||||
<option value="">Select Counseling Options</option>
|
||||
<option value="incoter1">In-Person / Visit Office Location</option>
|
||||
<option value="incoter2">Online / Distance Counselling</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="position-relative form-group form-textarea mt-15px mb-10px xs-mb-0">
|
||||
<textarea class="ps-0 border-radius-0px border-bottom border-color-extra-medium-gray form-control" name="comment" placeholder="Your Enquiry Message" rows="3"></textarea>
|
||||
<span class="form-icon"><i class="bi bi-chat-square-dots"></i></span>
|
||||
<input type="hidden" name="redirect" value="">
|
||||
</div>
|
||||
<div class="pt-4">
|
||||
<button class="btn btn-base-color btn-medium btn-rounded btn-box-shadow submit" type="submit">Send message</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!--Form Section End-->
|
||||
|
||||
<!--Contact Location-->
|
||||
<section>
|
||||
<div class="container">
|
||||
<div class="row" data-anime="{ "el": "childs", "translateX": [30, 0], "opacity": [0,1], "duration": 600, "delay":0, "staggervalue": 300, "easing": "easeOutQuad" }">
|
||||
<div class="row" data-anime="{ "el": "childs", "translateX": [30, 0], "opacity": [0,1], "duration": 600, "delay":0, "staggervalue": 300, "easing": "easeOutQuad" }">
|
||||
<h3 class="pb-3 fw-600 alt-font text-dark-gray ls-minus-1px">Our Office Locations</h3>
|
||||
|
||||
<!--Location First-->
|
||||
<div class="col-md-4 sm-mb-30px"> <span class="fs-30 alt-font ls-minus-05px fw-700 text-dark-gray location-title">Head Office</span>
|
||||
@ -94,83 +187,4 @@
|
||||
</section>
|
||||
<!--Contact Location End-->
|
||||
|
||||
|
||||
<!--contactform Section-->
|
||||
<section class="pt-5 pb-5">
|
||||
<div class="container-fluid p-0">
|
||||
<div class="row g-0">
|
||||
<div class="col-xl-6 col-lg-7 cover-background md-h-500px sm-h-400px md-mb-50px" style="background-image:url('images/demo-branding-agency-contact-01.jpg')">
|
||||
<div class="position-absolute text-center blur-box right-30px bottom-30px sm-right-15px sm-bottom-15px pt-35px pb-35px ps-45px pe-45px sm-p-20px bg-white-transparent counter-style-04 d-flex align-items-center border-radius-6px">
|
||||
<h2 class="vertical-counter d-inline-flex alt-font text-dark-gray fw-700 mb-0 ls-minus-2px" data-text="+" data-to="353"></h2>
|
||||
<span class="w-180px text-dark-gray text-start fw-500 lh-24 ms-15px sm-ms-10px">Very satisfied clients around the worldwide.</span> </div>
|
||||
</div>
|
||||
<div class="col-xl-6 col-xl-5 col-lg-5 position-relative">
|
||||
<div class="contact-form-style-03 position-relative ps-15 pe-15 xxl-ps-10 xxl-pe-10 lg-ps-5 lg-pe-5 overflow-hidden last-paragraph-no-margin" data-anime="{ "el": "childs", "translateY": [30, 0], "opacity": [0,1], "duration": 600, "delay":0, "staggervalue": 300, "easing": "easeOutQuad" }">
|
||||
<div class="mb-10px"> </div>
|
||||
<h2 class="text-dark-gray alt-font fw-600 xxl-w-100 ls-minus-2px form-title">Reach Out for Assistance</h2>
|
||||
<form action="email-templates/contact-form.php" method="post" class="row contact-form-style-02">
|
||||
<div class="col-md-6 mb-30px">
|
||||
<label class="text-dark pb-2">Personal Information</label>
|
||||
<input class="input-name form-control required" type="text" name="name" placeholder="Full Name*">
|
||||
</div>
|
||||
<div class="col-md-6 mb-30px">
|
||||
<label class="text-dark pb-2">Email Address</label>
|
||||
<input class="form-control required" type="email" name="email" placeholder="Your email address*">
|
||||
</div>
|
||||
<div class="col-md-6 mb-30px">
|
||||
<label class="text-dark pb-2">Contact Number</label>
|
||||
<input class="form-control required" type="tel" name="phone" placeholder="Your phone*">
|
||||
</div>
|
||||
<div class="col-md-6 mb-30px">
|
||||
<label class="text-dark pb-2">Study Destination</label>
|
||||
<select name="country" id="city" class="form-control">
|
||||
<option value="">Select Country</option>
|
||||
<option value="country1">Australia</option>
|
||||
<option value="country2">USA</option>
|
||||
<option value="country3">UK</option>
|
||||
<option value="country4">Canada</option>
|
||||
<option value="country5">New Zealand</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-md-6 mb-30px">
|
||||
<label class="text-dark pb-2">Ofice 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="col-md-6 mb-30px">
|
||||
<label class="text-dark pb-2">Counceling Oprtions</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="col-md-12 mb-30px">
|
||||
<label class="text-dark pb-2">Enquiry Details</label>
|
||||
<textarea class="form-control" cols="40" rows="4" name="message" placeholder="Your message"></textarea>
|
||||
</div>
|
||||
<div class="col-xl-5 col-md-5 sm-mt-20px">
|
||||
<input type="hidden" name="redirect" value="">
|
||||
<button class="btn btn-base-color btn-medium btn-rounded btn-box-shadow submit" type="submit">Send message</button>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<div class="form-results mt-20px d-none"></div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!--contactform Section End-->
|
||||
<?php include('footer.php');?>
|
Reference in New Issue
Block a user