<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<meta name="author" content="Yuan-Programmer"/>
<!-- 基础样式库 -->
<link rel="stylesheet" href="css/bootstrap.css"/>
<link rel="stylesheet" href="css/font-awesome.css"/>
<link rel="stylesheet" href="css/animate.css"/>
<!-- hplus样式库 -->
<link rel="stylesheet" href="css/hplus.css"/>
<!-- 公共样式 -->
<link rel="stylesheet" href="css/customer/example.css"/>
<!-- 页脚样式 -->
<link rel="stylesheet" href="css/customer/footer&cbl.css"/>
<!-- 导航栏样式 -->
<link rel="stylesheet" href="css/customer/header.css"/>
<!-- 侧边信息样式 -->
<link rel="stylesheet" href="css/sideBar/sidebar.css"/>
<!-- 公共样式 -->
<link rel="stylesheet" href="css/customer/common.css"/>
<script type="text/javascript" src="js/jquery-1.11.3.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
<!-- 模板 -->
<script type="text/javascript" src="js/customer/template.js"></script>
<!-- 音乐播放器样式 -->
<link rel="stylesheet" href="css/customer/player.min.css"/>
<!-- 音乐播放器JS -->
<script type="text/javascript" src="js/customer/player.min.js"></script>
<title>小袁博客</title>
</head>
<body>
<div id="main">
<header id="header" data-spy="affix" data-offset-top="70"></header>
<!-- 主体内容区域 -->
<div class="gray-bg top-navigation">
<div id="wrapper">
<div id="page-wrapper" class="time-line-bg">
<div class="wrapper wrapper-content">
<div class="container-fluid">
<div class="col">
<div class="col-lg-8 col-md-8 col-xs-12">
<div class="col-md-12">
<div class="ibox float-e-margins">
<div class="text-right float-e-margins m-r-xl">
<a href="#" class="btn btn-xs btn-primary" id="leftVersion">切换视图</a>
</div>
<div class="" id="ibox-content">
<div id="vertical-timeline"
class="vertical-container light-timeline opacity-9">
<div class="vertical-timeline-block">
<div class="vertical-timeline-icon lazur-bg">
<i class="fa">5</i>
</div>
<div class="vertical-timeline-content">
<h2><strong>会议</strong></h2>
<p>
上一年的销售业绩发布会。总结产品营销和销售趋势及销售的现状。上一年的销售业绩发布会。总结产品营销和销售趋势及销售的现状。上一年的销售业绩发布会。总结产品营销和销售趋势及销售的现状。上一年的销售业绩发布会。总结产品营销和销售趋势及销售的现状。
</p>
<a href="#" class="btn btn-sm btn-success"> 查看详细 <i class="fa fa-hand-pointer-o m-l-xs"></i></a>
<span class="vertical-date"><i
class="glyphicon glyphicon-time text-warning font-size-xs"></i><br/>
<span class="text-info">2022年2月11日 - 2022年2月11日</span>
</span>
</div>
</div>
<div class="vertical-timeline-block">
<div class="vertical-timeline-icon lazur-bg">
<i class="fa">4</i>
</div>
<div class="vertical-timeline-content">
<h2>给张三发送文档</h2>
<p>发送上年度《销售业绩报告》</p>
<a href="#" class="btn btn-sm btn-success"> 查看详细 <i
class="fa fa-hand-pointer-o m-l-xs"></i></a>
<span class="vertical-date">
<i
class="glyphicon glyphicon-time text-warning font-size-xs"></i><br/>
<small>2月3日</small>
</span>
</div>
</div>
<div class="vertical-timeline-block">
<div class="vertical-timeline-icon lazur-bg">
<i class="fa">3</i>
</div>
<div class="vertical-timeline-content">
<h2>喝咖啡休息</h2>
<p>喝咖啡啦,啦啦啦~~</p>
<a href="#" class="btn btn-sm btn-success"> 查看详细 <i
class="fa fa-hand-pointer-o m-l-xs"></i></a>
<span class="vertical-date">
<i
class="glyphicon glyphicon-time text-warning font-size-xs"></i><br/>
<small>2月2日</small></span>
</div>
</div>
<div class="vertical-timeline-block">
<div class="vertical-timeline-icon lazur-bg">
<i class="fa">2</i>
</div>
<div class="vertical-timeline-content">
<h2>给李四打电话</h2>
<p>给李四打电话分配本月工作任务</p>
<span class="vertical-date">
<i
class="glyphicon glyphicon-time text-warning font-size-xs"></i><br/>
<small>2月2日</small></span>
</div>
</div>
<div class="vertical-timeline-block">
<div class="vertical-timeline-icon lazur-bg">
<i class="fa">1</i>
</div>
<div class="vertical-timeline-content">
<h2>公司年会</h2>
<p>发年终奖啦,啦啦啦~~</p>
<span class="vertical-date">
<i
class="glyphicon glyphicon-time text-warning font-size-xs"></i><br/>
<small>2022年1月22日</small>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col">
<div class="col-lg-4 col-md-4 hidden-xs hidden-sm">
<!-- 个人资料 -->
<div class="col-md-12 m-b-md side-personal">
</div>
<!-- 个人资料 -->
<!-- 搜索 -->
<div class="col-md-12 m-b-sm padding-l-r-60 opacity-8">
<div class="ibox-content">
<div class="side-search">
<form>
<input type="text" placeholder="请输入您要搜索的内容...">
没有合适的资源?快使用搜索试试~ 我知道了~
html css js网页设计 HTML前端个人博客简易模板
共89个文件
png:17个
html:15个
css:14个
需积分: 1 6 下载量 40 浏览量
2023-06-26
12:00:45
上传
评论
收藏 19.17MB ZIP 举报
温馨提示
项目在线体验地址:https://template.open-yuan.com/boke/ HTML+CSS+JS做的个人博客模板,有基本的导航栏,页脚信息,侧边鼠标悬放弹出层,同时还有小型音乐播放器,基本换歌、歌词显示等功能都有哦 页面和CSS样式和JS我都统一整理好了,导航栏、页脚等都是通过公共引入的,让页面更加简洁和更好的整理 我的首个开源博客项目,前台就是基于这个模板开发一起开发的 小袁博客开源项目地址: https://gitee.com/yuandewei/xiaoyuanboke 完成的SpringBoot + Template / Vue项目工程,适用于大学生初学者学习
资源推荐
资源详情
资源评论
收起资源包目录
HTML个人博客模板.zip (89个子文件)
xy-blog
timeline.html 10KB
story.html 5KB
js
bootstrap.js 68KB
jquery-1.11.3.js 278KB
customer
template.js 4KB
common.js 549B
player.js 8KB
player.min.js 22KB
index.js 2KB
home.html 5KB
classify.html 5KB
img
singer-img
失眠飞行.jpg 8KB
Pianoboy高至豪.jpg 22KB
菊次郎的春天.png 3.88MB
b.jpg 63KB
appreciate.jpg 5KB
wechat.jpg 40KB
qifeiye.png 36KB
p1-25 (1).png 16KB
question.png 15KB
logo.png 17KB
error
404.svg 47KB
logo.svg 1KB
astronaut.svg 17KB
moon.svg 7KB
rocket.svg 2KB
bg_purple.png 219KB
pic.png 11KB
p3-1.jpg 301KB
help.png 1KB
home_background.jpg 741KB
p1-25 (3).png 13KB
p4-2.png 2KB
bg.jpg 138KB
p1-25 (4).png 16KB
favicon.ico 1KB
bg
message.jpg 4.31MB
TimeLine.jpg 1.84MB
message_box.jpg 1.71MB
p1-25 (2).png 26KB
QQ.jpg 13KB
p2-1.png 22KB
close2.png 16KB
social_icon_24x24.png 119KB
2.png 3KB
close1.png 16KB
p4-1.jpg 172KB
css
sideBar
sidebar.css 3KB
hplus.css 125KB
font-awesome.css 34KB
bootstrap.css.map 380KB
animate.css 67KB
bootstrap.css 143KB
customer
style.css 14KB
player.min.css 11KB
footer&cbl.css 3KB
error.css 4KB
common.css 2KB
example.css 651B
header.css 4KB
index.css 14KB
daohang.css 4KB
common
side-archive.html 736B
header.html 3KB
side-hot.html 849B
footer.html 2KB
side-personal.html 981B
side-new.html 848B
index.html 4KB
archive.html 5KB
aboutme.html 5KB
video
home_background.mp4 4.71MB
message.html 5KB
friendlink.html 5KB
fonts
FontAwesome.otf 104KB
glyphicons-halflings-regular.svg 106KB
glyphicons-halflings-regular.ttf 44KB
glyphicons-halflings-regular.woff 23KB
glyphicons-halflings-regular.eot 20KB
fontawesome-webfont.eot 67KB
glyphicons-halflings-regular.woff2 18KB
player
icon.eot 8KB
icon.ttf 8KB
icon.svg 17KB
icon.woff 8KB
fontawesome-webfont.woff 79KB
fontawesome-webfont.woff2 63KB
fontawesome-webfont.svg 348KB
fontawesome-webfont.ttf 135KB
共 89 条
- 1
资源评论
OpenYuan开袁
- 粉丝: 1w+
- 资源: 15
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功