LJYJFL/jfl
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

https://git.holytreasure.space/LJYJFL/jfl.git

Browse Source
This commit is contained in:
LJYJFL 2025-06-23 18:34:16 +08:00
commit bc2f838b52
5 changed files with 299 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

75
about.html Normal file
View File

@ -0,0 +1,75 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" href="css/style.css"/>
</head>
<body>
<!-- 导航-->
<div class="header">
<!-- logo-->
<div class="logo">
<h3>暮暮个人主页</h3>
</div>
<!--菜单-->
<div class="nav">
<a href="index.html">首页</a>
<a href="about.html" class="active">个人介绍</a>
<a href="work.html" class="active">我的作品</a>
<a href="life.html">日常生活</a>
<a href="contact.html">联系方式</a>
</div>
</div>
<div class="about">
<!-- 个人信息 -->
<div class=".about-info">
<h3 class="about-title"> [个人信息] </h3>
<div class="about-info-box">
<div class="about-text">
<h3>姓名：朝暮</h3>
<p>性别：女</p>
<p>学号：324725121</p>
<p>班级：大数据技术一班</p>
<p>邮箱：999999999@qq.com</p>
<p>喜欢的食物：麻辣烫、火锅、烤肉
烧烤、海鲜以及各种甜品</p>
<p>喜欢的饮品：摇摇奶昔、多肉葡萄
各种蜜桃口味的饮料等等</p>
<p>喜欢的游戏：王者荣耀、和平精英等</p>
</div>
<div class="aib-img">
<img src="img/about1.png"/ alt="">
<img src="img/about2.png"/ alt="">
</div>
</div>
</div>
<!-- 个人爱好 -->
<div class="about-like">
<h3 class="about-title"> [个人爱好] </h3>
<div class="about-like-box">
<span>羽毛球</span>
<span>音乐</span>
<span>游戏</span>
<span>小说</span>
<span>动漫</span>
</div>
</div>
<!--技能-->
<div class="about-skill">
<h3 class="about-title"> [个人技能] </h3>
<div class="about-skill-box">
<img src="img/sk1.png" alt="">
<img src="img/sk2.png" alt="">
<img src="img/sk3.png" alt="">
<img src="img/sk4.png" alt="">
<img src="img/sk5.png" alt="">
</div>
</div>
</div>
</div>
<div class="footer">
<p>设计制作：暮暮 学号：xx1701127</p>
</div>
</body>
</html>

55
contact.html Normal file
View File

@ -0,0 +1,55 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" href="css/style.css"/>
</head>
<body>
<!-- 导航-->
<div class="header">
<!-- logo-->
<div class="logo">
<h3>暮暮个人主页</h3>
</div>
<!--菜单-->
<div class="nav">
<a href="index.html">首页</a>
<a href="about.html">个人介绍</a>
<a href="work.html" >个人作品</a>
<a href="life.html" >日常生活</a>
<a href="contact.html" >联系方式</a>
</div>
</div>
<!-- 内容 -->
<div class="about">
<h3 class="about-title"> [联系方式] </h3>
<form>
<label>
<span>姓名：</span>
<input type="text" placeholder="请输入您的姓名"/>
</label>
<label>
<span>手机号：</span>
<input type="text" placeholder="请输入您的手机号"/>
</label>
<label>
<span>邮箱：</span>
<input type="text" placeholder="请输入您的邮箱"/>
</label>
<label>
<span>留言内容：</span>
<textarea placeholder="请输入您的留言内容"></textarea>
</label>
<label>
<span></span>
<button type="submit">提交</button>
<button class="re" type="reset">重置</button>
</label>
</form>
</div>
<div class="footer">
<p>设计制作：暮暮 学号：324725121</p>
</div>
</body>
</html>

57
index.html Normal file
View File

@ -0,0 +1,57 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link rel="stylesheet" href="css/style.css"/>
</head>
<body>
<div class="page">
<div class="home">
<div class="logo">
<h1>暮暮个人主页</h1>
</div>
<div class="home-con">
<div class="hc-nav">
<a href="about.html">
<img src="img/nav1.png" alt=""/>
<span>个人介绍</span>
</a>
<a href="work.html">
<img src="img/nav2.png" alt=""/>
<span>个人作品</span>
</a>
<a href="life.html">
<img src="img/nav3.png" alt=""/>
<span>日常生活</span>
</a>
<a href="contact.html">
<img src="img/nav4.png" alt=""/>
<span>联系方式</span>
</a>
</div>
<div class="hc-text">
<!-- 图片区域-->
<img src="img/user.png" alt="">
<!-- 文字区域-->
<div class="hc-text-con">
<h3>姓名：朝暮</h3>
<p>性别：女</p>
<p>学号：324725121</p>
<p>班级：大数据技术一班</p>
<p>邮箱：999999999@qq.com</p>
<p>个人介绍: 我是一名充满活力的大学生，性格较开朗，
热爱生活，在校园里，我总是带着笑容，当然偶尔也会有心情不好的时候，
不过心情不好总是一时的。当然我也很乐于与同学们交流分享。积极参加我
所感兴趣的社团，积极参与各种活动，享受与人合作、共同进步的感觉。用
积极乐观的态度面对每一天，希望我的三年大学生活美满充实。</p>
</div>
</div>
</div>
<div class="footer">
<p>设计制作：暮暮 学号：324725121</p>
</div>
</div>
</div>
</body>
</html>

70
life.html Normal file
View File

@ -0,0 +1,70 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" href="css/style.css"/>
</head>
<body>
<!-- 导航-->
<div class="header">
<!-- logo-->
<div class="logo">
<h3>暮暮个人主页</h3>
</div>
<!--菜单-->
<div class="nav">
<a href="index.html">首页</a>
<a href="about.html">个人介绍</a>
<a href="work.html" >个人作品</a>
<a href="life.html" class="active">日常生活</a>
<a href="">联系方式</a>
</div>
</div>
<!-- 内容 -->
<div class="about">
<h3 class="about-title"> [日常生活] </h3>
<div class="life">
<div class="life-list">
<img src="img/life1.png" alt="">
<div class="ll-text">
<h3>游戏日常</h3>
<p>
这是我最爱玩的游戏之一 ———王者荣耀，
我对这游戏是又爱又恨，赢了确实很开心，
但是避免不了一些爱搞人心态的队友，
输一场赢一场是我的游戏日常。
</p>
</div>
</div>
<div class="life-list">
<img src="img/life2.png" alt="">
<div class="ll-text">
<h3>干饭日常</h3>
<p>
麻辣烫是我最爱的食物之一，我最喜欢
那种有蘸料的店，这是我学校周围的一家店，
每周必会去那里吃几次，不得不说麻辣烫里
那种小的油条真的很好吃的，放些粉丝，开启嗦粉之路。
</p>
</div>
</div>
<div class="life-list">
<img src="img/life3.png" alt="">
<div class="ll-text">
<h3>学习日常</h3>
<p>
这是我所有科目中最喜欢的一个科目，因为觉得
很有意思，也觉得很有用处，虽然有时候敲代码
时间长了容易头晕吧，但是看到自己敲的代码运
行出来的结果成功时心情会非常愉悦。
</p>
</div>
</div>
</div>
</div>
<div class="footer">
<p>设计制作：暮暮 学号：324725121</p>
</div>
</body>
</html>

42
work.html Normal file
View File

@ -0,0 +1,42 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" href="css/style.css"/>
</head>
<body>
<!-- 导航-->
<div class="header">
<!-- logo-->
<div class="logo">
<h3>暮暮个人主页</h3>
</div>
<!--菜单-->
<div class="nav">
<a href="index.html">首页</a>
<a href="about.html" class="active">个人介绍</a>
<a href="work.html" class="active">个人作品</a>
<a href="life.html">日常生活</a>
<a href="contact.html">联系方式</a>
</div>
</div>
<!-- 内容 -->
<div class="about">
<h3 class="about-title"> [个人作品] </h3>
<div class="work">
<img src="img/work1.png" alt="">
<img src="img/work2.png" alt="">
<img src="img/work3.png" alt="">
<img src="img/work4.png" alt="">
<img src="img/work5.png" alt="">
<img src="img/work6.png" alt="">
<img src="img/work7.png" alt="">
<img src="img/work8.png" alt="">
</div>
</div>
<div class="footer">
<p>设计制作：暮暮 学号：324725121</p>
</div>
</body>
</html>