commit 4d824685e838afc3fff560789aaf18ab80514e75
Author: GuanM <30427262+sxhoio@users.noreply.github.com>
Date: Tue Oct 22 09:46:06 2024 +0800
10-22-Web 1-2 课
diff --git a/.gitattributes b/.gitattributes
new file mode 100644
index 0000000..74752e5
--- /dev/null
+++ b/.gitattributes
@@ -0,0 +1,2 @@
+*.psd filter=lfs diff=lfs merge=lfs -text
+*.pdf filter=lfs diff=lfs merge=lfs -text
diff --git a/Web/css/index.css b/Web/css/index.css
new file mode 100644
index 0000000..6868148
--- /dev/null
+++ b/Web/css/index.css
@@ -0,0 +1,134 @@
+body {
+ background-color: skyblue;
+ margin: 0;
+}
+
+#header {
+ display: flex;
+ align-items: center;
+ background-color: #ffffff;
+ padding: 10px 20px;
+}
+
+#header .logo {
+ margin-right: 40px;
+}
+
+#header .nav {
+ flex-grow: 1;
+}
+
+#header .nav ul {
+ display: flex;
+ justify-content: space-between;
+ padding: 0;
+ margin: 0;
+ list-style-type: none;
+}
+
+#header .nav ul li {
+ font-size: 20px;
+ padding: 10px 15px;
+}
+
+#header .language {
+ margin-left: 40px;
+}
+
+#header .language ul {
+ display: flex;
+ list-style-type: none;
+ padding: 0;
+ margin: 0;
+}
+
+#header .language ul li {
+ font-size: 18px;
+ padding: 10px 15px;
+ margin-left: 10px;
+}
+
+#header .nav ul li:hover,
+#header .language ul li:hover {
+ background-color: #ffffff;
+}
+/* 如果想显示进度条 删除此css样式 */
+#swipper {
+ width: 100%;
+ overflow: hidden;
+ position: relative;
+ height: 400px; /* 设置一个固定高度 */
+}
+
+.swipper-container {
+ display: flex;
+ width: 400%;
+ animation: mover 12s steps(4) infinite;
+}
+
+.swipper-slide {
+ width: 25%;
+}
+
+.swipper-slide-img {
+ width: 100%;
+ height: 400px;
+ object-fit: cover;
+}
+
+.prev, .next {
+ position: absolute;
+ width: 32px;
+ height: 32px;
+ top: 184px;
+ cursor: pointer;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+
+.prev img, .next img {
+ width: 20px; /* 调整图片大小 */
+ height: 20px;
+ object-fit: contain;
+}
+
+.prev {
+ left: 40px;
+}
+
+.next {
+ right: 40px;
+}
+
+.counter {
+ position: absolute;
+ width: 80px;
+ left: 50%;
+ height: 15px;
+ margin-left: -40px;
+ bottom: 50px;
+ display: flex;
+ justify-content: space-between;
+}
+
+.counter .point {
+ width: 15px;
+ height: 15px;
+ background-color: blueviolet;
+ border-radius: 50%;
+ cursor: pointer;
+}
+
+.counter .point:hover {
+ background-color: #fff;
+}
+
+@keyframes mover {
+ 0% {
+ margin-left: 0;
+ }
+ 100% {
+ margin-left: -400%;
+ }
+}
diff --git a/Web/images/banner_01.jpg b/Web/images/banner_01.jpg
new file mode 100644
index 0000000..61590dd
Binary files /dev/null and b/Web/images/banner_01.jpg differ
diff --git a/Web/images/banner_02.jpg b/Web/images/banner_02.jpg
new file mode 100644
index 0000000..51c1cbc
Binary files /dev/null and b/Web/images/banner_02.jpg differ
diff --git a/Web/images/banner_03.jpg b/Web/images/banner_03.jpg
new file mode 100644
index 0000000..1674e24
Binary files /dev/null and b/Web/images/banner_03.jpg differ
diff --git a/Web/images/left-arrow.png b/Web/images/left-arrow.png
new file mode 100644
index 0000000..f05fd82
Binary files /dev/null and b/Web/images/left-arrow.png differ
diff --git a/Web/images/logo.jpg b/Web/images/logo.jpg
new file mode 100644
index 0000000..78abfa0
Binary files /dev/null and b/Web/images/logo.jpg differ
diff --git a/Web/images/right-arrow.png b/Web/images/right-arrow.png
new file mode 100644
index 0000000..e769d70
Binary files /dev/null and b/Web/images/right-arrow.png differ
diff --git a/Web/index.html b/Web/index.html
new file mode 100644
index 0000000..62092f3
--- /dev/null
+++ b/Web/index.html
@@ -0,0 +1,80 @@
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ main
+
+
welcome
+
+
+
+
+
+
+
+