-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
144 lines (143 loc) · 3.56 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>百度舆情</title>
<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/jquery.fullPage.min.js"></script>
<script src="js/index.js"></script>
<link rel="stylesheet" href="css/jquery.fullPage.css">
<link rel="stylesheet" href="css/index.css">
</head>
<body>
<div class="head">
<div class="nav">
<a href="##" class="logo"></a>
<div class="nav-box">
<div class="nav-left">
<div class="list"><a href="##">首页</a></div>
<div class="list"><a href="##">产品介绍</a></div>
<div class="list"><a href="##">用户版</a></div>
</div>
<div class="nav-right">
<div class="list"><a href="##">手机客户端</a><i></i></div>
<div class="list"><a href="##">百度司南</a></div>
<div class="list"><a href="##">联系我们</a></div>
<div class="list"><a href="##">申请试用</a></div>
</div>
</div>
</div>
</div>
<div class="out">
<div class="section">
<div class="box">
<div class="top">
<div class="cloud-big"></div>
</div>
<div class="middle">
<div class="cloud-middile"></div>
</div>
<div class="small">
<div class="cloud-small"></div>
</div>
<div class="flight">
<img src="./images/launch.png" alt="">
<img src="./images/flight.png" alt="">
</div>
<div class="forward-head">
<div class="hill1"></div>
<div class="hill2"></div>
<div class="hill3"></div>
<div class="ship"></div>
<a href="##" class="arrow"></a>
</div>
</div>
</div>
<div class="section">
<div class="box">
<div class="section-left">
<div class="title">
<h3>领先</h3>
<div class="text">
<h4>数据收集与处理</h4>
<p>
15年专业数据收集与语义分析技术积累
</br>
卓越极致，不断攀登
</p>
</div>
</div>
</div>
<div class="section-right">
<img src="./images/brain.png" alt="">
</div>
<div class="xiabian">
<div class="square1"></div>
<div class="square2"></div>
<div class="square3"></div>
<div class="square4"></div>
<div class="square5"></div>
<a href="##" class="arrow"></a>
</div>
</div>
</div>
<div class="section">
<div class="box">
<div class="section-left">
<div class="square1"></div>
<div class="square2"></div>
<div class="square3"></div>
<div class="square4"></div>
<div class="square5"></div>
<div class="title">
<h3>全面</h3>
<div class="text">
<h4>舆情分析逻辑与架构</h4>
<p>
声量诊断、传播分析、情感提炼、受众画像
</br>
有方法论，更有智慧
</p>
</div>
</div>
</div>
<div class="section-right">
<img src="./images/allside.png" alt="">
</div>
<div class="xiabian">
<a href="##" class="arrow"></a>
</div>
</div>
</div>
<div class="section">
<div class="box">
<div class="section-left">
<div class="bubble"></div>
<div class="title">
<h3>专业</h3>
<div class="text">
<h4>专业数据可视化</h4>
<p>
非凡的数据洞悉和可视化能力
</br>
精研数据，惊艳所见
</p>
</div>
</div>
</div>
<div class="section-right">
<img src="./images/stat.png" alt="">
</div>
<!-- <div class="xiabian">
<div class="square1"></div>
<div class="square2"></div>
<div class="square3"></div>
<div class="square4"></div>
<div class="square5"></div>
<a href="##" class="arrow"></a>
</div> -->
</div>
</div>
</div>
</body>
</html>