EVOLUTION-NINJA

Edit File: recorded.php

<?php echo  view('includes/header.php'); ?>
<link rel="stylesheet" type="text/css" href="<?php echo base_url('public/assets/website_assets/css/innerpage.css'); ?>" />

<section id="recorded_banner">
	<div class="row co_details">
		<div class="container">
			<h3>Recorded Lessons</h3>
			
		</div>
	</div>
</section>

<section class="recorded_middle_one">
	<div class="container">
		<div class="col-sm-4">
			<form role="form">
				<div class="form-group">
					<select class="form-control" id="sel1">
						<option>All categories</option>
						<option>HTML</option>
						<option>CSS</option>
						<option>PHOTOSHOP</option>
					</select>
				</div>
			</form>
		</div>
		<div class="col-sm-8"></div>
	</div>
</section>

<section class="recorded_middle_two">
	<div class="container">
		<p style="text-align:center; padding-bottom:20px;">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="col-sm-4">
			<div class="vid-1">
				<div class="vid_size">
					<iframe width="100%" height="200px" src="https://www.youtube.com/embed/mZb_gat5YCY" frameborder="0" allowfullscreen></iframe>
				</div>
				<h4><a href="#">Lorem ipsum dolor sit amet</a></h4>
				<div style="padding-bottom:25px;">
					<div class="col-sm-5">
						<p style="text-align:right;">03:54</p>
					</div>
					<div class="col-sm-7">
						<p style="text-align:center;">2145 views</p>
					</div>
				</div>
			</div>
		</div>

<div class="col-sm-4">
			<div class="vid-1">
				<div class="vid_size">
					<iframe width="100%" height="200px" src="https://www.youtube.com/embed/mZb_gat5YCY" frameborder="0" allowfullscreen></iframe>
				</div>
				<h4><a href="#">Lorem ipsum dolor sit amet</a></h4>
				<div style="padding-bottom:25px;">
					<div class="col-sm-5">
						<p style="text-align:right;">03:54</p>
					</div>
					<div class="col-sm-7">
						<p style="text-align:center;">2145 views</p>
					</div>
				</div>
			</div>
		</div>

<div class="col-sm-4">
			<div class="vid-1">
				<div class="vid_size">
					<iframe width="100%" height="200px" src="https://www.youtube.com/embed/mZb_gat5YCY" frameborder="0" allowfullscreen></iframe>
				</div>
				<h4><a href="#">Lorem ipsum dolor sit amet</a></h4>
				<div style="padding-bottom:25px;">
					<div class="col-sm-5">
						<p style="text-align:right;">03:54</p>
					</div>
					<div class="col-sm-7">
						<p style="text-align:center;">2145 views</p>
					</div>
				</div>
			</div>
		</div>

<div class="col-sm-4">
			<div class="vid-1">
				<div class="vid_size">
					<iframe width="100%" height="200px" src="https://www.youtube.com/embed/mZb_gat5YCY" frameborder="0" allowfullscreen></iframe>
				</div>
				<h4><a href="#">Lorem ipsum dolor sit amet</a></h4>
				<div style="padding-bottom:25px;">
					<div class="col-sm-5">
						<p style="text-align:right;">03:54</p>
					</div>
					<div class="col-sm-7">
						<p style="text-align:center;">2145 views</p>
					</div>
				</div>
			</div>
		</div>

<div class="col-sm-4">
			<div class="vid-1">
				<div class="vid_size">
					<iframe width="100%" height="200px" src="https://www.youtube.com/embed/mZb_gat5YCY" frameborder="0" allowfullscreen></iframe>
				</div>
				<h4><a href="#">Lorem ipsum dolor sit amet</a></h4>
				<div style="padding-bottom:25px;">
					<div class="col-sm-5">
						<p style="text-align:right;">03:54</p>
					</div>
					<div class="col-sm-7">
						<p style="text-align:center;">2145 views</p>
					</div>
				</div>
			</div>
		</div>

<div class="col-sm-4">
			<div class="vid-1">
				<div class="vid_size">
					<iframe width="100%" height="200px" src="https://www.youtube.com/embed/mZb_gat5YCY" frameborder="0" allowfullscreen></iframe>
				</div>
				<h4><a href="#">Lorem ipsum dolor sit amet</a></h4>
				<div style="padding-bottom:25px;">
					<div class="col-sm-5">
						<p style="text-align:right;">03:54</p>
					</div>
					<div class="col-sm-7">
						<p style="text-align:center;">2145 views</p>
					</div>
				</div>
			</div>
		</div>

</div>
</section>

<?php echo  view('includes/footer.php'); ?>

<style type="text/css">
	.searchbar {
		padding-top: 2%;
		padding-bottom: 2%;
	}

.co_details {
		padding-top: 4%;
	}
</style>