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

{% block middle %}
<div class="page-section pt-4">
    <div class="container">
        <nav aria-label="Breadcrumb">
            <ol class="breadcrumb bg-transparent mb-4">
                <li class="breadcrumb-item"><a href="/people">团队成员</a></li>
                <li class="breadcrumb-item active" aria-current="page"> {{teacherinfo[1]}}</li>
            </ol>
        </nav>
        <div class="row">
            <div class="col-lg-3">
                <div class="widget">
                    <div class="widget-box" style="text-align: center">
                       <img src="/{{teacherinfo[7]}}" style="height:200px"/><br/>
                        <span>{{teacherinfo[1]}}</span><br/>
                            <span>{{teacherinfo[2]}}</span><br/>
                        <span>{{teacherinfo[3]}}</span><br/>
                        <span>{{teacherinfo[4]}}</span><br/>
                        </div>

                        <span>职称(Title)：{{teacherinfo[5]}}</span><br/>
                        <span>邮箱(Email)：{{teacherinfo[6]}}</span><br/>
                        <span>个人主页(Website)：{{teacherinfo[10]}}</span><br/>
                        <span>Google Website：{{teacherinfo[11]}}</span><br/>


                </div>
            </div>
            <div class="col-lg-9">
                <h3>个人简介</h3>
                <input type="hidden" id="h_content" value="{{teacherinfo[9]}}"/>
                    <div class="post-content" id="div_content" >
                        <script language="JavaScript">
            var content1 = document.getElementById('h_content').value;
    document.getElementById('div_content').innerHTML =content1;
</script>

                    <div class="post-content">
                        <h3>研究领域</h3>
                        <p>{{teacherinfo[8]}}</p>
                    </div>
                <div class="post-content">
                       <h3> 研究成果</h3>
                    </div>
                </div> <!-- .blog-single-wrap -->
            </div>


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

{% endblock %}