55 lines
4.8 KiB
PHP
55 lines
4.8 KiB
PHP
<!--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="{ "el": "childs", "translateY": [30, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad" }">
|
|
<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="{ "el": "childs", "translateY": [50, 0], "opacity": [0,1], "duration": 1200, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }" 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 -->
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!--Blog Section End--> |