forked from elegantCai/zuji_forproject
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdevelopment_people.html
168 lines (163 loc) · 7.71 KB
/
development_people.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
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no" />
<title>综合发展(个人经济)</title>
<link rel="stylesheet" href="./css/development_people.css" />
<link rel="stylesheet" href="css/header.css"/>
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div class="box">
<img src="./images/header/bird/bird.gif" class="c1" style="position: absolute;width:1rem ; height:1rem;top: 5rem;left:1rem;margin-left:-1rem;">
<img src="./images/header/bird/bird.gif" class="c2" style="position: absolute;width:1rem ; height:1rem;top: 5rem;left:1rem;margin-left:-1rem;">
<img src="./images/header/bird/bird.gif" class="c1" style="position: absolute;width:0.5rem ; height:0.5rem;top: 5rem;left:10rem;margin-left:-5rem;">
<img src="./images/header/bird/bird.gif" class="c2" style="position: absolute;width:0.5rem ; height:0.5rem;top: 5rem;left:10rem;margin-left:-5rem;">
<img src="./images/header/bird/bird.gif" class="c1" style="position: absolute;width:0.8rem ; height:0.9rem;top: 5rem;left:1rem;margin-left:-4rem;">
<img src="./images/header/bird/bird.gif" class="c2" style="position: absolute;width:0.8rem ; height:0.9rem;top: 5rem;left:1rem;margin-left:-4rem;">
<img src="./images/header/bird/bird.gif" class="c1" style="position: absolute;width:0.7rem ; height:0.7rem;top: 5rem;left:10rem;margin-left:-3rem;">
<img src="./images/header/bird/bird.gif" class="c1" style="position: absolute;width:1.3rem ; height:1.3rem;top: 5rem;left:10rem;margin-top: 0.3rem; margin-left:-2rem;">
<img src="./images/header/bird/bird.gif" class="c2" style="position: absolute;width:1.3rem ; height:1.3rem;top: 5rem;left:10rem;margin-top: 0.3rem;margin-left:-2rem;">
<img src="./images/header/bird/boat.png" class="c1" style="position: absolute;width:1.3rem ; height:1.3rem;top: 5rem;left:10rem;margin-top: 9rem;margin-left:-2rem;animation-duration: 60s;">
<img src="./images/header/bird/boat.png" class="c2" style="position: absolute;width:1.3rem ; height:1.3rem;top: 5rem;left:10rem;margin-top: 9rem;margin-left:-2rem;animation-duration: 60s;">
<img src="./images/header/bird/wu.png" class="c1" style="image-repeat: repeat; position: absolute;width:125% ; height:1.3rem;top: 5rem;left:10rem;margin-top: 9.9rem;margin-left:0rem;animation-duration: 80s;">
<img src="./images/header/bird/wu.png" class="c2" style="image-repeat: repeat; position: absolute;width:125%; height:1.3rem;top: 5rem;left:10rem;margin-top: 10.1rem;margin-left:0rem;animation-duration: 80s;">
</div>
<!--头部的盒子 -->
<header>
<div class="decorate0">
<img src="./images/header/pic1.png" width="100%" >
</div>
<h1>少数民族综合发展</h1>
<div class="decorate1">
<img src="./images/header/pic2.png" width="100%" >
</div>
<div class="direct0">
<a href="overview.html">
<img src="./images/button/overview.png" width="100%">
</a>
</div>
<div class="direct01">
<a href="development.html">
<img src="./images/button/12.png" style="width: 100% ; height:100%">
<span>发展</span>
</a>
</div>
<div class="direct1">
<a href="mztotal.html">
<img src="./images/button/12.png" style="width: 100% ; height:100%">
<span>简介</span>
</a>
</div>
<div class="direct2">
<a href="allculture.html">
<img src="./images/button/12.png" style="width: 100% ; height:100%">
<span>文化</span>
</a>
</div>
<div class="direct3">
<a href="faith.html?index=8">
<img src="./images/button/12.png" style="width: 100% ; height:100%">
<span>信仰</span>
</a>
</div>
<div class="direct4">
<a href="tourism.html">
<img src="./images/button/12.png" style="width: 100% ; height:100%">
<span>旅游</span>
</a>
</div>
</header>
<!--页面主体部分-->
<section class="mainbox_people">
<!--左边部分-->
<div class="column">
<div class="kind_de">
<a href="development.html">
<div class="kind" style="color:black">地区生产</div>
</a>
</div>
<div class="kind_de" style="color: white; background-color: rgba(178,34,34,0.7);">
<a href="development_people.html">
<div class="kind" style="color:black">人均生产</div>
</a>
</div>
<div class="kind_de">
<a href="development_agriculture.html">
<div class="kind" style="color:black">农牧林渔</div>
</a>
</div>
<div class="kind_de">
<a href="development_transport.html">
<div class="kind" style="color:black">运输里程</div>
</a>
</div>
<div class="kind_de">
<a href="development_hospital.html">
<div class="kind" style="color:black">医疗卫生</div>
</a>
</div>
<div class="kind_de">
<a href="development_education.html">
<div class="kind" style="color:black">民族教育</div>
</a>
</div>
</div>
<!--中间部分-->
<div class="column">
<div class="panel_people b">
<h2>少数民族地区人均生产总值</h2>
<div class="pic"></div>
<br/>
<h2>简介</h2>
<div class="word_people">
<div class="word_people_word">人均国内生产总值，也称作"人均GDP"，常作为发展经济学中衡量经济发展状况的指标，是重要的宏观经济指标之一，它是人们了解和把握一个国家或地区的宏观经济运行状况的有效工具。将一个国家核算期内（通常是一年）实现的国内生产总值与这个国家的常住人口（目前使用户籍人口）相比进行计算，得到人均国内生产总值。它是衡量各国人民生活水平的一个标准，为了更加客观的衡量，经常与购买力平价结合。</div>
</div>
</div>
</div>
<!--右边部分-->
<div class="column">
<div class="new_people">
<img class="new_people_new" src="./images/development/people/ren1.jpg" style="height: 100%;width:100%"/>
</div>
<div class="new_people">
<img class="new_people_new" src="./images/development/people/ren2.jpg" style="height: 100%;width:100%"/>
</div>
<div class="new_people">
<img class="new_people_new" src="./images/development/people//ren3.jpg" style="height: 100%;width:100%"/>
</div>
</div>
<div class="column">
<div class="new_people">
<img class="new_people_new" src="./images/development/people/ren5.jpg" style="height: 100%;width:100%"/>
</div>
<div class="new_people">
<img class="new_people_new" src="./images/development/people/ren4.jpg" style="height: 100%;width:100%"/>
</div>
<div class="new_people">
<img class="new_people_new" src="./images/development/people/ren6.jpg" style="height: 100%;width:100%"/>
</div>
</div>
<div class="column">
<div class="new_people">
<img class="new_people_new" src="./images/development/people/ren9.jpg" style="height: 100%;width:100%"/>
</div>
<div class="new_people">
<img class="new_people_new" src="./images/development/people/ren8.jpg" style="height: 100%;width:100%"/>
</div>
<div class="new_people">
<img class="new_people_new" src="./images/development/people/ren7.jpg" style="height: 100%;width:100%"/>
</div>
</div>
</section>
<script src="js/echarts.js"></script>
<script src="js/echarts-wordcloud.js"></script>
<script src="js/flexible.js"></script>
<script src="js/jquery-3.6.0.js"></script>
<script src="js/echarts.min.js"></script>
<script src="js/development_people.js"></script>
</body>
</html>