Spn
Eng
It
Events Style 1
<section class="events elements dt-section">
<div class="container">
<h2>Events Style 1</h2>
<div class="events-1">
<div class="row">
<div class="col-lg-6">
<div class="events-wrapper">
<div class="img-wrapper">
<img src="../themes/custom/college_pro/assets/theme/img/events/image-1.jpg" alt="event-image">
</div>
<div class="events-item">
<span>259 Hilton Street, NewYork</span>
<h4><a href="javascript:void(0)" title="Lorem ipsum dolor sit amet sed consectur">Lorem ipsum dolor sit amet sed consectur</a></h4>
<span class="created">Aug 23, 2023</span>
<div class="read">
<a href="javascript:void(0)" title="Lorem ipsum dolor sit amet sed consectur">View Details</a>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="events-wrapper">
<div class="img-wrapper">
<img src="../themes/custom/college_pro/assets/theme/img/events/Image-19.jpg" alt="event-image">
</div>
<div class="events-item">
<span>259 Hilton Street, NewYork</span>
<h4><a href="javascript:void(0)" title="Duis aute irure dolor eiusmo in voluptate velit esse">Duis aute irure dolor eiusmo in voluptate velit esse</a></h4>
<span class="created">Aug 23, 2023</span>
<div class="read">
<a href="javascript:void(0)" title="Duis aute irure dolor eiusmo in voluptate velit esse">View Details</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
Events Style 2
<section class="events elements dt-section">
<div class="container">
<h2>Events Style 2</h2>
<div class="events-2">
<div class="row">
<div class="col-lg-6">
<div class="events-wrapper">
<div class="img-wrapper">
<img src="../themes/custom/college_pro/assets/theme/img/events/image-1.jpg" alt="event-image">
</div>
<div class="events-item">
<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="location-date">
<div class="location">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="12" viewBox="0 0 10 12">
<path data-name="Path 39385" d="M12.055,3.481a4.953,4.953,0,0,0-7.075,0,5.128,5.128,0,0,0,0,7.178l3.107,3.158a.584.584,0,0,0,.837,0l3.131-3.188a5.107,5.107,0,0,0,0-7.148Zm-.843,6.293L8.518,12.52,5.823,9.774a3.9,3.9,0,0,1,0-5.464,3.771,3.771,0,0,1,5.386,0A3.9,3.9,0,0,1,11.212,9.774ZM6.749,5.234a2.611,2.611,0,0,0,0,3.649,2.515,2.515,0,0,0,2.758.566,2.575,2.575,0,0,0,.839-4.185,2.51,2.51,0,0,0-3.6-.03Zm2.765,2.8a1.359,1.359,0,0,1-1.736.185,1.4,1.4,0,0,1-.513-1.693A1.37,1.37,0,0,1,8.8,5.688a1.389,1.389,0,0,1,1.106,1.37,1.4,1.4,0,0,1-.425.975Z" transform="translate(-3.515 -1.995)" fill="#4d5765"/>
</svg>
<span>NewYork</span>
</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>
</div>
<div class="read">
<a href="javascript:void(0)" title="Lorem ipsum dolor sit amet sed consectur">View Details</a>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="events-wrapper">
<div class="img-wrapper">
<img src="../themes/custom/college_pro/assets/theme/img/events/Image-12.jpg" alt="event-image">
</div>
<div class="events-item">
<h4><a href="javascript:void(0)" title="xcepteur sint occaecat an cupidat non proident">Excepteur sint occaecat an cupidat non proident</a></h4>
<div class="location-date">
<div class="location">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="12" viewBox="0 0 10 12">
<path data-name="Path 39385" d="M12.055,3.481a4.953,4.953,0,0,0-7.075,0,5.128,5.128,0,0,0,0,7.178l3.107,3.158a.584.584,0,0,0,.837,0l3.131-3.188a5.107,5.107,0,0,0,0-7.148Zm-.843,6.293L8.518,12.52,5.823,9.774a3.9,3.9,0,0,1,0-5.464,3.771,3.771,0,0,1,5.386,0A3.9,3.9,0,0,1,11.212,9.774ZM6.749,5.234a2.611,2.611,0,0,0,0,3.649,2.515,2.515,0,0,0,2.758.566,2.575,2.575,0,0,0,.839-4.185,2.51,2.51,0,0,0-3.6-.03Zm2.765,2.8a1.359,1.359,0,0,1-1.736.185,1.4,1.4,0,0,1-.513-1.693A1.37,1.37,0,0,1,8.8,5.688a1.389,1.389,0,0,1,1.106,1.37,1.4,1.4,0,0,1-.425.975Z" transform="translate(-3.515 -1.995)" fill="#4d5765"/>
</svg>
<span>NewYork</span>
</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>
</div>
<div class="read">
<a href="javascript:void(0)" title="xcepteur sint occaecat an cupidat non proident">View Details</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
Events Style 3
NewYork
Aug 23, 2023
Lorem ipsum dolor sit amet sed consectur
NewYork
Aug 23, 2023
Duis aute irure dolor reprehe in voluptate velit esse
NewYork
Aug 23, 2023
Excepteur sint occaecat cupi dat non proident sunt
<section class="events elements dt-section">
<div class="container">
<h2>Events Style 3</h2>
<div class="events-3">
<div class="row">
<div class="col-lg-4 col-md-6">
<div class="events-wrapper">
<div class="img-wrapper">
<img src="../themes/custom/college_pro/assets/theme/img/events/image-1.jpg" alt="event-image">
</div>
<div class="events-item">
<div class="location-date">
<div class="location">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="12" viewBox="0 0 10 12">
<path data-name="Path 39385" d="M12.055,3.481a4.953,4.953,0,0,0-7.075,0,5.128,5.128,0,0,0,0,7.178l3.107,3.158a.584.584,0,0,0,.837,0l3.131-3.188a5.107,5.107,0,0,0,0-7.148Zm-.843,6.293L8.518,12.52,5.823,9.774a3.9,3.9,0,0,1,0-5.464,3.771,3.771,0,0,1,5.386,0A3.9,3.9,0,0,1,11.212,9.774ZM6.749,5.234a2.611,2.611,0,0,0,0,3.649,2.515,2.515,0,0,0,2.758.566,2.575,2.575,0,0,0,.839-4.185,2.51,2.51,0,0,0-3.6-.03Zm2.765,2.8a1.359,1.359,0,0,1-1.736.185,1.4,1.4,0,0,1-.513-1.693A1.37,1.37,0,0,1,8.8,5.688a1.389,1.389,0,0,1,1.106,1.37,1.4,1.4,0,0,1-.425.975Z" transform="translate(-3.515 -1.995)" fill="#4d5765"/>
</svg>
<span>NewYork</span>
</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>
</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>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="events-wrapper">
<div class="img-wrapper">
<img src="../themes/custom/college_pro/assets/theme/img/events/Image-12.jpg" alt="event-image">
</div>
<div class="events-item">
<div class="location-date">
<div class="location">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="12" viewBox="0 0 10 12">
<path data-name="Path 39385" d="M12.055,3.481a4.953,4.953,0,0,0-7.075,0,5.128,5.128,0,0,0,0,7.178l3.107,3.158a.584.584,0,0,0,.837,0l3.131-3.188a5.107,5.107,0,0,0,0-7.148Zm-.843,6.293L8.518,12.52,5.823,9.774a3.9,3.9,0,0,1,0-5.464,3.771,3.771,0,0,1,5.386,0A3.9,3.9,0,0,1,11.212,9.774ZM6.749,5.234a2.611,2.611,0,0,0,0,3.649,2.515,2.515,0,0,0,2.758.566,2.575,2.575,0,0,0,.839-4.185,2.51,2.51,0,0,0-3.6-.03Zm2.765,2.8a1.359,1.359,0,0,1-1.736.185,1.4,1.4,0,0,1-.513-1.693A1.37,1.37,0,0,1,8.8,5.688a1.389,1.389,0,0,1,1.106,1.37,1.4,1.4,0,0,1-.425.975Z" transform="translate(-3.515 -1.995)" fill="#4d5765"/>
</svg>
<span>NewYork</span>
</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>
</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>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="events-wrapper">
<div class="img-wrapper">
<img src="../themes/custom/college_pro/assets/theme/img/events/Image-28.jpg" alt="event-image">
</div>
<div class="events-item">
<div class="location-date">
<div class="location">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="12" viewBox="0 0 10 12">
<path data-name="Path 39385" d="M12.055,3.481a4.953,4.953,0,0,0-7.075,0,5.128,5.128,0,0,0,0,7.178l3.107,3.158a.584.584,0,0,0,.837,0l3.131-3.188a5.107,5.107,0,0,0,0-7.148Zm-.843,6.293L8.518,12.52,5.823,9.774a3.9,3.9,0,0,1,0-5.464,3.771,3.771,0,0,1,5.386,0A3.9,3.9,0,0,1,11.212,9.774ZM6.749,5.234a2.611,2.611,0,0,0,0,3.649,2.515,2.515,0,0,0,2.758.566,2.575,2.575,0,0,0,.839-4.185,2.51,2.51,0,0,0-3.6-.03Zm2.765,2.8a1.359,1.359,0,0,1-1.736.185,1.4,1.4,0,0,1-.513-1.693A1.37,1.37,0,0,1,8.8,5.688a1.389,1.389,0,0,1,1.106,1.37,1.4,1.4,0,0,1-.425.975Z" transform="translate(-3.515 -1.995)" fill="#4d5765"/>
</svg>
<span>NewYork</span>
</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>
</div>
<h4><a href="javascript:void(0)" title="Event">Excepteur sint occaecat cupi dat non proident sunt</a></h4>
</div>
</div>
</div>
</div>
</div>
</div>
</section>