Event Style 1
22 Sep
College Campus
10AM - 11AM
22 Sep
College Campus
10AM - 11AM
<section class="event dt-section">
<div class="container">
<div class="event-block">
<div class="event1">
<div class="row row-mr">
<div class="col-md-6 col-12 col-mr">
<div class="content-wrapper">
<div class="img-wrapper">
<img src="../themes/custom/edu_care/assets/images/elements/event/image-2.jpg" alt="event" />
<span class="date" >22 Sep</span>
</div>
<div class="content-block">
<div class="info-content">
<span class="location" >
<svg xmlns="http://www.w3.org/2000/svg" width="119" height="150" viewBox="0 0 119 150"><path data-name="Path 40748" d="M230.646,95.745C219.313,81.551,201.98,73.5,183.313,73.5s-36,8.051-47.333,22.246a54.794,54.794,0,0,0,0,68.856l47.333,58.9,47.334-58.9A54.8,54.8,0,0,0,230.646,95.745Zm-47.334,3.389c17.112,0,31.112,13.347,31.112,29.661s-14,29.661-31.112,29.661S152.2,145.109,152.2,128.8,166.2,99.135,183.313,99.135Z" transform="translate(-123.813 -73.5)" fill="#130f40"></path></svg>
College Campus
</span>
<span class="time">
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150"><path data-name="Path 40747" d="M220.04,75.039a75,75,0,1,0,75,75A75.036,75.036,0,0,0,220.04,75.039ZM260.2,160.285h-49.8V104.957h12.3V147.99h37.5Z" transform="translate(-145.04 -75.039)" fill="#130f40"></path></svg>
10AM - 11AM
</span>
</div>
<div class="content-wrapper">
<h3><a title="Event Details" href="#">Career Building in Artificial Intelligence</a></h3>
<a class="read secondary btn-md btn-custom5" title="Event Details" href="#">View Details
<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 class="col-md-6 col-12 col-mr">
<div class="content-wrapper">
<div class="img-wrapper">
<img src="../themes/custom/edu_care/assets/images/elements/event/Image-1.jpg" alt="event" />
<span class="date" >22 Sep</span>
</div>
<div class="content-block">
<div class="info-content">
<span class="location" >
<svg xmlns="http://www.w3.org/2000/svg" width="119" height="150" viewBox="0 0 119 150"><path data-name="Path 40748" d="M230.646,95.745C219.313,81.551,201.98,73.5,183.313,73.5s-36,8.051-47.333,22.246a54.794,54.794,0,0,0,0,68.856l47.333,58.9,47.334-58.9A54.8,54.8,0,0,0,230.646,95.745Zm-47.334,3.389c17.112,0,31.112,13.347,31.112,29.661s-14,29.661-31.112,29.661S152.2,145.109,152.2,128.8,166.2,99.135,183.313,99.135Z" transform="translate(-123.813 -73.5)" fill="#130f40"></path></svg>
College Campus
</span>
<span class="time">
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150"><path data-name="Path 40747" d="M220.04,75.039a75,75,0,1,0,75,75A75.036,75.036,0,0,0,220.04,75.039ZM260.2,160.285h-49.8V104.957h12.3V147.99h37.5Z" transform="translate(-145.04 -75.039)" fill="#130f40"></path></svg>
10AM - 11AM
</span>
</div>
<div class="content-wrapper">
<h3><a title="Event Details" href="#">Sed ut perspiciatis unde omnis iste natus</a></h3>
<a class="read secondary btn-md btn-custom5" title="Event Details" href="#">View Details
<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>
</div>
</section>
Event Style 2
22 SEP, 2023
At vero eos et accusamus etiust odi dign issim eligen
College Campus
10AM - 11AM
View Details
<section class="event dt-section">
<div class="container">
<div class="event-block">
<div class="event2">
<div class="row row-mr">
<div class="col-md-6 col-sm-6 col-12 col-mr">
<div class="content-wrapper">
<div class="row">
<div class="col-12">
<div class="img-wrapper h-100">
<img src="../themes/custom/edu_care/assets/images/elements/event/image-2.jpg" alt="event" />
</div>
</div>
<div class="col-12">
<div class="content-block">
<div class="info-content-wrapper">
<p>22 SEP, 2023</p>
<h5><a title="Event title" href="#">Career Building in Artificial Intelligence</a></h5>
<div class="info-content">
<span class="location" >
<svg xmlns="http://www.w3.org/2000/svg" width="119" height="150" viewBox="0 0 119 150"><path data-name="Path 40748" d="M230.646,95.745C219.313,81.551,201.98,73.5,183.313,73.5s-36,8.051-47.333,22.246a54.794,54.794,0,0,0,0,68.856l47.333,58.9,47.334-58.9A54.8,54.8,0,0,0,230.646,95.745Zm-47.334,3.389c17.112,0,31.112,13.347,31.112,29.661s-14,29.661-31.112,29.661S152.2,145.109,152.2,128.8,166.2,99.135,183.313,99.135Z" transform="translate(-123.813 -73.5)" fill="#130f40"></path></svg>
College Campus
</span>
<span class="time">
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150"><path data-name="Path 40747" d="M220.04,75.039a75,75,0,1,0,75,75A75.036,75.036,0,0,0,220.04,75.039ZM260.2,160.285h-49.8V104.957h12.3V147.99h37.5Z" transform="translate(-145.04 -75.039)" fill="#130f40"></path></svg>
10AM - 11AM
</span>
</div>
<a class="read secondary btn-sm btn-custom5" title="event Details" href="#">View Details
<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 class="col-md-6 col-sm-6 col-12 col-mr">
<div class="content-wrapper">
<div class="row">
<div class="col-12">
<div class="img-wrapper h-100">
<img src="../themes/custom/edu_care/assets/images/elements/course/Image-13.jpg" alt="testimonil" />
</div>
</div>
<div class="col-12">
<div class="content-block">
<div class="info-content-wrapper">
<p>22 SEP, 2023</p>
<h5><a title="Event title" href="#">At vero eos et accusamus etiust odi dign issim eligen</a></h5>
<div class="info-content">
<span class="location" >
<svg xmlns="http://www.w3.org/2000/svg" width="119" height="150" viewBox="0 0 119 150"><path data-name="Path 40748" d="M230.646,95.745C219.313,81.551,201.98,73.5,183.313,73.5s-36,8.051-47.333,22.246a54.794,54.794,0,0,0,0,68.856l47.333,58.9,47.334-58.9A54.8,54.8,0,0,0,230.646,95.745Zm-47.334,3.389c17.112,0,31.112,13.347,31.112,29.661s-14,29.661-31.112,29.661S152.2,145.109,152.2,128.8,166.2,99.135,183.313,99.135Z" transform="translate(-123.813 -73.5)" fill="#130f40"></path></svg>
College Campus
</span>
<span class="time">
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150"><path data-name="Path 40747" d="M220.04,75.039a75,75,0,1,0,75,75A75.036,75.036,0,0,0,220.04,75.039ZM260.2,160.285h-49.8V104.957h12.3V147.99h37.5Z" transform="translate(-145.04 -75.039)" fill="#130f40"></path></svg>
10AM - 11AM
</span>
</div>
<a class="read secondary btn-sm btn-custom5" title="event Details" href="#">View Details
<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>
</div>
</div>
</div>
</section>
Event Style 3
22
22 SEP, 2023
Innovation in Arts and Culture
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In in velit odio. Morbi sodales nisi nec tortor commodo, malesuada fermentum magna faucibus. Proin fringilla ante lacus, eu condimentum est rutrum eget. Vestibulum molestie at sapien sed facilisis.
College Campus
10AM - 11AM
View Details
<section class="event dt-section">
<div class="container">
<div class="event-block">
<div class="event3">
<div class="row">
<div class="col-12 date">
<h3>22</h3>
<p>22 SEP, 2023</p>
</div>
<div class="col-12 image">
<div class="img-wrapper">
<img src="../themes/custom/edu_care/assets/images/elements/event/Image-4.jpg" alt="event" />
</div>
</div>
<div class="col-12 info">
<div class="content-block">
<h3><a title="Event title" href="#">Innovation in Arts and Culture</a></h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In in velit odio. Morbi sodales nisi nec tortor commodo, malesuada fermentum magna faucibus. Proin fringilla ante lacus, eu condimentum est rutrum eget. Vestibulum molestie at sapien sed facilisis.</p>
<div class="info-content">
<span class="location" >
<svg xmlns="http://www.w3.org/2000/svg" width="119" height="150" viewBox="0 0 119 150"><path data-name="Path 40748" d="M230.646,95.745C219.313,81.551,201.98,73.5,183.313,73.5s-36,8.051-47.333,22.246a54.794,54.794,0,0,0,0,68.856l47.333,58.9,47.334-58.9A54.8,54.8,0,0,0,230.646,95.745Zm-47.334,3.389c17.112,0,31.112,13.347,31.112,29.661s-14,29.661-31.112,29.661S152.2,145.109,152.2,128.8,166.2,99.135,183.313,99.135Z" transform="translate(-123.813 -73.5)" fill="#130f40"></path></svg>
College Campus
</span>
<span class="time">
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150"><path data-name="Path 40747" d="M220.04,75.039a75,75,0,1,0,75,75A75.036,75.036,0,0,0,220.04,75.039ZM260.2,160.285h-49.8V104.957h12.3V147.99h37.5Z" transform="translate(-145.04 -75.039)" fill="#130f40"></path></svg>
10AM - 11AM
</span>
</div>
<a class="read secondary btn-md btn-custom5" title="event Details" href="#">View Details
<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>
</section>