Program Style 1
<div class="programs-style-1">
<div class="container">
<div class="row s-15">
<div class="col-lg-4 col-md-6 col-12">
<div class="item">
<div class="image_date_pro"><a class="image" href="#" title="Title"><img alt="Image"
src="../themes/custom/university_plus/assets/img/blog_1.jpg" /> </a>
<div class="overlay">
<p>23</p>
<p>Mar</p>
</div>
</div>
<div class="item-content">
<h5><a href="#" title="Lorem ipsum dolor sit consect">Lorem ipsum dolor sit consect</a>
</h5>
<div class="icon">
<p>17th Avenue, New York</p>
</div>
<a class="btn btn-link btn-link-dark btn-sm" href="#" title="Title">Read More <svg
height="150" viewbox="0 0 150 150" width="150"
xmlns="http://www.w3.org/2000/svg">
<path
d="M262.6,117.6a75,75,0,1,0,75,75,75.117,75.117,0,0,0-75-75Zm0,15.518A59.483,59.483,0,1,1,203.117,192.6,59.365,59.365,0,0,1,262.6,133.118Zm-7.759,12.931v38.793H216.048v15.518h38.793v38.793h15.518V200.361h38.793V184.842H270.359V146.049Z"
data-name="Path 40655" fill="#1e1e2c" transform="translate(-187.6 -117.6)">
</path>
</svg> </a>
<div class="overlay"><a href="#" title="Computer Science">Computer Science</a></div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-12">
<div class="item">
<div class="image_date_pro"><a class="image" href="#" title="Title"><img alt="Image"
src="../themes/custom/university_plus/assets/img/event_1.jpg" /> </a>
<div class="overlay">
<p>23</p>
<p>Mar</p>
</div>
</div>
<div class="item-content">
<h5><a href="#" title="Excepteur sint occaecat cupidatat">Excepteur sint occaecat
cupidatat</a></h5>
<div class="icon">
<p>17th Avenue, New York</p>
</div>
<a class="btn btn-link btn-link-dark btn-sm" href="#" title="Title">Read More <svg
height="150" viewbox="0 0 150 150" width="150"
xmlns="http://www.w3.org/2000/svg">
<path
d="M262.6,117.6a75,75,0,1,0,75,75,75.117,75.117,0,0,0-75-75Zm0,15.518A59.483,59.483,0,1,1,203.117,192.6,59.365,59.365,0,0,1,262.6,133.118Zm-7.759,12.931v38.793H216.048v15.518h38.793v38.793h15.518V200.361h38.793V184.842H270.359V146.049Z"
data-name="Path 40655" fill="#1e1e2c" transform="translate(-187.6 -117.6)">
</path>
</svg> </a>
<div class="overlay"><a href="#" title="Data Science">Data Science</a></div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-12">
<div class="item">
<div class="image_date_pro"><a class="image" href="#" title="Title"><img alt="Image"
src="../themes/custom/university_plus/assets/img/event_3.jpeg" /> </a>
<div class="overlay">
<p>23</p>
<p>Mar</p>
</div>
</div>
<div class="item-content">
<h5><a href="#" title="Quis autem vel eum reprehenderit">Quis autem vel eum
reprehenderit</a></h5>
<div class="icon">
<p>17th Avenue, New York</p>
</div>
<a class="btn btn-link btn-link-dark btn-sm" href="#" title="Title">Read More <svg
height="150" viewbox="0 0 150 150" width="150"
xmlns="http://www.w3.org/2000/svg">
<path
d="M262.6,117.6a75,75,0,1,0,75,75,75.117,75.117,0,0,0-75-75Zm0,15.518A59.483,59.483,0,1,1,203.117,192.6,59.365,59.365,0,0,1,262.6,133.118Zm-7.759,12.931v38.793H216.048v15.518h38.793v38.793h15.518V200.361h38.793V184.842H270.359V146.049Z"
data-name="Path 40655" fill="#1e1e2c" transform="translate(-187.6 -117.6)">
</path>
</svg> </a>
<div class="overlay"><a href="#" title="Arts & Science">Arts & Science</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
Program Style 2
17th Avenue, New York
Lorem ipsum dolor sit consect
- Computer Science
- March 22, 2023
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
More Details
<div class="programs-style-2">
<div class="container">
<div class="row s-0">
<div class="col-lg-5 col-md-6 col-12">
<div class="image h-100"><a class="image" href="#" title="Title"><img alt="Image"
src="../themes/custom/university_plus/assets/img/blog_1.jpg" /> </a></div>
</div>
<div class="col-lg-7 col-md-6 col-12 two">
<div class="item-content"><span class="hs-19"><svg height="150" viewbox="0 0 115 150"
width="115" xmlns="http://www.w3.org/2000/svg">
<path
d="M120,56.853a52.877,52.877,0,0,1-10.284,31.313h.016L69.425,148.379a8.432,8.432,0,0,1-13.849,0l-40.11-59.97a52.819,52.819,0,0,1,.866-64.249C31.114,5.164,57-2.65,80.547,4.776S120,33.194,120,56.853ZM62.5,88.2c18.147,0,32.857-14.033,32.857-31.345S80.646,25.508,62.5,25.508,29.643,39.542,29.643,56.853,44.353,88.2,62.5,88.2Z"
data-name="Path 40651" fill="#1e1e2c" fill-rule="evenodd"
transform="translate(-5 -2)"></path>
</svg> 17th Avenue, New York </span>
<h3><a href="#" title="Lorem ipsum dolor sit consect">Lorem ipsum dolor sit consect</a></h3>
<div class="course_date">
<ul>
<li><a class="hs-14 " href="#" title="Computer Science">Computer Science</a></li>
<li class="hs-14">March 22, 2023</li>
</ul>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt
ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
<a class="btn btn-primary btn-style-3 btn-style-md btn-c-primary" href="#" tabindex="-1"
title="More Details">More Details</a>
</div>
</div>
</div>
</div>
</div>
Program Style 3
Nam libero tempore cum solutae
Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione
17th Avenue, New York June 03, 2023 More Details
<div class="events-style-2">
<div class="container">
<div class="row s-30">
<div class="col-lg-6 col-md-6 col-12 one">
<div class="image h-100"><a class="image" href="#" title="Title"><img alt="Image"
src="../themes/custom/university_plus/assets/img/blog_4.jpg" /> </a></div>
</div>
<div class="col-lg-6 col-md-6 col-12 two">
<div class="item-content">
<h3><a href="#" title="Nam libero tempore cum solutae">Nam libero tempore cum solutae</a>
</h3>
<p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia
consequuntur magni dolores eos qui ratione</p>
<span class="hs-19"><svg height="150" viewbox="0 0 115 150" width="115"
xmlns="http://www.w3.org/2000/svg">
<path
d="M120,56.853a52.877,52.877,0,0,1-10.284,31.313h.016L69.425,148.379a8.432,8.432,0,0,1-13.849,0l-40.11-59.97a52.819,52.819,0,0,1,.866-64.249C31.114,5.164,57-2.65,80.547,4.776S120,33.194,120,56.853ZM62.5,88.2c18.147,0,32.857-14.033,32.857-31.345S80.646,25.508,62.5,25.508,29.643,39.542,29.643,56.853,44.353,88.2,62.5,88.2Z"
data-name="Path 40651" fill="#1e1e2c" fill-rule="evenodd"
transform="translate(-5 -2)"></path>
</svg>17th Avenue, New York </span> <span class="hs-19"><svg height="150"
viewbox="0 0 150 150" width="150" xmlns="http://www.w3.org/2000/svg">
<path
d="M187.551,29.2H130.925V19.192a6.157,6.157,0,0,0-12.314,0V29.2H103.774A18.671,18.671,0,0,0,85.1,47.87v96.5a18.672,18.672,0,0,0,18.677,18.666H216.419A18.672,18.672,0,0,0,235.1,144.373V47.87A18.671,18.671,0,0,0,216.419,29.2H199.863V19.192a6.157,6.157,0,0,0-12.314,0Zm35.233,55.2v59.974a6.36,6.36,0,0,1-6.363,6.359H103.775a6.36,6.36,0,0,1-6.362-6.359V84.4H222.786ZM199.865,41.513V48.72a6.157,6.157,0,0,1-12.314,0V41.512H130.925v7.206a6.157,6.157,0,0,1-12.314,0V41.511H103.773a6.359,6.359,0,0,0-6.362,6.358V72.091H222.784V47.869a6.36,6.36,0,0,0-6.363-6.358H199.865Z"
data-name="Path 40656" fill="#1e1e2c" fill-rule="evenodd"
transform="translate(-85.097 -13.039)"></path>
</svg> June 03, 2023 </span> <a
class="btn btn-primary btn-style-3 btn-style-md btn-c-black" href="#" tabindex="-1"
title="More Details">More Details</a>
</div>
</div>
</div>
</div>
</div>