{% 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/service.jpg' %}">
    </div>
</div>

<div class="container">
    <div class="row row-3">
        <!-- 侧边导航栏 -->
        <div class="col-md-3">
            <div class="model-details-title">
                服务支持
            </div>
            <div class="model-list">
                <ul class="list-group">
                    <li class="list-group-item list-group-item-info" id="download">
                        <a href="#">资料下载</a>
                    </li>
                    <li class="list-group-item " id="platform">
                        <a href="{% url 'serviceApp:platform' %}">人脸识别开放平台</a>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 说明文字和图片 -->
        <div class="col-md-9">
            <div class="model-details-title">
                资料列表
            </div>
            <div class="model-details">
                {% for i in date %}
                    <li>
                        <a style="font-size: 15px" href="file_down/{{ i.id }}">{{ i.describe }}</a>
                    </li>
                {% endfor %}
            </div>
        </div>
    </div>
</div>

{% endblock %}