Your IP : 216.73.216.91
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Event - Create Events</title>
<!-- Bootstrap min css -->
<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css" media="all">
<!-- bxSlider CSS file -->
<link href="css/jquery.bxslider.css" rel="stylesheet" />
<!-- Important Owl stylesheet -->
<link rel="stylesheet" href="css/owl.carousel.css" media="all">
<!-- Full Calender stylesheet -->
<link rel="stylesheet" href="css/fullcalendar.css" media="all">
<!-- Typo css -->
<link rel="stylesheet" href="css/typo.css" type="text/css" media="all">
<!-- Font Awesome css -->
<link rel="stylesheet" href="css/font-awesome.min.css" type="text/css" media="all">
<!-- Ihover css -->
<link href="css/ihover.css" rel="stylesheet" media="all">
<!-- Widget css -->
<link href="css/widget.css" rel="stylesheet" media="all">
<!--RESPONSIVE MENU-->
<link rel="stylesheet" href="css/jquery.sidr.dark.css" type="text/css" media="all">
<!-- PrettyPhoto css -->
<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="all">
<!-- Color css -->
<link rel="stylesheet" href="css/color-party.css" type="text/css" media="all">
<link rel="stylesheet" href="css/color.css" type="text/css" media="all">
<!-- Style css -->
<link rel="stylesheet" href="style.css" type="text/css" media="all">
<!-- Responsive css -->
<link rel="stylesheet" href="css/responsive.css" type="text/css" media="all">
</head>
<style type="text/css">
.load-btn{
border: 1px solid #eee;
border-radius: 15px;
background-color: lightgray;
padding: 10px 10px;
color: white;
}
.load-btn:hover{
background-color: #ff2861;
color: #fff;
}
</style>
<body>
<!-- Wrapper Start -->
<div id="wrapper">
<div id="mobile-header">
<a id="responsive-menu-button" href="#sidr-main"><i class="fa fa-bars"></i></a>
</div>
<header id="kode-header">
<strong class="kode-logo">
<a href="#"><img src="images/logo.png" alt=""></a>
</strong>
<nav class="kode-nav" id="navigation">
<ul>
<li class="active"><a href="index.html">home</a></li>
<li><a href="about-us.html">About us</a></li>
<li><a href="#">Organize</a>
<ul>
<li><a href="overview.html">Overview</a></li>
<li><a href="help.html">Help</a></li>
<li><a href="#">Create Event</a></li>
</ul>
</li>
<li><a href="allevents.html">Browse Events</a></li>
<li><a href="#">Category</a>
<ul>
<li><a href="services-and-business.html">Services and Business</a></li>
<li><a href="jobs.html">Jobs and Vacancy</a></li>
<li><a href="#">Select Country Events</a></li>
</ul>
</li>
<li><a href="contact-us.html">contact us</a></li>
</ul>
</nav>
<div class="col-right">
<ul class="header-social">
<li><a href="#" data-toggle="tooltip" title="" data-placement="bottom" data-original-title="Facebook"><i class="fa fa-facebook"></i></a></li>
<li><a href="#" data-toggle="tooltip" title="" data-placement="bottom" data-original-title="Twitter"><i class="fa fa-twitter"></i></a></li>
<li><a href="#" data-toggle="tooltip" title="" data-placement="bottom" data-original-title="Linkedin"><i class="fa fa-linkedin"></i></a></li>
<li><a href="#" data-toggle="tooltip" title="" data-placement="bottom" data-original-title="Google Plus"><i class="fa fa-google-plus"></i></a></li>
</ul>
<a href="#" class="button-member">Become A member</a>
</div>
</header> <div class="content">
<!-- Kode-Header End -->
<div class="sub-header">
<!-- SUB HEADER -->
</div>
<!-- Kode-Slider End -->
<!--Kode-our-speaker-heading start-->
<div class="Kode-page-heading">
<div class="container">
<!--ROW START-->
<div class="row">
<div class="col-md-6 col-sm-6">
<h2>Job Detail</h2>
</div>
<div class="col-md-6 col-sm-6">
<ul>
<li>
<a href="#"><i class="fa fa-home"></i>Home</a>
</li>
<li>
<a href="#"><i class="fa fa-angle-right"></i>Job Detail</a>
</li>
</ul>
</div>
</div>
<!--ROW END-->
</div>
</div>
<!--Kode-our-speaker-heading End-->
<div class="kode-blog-style-2">
<div class="container">
<div class="row">
<div class="col-md-8">
<!--KODE_EVENT_CONTER_CAPSTION START-->
<div class="kode_event_conter_capstion">
<h2>Full Stack Developer Job - 2 Vacancies</h2>
</div>
<!--KODE_EVENT_CONTER_CAPSTION END-->
<div class="other-events">
<div class="row ">
<div class="col-md-6">
<!--KODE_EVENT_PLACE_HOLDER START-->
<div class="kode-event-place-holder">
<figure>
<img src="extra-images/img60.jpg" alt="">
<div class="event-frame-over">
<h2>Job DETAILS</h2>
<ul>
<li><h3>Start Date:</h3><span>18-10-15</span></li>
<li><h3>END Date:</h3><span>21-10-15</span></li>
<li><h3>location:</h3><span>united kingdom</span></li>
</ul>
</div>
</figure>
<!--KODE_EVENT_PLACE_HOLDER END-->
</div>
</div>
<div class="col-md-6">
<!--KODE_EVENT_PLACE_HOLDER START-->
<div class="kode-event-place-holder">
<figure>
<img src="extra-images/img60.jpg" alt="">
<div class="event-frame-over">
<h2>Job DETAILS</h2>
<ul>
<li><h3>Start Date:</h3><span>18-10-15</span></li>
<li><h3>END Date:</h3><span>21-10-15</span></li>
<li><h3>location:</h3><span>united kingdom</span></li>
</ul>
</div>
</figure>
<!--KODE_EVENT_PLACE_HOLDER END-->
</div>
</div>
<div class="col-md-12">
<div class="kode-event-place-holder-capstion">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<figure>
<img src="extra-images/img62.jpg" alt="">
</figure>
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
</div>
<div class="col-md-12">
<div class="kode-event-recent-heading">
<h2>Related Jobs</h2>
</div>
<div class="row">
<div class="col-md-6 col-sm-6">
<div class="kode-event-recent-info">
<div class="newevent-header">
<img alt="" src="extra-images/recent-event-01.jpg">
<div class="time-newevent">22 JULY, 2015</div>
</div>
<div class="kode-blog-newcontent">
<h3>Annual Business Conference, 2015</h3>
<a href="#"><i class="fa fa-map-marker"></i>Western Park Hotel, New York, USA</a>
<p>
Lorem ipsum dolor sit amet, consectetur elit sed do eiusmod tempor incididunt ut labore
lorem ipsum dolor sit amet.
</p>
</div>
<div class="kode-newblog-footer">
<a href="#">Read More</a>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6">
<div class="kode-event-recent-info">
<div class="newevent-header">
<img alt="" src="extra-images/recent-event-02.jpg">
<div class="time-newevent">22 JULY, 2015</div>
</div>
<div class="kode-blog-newcontent">
<h3>Annual Business Conference, 2015</h3>
<a href="#"><i class="fa fa-map-marker"></i>Western Park Hotel, New York, USA</a>
<p>
Lorem ipsum dolor sit amet, consectetur elit sed do eiusmod tempor incididunt ut labore
lorem ipsum dolor sit amet.
</p>
</div>
<div class="kode-newblog-footer">
<a href="#">Read More</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Aside Bar Wrap Start-->
<div class="col-md-4">
<div class="kf_connect aside_widget_hdg">
<h6>connect with <span>ME</span></h6>
<ul>
<li class="facebook"><a href="#"><i class="fa fa-facebook"></i></a></li>
<li class="twitter"><a href="#"><i class="fa fa-twitter"></i></a></li>
<li class="youtube"><a href="#"><i class="fa fa-youtube"></i></a></li>
<li class="dribble"><a href="#"><i class="fa fa-life-ring"></i></a></li>
<li class="behance"><a href="#"><i class="fa fa-behance"></i></a></li>
<li class="gplus"><a href="#"><i class="fa fa-google-plus"></i></a></li>
</ul>
</div>
<div class="instagram-widget">
<div class="instagram-widget-title">
<h2><i class="fa fa-instagram"></i> <span>instagram feed</span> </h2>
</div>
<ul class="instagram_slider">
<li>
<div class="pic-holder">
<img src="extra-images/instagram-01.jpg" alt="">
</div>
<div class="instagram-over">
<a href="#" class="instagram-link"><i class="fa fa-link"></i></a>
</div>
</li>
<li>
<div class="pic-holder">
<img src="extra-images/instagram-01.jpg" alt="">
</div>
<div class="instagram-over">
<a href="#" class="instagram-link"><i class="fa fa-link"></i></a>
</div>
</li>
<li>
<div class="pic-holder">
<img src="extra-images/instagram-01.jpg" alt="">
</div>
<div class="instagram-over">
<a href="#" class="instagram-link"><i class="fa fa-link"></i></a>
</div>
</li>
<li>
<div class="pic-holder">
<img src="extra-images/instagram-01.jpg" alt="">
</div>
<div class="instagram-over">
<a href="#" class="instagram-link"><i class="fa fa-link"></i></a>
</div>
</li>
</ul>
</div>
<div class="kode_calender">
<div id='calendar'></div>
</div>
</div>
<!--Aside Bar Wrap End-->
</div>
</div>
</div>
</div>
<!--Footer Wrap Start-->
<footer id="footer">
<div class="event-map">
<div id="googleMap" style="width:100%;height:414px;"></div>
</div>
<div class="kode-footer-text">
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-9 col-xs-12 footer-cols">
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
<strong class="title">Contact info</strong>
<h3>Contact Us</h3>
<p>Lorem ipsum dolor sit amet adipi elit sed do eiusmod.</p>
<ul class="address-nav">
<li><i class="fa fa-map-marker"></i> abc raod, 41 street, New York</li>
<li><i class="fa fa-envelope-o"></i><a href="#">Info@info.com</a></li>
<li><i class="fa fa-phone"></i> +(35) 123 456</li>
</ul>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
<strong class="title">Twitter</strong>
<h3>twitter Feed</h3>
<ul class="twitterfeed-nav">
<li><i class="fa fa-twitter"></i> <a href="#">@orem ipsum</a> dolor sit amet adipi elit sed do eiusmod.</li>
<li><i class="fa fa-twitter"></i> <a href="#">@orem ipsum</a> dolor sit amet adipi elit sed do eiusmod.</li>
<li><i class="fa fa-twitter"></i> <a href="#">@orem ipsum</a> dolor sit amet adipi elit sed do eiusmod.</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!--kode-footer-text End-->
<div class="footer-copyright">
<div class="container">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<p>© <a href="#">Creative Params</a> All Rights Reserved</p>
</div>
</div>
</div>
<div class="back-to-top">
<a href="#"><i class="fa fa-arrow-up"></i></a>
</div>
</div>
<!--copyright End-->
</footer>
<!--Footer Wrap End-->
</div>
<!--Jquery Lib-->
<script src="js/jquery.js"></script>
<!--Bootstrap Javascript File-->
<script src="js/bootstrap.min.js"></script>
<!-- bxSlider Javascript file -->
<script src="js/jquery.bxslider.js"></script>
<!-- OWL Javascript file -->
<script src="js/owl.carousel.min.js"></script>
<!--Image Filterable Gallery-->
<script src="js/jquery-filterable.js"></script>
<!--Number Count Script-->
<script src="js/waypoints-min.js"></script>
<!--Full Calender Script-->
<script src="js/moment.min.js"></script>
<script src="js/fullcalendar.min.js"></script>
<!--Time Counter Script-->
<script src="js/jquery.downCount.js"></script>
<!--Internet Explore Script-->
<script src="js/ie.js"></script>
<!--GOOGLE MAP-->
<script src="http://maps.googleapis.com/maps/api/js"></script>
<!--RESPONSIVE MENU-->
<script src="js/jquery.sidr.min.js"></script>
<!--Custom Scripts-->
<script src="js/custom.js"></script>
</body>
</html>