Access_New/blog.php

<?php include('header.php')?>

<!--Page Hero Section-->
<section class="p-0 top-space-margin position-relative overflow-hidden">
  <div class="container-fluid p-0 h-100 position-relative">
    <div class="row g-0">
      <div class="col-xl-5 col-lg-5 d-flex justify-content-center align-items-center ps-10 xxl-ps-6 xl-ps-4 md-ps-4 sm-ps-0 position-relative order-2 order-lg-1" 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; }">
        <div class="vertical-title-center align-items-center justify-content-center flex-shrink-0 w-75px sm-w-50px">
          <h1 class="title fs-15 alt-font text-dark-gray fw-700 text-uppercase ls-1px text-uppercase d-flex w-auto align-items-center m-0" data-fancy-text="{ &quot;opacity&quot;: [0, 1], &quot;translateY&quot;: [50, 0], &quot;filter&quot;: [&quot;blur(20px)&quot;, &quot;blur(0px)&quot;], &quot;string&quot;: [&quot;Discover Learn & Grow&quot;], &quot;duration&quot;: 400, &quot;delay&quot;: 0, &quot;speed&quot;: 50, &quot;easing&quot;: &quot;easeOutQuad&quot; }"></h1>
        </div>
        <div class="border-start border-color-extra-medium-gray ps-40px sm-ps-20px position-relative z-index-9">
          <h2 class="text-dark-gray fw-600 alt-font outside-box-right-10 xl-outside-box-right-15 lg-outside-box-right-20 md-me-0 sm-mb-0 ls-minus-3px contact-heading">Get inspired and stay informed with our blog, offering valuable insights and advice to shape your career</h2>
        </div>
      </div>
      <div class="col-xl-7 col-lg-7 position-relative one-half-screen order-1 order-lg-2 md-mb-50px">
        <div class="overflow-hidden position-relative">
          <div class="w-100" data-anime="{ &quot;effect&quot;: &quot;slide&quot;, &quot;direction&quot;: &quot;lr&quot;, &quot;color&quot;: &quot;#f7f7f7&quot;, &quot;duration&quot;: 1000, &quot;delay&quot;: 0 }"> <img src="images/demo-branding-agency-contact-title-bg.jpg" alt class="w-100 liquid-parallax" data-parallax-liquid="true" data-parallax-position="top" data-parallax-scale="1.05"> </div>
        </div>
      </div>
    </div>
  </div>
</section>
<!--Page Hero section End--> 

<!--Mid Section Title-->
<section class="bg-very-light-gray cover-background page-title-big-typography ipad-top-space-margin">
  <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-lg-10 mx-auto text-center">
        <h2 class="blog-title text-dark-gray">Explore our blog for insightful articles that help you discover new opportunities, learn from expert advice, and grow both academically and personally on your study abroad journey </h2>
      </div>
    </div>
  </div>
</section>
<!--Mid Section title End--> 

<!--Blog--Banner-->
<section class="overflow-hidden position-relative p-0">
  <div class="container-fluid">
    <div class="row overlap-height">
      <div class="col-12 p-0 position-relative overlap-gap-section"> <img src="images/demo-real-estate-blog-title.jpg" alt class="w-100">
        <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-minus-0px bottom-minus-80px md-bottom-minus-60px xs-bottom-minus-50px text-white text-outline text-outline-width-3px" data-bottom-top="transform: translate3d(80px, 0px, 0px);" data-top-bottom="transform: translate3d(-280px, 0px, 0px);">Blog</div>
      </div>
    </div>
  </div>
</section>
<!--Blog Banner End-->


<!--Blog Section-->
<section class="overlap-height sm-pb-50px">
  <div class="container overlap-gap-section">
    <div class="row">
      <div class="col-12">
        <ul class="blog-grid blog-wrapper grid grid-3col xl-grid-3col lg-grid-3col md-grid-2col sm-grid-2col xs-grid-1col gutter-extra-large appear anime-child anime-complete" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateY&quot;: [50, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 1200, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 150, &quot;easing&quot;: &quot;easeOutQuad&quot; }" style="position: relative; height: 572.953px;">
          <li class="grid-sizer"></li>
          <!-- start blog item -->
          <li class="grid-item" style="position: absolute; left: 0%; top: 0px; transition: none;">
            <div class="card border-0 border-radius-5px box-shadow-quadruple-large box-shadow-quadruple-large-hover">
              <div class="blog-image"> <a href="demo-corporate-blog-single-clean.html" class="d-block"><img src="images/access-image/gokul.jpg" alt="" data-no-retina=""></a>
                <div class="blog-categories"></div>
              </div>
              <div class="card-body p-8"> <a href="demo-corporate-blog-single-clean.html" class="card-title mb-15px fw-700 fs-19 text-dark-gray d-inline-block  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="demo-corporate-blog-single-clean.html" 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="demo-corporate-blog-single-clean.html" 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="demo-corporate-blog-single-clean.html" 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="demo-corporate-blog-single-clean.html" 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="demo-corporate-blog-single-clean.html" 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="demo-corporate-blog-single-clean.html" 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="demo-corporate-blog-single-clean.html" 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="demo-corporate-blog-single-clean.html" 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="demo-corporate-blog-single-clean.html" 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="demo-corporate-blog-single-clean.html" 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 class="row">
          <div class="col-12 mt-2 d-flex justify-content-center">
            <ul class="pagination pagination-style-01 fs-13 mb-0" data-anime="{ &quot;translate&quot;: [0, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;: 100, &quot;staggervalue&quot;: 150, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
              <li class="page-item"><a class="page-link" href="demo-real-estate-blog.html#"><i class="feather icon-feather-arrow-left fs-18 d-xs-none"></i></a></li>
              <li class="page-item"><a class="page-link" href="demo-real-estate-blog.html#">01</a></li>
              <li class="page-item active"><a class="page-link" href="demo-real-estate-blog.html#">02</a></li>
              <li class="page-item"><a class="page-link" href="demo-real-estate-blog.html#">03</a></li>
              <li class="page-item"><a class="page-link" href="demo-real-estate-blog.html#">04</a></li>
              <li class="page-item"><a class="page-link" href="demo-real-estate-blog.html#"><i class="feather icon-feather-arrow-right fs-18 d-xs-none"></i></a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<!--Blog Section Ends-->
<?php include('footer.php');?>