-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsearch.html
184 lines (176 loc) · 7.75 KB
/
search.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
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>学习强国 | 搜索</title>
<!-- 引入头部的公共的css样式-->
<link rel="stylesheet" href="./css/base.css">
<link rel="stylesheet" href="css/search.css">
</head>
<body>
<!--顶部的logo区域-->
<div class="top-logo-wrapper">
<!--中间的内容区-->
<div class="top-logo">
<!--左logo-->
<div class="logo-left">
<!--因为点击图标时，会跳转，所以设置为超链接标签-->
<a href="./index.html">
<img src="./img/logo_left.png" alt="">
</a>
</div>
<!--右logo-->
<div class="logo-right">
<img src="./img/logo_right.png" alt="梦想从学习开始！">
</div>
</div>
</div>
<!--中间的链接导航区域-->
<div class="nav-menu-wrapper">
<!--链接导航内容区-->
<div class="nav-menu">
<!--链接导航列表-->
<div class="menu">
<!-- 上层的导航区域-->
<div class="top-menu">
<a href="./studyNewContent.html" target="_blank">学习新思想</a>
<a href="./19thTime.html" target="_blank">十九大时间</a>
<a href="./learningTheory.html" target="_blank">学习理论</a>
<a href="https://www.xuexi.cn/482f31e90c481f2161a19ecfcbb91f8b/e6109f421e472b4399b006ba21bc2ecd.html"
target="_blank">红色中国</a>
<a href="https://www.xuexi.cn/f547c0f321ac9a0a95154a21485a29d6/1cdd8ef7bfc3919650206590533c3d2a.html" target="_blank">学习慕课</a>
<a href="https://www.xuexi.cn/261c9a142ef8e6375ed554815a26d585/f2d8ff735982530b7a8c9bb90fa99f68.html"
target="_blank">环球视野</a>
</div>
<!-- 底层的导航区域-->
<div class="bottom-menu">
<a href="./wenhui.html" target="_blank">习近平文汇</a>
<a href="studyTv.html" target="_blank">学习电视台</a>
<a href="./studyScience.html" target="_blank">学习科学</a>
<a href="https://www.xuexi.cn/b069a45c80585e78b558c64306bfdf92/53194398355c363c5c635c74a70c7b45.html"
target="_blank">学习文化</a>
<a href="https://www.xuexi.cn/a9d25ec4ca996c6100d2982d33a1d8b2/4f02a12dd5663651422f5c55e10ef19e.html"
target="_blank">强军兴军</a>
<a href="https://www.xuexi.cn/b51582609167f915bcd0f5532daee48d/778eae63fed91ff4c54dc15f22c7fc31.html"
target="_blank">美丽中国</a>
</div>
</div>
<!--右侧的登录和搜索 导航区域-->
<div class="login">
<!--搜索 和 登录区域-->
<ul>
<li>
<a href="search.html" target="_blank">
<img src="./img/search.png" alt="">
</a>
</li>
<li>
<a href="https://pc.xuexi.cn/points/login.html?ref=https%3A%2F%2Fwww.xuexi.cn%2Findex.html"
target="_blank">
<img src="./img/login.png" alt="">
</a>
</li>
</ul>
</div>
</div>
</div>
<!--搜索内容区域-->
<div class="search-content-wrapper">
<!-- 中间内容区 -->
<div class="search-content">
<!-- 顶部显示当前页面位置文字 -->
<span>学习强国 >> 搜索</span>
<!-- 选择搜索内容的列表 -->
<div class="title-list">
<div class="active item">全部</div>
<div class="item">习近平日志</div>
<div class="item">习近平文汇</div>
</div>
<!-- 搜索框 -->
<div class="search-input">
<form action="#">
<input type="text" class="input-text" placeholder="请输入...">
<button class="btn-search">搜索</button>
</form>
</div>
</div>
</div>
<!--底部的banner内容-->
<div class="bottom-wrapper">
<div class="bottom-content">
<a href="https://www.xuexi.cn/xxqg.html?id=4de7b8c009e74e6e9d6a134042cb3700" target="_blank">
<img src="img/bottom_banner.png" alt="">
</a>
</div>
</div>
<!--底部的链接导航处-->
<div class="bottom-info content ">
<!--友情链接-->
<div class="friendship-links content">
<!--右侧的四个字-->
<div class="links-left">
友情链接
</div>
<!--右侧友情链接 38个-->
<div class="links-right">
<span class="link-item">人民网</span>
<span class="link-item">新华网</span>
<span class="link-item">中国网</span>
<span class="link-item">央视网</span>
<span class="link-item">国际在线</span>
<span class="link-item">中国日报网</span>
<span class="link-item">中国青年网</span>
<span class="link-item">中国经济网</span>
<span class="link-item">中国新闻网</span>
<span class="link-item">光明网</span>
<span class="link-item">央广网</span>
<span class="link-item">中工网</span>
<span class="link-item">党建网</span>
<span class="link-item">中青在线</span>
<span class="link-item">中国军网</span>
<span class="link-item">法制网</span>
<span class="link-item">求是网</span>
<span class="link-item">中国网</span>
<span class="link-item">信网中</span>
<span class="link-item">国文明网</span>
<span class="link-item">中国政府网</span>
<span class="link-item">教育部网</span>
<span class="link-item">站国防部网</span>
<span class="link-item">站文化和旅游部网</span>
<span class="link-item">站国新办网站</span>
<span class="link-item">中国扫黄打非网</span>
<span class="link-item">女性之声中国</span>
<span class="link-item">报业中央网</span>
<span class="link-item">信办举报中心</span>
<span class="link-item">千龙网</span>
<span class="link-item">中国社会科学网</span>
<span class="link-item">中国科技网</span>
<span class="link-item">中国农业新闻网</span>
<span class="link-item">西影网</span>
<span class="link-item">中国法律服务网</span>
<span class="link-item">中国普法网</span>
<span class="link-item">中国西藏网</span>
<span class="link-item">中国妇女网</span>
</div>
</div>
<!--联系方式-->
<div class="contact-info content">
<!--底部的logo-->
<div class="bottom-logo">
<a href="javascript:(0); " class="btm-logo1"></a>
<a href="javascript:(0);" class="btm-logo2"></a>
</div>
<div class="info">
<p>服务电话：12361 值班电话：010-55624303、010-55624311</p>
<p>中共中央宣传部宣传舆情研究中心版权所有</p>
<div class="warning">
<strong>注意:</strong>
该网页为本人学习模仿使用! 更多详细内容请您移步官网！ ➤
<a href="www.xuexi.com">学习强国官网</a>
</div>
</div>
</div>
</div>
</body>
</html>