service page added

This commit is contained in:
sujan
2024-09-10 17:26:50 +05:45
parent 8525fb7d12
commit 04f9093a57
7 changed files with 236 additions and 124 deletions

View File

@ -4,20 +4,20 @@
<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="{ &quot;el&quot;: &quot;childs&quot;, &quot;opacity&quot;: [0, 1], &quot;translateX&quot;: [-30, 0], &quot;duration&quot;: 800, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 300, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<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 Education Network</h1>
<h2 class="text-white text-shadow-medium fw-500 ls-minus-2px mb-0" style="">Career Counceling</h2>
<h1 class="mb-20px text-white text-shadow-medium" ><span class="w-30px h-2px bg-yellow d-inline-block align-middle position-relative top-minus-2px me-10px"></span>Access Education Network</h1>
<h2 class="text-white text-shadow-medium fw-500 ls-minus-2px mb-0" >Career Counceling</h2>
</div>
</div>
</div>
</section>
<!--Hero Section End-->
<!--Hero Section End-->
<!--Details-Page-->
<section class="position-relative">
<div class="h-110px position-absolute w-100 h-100 left-0px right-0px top-minus-70px" style="background-image:url('images/demo-travel-agency-about-bg-02.png')"></div>
<div class="container">
<div class="row">
<div class="col-lg-4 pe-5 order-2 order-lg-1 lg-pe-3 md-pe-15px 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; }">
<div class="bg-very-light-gray border-radius-6px p-45px lg-p-25px mb-25px" style=""> <span class="fs-20 ls-minus-05px alt-font text-dark-gray fw-600 mb-20px d-inline-block">Accounting services</span>
<div class="bg-very-light-gray border-radius-6px p-45px lg-p-25px mb-25px" > <span class="fs-20 ls-minus-05px alt-font text-dark-gray fw-600 mb-20px d-inline-block">Accounting services</span>
<ul class="p-0 m-0 list-style-02">
<li class="pb-10px mb-10px border-bottom border-color-transparent-dark"><a href="#">Career Counceling</a><i class="feather icon-feather-arrow-right ms-auto"></i></li>
<li class="pb-10px mb-10px border-bottom border-color-transparent-dark text-dark-gray"><a href="#" class="text-dark-gray text-dark-gray-hover">University Selection</a><i class="feather icon-feather-arrow-right ms-auto"></i></li>
@ -31,7 +31,7 @@
<li><a href="#">Australian Education System</a><i class="feather icon-feather-arrow-right lh-32 ms-auto"></i></li>
</ul>
</div>
<div class="bg-dark-gray border-radius-6px ps-35px pb-25px pt-25px lg-ps-25px mb-25px" style="">
<div class="bg-dark-gray border-radius-6px ps-35px pb-25px pt-25px lg-ps-25px mb-25px" >
<div class="feature-box feature-box-left-icon-middle">
<div class="feature-box-icon feature-box-icon-rounded w-65px h-65px me-20px lg-me-15px rounded-circle bg-yellow rounded-box"> <i class="bi bi-telephone-outbound icon-extra-medium text-white"></i> </div>
<div class="feature-box-content last-paragraph-no-margin"> <span class="fs-19 lh-22 mb-5px d-block text-white opacity-6 fw-300">Customer care?</span> <a href="tel:9801570070" class="text-white fs-20 fw-500 lh-22">+977-9801570070</a> </div>
@ -39,10 +39,10 @@
</div>
</div>
<div class="col-lg-8 order-1 order-lg-2 md-mb-50px 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; }">
<h4 class="text-dark-gray fw-700 ls-minus-1px alt-font mb-20px d-block" style="">Investment consulting services</h4>
<p style="">Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
<img src="images/demo-accounting-services-details.jpg" class="mt-30px md-mt-15px mb-60px md-mb-40px border-radius-6px" alt="" data-no-retina="" style="">
<div class="row row-cols-1 row-cols-md-2 mb-30px md-mb-15px" style="">
<h4 class="text-dark-gray fw-700 ls-minus-1px alt-font mb-20px d-block" >Career Counceling</h4>
<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>
<img src="images/demo-accounting-services-details.jpg" class="mt-30px md-mt-15px mb-60px md-mb-40px border-radius-6px" alt="" data-no-retina="" >
<div class="row row-cols-1 row-cols-md-2 mb-30px md-mb-15px" >
<div class="col"> <span class="fs-24 alt-font text-dark-gray ls-minus-05px fw-700 mb-10px d-block">Return assumptions</span>
<p class="w-90 sm-w-100">Lorem ipsum dolor sit amet conseetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>
</div>
@ -58,13 +58,13 @@
<div class="bg-yellow p-15px text-center"> <a href="demo-accounting-contact.html" class="text-dark-gray text-dark-gray-hover fw-600"><i class="feather icon-feather-mail me-10px"></i>Talk with our team</a> </div>
</div>
</div>
<h4 class="text-dark-gray fw-700 ls-minus-1px alt-font mb-40px lg-mb-30px d-block" style="">Benefits of working with us</h4>
<div class="border border-color-extra-medium-gray border-radius-6px mb-40px xs-mb-30px overflow-hidden" style="">
<h4 class="text-dark-gray fw-700 ls-minus-1px alt-font mb-40px lg-mb-30px d-block" >Benefits of working with us</h4>
<div class="border border-color-extra-medium-gray border-radius-6px mb-40px xs-mb-30px overflow-hidden" >
<p class="ps-30px pe-30px pt-25px pb-25px border-bottom border-1 border-color-extra-medium-gray mb-0"><span class="fw-600 text-dark-gray">Great client service: </span>We genuinely care about our customers lives and the experience we give them. That's why we put your best interests first.</p>
<p class="ps-30px pe-30px pt-25px pb-25px border-bottom border-1 border-color-extra-medium-gray mb-0 bg-solitude-blue"><span class="fw-600 text-dark-gray">Investment strategy: </span>You can expect our advisors to keep your needs in the forefront and focus on your overall experience before creating a plan.</p>
<p class="ps-30px pe-30px pt-25px pb-25px mb-0"><span class="fw-600 text-dark-gray">Internal expertise: </span>Our team of investment advisors has advanced knowledge of the most current markets and the ability to navigate them effortlessly.</p>
</div>
<div class="row align-items-center justify-content-center g-0" style="">
<div class="row align-items-center justify-content-center g-0" >
<div class="col-auto d-block d-sm-flex align-items-center text-center text-sm-start"> <img src="images/demo-pizza-parlor-about-03.png" alt="" data-no-retina="">
<div class="lh-28 last-paragraph-no-margin text-dark-gray ps-15px xs-ps-0 xs-mt-15px">
<p>Save your time and effort spent for finding a solution. <a href="demo-accounting-contact.html" class="text-decoration-line-bottom fw-500 text-dark-gray">Contact us now</a></p>