---
title: Forum
slug: forum
---
{% extends "layouts/fluid.html" %}

{% block page %}
<ol class="breadcrumb m-b-0">
	<li><a href="#">Home</a></li>
	<li class="active">Forum</li>
</ol>
<h1 class="page-heading">Forum</h1>
<div class="row">
	<div class="col-md-8">
		<div class="card">
			<div class="card-header">
				<div class="media">
					<div class="media-body media-middle">
						<h4 class="card-title">General</h4>
						<p class="card-subtitle">All non-course topics.</p>
					</div>
					<div class="media-right media-middle">
						<a href="#" class="btn btn-white btn-sm"><i class="material-icons">add</i></a>
					</div>
				</div>
			</div>
			<ul class="list-group list-group-fit">
				<li class="list-group-item forum-thread">
					<div class="media o-visible">
						<div class="media-left media-middle">
							<div class="forum-icon-wrapper">
							<a href="forum-thread.html" class="forum-thread-icon">
								<i class="material-icons">description</i>
							</a>
							<a href="#public-profile" class="forum-thread-user">
								<img src="assets/images/people/50/guy-7.jpg" alt="" width="20" class="img-circle">
							</a>
							</div>
						</div>
						<div class="media-body media-middle">
							<p class="m-b-0">
								<a href="forum-thread.html">Am I learning the right way?</a>
							</p>
							<small>replied by <a href="#">Brian S.</a></small>
						</div>
						<div class="media-right media-middle">
							<div style="width:80px; text-align: right;">
								<small class="text-muted-light">5 min ago</small>
							</div>
						</div>
					</div>
				</li>
				<li class="list-group-item forum-thread">
					<div class="media">
						<div class="media-left media-middle">
							<div class="forum-icon-wrapper">
							<a href="forum-thread.html" class="forum-thread-icon">
								<i class="material-icons">description</i>
							</a>
							<a href="#public-profile" class="forum-thread-user">
								<img src="assets/images/people/50/guy-4.jpg" alt="" width="20" class="img-circle">
							</a>
							</div>
						</div>
						<div class="media-body media-middle">
							<p class="m-b-0">
								<a href="forum-thread.html">Can someone help me with the basic Setup?</a>
							</p>
							<small>posted by <a href="#">Adrian D.</a></small>
						</div>
						<div class="media-right media-middle">
							<div style="width:80px; text-align: right;">
								<small class="text-muted-light">5 min ago</small>
							</div>
						</div>
					</div>
				</li>
				<li class="list-group-item forum-thread">
					<div class="media">
						<div class="media-left media-middle">
							<div class="forum-icon-wrapper">
							<a href="forum-thread.html" class="forum-thread-icon">
								<i class="material-icons">description</i>
							</a>
							<a href="#public-profile" class="forum-thread-user">
								<img src="assets/images/people/50/guy-2.jpg" alt="" width="20" class="img-circle">
							</a>
							</div>
						</div>
						<div class="media-body media-middle">
							<p class="m-b-0">
								<a href="forum-thread.html">I think this is the right way?</a>
							</p>
							<small>replied by <a href="#">Michael D.</a></small>
						</div>
						<div class="media-right media-middle">
							<div style="width:80px; text-align: right;">
								<small class="text-muted-light">5 min ago</small>
							</div>
						</div>
					</div>
				</li>
			</ul>
		</div>

		<div class="card">
			<div class="card-header">
				<div class="media">
					<div class="media-body media-middle">
						<h4 class="card-title">Lessons</h4>
						<p class="card-subtitle">Course related topics.</p>
					</div>
					<div class="media-right media-middle">
						<a href="#" class="btn btn-white btn-sm"><i class="material-icons">add</i></a>
					</div>
				</div>
			</div>
			<ul class="list-group list-group-fit">
				<li class="list-group-item forum-thread">
					<div class="media">
						<div class="media-left media-middle">
							<div class="forum-icon-wrapper">
							<a href="forum-thread.html" class="forum-thread-icon">
								<i class="material-icons">description</i>
							</a>
							<a href="#public-profile" class="forum-thread-user">
								<img src="assets/images/people/50/guy-7.jpg" alt="" width="20" class="img-circle">
							</a>
							</div>
						</div>
						<div class="media-body media-middle">
							<p class="m-b-0">
								<a href="forum-thread.html">Getting around AngularJS</a>
							</p>
							<small>replied by <a href="#">Adrian D.</a></small>
						</div>
						<div class="media-right media-middle">
							<div style="width:80px; text-align: right;">
								<small class="text-muted-light">5 min ago</small>
							</div>
						</div>
					</div>
				</li>
				<li class="list-group-item forum-thread">
					<div class="media">
						<div class="media-left media-middle">
							<div class="forum-icon-wrapper">
								<a href="forum-thread.html" class="forum-thread-icon">
									<i class="material-icons">description</i>
								</a>
								<a href="#public-profile" class="forum-thread-user">
									<img src="assets/images/people/50/guy-8.jpg" alt="" width="20" class="img-circle">
								</a>
							</div>
						</div>
						<div class="media-body media-middle">
							<p class="m-b-0">
								<a href="forum-thread.html">Responsive Bootstrap Question</a>
							</p>
							<small>posted by <a href="#">Adrian D.</a></small>
						</div>
						<div class="media-right media-middle">
							<div style="width:80px; text-align: right;">
								<small class="text-muted-light">5 min ago</small>
							</div>
						</div>
					</div>
				</li>
				<li class="list-group-item forum-thread">
					<div class="media">
						<div class="media-left media-middle">
							<div class="forum-icon-wrapper">
								<a href="forum-thread.html" class="forum-thread-icon">
									<i class="material-icons">description</i>
								</a>
								<a href="#public-profile" class="forum-thread-user">
									<img src="assets/images/people/50/guy-5.jpg" alt="" width="20" class="img-circle">
								</a>
							</div>
						</div>
						<div class="media-body media-middle">
							<p class="m-b-0">
								<a href="forum-thread.html">Can someone help me with the basic Setup?</a>
							</p>
							<small>replied by <a href="#">Adrian D.</a></small>
						</div>
						<div class="media-right media-middle">
							<div style="width:80px; text-align: right;">
								<small class="text-muted-light">5 min ago</small>
							</div>
						</div>
					</div>
				</li>
			</ul>
		</div>


	</div>
	<div class="col-md-4">
		<div class="card">
			<div class="card-block center">
				<div class="form-group">
					<input id="forumSearch" type="text" class="form-control" placeholder="Type to search"><span class="ma-form-highlight"></span><span class="ma-form-bar"></span>
				</div>
				<a href="#" class="btn btn-primary btn-rounded">Search <i class="material-icons">search</i></a>
			</div>
		</div>
		<div class="card">
			<div class="card-header">
				<h4 class="card-title">Categories</h4>
			</div>
			<ul class="list-group list-group-fit">
				<li class="list-group-item">
					<a href="#"><span class="icon-text">All Topics</span></a>
				</li>
				<li class="list-group-item" ui-sref-active="active">
					<a href="#"><span class="icon-text"> General</a>
				</li>
				<li class="list-group-item">
					<a ui-sref="website-forum.category" href="#/website-forum/category"><i class="fa fa-chevron-right fa-fw"></i> Lessons</a>
				</li>
				<li class="list-group-item">
					<a ui-sref="website-forum.category" href="#/website-forum/category"><i class="fa fa-chevron-right fa-fw"></i> Support</a>
				</li>
			</ul>
		</div>
	</div>
</div>
{% endblock %}