<%inherit file="base.html" />
<%block name="bodyclass">index</%block>
<%block name="title">Courses</%block>

<%block name="content">

	<div class="main-wrapper">
		<div class="inner-wrapper">
			<h1>My Courses</h1>
			<article class="my-classes">
				<a href="#" class="new-course-button wip-box"><span class="plus-icon"></span> New Course</a>
				<ul class="class-list">
					%for course, url in courses:
			    <li>
						<a href="${url}" class="class-name">
							<span class="class-name">${course}</span>
							<!--
							<span class="detail">Started: 9/21/2012</span>
							<span class="detail">Ends: 10/21/2012</span>
							-->
						</a>
					</li>
			    %endfor
				</ul>
			</article>
		</div>
	</div>

</section>
</%block>