---
title: Instructor Statement
slug: instructor-statement
---
{% extends "layouts/instructor-fluid.html" %}

{% block page %}
<ol class="breadcrumb hidden-print">
	<li><a href="#">Home</a></li>
	<li class="active">Statement</li>
</ol>
<div class="card">
	<div class="card-header">
		<div class="pull-xs-left">
			<input class="datepicker form-control" type="text" value="01/28/2016"/>	
		</div>
		<div class="clearfix"></div>
	</div>
	<table class="table">
		<thead>
			<tr>
				<th>Date</th>
				<th>Order</th>
				<th>Item</th>
				<th>Amount</th>
				<th class="right">Fee</th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td>Feb 12, 2016</td>
				<td><a href="invoice.html">#12321</a></td>
				<td><a href="view-course.html">Gulp Easy Setup</a></td>
				<td>$25.00</td>
				<td class="right">$2.40</td>
			</tr>
			<tr>
				<td>Feb 12, 2016</td>
				<td><a href="invoice.html">#12302</a></td>
				<td><a href="view-course.html">Basics of Github</a></td>
				<td>$25.00</td>
				<td class="right">$2.40</td>
			</tr>
			<tr>
				<td>Feb 11, 2016</td>
				<td><a href="invoice.html">#11948</a></td>
				<td><a href="view-course.html">Master Vue.js Components</a></td>
				<td>$25.00</td>
				<td class="right">$2.40</td>
			</tr>
			<tr>
				<td>Feb 11, 2016</td>
				<td><a href="invoice.html">#10413</a></td>
				<td><a href="view-course.html">NodeJs for Beginners</a></td>
				<td>$25.00</td>
				<td class="right">$2.40</td>
			</tr>
			<tr>
				<td>Feb 12, 2016</td>
				<td><a href="invoice.html">#12321</a></td>
				<td><a href="view-course.html">Gulp Easy Setup</a></td>
				<td>$25.00</td>
				<td class="right">$2.40</td>
			</tr>
			<tr>
				<td>Feb 12, 2016</td>
				<td><a href="invoice.html">#12302</a></td>
				<td><a href="view-course.html">Basics of Github</a></td>
				<td>$25.00</td>
				<td class="right">$2.40</td>
			</tr>
			<tr>
				<td>Feb 11, 2016</td>
				<td><a href="invoice.html">#11948</a></td>
				<td><a href="view-course.html">Master Vue.js Components</a></td>
				<td>$25.00</td>
				<td class="right">$2.40</td>
			</tr>
			<tr>
				<td>Feb 11, 2016</td>
				<td><a href="invoice.html">#10413</a></td>
				<td><a href="view-course.html">NodeJs for Beginners</a></td>
				<td>$25.00</td>
				<td class="right">$2.40</td>
			</tr>
		</tbody>
	</table>
</div>
<nav class="center">
	<ul class="pagination pagination-sm m-a-0">
		<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</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="#" aria-label="Next">
			<span aria-hidden="true">&raquo;</span>
			<span class="sr-only">Next</span>
			</a>
		</li>
	</ul>
</nav>
{% endblock %}


{% block vendor_styling %}
	 <!-- Datepicker -->
	<link rel="stylesheet" href="examples/css/bootstrap-datepicker.min.css">
{% endblock %}

{% block vendor_scripts %}
	<!-- Vendor JS -->
	<script src="assets/vendor/bootstrap-datepicker.min.js"></script>
{% endblock%}

{% block example_scripts %}
	<!-- Init -->
	<script src="examples/js/date-time.js"></script>
{% endblock %}