home.html 4.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110
  1. <!-- {% load static}
  2. <!DOCTYPE html>
  3. <html lang="en">
  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.0">
  8. <title>恒达科技</title>
  9. <link rel="stylesheet" href="{% static 'css/bootstrap.css'}">
  10. <link rel="stylesheet" href="{% static 'css/style.css'}">
  11. <script src="{% static 'js/jquery.min.js'}"></script>
  12. <script src="{% static 'js/bootstrap.min.js'}"></script>
  13. </head>
  14. <body>
  15. </body>
  16. </html> -->
  17. <!DOCTYPE html> {% load static %}
  18. <html lang="zh-cn">
  19. <head>
  20. <meta charset="utf-8">
  21. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  22. <meta name="viewport" content="width=device-width, initial-scale=1">
  23. <title>恒达科技(教学示例网站)</title>
  24. <link href="{% static 'css/bootstrap.css' %}" rel="stylesheet">
  25. <link href="{% static 'css/style.css' %}" rel="stylesheet">
  26. <script src="{% static 'js/jquery.min.js' %}"></script>
  27. <script src="{% static 'js/bootstrap.min.js' %}"></script>
  28. </head>
  29. <body>
  30. <!-- 导航条 -->
  31. <nav class="navbar navbar-default" role="navigation">
  32. <div class="container">
  33. <div class="navbar-header">
  34. <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example" aria-expanded="false">
  35. <span>导航栏</span>
  36. </button>
  37. </div>
  38. <div class="collapse navbar-collapse" id="bs-example">
  39. <ul class="nav navbar-nav" style="width:100%;">
  40. <li class="active nav-top">
  41. <a href="{% url 'home' %}">首页</a>
  42. </li>
  43. <li class="dropdown nav-top">
  44. <a href="#" class="dropdown-toggle on" data-toggle="dropdown">
  45. 公司简介</a>
  46. <ul class="dropdown-menu">
  47. <li><a href="{% url 'aboutApp:survey' %}">企业概况</a></li>
  48. <li><a href="{% url 'aboutApp:honor' %}">荣誉资质</a></li>
  49. </ul>
  50. </li>
  51. <li class="dropdown nav-top">
  52. <a href="#" class="dropdown-toggle on" data-toggle="dropdown">
  53. 新闻动态</a>
  54. <ul class="dropdown-menu">
  55. <li><a href="{% url 'newsApp:news' newName='company' %}">企业要闻</a></li>
  56. <li><a href="{% url 'newsApp:news' newName='industry' %}">行业新闻</a></li>
  57. <li><a href="{% url 'newsApp:news' newName='notice' %}">通知公告</a></li>
  58. </ul>
  59. </li>
  60. <li class="dropdown nav-top">
  61. <a href="#" class="dropdown-toggle on" data-toggle="dropdown">
  62. 产品中心</a>
  63. <ul class="dropdown-menu">
  64. <li><a href="{% url 'productsApp:products' productName='robot' %}">
  65. 家用机器人</a></li>
  66. <li><a href="{% url 'productsApp:products' productName='monitor'%}">
  67. 智能监控</a></li>
  68. <li><a href="{% url 'productsApp:products' productName='face'%}">
  69. 人脸识别解决方案</a></li>
  70. </ul>
  71. </li>
  72. <li class="dropdown nav-top">
  73. <a href="#" class="dropdown-toggle on" data-toggle="dropdown">
  74. 服务支持</a>
  75. <ul class="dropdown-menu">
  76. <li><a href="{% url 'serviceApp:download' %}">
  77. 资料下载</a></li>
  78. <li><a href="{% url 'serviceApp:platform' %}">
  79. 人脸识别开放平台</a></li>
  80. </ul>
  81. </li>
  82. <li class="nav-top">
  83. <a href="{% url 'scienceApp:science' %}">科研基地</a>
  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 'contactApp:contact' %}">欢迎咨询</a></li>
  90. <li><a href="{% url 'contactApp:recruit' %}">加入恒达</a></li>
  91. </ul>
  92. </li>
  93. </ul>
  94. </div>
  95. </div>
  96. </nav>
  97. </body>
  98. </html>