New Desigh Push

This commit is contained in:
sujan
2024-09-06 17:20:59 +05:45
parent 0e4ef3c365
commit b8a2d9e27b
550 changed files with 41049 additions and 409356 deletions

15
parts/about-intro.php Normal file
View File

@ -0,0 +1,15 @@
<section class="background-position-center background-repeat" style="background-image: url('images/vertical-center-line-bg.svg')">
<div class="container">
<div class="row align-items-center mb-12 md-mb-17 xs-mb-25">
<div class="col-lg-6 md-mb-50px appear anime-child anime-complete" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;opacity&quot;: [0, 1], &quot;rotateY&quot;: [-90, 0], &quot;rotateZ&quot;: [-10, 0], &quot;translateY&quot;: [80, 0], &quot;translateZ&quot;: [50, 0], &quot;staggervalue&quot;: 200, &quot;duration&quot;: 800, &quot;delay&quot;: 200, &quot;easing&quot;: &quot;easeOutCirc&quot; }"> <span class="mb-10px text-base-color fw-500 d-block" style="">Access Education Network</span>
<h2 class="alt-font text-dark-gray ls-minus-2px custom-title pt-4 pb-4">Committed to Your Academic Success </h2>
<p class="w-80 xl-w-100 mb-35px xs-mb-10px" style="">Access Education Network (AEN) is a leading educational consultation service providing organization. It is brought into operation in Nepal by formal registration. It has initiated its service with a motive of rendering educational consultation service to the students willing to pursue quality education that would be acknowledged by the world. </p>
<div class="d-inline-block w-100"> <a href="about.php" class="btn btn-large btn-rounded with-rounded btn-base-color btn-round-edge btn-box-shadow">Our Services<span class="bg-orient-blue text-white"><i class="feather icon-feather-arrow-right icon-small"></i></span></a> </div>
</div>
<div class="col-lg-6 position-relative"> <span class="fs-90 position-absolute left-60px md-left-100px sm-left-70px xs-left-10px top-90px xs-top-50px text-dark-gray fw-700 z-index-1 skrollable skrollable-between appear anime-complete" data-bottom-top="transform: translateY(50px) scale(1,1)" data-top-bottom="transform: translateY(-50px) scale(1,1)" data-anime="{ &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;: 1500, &quot;staggervalue&quot;: 300, &quot;easing&quot;: &quot;easeOutQuad&quot; }" style="transform: translateY(-12.2285px) scale(1, 1);"><span class="fs-15 fw-600 d-table lh-16 text-uppercase text-medium-gray">Since</span>2005</span>
<div class="w-75 overflow-hidden position-relative xs-w-80 border-radius-4px float-end appear" data-anime="{ &quot;effect&quot;: &quot;slide&quot;, &quot;color&quot;: &quot;#A0875B&quot;, &quot;direction&quot;:&quot;rl&quot;, &quot;easing&quot;: &quot;easeOutQuad&quot;, &quot;duration&quot;: 600, &quot;delay&quot;:400}" style="position: relative;"> <img class="w-100" src="images/access-image/hero-intro1.jpg" alt="" data-no-retina="" style="opacity: 1;"> </div>
<div class="position-absolute left-minus-70px md-left-15px bottom-minus-50px w-55 overflow-hidden skrollable skrollable-between appear" data-bottom-top="transform: translateY(50px)" data-top-bottom="transform: translateY(-50px)" data-anime="{ &quot;effect&quot;: &quot;slide&quot;, &quot;color&quot;: &quot;#ffffff&quot;, &quot;direction&quot;:&quot;lr&quot;, &quot;easing&quot;: &quot;easeOutQuad&quot;, &quot;duration&quot;: 600, &quot;delay&quot;:500}" style="transform: translateY(10.1708px); position: relative;"> <img class="w-100 border-radius-4px" src="images/access-image/hero-intro2.jpg" alt="" data-no-retina="" style="opacity: 1;"> </div>
</div>
</div>
</div>
</section>

19
parts/apply.php Normal file
View File

@ -0,0 +1,19 @@
<!--Popup Module-->
<section class="cover-background" style="background-image: url('images/demo-seo-agency-bg-02.jpg')">
<div class="container">
<div class="position-absolute left-0px top-0px background-no-repeat background-size-100 h-100 w-100 animation-float" style="background-image: url('images/demo-real-estate-10.png');"></div>
<!-- start newsletter -->
<div class="row row-cols-1 row-cols-lg-2 justify-content-center align-items-center bg-base-color pt-4 pb-4 ps-6 pe-6 lg-p-5 border-radius-6px g-0">
<div class="col-xl-6 col-lg-7 md-mb-25px sm-mb-15px position-relative text-center text-lg-start">
<h3 class="pb-4 alt-font fw-500 text-white ls-minus-1px mb-10px shadow-none shadow-in" data-shadow-animation="true" data-animation-delay="700">Secure Your <span class="fw-700 text-highlight d-inline-block">Future Today<span class="bg-white h-10px bottom-1px opacity-3 separator-animation"></span></span></h3>
<span class="fs-20 text-white">"Take the first step towards achieving your academic and career goals—apply now and secure your future with Access Education Network."</span> </div>
<div class="col-lg-5 offset-xl-1 text-center"> <a href="" class="btn btn-large btn-rounded with-rounded btn-white btn-box-shadow fw-600" style="">Apply Now<span class="bg-base-color text-white"><i class="bi bi-arrow-right-short icon-extra-medium"></i></span></a> </div>
</div>
<!-- end newsletter -->
</div>
</section>
<!--Popup Module End-->

73
parts/blog.php Normal file
View File

@ -0,0 +1,73 @@
<!--Blog Section-->
<section class="bg-gradient-quartz-white border-radius-6px lg-border-radius-0px pb-0">
<div class="container">
<div class="row justify-content-center mb-3">
<div class="col-lg-7 text-center appear anime-child anime-complete" 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; }">
<h3 class="text-dark-gray fw-700 ls-minus-1px" style="">Get Every Single Updates</h3>
</div>
</div>
<div class="row mb-5 sm-mb-7">
<div class="col-12">
<ul class="blog-grid blog-wrapper grid grid-3col xl-grid-3col lg-grid-3col md-grid-2col sm-grid-2col xs-grid-1col gutter-extra-large appear anime-child anime-complete" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateY&quot;: [50, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 1200, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 150, &quot;easing&quot;: &quot;easeOutQuad&quot; }" style="position: relative; height: 572.953px;">
<li class="grid-sizer"></li>
<!-- start blog item -->
<li class="grid-item" style="position: absolute; left: 0%; top: 0px; transition: none;">
<div class="card border-0 border-radius-5px box-shadow-quadruple-large box-shadow-quadruple-large-hover">
<div class="blog-image"> <a href="demo-corporate-blog-single-clean.html" class="d-block"><img src="images/demo-corporate-blog-01.jpg" alt="" data-no-retina=""></a>
<div class="blog-categories"></div>
</div>
<div class="card-body p-8"> <a href="demo-corporate-blog-single-clean.html" class="card-title mb-15px fw-700 fs-19 text-dark-gray d-inline-block w-90 md-w-100">Access Education Network Lights Up Pokhara Street Festival</a>
<div class="author d-flex justify-content-center align-items-center position-relative overflow-hidden fs-14 text-uppercase">
<div class="me-auto"> <span class="blog-date d-inline-block fw-700 text-dark-gray">30 August 2021</span>
<div class="d-inline-block author-name fw-700 text-dark-gray">By <a href="demo-corporate-blog.html" class="text-dark-gray text-decoration-line-bottom">Den viliamson</a></div>
</div>
<div class="like-count"> <a href="#"><i class="fa-regular fa-heart text-red"></i><span class="text-dark-gray align-middle fw-700">25</span></a> </div>
</div>
</div>
</div>
</li>
<!-- end blog item -->
<!-- start blog item -->
<li class="grid-item" style="position: absolute; left: 33.3298%; top: 0px; transition: none;">
<div class="card border-0 border-radius-5px box-shadow-quadruple-large box-shadow-quadruple-large-hover">
<div class="blog-image"> <a href="demo-corporate-blog-single-clean.html" class="d-block"><img src="images/demo-corporate-blog-02.jpg" alt="" data-no-retina=""></a>
<div class="blog-categories"> </div>
</div>
<div class="card-body p-12 lg-p-10"> <a href="demo-corporate-blog-single-clean.html" class="card-title mb-15px fw-700 fs-19 text-dark-gray d-inline-block w-90 md-w-100">Access at 19: A Logo for the Legacy, A Vision for Tomorrow</a>
<div class="author d-flex justify-content-center align-items-center position-relative overflow-hidden fs-14 text-uppercase">
<div class="me-auto"> <span class="blog-date d-inline-block fw-700 text-dark-gray">28 August 2021</span>
<div class="d-inline-block author-name fw-700 text-dark-gray">By <a href="demo-corporate-blog.html" class="text-dark-gray text-decoration-line-bottom">Hugh macleod</a></div>
</div>
<div class="like-count"> <a href="#"><i class="fa-regular fa-heart text-red"></i><span class="text-dark-gray align-middle fw-700">58</span></a> </div>
</div>
</div>
</div>
</li>
<!-- end blog item -->
<!-- start blog item -->
<li class="grid-item" style="position: absolute; left: 66.6597%; top: 0px; transition: none;">
<div class="card border-0 border-radius-5px box-shadow-quadruple-large box-shadow-quadruple-large-hover">
<div class="blog-image"> <a href="demo-corporate-blog-single-clean.html" class="d-block"><img src="images/demo-corporate-blog-03.jpg" alt="" data-no-retina=""></a>
<div class="blog-categories"> </div>
</div>
<div class="card-body p-12 lg-p-10"> <a href="demo-corporate-blog-single-clean.html" class="card-title mb-15px fw-700 fs-19 text-dark-gray d-inline-block w-90 md-w-100">Be the strong willed one the public relationship.</a>
<div class="author d-flex justify-content-center align-items-center position-relative overflow-hidden fs-14 text-uppercase">
<div class="me-auto"> <span class="blog-date d-inline-block fw-700 text-dark-gray">26 August 2021</span>
<div class="d-inline-block author-name fw-700 text-dark-gray">By <a href="demo-corporate-blog.html" class="text-dark-gray text-decoration-line-bottom">Walton smith</a></div>
</div>
<div class="like-count"> <a href="#"><i class="fa-regular fa-heart text-red"></i><span class="text-dark-gray align-middle fw-700">75</span></a> </div>
</div>
</div>
</div>
</li>
<!-- end blog item -->
</ul>
</div>
</div>
</div>
</section>
<!--Blog Section End-->

100
parts/country.php Normal file
View File

@ -0,0 +1,100 @@
<!--Country Section-->
<section class="bg-very-light-gray overflow-hidden">
<div class="container">
<div class="row align-items-center justify-content-center mb-6 text-center text-lg-start">
<div class="col-xl-5 col-lg-5 md-mb-20px" data-anime="{ &quot;translateX&quot;: [50, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 1200, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 150, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<h4 class="text-dark-gray fw-700 mb-0 ls-minus-1px custom-title2">Explore Your Global Study Destinations</h4>
</div>
<div class="col-xl-5 col-lg-5 last-paragraph-no-margin md-mb-30px" data-anime="{ &quot;translateX&quot;: [-50, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 1200, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 150, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<p class="xl-w-100 md-w-80 sm-w-100 md-mx-auto"></p>
</div>
<div class="col-xl-2 col-lg-2 d-flex justify-content-center justify-content-lg-end" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateX&quot;: [30, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 800, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 150, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<div class="slider-one-slide-prev-1 icon-small text-dark-gray swiper-button-prev slider-navigation-style-04 bg-white text-dark-gray box-shadow-large"><i class="fa-solid fa-arrow-left"></i></div>
<div class="slider-one-slide-next-1 icon-small text-dark-gray swiper-button-next slider-navigation-style-04 bg-white text-dark-gray box-shadow-large"><i class="fa-solid fa-arrow-right"></i></div>
</div>
</div>
<div class="row align-items-center">
<div class="col-12 position-relative">
<div class="outside-box-right-40 xs-outside-box-right-0" data-anime="{ &quot;translateX&quot;: [100, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 1200, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 150, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<div class="swiper magic-cursor" data-slider-options="{ &quot;slidesPerView&quot;: 1, &quot;spaceBetween&quot;: 28, &quot;loop&quot;: true, &quot;autoplay&quot;: { &quot;delay&quot;: 2000, &quot;disableOnInteraction&quot;: false }, &quot;pagination&quot;: { &quot;el&quot;: &quot;.slider-four-slide-pagination-1&quot;, &quot;clickable&quot;: true }, &quot;navigation&quot;: { &quot;nextEl&quot;: &quot;.slider-one-slide-next-1&quot;, &quot;prevEl&quot;: &quot;.slider-one-slide-prev-1&quot; }, &quot;keyboard&quot;: { &quot;enabled&quot;: true, &quot;onlyInViewport&quot;: true }, &quot;breakpoints&quot;: { &quot;1200&quot;: { &quot;slidesPerView&quot;: 5 }, &quot;992&quot;: { &quot;slidesPerView&quot;: 4 }, &quot;768&quot;: { &quot;slidesPerView&quot;: 3 }, &quot;576&quot;: { &quot;slidesPerView&quot;: 2 } }, &quot;effect&quot;: &quot;slide&quot; }">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="interactive-banner-style-08">
<figure class="m-0 hover-box overflow-hidden position-relative border-radius-6px"> <a href="australia.php"> <img src="images/access-image/study-australia.jpg" alt /> </a>
<figcaption class="d-flex flex-column align-items-start justify-content-center position-absolute left-0px top-0px w-100 h-100 z-index-1 p-14 lg-p-12"> <a href="australia.php"> </a>
<div class="mt-auto d-flex w-100 align-items-center">
<div class="col last-paragraph-no-margin"> <a href="australia.php" class="text-white fs-24 lh-28 w-65 xl-w-75 d-block">Australia</a> </div>
<a href="australia.php" class="circle-box bg-yellow w-50px h-50px rounded-circle ms-auto position-relative rounded-box"> <i class="bi bi-arrow-right-short absolute-middle-center icon-very-medium lh-0px text-dark-gray"></i> </a> </div>
<div class="position-absolute left-0px top-0px w-100 h-100 bg-gradient-gray-light-dark-transparent z-index-minus-1 opacity-9"></div>
</figcaption>
</figure>
</div>
</div>
<div class="swiper-slide">
<div class="interactive-banner-style-08">
<figure class="m-0 hover-box overflow-hidden position-relative border-radius-6px"> <a href="newzealand.php"> <img src="images/access-image/study-newzealand.jpg" alt /> </a>
<figcaption class="d-flex flex-column align-items-start justify-content-center position-absolute left-0px top-0px w-100 h-100 z-index-1 p-14 lg-p-10"> <a href="newzealand.php"> </a>
<div class="mt-auto d-flex w-100 align-items-center">
<div class="col last-paragraph-no-margin"> <a href="newzealand.php" class="text-white fs-24 lh-28 w-65 xl-w-75 d-block">New Zealand</a> </div>
<a href="newzealand.php" class="circle-box bg-yellow w-50px h-50px rounded-circle ms-auto position-relative rounded-box"> <i class="bi bi-arrow-right-short absolute-middle-center icon-very-medium lh-0px text-dark-gray"></i> </a> </div>
<div class="position-absolute left-0px top-0px w-100 h-100 bg-gradient-gray-light-dark-transparent z-index-minus-1 opacity-9"></div>
</figcaption>
</figure>
</div>
</div>
<div class="swiper-slide">
<div class="interactive-banner-style-08">
<figure class="m-0 hover-box overflow-hidden position-relative border-radius-6px"> <a href="canada.php"> <img src="images/access-image/study-canada.jpg" alt /> </a>
<figcaption class="d-flex flex-column align-items-start justify-content-center position-absolute left-0px top-0px w-100 h-100 z-index-1 p-14 lg-p-10"> <a href="canada.php"> </a>
<div class="mt-auto d-flex w-100 align-items-center">
<div class="col last-paragraph-no-margin"> <a href="canada.php" class="text-white fs-24 lh-28 w-65 xl-w-75 d-block">Canada</a> </div>
<a href="canada.php" class="circle-box bg-yellow w-50px h-50px rounded-circle ms-auto position-relative rounded-box"> <i class="bi bi-arrow-right-short absolute-middle-center icon-very-medium lh-0px text-dark-gray"></i> </a> </div>
<div class="position-absolute left-0px top-0px w-100 h-100 bg-gradient-gray-light-dark-transparent z-index-minus-1 opacity-9"></div>
</figcaption>
</figure>
</div>
</div>
<div class="swiper-slide">
<div class="interactive-banner-style-08">
<figure class="m-0 hover-box overflow-hidden position-relative border-radius-6px"> <a href="usa.php"> <img src="images/access-image/study-usa.jpg" alt /> </a>
<figcaption class="d-flex flex-column align-items-start justify-content-center position-absolute left-0px top-0px w-100 h-100 z-index-1 p-14 lg-p-10"> <a href="usa.php"> </a>
<div class="mt-auto d-flex w-100 align-items-center">
<div class="col last-paragraph-no-margin"> <a href="usa.php" class="text-white fs-24 lh-28 w-65 xl-w-75 d-block">USA</a> </div>
<a href="usa.php" class="circle-box bg-yellow w-50px h-50px rounded-circle ms-auto position-relative rounded-box"> <i class="bi bi-arrow-right-short absolute-middle-center icon-very-medium lh-0px text-dark-gray"></i> </a> </div>
<div class="position-absolute left-0px top-0px w-100 h-100 bg-gradient-gray-light-dark-transparent z-index-minus-1 opacity-9"></div>
</figcaption>
</figure>
</div>
</div>
<div class="swiper-slide">
<div class="interactive-banner-style-08">
<figure class="m-0 hover-box overflow-hidden position-relative border-radius-6px"> <a href="uk.php"> <img src="images/access-image/study-uk.jpg" alt /> </a>
<figcaption class="d-flex flex-column align-items-start justify-content-center position-absolute left-0px top-0px w-100 h-100 z-index-1 p-14 lg-p-10"> <a href="uk.php"> </a>
<div class="mt-auto d-flex w-100 align-items-center">
<div class="col last-paragraph-no-margin"> <a href="uk.php" class="text-white fs-24 lh-28 w-65 xl-w-75 d-block">UK</a> </div>
<a href="uk.php" class="circle-box bg-yellow w-50px h-50px rounded-circle ms-auto position-relative rounded-box"> <i class="bi bi-arrow-right-short absolute-middle-center icon-very-medium lh-0px text-dark-gray"></i> </a> </div>
<div class="position-absolute left-0px top-0px w-100 h-100 bg-gradient-gray-light-dark-transparent z-index-minus-1 opacity-9"></div>
</figcaption>
</figure>
</div>
</div>
<div class="swiper-slide">
<div class="interactive-banner-style-08">
<figure class="m-0 hover-box overflow-hidden position-relative border-radius-6px"> <a href="canada.php"> <img src="images/access-image/study-canada.jpg" alt /> </a>
<figcaption class="d-flex flex-column align-items-start justify-content-center position-absolute left-0px top-0px w-100 h-100 z-index-1 p-14 lg-p-10"> <a href="canada.php"> </a>
<div class="mt-auto d-flex w-100 align-items-center">
<div class="col last-paragraph-no-margin"> <a href="canada.php" class="text-white fs-24 lh-28 w-65 xl-w-75 d-block">Canada</a> </div>
<a href="canada.php" class="circle-box bg-yellow w-50px h-50px rounded-circle ms-auto position-relative rounded-box"> <i class="bi bi-arrow-right-short absolute-middle-center icon-very-medium lh-0px text-dark-gray"></i> </a> </div>
<div class="position-absolute left-0px top-0px w-100 h-100 bg-gradient-gray-light-dark-transparent z-index-minus-1 opacity-9"></div>
</figcaption>
</figure>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--Country Section End-->

80
parts/form.php Normal file
View File

@ -0,0 +1,80 @@
<!--Form Section-->
<section class="form-bg mt-0 p-0 md-h-600px sm-h-500px border-top border-4 position-relative" data-parallax-background-ratio="0.3">
<div class="container">
<div class="row text-white pt-5 pb-5">
<div class="col-lg-7">
<div class="bg-white p-6 border-radius-6px box-shadow-double-large">
<div class="row">
<div class="col-lg-10 col-md-12 col-sm-12">
<h3 class="custom-title alt-font text-dark-gray ls-minus-2px xs-mb-35px">Need Help with Your Study Abroad Plans?</h3>
<p class="text-dark-gray pt-3 pb-3">We're here to guide you through every step of your study abroad journey, providing expert advice and support tailored to your needs.</p>
</div>
</div>
<!-- start contact form -->
<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>
<!-- end contact form -->
</div>
</div>
</div>
</div>
</section>
<!--Form Section End-->

27
parts/hero-section.php Normal file
View File

@ -0,0 +1,27 @@
<section class="pb-0">
<div class="container-fluid">
<div class="row">
<div class="col-lg-12">
<video width="100%" height="auto" autoplay muted preload="auto" loop poster="video-poster.jpg">
<source src="images/access-image/access-hero-video.mp4" type="video/mp4">
</video>
</div>
</div>
</div>
</section>
<!--Hero Section-->
<!--
<section class="top-space-margin p-0 full-screen md-h-600px sm-h-500px section-dark" data-parallax-background-ratio="0.8" style="background-image: url('images/demo-accounting-bg.jpg')">
<div class="container h-100">
<div class="row align-items-center h-100">
<div class="col-xl-7 col-md-9 col-sm-9 position-relative text-white" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;opacity&quot;: [0, 1], &quot;translateY&quot;: [30, 0], &quot;staggervalue&quot;: 200, &quot;easing&quot;: &quot;easeInOutSine&quot; }">
<video width="100%" height="auto" autoplay muted preload="auto" loop poster="video-poster.jpg">
<source src="images/access-image/access-video.mp4" type="video/mp4">
</video>
</div>
</div>
</div>
</section>
-->
<!--Hero Section Ends-->

146
parts/service.php Normal file
View File

@ -0,0 +1,146 @@
<!--Service Section-->
<section class="overflow-hidden bg-very-light-gray pt-0">
<div class="container-fluid">
<div class="row text-center pt-4 pb-4">
<div class="col-lg-5 mx-auto">
<h2 class="custom-title pb-4">How Can we Help</h2>
<p class="pb-4">We help all the students who wish to Study Abroad in the reputed Universities. We make it possible for the students who are searching for respectful academic career.</p>
<a href="service.php" class="btn btn-large btn-rounded with-rounded btn-base-color btn-round-edge btn-box-shadow">Our Services<span class="bg-orient-blue text-white"><i class="feather icon-feather-arrow-right icon-small"></i></span></a> </div>
</div>
<div class="row g-0 bg-very-light-gray">
<div class="col-xl-3 col-lg-4 col-md-5 tab-style-07 d-flex align-items-start align-items-xl-center">
<ul class="nav nav-tabs justify-content-center border-0 text-left fs-24 alt-font" role="tablist">
<li class="nav-item" role="presentation"> <a data-bs-toggle="tab" href="#tab_seven1" class="nav-link" aria-selected="false" role="tab" tabindex="-1"> <span><span class="primary-font me-10px fs-18 fw-600">01</span>Career Counceling</span> <span class="number-box d-flex justify-content-center align-items-center rounded-circle h-70px w-70px bg-base-color text-white"><i class="bi bi-arrow-right icon-extra-medium"></i></span> <span class="bg-hover bg-base-color"></span> </a> </li>
<li class="nav-item" role="presentation"> <a class="nav-link" data-bs-toggle="tab" href="#tab_seven2" aria-selected="false" role="tab" tabindex="-1"> <span><span class="primary-font me-10px fs-18 fw-600">02</span>University Selection</span> <span class="number-box d-flex justify-content-center align-items-center rounded-circle h-70px w-70px bg-base-color text-white"><i class="bi bi-arrow-right icon-extra-medium"></i></span> <span class="bg-hover bg-base-color"></span> </a> </li>
<li class="nav-item" role="presentation"> <a class="nav-link" data-bs-toggle="tab" href="#tab_seven3" aria-selected="false" role="tab" tabindex="-1"> <span><span class="primary-font me-10px fs-18 fw-600">03</span>Abroad Study Handbook</span> <span class="number-box d-flex justify-content-center align-items-center rounded-circle h-70px w-70px bg-base-color text-white"><i class="bi bi-arrow-right icon-extra-medium"></i></span> <span class="bg-hover bg-base-color"></span> </a> </li>
<li class="nav-item" role="presentation"> <a class="nav-link active" data-bs-toggle="tab" href="#tab_seven4" aria-selected="true" role="tab"> <span><span class="primary-font me-10px fs-18 fw-600">04</span>Australian Education System</span> <span class="number-box d-flex justify-content-center align-items-center rounded-circle h-70px w-70px bg-base-color text-white"><i class="bi bi-arrow-right icon-extra-medium"></i></span> <span class="bg-hover bg-base-color"></span> </a> </li>
<li class="nav-item" role="presentation"> <a class="nav-link" data-bs-toggle="tab" href="#tab_seven5" aria-selected="false" tabindex="-1" role="tab"> <span><span class="primary-font me-10px fs-18 fw-600">05</span>Test Prepration</span> <span class="number-box d-flex justify-content-center align-items-center rounded-circle h-70px w-70px bg-base-color text-white"><i class="bi bi-arrow-right icon-extra-medium"></i></span> <span class="bg-hover bg-base-color"></span> </a> </li>
</ul>
</div>
<div class="col-xl-9 col-lg-8 col-md-7">
<div class="tab-content h-100">
<!-- start tab content -->
<div class="tab-pane fade in h-100" id="tab_seven1" role="tabpanel">
<div class="row g-0 h-100 lg-h-auto">
<div class="col-xl-6">
<div class="h-100 lg-h-400px cover-background position-relative" style="background-image: url(images/access-image/career.jpg)">
<div class="position-absolute right-0px bottom-0 d-flex">
<div class="ps-40px pe-40px h-110px bg-white d-flex align-items-center">
<div class="fs-30 fw-700 text-dark-gray"><span class="fs-16 fw-500 d-table lh-22 text-medium-gray">Starting from</span>$50.00</div>
</div>
<div class="ps-40px pe-40px xs-ps-30px xs-pe-30px h-110px bg-dark-gray d-flex align-items-center"> <a href="demo-hotel-and-resort-contact.html" class="d-flex align-items-center text-white"> <span class="fs-18 fw-600 lh-22 text-uppercase me-15px">Book<br>
now</span><span class="w-55px h-55px bg-white-transparent-extra-light border-radius-100 text-white position-relative"><i class="bi bi-arrow-right-short icon-extra-medium absolute-middle-center lh-0px"></i></span> </a> </div>
</div>
</div>
</div>
<div class="col-xl-6 bg-very-light-gray pt-6 pb-6 ps-8 pe-8">
<div class="d-flex align-items-xl-start align-items-center text-center text-xl-start flex-column justify-content-center h-100">
<h3 class="text-dark-gray mb-15px alt-font">career Counceling</h3>
<p>We help the students to find what is best for their career to them who are in the state of dilemma and are confused in selecting courses as per their academics and career goal.</p>
</div>
</div>
</div>
</div>
<!-- end tab content -->
<!-- start tab content -->
<div class="tab-pane fade in h-100" id="tab_seven2" role="tabpanel">
<div class="row g-0 h-100 lg-h-auto">
<div class="col-xl-6">
<div class="h-100 lg-h-400px cover-background position-relative" style="background-image: url(images/access-image/university.jpg)">
<div class="position-absolute right-0px bottom-0 d-flex">
<div class="ps-40px pe-40px h-110px bg-white d-flex align-items-center">
<div class="fs-30 fw-700 text-dark-gray"><span class="fs-16 fw-500 d-table lh-22 text-medium-gray">Starting from</span>$50.00</div>
</div>
<div class="ps-40px pe-40px xs-ps-30px xs-pe-30px h-110px bg-dark-gray d-flex align-items-center"> <a href="demo-hotel-and-resort-contact.html" class="d-flex align-items-center text-white"> <span class="fs-18 fw-600 lh-22 text-uppercase me-15px">Book<br>
now</span><span class="w-55px h-55px bg-white-transparent-extra-light border-radius-100 text-white position-relative"><i class="bi bi-arrow-right-short icon-extra-medium absolute-middle-center lh-0px"></i></span> </a> </div>
</div>
</div>
</div>
<div class="col-xl-6 bg-very-light-gray pt-6 pb-6 ps-8 pe-8">
<div class="d-flex align-items-xl-start align-items-center text-center text-xl-start flex-column justify-content-center h-100">
<h3 class="text-dark-gray mb-15px alt-font">University Selection</h3>
<p>With Access Education Network we can bring the information of the Universities worldwide in a single place so that the students are able to reach them as per their course desire.</p>
</div>
</div>
</div>
</div>
<!-- end tab content -->
<!-- start tab content -->
<div class="tab-pane fade in h-100" id="tab_seven3" role="tabpanel">
<div class="row g-0 h-100 lg-h-auto">
<div class="col-xl-6">
<div class="h-100 lg-h-400px cover-background position-relative" style="background-image: url(images/access-image/sop.jpg)">
<div class="position-absolute right-0px bottom-0 d-flex">
<div class="ps-40px pe-40px h-110px bg-white d-flex align-items-center">
<div class="fs-30 fw-700 text-dark-gray"><span class="fs-16 fw-500 d-table lh-22 text-medium-gray">Starting from</span>$50.00</div>
</div>
<div class="ps-40px pe-40px xs-ps-30px xs-pe-30px h-110px bg-dark-gray d-flex align-items-center"> <a href="demo-hotel-and-resort-contact.html" class="d-flex align-items-center text-white"> <span class="fs-18 fw-600 lh-22 text-uppercase me-15px">Book<br>
now</span><span class="w-55px h-55px bg-white-transparent-extra-light border-radius-100 text-white position-relative"><i class="bi bi-arrow-right-short icon-extra-medium absolute-middle-center lh-0px"></i></span> </a> </div>
</div>
</div>
</div>
<div class="col-xl-6 bg-very-light-gray pt-6 pb-6 ps-8 pe-8">
<div class="d-flex align-items-xl-start align-items-center text-center text-xl-start flex-column justify-content-center h-100">
<h3 class="text-dark-gray mb-15px alt-font">Abroad Study Handbook</h3>
<p>Getting assured that all the relevant documents required to start the visa process have been collected, students should get notified about the necessary conditions for lodging visa applications as the visa requirements differ from country to country.</p>
</div>
</div>
</div>
</div>
<!-- end tab content -->
<!-- start tab content -->
<div class="tab-pane fade in h-100 active show" id="tab_seven4" role="tabpanel">
<div class="row g-0 h-100 lg-h-auto">
<div class="col-xl-6">
<div class="h-100 lg-h-400px cover-background position-relative" style="background-image: url(images/access-image/australia-day.jpg)">
<div class="position-absolute right-0px bottom-0 d-flex">
<div class="ps-40px pe-40px h-110px bg-white d-flex align-items-center">
<div class="fs-30 fw-700 text-dark-gray"><span class="fs-16 fw-500 d-table lh-22 text-medium-gray">Starting from</span>$50.00</div>
</div>
<div class="ps-40px pe-40px xs-ps-30px xs-pe-30px h-110px bg-dark-gray d-flex align-items-center"> <a href="demo-hotel-and-resort-contact.html" class="d-flex align-items-center text-white"> <span class="fs-18 fw-600 lh-22 text-uppercase me-15px">Book<br>
now</span><span class="w-55px h-55px bg-white-transparent-extra-light border-radius-100 text-white position-relative"><i class="bi bi-arrow-right-short icon-extra-medium absolute-middle-center lh-0px"></i></span> </a> </div>
</div>
</div>
</div>
<div class="col-xl-6 bg-very-light-gray pt-6 pb-6 ps-8 pe-8">
<div class="d-flex align-items-xl-start align-items-center text-center text-xl-start flex-column justify-content-center h-100">
<h3 class="text-dark-gray mb-15px alt-font">Australian Education System</h3>
<p>The Australian Education System has three levels of education in practice. Primary, secondary and tertiary are the three distinct levels of education. The university level of education is the highest level of education in the country. </p>
</div>
</div>
</div>
</div>
<!-- end tab content -->
<!-- start tab content -->
<div class="tab-pane fade in h-100" id="tab_seven5" role="tabpanel">
<div class="row g-0 h-100 lg-h-auto">
<div class="col-xl-6">
<div class="h-100 lg-h-400px cover-background position-relative" style="background-image: url(images/access-image/test.jpg)">
<div class="position-absolute right-0px bottom-0 d-flex">
<div class="ps-40px pe-40px h-110px bg-white d-flex align-items-center">
<div class="fs-30 fw-700 text-dark-gray"><span class="fs-16 fw-500 d-table lh-22 text-medium-gray">Starting from</span>$50.00</div>
</div>
<div class="ps-40px pe-40px xs-ps-30px xs-pe-30px h-110px bg-dark-gray d-flex align-items-center"> <a href="demo-hotel-and-resort-contact.html" class="d-flex align-items-center text-white"> <span class="fs-18 fw-600 lh-22 text-uppercase me-15px">Book<br>
now</span><span class="w-55px h-55px bg-white-transparent-extra-light border-radius-100 text-white position-relative"><i class="bi bi-arrow-right-short icon-extra-medium absolute-middle-center lh-0px"></i></span> </a> </div>
</div>
</div>
</div>
<div class="col-xl-6 bg-very-light-gray pt-6 pb-6 ps-8 pe-8">
<div class="d-flex align-items-xl-start align-items-center text-center text-xl-start flex-column justify-content-center h-100">
<h3 class="text-dark-gray mb-15px alt-font">Test Preprations</h3>
<p>Preparation for the test is a crucial job. Students should be determined and dedicated in due course of preparation for scoring high.</p>
</div>
</div>
</div>
</div>
<!-- end tab content -->
</div>
</div>
</div>
</div>
</section>
<!--Service Section End-->

49
parts/team.php Normal file
View File

@ -0,0 +1,49 @@
<!--Team Section-->
<section class="big-section position-relative bg-very-light-gray">
<div id="particles-style-01" class="position-absolute h-100 top-0 left-0 w-100" data-particle="true" data-particle-options="{&quot;particles&quot;:{&quot;number&quot;:{&quot;value&quot;:25,&quot;density&quot;:{&quot;enable&quot;:true,&quot;value_area&quot;:800}},&quot;color&quot;:{&quot;value&quot;:&quot;#115cfa&quot;},&quot;shape&quot;:{&quot;type&quot;:&quot;circle&quot;,&quot;stroke&quot;:{&quot;width&quot;:0,&quot;color&quot;:&quot;#000000&quot;},&quot;polygon&quot;:{&quot;nb_sides&quot;:5},&quot;image&quot;:{&quot;src&quot;:&quot;img/github.svg&quot;,&quot;width&quot;:100,&quot;height&quot;:100}},&quot;opacity&quot;:{&quot;value&quot;:1,&quot;random&quot;:false,&quot;anim&quot;:{&quot;enable&quot;:false,&quot;speed&quot;:1,&quot;opacity_min&quot;:0.1,&quot;sync&quot;:false}},&quot;size&quot;:{&quot;value&quot;:4,&quot;random&quot;:true,&quot;anim&quot;:{&quot;enable&quot;:false,&quot;speed&quot;:40,&quot;size_min&quot;:0.1,&quot;sync&quot;:false}},&quot;line_linked&quot;:{&quot;enable&quot;:false,&quot;distance&quot;:150,&quot;color&quot;:&quot;#ffffff&quot;,&quot;opacity&quot;:0.4,&quot;width&quot;:1},&quot;move&quot;:{&quot;enable&quot;:true,&quot;speed&quot;:6,&quot;direction&quot;:&quot;none&quot;,&quot;random&quot;:false,&quot;straight&quot;:false,&quot;out_mode&quot;:&quot;out&quot;,&quot;bounce&quot;:false,&quot;attract&quot;:{&quot;enable&quot;:false,&quot;rotateX&quot;:600,&quot;rotateY&quot;:1200}}},&quot;interactivity&quot;:{&quot;detect_on&quot;:&quot;canvas&quot;,&quot;events&quot;:{&quot;onhover&quot;:{&quot;enable&quot;:true,&quot;mode&quot;:&quot;repulse&quot;},&quot;onclick&quot;:{&quot;enable&quot;:true,&quot;mode&quot;:&quot;push&quot;},&quot;resize&quot;:true},&quot;modes&quot;:{&quot;grab&quot;:{&quot;distance&quot;:400,&quot;line_linked&quot;:{&quot;opacity&quot;:1}},&quot;bubble&quot;:{&quot;distance&quot;:400,&quot;size&quot;:40,&quot;duration&quot;:2,&quot;opacity&quot;:8,&quot;speed&quot;:3},&quot;repulse&quot;:{&quot;distance&quot;:200,&quot;duration&quot;:0.4},&quot;push&quot;:{&quot;particles_nb&quot;:4},&quot;remove&quot;:{&quot;particles_nb&quot;:2}}},&quot;retina_detect&quot;:true}">
<canvas class="particles-js-canvas-el" width="1903" height="421" style="width: 100%; height: 100%;"></canvas>
</div>
<div class="container">
<div class="row justify-content-center align-items-center mb-6 text-center text-lg-start">
<div class="col-xl-6 col-md-8 col-sm-10 text-center" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateY&quot;: [50, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 1200, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 150, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<h2 class="custom-title mb-0 text-dark-gray fw-700 ls-minus-1px w-85 xl-w-100 mx-auto">The People Behind Our Success</h2>
</div>
</div>
<div class="row row-cols-1 row-cols-lg-3 row-cols-md-2 justify-content-center">
<!-- start team member item -->
<div class="col text-center team-style-04 md-mb-50px">
<figure class="mb-0 position-relative"> <img src="images/access-image/team4.jpg" class="border-radius-10px" alt="" data-no-retina="">
<figcaption class="w-100 ps-50px pe-50px">
<div class="position-relative p-30px lg-p-25px pb-0 border-radius-10px bg-base-color">
<div class="fs-19 fw-500 text-white lh-20">Jeremy smith</div>
<span class="text-white opacity-7 d-inline-block fs-15">Founder</span> </div>
</figcaption>
</figure>
</div>
<!-- end team member item -->
<!-- start team member item -->
<div class="col text-center team-style-04 md-mb-50px">
<figure class="mb-0 position-relative"> <img src="images/access-image/team5.jpg" class="border-radius-10px" alt="" data-no-retina="">
<figcaption class="w-100 ps-50px pe-50px">
<div class="position-relative p-30px lg-p-25px pb-0 border-radius-10px bg-base-color">
<div class="fs-19 fw-500 text-white lh-20">Jenny smith</div>
<span class="text-white opacity-7 d-inline-block fs-15">Manager</span> </div>
</figcaption>
</figure>
</div>
<!-- end team member item -->
<!-- start team member item -->
<div class="col text-center team-style-04">
<figure class="mb-0 position-relative"> <img src="images/access-image/team6.jpg" class="border-radius-10px" alt="" data-no-retina="">
<figcaption class="w-100 ps-50px pe-50px">
<div class="position-relative p-30px lg-p-25px pb-0 border-radius-10px bg-base-color">
<div class="fs-19 fw-500 text-white lh-20">Michal smith</div>
<span class="text-white opacity-7 d-inline-block fs-15">Creative</span> </div>
</figcaption>
</figure>
</div>
<!-- end team member item -->
</div>
</div>
</section>
<!--Team Section End-->