Skip to content

Commit 25a53b2

Browse files
committed
Initialize
0 parents  commit 25a53b2

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

42 files changed

+2323
-0
lines changed

LICENSE

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
MIT License
2+
3+
Copyright (c) 2023 Jsir2022
4+
5+
Permission is hereby granted, free of charge, to any person obtaining a copy
6+
of this software and associated documentation files (the "Software"), to deal
7+
in the Software without restriction, including without limitation the rights
8+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9+
copies of the Software, and to permit persons to whom the Software is
10+
furnished to do so, subject to the following conditions:
11+
12+
The above copyright notice and this permission notice shall be included in all
13+
copies or substantial portions of the Software.
14+
15+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21+
SOFTWARE.

README.md

Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
# WebTraining
2+
3+
#### 介绍
4+
这是桂林信息科技学院下属大学生通信创新实验基地的官网,只使用了静态页面,改一改或许就能成为你的门户哦。
5+
6+
#### 软件架构
7+
软件架构说明
8+
传统HTML+CSS+JS目录的网页,没有用任何框架,足够展示用了。
9+
10+
#### 安装教程
11+
12+
1. xxxx
13+
2. xxxx
14+
3. xxxx
15+
16+
#### 使用说明
17+
18+
1. xxxx
19+
2. xxxx
20+
3. xxxx
21+
22+
#### 参与贡献
23+
24+
1. Fork 本仓库
25+
2. 新建 Feat_xxx 分支
26+
3. 提交代码
27+
4. 新建 Pull Request
28+
29+
30+
#### 特技
31+
32+
1. 使用 Readme\_XXX.md 来支持不同的语言,例如 Readme\_en.md, Readme\_zh.md
33+
2. Gitee 官方博客 [blog.gitee.com](https://blog.gitee.com)
34+
3. 你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解 Gitee 上的优秀开源项目
35+
4. [GVP](https://gitee.com/gvp) 全称是 Gitee 最有价值开源项目,是综合评定出的优秀开源项目
36+
5. Gitee 官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)
37+
6. Gitee 封面人物是一档用来展示 Gitee 会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)

css/card.css

Lines changed: 55 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,55 @@
1+
.container {
2+
max-width: 1300px;
3+
max-height: 100vh;
4+
margin: 0 auto;
5+
padding: 15px;
6+
padding-top: 55px;
7+
}
8+
.row {
9+
display: flex;
10+
flex-wrap: wrap;
11+
margin: 20px 0;
12+
}
13+
.col {
14+
flex: 1;
15+
margin-right: 20px;
16+
}
17+
.col:last-child {
18+
margin-right: 0;
19+
}
20+
.card {
21+
background-color: #f2f2f2;
22+
border-radius: 5px;
23+
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
24+
padding: 15px;
25+
text-align: center;
26+
}
27+
.card h2 {
28+
font-size: 24px;
29+
margin: 0;
30+
}
31+
.card p {
32+
font-size: 18px;
33+
margin: 10px 0;
34+
}
35+
.card img {
36+
width: 100%;
37+
max-width: 200px;
38+
margin-bottom: 10px;
39+
}
40+
41+
/* .button {
42+
background-color: #008cba;
43+
border: none;
44+
border-radius: 5px;
45+
color: white;
46+
cursor: pointer;
47+
font-size: 18px;
48+
margin-top: 20px;
49+
padding: 10px 20px;
50+
}
51+
<div class="row">
52+
<div class="col">
53+
<button class="button">联系我们</button>
54+
</div>
55+
</div> */

css/time.css

Lines changed: 67 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,67 @@
1+
#timehead {
2+
padding-top: 115px;
3+
color: black;
4+
font-size: 40px;
5+
font-weight: bolder;
6+
text-align: center;
7+
}
8+
9+
.timeline {
10+
position: relative;
11+
margin: 50px auto;
12+
padding: 0;
13+
list-style-type: none;
14+
width: 600px;
15+
}
16+
17+
.timeline:before {
18+
content: "";
19+
position: absolute;
20+
top: 0;
21+
bottom: 0;
22+
width: 4px;
23+
background: #007bff;
24+
left: 50%;
25+
margin-left: -2px;
26+
}
27+
28+
.timeline li {
29+
position: relative;
30+
padding: 40px 20px;
31+
background: white;
32+
border-radius: 14px;
33+
margin-bottom: 40px;
34+
box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);
35+
}
36+
37+
.timeline li:before {
38+
content: "";
39+
position: absolute;
40+
width: 20px;
41+
height: 20px;
42+
border-radius: 50%;
43+
background: #007bff;
44+
top: 50%;
45+
left: 50%;
46+
transform: translate(-50%, -50%);
47+
}
48+
49+
.timeline li .timeline-date {
50+
display: block;
51+
font-size: 0.9em;
52+
color: #888;
53+
}
54+
55+
.timeline li .timeline-content {
56+
margin-top: 20px;
57+
}
58+
59+
.timeline li:last-child {
60+
margin-bottom: 0;
61+
}
62+
63+
@media screen and (max-width: 767px) {
64+
.timeline {
65+
width: 100%;
66+
}
67+
}

css/universal.css

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
body {
2+
margin: 0;
3+
padding: 0;
4+
width: 100%;
5+
overflow-x: hidden;
6+
}
7+

htmls/footer.html

Lines changed: 40 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,40 @@
1+
<!--
2+
* @@file footer.html
3+
* @@brief
4+
* @@version V1.0
5+
* @@author Jsir2022 ([email protected])
6+
* @@date 2023-10-16 14:03:47
7+
* @LastEditors Jsir2022
8+
* @LastEditTime 2023-10-18 20:03:16
9+
* history 版本 日期 作者 说明
10+
* V1.0 202x-x-x Jsir2022 正式发布
11+
* Copyright (c) 2023 by Jsir2022, All Rights Reserved.
12+
* @verbatim
13+
* ==============================================================================
14+
*
15+
* ==============================================================================
16+
* @endverbatim
17+
-->
18+
<!DOCTYPE html>
19+
<html lang="zh-CN">
20+
<head>
21+
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
22+
<link rel="stylesheet" type="text/css" href="../css/universal.css" />
23+
<style>
24+
footer {
25+
width: 100%;
26+
height: 130px;
27+
padding: 10px;
28+
background-color: #333;
29+
color: white;
30+
text-align: center;
31+
}
32+
</style>
33+
</head>
34+
<body>
35+
<footer>
36+
<h2>注:使用桂信科通信基地的素材、信息等已经过同意</h2>
37+
<p>Copyright (c) 2023 by Jsir2022, All Rights Reserved.</p>
38+
</footer>
39+
</body>
40+
</html>

0 commit comments

Comments
 (0)