{% extends 'web/f_base.html' %}

{% block middle %}
<section id="inner-headline">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <h2 class="pageTitle">科研笔记</h2>
            </div>
        </div>
    </div>
</section>
<section>
    <div class="container">
        <div class="skill-home" style="float: left;width: 100%">
            {% for row1 in knowledgetopictype %}
            <h3>{{row1[1]}}</h3>
            <div class="skill-home-solid clearfix">
                {%for row2 in knowlegetopics %}
                {% if row2[1] == row1[0] %}
                <div class="col-md-4 text-center">
                    <div class="box">
		<span class="icons c1">
			<img alt="" style="height:80px; width:160px" src="{{row2[4]}}"/></span>
                        <div class="box-area">
                            <span style="font-weight: bold"><a href="/noteslist/{{row2[0]}}">{{ row2[3] }}</a></span>
                            <p>{{ row2[5] }}</p>
                        </div>
                    </div>
                </div>
                {% endif %}
                {% endfor %}
            </div>
            {% endfor %}
        </div>
    </div>
</section>
{% endblock %}