{% extends "base.html" %}
{% load static %}

{% block title %}
    荣誉资质
{% endblock %}

{% block content %}
    {#广告横幅#}

    <div class="container-fluid">
        <div class="row">
            <img class="img-responsive model-img" src="{% static 'img/about.jpg' %}">
        </div>
    </div>
    </div>
    <div class="container">
        <div class="row row-2">
            <!-- 侧边导航栏 -->
            <div class="col-md-2">
                <div class="model-details-title">
                    公司简介
                </div>
                <div class="model-list">
                    <ul class="list-group">
                        <li class="list-group-item" id="download">
                            <a href="{% url 'aboutApp:survey' %}">企业概况</a>
                        </li>
                        <li class="list-group-item list-group-item-info" id="platform">
                            <a href="{% url 'aboutApp:honor' %}">荣誉资质</a>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- 说明文字和图片 -->
            <div class="col-md-9">
                <div class="model-details-title">
                    荣誉资质
                </div>
                <div class="model-details">
                    <div class="row">
                        {% for info in infos %}
                            <div class="col-md-4">
                                <img src="/media/{{ info.image }}" width="280px" height="235px" style="margin-top: 20px" title="{{ info.title }}">
                                <h4>{{ info.title }}</h4>
                            </div>
                        {% endfor %}


                    </div>
                    <br>

                </div>
            </div>
        </div>
    </div>

    {#主体内容#}
{% endblock %}