File: /home/s76vzjg2kvav/public_html/des/blog.php
<?php include_once("header.php"); ?>
<section class="parallax" data-parallax-background-ratio="0.5"
style="background-image: url("https://alepdigital.com/ecommerce-growth/wp-content/themes/alepdigital/images/al-images/blog-hero.jpg"); background-position: 50% -118.4px;">
<div class="overlay-bg bg-gradient-dark-slate-blue"></div>
<div class="container">
<div class="row align-items-stretch justify-content-center extra-small-screen">
<div
class="col-12 page-title-large text-center d-flex align-items-center justify-content-center flex-column">
<h1 class="alt-font text-white font-weight-500 no-margin-bottom" style="margin-bottom:15px !important;">
Blog</h1>
<h6 class="alt-font text-white text-transform-none text-center text-extra-large font-weight-400 w-100">
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
</h6>
</div>
</div>
</div>
</section>
<section class="padding-eleven-lr xl-padding-two-lr xs-no-padding-lr">
<div class="container-fluid">
<div class="row">
<div class="col-12 blog-content">
<ul class="blog-grid blog-wrapper grid grid-4col xl-grid-4col lg-grid-3col md-grid-2col sm-grid-2col xs-grid-1col gutter-extra-large"
style="position: relative; height: 1282.2px;">
<li class="grid-sizer"></li>
<!-- start blog item -->
<li class="grid-item wow animate__fadeIn"
style="position: absolute; left: 0%; top: 0px; animation: 0s ease 0s 1 normal none running none;">
<div class="blog-post border-radius-5px bg-white box-shadow-medium" id="post-12067">
<div class="blog-post-image bg-medium-slate-blue">
<a href="javascript:void(0);" title="">
<div class="post-inner-featured-content">
<img src="images/ss1.jpg"
class="attachment-thumbnail size-thumbnail wp-post-image" alt=""
loading="lazy" srcset="images/ss1.jpg 650w,
images/ss1.jpg 150w" sizes="(max-width: 650px) 100vw, 650px"
data-no-retina="" width="650" height="650">
</div>
</a>
<!-- <a href="https://alepdigital.com/ecommerce-growth/category/market"
class="blog-category alt-font al-blue-bg">
Market </a> -->
</div>
<div class="post-details padding-3-rem-lr padding-2-half-rem-tb">
<a href="javascript:void(0);"
class="alt-font font-weight-500 text-extra-medium text-extra-dark-gray margin-15px-bottom d-block text-black">
Lorem Ipsum </a>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. </p>
<a href="javascript:void(0);"
class="btn-2 bg-orange text-white text-center border-radius-20px padding-5px-top padding-5px-bottom font-weight-600 padding-20px-lr margin-10px-top d-inline-block text-uppercase">
Read More
</a>
</div>
</div>
</li>
<!-- end blog item -->
<!-- start blog item -->
<li class="grid-item wow animate__fadeIn"
style="position: absolute; left: 24.9995%; top: 0px; animation: 0s ease 0s 1 normal none running none;">
<div class="blog-post border-radius-5px bg-white box-shadow-medium" id="post-11927">
<div class="blog-post-image bg-medium-slate-blue">
<a href="javascript:void(0);" title="">
<div class="post-inner-featured-content">
<img src="images/ss2.jpg"
class="attachment-thumbnail size-thumbnail wp-post-image" alt=""
loading="lazy" srcset="images/ss2.jpg 650w, images/ss2.jpg 150w"
sizes="(max-width: 650px) 100vw, 650px" data-no-retina="" width="650"
height="650">
</div>
</a>
<!-- <a href="https://alepdigital.com/ecommerce-growth/category/market"
class="blog-category alt-font al-blue-bg">
Market </a> -->
</div>
<div class="post-details padding-3-rem-lr padding-2-half-rem-tb">
<a href="javascript:void(0);"
class="alt-font font-weight-500 text-extra-medium text-extra-dark-gray margin-15px-bottom d-block text-black">
Lorem Ipsum </a>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. </p>
<a href="javascript:void(0);"
class="btn-2 bg-orange text-white text-center border-radius-20px padding-5px-top padding-5px-bottom font-weight-600 padding-20px-lr margin-10px-top d-inline-block text-uppercase">
Read More
</a>
</div>
</div>
</li>
<!-- end blog item -->
<!-- start blog item -->
<li class="grid-item wow animate__fadeIn"
style="position: absolute; left: 49.999%; top: 0px; animation: 0s ease 0s 1 normal none running none;">
<div class="blog-post border-radius-5px bg-white box-shadow-medium" id="post-11909">
<div class="blog-post-image bg-medium-slate-blue">
<a href="javascript:void(0);" title="">
<div class="post-inner-featured-content">
<img src="images/ss3.jpg"
class="attachment-thumbnail size-thumbnail wp-post-image" alt=""
loading="lazy" srcset="images/ss3.jpg 650w, images/ss3.jpg 150w"
sizes="(max-width: 650px) 100vw, 650px" data-no-retina="" width="650"
height="650">
</div>
</a>
<!-- <a href="https://alepdigital.com/ecommerce-growth/category/industry"
class="blog-category alt-font al-blue-bg">
Industry </a> -->
</div>
<div class="post-details padding-3-rem-lr padding-2-half-rem-tb">
<a href="javascript:void(0);"
class="alt-font font-weight-500 text-extra-medium text-extra-dark-gray margin-15px-bottom d-block text-black">
Lorem Ipsum </a>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. </p>
<a href="javascript:void(0);"
class="btn-2 bg-orange text-white text-center border-radius-20px padding-5px-top padding-5px-bottom font-weight-600 padding-20px-lr margin-10px-top d-inline-block text-uppercase">
Read More
</a>
</div>
</div>
</li>
<!-- end blog item -->
<!-- start blog item -->
<li class="grid-item wow animate__fadeIn"
style="position: absolute; left: 74.9984%; top: 0px; animation: 0s ease 0s 1 normal none running none;">
<div class="blog-post border-radius-5px bg-white box-shadow-medium" id="post-11897">
<div class="blog-post-image bg-medium-slate-blue">
<a href="javascript:void(0);" title="">
<div class="post-inner-featured-content">
<img src="images/ss4.jpg"
class="attachment-thumbnail size-thumbnail wp-post-image" alt=""
loading="lazy" srcset="images/ss4.jpg 650w, images/ss4.jpg 150w"
sizes="(max-width: 650px) 100vw, 650px" data-no-retina="" width="650"
height="650">
</div>
</a>
<!-- <a href="https://alepdigital.com/ecommerce-growth/category/industry"
class="blog-category alt-font al-blue-bg">
Industry </a> -->
</div>
<div class="post-details padding-3-rem-lr padding-2-half-rem-tb">
<a href="javascript:void(0);"
class="alt-font font-weight-500 text-extra-medium text-extra-dark-gray margin-15px-bottom d-block text-black">
Lorem Ipsum </a>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. </p>
<a href="javascript:void(0);"
class="btn-2 bg-orange text-white text-center border-radius-20px padding-5px-top padding-5px-bottom font-weight-600 padding-20px-lr margin-10px-top d-inline-block text-uppercase">
Read More
</a>
</div>
</div>
</li>
<!-- end blog item -->
<!-- start blog item -->
<li class="grid-item wow animate__fadeIn"
style="position: absolute; left: 0%; top: 641.1px; animation: 0s ease 0s 1 normal none running none;">
<div class="blog-post border-radius-5px bg-white box-shadow-medium" id="post-11801">
<div class="blog-post-image bg-medium-slate-blue">
<a href="javascript:void(0);" title="">
<div class="post-inner-featured-content">
<img src="images/ss5.jpg"
class="attachment-thumbnail size-thumbnail wp-post-image" alt=""
loading="lazy" srcset="images/ss5.jpg 650w, images/ss5.jpg 150w"
sizes="(max-width: 650px) 100vw, 650px" data-no-retina="" width="650"
height="650">
</div>
</a>
<!-- <a href="https://alepdigital.com/ecommerce-growth/category/industry"
class="blog-category alt-font al-blue-bg">
Industry </a> -->
</div>
<div class="post-details padding-3-rem-lr padding-2-half-rem-tb">
<a href="javascript:void(0);"
class="alt-font font-weight-500 text-extra-medium text-extra-dark-gray margin-15px-bottom d-block text-black">
Lorem Ipsum </a>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. </p>
<a href="javascript:void(0);"
class="btn-2 bg-orange text-white text-center border-radius-20px padding-5px-top padding-5px-bottom font-weight-600 padding-20px-lr margin-10px-top d-inline-block text-uppercase">
Read More
</a>
</div>
</div>
</li>
<!-- end blog item -->
</ul>
<div class="text-center">
</div>
</div>
</div>
</div>
<div></div>
</section>
<?php include_once("footer.php"); ?>