newmediamonitoring/dashboard/templates/dashboard/home.html

128 lines
7.1 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

{% load static %}
<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">#}
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<!-- 上述3个meta标签*必须*放在最前面,任何其他内容都*必须*跟随其后! -->
<title>政务新媒体监测系统</title>
<!-- Bootstrap -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="{% static 'dashboard/css/home.css' %}" rel="stylesheet">
<!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询media queries功能 -->
<!-- 警告:通过 file:// 协议(就是直接将 html 页面拖拽到浏览器中)访问页面时 Respond.js 不起作用 -->
<!--[if lt IE 9]>
<script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="container">
<div class="row">
<div class="head col-md-12">
<div class="logo col-md-6">
<img src="{% static 'dashboard/image/图层 26@2x.png' %}">
</div>
<div class=" col-md-6">
<div class="menu">
<span class="menu-right"><a href="{% url 'dashboard-home' %}">主页</a></span>
<span class="menu-right"><a href="{% url 'dashboard-login' %}">新媒体监测服务</a></span>
<span class="menu-right"><a>新媒体监测优势</a></span>
<span class="menu-right"><a href="{% url 'dashboard-app-download' %}">APP下载</a></span>
<span class="menu-right"><a>行业动态</a></span>
</div>
</div>
<div class="btn col-md-12">
<img src="{% static 'dashboard/image/组 18.png' %}">
</div>
</div>
<div class="col-md-12 middle2">
<img src="{% static 'dashboard/image/xinmeitijiancefuwu.jpg' %}" style="width: 1170px;margin-left: -1.3%">
{# <div class="page-header" style="text-align: center;margin-top: 80px;">#}
{# <h2>新媒体监测服务<br>#}
{# <small>NEW MEDIA MONITORING SERVICE</small>#}
{# </h2>#}
{# </div>#}
{# <div class="all-circle" style="margin-top: 100px">#}
{# <div class="circle" style=""><img src="{% static 'dashboard/image/图层 15.png' %}"></div>#}
{# </div>#}
{# <div class="all-circle" style="margin-top: 30px;margin-left: 19%">#}
{# <div class="circle" style=""><img src="{% static 'dashboard/image/图层 11.png' %}"></div>#}
{# </div>#}
{# <div class="all-circle" style="margin-top: -130px;margin-left: 35%">#}
{# <div class="circle" style=""><img src="{% static 'dashboard/image/图层 12.png' %}"></div>#}
{# </div>#}
{# <div class="all-circle" style="margin-top: 20px;margin-left: 50%">#}
{# <div class="circle" style=""><img src="{% static 'dashboard/image/图层 14.png' %}"></div>#}
{# </div>#}
{# <div class="all-circle" style="margin-top: -50px;margin-left: 65%">#}
{# <div class="circle" style=""><img width="40px" src="{% static 'dashboard/image/热点.png' %}"></div>#}
{# </div>#}
{# <div class="all-circle" style="margin-top: -100px;margin-left: 80%">#}
{# <div class="circle" style=""><img src="{% static 'dashboard/image/月度考核.png' %}"></div>#}
{# </div>#}
</div>
<div class="col-md-12 middle3">
<img src="{% static 'dashboard/image/xinmeitijianceyoushi.png' %}" style="width: 1170px;margin-left: -1.3%">
</div>
<div class="col-md-12 middle4">
<img src="{% static 'dashboard/image/hangyedongtai.jpg' %}" style="width: 1170px;margin-left: -1.3%;">
<div class="col-md-4">
<img src="{% static 'dashboard/image/组 21.png' %}">
</div>
<div class="col-md-4">
<img src="{% static 'dashboard/image/组 22.png' %}">
</div>
<div class="col-md-4">
<img src="{% static 'dashboard/image/组 23.png' %}">
</div>
</div>
<div class="foot col-md-12">
<div class="col-md-1">
<img width="100" height="50" style="margin-left: 10%;margin-top: 30px"
src="{% static 'dashboard/image/图层 26@2x.png' %}">
</div>
<div class="col-md-11">
<p style="color: #ffffff;font-size: 16px;margin-left: 15%;margin-top: 20px">合作连接</p>
<span style="color: white;font-size: 14px;margin-left: 15%;margin-top: 20px">公众号</span>
<span style="color: white;font-size: 14px;margin-left: 5%;margin-top: 20px">微博</span>
<span style="color: white;font-size: 14px;margin-left: 5%;margin-top: 20px">抖音</span>
<span style="color: white;font-size: 14px;margin-left: 5%;margin-top: 20px">头条</span>
<span style="color: white;font-size: 14px;margin-left: 5%;margin-top: 20px">其他</span>
</div>
<div class="col-md-12" style="height: 1px;border-top: solid #FFFFFF 1px;margin-top: 10px"></div>
<div class="col-md-12">
<div style="color: white;text-align: left;height: 250px;margin-left: 22%">
<p>电话:15293151340</p>
<p>电子邮箱:greatfeature@126.com</p>
<p>公司地址:兰州市城关区南昌路421号华宇大厦C座</p>
<div class="col-md-12" style="color: white;margin-left: 25%;margin-top: 30px">甘肃大未来科技文化发展有限公司</div>
</div>
</div>
{# <div style="height: 200px"></div>#}
</div>
<div class="col-md-12" style="text-align: center">
<div class="model1" >
<img src="{% static 'dashboard/image/1.png' %}">
</div>
{# <div class="model2" >#}
{# <img src="{% static 'dashboard/image/2.png' %}">#}
{# </div>#}
</div>
</div>
</div>
<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery所以必须放在前边) -->
<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
</body>
</html>