gallery page added with pages changes

This commit is contained in:
sujan
2024-09-13 13:34:09 +05:45
parent b4613016ad
commit bb661a2bd5
52 changed files with 160 additions and 217 deletions

View File

@ -1,30 +1,6 @@
<?php include('header.php');?>
<!--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">
<div class="col-xl-5 col-lg-5 d-flex justify-content-center align-items-center ps-10 xxl-ps-6 xl-ps-4 md-ps-4 sm-ps-0 position-relative order-2 order-lg-1" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateY&quot;: [30, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;:0, &quot;staggervalue&quot;: 300, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<div class="vertical-title-center align-items-center justify-content-center flex-shrink-0 w-75px sm-w-50px">
<h1 class="title fs-15 alt-font text-dark-gray fw-700 text-uppercase ls-1px text-uppercase d-flex w-auto align-items-center m-0" data-fancy-text="{ &quot;opacity&quot;: [0, 1], &quot;translateY&quot;: [50, 0], &quot;filter&quot;: [&quot;blur(20px)&quot;, &quot;blur(0px)&quot;], &quot;string&quot;: [&quot;contact us&quot;], &quot;duration&quot;: 400, &quot;delay&quot;: 0, &quot;speed&quot;: 50, &quot;easing&quot;: &quot;easeOutQuad&quot; }"></h1>
</div>
<div class="border-start border-color-extra-medium-gray ps-40px sm-ps-20px position-relative z-index-9">
<h2 class="text-dark-gray fw-600 alt-font outside-box-right-10 xl-outside-box-right-15 lg-outside-box-right-20 md-me-0 sm-mb-0 ls-minus-3px contact-heading">Reach out to us for expert guidance and support on your study abroad journey—our team is here to help you succeed</h2>
</div>
</div>
<div class="col-xl-7 col-lg-7 position-relative one-half-screen order-1 order-lg-2 md-mb-50px">
<div class="overflow-hidden position-relative">
<div class="w-100" data-anime="{ &quot;effect&quot;: &quot;slide&quot;, &quot;direction&quot;: &quot;lr&quot;, &quot;color&quot;: &quot;#f7f7f7&quot;, &quot;duration&quot;: 1000, &quot;delay&quot;: 0 }"> <img src="images/demo-branding-agency-contact-title-bg.jpg" alt class="w-100 liquid-parallax" data-parallax-liquid="true" data-parallax-position="top" data-parallax-scale="1.05"> </div>
</div>
</div>
</div>
</div>
</section>
-->
<!--Page Hero section End-->
<!--Contact Hero Section-->
<section class="top-space-margin page-title-big-typography cover-background magic-cursor round-cursor" style="background-image: url(&quot;images/demo-accounting-company-title-bg.jpg&quot;); margin-top: 141px;">
<section class="top-space-margin page-title-big-typography cover-background magic-cursor round-cursor" style="background-image: url(images/access-image/contact-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">
@ -44,75 +20,6 @@
</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="{ &quot;translateY&quot;: [0, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 1200, &quot;delay&quot;: 100, &quot;staggervalue&quot;: 150, &quot;easing&quot;: &quot;easeOutQuad&quot; }" 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">
@ -187,4 +94,84 @@
</section>
<!--Contact Location 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="{ &quot;translateY&quot;: [0, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 1200, &quot;delay&quot;: 100, &quot;staggervalue&quot;: 150, &quot;easing&quot;: &quot;easeOutQuad&quot; }" 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-->
<!--Googel Map-->
<section class="p-0 m-0">
<div class="container-fluid">
<div class="row">
<div class="col-lg-12">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3532.485757003823!2d85.31959247614095!3d27.702284525713484!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x39eb19a8f722023d%3A0xf104fa00bbe44d21!2sAccess%20Education%20Network%20(P.)%20Ltd.!5e0!3m2!1sen!2snp!4v1725172708306!5m2!1sen!2snp" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
</div>
</section>
<!--Googel Map End-->
<?php include('footer.php');?>