<!-- >> Blog-->
<section class="blog-content">
	<div class="container">
		<div class="row row-margin">
			<!-- Blog content -->
			<div class="col-lg-9 col-md-8 col-sm-8 col-xs-12">
				<h2 class="heading-line">Latest News</h2>
				<div class="row">
					<div class="col-sm-6 col-xs-12">
						<!-- Sigle blog post -->
						<div class="blog-card">
							<div class="blog-card-img">
								<a href="#">
									<figure class="imghvr-zoom-in "><img src="<?php echo URL_FRONT_IMAGES;?>img12.png" alt="" class="img-responsive">
										<figcaption>
											<span class="btn btn-read">Read Article</span>
										</figcaption>
									</figure>
								</a>
								<div class="blog-card-ribbon">Dance</div>
							</div>
							<h4 class="blog-card-title"><a href="#">When you’re stressed out and too busy to do all the things, what’s the first thing?</a></h4>
							<ul class="blog-card-content">
								<li>by<a href="#">Admin</a></li>
								<li>July 22th, 2016</li>
								<li><i class="fa fa-comments"></i> 24</li>
							</ul>
						</div>
						<!-- Sigle blog post Ends -->
					</div>
					<div class="col-sm-6 col-xs-12">
						<!-- Sigle blog post -->
						<div class="blog-card">
							<div class="blog-card-img">
								<a href="#">
									<figure class="imghvr-zoom-in "><img src="<?php echo URL_FRONT_IMAGES;?>img2.png" alt="" class="img-responsive">
										<figcaption>
											<span class="btn btn-read">Read Article</span>
										</figcaption>
									</figure>
								</a>
								<div class="blog-card-ribbon">Technology</div>
							</div>
							<h4 class="blog-card-title"><a href="#">You may think non-academic ventures could be
								conducted some other time</a></h4>
							<ul class="blog-card-content">
								<li>by<a href="#">Admin</a></li>
								<li>July 23th, 2016</li>
								<li><i class="fa fa-comments"></i> 34</li>
							</ul>
						</div>
						<!-- Sigle blog post Ends -->
					</div>
					<div class="col-sm-6 col-xs-12">
						<!-- Sigle blog post -->
						<div class="blog-card">
							<div class="blog-card-img">
								<a href="#">
									<figure class="imghvr-zoom-in "><img src="<?php echo URL_FRONT_IMAGES;?>img3.png" alt="" class="img-responsive">
										<figcaption>
											<span class="btn btn-read">Read Article</span>
										</figcaption>
									</figure>
								</a>
								<div class="blog-card-ribbon">Medical</div>
							</div>
							<h4 class="blog-card-title"><a href="#">By bringing more into play for students development can become an intrinsic choice.</a></h4>
							<ul class="blog-card-content">
								<li>by<a href="#">Admin</a></li>
								<li>July 25th, 2016</li>
								<li><i class="fa fa-comments"></i> 11</li>
							</ul>
						</div>
						<!-- Sigle blog post Ends -->
					</div>
					<div class="col-sm-6 col-xs-12">
						<!-- Sigle blog post -->
						<div class="blog-card">
							<div class="blog-card-img">
								<a href="#">
									<figure class="imghvr-zoom-in "><img src="<?php echo URL_FRONT_IMAGES;?>img4.png" alt="" class="img-responsive">
										<figcaption>
											<span class="btn btn-read">Read Article</span>
										</figcaption>
									</figure>
								</a>
								<div class="blog-card-ribbon">Beauty</div>
							</div>
							<h4 class="blog-card-title"><a href="#">University life should continue embracing learning for the sake of learning.</a></h4>
							<ul class="blog-card-content">
								<li>by<a href="#">Admin</a></li>
								<li>July 28th, 2016</li>
								<li><i class="fa fa-comments"></i> 31</li>
							</ul>
						</div>
						<!-- Sigle blog post Ends -->
					</div>
				</div>
				<h2 class="heading-line">Popular Videos</h2>
				<div class="row">

					<div class="col-sm-9">
						<div class="tab-content tabpill-content">
							<!-- Video 1 -->
							<div id="vid1" class="tab-pane fade active in">
								<div class="play-video">
									<img src="<?php echo URL_FRONT_IMAGES;?>img10.png" class="img-responsive" alt="..">
									<a class="videopopUp" href="https://www.youtube.com/watch?v=8e1lRY1hvi0">
										<img src="<?php echo URL_FRONT_IMAGES;?>play.png" alt="Play" title="Click to Play" class="play-btn">
									</a>
								</div>
							</div>
							<!-- Video 2 -->
							<div id="vid2" class="tab-pane fade">
								<div class="play-video">
									<img src="<?php echo URL_FRONT_IMAGES;?>img3.png" class="img-responsive" alt="..">
									<a class="videopopUp" href="https://www.youtube.com/watch?v=8e1lRY1hvi0">
										<img src="<?php echo URL_FRONT_IMAGES;?>play.png" alt="Play" title="Click to Play" class="play-btn">
									</a>
								</div>
							</div>
							<!-- Video 3 -->
							<div id="vid3" class="tab-pane fade">
								<div class="play-video">
									<img src="<?php echo URL_FRONT_IMAGES;?>img6.png" class="img-responsive" alt="..">
									<a class="videopopUp" href="https://www.youtube.com/watch?v=8e1lRY1hvi0">
										<img src="<?php echo URL_FRONT_IMAGES;?>play.png" alt="Play" title="Click to Play" class="play-btn">
									</a>
								</div>
							</div>
						</div>
					</div>
					<div class="col-sm-3">
						<div class="NavPillTabs">
							<ul class=" video-tabs">
								<li class="active">
									<a data-toggle="pill" href="#vid1">
										<img src="<?php echo URL_FRONT_IMAGES;?>img10.png" alt="" class="img-responsive">
										<h4>Introducing optional modules and activities</h4>
									</a>
								</li>
								<li>
									<a data-toggle="pill" href="#vid2">
										<img src="<?php echo URL_FRONT_IMAGES;?>img2.png" alt="" class="img-responsive">
										<h4>This is why you need to make the mostof your time</h4>
									</a>
								</li>
								<li>
									<a data-toggle="pill" href="#vid3">
										<img src="<?php echo URL_FRONT_IMAGES;?>img3.png" alt="" class="img-responsive">
										<h4>Everything you do makes a difference</h4>
									</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
				<!-- latest news -->
				<h2 class="heading-line">Latest News</h2>
				<div class="row">
					<div class="col-sm-12 col-xs-12">
						<!-- Sigle blog post -->
						<div class="blog-card">
							<div class="blog-card-img blog-large">
								<a href="#">
									<figure class="imghvr-zoom-in "><img src="<?php echo URL_FRONT_IMAGES;?>img-l1.png" alt="" class="img-responsive">
										<figcaption>
											<span class="btn btn-read">Read Article</span>
										</figcaption>
									</figure>
								</a>
								<div class="blog-card-ribbon">Dance</div>
							</div>
							<h4 class="blog-card-title"><a href="#">When you’re stressed out and too busy to do all the things, what’s the first thing?</a></h4>
							<ul class="blog-card-content">
								<li>by<a href="#">Admin</a></li>
								<li>July 22th, 2016</li>
								<li><i class="fa fa-comments"></i> 24</li>
							</ul>
						</div>
						<!-- Sigle blog post Ends -->
						<!-- Sigle blog post -->
						<div class="blog-card">
							<div class="blog-card-img blog-large">
								<a href="#">
									<figure class="imghvr-zoom-in "><img src="<?php echo URL_FRONT_IMAGES;?>img-l2.png" alt="" class="img-responsive">
										<figcaption>
											<span class="btn btn-read">Read Article</span>
										</figcaption>
									</figure>
								</a>
								<div class="blog-card-ribbon">Dance</div>
							</div>
							<h4 class="blog-card-title"><a href="#">You may think non-academic ventures could be conducted some other time</a></h4>
							<ul class="blog-card-content">
								<li>by<a href="#">Admin</a></li>
								<li>July 22th, 2016</li>
								<li><i class="fa fa-comments"></i> 22</li>
							</ul>
						</div>
						<!-- Sigle blog post Ends -->
						<!-- Sigle blog post -->
						<div class="blog-card">
							<div class="blog-card-img blog-large">
								<a href="#">
									<figure class="imghvr-zoom-in "><img src="<?php echo URL_FRONT_IMAGES;?>img-l3.png" alt="" class="img-responsive">
										<figcaption>
											<span class="btn btn-read">Read Article</span>
										</figcaption>
									</figure>
								</a>
								<div class="blog-card-ribbon">Dance</div>
							</div>
							<h4 class="blog-card-title"><a href="#">By bringing more into play for students development can become an intrinsic choice.</a></h4>
							<ul class="blog-card-content">
								<li>by<a href="#">Admin</a></li>
								<li>July 22th, 2016</li>
								<li><i class="fa fa-comments"></i> 56</li>
							</ul>
						</div>
						<!-- Sigle blog post Ends -->
					</div>
				</div>
				<div class="row">
					<div class="col-sm-12">
						<div class="page-nation">
							<ul class="pagination pagination-large">
								<li class="disabled"><a href="#"><span class="glyphicon glyphicon-arrow-left"></span></a></li>
								<li class="active"><span>1</span></li>
								<li><a href="#">2</a></li>
								<li><a href="#">3</a></li>

								<li class="disabled"><span>...</span></li>
								<li><a href="#">18</a></li>
								<li><a rel="next" href="#"><span class="glyphicon glyphicon-arrow-right"></span></a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<!-- Sidebar/Widgets bar -->
			<div class="col-lg-3 col-md-4 col-sm-4 col-xs-12">

				<!-- Single Widget -->
				<div class="widget">
					<!-- widget >>Social News -->
					<h4 class="widget-title">Social News</h4>
					<p class="widget-text">Read the Latest Tutors News on all our Facebook, Twitter & more!</p>
					<ul class="widget-share">
						<li><a href="#"><i class="fa  fa-facebook-square"></i></a></li>
						<li><a href="#"><i class="fa fa-twitter-square"></i></a></li>
						<li><a href="#"><i class="fa fa-youtube-square"></i></a></li>
						<li><a href="#"><i class="fa fa-linkedin-square"></i></a></li>
					</ul>
				</div>
				<!-- Single Widget Ends -->

				<!-- Single Widget -->
				<div class="widget">
					<!-- widget >>Newsletter -->
					<h4 class="widget-title">Newsletter</h4>
					<p class="widget-text">Give us your email & we will be updating you daily with the latest news!</p>
					<form action="#" method="post" class="widget-newsletter">
						<div class="input-group ">
							<input type="email" class="form-control" placeholder="Email" required="">
							<span class="input-group-btn">
								<button class="btn widget-newsletter-btn" type="submit"><i class="fa fa-paper-plane" aria-hidden="true"></i></button>
							</span>
						</div>
					</form>
				</div>
				<!-- Single Widget Ends -->

				<!-- Single Widget -->
				<div class="widget">
					<!-- widget >>Popular -->
					<h4 class="widget-title">Popular</h4>
					<div class="media widget-team">
						<a href="#">
							<figure class="imghvr-zoom-in">
								<img class="media-object  img-circle" src="<?php echo URL_FRONT_IMAGES;?>profile7.png" alt="...">
								<figcaption></figcaption>
							</figure>
							<h4 class="widget-team-title">Build the story of you and tell it from</h4>
							<p class="date">May 21th, 2016 <span class="comments"><i class="fa fa-comments"></i> 12</span></p>
						</a>
					</div>
					<div class="media widget-team">
						<a href="#">
							<figure class="imghvr-zoom-in">
								<img class="media-object  img-circle" src="<?php echo URL_FRONT_IMAGES;?>profile6.png" alt="...">
								<figcaption></figcaption>
							</figure>
							<h4 class="widget-team-title">I’ve seen some student plan out their moves</h4>
							<p class="date">May 20th, 2016 <span class="comments"><i class="fa fa-comments"></i> 24</span></p>
						</a>
					</div>
					<div class="media widget-team">
						<a href="#">
							<figure class="imghvr-zoom-in">
								<img class="media-object  img-circle" src="<?php echo URL_FRONT_IMAGES;?>profile5.png" alt="...">
								<figcaption></figcaption>
							</figure>
							<h4 class="widget-team-title">In other words, current priorities have to tie</h4>
							<p class="date">May 19th, 2016 <span class="comments"><i class="fa fa-comments"></i>32</span></p>
						</a>
					</div>
				</div>
				<!-- Single Widget Ends -->

				<!-- Single Widget -->
				<div class="widget">
					<!-- widget >>Categories -->
					<h4 class="widget-title">Categories</h4>
					<ul class="widget-list">
						<li><a href="#">Technology</a></li>
						<li><a href="#">Books</a></li>
						<li><a href="#">Creative</a></li>
						<li><a href="#">Business</a></li>
						<li><a href="#">Miscelanous</a></li>
						<li><a href="#">Mathematics</a></li>
						<li><a href="#">University</a></li>
					</ul>
				</div>
				<!-- Single Widget Ends -->

				<!-- Single Widget -->
				<div class="widget">
					<!-- widget >>Useful Tags -->
					<h4 class="widget-title">Useful Tags</h4>
					<ul class="widget-tags">
						<li><a href="#">Babysitter Services</a></li>
						<li><a href="#">Tutoring</a></li>
						<li><a href="#">Day Care</a></li>
						<li><a href="#">Nanny Jobs</a></li>
						<li><a href="#">Child Care</a></li>
						<li><a href="#">Babysitting</a></li>
						<li><a href="#">Nannies</a></li>
					</ul>
				</div>
				<!-- Single Widget Ends -->

				<!-- Single Widget -->
				<div class="widget">
					<!-- widget >>Archive -->
					<h4 class="widget-title">Archive</h4>
					<ul class="widget-list">
						<li><a href="#">May, 2016</a></li>
						<li><a href="#">April, 2016</a></li>
						<li><a href="#">March, 2016</a></li>
						<li><a href="#">February, 2016</a></li>
						<li><a href="#">January, 2016</a></li>
					</ul>
				</div>
				<!-- Single Widget Ends -->

			</div>
		</div>
	</div>
</section>