<%! from django.core.urlresolvers import reverse %>
<%inherit file="main.html" />
<%namespace name='static' file='static_content.html'/>

<section class="home">
  <header>
    <div class="inner-wrapper">
      <h1>The Future of Online Education</h1>
      <a href="${reverse('courses')}" class="find-courses">Find Courses</a>
    </div>
  </header>

  <section class="container">
    <section class="highlighted-courses">
    <h2>Explore courses from <span class="lowercase">edX</span> universities</h2>

      <section class="university-partners">
        <ol class="partners">
          <li class="partner mit">
            <a href="/university_profile">
              <img src="${static.url('images/mit.png')}" />
              <div class="name">
                <span>MITx</span>
              </div>
            </a>
          </li>
          <li class="partner">
            <a href="/university_profile">
              <img src="${static.url('images/harvard.png')}" />
              <div class="name">
                <span>HarvardX</span>
              </div>
            </a>
          </li>
          <li class="partner">
            <a href="/university_profile">
              <img src="${static.url('images/berkeley.png')}" />
              <div class="name">
                <span>BerkeleyX</span>
              </div>
            </a>
          </li>
        </ol>
      </section>

      <section class="courses">
        %for course in courses:
          <%include file="course.html" args="course=course" />
        %endfor
      </section>
    </section>

    <section class="more-info">
      <h2>edX News & Announcements</h2>
      <section class="news">
        <article></article>
        <article></article>
        <article></article>
        <article></article>
      </section>
    </section>
  </section>
</section>
