forked from elegantCai/zuji_forproject
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathneimenggu.html
163 lines (153 loc) · 7.7 KB
/
neimenggu.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>内蒙古自治区</title>
<link rel="stylesheet" href="css/district.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">
<div class="column">
<div class="table">
<div class="chart">
图标
</div>
</div>
<div class="partation">
<!-- 人口占比 -->
</div>
</div>
<div class="column">
<div class="slides">
<div id="myCarousel" class="carousel slide" style="width: 100% ; height:100%"
data-ride="carousel" data-interval="2500">
<!-- 轮播（Carousel）指标 -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<!-- 轮播（Carousel）项目 -->
<div class="carousel-inner">
<div class="item active">
<a href="https://baike.baidu.com/item/%E5%91%BC%E4%BC%A6%E8%B4%9D%E5%B0%94%E8%8D%89%E5%8E%9F/569951?fromtitle=%E5%91%BC%E4%BC%A6%E8%B4%9D%E5%B0%94%E5%A4%A7%E8%8D%89%E5%8E%9F&fromid=16036111">
<img src="images/province/neimenggu/hulunbeier.jpeg" alt="First slide" width="100%">
</a>
</div>
<div class="item">
<a href="https://baike.baidu.com/item/%E9%A2%9D%E6%B5%8E%E7%BA%B3%E8%83%A1%E6%9D%A8%E6%9E%97%E5%9B%BD%E5%AE%B6%E7%BA%A7%E8%87%AA%E7%84%B6%E4%BF%9D%E6%8A%A4%E5%8C%BA?fromtitle=%E9%A2%9D%E6%B5%8E%E7%BA%B3%E8%83%A1%E6%9D%A8%E6%9E%97&fromid=6055139">
<img src="images/province/neimenggu/ejina.jpeg" alt="Second slide" width="100%">
</a>
</div>
<div class="item">
<a href="https://baike.baidu.com/item/%E5%B0%86%E5%86%9B%E6%B3%A1%E5%AD%90">
<img src="images/province/neimenggu/jiangjunpaozi.jpeg" alt="Third slide" width="100%">
</a>
</div>
</div>
<!-- 轮播（Carousel）导航 -->
<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
<div class="intro">
<div class="bgdecorate">
<img src="./images/province/decorate/flybird.png" height="100%">
</div>
<h2>内蒙古自治区</h2>
<p>
内蒙古自治区，位于中华人民共和国北部边疆，首府呼和浩特，横跨东北、华北、西北地区，接邻八个省区，
是中国邻省最多的省级行政区之一，北与蒙古国和俄罗斯联邦接壤。是中国五个少数民族自治区之一。
</p>
<p>
内蒙古自治区地处欧亚大陆内部，东西直线距离2400公里，南北跨度1700公里，土地国境线长4200公里。
</p>
<p>
内蒙古资源储量丰富，有“东林西矿、南农北牧”之称，草原、森林和人均耕地面积居全中国第一，
稀土金属储量居世界首位，同时也是中国最大的草原牧区。
</p>
<p>
内蒙古是中国经济发展最快的省市区之一。2005年全自治区GDP比2000年翻了一番多，
人均GDP超过中国大陆平均水平。边境口岸众多，与京津冀、东北、西北经济技术合作关系密切，
是京津冀协同发展辐射区。
</p>
</div>
</div>
</section>
<script src="js/flexible.js"></script>
<script src="js/echarts.min.js"></script>
<script src="js/province/neimenggu.js"></script>
</body>
</html>
</body>
</html>