155 lines
5.9 KiB
HTML
155 lines
5.9 KiB
HTML
{% load static %}
|
|
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>{% block title %}长白山消防救援支队{% endblock %}</title>
|
|
|
|
|
|
<link rel="stylesheet" href="{% static 'css/style.css' %}">
|
|
<link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}">
|
|
</head>
|
|
<body>
|
|
|
|
<!-- 顶部 -->
|
|
<header class="top-header">
|
|
<span></span>
|
|
<div class="header-container flex">
|
|
<img src="{% static 'images/logo.png' %}" class="logo" alt="">
|
|
<div>
|
|
<h1>长白山消防救援支队</h1>
|
|
<p>CHANGBAI MOUNTAIN FIRE AND RESCUE BRIGADE</p>
|
|
</div>
|
|
</div>
|
|
<div></div>
|
|
<div></div>
|
|
</header>
|
|
|
|
<!-- 导航 -->
|
|
<nav class="nav-main">
|
|
<span></span>
|
|
<div class="header-nav">
|
|
<ul>
|
|
<!-- 网站首页 -->
|
|
<li class="{% if request.resolver_match.url_name == 'index' %}active{% endif %}">
|
|
<a href="{% url 'front:index' %}">网站首页</a>
|
|
</li>
|
|
|
|
<!-- 单位简介 -->
|
|
<li class="{% if request.resolver_match.url_name == 'about' %}active{% endif %}">
|
|
<a href="{% url 'front:about' %}">单位简介</a>
|
|
</li>
|
|
|
|
<!-- 新闻中心 -->
|
|
<li class="{% if request.resolver_match.url_name == 'news' %}active{% endif %}">
|
|
<a href="{% url 'front:news' %}">新闻中心</a>
|
|
</li>
|
|
|
|
<!-- 信息公开 -->
|
|
<li class="{% if request.resolver_match.url_name == 'info' %}active{% endif %}">
|
|
<a href="{% url 'front:info' %}">信息公开</a>
|
|
</li>
|
|
<!-- 党建引领 -->
|
|
<li class="{% if request.resolver_match.url_name == 'party' %}active{% endif %}">
|
|
<a href="{% url 'front:party' %}">党建引领</a>
|
|
</li>
|
|
<!-- 办事服务 -->
|
|
<li class="{% if request.resolver_match.url_name == 'service' %}active{% endif %}">
|
|
<a href="{% url 'front:service' %}">办事服务</a>
|
|
</li>
|
|
<!-- 互动交流 -->
|
|
<li class="{% if request.resolver_match.url_name == 'interaction' %}active{% endif %}">
|
|
<a href="{% url 'front:interaction' %}">互动交流</a>
|
|
</li>
|
|
<!-- 消防科普 -->
|
|
<li class="{% if request.resolver_match.url_name == 'science' %}active{% endif %}">
|
|
<a href="{% url 'front:science' %}">消防科普</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<span></span>
|
|
<span></span>
|
|
</nav>
|
|
|
|
<!-- Banner -->
|
|
{#<div class="d-xl-none" style="height: 50px;"></div>#}
|
|
<div class="banner">
|
|
<img src="{% static 'images/img.jpg' %}" alt="">
|
|
</div>
|
|
|
|
<!-- 主体 -->
|
|
<main class="container main" style="padding: 10px 5px !important;">
|
|
{% block content %}{% endblock %}
|
|
</main>
|
|
|
|
<!-- 底部 -->
|
|
<footer class="footer">
|
|
<div class=" d-none d-md-block">
|
|
<div class="row"
|
|
style="align-items: center;justify-content: space-evenly;padding: 15px 0;background-color: #F5F5F5;width: 100%!important;margin-left: 0 !important;gap: 10px;">
|
|
<div style="display: flex;align-items: center;">
|
|
<img src="{% static "icons/link.svg" %}" alt="" style="width: 13px; height: 13px; object-fit: contain;">
|
|
<a href="#"
|
|
style="margin-left: 6px; text-decoration: none; color: #13227a; font-size: 14px; white-space: nowrap;">
|
|
友情链接
|
|
</a>
|
|
</div>
|
|
<div style="width: 280px;">
|
|
<select class="form-control" id="exampleFormControlSelect1"
|
|
x-placement="市政府网站"
|
|
>
|
|
<option>市政府网站</option>
|
|
<option>1</option>
|
|
<option>2</option>
|
|
<option>3</option>
|
|
<option>4</option>
|
|
<option>5</option>
|
|
</select>
|
|
</div>
|
|
<div style="display: block;width: 280px;">
|
|
<select class="form-control" id="exampleFormControlSelect1"
|
|
x-placement="国内消防站点"
|
|
>
|
|
<option>国内消防站点</option>
|
|
<option>1</option>
|
|
<option>2</option>
|
|
<option>3</option>
|
|
<option>4</option>
|
|
<option>5</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="footer-info">
|
|
<div class="row">
|
|
<div class="col-lg-3 col-md-6 text-center">
|
|
<img src="{% static 'images/red.png' %}">
|
|
<img class="footerImg" src="{% static 'images/jiucuo.png' %}">
|
|
</div>
|
|
<div class="col-lg-6 d-none d-xl-block">
|
|
<p class="margin-top-20 font-size-14 line-height-2 footerColor">
|
|
地址：某某市某某东路锦海·某某区大厦B栋14楼 邮编：xxxxxx
|
|
</p>
|
|
<p class="font-size-14 line-height-2 footerColor">
|
|
服务热线：0791-00000000 传真：0791-00000000
|
|
</p>
|
|
</div>
|
|
<div class="col-lg-3 col-md-6 text-center">
|
|
<img src="/media/upload/images/2026/03/25/wechat.png" alt="">
|
|
<img class="footerImg" src="/media/upload/images/2026/03/25/weibo.png" alt="">
|
|
</div>
|
|
</div>
|
|
<div class="copyright text-center line-height-2 padding-bottom-20 padding-top-20">
|
|
<p class="margin-top-20 font-size-14 line-height-2 footerColor">
|
|
版权所有：长白山消防救援支队 备案证号：<a href="http://beian.miit.gov.cn/"
|
|
target="_blank">辽ICP备xxxxxxxx号</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
<script src="{% static 'js/jquery-3.6.0.min.js' %}"></script>
|
|
<script src="{% static 'js/bootstrap.bundle.min.js' %}"></script>
|
|
|
|
|
|
</body>
|
|
</html> |