gallery page added with visa granted

This commit is contained in:
sujan 2024-09-11 18:02:24 +05:45
parent 6697b11daf
commit b4613016ad
6 changed files with 215 additions and 118 deletions

View File

@ -1,5 +1,4 @@
<?php include('header.php')?> <?php include('header.php')?>
<!--Page 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;"> <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="container"> <div class="container">

56
css/style.min.css vendored
View File

@ -18109,4 +18109,60 @@ footer .nav-link {
line-height: 160px; line-height: 160px;
font-weight: 600; font-weight: 600;
} }
.popup-link a{
background: #333;
color: #fff;
padding: 10px 30px;
border-radius: 5px;
font-size:17px;
cursor:pointer;
margin:20px;
text-decoration:none;
}
.popup-container {
visibility: hidden;
opacity: 0;
transition: all 0.3s ease-in-out;
transform: scale(1.3);
position: fixed;
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(21, 17, 17, 0.61);
display: flex;
align-items: center;
}
.popup-content {
background-color: #fefefe;
margin: auto;
padding: 20px;
border: 1px solid #888;
width: 50%;
}
.popup-content p{
font-size: 17px;
padding: 10px;
line-height: 20px;
}
.popup-content a.close{
color: #aaaaaa;
float: right;
font-size: 28px;
font-weight: bold;
background: none;
padding: 0;
margin: 0;
text-decoration:none;
}
/*custome css*/ /*custome css*/

124
gallery.php Normal file
View File

@ -0,0 +1,124 @@
<?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="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="">Gallery</h2>
</div>
</div>
</div>
</section>
<!--Page Hero section End-->
<!--Gallery Section-->
<section class="ps-5 pe-5 lg-ps-2 lg-pe-2 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-fluid">
<div class="row">
<div class="col">
<ul class="image-gallery-style-02 gallery-wrapper grid grid-4col xxl-grid-4col xl-grid-4col lg-grid-3col md-grid-2col sm-grid-2col xs-grid-1col gutter-large" style="position: relative; height: 784.218px;">
<li class="grid-sizer"></li>
<!-- start gallery item -->
<li class="grid-item transition-inner-all atropos atropos-rotate-touch" data-atropos="" data-atropos-perspective="1150" style="position: absolute; left: 0%; top: 0px;">
<div class="atropos-scale" style="transform: translate3d(0px, 0px, 0px); transition-duration: 300ms;">
<div class="atropos-rotate" style="transition-duration: 300ms; transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg);">
<div class="atropos-inner" data-atropos-offset="3" style="transition-duration: 300ms; transform: translate3d(0px, 0px, 0px);">
<div class="gallery-box"> <a href="images/access-image/dolraj-rijal.png" data-group="lightbox-group-gallery-item-2" title="Lightbox gallery image title">
<div class="position-relative gallery-image bg-slate-blue"> <img src="images/access-image/dolraj-rijal.png" alt="" data-no-retina="">
<div class="d-flex align-items-center justify-content-center position-absolute top-0px left-0px w-100 h-100 gallery-hover move-bottom-top"> <i class="bi bi-camera icon-medium text-white"></i> </div>
</div>
</a> </div>
<span class="atropos-highlight" style="transform: translate3d(0px, 0px, 0px); transition-duration: 300ms; opacity: 0;"></span></div>
<span class="atropos-shadow" style="transform: translate3d(0px, 0px, -50px) scale(1); transition-duration: 300ms;"></span></div>
</div>
</li>
<!-- end gallery item -->
<!-- start gallery item -->
<li class="grid-item transition-inner-all atropos atropos-rotate-touch" data-atropos="" data-atropos-perspective="1150" style="position: absolute; left: 24.9995%; top: 0px;">
<div class="atropos-scale" style="transform: translate3d(0px, 0px, 0px); transition-duration: 300ms;">
<div class="atropos-rotate" style="transition-duration: 300ms; transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg);">
<div class="atropos-inner" data-atropos-offset="3" style="transition-duration: 300ms; transform: translate3d(0px, 0px, 0px);">
<div class="gallery-box"> <a href="images/access-image/oniska-shrestha.png" data-group="lightbox-group-gallery-item-2" title="Lightbox gallery image title">
<div class="position-relative gallery-image bg-slate-blue"> <img src="images/access-image/oniska-shrestha.png" alt="" data-no-retina="">
<div class="d-flex align-items-center justify-content-center position-absolute top-0px left-0px w-100 h-100 gallery-hover move-bottom-top"> <i class="bi bi-camera icon-medium text-white"></i> </div>
</div>
</a> </div>
<span class="atropos-highlight" style="transform: translate3d(0px, 0px, 0px); transition-duration: 300ms; opacity: 0;"></span></div>
<span class="atropos-shadow" style="transform: translate3d(0px, 0px, -50px) scale(1); transition-duration: 300ms;"></span></div>
</div>
</li>
<!-- end gallery item -->
<!-- start gallery item -->
<li class="grid-item transition-inner-all atropos atropos-rotate-touch" data-atropos="" data-atropos-perspective="1150" style="position: absolute; left: 49.999%; top: 0px;">
<div class="atropos-scale" style="transform: translate3d(0px, 0px, 0px); transition-duration: 300ms;">
<div class="atropos-rotate" style="transition-duration: 300ms; transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg);">
<div class="atropos-inner" data-atropos-offset="3" style="transition-duration: 300ms; transform: translate3d(0px, 0px, 0px);">
<div class="gallery-box"> <a href="images/access-image/priya-pandey.png" data-group="lightbox-group-gallery-item-2" title="Lightbox gallery image title">
<div class="position-relative gallery-image bg-slate-blue"> <img src="images/access-image/priya-pandey.png" alt="" data-no-retina="">
<div class="d-flex align-items-center justify-content-center position-absolute top-0px left-0px w-100 h-100 gallery-hover move-bottom-top"> <i class="bi bi-camera icon-medium text-white"></i> </div>
</div>
</a> </div>
<span class="atropos-highlight" style="transform: translate3d(0px, 0px, 0px); transition-duration: 300ms; opacity: 0;"></span></div>
<span class="atropos-shadow" style="transform: translate3d(0px, 0px, -50px) scale(1); transition-duration: 300ms;"></span></div>
</div>
</li>
<!-- end gallery item -->
<!-- start gallery item -->
<li class="grid-item transition-inner-all atropos atropos-rotate-touch" data-atropos="" data-atropos-perspective="1150" style="position: absolute; left: 74.9986%; top: 0px;">
<div class="atropos-scale" style="transform: translate3d(0px, 0px, 0px); transition-duration: 300ms;">
<div class="atropos-rotate" style="transition-duration: 300ms; transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg);">
<div class="atropos-inner" data-atropos-offset="3" style="transition-duration: 300ms; transform: translate3d(0px, 0px, 0px);">
<div class="gallery-box"> <a href="images/access-image/sabin-chaulagain.png" data-group="lightbox-group-gallery-item-2" title="Lightbox gallery image title">
<div class="position-relative gallery-image bg-slate-blue"> <img src="images/access-image/sabin-chaulagain.png" alt="" data-no-retina="">
<div class="d-flex align-items-center justify-content-center position-absolute top-0px left-0px w-100 h-100 gallery-hover move-bottom-top"> <i class="bi bi-camera icon-medium text-white"></i> </div>
</div>
</a> </div>
<span class="atropos-highlight" style="transform: translate3d(0px, 0px, 0px); transition-duration: 300ms; opacity: 0;"></span></div>
<span class="atropos-shadow" style="transform: translate3d(0px, 0px, -50px) scale(1); transition-duration: 300ms;"></span></div>
</div>
</li>
<!-- end gallery item -->
<!-- start gallery item -->
<li class="grid-item transition-inner-all atropos atropos-rotate-touch" data-atropos="" data-atropos-perspective="1150" style="position: absolute; left: 0%; top: 392.109px;">
<div class="atropos-scale" style="transform: translate3d(0px, 0px, 0px); transition-duration: 300ms;">
<div class="atropos-rotate" style="transition-duration: 300ms; transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg);">
<div class="atropos-inner" data-atropos-offset="3" style="transition-duration: 300ms; transform: translate3d(0px, 0px, 0px);">
<div class="gallery-box"> <a href="images/access-image/sadikshya-karki.png" data-group="lightbox-group-gallery-item-2" title="Lightbox gallery image title">
<div class="position-relative gallery-image bg-slate-blue"> <img src="images/access-image/sadikshya-karki.png" alt="" data-no-retina="">
<div class="d-flex align-items-center justify-content-center position-absolute top-0px left-0px w-100 h-100 gallery-hover move-bottom-top"> <i class="bi bi-camera icon-medium text-white"></i> </div>
</div>
</a> </div>
<span class="atropos-highlight" style="transform: translate3d(0px, 0px, 0px); transition-duration: 300ms; opacity: 0;"></span></div>
<span class="atropos-shadow" style="transform: translate3d(0px, 0px, -50px) scale(1); transition-duration: 300ms;"></span></div>
</div>
</li>
<!-- end gallery item -->
<!-- start gallery item -->
<li class="grid-item transition-inner-all atropos atropos-rotate-touch" data-atropos="" data-atropos-perspective="1150" style="position: absolute; left: 24.9995%; top: 392.109px;">
<div class="atropos-scale" style="transform: translate3d(0px, 0px, 0px); transition-duration: 300ms;">
<div class="atropos-rotate" style="transition-duration: 300ms; transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg);">
<div class="atropos-inner" data-atropos-offset="3" style="transition-duration: 300ms; transform: translate3d(0px, 0px, 0px);">
<div class="gallery-box"> <a href="images/access-image/sagar-lama.png" data-group="lightbox-group-gallery-item-2" title="Lightbox gallery image title">
<div class="position-relative gallery-image bg-slate-blue"> <img src="images/access-image/sagar-lama.png" alt="" data-no-retina="">
<div class="d-flex align-items-center justify-content-center position-absolute top-0px left-0px w-100 h-100 gallery-hover move-bottom-top"> <i class="bi bi-camera icon-medium text-white"></i> </div>
</div>
</a> </div>
<span class="atropos-highlight" style="transform: translate3d(0px, 0px, 0px); transition-duration: 300ms; opacity: 0;"></span></div>
<span class="atropos-shadow" style="transform: translate3d(0px, 0px, -50px) scale(1); transition-duration: 300ms;"></span></div>
</div>
</li>
<!-- end gallery item -->
</ul>
</div>
</div>
</div>
</section>
<!--Gallery Section End-->
<?php include('footer.php')?>

View File

@ -7,7 +7,7 @@
<?php include('parts/form.php')?> <?php include('parts/form.php')?>
<?php /*?><?php include('parts/team.php')?><?php */?> <?php /*?><?php include('parts/team.php')?><?php */?>
<?php include('parts/testimonials.php')?> <?php include('parts/testimonials.php')?>
<?php /*?><?php include('parts/visa.php')?><?php */?> <?php include('parts/visa.php')?>
<?php include('parts/blog.php')?> <?php include('parts/blog.php')?>
<?php include('parts/apply.php')?> <?php include('parts/apply.php')?>
<?php include('footer.php');?> <?php include('footer.php');?>

View File

@ -7,13 +7,11 @@
<div class="col-xl-6 col-lg-7 md-mb-25px sm-mb-15px position-relative text-center text-lg-start"> <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> <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> <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 class="col-lg-5 offset-xl-1 text-center"> <a href="#popup1" 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> </div>
<!-- end newsletter --> <!-- end newsletter -->
</div> </div>
</section> </section>
<!--Popup Module End--> <!--Popup Module End-->

View File

@ -1,114 +1,34 @@
<!--Visa Granted Section--> <section class="position-relative bg-dark-gray overflow-hidden background-position-center-top sm-background-image-none" style="background-image: url('images/vertical-line-bg-small.svg')">
<section class="full-screen sm-h-auto position-relative"> <div class="position-absolute left-minus-100px top-40px skrollable skrollable-between" data-bottom-top="transform: translateY(-80px)" data-top-bottom="transform: translateY(80px)" style="transform: translateY(16.0326px);"> <img src="images/demo-elearning-bg-05.png" alt="" data-no-retina=""> </div>
<div class="bg-very-light-gray h-100 lg-w-100 position-absolute top-0 left-0 skrollable skrollable-after" data-bottom-top="width:20%" data-center-top="width:100%;" style="width: 100%;"></div>
<div class="container"> <div class="container">
<div class="row align-items-center"> <div class="row justify-content-center align-items-center appear anime-child anime-complete" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &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="col-12"> <div class="col-lg-5 position-relative md-mb-50px sm-mb-25px" style="">
<div class="outside-box-right-50 lg-outside-box-right-65 sm-me-0"> <h2 class="alt-font text-white fw-600 ls-minus-2px w-85 lg-w-100">Trusted by genius people.</h2>
<div class="swiper text-slider-style-02 swiper-initialized swiper-horizontal swiper-backface-hidden" data-slider-options="{ &quot;slidesPerView&quot;: 1, &quot;spaceBetween&quot;: 30, &quot;loop&quot;: true, &quot;autoplay&quot;: { &quot;delay&quot;: 4000, &quot;disableOnInteraction&quot;: false }, &quot;keyboard&quot;: { &quot;enabled&quot;: true, &quot;onlyInViewport&quot;: true }, &quot;breakpoints&quot;: { &quot;1400&quot;: { &quot;slidesPerView&quot;: 2, &quot;spaceBetween&quot;: 130 }, &quot;992&quot;: { &quot;slidesPerView&quot;: 2, &quot;spaceBetween&quot;: 80 }, &quot;768&quot;: { &quot;slidesPerView&quot;: 2, &quot;spaceBetween&quot;: 50 } }, &quot;effect&quot;: &quot;slide&quot; }"> <p class="lg-w-100 text-white">"Congratulations! Your student visa has been granted, and you're one step closer to pursuing your academic journey abroad with our support by your side."</p>
<div class="swiper-wrapper" id="swiper-wrapper-7bea8fca463158b4" aria-live="off" style="transition-duration: 0ms; transform: translate3d(-2280px, 0px, 0px); transition-delay: 0ms;"> <a href="gallery.php" class="btn btn-large btn-rounded with-rounded btn-white btn-box-shadow fw-600">Explore More<span class="bg-base-color text-white"><i class="bi bi-arrow-right-short icon-extra-medium"></i></span></a>
<div class="swiper-slide" role="group" aria-label="1 / 4" style="width: 1010px; margin-right: 130px;" data-swiper-slide-index="0"> </div>
<div class="row"> <div class="col-lg-7 position-relative testimonials-style-12" style="">
<div class="col-12 col-lg-4 pt-8 order-lg-1 order-2"> <div class="swiper magic-cursor swiper-initialized swiper-horizontal swiper-backface-hidden" data-slider-options="{ &quot;slidesPerView&quot;: 1, &quot;spaceBetween&quot;: 50, &quot;loop&quot;: true, &quot;autoplay&quot;: { &quot;delay&quot;: 4000, &quot;disableOnInteraction&quot;: false }, &quot;keyboard&quot;: { &quot;enabled&quot;: true, &quot;onlyInViewport&quot;: true }, &quot;breakpoints&quot;: { &quot;1200&quot;: { &quot;slidesPerView&quot;: 1 }, &quot;768&quot;: { &quot;slidesPerView&quot;: 1 }, &quot;768&quot;: { &quot;slidesPerView&quot;: 1 }, &quot;320&quot;: { &quot;slidesPerView&quot;: 1 }, &quot;effect&quot;: &quot;slide&quot; }, &quot;navigation&quot;: { &quot;nextEl&quot;: &quot;.swiper-button-next-nav&quot;, &quot;prevEl&quot;: &quot;.swiper-button-previous-nav&quot;, &quot;effect&quot;: &quot;fade&quot; } }">
<div class="outside-box-right-10 xl-outside-box-right-15 lg-outside-box-right-30 md-me-0 position-relative"> <div class="swiper-wrapper pt-20px pb-20px" id="swiper-wrapper-edb03966811af1f7" aria-live="off" style="transition-duration: 0ms; transform: translate3d(-1464px, 0px, 0px); transition-delay: 0ms;">
<h2>Congratulations</h2> <!-- start slider item -->
<h3 class="ls-minus-1px fw-700 word-break-normal mb-40px sm-mb-20px"><a href="#" class="text-dark-gray text-dark-gray-hover">For a success Visa Grant to study in <strong>CANADA</strong></a></h3>
</div> <!-- end slider item -->
<div> <img src="images/avtar-33.jpg" class="rounded-circle w-70px me-15px" alt="" data-no-retina=""> <!-- start slider item -->
<div class="d-inline-block align-middle"> <a href="#" class="text-dark-gray fs-18 fw-600 text-decoration-line-bottom">Dolraj Rijal</a> </div>
</div> <!-- end slider item -->
</div> <!-- start slider item -->
<div class="col-12 col-lg-8 order-lg-2 order-1"> <a href="#"><img src="images/access-image/dolraj-rijal.png" class="border-radius-6px" alt="" data-no-retina=""></a> </div>
</div> <!-- end slider item -->
</div> <div class="swiper-slide swiper-slide-next" role="group" aria-label="2 / 3" style="width: 682px; margin-right: 50px;" data-swiper-slide-index="1"> <img src="images/access-image/priya-pandey.png"> </div>
<div class="swiper-slide swiper-slide-prev" role="group" aria-label="2 / 4" style="width: 1010px; margin-right: 130px;" data-swiper-slide-index="1"> <div class="swiper-slide swiper-slide-prev" role="group" aria-label="3 / 3" style="width: 682px; margin-right: 50px;" data-swiper-slide-index="2"> <img src="images/access-image/oniska-shrestha.png"> </div>
<div class="row"> <div class="swiper-slide swiper-slide-active" role="group" aria-label="1 / 3" style="width: 682px; margin-right: 50px;" data-swiper-slide-index="0"> <img src="images/access-image/dolraj-rijal.png"> </div>
<div class="col-12 col-lg-4 pt-8 order-lg-1 order-2"> </div>
<div class="outside-box-right-10 xl-outside-box-right-15 lg-outside-box-right-30 md-me-0 position-relative"> <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
<h2>Congratulations</h2> <!-- start slider navigation -->
<h3 class="ls-minus-1px fw-700 word-break-normal mb-40px sm-mb-20px"><a href="#" class="text-dark-gray text-dark-gray-hover">For a success Visa Grant to study in <strong>UK</strong></a></h3> <div class="swiper-button-next-nav border-radius-100px swiper-button-next bg-white box-shadow-small" tabindex="0" role="button" aria-label="Next slide" aria-controls="swiper-wrapper-2f5a90ae1e57e856"><i class="feather icon-feather-chevron-right icon-extra-medium"></i></div>
</div> <div class="swiper-button-previous-nav border-radius-100px swiper-button-prev bg-white box-shadow-small" tabindex="0" role="button" aria-label="Previous slide" aria-controls="swiper-wrapper-2f5a90ae1e57e856"><i class="feather icon-feather-chevron-left icon-extra-medium"></i></div>
<div> <img src="images/avtar-34.jpg" class="rounded-circle w-70px me-15px" alt="" data-no-retina=""> <!-- end slider pagination -->
<div class="d-inline-block align-middle"> <a href="#" class="text-dark-gray fs-18 fw-600 text-decoration-line-bottom">Onsika Shrestha</a> </div>
</div>
</div>
<div class="col-12 col-lg-8 order-lg-2 order-1"> <a href="#"><img src="images/access-image/oniska-shrestha.png" class="border-radius-6px" alt="" data-no-retina=""></a> </div>
</div>
</div>
<div class="swiper-slide swiper-slide-active" role="group" aria-label="3 / 4" style="width: 1010px; margin-right: 130px;" data-swiper-slide-index="2">
<div class="row">
<div class="col-12 col-lg-4 pt-8 order-lg-1 order-2">
<div class="outside-box-right-10 xl-outside-box-right-15 lg-outside-box-right-30 md-me-0 position-relative">
<h2>Congratulations</h2>
<h3 class="ls-minus-1px fw-700 word-break-normal mb-40px sm-mb-20px"><a href="#" class="text-dark-gray text-dark-gray-hover">For a success Visa Grant to study in <strong>CANADA</strong></a></h3>
</div>
<div> <img src="images/avtar-35.jpg" class="rounded-circle w-70px me-15px" alt="" data-no-retina="">
<div class="d-inline-block align-middle"> <a href="#" class="text-dark-gray fs-18 fw-600 text-decoration-line-bottom">Priya Pandey</a> </div>
</div>
</div>
<div class="col-12 col-lg-8 order-lg-2 order-1"> <a href="#"><img src="images/access-image/priya-pandey.png" class="border-radius-6px" alt="" data-no-retina=""></a> </div>
</div>
</div>
<div class="swiper-slide swiper-slide-next" role="group" aria-label="4 / 4" style="width: 1010px; margin-right: 130px;" data-swiper-slide-index="3">
<div class="row">
<div class="col-12 col-lg-4 pt-8 order-lg-1 order-2">
<div class="outside-box-right-10 xl-outside-box-right-15 lg-outside-box-right-30 md-me-0 position-relative">
<h2>Congratulations</h2>
<h3 class="ls-minus-1px fw-700 word-break-normal mb-40px sm-mb-20px"><a href="#" class="text-dark-gray text-dark-gray-hover"> For a success Visa Grant to study in <strong>CANADA</strong></a></h3>
</div>
<div> <img src="images/avtar-34.jpg" class="rounded-circle w-70px me-15px" alt="" data-no-retina="">
<div class="d-inline-block align-middle"> <a href="#" class="text-dark-gray fs-18 fw-600 text-decoration-line-bottom">Sabin Chaulagain</a> </div>
</div>
</div>
<div class="col-12 col-lg-8 order-lg-2 order-1"> <a href="#"><img src="images/access-image/sabin-chaulagain.png" class="border-radius-6px" alt="" data-no-retina=""></a> </div>
</div>
</div>
</div>
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
</div>
</div> </div>
</div> </div>
</div> </div>
</section> </section>
<!--Visa Granted Section End-->
<!--VISA Slider Section--->
<section class="overflow-hidden position-relative py-0">
<div class="container-fluid">
<div class="row">
<div class="col-12 feather-shadow">
<div class="outside-box-right-15 outside-box-left-15">
<div class="swiper swiper-dark-pagination swiper-line-pagination-style-01 magic-cursor base-color text-slider-style-05 swiper-initialized swiper-horizontal swiper-backface-hidden" data-slider-options="{ &quot;slidesPerView&quot;: 1, &quot;spaceBetween&quot;: 30, &quot;loop&quot;: true, &quot;autoplay&quot;: { &quot;delay&quot;: 3000, &quot;disableOnInteraction&quot;: false }, &quot;pagination&quot;: { &quot;el&quot;: &quot;.swiper-line-pagination&quot;, &quot;clickable&quot;: true }, &quot;navigation&quot;: { &quot;nextEl&quot;: &quot;.slider-three-slide-next&quot;, &quot;prevEl&quot;: &quot;.slider-three-slide-prev&quot; }, &quot;keyboard&quot;: { &quot;enabled&quot;: true, &quot;onlyInViewport&quot;: true }, &quot;breakpoints&quot;: { &quot;992&quot;: { &quot;slidesPerView&quot;: 3 }, &quot;768&quot;: { &quot;slidesPerView&quot;: 3 }, &quot;320&quot;: { &quot;slidesPerView&quot;: 1 } }, &quot;effect&quot;: &quot;slide&quot; }">
<div class="swiper-wrapper" id="swiper-wrapper-726042162160f4d4" aria-live="off" style="transition-duration: 0ms; transform: translate3d(-2326px, 0px, 0px); transition-delay: 0ms;">
<!-- start slider item -->
<!-- end slider item -->
<!-- start slider item -->
<!-- end slider item -->
<!-- start slider item -->
<!-- end slider item -->
<!-- start slider item -->
<!-- end slider item -->
<!-- start slider item -->
<!-- end slider item -->
<!-- start slider item -->
<!-- end slider item -->
<div class="swiper-slide" role="group" aria-label="5 / 6" style="width: 745.333px; margin-right: 30px;" data-swiper-slide-index="4"> <img class="sm-w-100" src="images/access-image/dolraj-rijal.png" alt="" data-no-retina=""> </div>
<div class="swiper-slide" role="group" aria-label="6 / 6" style="width: 745.333px; margin-right: 30px;" data-swiper-slide-index="5"> <img class="sm-w-100" src="images/access-image/oniska-shrestha.png" alt="" data-no-retina=""> </div>
<div class="swiper-slide swiper-slide-prev" role="group" aria-label="1 / 6" style="width: 745.333px; margin-right: 30px;" data-swiper-slide-index="0"> <img class="sm-w-100" src="images/access-image/priya-pandey.png" alt="" data-no-retina=""> </div>
<div class="swiper-slide swiper-slide-active" role="group" aria-label="2 / 6" style="width: 745.333px; margin-right: 30px;" data-swiper-slide-index="1"> <img class="sm-w-100" src="images/access-image/sabin-chaulagain.png" alt="" data-no-retina=""> </div>
<div class="swiper-slide swiper-slide-next" role="group" aria-label="3 / 6" style="width: 745.333px; margin-right: 30px;" data-swiper-slide-index="2"> <img class="sm-w-100" src="images/access-image/sadikshya-karki.png" alt="" data-no-retina=""> </div>
<div class="swiper-slide" role="group" aria-label="4 / 6" style="width: 745.333px; margin-right: 30px;" data-swiper-slide-index="3"> <img class="sm-w-100" src="images/access-image/sagar-lama.png" alt="" data-no-retina=""> </div>
</div>
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
</div>
</div>
</div>
</div>
</section>
<!--VISA Slider Section End--->