You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
179 lines
6.9 KiB
179 lines
6.9 KiB
{% load static %}
|
|
<!DOCTYPE html>
|
|
<html lang="zh-cn">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width,initial-scale=1">
|
|
<title>桂电科技|{% block title %}{% endblock %}</title>
|
|
<link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}">
|
|
<link rel="stylesheet" href="{% static 'css/style.css' %}">
|
|
<script src="{% static 'js/jquery.min.js' %}"></script>
|
|
<script src="{% static 'js/bootstrap.min.js' %}"></script>
|
|
</head>
|
|
<body>
|
|
<div class="container top">
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<a>
|
|
<img class="img-responsive" src="{% static 'img/logo.jpg' %}">
|
|
</a>
|
|
</div>
|
|
<div class="col-md-3 hidden-xs">
|
|
<a class="phone ant">
|
|
<span class="glyphicon glyphicon-phone"></span>电话: 666 666 666 {#   是后退两格的意思 #}
|
|
</a>
|
|
</div>
|
|
<div class="col-md-3 hidden-xs">
|
|
<a class="mail ant">
|
|
<span class="glyphicon glyphicon-envelope"></span>邮箱: guet@126.com
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- 导航条 -->
|
|
<nav class="navbar navbar-default" role="navigation">
|
|
<div class="container">
|
|
<div class="navbar-header">
|
|
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example"
|
|
aria-expanded="false">
|
|
<span>导航栏</span>
|
|
</button>
|
|
</div>
|
|
<div class="collapse navbar-collapse" id="bs-example">
|
|
<ul class="nav navbar-nav" style="width:100%;">
|
|
|
|
<li class="nav-top" id="home">
|
|
<a href="{% url 'home' %}">首页</a>
|
|
</li>
|
|
|
|
<li class="dropdown nav-top" id="about">
|
|
<a href="#" class="dropdown-toggle on" data-toggle="dropdown">
|
|
公司简介</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a href="{% url 'aboutApp:survey' %}">企业概况</a></li>
|
|
<li><a href="{% url 'aboutApp:honor' %}">荣誉资质</a></li>
|
|
</ul>
|
|
</li>
|
|
|
|
<li class="dropdown nav-top" id="news">
|
|
<a href="#" class="dropdown-toggle on" data-toggle="dropdown">
|
|
新闻动态</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a href="{% url 'newsApp:news' 'company' %}">企业要闻</a></li>
|
|
<li><a href="{% url 'newsApp:news' 'industry' %}">行业新闻</a></li>
|
|
<li><a href="{% url 'newsApp:news' 'notice' %}">通知公告</a></li>
|
|
</ul>
|
|
</li>
|
|
|
|
<li class="dropdown nav-top" id="products">
|
|
<a href="#" class="dropdown-toggle on" data-toggle="dropdown">
|
|
产品中心</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a href="{% url 'productsApp:robot' %}">
|
|
家用机器人</a></li>
|
|
<li><a href="{% url 'productsApp:monitor' %}">
|
|
智能监控</a></li>
|
|
<li><a href="{% url 'productsApp:face' %}">
|
|
人脸识别解决方案</a></li>
|
|
</ul>
|
|
</li>
|
|
|
|
<li class="dropdown nav-top" id="service">
|
|
<a href="#" class="dropdown-toggle on" data-toggle="dropdown">
|
|
服务支持</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a href="{% url 'serviceApp:download' %}">
|
|
资料下载</a></li>
|
|
<li><a href="{% url 'serviceApp:platform' %}">
|
|
人脸识别开放平台</a></li>
|
|
</ul>
|
|
</li>
|
|
|
|
<li class="nav-top" id="science">
|
|
<a href="{% url 'scienceApp:science' %}">科研基地</a>
|
|
</li>
|
|
|
|
<li class="dropdown nav-top" id="contact">
|
|
<a href="#" class="dropdown-toggle on" data-toggle="dropdown">
|
|
人才招聘</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a href="{% url 'contactApp:contact' %}">欢迎咨询</a></li>
|
|
<li><a href="{% url 'contactApp:recruit' %}">加入桂电科技</a></li>
|
|
</ul>
|
|
</li>
|
|
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<div class="line"></div>
|
|
|
|
<script>
|
|
$(function () {
|
|
$(".dropdown").mouseover(function () {
|
|
$(this).addClass("open");
|
|
});
|
|
$(".dropdown").mouseleave(function () {
|
|
$(this).removeClass("open");
|
|
});
|
|
});
|
|
</script>
|
|
|
|
{#横幅和主体内容#}
|
|
{% block content %}
|
|
{% endblock %}
|
|
<div class="container web-footer">
|
|
{# 站点地图#}
|
|
<div class="row" id="map-footer">
|
|
<div class="col-md-2">
|
|
<dl>
|
|
<dt>公司简介</dt>
|
|
<dd><a href="{% url 'aboutApp:survey' %}">企业概况</a> </dd>
|
|
<dd><a href="{% url 'aboutApp:honor' %}">荣誉资质</a> </dd>
|
|
|
|
</dl>
|
|
</div>
|
|
<div class="col-md-2">
|
|
<dl>
|
|
<dt>产品中心</dt>
|
|
<dd><a href="{% url 'productsApp:robot' %}">家用机器人</a> </dd>
|
|
<dd><a href="{% url 'productsApp:monitor' %}">智能监控</a> </dd>
|
|
<dd><a href="{% url 'productsApp:face' %}">人脸识别解决方案</a> </dd>
|
|
</dl>
|
|
</div>
|
|
<div class="col-md-2">
|
|
<dl>
|
|
<dt>服务支持</dt>
|
|
<dd><a href="{% url 'serviceApp:download' %}">资料下载</a> </dd>
|
|
<dd><a href="{% url 'serviceApp:platform' %}">人脸识别开放平台</a> </dd>
|
|
</dl>
|
|
</div>
|
|
<div class="col-md-2">
|
|
<dl>
|
|
<dt>人才招聘</dt>
|
|
<dd><a href="{% url 'contactApp:contact' %}">欢迎咨询</a> </dd>
|
|
<dd><a href="{% url 'contactApp:recruit' %}">加入桂电科技</a> </dd>
|
|
</dl>
|
|
</div>
|
|
<div class="col-md-4" id="wx">
|
|
<p>扫描二维码，关注我们</p>
|
|
<img class="qrimg" src="{% static 'img/qr.png' %}" alt="wx">
|
|
<p>客服热线:<b style="font-size: 20px">666 666 666</b></p>
|
|
</div>
|
|
</div>
|
|
{# 版权#}
|
|
<div class="row" id="patent-footer">
|
|
<p>© 2021 Python小分队桂电科技门户网站项目 | 苏ICP备19006378号</p>
|
|
</div>
|
|
</div>
|
|
<script type="text/javascript">
|
|
$('#{{ active_menu }}').addClass("active");
|
|
</script>
|
|
<script type="text/javascript">
|
|
$('#{{ sub_menu }}').addClass('active');
|
|
</script>
|
|
|
|
</body>
|
|
</html> |