EventBuzz_Backend/microsite-v2-templates/eventre/other_html_file/homepage-two.html

1195 lines
42 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<!-- SITE TITTLE -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Eventre</title>
<!-- PLUGINS CSS STYLE -->
<!-- Bootstrap -->
<link href="plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Themefisher Font -->
<link href="https://themewagon.github.io/eventre/plugins/themefisher-font/style.css" rel="stylesheet">
<!-- Font Awesome -->
<link href="plugins/font-awsome/css/font-awesome.min.css" rel="stylesheet">
<!-- Magnific Popup -->
<link href="plugins/magnific-popup/magnific-popup.css" rel="stylesheet">
<!-- Slick Carousel -->
<link href="plugins/slick/slick.css" rel="stylesheet">
<link href="plugins/slick/slick-theme.css" rel="stylesheet">
<!-- CUSTOM CSS -->
<link href="css/style.css" rel="stylesheet">
<!-- FAVICON -->
<link href="images/favicon.png" rel="shortcut icon">
</head>
<body class="body-wrapper">
<!--========================================
= Navigation Section =
=========================================-->
<nav class="navbar main-nav border-less fixed-top navbar-expand-lg p-0">
<div class="container-fluid p-0">
<!-- logo -->
<a class="navbar-brand" href="index.html">
<img src="images/logo.png" alt="logo">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="fa fa-bars"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav mx-auto">
<li class="nav-item dropdown active dropdown-slide">
<a class="nav-link" href="homepage-two.html#" data-toggle="dropdown">Home
<span>/</span>
</a>
<!-- Dropdown list -->
<div class="dropdown-menu">
<a class="dropdown-item" href="index.html">Homepage</a>
<a class="dropdown-item" href="homepage-two.html">Homepage 2</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="speakers.html">Speakers
<span>/</span>
</a>
</li>
<li class="nav-item dropdown dropdown-slide">
<a class="nav-link" href="homepage-two.html#" data-toggle="dropdown">Pages<span>/</span></a>
<!-- Dropdown list -->
<div class="dropdown-menu">
<a class="dropdown-item" href="about-us.html">About Us</a>
<a class="dropdown-item" href="single-speaker.html">Single Speaker</a>
<a class="dropdown-item" href="gallery.html">Gallery</a>
<a class="dropdown-item" href="gallery-two.html">Gallery-02</a>
<a class="dropdown-item" href="testimonial.html">Testimonial</a>
<a class="dropdown-item" href="pricing.html">Pricing</a>
<a class="dropdown-item" href="FAQ.html">FAQ</a>
<a class="dropdown-item" href="404.html">404</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="schedule.html">Schedule<span>/</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="sponsors.html">Sponsors<span>/</span></a>
</li>
<li class="nav-item dropdown dropdown-slide">
<a class="nav-link" href="homepage-two.html#" data-toggle="dropdown">News
<span>/</span>
</a>
<!-- Dropdown list -->
<div class="dropdown-menu">
<a class="dropdown-item" href="news.html">News without sidebar</a>
<a class="dropdown-item" href="news-right-sidebar.html">News with right sidebar</a>
<a class="dropdown-item" href="news-left-sidebar.html">News with left sidebar</a>
<a class="dropdown-item" href="news-single.html">News Single</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
</ul>
<a href="homepage-two.html#" class="ticket">
<img src="images/icon/ticket.png" alt="ticket">
<span>Buy Ticket</span>
</a>
</div>
</div>
</nav>
<!--==== End of Navigation Section ====-->
<!--============================
= Banner =
=============================-->
<section class="banner-two bg-banner-two overlay-white-slant text-overlay">
<div class="container">
<div class="row">
<div class="col-md-6">
<!-- Content Block -->
<div class="block">
<h1>Business</h1>
<h2>Conference</h2>
<h3>2017</h3>
<h6>02-05 July 2017 California</h6>
<!-- Action Button -->
<a href="homepage-two.html#" class="btn btn-main-md">get ticket now</a>
</div>
</div>
</div>
</div>
</section>
<!--==== End of Banner ====-->
<!--===========================
= About =
============================-->
<section class="section about">
<div class="container">
<div class="row">
<div class="col-lg-5 col-md-6 align-self-center">
<div class="image-block two bg-about">
<img class="img-fluid" src="images/speakers/featured-speaker-two.jpg" alt="">
</div>
</div>
<div class="col-lg-6 col-md-6 align-self-center ml-lg-auto">
<div class="content-block">
<h2>About The <span class="alternate">Eventre</span></h2>
<div class="description-one">
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusm tempor incididunt ut labore dolore magna aliqua enim ad
</p>
</div>
<div class="description-two">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmtempor incididunt ut labore et dolore magna aliq enim ad minim</p>
</div>
<ul class="list-inline">
<li class="list-inline-item">
<a href="homepage-two.html#" class="btn btn-main-md">Buy ticket</a>
</li>
<li class="list-inline-item">
<a href="homepage-two.html#" class="btn btn-transparent-md">Read more</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!--==== End of About ====-->
<section class="speakers-full-width">
<div class="container-fluid p-0">
<div class="row">
<div class="col-12">
<!-- Speaker Slider -->
<div class="speaker-slider">
<div class="speaker-image">
<img src="images/speakers/speaker-full-one.jpg" alt="speaker" class="img-fluid">
<div class="primary-overlay text-center">
<h5>GEORGE G. HERNANDEZ</h5>
<p>CEO Rancom Motor</p>
<ul class="list-inline">
<li class="list-inline-item"><a href="homepage-two.html#"><i class="fa fa-facebook"></i></a></li>
<li class="list-inline-item"><a href="homepage-two.html#"><i class="fa fa-twitter"></i></a></li>
<li class="list-inline-item"><a href="homepage-two.html#"><i class="fa fa-linkedin"></i></a></li>
</ul>
</div>
</div>
<div class="speaker-image">
<img src="images/speakers/speaker-full-two.jpg" alt="speaker" class="img-fluid">
<div class="primary-overlay text-center">
<h5>GEORGE G. HERNANDEZ</h5>
<p>CEO Rancom Motor</p>
<ul class="list-inline">
<li class="list-inline-item"><a href="homepage-two.html#"><i class="fa fa-facebook"></i></a></li>
<li class="list-inline-item"><a href="homepage-two.html#"><i class="fa fa-twitter"></i></a></li>
<li class="list-inline-item"><a href="homepage-two.html#"><i class="fa fa-linkedin"></i></a></li>
</ul>
</div>
</div>
<div class="speaker-image">
<img src="images/speakers/speaker-full-three.jpg" alt="speaker" class="img-fluid">
<div class="primary-overlay text-center">
<h5>GEORGE G. HERNANDEZ</h5>
<p>CEO Rancom Motor</p>
<ul class="list-inline">
<li class="list-inline-item"><a href="homepage-two.html#"><i class="fa fa-facebook"></i></a></li>
<li class="list-inline-item"><a href="homepage-two.html#"><i class="fa fa-twitter"></i></a></li>
<li class="list-inline-item"><a href="homepage-two.html#"><i class="fa fa-linkedin"></i></a></li>
</ul>
</div>
</div>
<div class="speaker-image">
<img src="images/speakers/speaker-full-four.jpg" alt="speaker" class="img-fluid">
<div class="primary-overlay text-center">
<h5>GEORGE G. HERNANDEZ</h5>
<p>CEO Rancom Motor</p>
<ul class="list-inline">
<li class="list-inline-item"><a href="homepage-two.html#"><i class="fa fa-facebook"></i></a></li>
<li class="list-inline-item"><a href="homepage-two.html#"><i class="fa fa-twitter"></i></a></li>
<li class="list-inline-item"><a href="homepage-two.html#"><i class="fa fa-linkedin"></i></a></li>
</ul>
</div>
</div>
<div class="speaker-image">
<img src="images/speakers/speaker-full-five.jpg" alt="speaker" class="img-fluid">
<div class="primary-overlay text-center">
<h5>GEORGE G. HERNANDEZ</h5>
<p>CEO Rancom Motor</p>
<ul class="list-inline">
<li class="list-inline-item"><a href="homepage-two.html#"><i class="fa fa-facebook"></i></a></li>
<li class="list-inline-item"><a href="homepage-two.html#"><i class="fa fa-twitter"></i></a></li>
<li class="list-inline-item"><a href="homepage-two.html#"><i class="fa fa-linkedin"></i></a></li>
</ul>
</div>
</div>
<div class="speaker-image">
<img src="images/speakers/speaker-full-one.jpg" alt="speaker" class="img-fluid">
<div class="primary-overlay text-center">
<h5>GEORGE G. HERNANDEZ</h5>
<p>CEO Rancom Motor</p>
<ul class="list-inline">
<li class="list-inline-item"><a href="homepage-two.html#"><i class="fa fa-facebook"></i></a></li>
<li class="list-inline-item"><a href="homepage-two.html#"><i class="fa fa-twitter"></i></a></li>
<li class="list-inline-item"><a href="homepage-two.html#"><i class="fa fa-linkedin"></i></a></li>
</ul>
</div>
</div>
<div class="speaker-image">
<img src="images/speakers/speaker-full-two.jpg" alt="speaker" class="img-fluid">
<div class="primary-overlay text-center">
<h5>GEORGE G. HERNANDEZ</h5>
<p>CEO Rancom Motor</p>
<ul class="list-inline">
<li class="list-inline-item"><a href="homepage-two.html#"><i class="fa fa-facebook"></i></a></li>
<li class="list-inline-item"><a href="homepage-two.html#"><i class="fa fa-twitter"></i></a></li>
<li class="list-inline-item"><a href="homepage-two.html#"><i class="fa fa-linkedin"></i></a></li>
</ul>
</div>
</div>
<div class="speaker-image">
<img src="images/speakers/speaker-full-three.jpg" alt="speaker" class="img-fluid">
<div class="primary-overlay text-center">
<h5>GEORGE G. HERNANDEZ</h5>
<p>CEO Rancom Motor</p>
<ul class="list-inline">
<li class="list-inline-item"><a href="homepage-two.html#"><i class="fa fa-facebook"></i></a></li>
<li class="list-inline-item"><a href="homepage-two.html#"><i class="fa fa-twitter"></i></a></li>
<li class="list-inline-item"><a href="homepage-two.html#"><i class="fa fa-linkedin"></i></a></li>
</ul>
</div>
</div>
<div class="speaker-image">
<img src="images/speakers/speaker-full-four.jpg" alt="speaker" class="img-fluid">
<div class="primary-overlay text-center">
<h5>GEORGE G. HERNANDEZ</h5>
<p>CEO Rancom Motor</p>
<ul class="list-inline">
<li class="list-inline-item"><a href="homepage-two.html#"><i class="fa fa-facebook"></i></a></li>
<li class="list-inline-item"><a href="homepage-two.html#"><i class="fa fa-twitter"></i></a></li>
<li class="list-inline-item"><a href="homepage-two.html#"><i class="fa fa-linkedin"></i></a></li>
</ul>
</div>
</div>
<div class="speaker-image">
<img src="images/speakers/speaker-full-five.jpg" alt="speaker" class="img-fluid">
<div class="primary-overlay text-center">
<h5>GEORGE G. HERNANDEZ</h5>
<p>CEO Rancom Motor</p>
<ul class="list-inline">
<li class="list-inline-item"><a href="homepage-two.html#"><i class="fa fa-facebook"></i></a></li>
<li class="list-inline-item"><a href="homepage-two.html#"><i class="fa fa-twitter"></i></a></li>
<li class="list-inline-item"><a href="homepage-two.html#"><i class="fa fa-linkedin"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--==============================
= Schedule =
===============================-->
<section class="section schedule two">
<div class="container">
<div class="row">
<div class="col-12">
<div class="section-title">
<h3>Event <span class="alternate">Schedule</span></h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusm tempor incididunt ut labore</p>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-2">
<div class="schedule-tab">
<ul class="nav nav-pills text-center">
<li class="nav-item">
<a class="nav-link active" href="homepage-two.html#nov20" data-toggle="pill">
Day-01
<span>20 November</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="homepage-two.html#nov21" data-toggle="pill">
Day-02
<span>21 November</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="homepage-two.html#nov22" data-toggle="pill">
Day-03
<span>22 November</span>
</a>
</li>
</ul>
</div>
</div>
<div class="col-lg-10">
<div class="schedule-contents">
<div class="tab-content" id="pills-tabContent">
<div class="tab-pane fade show active schedule-item" id="nov20">
<!-- Headings -->
<ul class="m-0 p-0">
<li class="headings text-center">
<div class="time">Time</div>
<div class="speaker">Speaker</div>
<div class="subject">Subject</div>
<div class="venue">Venue</div>
</li>
<!-- Schedule Details -->
<li class="schedule-details text-center">
<div class="block">
<!-- time -->
<div class="time">
<span class="time">9.00 AM</span>
</div>
<!-- Speaker -->
<div class="speaker">
<span class="name">Samanta Doe</span>
</div>
<!-- Subject -->
<div class="subject">Introduction to Wp</div>
<!-- Venue -->
<div class="venue">Auditorium A</div>
</div>
</li>
<!-- Schedule Details -->
<li class="schedule-details">
<div class="block">
<!-- time -->
<div class="time">
<span class="time">10.00 AM</span>
</div>
<!-- Speaker -->
<div class="speaker">
<span class="name">Zerad Pawel</span>
</div>
<!-- Subject -->
<div class="subject">Principle of Wp</div>
<!-- Venue -->
<div class="venue">Auditorium B</div>
</div>
</li>
<!-- Schedule Details -->
<li class="schedule-details">
<div class="block">
<!-- time -->
<div class="time">
<span class="time">12.00 AM</span>
</div>
<!-- Speaker -->
<div class="speaker">
<span class="name">Henry Mong</span>
</div>
<!-- Subject -->
<div class="subject">Wp Requirements</div>
<!-- Venue -->
<div class="venue">Auditorium C</div>
</div>
</li>
<!-- Schedule Details -->
<li class="schedule-details">
<div class="block">
<!-- time -->
<div class="time">
<span class="time">2.00 PM</span>
</div>
<!-- Speaker -->
<div class="speaker">
<span class="name">Baily Leo</span>
</div>
<!-- Subject -->
<div class="subject">Introduction to Wp</div>
<!-- Venue -->
<div class="venue">Auditorium D</div>
</div>
</li>
<!-- Schedule Details -->
<li class="schedule-details">
<div class="block">
<!-- time -->
<div class="time">
<span class="time">3.00 PM</span>
</div>
<!-- Speaker -->
<div class="speaker">
<span class="name">Lee Mun</span>
</div>
<!-- Subject -->
<div class="subject">Useful tips for Wp</div>
<!-- Venue -->
<div class="venue">Auditorium E</div>
</div>
</li>
<!-- Schedule Details -->
<li class="schedule-details">
<div class="block">
<!-- time -->
<div class="time">
<span class="time">3.00 PM</span>
</div>
<!-- Speaker -->
<div class="speaker">
<span class="name">Lee Mun</span>
</div>
<!-- Subject -->
<div class="subject">Useful tips for Wp</div>
<!-- Venue -->
<div class="venue">Auditorium E</div>
</div>
</li>
</ul>
</div>
<div class="tab-pane fade schedule-item" id="nov21">
<!-- Headings -->
<ul class="m-0 p-0">
<li class="headings text-center">
<div class="time">Time</div>
<div class="speaker">Speaker</div>
<div class="subject">Subject</div>
<div class="venue">Venue</div>
</li>
<!-- Schedule Details -->
<li class="schedule-details text-center">
<div class="block">
<!-- time -->
<div class="time">
<span class="time">9.00 AM</span>
</div>
<!-- Speaker -->
<div class="speaker">
<span class="name">Samanta Doe</span>
</div>
<!-- Subject -->
<div class="subject">Introduction to Wp</div>
<!-- Venue -->
<div class="venue">Auditorium A</div>
</div>
</li>
<!-- Schedule Details -->
<li class="schedule-details">
<div class="block">
<!-- time -->
<div class="time">
<span class="time">10.00 AM</span>
</div>
<!-- Speaker -->
<div class="speaker">
<span class="name">Zerad Pawel</span>
</div>
<!-- Subject -->
<div class="subject">Principle of Wp</div>
<!-- Venue -->
<div class="venue">Auditorium B</div>
</div>
</li>
<!-- Schedule Details -->
<li class="schedule-details">
<div class="block">
<!-- time -->
<div class="time">
<span class="time">12.00 AM</span>
</div>
<!-- Speaker -->
<div class="speaker">
<span class="name">Henry Mong</span>
</div>
<!-- Subject -->
<div class="subject">Wp Requirements</div>
<!-- Venue -->
<div class="venue">Auditorium C</div>
</div>
</li>
<!-- Schedule Details -->
<li class="schedule-details">
<div class="block">
<!-- time -->
<div class="time">
<span class="time">2.00 PM</span>
</div>
<!-- Speaker -->
<div class="speaker">
<span class="name">Baily Leo</span>
</div>
<!-- Subject -->
<div class="subject">Introduction to Wp</div>
<!-- Venue -->
<div class="venue">Auditorium D</div>
</div>
</li>
<!-- Schedule Details -->
<li class="schedule-details">
<div class="block">
<!-- time -->
<div class="time">
<span class="time">3.00 PM</span>
</div>
<!-- Speaker -->
<div class="speaker">
<span class="name">Lee Mun</span>
</div>
<!-- Subject -->
<div class="subject">Useful tips for Wp</div>
<!-- Venue -->
<div class="venue">Auditorium E</div>
</div>
</li>
<!-- Schedule Details -->
<li class="schedule-details">
<div class="block">
<!-- time -->
<div class="time">
<span class="time">3.00 PM</span>
</div>
<!-- Speaker -->
<div class="speaker">
<span class="name">Lee Mun</span>
</div>
<!-- Subject -->
<div class="subject">Useful tips for Wp</div>
<!-- Venue -->
<div class="venue">Auditorium E</div>
</div>
</li>
</ul>
</div>
<div class="tab-pane fade schedule-item" id="nov22">
<!-- Headings -->
<ul class="m-0 p-0">
<li class="headings text-center">
<div class="time">Time</div>
<div class="speaker">Speaker</div>
<div class="subject">Subject</div>
<div class="venue">Venue</div>
</li>
<!-- Schedule Details -->
<li class="schedule-details text-center">
<div class="block">
<!-- time -->
<div class="time">
<span class="time">9.00 AM</span>
</div>
<!-- Speaker -->
<div class="speaker">
<span class="name">Samanta Doe</span>
</div>
<!-- Subject -->
<div class="subject">Introduction to Wp</div>
<!-- Venue -->
<div class="venue">Auditorium A</div>
</div>
</li>
<!-- Schedule Details -->
<li class="schedule-details">
<div class="block">
<!-- time -->
<div class="time">
<span class="time">10.00 AM</span>
</div>
<!-- Speaker -->
<div class="speaker">
<span class="name">Zerad Pawel</span>
</div>
<!-- Subject -->
<div class="subject">Principle of Wp</div>
<!-- Venue -->
<div class="venue">Auditorium B</div>
</div>
</li>
<!-- Schedule Details -->
<li class="schedule-details">
<div class="block">
<!-- time -->
<div class="time">
<span class="time">12.00 AM</span>
</div>
<!-- Speaker -->
<div class="speaker">
<span class="name">Henry Mong</span>
</div>
<!-- Subject -->
<div class="subject">Wp Requirements</div>
<!-- Venue -->
<div class="venue">Auditorium C</div>
</div>
</li>
<!-- Schedule Details -->
<li class="schedule-details">
<div class="block">
<!-- time -->
<div class="time">
<span class="time">2.00 PM</span>
</div>
<!-- Speaker -->
<div class="speaker">
<span class="name">Baily Leo</span>
</div>
<!-- Subject -->
<div class="subject">Introduction to Wp</div>
<!-- Venue -->
<div class="venue">Auditorium D</div>
</div>
</li>
<!-- Schedule Details -->
<li class="schedule-details">
<div class="block">
<!-- time -->
<div class="time">
<span class="time">3.00 PM</span>
</div>
<!-- Speaker -->
<div class="speaker">
<span class="name">Lee Mun</span>
</div>
<!-- Subject -->
<div class="subject">Useful tips for Wp</div>
<!-- Venue -->
<div class="venue">Auditorium E</div>
</div>
</li>
<!-- Schedule Details -->
<li class="schedule-details">
<div class="block">
<!-- time -->
<div class="time">
<span class="time">3.00 PM</span>
</div>
<!-- Speaker -->
<div class="speaker">
<span class="name">Lee Mun</span>
</div>
<!-- Subject -->
<div class="subject">Useful tips for Wp</div>
<!-- Venue -->
<div class="venue">Auditorium E</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--==== End of Schedule ====-->
<!--=============================
= Feature =
==============================-->
<section class="ticket-feature">
<div class="container-fluid m-0 p-0">
<div class="row p-0 m-0">
<div class="col-lg-7 p-0 m-0">
<div class="block bg-timer overlay-dark text-center">
<div class="section-title white m-0">
<h3>Limited Audience <span class="alternate">Seats</span></h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusm</p>
</div>
<!-- Coundown Timer -->
<div class="timer"></div>
<a href="homepage-two.html#" class="btn btn-main-md">Buy Ticket</a>
</div>
</div>
<div class="col-lg-5 p-0">
<div class="block-2">
<div class="row no-gutters">
<div class="col-6">
<!-- Service item -->
<div class="service-item">
<i class="fa fa-microphone"></i>
<h5>8 Speakers</h5>
</div>
</div>
<div class="col-6">
<!-- Service item -->
<div class="service-item">
<i class="fa fa-flag"></i>
<h5>500 + Seats</h5>
</div>
</div>
<div class="col-6">
<!-- Service item -->
<div class="service-item">
<i class="fa fa-ticket"></i>
<h5>300 tickets</h5>
</div>
</div>
<div class="col-6">
<!-- Service item -->
<div class="service-item">
<i class="fa fa-calendar"></i>
<h5>3 days event</h5>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--==== End of Feature ====-->
<!--==========================
= News =
===========================-->
<section class="news-hr section mb-0">
<div class="container">
<div class="row">
<div class="col-12">
<div class="section-title">
<h3>Eventre <span class="alternate">News</span></h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus, enim.</p>
</div>
</div>
</div>
<div class="row no-gutters">
<div class="col-lg-6">
<article class="news-post-hr">
<div class="post-thumb">
<a href="news-single.html">
<img src="images/news/post-thumb-hr-one.jpg" alt="post-image" class="img-fluid">
</a>
</div>
<div class="post-contents border-top">
<div class="post-title"><h6><a href="news-single.html">Default title here</a></h6></div>
<div class="post-exerpts">
<p>Lorem ipsum dolor sit amet conse ctetur adipisicing elit, sed doeiuse tempor incididunt ut
</p>
</div>
<div class="date">
<h4>20<span>May</span></h4>
</div>
<div class="more">
<a href="news-single.html">Show more</a>
</div>
</div>
</article>
</div>
<div class="col-lg-6">
<article class="news-post-hr">
<div class="post-thumb">
<a href="news-single.html">
<img src="images/news/post-thumb-hr-two.jpg" alt="post-image" class="img-fluid">
</a>
</div>
<div class="post-contents border-top">
<div class="post-title"><h6><a href="news-single.html">Default title here</a></h6></div>
<div class="post-exerpts">
<p>Lorem ipsum dolor sit amet conse ctetur adipisicing elit, sed doeiuse tempor incididunt ut
</p>
</div>
<div class="date">
<h4>20<span>May</span></h4>
</div>
<div class="more">
<a href="news-single.html">Show more</a>
</div>
</div>
</article>
</div>
<div class="col-lg-6">
<article class="news-post-hr">
<div class="post-thumb">
<a href="news-single.html">
<img src="images/news/post-thumb-hr-three.jpg" alt="post-image" class="img-fluid">
</a>
</div>
<div class="post-contents">
<div class="post-title"><h6><a href="news-single.html">Default title here</a></h6></div>
<div class="post-exerpts">
<p>Lorem ipsum dolor sit amet conse ctetur adipisicing elit, sed doeiuse tempor incididunt ut
</p>
</div>
<div class="date">
<h4>20<span>May</span></h4>
</div>
<div class="more">
<a href="news-single.html">Show more</a>
</div>
</div>
</article>
</div>
<div class="col-lg-6">
<article class="news-post-hr">
<div class="post-thumb">
<a href="news-single.html">
<img src="images/news/post-thumb-hr-four.jpg" alt="post-image" class="img-fluid">
</a>
</div>
<div class="post-contents">
<div class="post-title"><h6><a href="news-single.html">Default title here</a></h6></div>
<div class="post-exerpts">
<p>Lorem ipsum dolor sit amet conse ctetur adipisicing elit, sed doeiuse tempor incididunt ut
</p>
</div>
<div class="date">
<h4>20<span>May</span></h4>
</div>
<div class="more">
<a href="news-single.html">Show more</a>
</div>
</div>
</article>
</div>
</div>
</div>
</section>
<!--==== End of News ====-->
<!--=============================
= Gallery =
==============================-->
<section class="gallery-full section pb-0">
<div class="container-fluid p-0">
<div class="row">
<div class="col-12">
<div class="section-title">
<h3>Eventre <span class="alternate">Gallery</span></h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatem, autem.</p>
</div>
</div>
</div>
<div class="row no-gutters">
<!-- Gallery Image -->
<div class="col-lg-3 col-md-4">
<div class="image">
<img src="images/gallery/gallery-full-one.jpg" alt="gallery-image" class="img-fluid">
<div class="primary-overlay">
<a class="image-popup" data-effect="mfp-with-zoom" href="images/gallery/gallery-full-popup-one.jpg"><i class="fa fa-picture-o"></i></a>
</div>
</div>
</div>
<!-- Gallery Image -->
<div class="col-lg-3 col-md-4">
<div class="image">
<img src="images/gallery/gallery-full-two.jpg" alt="gallery-image" class="img-fluid">
<div class="primary-overlay">
<a class="image-popup" data-effect="mfp-with-zoom" href="images/gallery/gallery-full-popup-two.jpg"><i class="fa fa-picture-o"></i></a>
</div>
</div>
</div>
<!-- Gallery Image -->
<div class="col-lg-3 col-md-4">
<div class="image">
<img src="images/gallery/gallery-full-three.jpg" alt="gallery-image" class="img-fluid">
<div class="primary-overlay">
<a class="image-popup" data-effect="mfp-with-zoom" href="images/gallery/gallery-full-popup-three.jpg"><i class="fa fa-picture-o"></i></a>
</div>
</div>
</div>
<!-- Gallery Image -->
<div class="col-lg-3 col-md-4">
<div class="image">
<img src="images/gallery/gallery-full-four.jpg" alt="gallery-image" class="img-fluid">
<div class="primary-overlay">
<a class="image-popup" data-effect="mfp-with-zoom" href="images/gallery/gallery-full-popup-four.jpg"><i class="fa fa-picture-o"></i></a>
</div>
</div>
</div>
<!-- Gallery Image -->
<div class="col-lg-3 col-md-4">
<div class="image">
<img src="images/gallery/gallery-full-five.jpg" alt="gallery-image" class="img-fluid">
<div class="primary-overlay">
<a class="image-popup" data-effect="mfp-with-zoom" href="images/gallery/gallery-full-popup-five.jpg"><i class="fa fa-picture-o"></i></a>
</div>
</div>
</div>
<!-- Gallery Image -->
<div class="col-lg-3 col-md-4">
<div class="image">
<img src="images/gallery/gallery-full-six.jpg" alt="gallery-image" class="img-fluid">
<div class="primary-overlay">
<a class="image-popup" data-effect="mfp-with-zoom" href="images/gallery/gallery-full-popup-six.jpg"><i class="fa fa-picture-o"></i></a>
</div>
</div>
</div>
<!-- Gallery Image -->
<div class="col-lg-3 col-md-4">
<div class="image">
<img src="images/gallery/gallery-full-seven.jpg" alt="gallery-image" class="img-fluid">
<div class="primary-overlay">
<a class="image-popup" data-effect="mfp-with-zoom" href="images/gallery/gallery-full-popup-sven.jpg"><i class="fa fa-picture-o"></i></a>
</div>
</div>
</div>
<!-- Gallery Image -->
<div class="col-lg-3 col-md-4">
<div class="image">
<img src="images/gallery/gallery-full-eight.jpg" alt="gallery-image" class="img-fluid">
<div class="primary-overlay">
<a class="image-popup" data-effect="mfp-with-zoom" href="images/gallery/gallery-full-popup-eight.jpg"><i class="fa fa-picture-o"></i></a>
</div>
</div>
</div>
</div>
</div>
</section>
<!--==== End of Gallery ====-->
<!--===================================
= Pricing Table =
====================================-->
<section class="section pricing two">
<div class="container">
<div class="row">
<div class="col-12">
<div class="section-title">
<h3>Get <span class="alternate">ticket</span></h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusm tempor incididunt ut labore</p>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-6">
<!-- Pricing Item -->
<div class="pricing-item">
<div class="pricing-heading text-center">
<!-- Title -->
<div class="title">
<h6>Starter</h6>
</div>
<!-- Price -->
<div class="price">
<h2>$39.00</h2>
</div>
</div>
<div class="pricing-body">
<!-- Feature List -->
<ul class="feature-list m-0 p-0">
<li><p><span class="fa fa-check-circle available"></span>1 Comfortable Seats</p></li>
<li><p><span class="fa fa-check-circle available"></span>Free Lunch and Coffee</p></li>
<li><p><span class="fa fa-times-circle unavailable"></span>Certificate</p></li>
<li><p><span class="fa fa-times-circle unavailable"></span>Easy Access</p></li>
</ul>
</div>
<div class="pricing-footer text-center">
<a href="homepage-two.html#" class="btn btn-transparent-md">Buy a ticket</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<!-- Pricing Item -->
<div class="pricing-item featured">
<div class="pricing-heading text-center">
<!-- Title -->
<div class="title">
<h6>Standard</h6>
</div>
<!-- Price -->
<div class="price">
<h2>$49.00</h2>
</div>
</div>
<div class="pricing-body">
<!-- Feature List -->
<ul class="feature-list m-0 p-0">
<li><p><span class="fa fa-check-circle available"></span>1 Comfortable Seats</p></li>
<li><p><span class="fa fa-check-circle available"></span>Free Lunch and Coffee</p></li>
<li><p><span class="fa fa-check-circle available"></span>Certificate</p></li>
<li><p><span class="fa fa-times-circle unavailable"></span>Easy Access</p></li>
</ul>
</div>
<div class="pricing-footer text-center">
<a href="homepage-two.html#" class="btn btn-main-md">Buy a ticket</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 m-auto">
<!-- Pricing Item -->
<div class="pricing-item">
<div class="pricing-heading text-center">
<!-- Title -->
<div class="title">
<h6>Platinum</h6>
</div>
<!-- Price -->
<div class="price">
<h2>$99.00</h2>
</div>
</div>
<div class="pricing-body">
<!-- Feature List -->
<ul class="feature-list m-0 p-0">
<li><p><span class="fa fa-check-circle available"></span>1 Comfortable Seats</p></li>
<li><p><span class="fa fa-check-circle available"></span>Free Lunch and Coffee</p></li>
<li><p><span class="fa fa-check-circle available"></span>Certificate</p></li>
<li><p><span class="fa fa-check-circle available"></span>Easy Access</p></li>
</ul>
</div>
<div class="pricing-footer text-center">
<a href="homepage-two.html#" class="btn btn-transparent-md">Buy a ticket</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!--==== End of Pricing Table ====-->
<!--================================
= Google Map =
=================================-->
<section class="map new">
<!-- Google Map -->
<div id="map"></div>
<div class="address-block">
<h4>Docklands Convention</h4>
<ul class="address-list p-0 m-0">
<li><i class="fa fa-home"></i><span>1201 Park Street, Fifth Avenue, <br>Dhanmondy, Dhaka.</span></li>
<li><i class="fa fa-phone"></i><span>[88] 657 524 332</span></li>
</ul>
<a href="homepage-two.html#" class="btn btn-white-md">Get Direction</a>
</div>
<div class="register overlay-dark bg-registration-two">
<div class="block">
<div class="title text-center">
<h3>Register to <span class="alternate">Eventre</span></h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit</p>
</div>
<form action="homepage-two.html#" class="row">
<div class="col-md-6">
<input type="text" class="form-control main" placeholder="Your Name">
</div>
<div class="col-md-6">
<input type="email" class="form-control main" placeholder="Email">
</div>
<div class="col-md-6">
<input type="text" class="form-control main" placeholder="Phone">
</div>
<div class="col-md-6">
<div class="form-group">
<select class="form-control main" id="select-ticket">
<option>Ticket Type</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
</div>
</div>
<div class="col-12 text-center">
<button type="submit" class="btn btn-white-md">Register Now</button>
</div>
</form>
</div>
</div>
</section>
<!--==== End of Google Map ====-->
<!--============================
= Footer =
=============================-->
<footer class="footer-main">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="block text-center">
<div class="footer-logo">
<img src="images/footer-logo.png" alt="logo" class="img-fluid">
</div>
<ul class="social-links-footer list-inline">
<li class="list-inline-item">
<a href="homepage-two.html#"><i class="fa fa-facebook"></i></a>
</li>
<li class="list-inline-item">
<a href="homepage-two.html#"><i class="fa fa-twitter"></i></a>
</li>
<li class="list-inline-item">
<a href="homepage-two.html#"><i class="fa fa-instagram"></i></a>
</li>
<li class="list-inline-item">
<a href="homepage-two.html#"><i class="fa fa-rss"></i></a>
</li>
<li class="list-inline-item">
<a href="homepage-two.html#"><i class="fa fa-vimeo"></i></a>
</li>
</ul>
</div>
</div>
</div>
</div>
</footer>
<!-- Subfooter -->
<footer class="subfooter">
<div class="container">
<div class="row">
<div class="col-md-6 align-self-center">
<div class="copyright-text">
<p><a href="homepage-two.html#">Eventre</a> &#169; 2017 All Right Reserved</p>
</div>
</div>
<div class="col-md-6">
<a href="homepage-two.html#" class="to-top"><i class="fa fa-angle-up"></i></a>
</div>
</div>
</div>
</footer>
<!-- JAVASCRIPTS -->
<!-- jQuey -->
<script src="plugins/jquery/jquery.js"></script>
<!-- Popper js -->
<script src="plugins/popper/popper.min.js"></script>
<!-- Bootstrap 4 -->
<script src="plugins/bootstrap/js/bootstrap.min.js"></script>
<!-- Smooth Scroll -->
<script src="plugins/smoothscroll/SmoothScroll.min.js"></script>
<!-- Isotope -->
<script src="plugins/isotope/mixitup.min.js"></script>
<!-- Magnific Popup -->
<script src="plugins/magnific-popup/jquery.magnific-popup.min.js"></script>
<!-- Slick Carousel -->
<script src="plugins/slick/slick.min.js"></script>
<!-- SyoTimer -->
<script src="plugins/syotimer/jquery.syotimer.min.js"></script>
<!-- Google Mapl -->
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCC72vZw-6tGqFyRhhg5CkF2fqfILn2Tsw"></script>
<script type="text/javascript" src="plugins/google-map/gmap.js"></script>
<!-- Custom Script -->
<script src="js/custom.js"></script>
</body>
</html>