云大官网初步完成

2023-11-26 22:34:45 +08:00 · 2023-11-26 22:34:45 +08:00 · 3f4604a9ac
commit 3f4604a9ac
parent 64bbec16d9
2 changed files with 138 additions and 0 deletions
--- a/src/html/ynu.html
+++ b/src/html/ynu.html
@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <title>云南大学</title>
+    <meta charset="UTF-8">
+    <link href="../scss/style_ynu.scss">
+</head>
+<body>
+<header>
+    <h1>云南大学</h1>
+</header>
+
+<nav>
+    <ul>
+        <li><a href="#">首页</a></li>
+        <li><a href="#">新闻</a></li>
+        <li><a href="#">教育</a></li>
+        <li><a href="#">科研</a></li>
+        <li><a href="#">校园生活</a></li>
+    </ul>
+</nav>
+
+<main>
+    <h2>欢迎来到云南大学！</h2>
+    <p>
+        云南大学是一所综合性大学，位于中国云南省昆明市呈贡区。学校成立于1937年，前身为国立西南联合大学。现有本科专业80个，涵盖文、理、工、农、医、管、法、教育等8个学科门类。</p>
+
+    <p>
+        云南大学拥有一支高水平的教师队伍，现有教职工近3000人，其中教授近500人，副教授近1000人。学校设有多个研究机构和实验室，拥有良好的科研环境和条件。</p>
+
+    <p>如果您想了解更多关于云南大学的信息，请访问我们的官方网站：www.ynu.edu.cn。</p>
+</main>
+
+<div>
+
+</div>
+
+<footer>
+    <p>©2023 云南大学. All rights reserved.</p>
+
+    <p>联系我们：<a href="mailto:support@ynu.edu.cn">support@ynu.edu.cn</a></p>
+</footer>
+</body>
+</html>
--- a/src/scss/style_ynu.scss
+++ b/src/scss/style_ynu.scss
@ -0,0 +1,94 @@
+/*style.scss*/
+
+body {
+	background-color: #f0f0f0;
+	font-family: Arial, sans-serif;
+	margin: 0;
+	padding: 0;
+}
+
+header {
+	background-color: #ffffff;
+	border-bottom: 1px solid #cccccc;
+	padding: 10px;
+}
+
+h1 {
+	color: #333333;
+	font-size: 36px;
+	margin: 0;
+	padding: 0;
+}
+
+nav {
+	background-color: #333333;
+	color: #ffffff;
+	padding: 10px;
+}
+
+nav ul {
+	list-style-type: none;
+	margin: 0;
+	padding: 0;
+}
+
+nav li {
+	display: inline-block;
+	margin-right: 20px;
+}
+
+a {
+	color: #ffffff;
+	text-decoration: none;
+}
+
+a:hover {
+	color: #cccccc;
+}
+
+main {
+	background-color: #ffffff;
+	padding: 10px;
+}
+
+h2 {
+	color: #333333;
+	font-size: 24px;
+	margin-top: 0;
+	padding-top: 0;
+}
+
+p {
+	color: #666666;
+	font-size: 16px;
+	line-height: 1.5em;
+	margin-bottom: 20px;
+	margin-top: 0px;
+
+}
+
+footer {
+	background-color: #333333;
+	color: #ffffff;
+	text-align: center;
+	padding-top: .5em;
+	padding-bottom: .5em;
+	margin-top: .5em;
+	position: absolute;
+	bottom: -1em;
+	width: 100%;
+	height: auto;
+}
+
+footer p {
+	margin-bottom: .5em;
+}
+
+footer a {
+	color: #ffffff;
+	text-decoration: none;
+}
+
+footer a:hover {
+	color: #cccccc;
+}