Eng
Spn
It
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor an incididunt ut labore et dolore magna aliqua.
Blog Style 1
Aug 23, 2023 /
College Life
Lorem ipsum dolor sit amet sed consectur adipiscing elit
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor an incididunt ut labore et dolore magna aliqua.
Aug 23, 2023 /
Education
Duis aute irure dolor reprehende in voluptate velit esse
Nemo enim ipsam voluptatem quia sint an voluptas sit aspernatur aut odit au fugit, sed quia consequun magni dolores eos qui ratione
Aug 23, 2023 /
Learning
Excepteur sint occaecat cupidat non proident sunt in culpa
Dolore enim ipsam voluptatem quia sint an voluptas sit aspernatur aut odit au fugit, sed quia consequun magni dolores eos qui ratione
<section class="blogs elements dt-section">
<div class="container">
<h2>Blog Style 1</h2>
<div class="blog1">
<div class="row">
<div class="col-lg-4 col-md-6">
<div class="blog-items">
<div class="img-wrapper">
<a href="javascript:void(0)" title="Lorem ipsum dolor sit amet sed consectur adipiscing elit"><img src="../themes/custom/college_pro/assets/theme/img/blog/Image-13.jpeg" alt=""></a>
</div>
<div class="created-category">
<span class="created">Aug 23, 2023 / </span>
<a href="javascript:void(0)" title="College Life"><span class="category"> College Life</span></a>
</div>
<h4><a href="javascript:void(0)" title="Lorem ipsum dolor sit amet sed consectur adipiscing elit">Lorem ipsum dolor sit amet sed consectur adipiscing elit</a></h4>
<div class="blog-conent">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor an incididunt ut labore et dolore magna aliqua.</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="blog-items">
<div class="img-wrapper">
<a href="javascript:void(0)" title="Duis aute irure dolor reprehende in voluptate velit esse"><img src="../themes/custom/college_pro/assets/theme/img/blog/Image-11.jpeg" alt=""></a>
</div>
<div class="created-category">
<span class="created">Aug 23, 2023 / </span>
<a href="javascript:void(0)" title="Education"><span class="category"> Education</span></a>
</div>
<h4><a href="javascript:void(0)" title="Duis aute irure dolor reprehende in voluptate velit esse">Duis aute irure dolor reprehende in voluptate velit esse</a></h4>
<div class="blog-conent">
<p>Nemo enim ipsam voluptatem quia sint an voluptas sit aspernatur aut odit au fugit, sed quia consequun magni dolores eos qui ratione</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="blog-items">
<div class="img-wrapper">
<a href="javascript:void(0)" title="Excepteur sint occaecat cupidat non proident sunt in culpa"><img src="../themes/custom/college_pro/assets/theme/img/blog/Image-8.jpeg" alt=""></a>
</div>
<div class="created-category">
<span class="created">Aug 23, 2023 / </span>
<a href="javascript:void(0)" title="Learning"><span class="category">Learning</span></a>
</div>
<h4><a href="javascript:void(0)" title="Excepteur sint occaecat cupidat non proident sunt in culpa">Excepteur sint occaecat cupidat non proident sunt in culpa</a></h4>
<div class="blog-conent">
<p>Dolore enim ipsam voluptatem quia sint an voluptas sit aspernatur aut odit au fugit, sed quia consequun magni dolores eos qui ratione</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
Blog Style 2
<section class="blogs elements dt-section">
<div class="container">
<h2>Blog Style 2</h2>
<div class="blog2">
<div class="row">
<div class="col-lg-4 col-md-6">
<div class="blog-items">
<div class="img-wrapper">
<a href="javascript:void(0)" title="Lorem ipsum dolor sit amet sed consectur"><img src="../themes/custom/college_pro/assets/theme/img/blog/Image-21.jpeg" alt=""></a>
</div>
<h4><a href="javascript:void(0)" title="Lorem ipsum dolor sit amet sed consectur">Lorem ipsum dolor sit amet sed consectur</a></h4>
<div class="created-category">
<a href="javascript:void(0)" title="Students"><span class="category"> Students</span></a>
<span class="created">Aug 23, 2023 </span>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="blog-items">
<div class="img-wrapper">
<a href="javascript:void(0)" title="Duis aute irure dolor reprehe in voluptate velit esse"> <img src="../themes/custom/college_pro/assets/theme/img/blog/Image-11.jpeg" alt=""></a>
</div>
<h4><a href="javascript:void(0)" title="Duis aute irure dolor reprehe in voluptate velit esse">Duis aute irure dolor reprehe in voluptate velit esse</a></h4>
<div class="created-category">
<a href="javascript:void(0)" title="Education"><span class="category"> Education</span></a>
<span class="created">Aug 23, 2023 </span>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="blog-items">
<div class="img-wrapper">
<a href="javascript:void(0)" title="Excepteur sint occaecat cupi dat non proident sunt"><img src="../themes/custom/college_pro/assets/theme/img/blog/Image-4.jpeg" alt=""></a>
</div>
<h4><a href="javascript:void(0)" title="Excepteur sint occaecat cupi dat non proident sunt">Excepteur sint occaecat cupi dat non proident sunt</a></h4>
<div class="created-category">
<a href="javascript:void(0)" title="Campus Life"><span class="category">Campus Life</span></a>
<span class="created">Aug 23, 2023 </span>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
Blog Style 3
Aug 23, 2023
Lorem ipsum dolor sit amet sed consectur
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor an incididunt ut labore et dolore magna aliqua.
Aug 23, 2023
Lorem ipsum dolor sit amet sed consectur
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor an incididunt ut labore et dolore magna aliqua.
<section class="blogs elements dt-section">
<div class="container">
<h2>Blog Style 3</h2>
<div class="blog3">
<div class="row">
<div class="col-lg-4 col-md-6">
<div class="blog-items">
<div class="img-wrapper">
<a href="javascript:void(0)" title="Lorem ipsum dolor sit amet sed consectur"><img src="../themes/custom/college_pro/assets/theme/img/blog/Image-21.jpeg" alt=""></a>
<a href="javascript:void(0)" title="Students"><span class="category"> Students</span></a>
</div>
<div class="created-category">
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12">
<path data-name="Path 40768" d="M12.2,3.2H11V2.6a.6.6,0,1,0-1.2,0v.6H6.2V2.6A.6.6,0,0,0,5,2.6v.6H3.8A1.8,1.8,0,0,0,2,5v7.2A1.8,1.8,0,0,0,3.8,14h8.4A1.8,1.8,0,0,0,14,12.2V5A1.8,1.8,0,0,0,12.2,3.2Zm.6,9a.6.6,0,0,1-.6.6H3.8a.6.6,0,0,1-.6-.6V8h9.6Zm0-5.4H3.2V5a.6.6,0,0,1,.6-.6H5V5A.6.6,0,0,0,6.2,5V4.4H9.8V5A.6.6,0,0,0,11,5V4.4h1.2a.6.6,0,0,1,.6.6Z" transform="translate(-2 -2)" fill="#4d5765"/>
</svg>
<span class="created">Aug 23, 2023 </span>
</div>
<h4><a href="javascript:void(0)" title="Lorem ipsum dolor sit amet sed consectur">Lorem ipsum dolor sit amet sed consectur</a></h4>
<div class="blog-content">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor an incididunt ut labore et dolore magna aliqua.</p>
</div>
<div class="read">
<a href="javascript:void(0)" title="Lorem ipsum dolor sit amet sed consectur">Read More</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="blog-items">
<div class="img-wrapper">
<a href="javascript:void(0)" title="Lorem ipsum dolor sit amet sed consectur"><img src="../themes/custom/college_pro/assets/theme/img/blog/Image-11.jpeg" alt=""></a>
<a href="javascript:void(0)" title="Education"><span class="category"> Education</span></a>
</div>
<div class="created-category">
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12">
<path data-name="Path 40768" d="M12.2,3.2H11V2.6a.6.6,0,1,0-1.2,0v.6H6.2V2.6A.6.6,0,0,0,5,2.6v.6H3.8A1.8,1.8,0,0,0,2,5v7.2A1.8,1.8,0,0,0,3.8,14h8.4A1.8,1.8,0,0,0,14,12.2V5A1.8,1.8,0,0,0,12.2,3.2Zm.6,9a.6.6,0,0,1-.6.6H3.8a.6.6,0,0,1-.6-.6V8h9.6Zm0-5.4H3.2V5a.6.6,0,0,1,.6-.6H5V5A.6.6,0,0,0,6.2,5V4.4H9.8V5A.6.6,0,0,0,11,5V4.4h1.2a.6.6,0,0,1,.6.6Z" transform="translate(-2 -2)" fill="#4d5765"/>
</svg>
<span class="created">Aug 23, 2023 </span>
</div>
<h4><a href="javascript:void(0)" title="Lorem ipsum dolor sit amet sed consectur">Lorem ipsum dolor sit amet sed consectur</a></h4>
<div class="blog-content">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor an incididunt ut labore et dolore magna aliqua.</p>
</div>
<div class="read">
<a href="javascript:void(0)" title="Lorem ipsum dolor sit amet sed consectur">Read More</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="blog-items">
<div class="img-wrapper">
<a href="javascript:void(0)" title="Lorem ipsum dolor sit amet sed consectur"><img src="../themes/custom/college_pro/assets/theme/img/blog/Image-4.jpeg" alt=""></a>
<a href="javascript:void(0)" title="Campus Life"><span class="category"> Campus Life</span></a>
</div>
<div class="created-category">
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12">
<path data-name="Path 40768" d="M12.2,3.2H11V2.6a.6.6,0,1,0-1.2,0v.6H6.2V2.6A.6.6,0,0,0,5,2.6v.6H3.8A1.8,1.8,0,0,0,2,5v7.2A1.8,1.8,0,0,0,3.8,14h8.4A1.8,1.8,0,0,0,14,12.2V5A1.8,1.8,0,0,0,12.2,3.2Zm.6,9a.6.6,0,0,1-.6.6H3.8a.6.6,0,0,1-.6-.6V8h9.6Zm0-5.4H3.2V5a.6.6,0,0,1,.6-.6H5V5A.6.6,0,0,0,6.2,5V4.4H9.8V5A.6.6,0,0,0,11,5V4.4h1.2a.6.6,0,0,1,.6.6Z" transform="translate(-2 -2)" fill="#4d5765"/>
</svg>
<span class="created">Aug 23, 2023 </span>
</div>
<h4><a href="javascript:void(0)" title="Lorem ipsum dolor sit amet sed consectur">Lorem ipsum dolor sit amet sed consectur</a></h4>
<div class="blog-content">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor an incididunt ut labore et dolore magna aliqua.</p>
</div>
<div class="read">
<a href="javascript:void(0)" title="Lorem ipsum dolor sit amet sed consectur">Read More</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
Blog Style 4
Students
Aug 23, 2023
Lorem ipsum dolor sit amet sed consectu adipiscing elit
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
<section class="blogs elements dt-section">
<div class="container">
<h2>Blog Style 4</h2>
<div class="blog4">
<div class="row">
<div class="col-lg-5 col-md-6">
<div class="img-wrapper">
<a href="javascript:void(0)" title="Lorem ipsum dolor sit amet sed consectu adipiscing elit"><img src="../themes/custom/college_pro/assets/theme/img/blog/Image-21.jpeg" alt=""></a>
</div>
</div>
<div class="col-lg-7 col-md-6">
<div class="blog-items">
<div class="cate-created">
<a href="javascript:void(0)" title="Students"><span class="category"> Students</span></a>
<div class="created-category">
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12">
<path data-name="Path 40768" d="M12.2,3.2H11V2.6a.6.6,0,1,0-1.2,0v.6H6.2V2.6A.6.6,0,0,0,5,2.6v.6H3.8A1.8,1.8,0,0,0,2,5v7.2A1.8,1.8,0,0,0,3.8,14h8.4A1.8,1.8,0,0,0,14,12.2V5A1.8,1.8,0,0,0,12.2,3.2Zm.6,9a.6.6,0,0,1-.6.6H3.8a.6.6,0,0,1-.6-.6V8h9.6Zm0-5.4H3.2V5a.6.6,0,0,1,.6-.6H5V5A.6.6,0,0,0,6.2,5V4.4H9.8V5A.6.6,0,0,0,11,5V4.4h1.2a.6.6,0,0,1,.6.6Z" transform="translate(-2 -2)" fill="#4d5765"/>
</svg>
<span class="created">Aug 23, 2023 </span>
</div>
</div>
<h3><a href="javascript:void(0)" title="Lorem ipsum dolor sit amet sed consectu adipiscing elit">Lorem ipsum dolor sit amet sed consectu adipiscing elit</a></h3>
<div class="blog-content">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
<div class="read">
<a href="javascript:void(0)" title="Lorem ipsum dolor sit amet sed consectu adipiscing elit">Read More</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>