Blog Style 1
<section class="blog dt-section">
<div class="container">
<div class="blog-block">
<div class="blog1">
<div class="row row-mr">
<div class=" col-lg-4 col-md-6 col-12 col-mr">
<div class="content-wrapper">
<div class="img-wrapper">
<a title="Blog Details" href="#">
<img src="../themes/custom/edu_care/assets/images/elements/blog/banner-2.jpg" alt="Blog" />
</a>
</div>
<div class="info-content">
<span class="date" >Sep 22, 2023</span><span class="tag term-link" ><a href="#">Campus Life</a></span>
</div>
<div class="content-wrapper">
<h4><a title="Blog Details" href="#">Lorem ipsum dolor sit consectetur adipiscing elit sed do</a></h4>
<a class="read secondary btn-sm btn-custom5" title="Blog Details" href="#">Read More
<span class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="387.5" height="150" viewBox="0 0 387.5 150"><path data-name="Path 40761" d="M387.5,246.048l-110.947-75v62.069H0v25.862H276.553V321.05Z" transform="translate(0 -171.051)" fill="#130f40" fill-rule="evenodd"></path></svg>
</span>
</a>
</div>
</div>
</div>
<div class=" col-lg-4 col-md-6 col-12 col-mr">
<div class="content-wrapper">
<div class="img-wrapper">
<a title="Blog Details" href="#">
<img src="../themes/custom/edu_care/assets/images/elements/blog/Image-21.jpg" alt="Blog" />
</a>
</div>
<div class="info-content">
<span class="date" >Sep 22, 2023</span><span class="tag term-link" ><a href="#">Students Life</a></span>
</div>
<div class="content-wrapper">
<h4><a title="Blog Details" href="#">Ut enim ad minim venia quis nostrud exercitation ullamco laboris</a></h4>
<a class="read secondary btn-sm btn-custom5" title="Blog Details" href="#">Read More
<span class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="387.5" height="150" viewBox="0 0 387.5 150"><path data-name="Path 40761" d="M387.5,246.048l-110.947-75v62.069H0v25.862H276.553V321.05Z" transform="translate(0 -171.051)" fill="#130f40" fill-rule="evenodd"></path></svg>
</span>
</a>
</div>
</div>
</div>
<div class=" col-lg-4 col-md-6 col-12 col-mr">
<div class="content-wrapper">
<div class="img-wrapper">
<a title="Blog Details" href="#">
<img src="../themes/custom/edu_care/assets/images/elements/blog/Image-28.jpg" alt="Blog" />
</a>
</div>
<div class="info-content">
<span class="date" >Sep 22, 2023</span><span class="tag term-link" ><a href="#">Education</a></span>
</div>
<div class="content-wrapper">
<h4><a title="Blog Details" href="#">Duis aute irure dolor in reprehenderit in voluptate velit esse</a></h4>
<a class="read secondary btn-sm btn-custom5" title="Blog Details" href="#">Read More
<span class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="387.5" height="150" viewBox="0 0 387.5 150"><path data-name="Path 40761" d="M387.5,246.048l-110.947-75v62.069H0v25.862H276.553V321.05Z" transform="translate(0 -171.051)" fill="#130f40" fill-rule="evenodd"></path></svg>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
Blog Style 2
Duis aute irure dolor in reprehenderit in voluptate velit esse
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Sep 22, 2023Admin
Excepteur sint occaecat cupidatation non proident sunt
Nemo enim ipsam voluptatem quia sint an voluptas sit aspernatur aut odit aut fugit, sed quia consequun magni dolores eos qui ratione
Sep 22, 2023Admin
Nemo enim ipsam voluptatem quia voluptas sit aspernatur
At vero eos et accusamus et iusto odio and digniss ducimus qui blanditiis dolore praesentium voluptatu deleniti atque corrupti quos dolore
Sep 22, 2023Admin
<section class="blog dt-section">
<div class="container">
<div class="blog-block">
<div class="blog2">
<div class="row row-mr">
<div class=" col-lg-4 col-md-6 col-12 col-mr">
<div class="content-wrapper">
<div class="img-wrapper">
<a title="Blog Details" href="#">
<img src="../themes/custom/edu_care/assets/images/elements/blog/banner-2.jpg" alt="Blog" />
</a>
<span class="tag .term-link" ><a href="#">Education</a></span>
</div>
<div class="content-wrapper">
<h4><a title="Blog Details" href="#">Duis aute irure dolor in reprehenderit in voluptate velit esse</a></h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
<div class="info-content">
<span class="date" >Sep 22, 2023</span><span class="user" >Admin</span>
</div>
</div>
</div>
<div class=" col-lg-4 col-md-6 col-12 col-mr">
<div class="content-wrapper">
<div class="img-wrapper">
<a title="Blog Details" href="#">
<img src="../themes/custom/edu_care/assets/images/elements/blog/Image-21.jpg" alt="Blog" />
</a>
<span class="tag .term-link" ><a href="#">Students Life</a></span>
</div>
<div class="content-wrapper">
<h4><a title="Blog Details" href="#">Excepteur sint occaecat cupidatation non proident sunt</a></h4>
<p>Nemo enim ipsam voluptatem quia sint an voluptas sit aspernatur aut odit aut fugit, sed quia consequun magni dolores eos qui ratione</p>
</div>
<div class="info-content">
<span class="date" >Sep 22, 2023</span><span class="user">Admin</span>
</div>
</div>
</div>
<div class=" col-lg-4 col-md-6 col-12 col-mr">
<div class="content-wrapper">
<div class="img-wrapper">
<a title="Blog Details" href="#">
<img src="../themes/custom/edu_care/assets/images/elements/blog/Image-28.jpg" alt="Blog" />
</a>
<span class="tag .term-link" ><a href="#">Learning</a></span>
</div>
<div class="content-wrapper">
<h4><a title="Blog Details" href="#">Nemo enim ipsam voluptatem quia voluptas sit aspernatur</a></h4>
<p>At vero eos et accusamus et iusto odio and digniss ducimus qui blanditiis dolore praesentium voluptatu deleniti atque corrupti quos dolore</p>
</div>
<div class="info-content">
<span class="date" >Sep 22, 2023</span><span class="user">Admin</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
Blog Style 3
<section class="blog dt-section">
<div class="container">
<div class="blog-block">
<div class="blog3">
<div class="row row-mr">
<div class=" col-lg-4 col-md-6 col-12 col-mr">
<div class="content-wrapper">
<div class="img-wrapper">
<a title="Blog Details" href="#">
<img src="../themes/custom/edu_care/assets/images/elements/blog/banner-2.jpg" alt="Blog" />
</a>
</div>
<div class="card-wrapper">
<div class="info-content">
<span class="tag term-link" ><a href="#">Campus Life</a></span><span class="date" >Sep 22, 2023</span>
</div>
<div class="content-wrapper">
<h5><a title="Blog Details" href="#">Lorem ipsum dolor sit consectetur adipiscing elit sed do</a></h5>
<a class="svg-wrapper d-flex align-items-center justify-content-center" href="#" title="Details">
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="240" viewBox="0 0 150 240"><path data-name="Path 40756" d="M428.483,349.67l-95.3-97.316-95.882,96.7-23.823-25.412L332.6,199.67l120.87,123.351Z" transform="translate(349.67 -213.475) rotate(90)" fill="#130f40" fill-rule="evenodd"></path></svg>
</a>
</div>
</div>
</div>
</div>
<div class=" col-lg-4 col-md-6 col-12 col-mr">
<div class="content-wrapper">
<div class="img-wrapper">
<a title="Blog Details" href="#">
<img src="../themes/custom/edu_care/assets/images/elements/blog/Image-21.jpg" alt="Blog" />
</a>
</div>
<div class="card-wrapper">
<div class="info-content">
<span class="tag term-link" ><a href="#">Student Life</a></span><span class="date" >Sep 22, 2023</span>
</div>
<div class="content-wrapper">
<h5><a title="Blog Details" href="#">Lorem ipsum dolor sit consectetur adipiscing elit sed do</a></h5>
<a class="svg-wrapper d-flex align-items-center justify-content-center" href="#" title="Details">
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="240" viewBox="0 0 150 240"><path data-name="Path 40756" d="M428.483,349.67l-95.3-97.316-95.882,96.7-23.823-25.412L332.6,199.67l120.87,123.351Z" transform="translate(349.67 -213.475) rotate(90)" fill="#130f40" fill-rule="evenodd"></path></svg>
</a>
</div>
</div>
</div>
</div>
<div class=" col-lg-4 col-md-6 col-12 col-mr">
<div class="content-wrapper">
<div class="img-wrapper">
<a title="Blog Details" href="#">
<img src="../themes/custom/edu_care/assets/images/elements/blog/Image-28.jpg" alt="Blog" />
</a>
</div>
<div class="card-wrapper">
<div class="info-content">
<span class="tag term-link" ><a href="#">Learning</a></span><span class="date" >Sep 22, 2023</span>
</div>
<div class="content-wrapper">
<h5><a title="Blog Details" href="#">Lorem ipsum dolor sit consectetur adipiscing elit sed do</a></h5>
<a class="svg-wrapper d-flex align-items-center justify-content-center" href="#" title="Details">
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="240" viewBox="0 0 150 240"><path data-name="Path 40756" d="M428.483,349.67l-95.3-97.316-95.882,96.7-23.823-25.412L332.6,199.67l120.87,123.351Z" transform="translate(349.67 -213.475) rotate(90)" fill="#130f40" fill-rule="evenodd"></path></svg>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>