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

{% block middle %}
<script>
    function htmlDecode(value) {
        if (value) {
            return $('<div />').html(value).text();
        } else {
            return '';
        }
    }
</script>
<section id="inner-headline">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <h2 class="pageTitle">项目Projects</h2>
            </div>
        </div>
    </div>
</section>
<section>
    <div class="container">
        {% for row1 in researcharealist %}
        <div class="row">
            <div class="col-lg-12">
            </div>
        </div>
        <h2 align="center">
            {{row1[1]}} ({{row1[2]}})
        </h2>

        <div font-size="5">
            {{row1[3]}}<br>
            {{row1[4]}}<br>
        </div>
        <div font-size="5" innerHTML="javascript:htmlDecode({{row1[3]}})">
        </div>
        <div font-size="5" innerHTML=" {{row1[4]}}">
        </div>

        <p>主要研究项目包括：</p>

        <div class="skill-home-solid clearfix">
            {%for row2 in researchtopiclist %}
            {% if row2[1] == row1[0] %}
            <div class="col-md-4 text-center">
                <div class="box">
		<span class="icons c1">
            <div class="box-area">
                            <span style="font-weight: bold"><a class=""
                                                               href="/projectinfo/{{row2[0]}}">{{ row2[2]}}</a></span>
                            <p style="text-align: left">{{ row2[4] }} <br/> {{ row2[5] }}</p>
                        </div>
			<img alt="" style="height:150px; width:300px" src="{{row2[6]}}"/></span>
                </div>
            </div>
            {% endif %}
            {% endfor %}

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