<section id="recent-work">
	<div class="container">
		<div class="recent-work-outer wow fadeInTop">
			<div class="container">
				<div class="title">
					<h2>Recent Works</h2>
					<div class="divider">
						<span></span>
					</div>
				</div>
			</div>
			<div class="well wow fadeInTop">
				<div id="workCarousel" class="carousel slide" data-ride="carousel">
					<div class="carousel-inner">
						<?php if(isset($recent)): ?>
							<?php foreach($recent as $key => $r): ?>
								<div class="item <?php if($key == 0): ?> active <?php endif; ?>">
									<div class="row">
										<?php foreach($r as $i): ?>
											<div class="col-md-3">
												<a href="<?php echo e(url('/works')); ?>/<?php echo e($i['id']); ?>/view">
													<img src="<?php echo e(asset('/uploads/web/md/')); ?>/<?php echo e($i['filename']); ?>" class="img-responsive" title="<img src='<?php echo e(asset('/images/magnify.png')); ?>'>" >
												</a>
												<section class="project-info wow fadeInTop">
													<h3><?php echo e($i['name']); ?></h3>
													<p><?php echo e($i['description']); ?></p>
												</section>
											</div>
										<?php endforeach; ?>
									</div>
								</div>
							<?php endforeach; ?>
						<?php endif; ?>
					</div>
				</div>			
			</div>

			<div class="carousel-controls">
				<a href="#workCarousel" class="left carousel-control" data-slide="prev"><i class="fa fa-chevron-left"></i></a>
				<a href="#workCarousel" class="right carousel-control" data-slide="next"><i class="fa fa-chevron-right"></i></a>
			</div>
			
		</div>
	</div>
</section>