about page message page and netwwotk page added

This commit is contained in:
sujan 2024-09-09 17:47:35 +05:45
parent cc50266c27
commit 6ea69dcf47
7 changed files with 168 additions and 392 deletions

View File

@ -24,15 +24,10 @@
</div>
</div>
</section>
<section class="overflow-hidden p-0">
<div class="container-fluid">
<div class="row">
<div class="col-12 p-0 position-relative"> <img src="images/demo-real-estate-about-01.jpg" alt="" class="w-100" data-no-retina="">
<div class="alt-font fw-600 fs-350 lg-fs-275 md-fs-250 xs-fs-160 ls-minus-5px xs-ls-minus-2px position-absolute right-minus-50px lg-right-0px bottom-minus-80px md-bottom-minus-60px xs-bottom-minus-40px text-white text-outline text-outline-width-3px skrollable skrollable-between" data-bottom-top="transform: translate3d(80px, 0px, 0px);" data-top-bottom="transform: translate3d(-280px, 0px, 0px);" style="transform: translate3d(59.8157px, 0px, 0px);">about</div>
</div>
</div>
</div>
<section class="pt-0 pb-0 position-relative overflow-hidden">
<div class="one-third-screen md-h-600px sm-h-350px skrollr-parallax magic-cursor round-cursor mx-auto skrollable skrollable-after" data-bottom-top="width: 54%" data-center-top="width: 86%;" data-parallax-background-ratio="0.5" style="background-image: url(&quot;images/demo-scattered-portfolio-about-06.jpg&quot;); width: 86%; background-position: 50% -20px;"></div>
</section>
<!--Hero Section Intro-->
<!--Inro Section-->
@ -61,6 +56,19 @@
</div>
</div>
</section>
<!--Inro Section-->
<!--Inro Section-->
<!--Banner Section-->
<section class="overflow-hidden p-0">
<div class="container-fluid">
<div class="row">
<div class="col-12 p-0 position-relative"> <img src="images/demo-real-estate-about-01.jpg" alt="" class="w-100" data-no-retina="">
<div class="alt-font fw-600 fs-350 lg-fs-275 md-fs-250 xs-fs-160 ls-minus-5px xs-ls-minus-2px position-absolute right-minus-50px lg-right-0px bottom-minus-80px md-bottom-minus-60px xs-bottom-minus-40px text-white text-outline text-outline-width-3px skrollable skrollable-between" data-bottom-top="transform: translate3d(80px, 0px, 0px);" data-top-bottom="transform: translate3d(-280px, 0px, 0px);" style="transform: translate3d(59.8157px, 0px, 0px);">about</div>
</div>
</div>
</div>
</section>
<!--Banner Section End-->
<?php include('footer.php');?>

6
css/style.min.css vendored
View File

@ -18076,4 +18076,10 @@ footer .nav-link {
font-size: 60px;
line-height: 30px;
}
.md-title {
color: #b61b5c;
font-size: 32px;
font-weight: 600;
}
/*custome css*/

BIN
images/access-image/md.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 56 KiB

View File

@ -1,102 +1,39 @@
<?php include('header.php')?>
<!--Hero Section Intro-->
<section class="cover-background page-title-big-typography ipad-top-space-margin" style="margin-top: inherit;">
<?php include('header.php');?>
<!--Page 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;">
<div class="background-position-center-bottom background-size-100 background-no-repeat position-absolute bottom-0 left-0px w-100 h-250px z-index-1" style="background-image: url('images/demo-seo-agency-about-bottom-bg.png');"></div>
<div class="container">
<div class="row align-items-center align-items-lg-end justify-content-center extra-very-small-screen g-0">
<div class="col-xxl-7 col-xl-6 col-lg-7 position-relative page-title-extra-small md-mb-30px md-mt-auto 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; }">
<h2 class="alt-font text-dark-gray fw-500 mb-0 ls-minus-1px shadow-none shadow-in" data-shadow-animation="true" data-animation-delay="700" style="">Transforming Ambitions into Achievements</h2>
</div>
<div class="col-lg-5 offset-xxl-2 offset-xl-1 border-start border-2 border-color-base-color ps-40px sm-ps-25px md-mb-auto"></div>
</div>
</div>
</section>
<section class="overflow-hidden p-0">
<div class="container-fluid">
<div class="row">
<div class="col-12 p-0 position-relative"> <img src="images/demo-real-estate-about-01.jpg" alt="" class="w-100" data-no-retina="">
<div class="alt-font fw-600 fs-350 lg-fs-275 md-fs-250 xs-fs-160 ls-minus-5px xs-ls-minus-2px position-absolute right-minus-50px lg-right-0px bottom-minus-80px md-bottom-minus-60px xs-bottom-minus-40px text-white text-outline text-outline-width-3px skrollable skrollable-between" data-bottom-top="transform: translate3d(80px, 0px, 0px);" data-top-bottom="transform: translate3d(-280px, 0px, 0px);" style="transform: translate3d(59.8157px, 0px, 0px);">about</div>
<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="">Message</h2>
</div>
</div>
</div>
</section>
<!--Hero Section Intro-->
<!--Page Hero section End-->
<!--MD Intro Section-->
<section class="position-relative overflow-hidden section-dark">
<section class="extra-big-section">
<div class="container">
<div class="row align-items-center position-relative">
<div class="col-lg-6">
<div class="outside-box-left-20 md-outside-box-left-0 skrollable skrollable-between" data-bottom-top="transform:scale(1.1, 1.1)" data-top-bottom="transform:scale(1, 1)" style="transform: scale(1.07952, 1.07952);"> <img src="images/demo-web-agency-01.jpg" alt="" data-no-retina=""> </div>
</div>
<div class="col-lg-5 offset-lg-1 z-index-9 md-mt-35px appear anime-child anime-complete" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateX&quot;: [15, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 800, &quot;delay&quot;: 200, &quot;staggervalue&quot;: 300, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<h1 class="text-dark-gray fw-600 mb-40px md-mb-25px outside-box-left-15 md-outside-box-left-0 ls-minus-3px word-break-normal" style="">Simply a better way to learn
</h1>
<p class="lh-34 w-95 mb-30px lg-w-100" style="">Education is essential for the continuation of a person's growth. In this highly competitive educational scenario it is important to keep abreast. With higher education you dont just keep abreast, you move ahead. Your choice of education will shape your future. Education is the building block of human experience. It is not just an integral part of your professional life but greatly influences your overall personality. Our three- fold mission is that of “Mentoring” the youth of this country to dream “Motivating” them towards greater hopes and aspiration and “Guiding” them on the right track to realize those ambitions. We at Access Education are with you every step of the way to make the best choices to enhance your inherent talents.
</p>
<a href="demo-web-agency-about.html" class="btn btn-large btn-expand-ltr text-dark-gray btn-rounded fw-700" style=""><span class="bg-base-color"></span>About agency</a>
<div class="outside-box-right-30 position-absolute right-0px bottom-minus-50px xl-outside-box-right-25 md-outside-box-right-0 d-none d-md-inline-block" style="">
<div class="fs-300 xl-fs-250 lg-fs-200 text-base-color fw-600 ls-minus-20px word-break-normal skrollable skrollable-before" data-bottom-top="transform:scale(1, 1) translate3d(0px, 0px, 0px);" data-top-bottom="transform:scale(1, 1) translate3d(-100px, 0px, 0px);" style="transform: scale(1, 1) translate3d(0px, 0px, 0px);">about</div>
</div>
<div class="col-lg-5 col-md-7 col-sm-10 position-relative p-0 lg-ps-15px lg-pe-15px md-mb-50px appear anime-complete" data-anime="{ &quot;translateX&quot;: [0, 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=""> <img src="images/demo-travel-agency-reviews-01.jpg" class="border-radius-6px md-w-100" alt="" data-no-retina=""> </div>
<div class="col-lg-7 col-md-10 md-mb-5 sm-mb-20">
<h2>Leading with Purpose and Passion</h2>
<p>Education is essential for the continuation of a person's growth. In this highly competitive educational scenario it is important to keep abreast. With higher education you dont just keep abreast, you move ahead. Your choice of education will shape your future. Education is the building block of human experience. It is not just an integral part of your professional life but greatly influences your overall personality. Our three- fold mission is that of “Mentoring” the youth of this country to dream “Motivating” them towards greater hopes and aspiration and “Guiding” them on the right track to realize those ambitions. We at Access Education are with you every step of the way to make the best choices to enhance your inherent talents. </p>
<p>For students going abroad, a sound knowledge and understanding of the educational opportunities is vital. Many students require personal guidance in finding a suitable course, school, college or university. We believe in setting high standards in the quality of service provided to students to ensure that their stay abroad is safe, successful and enjoyable. Access Education Network will help you to make the right choice. Our educational background and exposure to international studentship have equipped us with an appreciation of students needs and ability to empathies with parents who are so far from their children. I invite you very warmly to experience the benefits of our service and find out for yourself what is considered to be special about Access. </p>
<h3>Puspa Raj</h3>
</div>
</div>
</div>
</section>
<!--MD Intro Section End-->
<!--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="blog-details.php" class="d-block"><img src="images/access-image/gokul.jpg" alt="" data-no-retina=""></a>
<div class="blog-categories"></div>
</div>
<div class="card-body p-8"> <a href="blog-details.php" class="card-title mb-15px fw-700 fs-19 text-dark-gray d-inline-block md-w-100">Access Education Network Lights Up Pokhara Street Festival</a>
<div class="blog-btn"><a href="blog-details.php" class="btn btn-link btn-hover-animation-switch btn-large fw-700 text-base-color d-table d-lg-inline-block xl-mb-15px md-mx-auto"> <span> <span class="btn-text">Read More</span> <span class="btn-icon"><i class="fa-solid fa-arrow-right"></i></span> <span class="btn-icon"><i class="fa-solid fa-arrow-right"></i></span> </span> </a></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="blog-details.php" class="d-block"><img src="images/access-image/access.jpg" alt="" data-no-retina=""></a>
<div class="blog-categories"> </div>
</div>
<div class="card-body p-8"> <a href="blog-details.php" class="card-title mb-15px fw-700 fs-19 text-dark-gray d-inline-block md-w-100">Access at 19: A Logo for the Legacy, A Vision for Tomorrow</a>
<div class="blog-btn"><a href="blog-details.php" class="btn btn-link btn-hover-animation-switch btn-large fw-700 text-base-color d-table d-lg-inline-block xl-mb-15px md-mx-auto"> <span> <span class="btn-text">Read More</span> <span class="btn-icon"><i class="fa-solid fa-arrow-right"></i></span> <span class="btn-icon"><i class="fa-solid fa-arrow-right"></i></span> </span> </a></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="blog-details.php" class="d-block"><img src="images/access-image/tech.jpg" alt="" data-no-retina=""></a>
<div class="blog-categories"> </div>
</div>
<div class="card-body p-8"> <a href="blog-details.php" class="card-title mb-15px fw-700 fs-19 text-dark-gray d-inline-block md-w-100">Be the strong willed one the public relationship.</a>
<div class="blog-btn"><a href="blog-details.php" class="btn btn-link btn-hover-animation-switch btn-large fw-700 text-base-color d-table d-lg-inline-block xl-mb-15px md-mx-auto"> <span> <span class="btn-text">Read More</span> <span class="btn-icon"><i class="fa-solid fa-arrow-right"></i></span> <span class="btn-icon"><i class="fa-solid fa-arrow-right"></i></span> </span> </a></div>
</div>
</div>
</li>
<!-- end blog item -->
</ul>
</div>
</div>
</div>
<!--Message Section-->
<section class="position-relative overflow-hidden">
<div class="one-third-screen md-h-600px sm-h-350px skrollr-parallax magic-cursor round-cursor mx-auto skrollable skrollable-after" data-bottom-top="width: 54%" data-center-top="width: 86%;" data-parallax-background-ratio="0.5" style="background-image: url(&quot;images/demo-scattered-portfolio-about-06.jpg&quot;); width: 86%; background-position: 50% 230px;"></div>
</section>
<!--Blog Section End-->
<?php include('footer.php')?>
<!--Message Section End-->
<?php include('footer.php');?>

View File

@ -1,6 +1,7 @@
<?php include('header.php')?>
<!--Hero Section-->
<!--Page 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;">
<div class="background-position-center-bottom background-size-100 background-no-repeat position-absolute bottom-0 left-0px w-100 h-250px z-index-1" style="background-image: url('images/demo-seo-agency-about-bottom-bg.png');"></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="{ &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; }">
@ -10,11 +11,10 @@
</div>
</div>
</section>
<!-- Hero Section End-->
<!--Page Hero section End-->
<!--Faq's Section-->
<section class="big-section 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 justify-content-center align-items-center">
<div class="col-lg-6 col-md-10 position-relative md-mb-50px md-mb-30px">

79
service-details.php Normal file
View File

@ -0,0 +1,79 @@
<?php include('header.php')?>
<!--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: 140.984px;">
<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>
</div>
</div>
</div>
</section>
<!--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>
<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>
<li class="pb-10px mb-10px border-bottom border-color-transparent-dark"><a href="#"> Abroad Stuidy Handbook</a><i class="feather icon-feather-arrow-right ms-auto"></i></li>
<li class="pb-10px mb-10px border-bottom border-color-transparent-dark"><a href="#">Test Prepration Guide</a><i class="feather icon-feather-arrow-right ms-auto"></i></li>
<li class="pb-10px mb-10px border-bottom border-color-transparent-dark"><a href="#">Mock Test Regristration</a><i class="feather icon-feather-arrow-right lh-32 ms-auto"></i></li>
<li class="pb-10px mb-10px border-bottom border-color-transparent-dark"><a href="#">IELTS Available Date</a><i class="feather icon-feather-arrow-right lh-32 ms-auto"></i></li>
<li class="pb-10px mb-10px border-bottom border-color-transparent-dark"><a href="#">Post Departure Guide</a><i class="feather icon-feather-arrow-right lh-32 ms-auto"></i></li>
<li class="pb-10px mb-10px border-bottom border-color-transparent-dark"><a href="#">SOP Sample Format</a><i class="feather icon-feather-arrow-right lh-32 ms-auto"></i></li>
<li class="pb-10px mb-10px border-bottom border-color-transparent-dark"><a href="#">Documentation Guidance</a><i class="feather icon-feather-arrow-right lh-32 ms-auto"></i></li>
<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="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>
</div>
</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="">
<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>
<div class="col"> <span class="fs-24 alt-font text-dark-gray ls-minus-05px fw-700 mb-10px d-block">Volatility expectations</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>
</div>
<div class="cover-background p-7 border-radius-6px mb-60px md-mb-40px d-flex justify-content-end align-items-end sm-h-500px" style="background-image: url(&quot;images/demo-accounting-services-details-02.jpg&quot;);">
<div class="bg-white box-shadow-quadruple-large border-radius-4px w-50 lg-w-55 sm-w-100 overflow-hidden">
<div class="p-40px lg-p-25px last-paragraph-no-margin"> <span class="fs-24 alt-font text-dark-gray ls-minus-05px fw-700 mb-10px d-block">Investment advice</span>
<p class="w-95 lg-w-100">Lorem ipsum dolor sit amet conseetur adipiscing elit sed do eiusmod tempor incididunt ut labore magna aliqua.</p>
</div>
<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="">
<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="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>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--Details-Page End-->
<?php include('footer.php')?>

330
uk.php
View File

@ -1,300 +1,46 @@
<?php include('header.php')?>
<!--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: 140.984px;">
<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="">UK</h2>
</div>
</div>
</div>
</section>
<!--Hero Section End-->
<section class="top-space-margin page-title-big-typography cover-background magic-cursor round-cursor" style="background-image: url('images/demo-accounting-services-title-bg.jpg')">
<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" 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 xs-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>Popular services</h1>
<h2 class="text-white text-shadow-medium fw-500 ls-minus-2px mb-0">Professional services</h2>
</div>
</div>
</div>
<!--Intro Section-->
<section class="background-position-center background-repeat" style="background-image: url('images/vertical-center-line-bg.svg')">
<div class="container">
<div class="row">
<div class="col-md-9 last-paragraph-no-margin">
<h3 class="alt-font text-dark-gray ls-minus-2px">The right choice for everyone looking for classical elegance and modern comfort.</h3>
<p class="ls-05px">A design-led approach guides the team, implementing practices, products and services that are thoughtful and environmentally sound. Family of professionals creates intelligent designs.</p>
</div>
<div class="col-md-3 text-center align-self-end d-none d-md-inline-block"> <img src="images/demo-hotel-and-resort-amenities-01.jpg" class="position-relative bottom-minus-60px md-bottom-minus-20px skrollable skrollable-between" alt="" data-bottom-top="transform: rotate(120deg);" data-top-bottom="transform: rotate(0);" data-no-retina="" style="transform: rotate(61.8681deg);"> </div>
</div>
</div>
</section>
<!--Intro Section End-->
<section class="pb-4 sm-pb-50px">
<div class="container">
<div class="row">
<div class="col-lg-5 md-mb-35px text-center text-lg-start">
<h3 class="fw-700 mb-0 text-dark-gray ls-minus-2px sm-ls-minus-1px" data-anime="{ &quot;el&quot;: &quot;lines&quot;, &quot;translateY&quot;: [30, 0], &quot;opacity&quot;: [0,1], &quot;delay&quot;: 0, &quot;staggervalue&quot;: 250, &quot;easing&quot;: &quot;easeOutQuad&quot; }">In providing corporate finance and business statistics advice.</h3>
</div>
<div class="col-xl-6 col-lg-7 offset-xl-1 text-center text-lg-start">
<div class="row align-items-center">
<div class="col-sm-6 last-paragraph-no-margin counter-style-04 xs-mb-35px">
<h2 class="vertical-counter d-inline-flex alt-font text-dark-gray fw-700 ls-minus-2px xs-ls-minus-1px mb-5px" data-text="%" data-to="96"><sup class="text-emerald-green top-minus-5px"><i class="bi bi-arrow-up icon-medium"></i></sup></h2>
<span class="fs-19 fw-600 ls-minus-05px mb-5px d-block text-dark-gray" data-anime="{ &quot;el&quot;: &quot;lines&quot;, &quot;translateY&quot;: [30, 0], &quot;opacity&quot;: [0,1], &quot;delay&quot;: 0, &quot;staggervalue&quot;: 250, &quot;easing&quot;: &quot;easeOutQuad&quot; }">Prefer cloud accounting</span>
<p class="w-90 sm-w-100 md-mx-auto" data-anime="{ &quot;el&quot;: &quot;lines&quot;, &quot;translateY&quot;: [30, 0], &quot;opacity&quot;: [0,1], &quot;delay&quot;: 100, &quot;staggervalue&quot;: 250, &quot;easing&quot;: &quot;easeOutQuad&quot; }">Lorem ipsum simply dummy text printing type setting.</p>
</div>
<div class="col-sm-6 last-paragraph-no-margin counter-style-04">
<h2 class="vertical-counter d-inline-flex alt-font text-dark-gray fw-700 ls-minus-2px xs-ls-minus-1px mb-5px" data-text="%" data-to="98"><sup class="text-emerald-green top-minus-5px"><i class="bi bi-arrow-up icon-medium"></i></sup></h2>
<span class="fs-19 fw-600 ls-minus-05px mb-5px d-block text-dark-gray" data-anime="{ &quot;el&quot;: &quot;lines&quot;, &quot;translateY&quot;: [30, 0], &quot;opacity&quot;: [0,1], &quot;delay&quot;: 0, &quot;staggervalue&quot;: 250, &quot;easing&quot;: &quot;easeOutQuad&quot; }">Most outsourced tasks</span>
<p class="w-90 sm-w-100 md-mx-auto" data-anime="{ &quot;el&quot;: &quot;lines&quot;, &quot;translateY&quot;: [30, 0], &quot;opacity&quot;: [0,1], &quot;delay&quot;: 100, &quot;staggervalue&quot;: 250, &quot;easing&quot;: &quot;easeOutQuad&quot; }">Lorem ipsum simply dummy text printing type setting.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="pt-0">
<div class="container">
<div class="row justify-content-center mb-6">
<div class="col-12 sliding-box sliding-box-style-02 d-flex lg-flex-nowrap flex-wrap p-md-0" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &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; }">
<div class="sliding-box-item md-mb-30px">
<div class="sliding-box-img overflow-hidden">
<img src="images/demo-accounting-services-02.jpg" alt class="w-100" />
</div>
<div class="d-flex flex-column align-items-start justify-content-center sliding-box-content bg-very-light-gray p-50px xl-p-35px">
<div class="content-hover w-100 last-paragraph-no-margin">
<i class="line-icon-Medal-2 align-middle icon-extra-large text-base-color mb-45px lg-mb-25px"></i>
<div class="fw-600 text-dark-gray ls-minus-05px fs-19 mb-5px">Targeted to growth</div>
<p class="lh-30">Successful account are built on financial.</p>
</div>
</div>
</div>
<div class="sliding-box-item active md-mb-30px">
<div class="sliding-box-img overflow-hidden">
<img src="images/demo-accounting-services-03.jpg" alt class="w-100" />
</div>
<div class="d-flex flex-column align-items-start justify-content-center sliding-box-content bg-very-light-gray p-50px xl-p-35px">
<div class="content-hover w-100 last-paragraph-no-margin">
<i class="line-icon-Money-Bag align-middle icon-extra-large text-base-color mb-45px lg-mb-25px"></i>
<div class="fw-600 text-dark-gray ls-minus-05px fs-19 mb-5px">Marketing strategy</div>
<p class="lh-30">Successful account are built on financial.</p>
</div>
</div>
</div>
<div class="sliding-box-item">
<div class="sliding-box-img overflow-hidden">
<img src="images/demo-accounting-services-04.jpg" alt class="w-100" />
</div>
<div class="d-flex flex-column align-items-start justify-content-center sliding-box-content bg-very-light-gray p-45px xl-p-35px">
<div class="content-hover w-100 last-paragraph-no-margin">
<i class="line-icon-Financial align-middle icon-extra-large text-base-color mb-45px lg-mb-25px"></i>
<div class="fw-600 text-dark-gray ls-minus-05px fs-19 mb-5px">Conversion strategy</div>
<p class="lh-30">Successful account are built on financial.</p>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12 text-center" data-anime="{ &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="d-inline-block align-middle bg-yellow fw-600 text-white text-uppercase border-radius-30px ps-20px pe-20px fs-12 me-10px lh-30 sm-m-5px">Promise</div>
<div class="d-inline-block align-middle text-dark-gray fs-19 fw-600 ls-minus-05px">Any accounting related question? <a href="demo-accounting-contact.html" class="text-decoration-line-bottom text-dark-gray">We're ready to help!</a></div>
</div>
</div>
</div>
</section>
<section class="bg-very-light-gray">
<div class="container">
<div class="row justify-content-center mb-3">
<div class="col-xl-7 col-lg-8 col-md-9 text-center" data-anime="{ &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; }">
<h3 class="fw-700 text-dark-gray ls-minus-2px sm-ls-minus-1px">We provide business account solutions and services</h3>
</div>
</div>
<div class="row row-cols-1 row-cols-lg-3 row-cols-md-2 justify-content-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; }">
<div class="col icon-with-text-style-07 transition-inner-all mb-30px">
<div class="bg-white h-100 justify-content-end box-shadow-quadruple-large-hover feature-box flex-column-reverse p-15 md-p-13 border-radius-8px">
<div class="feature-box-icon">
<a href="demo-accounting-services-details.html"><img src="images/demo-accounting-company-icon01.svg" class="h-95px" alt></a>
</div>
<div class="feature-box-content">
<a href="demo-accounting-services-details.html" class="d-inline-block fw-600 text-dark-gray mb-5px fs-20 ls-minus-05px">Business process</a>
<p class="mb-30px">An activity or set of activities that can accomplish a specific organizational goal.</p>
</div>
</div>
</div>
<div class="col icon-with-text-style-07 transition-inner-all mb-30px">
<div class="bg-white h-100 justify-content-end box-shadow-quadruple-large-hover feature-box flex-column-reverse p-15 md-p-13 border-radius-8px">
<div class="feature-box-icon">
<a href="demo-accounting-services-details.html"><img src="images/demo-accounting-company-icon02.svg" class="h-95px" alt></a>
</div>
<div class="feature-box-content">
<a href="demo-accounting-services-details.html" class="d-inline-block fw-600 text-dark-gray mb-5px fs-20 ls-minus-05px">Corporate finance</a>
<p class="mb-30px">We combine deep financial expertise with exclusive tools to help the maximize value.</p>
</div>
<span class="position-absolute box-shadow-large top-25px lg-top-15px right-25px lg-right-15px bg-base-color border-radius-18px text-white fs-11 fw-600 text-uppercase ps-15px pe-15px lh-26 ls-minus-05px">New</span>
</div>
</div>
<div class="col icon-with-text-style-07 transition-inner-all mb-30px">
<div class="bg-white h-100 justify-content-end box-shadow-quadruple-large-hover feature-box flex-column-reverse p-15 md-p-13 border-radius-8px">
<div class="feature-box-icon">
<a href="demo-accounting-services-details.html"><img src="images/demo-accounting-company-icon03.svg" class="h-95px" alt></a>
</div>
<div class="feature-box-content">
<a href="demo-accounting-services-details.html" class="d-inline-block fw-600 text-dark-gray mb-5px fs-20 ls-minus-05px">Financial services</a>
<p class="mb-30px">Financial services are the economic services provided by the finance industry.</p>
</div>
</div>
</div>
<div class="col icon-with-text-style-07 transition-inner-all md-mb-30px">
<div class="bg-white h-100 justify-content-end box-shadow-quadruple-large-hover feature-box flex-column-reverse p-15 md-p-13 border-radius-8px">
<div class="feature-box-icon">
<a href="demo-accounting-services-details.html"><img src="images/demo-accounting-company-icon-04.svg" class="h-95px" alt></a>
</div>
<div class="feature-box-content">
<a href="demo-accounting-services-details.html" class="d-inline-block fw-600 text-dark-gray mb-5px fs-20 ls-minus-05px">Online consulting</a>
<p class="mb-30px">An activity or set of activities that can accomplish a specific organizational goal.</p>
</div>
</div>
</div>
<div class="col icon-with-text-style-07 transition-inner-all sm-mb-30px">
<div class="bg-white h-100 justify-content-end box-shadow-quadruple-large-hover feature-box flex-column-reverse p-15 md-p-13 border-radius-8px">
<div class="feature-box-icon">
<a href="demo-accounting-services-details.html"><img src="images/demo-accounting-company-icon-05.svg" class="h-95px" alt></a>
</div>
<div class="feature-box-content">
<a href="demo-accounting-services-details.html" class="d-inline-block fw-600 text-dark-gray mb-5px fs-20 ls-minus-05px">Investment consulting</a>
<p class="mb-30px">We combine deep financial expertise with exclusive tools to help the maximize value.</p>
</div>
</div>
</div>
<div class="col icon-with-text-style-07 transition-inner-all">
<div class="bg-white h-100 justify-content-end box-shadow-quadruple-large-hover feature-box flex-column-reverse p-15 md-p-13 border-radius-8px">
<div class="feature-box-icon">
<a href="demo-accounting-services-details.html"><img src="images/demo-accounting-company-icon-06.svg" class="h-95px" alt></a>
</div>
<div class="feature-box-content">
<a href="demo-accounting-services-details.html" class="d-inline-block fw-600 text-dark-gray mb-5px fs-20 ls-minus-05px">Banking & financing</a>
<p class="mb-30px">Financial services are the economic services provided by the finance industry.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 md-mb-50px" data-anime="{ &quot;effect&quot;: &quot;slide&quot;, &quot;color&quot;: &quot;#005153&quot;, &quot;direction&quot;:&quot;rl&quot;, &quot;easing&quot;: &quot;easeOutQuad&quot;, &quot;delay&quot;:50}">
<figure class="position-relative m-0 md-w-90">
<img src="images/demo-accounting-services-01.jpg" class="w-90 border-radius-6px" alt>
<figcaption class="position-absolute bg-dark-gray border-radius-8px box-shadow-quadruple-large bottom-100px xs-bottom-minus-20px right-minus-30px w-230px xs-w-210px text-center last-paragraph-no-margin">
<div class="bg-white pt-35px pb-35px border-radius-6px mb-10px">
<h1 class="fw-700 ls-minus-2px text-dark-gray mb-0">4.8</h1>
<div class="text-golden-yellow fs-18 ls-1px mb-5px">
<i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i>
</div>
<span class="text-dark-gray d-block fw-600 ls-minus-05px">2488 Reviews</span>
<div class="d-inline-block fs-11 text-uppercase bg-green ps-20px pe-20px lh-30 fw-600 text-white border-radius-100px box-shadow-large">Excellent score</div>
</div>
<img src="images/demo-real-estate-trustpilot.svg" class="h-30px mb-15px" alt />
</figcaption>
</figure>
</div>
<div class="col-lg-5 offset-lg-1" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &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; }">
<div class="mb-20px md-mb-15px">
<div class="separator-line-1px w-50px bg-base-color d-inline-block align-middle me-10px opacity-2"></div>
<span class="d-inline-block text-dark-gray align-middle fw-500 fs-20">Frequently asked questions</span>
</div>
<h3 class="fw-700 text-dark-gray ls-minus-2px sm-ls-minus-1px w-90 lg-w-100">What we can do for you and company.</h3>
<div class="accordion accordion-style-02 w-90 lg-w-100" id="accordion-style-02" data-active-icon="fa-chevron-up" data-inactive-icon="fa-chevron-down">
<div class="accordion-item">
<div class="accordion-header border-bottom border-color-transparent-dark-very-light">
<a href="demo-accounting-services.html#" data-bs-toggle="collapse" data-bs-target="#accordion-style-02-01" aria-expanded="true" data-bs-parent="#accordion-style-02">
<div class="accordion-title mb-0 position-relative text-dark-gray">
<i class="fa-solid fa-chevron-down fs-15"></i><span class="fs-19 fw-600 ls-minus-05px">What is tax and legal advisory?</span>
</div>
</a>
</div>
<div id="accordion-style-02-01" class="accordion-collapse collapse" data-bs-parent="#accordion-style-02">
<div class="accordion-body last-paragraph-no-margin border-bottom border-color-transparent-dark-very-light">
<p>The focus of the tax and legal department is on advisory services in the tax law.</p>
</div>
</div>
</div>
<div class="accordion-item active-accordion">
<div class="accordion-header border-bottom border-color-transparent-dark-very-light">
<a href="demo-accounting-services.html#" data-bs-toggle="collapse" data-bs-target="#accordion-style-02-02" aria-expanded="false" data-bs-parent="#accordion-style-02">
<div class="accordion-title mb-0 position-relative text-dark-gray">
<i class="fa-solid fa-chevron-up fs-15"></i><span class="fs-19 fw-600 ls-minus-05px">What is company accounting?</span>
</div>
</a>
</div>
<div id="accordion-style-02-02" class="accordion-collapse collapse show" data-bs-parent="#accordion-style-02">
<div class="accordion-body last-paragraph-no-margin border-bottom border-color-transparent-dark-very-light">
<p>The focus of the tax and legal department is on advisory services in the tax law.</p>
</div>
</div>
</div>
<div class="accordion-item">
<div class="accordion-header border-bottom border-color-transparent">
<a href="demo-accounting-services.html#" data-bs-toggle="collapse" data-bs-target="#accordion-style-02-03" aria-expanded="false" data-bs-parent="#accordion-style-02">
<div class="accordion-title mb-0 position-relative text-dark-gray">
<i class="fa-solid fa-chevron-down fs-15"></i><span class="fs-19 fw-600 ls-minus-05px">What do you do for corporate clients?</span>
</div>
</a>
</div>
<div id="accordion-style-02-03" class="accordion-collapse collapse" data-bs-parent="#accordion-style-02">
<div class="accordion-body last-paragraph-no-margin border-bottom border-color-transparent">
<p>The focus of the tax and legal department is on advisory services in the tax law.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row justify-content-center mt-6 sm-mt-4">
<div class="col-auto icon-with-text-style-08 md-mb-15px" data-anime="{ &quot;translateX&quot;: [-50, 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="feature-box feature-box-left-icon-middle">
<div class="feature-box-icon me-10px">
<i class="bi bi-chat-square-text icon-extra-medium text-dark-gray"></i>
</div>
<div class="feature-box-content">
<span class="alt-font text-dark-gray fw-500 fs-19">Looking for help? <a href="demo-accounting-contact.html" class="text-decoration-line-bottom text-dark-gray fw-600">Contact today</a></span>
</div>
</div>
</div>
<div class="col-auto icon-with-text-style-08" data-anime="{ &quot;translateX&quot;: [50, 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="feature-box feature-box-left-icon-middle">
<div class="feature-box-icon me-10px">
<i class="bi bi-briefcase icon-extra-medium text-dark-gray"></i>
</div>
<div class="feature-box-content">
<span class="alt-font text-dark-gray fw-500 fs-19">Free Consultation? <a href="demo-accounting-services.html" class="text-decoration-line-bottom text-dark-gray fw-600">Accounting services</a></span>
</div>
</div>
</div>
</div>
</div>
<!--Country Image Section-->
<section class="background-position-center background-repeat pt-0" style="background-image: url('images/vertical-center-line-bg.svg')">
<div class="container">
<div class="outside-box-left-5 outside-box-right-5 lg-outside-box-left-0 lg-outside-box-right-0 mb-7 xs-mb-40px">
<div class="row row-cols-1 row-cols-md-4 row-cols-sm-2">
<div class="col mt-4 md-mt-6 xs-mt-0 xs-mb-30px"> <img src="images/demo-hotel-and-resort-amenities-02.jpg" class="border-radius-6px w-100 skrollable skrollable-after" data-bottom-top="transform: translate3d(0px, 50px, 0px)" data-top-bottom="transform: translate3d(0px, -50px, 0px)" alt="" data-no-retina="" style="transform: translate3d(0px, -50px, 0px);"> </div>
<div class="col mt-2 md-mt-0 xs-mb-30px"> <img src="images/demo-hotel-and-resort-amenities-03.jpg" class="border-radius-6px w-100 skrollable skrollable-after" data-bottom-top="transform: translate3d(0px, -50px, 0px)" data-top-bottom="transform: translate3d(0px, 50px, 0px)" alt="" data-no-retina="" style="transform: translate3d(0px, 50px, 0px);"> </div>
<div class="col xs-mb-30px"> <img src="images/demo-hotel-and-resort-amenities-04.jpg" class="border-radius-6px w-100 skrollable skrollable-after" data-bottom-top="transform: translate3d(0px, 50px, 0px)" data-top-bottom="transform: translate3d(0px, -50px, 0px)" alt="" data-no-retina="" style="transform: translate3d(0px, -50px, 0px);"> </div>
<div class="col mt-8 md-mt-5 xs-mt-0"> <img src="images/demo-hotel-and-resort-amenities-05.jpg" class="border-radius-6px w-100 skrollable skrollable-after" data-bottom-top="transform: translate3d(0px, -50px, 0px)" data-top-bottom="transform: translate3d(0px, 50px, 0px)" alt="" data-no-retina="" style="transform: translate3d(0px, 50px, 0px);"> </div>
</div>
</div>
</div>
</section>
<!--Country Image Section End-->
<?php include('footer.php')?>