base.html 8.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175
  1. <!DOCTYPE html>
  2. {% load static %}
  3. <html lang="zh-cn">
  4. <head>
  5. <meta charset="utf-8">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7. <meta name="viewport" content="width=device-width, initial-scale=1">
  8. <title>计算机学院|{% block title %}{% endblock %} </title>
  9. <link href="{% static 'css/bootstrap.css' %}" rel="stylesheet">
  10. <link href="{% static 'css/style.css' %}" rel="stylesheet">
  11. <script src="{% static 'js/jquery.min.js' %}"></script>
  12. <script src="{% static 'js/bootstrap.min.js' %}"></script>
  13. </head>
  14. <body>
  15. <!-- 头部 -->
  16. <div class="container top">
  17. <div class="row">
  18. <div class="col-md-6">
  19. <a>
  20. <img class="img-responsive" src="https://www-new.gwng.edu.cn/_upload/site/00/21/33/logo.png">
  21. </a>
  22. </div>
  23. <div class="col-md-3 hidden-xs">
  24. <a class="phone ant">
  25. <!-- <span class="glyphicon glyphicon-phone"></span>电话:020-22245913 22245632 &nbsp; &nbsp;-->
  26. </a>
  27. </div>
  28. <div class="col-md-3 hidden-xs">
  29. <a class="mail ant">
  30. <!-- <span class="glyphicon glyphicon-envelope"></span>邮箱:jsj@gwng.edu-->
  31. </a>
  32. </div>
  33. </div>
  34. </div>
  35. <!-- 导航条 -->
  36. <nav class="navbar navbar-default" role="navigation">
  37. <div class="container">
  38. <div class="navbar-header">
  39. <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example"
  40. aria-expanded="false">
  41. <span>导航栏</span>
  42. </button>
  43. </div>
  44. <div class="collapse navbar-collapse" id="bs-example">
  45. <ul class="nav navbar-nav" style="width:100%;">
  46. <li class="nav-top" id="home">
  47. <a href="{% url 'home' %}">首页</a>
  48. </li>
  49. <li class="dropdown nav-top">
  50. <a href="#" class="dropdown-toggle on" data-toggle="dropdown">
  51. 学院简介</a>
  52. <ul class="dropdown-menu">
  53. <li><a href="{% url 'aboutApp:survey' %}">学院概况</a></li>
  54. <li><a href="{% url 'aboutApp:leader' %}">领导分工</a></li>
  55. <li><a href="{% url 'aboutApp:organization' %}">机构设置</a></li>
  56. <li><a href="{% url 'aboutApp:major' %}">专业介绍</a></li>
  57. </ul>
  58. </li>
  59. <li class="dropdown nav-top">
  60. <a href="#" class="dropdown-toggle on" data-toggle="dropdown">
  61. 教师队伍</a>
  62. <ul class="dropdown-menu">
  63. <li><a href="{% url 'teamApp:academic_leader' %}">学院学科建设带头人</a></li>
  64. <li><a href="{% url 'teamApp:computer_science' %}">计算机系</a></li>
  65. <li><a href="{% url 'teamApp:software_engineering' %}">软件工程系</a></li>
  66. <li><a href="{% url 'teamApp:digital_media' %}">数字媒体技术系</a></li>
  67. <li><a href="{% url 'teamApp:iot_networking' %}">物联网与网络工程系</a></li>
  68. <li><a href="{% url 'teamApp:math_teaching' %}">数学教研室</a></li>
  69. <li><a href="{% url 'teamApp:party_work' %}">党政学工队伍</a></li>
  70. </ul>
  71. </li>
  72. <li class="nav-top">
  73. <a href="{% url 'scientific_index' %}">科研工作</a>
  74. </li>
  75. <li class="dropdown nav-top">
  76. <a href="#" class="dropdown-toggle on" data-toggle="dropdown">
  77. 招生就业</a>
  78. <ul class="dropdown-menu">
  79. <li><a href="{% url 'admissionsAndEmploymentApp:admissions' %}">
  80. 招生信息</a></li>
  81. <li><a href="{% url 'admissionsAndEmploymentApp:employment' %}">
  82. 就业信息</a></li>
  83. </ul>
  84. </li>
  85. <li class="dropdown nav-top">
  86. <a href="#" class="dropdown-toggle on" data-toggle="dropdown">
  87. 党团工作</a>
  88. <ul class="dropdown-menu">
  89. <li><a href="{% url 'partyApp:party_work' %}">
  90. 党建工作</a></li>
  91. <li><a href="{% url 'partyApp:youth_work' %}">
  92. 团学工作</a></li>
  93. </ul>
  94. </li>
  95. </ul>
  96. </div>
  97. </div>
  98. </nav>
  99. <!-- 分割线 -->
  100. <div class="line"></div>
  101. {% block content %}
  102. {% endblock %}
  103. <!-- 页脚 -->
  104. <div class="container web-footer">
  105. <!-- 站点地图 -->
  106. <div class="row" id="map-footer">
  107. <div class="col-md-2">
  108. <dl>
  109. <dt>学院信息</dt>
  110. <dd><a href="{% url 'aboutApp:survey' %}">学院概况</a></dd>
  111. <dd><a href="{% url 'aboutApp:leader' %}">领导分工</a></dd>
  112. <dd><a href="{% url 'aboutApp:organization' %}">机构设置</a></dd>
  113. <dd><a href="{% url 'aboutApp:major' %}">专业介绍</a></dd>
  114. </dl>
  115. </div>
  116. <div class="col-md-2">
  117. <dl>
  118. <dt>教师队伍</dt>
  119. <dd><a href="{% url 'teamApp:academic_leader' %}">学院学科建设带头人</a></dd>
  120. <dd><a href="{% url 'teamApp:computer_science' %}">计算机系</a></dd>
  121. <dd><a href="{% url 'teamApp:software_engineering' %}">软件工程系</a></dd>
  122. </dl>
  123. </div>
  124. <div class="col-md-2">
  125. <dl>
  126. <dt>招生就业</dt>
  127. <dd><a href="{% url 'admissionsAndEmploymentApp:admissions' %}">招生工作</a></dd>
  128. <dd><a href="{% url 'admissionsAndEmploymentApp:employment' %}">就业工作</a></dd>
  129. </dl>
  130. </div>
  131. <div class="col-md-2">
  132. <dl>
  133. <dt>党团工作</dt>
  134. <dd><a href="{% url 'partyApp:party_work' %}">党建工作</a></dd>
  135. <dd><a href="{% url 'partyApp:youth_work' %}">团学工作</a></dd>
  136. </dl>
  137. </div>
  138. <div class="col-md-4" id="wx">
  139. <p>扫描二维码,关注我们</p>
  140. <img class="qrimg" src="https://www-new.gwng.edu.cn/_upload/article/images/c1/0b/2571b0804ff181cccb13476961f1/b0d06d4d-52f2-4b3b-80b0-271166f4b9ee.jpg" alt="wx">
  141. <p>院长办公室:<b style="font-size:20px">020-22245632</b></p>
  142. <p>辅导员办公室:<b style="font-size:20px">020-22245905(普招)</b></p>
  143. <p><b style="font-size:20px">020-22245162(专升本)</b></p>
  144. <p>学院办公室:<b style="font-size:20px">020-22245913</b></p>
  145. </div>
  146. </div>
  147. <!-- 版权 -->
  148. <div class="row" id="patent-footer">
  149. <p> © 版权所属于 广东外语外贸大学南国商学院-计算机学院(黄略,李锐,朱启政,杨昊廷,毕熙) </p>
  150. </div>
  151. </div>
  152. <script>
  153. $(function () {
  154. $(".dropdown").mouseover(function () {
  155. $(this).addClass("open");
  156. });
  157. $(".dropdown").mouseleave(function () {
  158. $(this).removeClass("open");
  159. });
  160. });
  161. $('#{{active_menu}}').addClass("active");
  162. </script>
  163. <!-- <script type="text/JavaScript">-->
  164. <!-- $('#{{active_menu}}').addClass("active");-->
  165. <!-- </script>-->
  166. <!-- <script type="text/JavaScript">-->
  167. <!-- $('#{{sub_menu}}').addClass("active");-->
  168. <!-- </script>-->
  169. </body>
  170. </html>