Events Style 1
<div class="video-style-3">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-4 col-md-6 col-12">
<div class="item">
<div class="image">
<img src="../assets/img/home/home-3/video-1.jpg" alt="Image">
<div class="overlay">
<a data-fancybox="video-gallery" data-src="https://www.youtube.com/embed/xFoTyCiCMzU" title="Title">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="130" height="130" viewBox="0 0 130 130">
<defs>
<linearGradient id="linear-gradient" y1="0.5" x2="1" y2="0.5" gradientUnits="objectBoundingBox">
<stop offset="0" stop-color="#fd8a66"/>
<stop offset="0.308" stop-color="#fd4c72"/>
<stop offset="0.733" stop-color="#fd387c"/>
<stop offset="1" stop-color="#fd2384"/>
</linearGradient>
</defs>
<g id="Group_39844" data-name="Group 39844" transform="translate(-2053.715 -2624.715)">
<rect id="Rectangle_45" data-name="Rectangle 45" width="130" height="130" rx="65" transform="translate(2053.715 2624.715)" fill="url(#linear-gradient)"/>
<path id="Icon_ionic-ios-play" data-name="Icon ionic-ios-play" d="M9,7.79V45.841a.98.98,0,0,0,1.467.9L40.63,27.719a1.078,1.078,0,0,0,0-1.793L10.467,6.9A.971.971,0,0,0,9,7.79Z" transform="translate(2093.66 2662.526)" fill="#fff"/>
</g>
</svg>
</a>
</div>
</div>
<div class="item-content">
<span class="date-style-1">Apr 15, 2022</span>
<h4><a href="#" title="Title">Slamp Party</a></h4>
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="96.667" height="120" viewBox="0 0 96.667 120">
<path id="Path_10" data-name="Path 10" d="M52.333,2A48.167,48.167,0,0,0,4,50c0,32.4,42.594,69,44.406,70.56a6.074,6.074,0,0,0,7.854,0C58.375,119,100.667,82.4,100.667,50A48.167,48.167,0,0,0,52.333,2Zm0,105.9c-12.869-12-36.25-37.86-36.25-57.9a36.251,36.251,0,0,1,72.5,0C88.583,70.04,65.2,95.96,52.333,107.9Zm0-81.9A24,24,0,1,0,76.5,50,24.084,24.084,0,0,0,52.333,26Zm0,36A12,12,0,1,1,64.417,50,12.042,12.042,0,0,1,52.333,62Z" transform="translate(-4 -2)" fill="#1a1725"/>
</svg>Prague, centre, Florida, USA
</span>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-12">
<div class="item">
<div class="image">
<img src="../assets/img/home/home-3/video-2.jpg" alt="Image">
<div class="overlay">
<a data-fancybox="video-gallery" data-src="https://www.youtube.com/embed/xFoTyCiCMzU" title="Title">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="130" height="130" viewBox="0 0 130 130">
<defs>
<linearGradient id="linear-gradient" y1="0.5" x2="1" y2="0.5" gradientUnits="objectBoundingBox">
<stop offset="0" stop-color="#fd8a66"/>
<stop offset="0.308" stop-color="#fd4c72"/>
<stop offset="0.733" stop-color="#fd387c"/>
<stop offset="1" stop-color="#fd2384"/>
</linearGradient>
</defs>
<g id="Group_39844" data-name="Group 39844" transform="translate(-2053.715 -2624.715)">
<rect id="Rectangle_45" data-name="Rectangle 45" width="130" height="130" rx="65" transform="translate(2053.715 2624.715)" fill="url(#linear-gradient)"/>
<path id="Icon_ionic-ios-play" data-name="Icon ionic-ios-play" d="M9,7.79V45.841a.98.98,0,0,0,1.467.9L40.63,27.719a1.078,1.078,0,0,0,0-1.793L10.467,6.9A.971.971,0,0,0,9,7.79Z" transform="translate(2093.66 2662.526)" fill="#fff"/>
</g>
</svg>
</a>
</div>
</div>
<div class="item-content">
<span class="date-style-1">Apr 15, 2022</span>
<h4><a href="#" title="Title">Love For My City</a></h4>
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="96.667" height="120" viewBox="0 0 96.667 120">
<path id="Path_10" data-name="Path 10" d="M52.333,2A48.167,48.167,0,0,0,4,50c0,32.4,42.594,69,44.406,70.56a6.074,6.074,0,0,0,7.854,0C58.375,119,100.667,82.4,100.667,50A48.167,48.167,0,0,0,52.333,2Zm0,105.9c-12.869-12-36.25-37.86-36.25-57.9a36.251,36.251,0,0,1,72.5,0C88.583,70.04,65.2,95.96,52.333,107.9Zm0-81.9A24,24,0,1,0,76.5,50,24.084,24.084,0,0,0,52.333,26Zm0,36A12,12,0,1,1,64.417,50,12.042,12.042,0,0,1,52.333,62Z" transform="translate(-4 -2)" fill="#1a1725"/>
</svg>Prague, centre, Florida, USA
</span>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-12">
<div class="item">
<div class="image">
<img src="../assets/img/home/home-3/video-3.jpg" alt="Image">
<div class="overlay">
<a data-fancybox="video-gallery" data-src="https://www.youtube.com/embed/xFoTyCiCMzU" title="Title">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="130" height="130" viewBox="0 0 130 130">
<defs>
<linearGradient id="linear-gradient" y1="0.5" x2="1" y2="0.5" gradientUnits="objectBoundingBox">
<stop offset="0" stop-color="#fd8a66"/>
<stop offset="0.308" stop-color="#fd4c72"/>
<stop offset="0.733" stop-color="#fd387c"/>
<stop offset="1" stop-color="#fd2384"/>
</linearGradient>
</defs>
<g id="Group_39844" data-name="Group 39844" transform="translate(-2053.715 -2624.715)">
<rect id="Rectangle_45" data-name="Rectangle 45" width="130" height="130" rx="65" transform="translate(2053.715 2624.715)" fill="url(#linear-gradient)"/>
<path id="Icon_ionic-ios-play" data-name="Icon ionic-ios-play" d="M9,7.79V45.841a.98.98,0,0,0,1.467.9L40.63,27.719a1.078,1.078,0,0,0,0-1.793L10.467,6.9A.971.971,0,0,0,9,7.79Z" transform="translate(2093.66 2662.526)" fill="#fff"/>
</g>
</svg>
</a>
</div>
</div>
<div class="item-content">
<span class="date-style-1">Apr 15, 2022</span>
<h4><a href="#" title="Title">Music Night Feast Party</a></h4>
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="96.667" height="120" viewBox="0 0 96.667 120">
<path id="Path_10" data-name="Path 10" d="M52.333,2A48.167,48.167,0,0,0,4,50c0,32.4,42.594,69,44.406,70.56a6.074,6.074,0,0,0,7.854,0C58.375,119,100.667,82.4,100.667,50A48.167,48.167,0,0,0,52.333,2Zm0,105.9c-12.869-12-36.25-37.86-36.25-57.9a36.251,36.251,0,0,1,72.5,0C88.583,70.04,65.2,95.96,52.333,107.9Zm0-81.9A24,24,0,1,0,76.5,50,24.084,24.084,0,0,0,52.333,26Zm0,36A12,12,0,1,1,64.417,50,12.042,12.042,0,0,1,52.333,62Z" transform="translate(-4 -2)" fill="#1a1725"/>
</svg>Prague, centre, Florida, USA
</span>
</div>
</div>
</div>
</div>
</div>
</div>
Events Style 2
June 03, 2021
Music & Dance Party
-
08:00 AM - 10:00 AM
-
58 A, East Madison Street, New York, USA
June 03, 2021
A World Class Marketing Conference
-
08:00 AM - 10:00 AM
-
58 A, East Madison Street, New York, USA
<div class="event-style-2">
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-6 col-12">
<div class="item">
<a href="#" class="image" title="Title">
<img src="../assets/img/events/grid-2-col/img-1.jpg" alt="Image">
<div class="overlay">
<span>$110</span>
</div>
</a>
<div class="item-content">
<span class="date-style-3">June 03, 2021</span>
<h3><a href="#" title="Title">Music & Dance Party</a></h3>
<ul>
<li>
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="120" height="120" viewBox="0 0 120 120">
<path id="Icon_material-access-time" data-name="Icon material-access-time" d="M62.94,3A60,60,0,1,0,123,63,59.971,59.971,0,0,0,62.94,3ZM63,111a48,48,0,1,1,48-48A47.987,47.987,0,0,1,63,111Zm3-78H57V69L88.5,87.9,93,80.52,66,64.5Z" transform="translate(-3 -3)" fill="#1a1725"/>
</svg>
</div>
08:00 AM - 10:00 AM
</li>
<li>
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="96.667" height="120" viewBox="0 0 96.667 120">
<path id="Path_10" data-name="Path 10" d="M52.333,2A48.167,48.167,0,0,0,4,50c0,32.4,42.594,69,44.406,70.56a6.074,6.074,0,0,0,7.854,0C58.375,119,100.667,82.4,100.667,50A48.167,48.167,0,0,0,52.333,2Zm0,105.9c-12.869-12-36.25-37.86-36.25-57.9a36.251,36.251,0,0,1,72.5,0C88.583,70.04,65.2,95.96,52.333,107.9Zm0-81.9A24,24,0,1,0,76.5,50,24.084,24.084,0,0,0,52.333,26Zm0,36A12,12,0,1,1,64.417,50,12.042,12.042,0,0,1,52.333,62Z" transform="translate(-4 -2)" fill="#1a1725"/>
</svg>
</div>
58 A, East Madison Street, New York, USA
</li>
</ul>
<a href="#" class="btn btn-primary btn-style-1 btn-style-sm" title="Title">Buy Ticket<svg xmlns="http://www.w3.org/2000/svg" width="120" height="120" viewBox="0 0 120 120">
<path id="Icon_ionic-ios-arrow-dropright-circle" data-name="Icon ionic-ios-arrow-dropright-circle" d="M3.375,63.375a60,60,0,1,0,60-60A59.991,59.991,0,0,0,3.375,63.375Zm70.529,0L50.279,39.981a5.568,5.568,0,1,1,7.875-7.875L85.673,59.712a5.561,5.561,0,0,1,.173,7.673l-27.115,27.2a5.558,5.558,0,1,1-7.875-7.846Z" transform="translate(-3.375 -3.375)" fill="#1a1725"/>
</svg>
</a>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6 col-12">
<div class="item">
<a href="#" class="image" title="Title">
<img src="../assets/img/events/grid-2-col/img-2.jpg" alt="Image">
<div class="overlay">
<span>$110</span>
</div>
</a>
<div class="item-content">
<span class="date-style-3">June 03, 2021</span>
<h3><a href="#" title="Title">A World Class Marketing Conference</a></h3>
<ul>
<li>
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="120" height="120" viewBox="0 0 120 120">
<path id="Icon_material-access-time" data-name="Icon material-access-time" d="M62.94,3A60,60,0,1,0,123,63,59.971,59.971,0,0,0,62.94,3ZM63,111a48,48,0,1,1,48-48A47.987,47.987,0,0,1,63,111Zm3-78H57V69L88.5,87.9,93,80.52,66,64.5Z" transform="translate(-3 -3)" fill="#1a1725"/>
</svg>
</div>
08:00 AM - 10:00 AM
</li>
<li>
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="96.667" height="120" viewBox="0 0 96.667 120">
<path id="Path_10" data-name="Path 10" d="M52.333,2A48.167,48.167,0,0,0,4,50c0,32.4,42.594,69,44.406,70.56a6.074,6.074,0,0,0,7.854,0C58.375,119,100.667,82.4,100.667,50A48.167,48.167,0,0,0,52.333,2Zm0,105.9c-12.869-12-36.25-37.86-36.25-57.9a36.251,36.251,0,0,1,72.5,0C88.583,70.04,65.2,95.96,52.333,107.9Zm0-81.9A24,24,0,1,0,76.5,50,24.084,24.084,0,0,0,52.333,26Zm0,36A12,12,0,1,1,64.417,50,12.042,12.042,0,0,1,52.333,62Z" transform="translate(-4 -2)" fill="#1a1725"/>
</svg>
</div>
58 A, East Madison Street, New York, USA
</li>
</ul>
<a href="#" class="btn btn-primary btn-style-1 btn-style-sm" title="Title">Buy Ticket<svg xmlns="http://www.w3.org/2000/svg" width="120" height="120" viewBox="0 0 120 120">
<path id="Icon_ionic-ios-arrow-dropright-circle" data-name="Icon ionic-ios-arrow-dropright-circle" d="M3.375,63.375a60,60,0,1,0,60-60A59.991,59.991,0,0,0,3.375,63.375Zm70.529,0L50.279,39.981a5.568,5.568,0,1,1,7.875-7.875L85.673,59.712a5.561,5.561,0,0,1,.173,7.673l-27.115,27.2a5.558,5.558,0,1,1-7.875-7.846Z" transform="translate(-3.375 -3.375)" fill="#1a1725"/>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
Events Style 3
Neurofunk & Rock Music
June 09, 2022 to June 12, 2022
-
08:30 AM - 09:30 AM
-
58A, East Street,New York,USA
<div class="event-style-3">
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-12 col-12">
<div class="part-1">
<div class="event-image">
<img alt="Image" src="../themes/custom/event_pro/assets/img/home/home-3/blog.jpg">
</div>
<span></span>
<div class="title">
<h3><a href="#" title="Title">Neurofunk & Rock Music</a></h3>
<p>June 09, 2022 to June 12, 2022</p>
</div>
</div>
</div>
<div class="col-lg-6 col-md-12 col-12">
<div class="part-2">
<ul>
<li>
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="120" height="120" viewBox="0 0 120 120">
<path id="Icon_material-access-time" data-name="Icon material-access-time" d="M62.94,3A60,60,0,1,0,123,63,59.971,59.971,0,0,0,62.94,3ZM63,111a48,48,0,1,1,48-48A47.987,47.987,0,0,1,63,111Zm3-78H57V69L88.5,87.9,93,80.52,66,64.5Z" transform="translate(-3 -3)" fill="#1a1725"/>
</svg>
</div>
08:30 AM - 09:30 AM
</li>
<li>
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="96.667" height="120" viewBox="0 0 96.667 120">
<path id="Path_10" data-name="Path 10" d="M52.333,2A48.167,48.167,0,0,0,4,50c0,32.4,42.594,69,44.406,70.56a6.074,6.074,0,0,0,7.854,0C58.375,119,100.667,82.4,100.667,50A48.167,48.167,0,0,0,52.333,2Zm0,105.9c-12.869-12-36.25-37.86-36.25-57.9a36.251,36.251,0,0,1,72.5,0C88.583,70.04,65.2,95.96,52.333,107.9Zm0-81.9A24,24,0,1,0,76.5,50,24.084,24.084,0,0,0,52.333,26Zm0,36A12,12,0,1,1,64.417,50,12.042,12.042,0,0,1,52.333,62Z" transform="translate(-4 -2)" fill="#1a1725"/>
</svg>
</div>
58A, East Street,New York,USA
</li>
</ul>
<a href="#" class="btn btn-primary btn-style-1 btn-style-sm" title="Title">Buy Ticket<svg xmlns="http://www.w3.org/2000/svg" width="120" height="120" viewBox="0 0 120 120">
<path id="Icon_ionic-ios-arrow-dropright-circle" data-name="Icon ionic-ios-arrow-dropright-circle" d="M3.375,63.375a60,60,0,1,0,60-60A59.991,59.991,0,0,0,3.375,63.375Zm70.529,0L50.279,39.981a5.568,5.568,0,1,1,7.875-7.875L85.673,59.712a5.561,5.561,0,0,1,.173,7.673l-27.115,27.2a5.558,5.558,0,1,1-7.875-7.846Z" transform="translate(-3.375 -3.375)" fill="#1a1725"/>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
Events Style 4
World Class Marketing Conference
Tom Holland, Lara Quize
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed doe eiusmod text tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...
- 08:00 AM - 10:00 AM
- 58 A, East Madison Street, New York, USA
<div class="event-style-4">
<div class="container">
<div class="item">
<div class="row">
<div class="col-lg-5 col-md-12 col-12">
<a href="#" class="image" title="Title">
<img alt="Image" src="../themes/custom/event_pro/assets/img/home/home-3/blog.jpg">
<div class="overlay">
<span>$110</span>
</div>
</a>
</div>
<div class="col-lg-7 col-md-12 col-12">
<div class="item-content">
<div class="item-content-head">
<div class="title">
<h3><a href="#" title="Title">World Class Marketing Conference</a></h3>
<p>Tom Holland, Lara Quize</p>
</div>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed doe eiusmod text tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...</p>
<ul><li>
<div class="icon"><svg height="120" viewBox="0 0 120 120" width="120" xmlns="http://www.w3.org/2000/svg"><path d="M62.94,3A60,60,0,1,0,123,63,59.971,59.971,0,0,0,62.94,3ZM63,111a48,48,0,1,1,48-48A47.987,47.987,0,0,1,63,111Zm3-78H57V69L88.5,87.9,93,80.52,66,64.5Z" data-name="Icon material-access-time" fill="#1a1725" id="Icon_material-access-time" transform="translate(-3 -3)"></path></svg></div>
08:00 AM - 10:00 AM</li>
<li>
<div class="icon"><svg height="120" viewBox="0 0 96.667 120" width="96.667" xmlns="http://www.w3.org/2000/svg"><path d="M52.333,2A48.167,48.167,0,0,0,4,50c0,32.4,42.594,69,44.406,70.56a6.074,6.074,0,0,0,7.854,0C58.375,119,100.667,82.4,100.667,50A48.167,48.167,0,0,0,52.333,2Zm0,105.9c-12.869-12-36.25-37.86-36.25-57.9a36.251,36.251,0,0,1,72.5,0C88.583,70.04,65.2,95.96,52.333,107.9Zm0-81.9A24,24,0,1,0,76.5,50,24.084,24.084,0,0,0,52.333,26Zm0,36A12,12,0,1,1,64.417,50,12.042,12.042,0,0,1,52.333,62Z" data-name="Path 10" fill="#1a1725" id="Path_10" transform="translate(-4 -2)"></path></svg></div>
58 A, East Madison Street, New York, USA</li>
</ul><a class="btn btn-primary btn-style-1 btn-style-sm" href="#" title="Title">Buy Ticket<svg height="120" viewBox="0 0 120 120" width="120" xmlns="http://www.w3.org/2000/svg"><path d="M3.375,63.375a60,60,0,1,0,60-60A59.991,59.991,0,0,0,3.375,63.375Zm70.529,0L50.279,39.981a5.568,5.568,0,1,1,7.875-7.875L85.673,59.712a5.561,5.561,0,0,1,.173,7.673l-27.115,27.2a5.558,5.558,0,1,1-7.875-7.846Z" data-name="Icon ionic-ios-arrow-dropright-circle" fill="#1a1725" id="Icon_ionic-ios-arrow-dropright-circle" transform="translate(-3.375 -3.375)"></path></svg></a></div>
</div>
</div>
</div>
</div>
</div>