blog details page added

This commit is contained in:
sujan 2024-09-10 12:45:38 +05:45
parent f2733e5854
commit 2749142c41
14 changed files with 186 additions and 251 deletions

View File

@ -125,4 +125,4 @@
</section>
<!--Class Section End-->
<?php include('footer.php');?>
<?php include('footer.php');?>

View File

@ -1,279 +1,141 @@
<?php include('header.php')?>
<section class="top-space-margin right-side-bar">
<!--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 justify-content-center">
<div class="col-12 col-lg-8 blog-standard md-mb-50px sm-mb-40px">
<div class="col-12 blog-details mb-12">
<div class="entry-meta mb-20px fs-15"> <span><i class="text-dark-gray feather icon-feather-calendar"></i><a href="blog-grid.html">26 August 2023</a></span> <span><i class="text-dark-gray feather icon-feather-user"></i><a href="blog-grid.html">Jonse robbert</a></span> <span><i class="text-dark-gray feather icon-feather-folder"></i><a href="blog-grid.html">Creative</a></span> </div>
<h5 class="text-dark-gray fw-600 w-80 sm-w-100 mb-6">The best way to get started is to quit talking and begin doing.</h5>
<img src="images/blog-images-01.jpg" alt class="w-100 border-radius-6px mb-7">
<p>Lorem ipsum is simply dummy text of the printing and typesetting industry. lorem ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic.</p>
<p>Lorem ipsum is simply dummy text of the printing and typesetting industry. lorem ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic.</p>
<blockquote class="alt-font border-4 border-start border-color-base-color text-dark-gray fw-500 ps-40px mt-7 mb-7 ms-60px lg-ms-30px sm-ms-0 lg-ps-30px">
<p>Tomorrow is the most important thing in life. Comes into us at midnight very clean. It's perfect when it arrives and it puts itself in our hands. It hopes we've learned something from yesterday.</p>
<footer class="fs-14 fw-600 text-base-color d-inline-block text-uppercase">John Wayne</footer>
</blockquote>
<img src="images/blog-images-10.jpg" alt class="w-100 border-radius-6px mb-7">
<p><span class="alt-font first-letter text-dark-gray">M</span>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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non , sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
<div class="col-12">
<div class="row mb-50px sm-mb-30px">
<div class="tag-cloud col-12 col-md-9 text-center text-md-start sm-mb-15px"> <a href="blog-grid.html">Development</a> <a href="blog-grid.html">Event</a> <a href="blog-grid.html">Multimedia </a> <a href="blog-grid.html">Fashion</a> </div>
<div class="tag-cloud col-12 col-md-3 text-uppercase text-center text-md-end"> <a class="likes-count fw-500 mx-0" href="blog-post-type-standard.html#"><i class="fa-regular fa-heart text-red me-10px"></i><span class="text-dark-gray text-dark-gray-hover">05 Likes</span></a> </div>
</div>
<div class="row">
<div class="col-12 mb-7">
<div class="d-block d-md-flex w-100 box-shadow-extra-large align-items-center border-radius-4px p-8">
<div class="w-140px text-center me-60px sm-mx-auto"> <img src="images/avtar-07.jpg" class="rounded-circle w-110px" alt> <a href="blog-grid.html" class="text-dark-gray fw-500 mt-25px d-inline-block lh-20">Colene Landin</a> <span class="fs-15 lh-20 d-block sm-mb-15px">Co-founder</span> </div>
<div class="w-75 sm-w-100 text-center text-md-start">
<p class="mb-5px">Lorem ipsum is simply dummy text of the printing and typesetting industry. Lorem ipsum has been the industry's standard dummy text ever since the 1500s when an unknown printer took a galley of type.</p>
<a href="blog-grid.html" class="btn btn-link btn-large text-dark-gray mt-20px fw-600">All author posts</a> </div>
</div>
</div>
</div>
<div class="row justify-content-center">
<div class="col-12 text-center elements-social social-icon-style-04">
<ul class="medium-icon dark">
<li><a class="facebook" href="https://www.facebook.com/" target="_blank"><i class="fa-brands fa-facebook-f"></i><span></span></a></li>
<li><a class="twitter" href="https://www.twitter.com" target="_blank"><i class="fa-brands fa-twitter"></i><span></span></a></li>
<li><a class="instagram" href="https://www.instagram.com" target="_blank"><i class="fa-brands fa-instagram"><span></span></i></a></li>
<li><a class="linkedin" href="http://www.linkedin.com" target="_blank"><i class="fa-brands fa-linkedin-in"><span></span></i></a></li>
<li><a class="behance" href="http://www.behance.com/" target="_blank"><i class="fa-brands fa-behance"></i><span></span></a></li>
</ul>
</div>
</div>
</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="">Blog Details</h2>
</div>
<aside class="col-12 col-xl-4 col-lg-4 col-md-7 ps-55px xl-ps-50px lg-ps-15px sidebar">
<div class="mb-15 md-mb-50px xs-mb-35px">
<div class="fw-600 fs-19 lh-22 ls-minus-05px text-dark-gray border-bottom border-color-dark-gray border-2 d-block mb-30px pb-15px position-relative">Popular posts</div>
<ul class="popular-post-sidebar position-relative">
<li class="d-flex align-items-center">
<figure> <a href="demo-elearning-blog-single-simple.html"><img src="images/demo-magazine-home-20.jpg" alt></a> </figure>
<div class="col media-body"> <a href="demo-elearning-blog-single-simple.html" class="fw-600 fs-17 text-dark-gray d-inline-block mb-10px">Trendy is the last stage before tacky.</a>
<div><a href="blog-grid.html" class="d-inline-block fs-15">20 February 2023</a></div>
</div>
</li>
<li class="d-flex align-items-center">
<figure> <a href="demo-elearning-blog-single-simple.html"><img src="images/demo-magazine-home-21.jpg" alt></a> </figure>
<div class="col media-body"> <a href="demo-elearning-blog-single-simple.html" class="fw-600 fs-17 text-dark-gray d-inline-block mb-10px">Believe you can and you're halfway there.</a>
<div><a href="blog-grid.html" class="d-inline-block fs-15">18 February 2023</a></div>
</div>
</li>
<li class="d-flex align-items-center">
<figure> <a href="demo-elearning-blog-single-simple.html"><img src="images/demo-magazine-home-22.jpg" alt></a> </figure>
<div class="col media-body"> <a href="demo-elearning-blog-single-simple.html" class="fw-600 fs-17 text-dark-gray d-inline-block mb-10px">In a gentle way, you can shake the world.</a>
<div><a href="blog-grid.html" class="d-inline-block fs-15">16 February 2023</a></div>
</div>
</li>
</ul>
</div>
<div class="mb-15 md-mb-50px xs-mb-35px">
<div class="fw-600 fs-19 lh-22 ls-minus-05px text-dark-gray border-bottom border-color-dark-gray border-2 d-block mb-30px pb-15px position-relative">Explore category</div>
<ul class="category-list-sidebar position-relative">
<li class="d-flex align-items-center h-80px cover-background ps-35px pe-35px" style="background-image: url('images/demo-magazine-home-23.jpg')">
<div class="opacity-medium bg-gradient-dark-transparent"></div>
<a href="blog-grid.html" class="d-flex align-items-center position-relative w-100 h-100"> <span class="text-white mb-0 fs-20 fw-500 fancy-text-style-4">Fashion</span> <span class="btn text-white position-absolute"><i class="bi bi-arrow-right ms-0 fs-24"></i></span> </a> </li>
<li class="d-flex align-items-center h-80px cover-background ps-35px pe-35px" style="background-image: url('images/demo-magazine-home-24.jpg')">
<div class="opacity-medium bg-gradient-dark-transparent"></div>
<a href="blog-grid.html" class="d-flex align-items-center position-relative w-100 h-100"> <span class="text-white mb-0 fs-20 fw-500 fancy-text-style-4">Creative</span> <span class="btn text-white position-absolute"><i class="bi bi-arrow-right ms-0 fs-24"></i></span> </a> </li>
<li class="d-flex align-items-center h-80px cover-background ps-35px pe-35px" style="background-image: url('images/demo-magazine-home-25.jpg')">
<div class="opacity-medium bg-gradient-dark-transparent"></div>
<a href="blog-grid.html" class="d-flex align-items-center position-relative w-100 h-100"> <span class="text-white mb-0 fs-20 fw-500 fancy-text-style-4">Business</span> <span class="btn text-white position-absolute"><i class="bi bi-arrow-right ms-0 fs-24"></i></span> </a> </li>
<li class="d-flex align-items-center h-80px cover-background ps-35px pe-35px" style="background-image: url('images/demo-magazine-home-26.jpg')">
<div class="opacity-medium bg-gradient-dark-transparent"></div>
<a href="blog-grid.html" class="d-flex align-items-center position-relative w-100 h-100"> <span class="text-white mb-0 fs-20 fw-500 fancy-text-style-4">Lifestyle</span> <span class="btn text-white position-absolute"><i class="bi bi-arrow-right ms-0 fs-24"></i></span> </a> </li>
</ul>
</div>
<div class="mb-17 md-mb-50px xs-mb-35px">
<div class="bg-white box-shadow-extra-large p-14 xl-p-10 newsletter-style-05">
<div class="fw-600 fs-19 lh-22 ls-minus-05px text-dark-gray border-bottom border-color-dark-gray border-2 d-block mb-20px pb-15px position-relative">Newsletter subscribe</div>
<p class="fs-15 lh-24">Signup for free and be the first to get notified on new updates.</p>
<form action="email-templates/subscribe-newsletter.php" method="post" class="position-relative">
<input class="w-100 fs-15 input-small form-control box-shadow-medium-bottom border-radius-0px text-center required mb-10px" type="email" name="email" placeholder="Enter your email address" />
<input type="hidden" name="redirect" value>
<button class="btn btn-small btn-dark-gray w-100 btn-box-shadow submit" aria-label="submit now">submit now</button>
<div class="d-flex fs-14 mt-10px">
<div class="d-inline-block"><i class="line-icon-Handshake me-10px align-middle icon-very-medium"></i>Protecting your privacy</div>
</div>
<div class="form-results border-radius-4px mt-10px lh-normal pt-10px pb-10px ps-15px pe-15px fs-16 w-100 text-center position-absolute z-index-1 d-none"></div>
</form>
</div>
</div>
<div class="mb-15 md-mb-50px xs-mb-35px elements-social social-icon-style-10">
<div class="fw-600 fs-19 lh-22 ls-minus-05px text-dark-gray border-bottom border-color-dark-gray border-2 d-block mb-30px pb-15px position-relative">Stay connected</div>
<div class="row row-cols-2 row-cols-lg-2 justify-content-center align-items-center g-0">
<div class="col border-bottom border-end border-color-extra-medium-gray ps-25px pe-25px xl-ps-15px xl-pe-15px lg-ps-10px lg-pe-10px pt-10px pb-10px"> <a class="facebook text-dark-gray" href="https://www.facebook.com/" target="_blank"> <i class="fa-brands fa-facebook-f fs-18 me-10px"></i> <span class="fw-500">Facebook</span> </a> </div>
<div class="col border-bottom border-color-extra-medium-gray ps-25px pe-25px xl-ps-15px xl-pe-15px lg-ps-10px lg-pe-10px pt-10px pb-10px"> <a class="dribbble text-dark-gray" href="http://www.dribbble.com" target="_blank"> <i class="fa-brands fa-dribbble fs-18 me-10px"></i> <span class="fw-500">Dribbble</span> </a> </div>
<div class="col border-bottom border-end border-color-extra-medium-gray ps-25px pe-25px xl-ps-15px xl-pe-15px lg-ps-10px lg-pe-10px pt-10px pb-10px"> <a class="twitter text-dark-gray" href="https://www.twitter.com" target="_blank"> <i class="fa-brands fa-twitter fs-18 me-10px"></i> <span class="fw-500">Twitter</span> </a> </div>
<div class="col border-bottom border-color-extra-medium-gray ps-25px pe-25px xl-ps-15px xl-pe-15px lg-ps-10px lg-pe-10px pt-10px pb-10px"> <a class="youtube text-dark-gray" href="https://www.youtube.com" target="_blank"> <i class="fa-brands fa-youtube fs-18 me-10px"></i> <span class="fw-500">Youtube</span> </a> </div>
<div class="col border-bottom border-end border-color-extra-medium-gray ps-25px pe-25px xl-ps-15px xl-pe-15px lg-ps-10px lg-pe-10px pt-10px pb-10px"> <a class="instagram text-dark-gray" href="https://www.instagram.com" target="_blank"> <i class="fa-brands fa-instagram fs-18 me-10px"></i> <span class="fw-500">Instagram</span> </a> </div>
<div class="col border-bottom border-color-extra-medium-gray ps-25px pe-25px xl-ps-15px xl-pe-15px lg-ps-10px lg-pe-10px pt-10px pb-10px"> <a class="vimeo text-dark-gray" href="https://vimeo.com/" target="_blank"> <i class="fa-brands fa-vimeo-v fs-18 me-10px"></i> <span class="fw-500">Vimeo</span> </a> </div>
<div class="col border-end border-color-extra-medium-gray ps-25px pe-25px xl-ps-15px xl-pe-15px lg-ps-10px lg-pe-10px pt-10px pb-10px"> <a class="linkedin text-dark-gray" href="https://www.linkedin.com/" target="_blank"> <i class="fa-brands fa-linkedin-in fs-18 me-10px"></i> <span class="fw-500">Linkedin</span> </a> </div>
<div class="col ps-25px pe-25px xl-ps-15px xl-pe-15px lg-ps-10px lg-pe-10px pt-10px pb-10px"> <a class="behance text-dark-gray" href="http://www.behance.com/" target="_blank"> <i class="fa-brands fa-behance fs-18 me-10px"></i> <span class="fw-500 fs-16">Behance</span> </a> </div>
</div>
</div>
<div class="mb-15 md-mb-50px xs-mb-35px">
<div class="fw-600 fs-19 lh-22 ls-minus-05px text-dark-gray border-bottom border-color-dark-gray border-2 d-block mb-30px pb-15px position-relative">Tags cloud</div>
<div class="tag-cloud"> <a href="blog-grid.html">Development</a> <a href="blog-grid.html">Mountains</a> <a href="blog-grid.html">Lifestyle</a> <a href="blog-grid.html">Hotel</a> <a href="blog-grid.html">Event</a> <a href="blog-grid.html">Multimedia </a> <a href="blog-grid.html">Fashion</a> </div>
</div>
<div class="mb-15 md-mb-50px xs-mb-35px">
<div class="fw-600 fs-19 lh-22 ls-minus-05px text-dark-gray border-bottom border-color-dark-gray border-2 d-block mb-30px pb-15px position-relative">Instagram</div>
<ul class="instafeed-grid instafeed-wrapper grid grid-3col xl-grid-3col lg-grid-3col md-grid-3col sm-grid-3col xs-grid-3col gutter-medium" data-total="6">
<li class="grid-item">
<figure><a href="blog-post-type-standard.html#" data-href="{{link}}" target="_blank"><img src="blog-post-type-standard.html#" data-src="{{image}}" class="insta-image" alt /><span class="insta-icon"><i class="fa-brands fa-instagram"></i>{{likes}}</span></a></figure>
</li>
</ul>
</div>
</aside>
</div>
</div>
</section>
<!--Page Hero section End-->
<!--Blog Details Section-->
<section class="pb-4 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">
<div class="col-lg-9 pb-3 sm-mb-35px last-paragraph-no-margin"> <img src="images/access-image/gokul-details.jpg" class="pb-4" alt="" data-no-retina="">
<h4 class="alt-font text-dark-gray fw-600 ls-minus-1px w-95 md-w-100">Access Education Network Lights Up Pokhara Street Festival</h4>
<p class="w-90 lg-w-100">In a vibrant celebration of culture and community, Access Education Network recently took part in the Pokhara Street Festival, transforming the event into an educational extravaganza. The festival, known for its lively atmosphere and diverse activities, provided the perfect platform for our institution to engage with the local community and share our commitment to quality education.</p>
<h4 class="alt-font text-dark-gray fw-600 ls-minus-1px w-90 md-w-100">Embracing Community Connection</h4>
<p class="w-90 lg-w-100">Access Education Network's participation in the Pokhara Street Festival was not just about showcasing our presence but fostering a deeper connection with the local community. The event allowed us to interact directly with students, parents, and aspiring learners, understanding their educational needs and aspirations.</p>
<h4 class="alt-font text-dark-gray fw-600 ls-minus-1px w-90 md-w-100">Embracing Community Connection</h4>
<p class="w-90 lg-w-100">Access Education Network's participation in the Pokhara Street Festival was not just about showcasing our presence but fostering a deeper connection with the local community. The event allowed us to interact directly with students, parents, and aspiring learners, understanding their educational needs and aspirations.</p>
<h4 class="alt-font text-dark-gray fw-600 ls-minus-1px w-90 md-w-100">Educational Booths and Interactive Displays</h4>
<p class="w-90 lg-w-100"> Our colorful and interactive educational booths added an exciting dimension to the festival. From career counseling sessions to interactive quizzes and demonstrations, we aimed to make learning an enjoyable experience for all festival-goers. The lively atmosphere provided an informal setting for discussions on educational opportunities and career pathways.</p>
<h4 class="alt-font text-dark-gray fw-600 ls-minus-1px w-90 md-w-100">Showcasing Academic Excellence</h4>
<p class="w-90 lg-w-100">As a reputable education institution, we seized the opportunity to showcase our academic excellence. Displaying achievements, innovative teaching methodologies, and success stories, we aimed to inspire and encourage a passion for learning among the festival attendees.</p>
<h4 class="alt-font text-dark-gray fw-600 ls-minus-1px w-90 md-w-100">Spotlight on Extracurricular Activities</h4>
<p class="w-90 lg-w-100">Education extends beyond textbooks, and our participation highlighted the importance of extracurricular activities in holistic development. Visitors had the chance to explore our array of clubs, sports, and cultural activities that contribute to a well-rounded educational experience.</p>
<h4 class="alt-font text-dark-gray fw-600 ls-minus-1px w-90 md-w-100">Engaging the Future</h4>
<p class="w-90 lg-w-100">Participating in the Pokhara Street Festival was not just about the present; it was about engaging with the future. We offered information on upcoming courses, scholarships, and exciting educational initiatives that will empower the next generation of learners.</p>
<h4 class="alt-font text-dark-gray fw-600 ls-minus-1px w-90 md-w-100">Celebrating Diversity and Inclusivity</h4>
<p class="w-90 lg-w-100">Education knows no boundaries, and our presence at the festival celebrated the diversity of learners. Whether young or old, our inclusive approach emphasized that education is a lifelong journey, accessible to everyone.</p>
<p class="w-90 lg-w-100">In conclusion, Access Education Network's vibrant presence at the Pokhara Street Festival was a testament to our commitment to community engagement, education, and the celebration of diverse learning experiences. We look forward to more opportunities to connect with our community, enriching lives through the power of education. </p>
</div>
</div>
</div>
</section>
<!--Blog Details Section End-->
<!--Related Blogs-->
<section class="bg-very-light-gray">
<div class="container">
<div class="row justify-content-center mb-2">
<div class="col-12 col-lg-7 text-center"> <span class="fs-15 fw-500 text-uppercase d-inline-block">You may also like</span>
<div class="col-12 col-lg-7 text-center">
<h4 class="text-dark-gray fw-600">Related posts</h4>
</div>
</div>
<div class="row">
<div class="col-12">
<ul class="blog-grid blog-wrapper grid-loading grid grid-3col xl-grid-3col lg-grid-3col md-grid-2col sm-grid-2col xs-grid-1col gutter-extra-large">
<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>
<li class="grid-item">
<div class="card border-0 border-radius-4px box-shadow-extra-large box-shadow-extra-large-hover">
<div class="blog-image"> <a href="demo-business-blog-single-modern.html" class="d-block"><img src="images/blog-images-56.jpg" alt /></a>
<div class="blog-categories"> <a href="blog-classic.html" class="categories-btn bg-white text-dark-gray text-dark-gray-hover text-uppercase alt-font fw-700">Agency</a> </div>
<!-- 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-12"> <a href="demo-business-blog-single-modern.html" class="card-title mb-15px fw-600 fs-17 lh-26 text-dark-gray text-dark-gray-hover d-inline-block">How to bring the season into your great marketing.</a>
<p>Lorem ipsum has been industry standard dummy text ever...</p>
<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 fw-500 d-inline-block">30 August 2023</span>
<div class="d-inline-block author-name">By <a href="blog-classic.html" class="text-dark-gray text-dark-gray-hover text-decoration-line-bottom fw-600">Den viliamson</a></div>
</div>
<div class="like-count"> <a href="demo-business-blog-single-modern.html"><i class="fa-regular fa-heart text-red d-inline-block"></i><span class="text-dark-gray align-middle fw-600">65</span></a> </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>
<li class="grid-item">
<div class="card border-0 border-radius-4px box-shadow-extra-large box-shadow-extra-large-hover">
<div class="blog-image"> <a href="demo-business-blog-single-modern.html" class="d-block"><img src="images/blog-images-59.jpg" alt /></a>
<div class="blog-categories"> <a href="blog-classic.html" class="categories-btn bg-white text-dark-gray text-dark-gray-hover text-uppercase alt-font fw-700">Luxurious</a> </div>
<!-- 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-12"> <a href="demo-business-blog-single-modern.html" class="card-title mb-15px fw-600 fs-17 lh-26 text-dark-gray text-dark-gray-hover d-inline-block">Build up healthy habits and strong peaceful life.</a>
<p>Lorem ipsum has been industry standard dummy text ever...</p>
<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 fw-500 d-inline-block">28 August 2023</span>
<div class="d-inline-block author-name">By <a href="blog-classic.html" class="text-dark-gray text-dark-gray-hover text-decoration-line-bottom fw-600">Hugh macleod</a></div>
</div>
<div class="like-count"> <a href="demo-business-blog-single-modern.html"><i class="fa-regular fa-heart text-red d-inline-block"></i><span class="text-dark-gray align-middle fw-600">25</span></a> </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>
<li class="grid-item">
<div class="card border-0 border-radius-4px box-shadow-extra-large box-shadow-extra-large-hover">
<div class="blog-image"> <a href="demo-business-blog-single-modern.html" class="d-block"><img src="images/blog-images-52.jpg" alt /></a>
<div class="blog-categories"> <a href="blog-classic.html" class="categories-btn bg-white text-dark-gray text-dark-gray-hover text-uppercase alt-font fw-700">Business</a> </div>
<!-- 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-12"> <a href="demo-business-blog-single-modern.html" class="card-title mb-15px fw-600 fs-17 lh-26 text-dark-gray text-dark-gray-hover d-inline-block">Make business easy with beautiful application.</a>
<p>Lorem ipsum has been industry standard dummy text ever...</p>
<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 fw-500 d-inline-block">26 August 2023</span>
<div class="d-inline-block author-name">By <a href="blog-classic.html" class="text-dark-gray text-dark-gray-hover text-decoration-line-bottom fw-600">Walton smith</a></div>
</div>
<div class="like-count"> <a href="demo-business-blog-single-modern.html"><i class="fa-regular fa-heart text-red d-inline-block"></i><span class="text-dark-gray align-middle fw-600">30</span></a> </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 -->
<!-- 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/blog4.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's Partner Appreciation Night with Niagara College </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/blog5.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">Culinary Study Abroad: Savoring the Flavors of Australia, USA, and Canada</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/blog6.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">Affordable higher education abroad, exploring budget friendly universities in the USA </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>
</section>
<section>
<div class="container">
<div class="row justify-content-center">
<div class="col-12 col-lg-9 text-center mb-3">
<h4 class="text-dark-gray fw-600">4 Comments</h4>
</div>
</div>
<div class="row justify-content-center">
<div class="col-12 col-lg-9">
<ul class="blog-comment">
<li>
<div class="d-block d-md-flex w-100 align-items-center align-items-md-start ">
<div class="w-90px sm-w-50px sm-mb-10px"> <img src="images/avtar-18.jpg" class="rounded-circle" alt> </div>
<div class="w-100 ps-35px last-paragraph-no-margin sm-ps-0"> <a href="blog-post-type-standard.html#" class="text-dark-gray fw-500">Herman Miller</a> <a href="blog-post-type-standard.html#comments" class="btn-reply text-uppercase section-link">Reply</a>
<div class="fs-14 lh-24 mb-15px">17 July 2023, 6:05 PM</div>
<p class="w-85">Lorem ipsum is simply dummy text of the printing and typesetting industry. Lorem ipsum has been the industry's standard dummy text ever since the make book.</p>
</div>
</div>
<ul class="child-comment">
<li>
<div class="d-block d-md-flex w-100 align-items-center align-items-md-start ">
<div class="w-90px sm-w-50px sm-mb-10px"> <img src="images/avtar-19.jpg" class="rounded-circle" alt> </div>
<div class="w-100 ps-35px last-paragraph-no-margin sm-ps-0"> <a href="blog-post-type-standard.html#" class="text-dark-gray fw-500">Wilbur Haddock</a> <a href="blog-post-type-standard.html#comments" class="btn-reply text-uppercase section-link">Reply</a>
<div class="fs-14 lh-24 mb-15px">18 July 2023, 10:19 PM</div>
<p class="w-85">Lorem ipsum is simply dummy text of the printing and typesetting industry. Lorem ipsum has been the industry's standard dummy text ever since.</p>
</div>
</div>
</li>
<li>
<div class="d-block d-md-flex w-100 align-items-center align-items-md-start border-radius-5px p-50px md-p-30px sm-p-20px bg-very-light-gray">
<div class="w-90px sm-w-50px sm-mb-10px"> <img src="images/avtar-17.jpg" class="rounded-circle" alt> </div>
<div class="w-100 ps-35px last-paragraph-no-margin sm-ps-0"> <a href="blog-post-type-standard.html#" class="text-dark-gray fw-500">Colene Landin</a> <a href="blog-post-type-standard.html#comments" class="btn-reply text-uppercase section-link">Reply</a>
<div class="fs-14 lh-24 mb-15px">18 July 2023, 12:39 PM</div>
<p class="w-85">Lorem ipsum is simply dummy text of the printing and typesetting industry. Ipsum has been the industry's standard dummy text.</p>
</div>
</div>
</li>
</ul>
</li>
<li>
<div class="d-block d-md-flex w-100 align-items-center align-items-md-start ">
<div class="w-90px sm-w-50px sm-mb-10px"> <img src="images/avtar-18.jpg" class="rounded-circle" alt> </div>
<div class="w-100 ps-35px last-paragraph-no-margin sm-ps-0"> <a href="blog-post-type-standard.html#" class="text-dark-gray fw-500">Jennifer Freeman</a> <a href="blog-post-type-standard.html#comments" class="btn-reply text-uppercase section-link">Reply</a>
<div class="fs-14 lh-24 mb-15px">19 July 2023, 8:25 PM</div>
<p class="w-85">Lorem ipsum is simply dummy text of the printing and typesetting industry. Lorem ipsum has been the industry's standard dummy text ever since the make a type specimen book.</p>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</section>
<section id="comments" class="pt-0">
<div class="container">
<div class="row justify-content-center">
<div class="col-12 col-lg-9 mb-4">
<h5 class="text-dark-gray fw-600 mb-5px">Write a comment</h5>
<div class="mb-5px">Your email address will not be published. Required fields are marked *</div>
</div>
</div>
<div class="row justify-content-center">
<div class="col-12 col-lg-9">
<form action="email-templates/contact-form.php" method="post" class="row contact-form-style-02">
<div class="col-md-6 mb-40px">
<input class="input-name border-radius-4px form-control required" type="text" name="name" placeholder="Enter your name*">
</div>
<div class="col-md-6 mb-40px">
<input class="border-radius-4px form-control required" type="email" name="email" placeholder="Enter your email address*">
</div>
<div class="col-md-12 mb-40px">
<textarea class="border-radius-4px form-control" cols="40" rows="4" name="comment" placeholder="Your message"></textarea>
</div>
<div class="col-12">
<input type="hidden" name="redirect" value>
<button class="btn btn-dark-gray btn-small btn-round-edge submit fw-600" type="submit">Post Comment</button>
<div class="form-results mt-20px d-none"></div>
</div>
</form>
</div>
</div>
</div>
</section>
<!--Related Blogs End-->
<?php include('footer.php')?>

View File

@ -11,6 +11,7 @@
</section>
-->
<!--Googel Map End-->
<footer class="text-white footer-bg">
<div class="container">
<div class="row justify-content-center fs-17 fw-300 mt-5 mb-4 md-mt-45px md-mb-45px xs-mt-35px xs-mb-35px">
@ -52,8 +53,7 @@
</ul>
</div>
</div>
<div class="row align-items-center fs-16 fw-300 pt-3 pb-3">
<div class="row align-items-center fs-16 fw-300 pt-3 pb-3">
<div class="col text-center"> <i class="feather icon-feather-map-pin d-inline-block icon-small me-10px"></i><br>
Putalisadak</div>
<div class="col text-center"> <i class="feather icon-feather-map-pin d-inline-block icon-small me-10px"></i><br>
@ -76,7 +76,6 @@
<div class="col-md-8 text-md-end order-1 order-md-2 text-center text-md-end sm-mb-10px"> <img src="images/access-image/footer-img.jpg" class="footer-img"> </div>
</div>
<!--
<div class="row align-items-center fs-16 fw-300 border-top">
<div class="col-lg-12 text-center pt-2"> <img src="images/access-image/footer-img.jpg" class="footer-img pb-2">

Binary file not shown.

After

Width:  |  Height:  |  Size: 708 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 441 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 101 KiB

After

Width:  |  Height:  |  Size: 128 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 381 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 361 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 341 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 359 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 341 KiB

View File

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

View File

@ -1,5 +1,5 @@
<!--Blog Section-->
<section class="bg-gradient-quartz-white border-radius-6px lg-border-radius-0px bg-very-light-gray">
<section class="bg-gradient-quartz-white border-radius-6px lg-border-radius-0px">
<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; }">

73
parts/visa.php Normal file
View File

@ -0,0 +1,73 @@
<!--Visa Granted Section-->
<section class="full-screen sm-h-auto position-relative">
<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="row align-items-center">
<div class="col-12">
<div class="outside-box-right-50 lg-outside-box-right-65 sm-me-0">
<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; }">
<div class="swiper-wrapper" id="swiper-wrapper-7bea8fca463158b4" aria-live="off" style="transition-duration: 0ms; transform: translate3d(-2280px, 0px, 0px); transition-delay: 0ms;">
<div class="swiper-slide" role="group" aria-label="1 / 4" style="width: 1010px; margin-right: 130px;" data-swiper-slide-index="0">
<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-33.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">Dolraj Rijal</a> </div>
</div>
</div>
<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>
</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="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>UK</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">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>
</section>
<!--Visa Granted Section End-->