-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathguangxi.html
165 lines (155 loc) · 7.82 KB
/
guangxi.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
<!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/%E6%BC%93%E6%B1%9F">
<img src="images/province/guangxi/guilin.jpeg" alt="First slide" width="100%">
</a>
</div>
<div class="item">
<a href="https://baike.baidu.com/item/%E5%BE%B7%E5%A4%A9%E7%80%91%E5%B8%83?fromtitle=%E5%BE%B7%E5%A4%A9%E8%B7%A8%E5%9B%BD%E7%80%91%E5%B8%83&fromid=8508058">
<img src="images/province/guangxi/detian.jpeg" alt="Second slide" width="100%">
</a>
</div>
<div class="item">
<a href="https://baike.baidu.com/item/%E6%B6%A0%E6%B4%B2%E5%B2%9B">
<img src="images/province/guangxi/weizhoudao.png" 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>
广西壮族自治区（壮文：Gvangjsih Bouxcuegh Swcigih），因广西大部分地区属于秦统一岭南设置桂林郡而简称
桂，首府南宁市，下辖有14个地级市，8个县级市（地级市代管），是中国五个少数民族自治区之一，是中国唯一
一个沿海自治区。位于中国华南地区西部，从东至西分别与广东、湖南、贵州、云南接壤，南濒北部湾、面向东南亚
，西南与越南毗邻，是西南地区最便捷的出海通道，在中国与东南亚的经济交往中占有重要地位。
</p>
<p>
广西是中国—东盟博览会的举办地。区内聚居着以汉、壮、瑶、苗、侗、京、回等民族，汉语方言有粤语、西南官话（桂柳话）、
客家语、平话、湘语、闽语六种，壮语方言有北部方言和南部方言，其他少数民族语言有苗语、瑶语等。
</p>
<p>
广西的大陆海岸线长约1595千米，区内交通便利。奇特的喀斯特地貌，
灿烂的文物古迹，浓郁的民族风情，使广西独具魅力。
</p>
<p>
广西属亚热带季风气候区，孕育了大量珍贵的动植物资源。尤其盛产水果，被誉为“水果之乡”，
主要品种有火龙果、番石榴、荔枝、金桔、蜜橘、龙眼。
</p>
</div>
</div>
</section>
<script src="js/flexible.js"></script>
<script src="js/echarts.min.js"></script>
<script src="js/province/guangxi.js"></script>
</body>
</html>
</body>
</html>