<!DOCTYPE html>
<html lang="zxx">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="Exact Themes">
<title>Eventro</title>
<link rel="stylesheet" href="static/css/bootstrap.min.css">
<link rel="stylesheet" href="static/css/style.css">
<link rel="stylesheet" href="static/css/responsive.css">
<link rel="stylesheet" href="static/css/icons.css">
<link rel="stylesheet" href="static/css/fontawesome.min.css">
<link rel="stylesheet" href="static/css/colors.css">
<link rel="stylesheet" href="static/css/typography.css">
<link rel="stylesheet" href="static/css/owl.carousel.min.css">
<link rel="stylesheet" href="static/css/animate.css">
<link rel="stylesheet" href="static/css/hc-offcanvas-nav.css">
<link rel="stylesheet" href="static/css/jquery.scrollbar.css">
<link rel="stylesheet" href="static/css/jquery.fancybox.min.css">
<!-- Bootstrap DateTimePicker -->
<link rel="stylesheet" href="static/css/bootstrap-datetimepicker.min.css">
<!-- jQuery Nice Select -->
<link rel="stylesheet" href="static/css/nice-select.css">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-155204293-2');
</script>
</head>
<body class="home">
<!-- Navbar -->
<nav class="et-navbar navbar">
<a class="logo h6 mb-0" href=""><img src="static/picture/logo.png" alt="img"> Eventro</a>
<ul class="nostyle nav-links inline mr-lg-auto text-right text-lg-left flex-lg-grow-1 mb-0">
<li class="dropdown">
<a href="">Home</a>
<ul class="submenu shadow">
<li><a href="">Home</a></li>
<li><a href="index-2.html">Home 2</a></li>
<li><a href="index-3.html">Home 3</a></li>
</ul>
</li>
<li><a href="about.html">About</a></li>
<li class="dropdown">
<a href="#">Pages</a>
<ul class="submenu shadow">
<li><a href="pricing.html">Pricing</a></li>
<li><a href="404.html">404</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li class="dropdown">
<a href="#">Venues</a>
<ul class="submenu shadow">
<li><a href="our-venues.html">Our Venues</a></li>
<li><a href="venue-detail.html">Venue Detail</a></li>
</ul>
</li>
<li><a href="contact.html">Contact</a></li>
<li class="dropdown">
<a href="#">Speakers</a>
<ul class="submenu shadow">
<li><a href="speaker.html">Speakers Style 1</a></li>
<li><a href="speaker-2.html">Speakers Style 2</a></li>
<li><a href="speaker-profile.html">Speaker Profile</a></li>
</ul>
</li>
</ul>
</li>
<li class="dropdown">
<a href="search.html">Search</a>
<ul class="submenu shadow">
<li><a href="search.html">Search Events</a></li>
<li><a href="search-map-right.html">Search Map Right</a></li>
<li><a href="search-map-top.html">Search Map Top</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Events</a>
<ul class="submenu shadow">
<li><a href="add-event.html">Add Events</a></li>
<li><a href="event-detail.html">Event Detail</a></li>
<li><a href="event-calendar.html">Event Calendar</a></li>
</ul>
</li>
<li class="dropdown">
<a href="blog-grid.html">Blog</a>
<ul class="submenu shadow">
<li><a href="blog-grid.html">Blog Grid</a></li>
<li><a href="blog-detail.html">Blog Detail</a></li>
</ul>
</li>
</ul>
<div class="nav-actions ml-auto">
<a href="search.html"><i class="icon-search-2"></i> Search</a>
<a href="#" data-toggle="modal" data-target="#exampleModal"><i class="icon-login"></i> Login/Signup</a>
<a href="pricing.html" class="btn btn-primary border-0"><i class="icon-plus btn-icon"></i> Add Event</a>
</div>
</nav>
<!-- Mobile Menu -->
<nav id="et-mobile-nav">
<ul class="text-capitalize">
<li>
<a href="#">Home</a>
<ul>
<li><a href="">Home</a></li>
<li><a href="index-2.html">Home 2</a></li>
<li><a href="index-3.html">Home 3</a></li>
</ul>
</li>
<li><a href="about.html">About</a></li>
<li>
<a href="#">Pages</a>
<ul class="submenu">
<li><a href="pricing.html">Pricing</a></li>
<li><a href="404.html">404</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li class="dropdown">
<a href="#">Venues</a>
<ul class="submenu shadow">
<li><a href="our-venues.html">Our Venues</a></li>
<li><a href="venue-detail.html">Venue Detail</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Speakers</a>
<ul class="submenu shadow">
<li><a href="speaker.html">Speakers Style 1</a></li>
<li><a href="speaker-2.html">Speakers Style 2</a></li>
<li><a href="speaker-profile.html">Speaker Profile</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="search.html">Search</a>
<ul class="submenu shadow">
<li><a href="search.html">Search Events</a></li>
<li><a href="search-map-right.html">Search Map Right</a></li>
<li><a href="search-map-top.html">Search Map Top</a></li>
</ul>
</li>
<li>
<a href="#">Events</a>
<ul class="submenu shadow">
<li><a href="add-event.html">Add Events</a></li>
<li><a href="event-detail.html">Event Detail</a></li>
<li><a href="event-calendar.html">Event Calendar</a></li>
</ul>
</li>
<li>
<a href="#">Blog</a>
<ul>
<li><a href="blog-grid.html">Blog Grid</a></li>
<li><a href="blog-detail.html">Blog Detail</a></li>
</ul>
</li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
<!-- Home Masterhead -->
<section id="et-masthead-3" class="container-fluid">
<div class="container position-relative h-100">
<div class="masthead-caption text-center">
<h2 class="text-white d-lg-block d-none">Explore on-going and upcoming</h2>
<h1 class="mb-3 text-white"><span class="text-primary text-white">Events</span> Around you...</h1>
<div class="grid-categories mb-3 mb-md-0">
<a href="#"><i class="icon-cheer"></i></a>
<a href="#"><i class="icon-children"></i></a>
<a href="#"><i class="icon-car"></i></a>
<a href="#"><i class="icon-graphic-design"></i></a>
<a href="#"><i class="icon-music"></i></a>
<a href="#"><i class="icon-testing"></i></a>
</div>
<form autocomplete="off" class="d-md-flex align-items-center justify-content-center mt-4">
<div class="form-group m-1 position-relative">
<input type="text" class="form-control" placeholder="I'm looking for...">
<i class="icon-search-2 input-icon"></i>
</div>
<div class="form-group m-1 position-relative">
<input size="16" type="text" value="2012-06-15 14:45" readonly="" class="form-control form_datetime">
<i class="icon-clock input-icon"></i>
</div>
<div class="form-group m-1 position-relative">
<input type="text" class="form-control" placeholder="Near">
<i class="icon-maps-and-location input-icon"></i>
</div>
<div class="position-relative border-0 btn btn-primary submit-btn">
<i class="icon-search-2 btn-icon input-icon"></i> Discover Now
<input type="submit" class="h-100 w-100 position-absolute" value="Discover Now">
</div>
</form>
</div>
</div>
</section>
<!-- Lising Events -->
<section id="et-related-events" class="container-fluid position-relative">
<div class="section-heading">
<p>Lorem ipsum dolor emet</p>
<br>
<h2 class="mb-0">Listing Events</h2>
</div>
<div class="owl-carousel owl-theme">
<div class="item pt-25 pb-25">
<div class="event-grid shadow">
<div class="image-wrap img-overlay">
<span class="badge badge-primary like pointer position-absolute"><i class="icon-heart"></i></span>
<span class="badge badge-secondary photocount position-absolute"><i class="i