index.html

{% extends 'base.html' %}
{% load staticfiles %}
{% block title %}课程机构列表 - 慕学在线网{% endblock %}

{% block custom_bread %}
{% endblock %}

{% block custom_js %}
<script src="{% static 'js/index.js' %}"></script>
{% endblock %}

{% block custom_content %}
<div class="banner">
  <div class="wp">
    <div class="fl">
      <div class="imgslide">
        <ul class="imgs">
          {% for banner in all_banners %}
          <li>
            <a href="{{ banner.url }}">
              <img width="1200" height="478" src="{{ MEDIA_URL }}{{ banner.image }}"/>
            </a>
          </li>
          {% endfor %}

        </ul>
      </div>
      <div class="unslider-arrow prev"></div>
      <div class="unslider-arrow next"></div>
    </div>

  </div>


</div>
<!--banner -->
<section>
  <div class="wp">
    <ul class="feature">
      <li class="feature1">
        <img class="pic" src="{% static 'images/feature1.png' %}"/>
        <p class="center">专业权威</p>
      </li>
      <li class="feature2">
        <img class="pic" src="{% static 'images/feature2.png' %}"/>
        <p class="center">课程最新</p>
      </li>
      <li class="feature3">
        <img class="pic" src="{% static 'images/feature3.png' %}"/>
        <p class="center">名师授课</p>
      </li>
      <li class="feature4">
        <img class="pic" src="{% static 'images/feature4.png' %}"/>
        <p class="center">数据真实</p>
      </li>
    </ul>
  </div>
</section>
<!--feature end-->
<!--module1 start-->
<section>
  <div class="module">
    <div class="wp">
      <h1>公开课程</h1>
      <div class="module1 eachmod">
        <div class="module1_1 left">
          <img width="228" height="614" src="{% static 'images/module1_1.jpg' %}"/>
          <p class="fisrt_word">名师授课<br/>专业权威</p>
          <a class="more" href="{% url 'courses:course_list' %}">查看更多课程 ></a>
        </div>
        <div class="right group_list">
          <div class="module1_2 box">
            <div class="imgslide2">
              <ul class="imgs">
                {% for banner_course in banner_courses %}
                <li>
                  <a href="{% url 'courses:course_detail' banner_course.id %}">
                    <img width="470" height="300" src="{{ MEDIA_URL }}{{ banner_course.image }}"/>
                  </a>
                </li>
                {% endfor %}

              </ul>
            </div>
            <div class="unslider-arrow2 prev"></div>
            <div class="unslider-arrow2 next"></div>
          </div>
          {% for course in courses %}
          <div class="module1_{{ forloop.counter|add:2 }} box">
            <a href="{% url 'courses:course_detail' course.id %}">
              <img width="233" height="190" src="{{ MEDIA_URL }}{{ course.image }}"/>
            </a>
            <div class="des">
              <a href="{% url 'courses:course_detail' course.id %}">
                <h2 title="django入门">{{ course.name }}</h2>
              </a>
              <span class="fl">难度：<i class="key">{{ course.degree }}</i></span>
              <span class="fr">学习人数：{{ course.students }}</span>
            </div>
            <div class="bottom">
              <span class="fl" title="慕课网">{{ course.course_org.name }}</span>
              <span class="star fr">{{ course.fav_nums }}</span>
            </div>
          </div>
          {% endfor %}
        </div>
      </div>
    </div>
  </div>
</section>
<section>
  <div class="module greybg">
    <div class="wp">
      <h1>课程机构</h1>
      <div class="module3 eachmod">
        <div class="module3_1 left">
          <img width="228" height="463" src="{% static 'images/module3_1.jpg' %}"/>
          <p class="fisrt_word">名校来袭<br/>权威认证</p>
          <a class="more" href="{% url 'org:org_list' %}">查看更多机构 ></a>
        </div>
        <div class="right">
          <ul>
            {% for org in course_orgs %}
            <li class="{% if forloop.counter|divisibleby:5 %}five{% endif %}">
              <a href="{% url 'org:org_home' org.id %}">
                <div class="company">
                  <img width="184" height="100" src="{{ MEDIA_URL }}{{ org.image }}"/>
                  <div class="score">
                    <div class="circle">
                      <h2>{{ org.tag }}</h2>
                    </div>
                  </div>
                </div>
                <p><span class="key" title="{{ org.name }}">{{ org.name }}</span></p>
              </a>
            </li>
            {% endfor %}

          </ul>
        </div>
      </div>
    </div>
  </div>
</section>
{% endblock %}