---
title: Browse Courses
slug: browse-courses
---
{% extends "layouts/fluid.html" %}

{% block page %}
<ol class="breadcrumb">
	<li><a href="index.html">Home</a></li>
	<li class="active">Courses</li>
</ol>
<p class="btn-group pull-md-right">
	<a href="#" class="btn btn-white active"><i class="material-icons">list</i></a>
	<a href="#" class="btn btn-white"><i class="material-icons">dashboard</i></a>
</p>
<div class="clearfix"></div>
<div class="card-columns">
	<div class="card">
		<div class="card-header bg-white center">
			<h4 class="card-title"><a href="take-course.html">Learn VueJs</a></h4>
			<div>
				<i class="material-icons text-warning md-18">star</i>
				<i class="material-icons text-warning md-18">star</i>
				<i class="material-icons text-warning md-18">star</i>
				<i class="material-icons text-warning md-18">star</i>
				<i class="material-icons text-warning md-18">star_border</i>
			</div>
		</div>
		<a href="take-course.html">
			<img src="assets/images/vuejs.png" alt="Card image cap" style="width:100%;">	
		</a>
		<div class="card-block">
			<small class="text-muted">ADVANCED</small>
			<p class="m-b-0">
				Let’s start with a quick tour of Vue’s data binding features. If you are more interested in ...
			</p>
			<p><span class="label label-primary">VUEJS</span></p>
		</div>
	</div>
	<div class="card">
		<div class="card-header bg-white center">
			<h4 class="card-title"><a href="take-course.html">Npm &amp; Gulp Advanced Workflow</a></h4>
			<div>
				<i class="material-icons text-warning md-18">star</i>
				<i class="material-icons text-warning md-18">star</i>
				<i class="material-icons text-warning md-18">star</i>
				<i class="material-icons text-warning md-18">star_half</i>
				<i class="material-icons text-warning md-18">star_border</i>
			</div>
		</div>
		<a href="take-course.html">
			<img src="assets/images/nodejs.png"  alt="Card image cap" style="width:100%;">
		</a>
		<div class="card-block">
			<small class="text-muted">BEGINNER</small>
			<p class="m-b-0">
				Developing static website with fast and advanced gulp setup by managing all parts...
			</p>
			<small class="label label-primary">GULP</small>
		</div>		
	</div>
	<div class="card">
		<div class="card-header bg-white center">
			<h4 class="card-title"><a href="take-course.html">Github Webhooks for Beginners</a></h4>
			<div>
				<i class="material-icons text-warning md-18">star</i>
				<i class="material-icons text-warning md-18">star</i>
				<i class="material-icons text-warning md-18">star_border</i>
				<i class="material-icons text-warning md-18">star_border</i>
				<i class="material-icons text-warning md-18">star_border</i>
			</div>
		</div>
		<a href="take-course.html">
			<img src="assets/images/github.png" alt="" style="width:100%;">			
		</a>
		<div class="card-block">
			<small class="text-muted">INTERMEDIATE</small>
			<p class="m-b-0">
				Learn the basics of Github and become a power Github developer.
			</p>
			<small class="label label-primary">GULP</small> 
		</div>
	</div>

	<div class="card">
		<div class="card-header bg-white center">
			<h4 class="card-title"><a href="take-course.html">Gulp & Slush Workflows</a></h4>
			<div>
				<i class="material-icons text-warning md-18">star</i>
				<i class="material-icons text-warning md-18">star</i>
				<i class="material-icons text-warning md-18">star</i>
				<i class="material-icons text-warning md-18">star</i>
				<i class="material-icons text-warning md-18">star_border</i>
			</div>
		</div>
		<a href="take-course.html">
			<img src="assets/images/gulp.png" alt="Card image cap" style="width:100%;">
		</a>
		<div class="card-block">
			<small class="text-muted">ADVANCED</small>
			<p class="m-b-0">
				Let’s start with a quick tour of Vue’s data binding features. If you are more interested in ...
			</p>
			<span class="label label-primary">GULP</span> <span class="label label-primary">SLUSH</span>
		</div>
	</div>
</div>
<nav class="center">
	<ul class="pagination pagination-sm">
		<li class="page-item disabled">
			<a class="page-link" href="#" aria-label="Previous">
				<span aria-hidden="true">&laquo;</span>
				<span class="sr-only">Previous</span>
			</a>
		</li>
		<li class="page-item active">
			<a class="page-link" href="#">1 <span class="sr-only">(current)</span></a>
		</li>
		<li class="page-item"><a class="page-link" href="#">2</a></li>
		<li class="page-item"><a class="page-link" href="#">3</a></li>
		<li class="page-item"><a class="page-link" href="#">4</a></li>
		<li class="page-item"><a class="page-link" href="#">5</a></li>
		<li class="page-item">
			<a class="page-link" href="#" aria-label="Next">
				<span aria-hidden="true">&raquo;</span>
				<span class="sr-only">Next</span>
			</a>
		</li>
	</ul>
</nav>
{% endblock %}