File: /home/imensosw/www/imenso.co/demo/mcm/singel-event.php
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>MCM School | Welcome to MCM School</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
<link href="style.css" rel="stylesheet" type="text/css"/>
<link rel="stylesheet" href="css/style-1s.css">
<link href="css/responsive.css" rel="stylesheet" type="text/css"/>
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
</head>
<body>
<?php include("header.php");?>
<section class="white-text" id="banner">
<div class="container">
<div class="row pad-t-75">
<div class="col-md-12 text-center">
<h1> Event name </h1>
<p> Some text about the event. </p>
</div>
</div>
</div>
</section>
<!-- <div id="cd-intro-tagline"></div>
<nav class="sub-nav">
<div class="container">
<ul>
<li><a class="active" href="#contactus"> Contact Us </a></li>
<li><a href="#ourlocation"> Our Location </a></li>
<li class="no-nav pull-right"><a href="" class="no-nav nav_btn_mt btn-s btn-alpha">Book a Course</a></li>
</ul>
</div>
</nav> -->
<section class="burger cd-section" id="contactus">
<div class="container">
<div class="row">
<div class="col-md-7">
<h3> About the event </h3>
<div class="location-item pad-t-20">
<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.</p>
</div>
<div class="location-item mt3">
<h3> About the event </h3>
<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.</p>
<div class="pad-t-20">
<p> • Bullet 1 here </p>
<p> • Bullet 1 here </p>
<p> • Bullet 1 here </p>
</div>
</div>
<div class="location-item mt3">
<h3> About the event </h3>
<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.</p>
<div class="pad-t-20">
<p> • Bullet 1 here </p>
<p> • Bullet 1 here </p>
<p> • Bullet 1 here </p>
</div>
<p class="pad-t-20"> 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.</p>
</div>
<div class="mt5 grey_bg">
<div class="location-item pad_20">
<h3> Refund Policy </h3>
<p>Plans change. We understand. But if you can't make it to a course, please <u class="skyblue_col"> email </u> us or call us on: <u class="skyblue_col"> 1-000-000-0000 </u> at least 7 days before the scheduled event date. No refunds will be given after this timeframe.</p>
</div>
</div>
</div><!---/col-md-7-->
<div class="col-md-4 col-md-offset-1">
<article id="bookform" class="">
<img src="images/event.jpg" class="img-responsive" alt="" />
<div class="course-item mt3">
<div class="flex">
<i class="fa fa-calendar fa-2x white-text marg-r-20" aria-hidden="true"></i>
<div class="post_item bdr_bt">
<h3>Monday, 28th November </h3>
<p> 9.00am - 7.30pm </p>
</div>
<div class="bdr_bt"></div>
</div>
<div class="flex pad-t-20">
<i class="fa fa-map-marker fa-2x white-text marg-r-20" aria-hidden="true"></i>
<div class="post_item">
<h3> Building Location, building Name </h3>
<p> 2809 Martha Ellen Drive, Reno, Nevada, 89506 </p>
</div>
</div>
</div>
<div class="calender_sidebar">
<div class="cal-pad bdr_bt">
<h5 class="monthyear marg_0">February 2017</h5>
</div>
<div class="radio_btn">
<div class="bdr_bt padd_lr_10">
<input id="radio01" start_date="30-Jan,2017" end_date="05-Feb,2017" value="30-Jan,2017 - 05-Feb,2017" name="radio2" clas="cldate" type="radio">
<label for="radio01"><span></span>30-Jan,2017 - 05-Feb,2017</label>
</div>
</div>
</div>
<div class="contact_form ">
<form>
<p>What’s your first name?</p>
<input id="week1" class="form-control input_field" name="week1" placeholder="" type="hidden">
<input id="name1" class="form-control input_field" name="name" placeholder="eg John" type="text">
<p>What’s your surname?</p>
<input id="surname1" class="form-control input_field" name="surname" placeholder="eg Doe" type="text">
<p>What’s your email?</p>
<input id="email1" class="form-control input_field" name="email" placeholder="eg johndoe@mymail.com" type="email">
<!-- <p class="text-center"><a href="" class="btn-alpha btn-l no-nav btn-l-marg">Book a Course</a></p>-->
<p class="text-center"><button id="submit" class="btn-alpha btn-l no-nav btn-l-marg hide_btn btn-block"> Book Course </button></p>
<div class="pad-t-20 no-spam">
<div class="media">
<figure class="pull-left">
<i class="fa fa-lock"></i>
</figure>
<div class="media-body">
<p>We hate spam and always keep your details secure.</p>
</div>
</div>
</div>
<div class="bdr_bt pad-t-20"></div>
<div class="form_cont">
<h4> Contact us </h4>
<p class="cont_p"> If the dates you request are not available please don’t hesitate to contact us. </p>
</div>
</form>
<div class="form_cont_icons">
<a href="" class="contact_icon marg-r-20"><i class="fa fa-phone" aria-hidden="true"></i></a>
<a href="" class="contact_icon"><i class="fa fa-envelope-o" aria-hidden="true"></i></a>
</div>
</div>
<h4 class="pad-t-20 pbd text-center">Any Questions? <u class="skyblue_col"> Read our FAQs </u> </h4>
</article>
</div><!---/col-md-5-->
</div><!---/row-->
</div>
</section>
<?php include("footer.php");?>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script src="js/main.js"></script>
<script type="text/javascript">
$('ul.nav li.dropdown').hover(function() {
$(this).find('.dropdown-menu').stop(true, true).delay().fadeIn();
}, function() {
$(this).find('.dropdown-menu').stop(true, true).delay().fadeOut();
});
</script>
</body>
</html>