-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
153 lines (133 loc) · 6.33 KB
/
about.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
<!doctype html>
<html class="no-js" lang="zxx">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Karigor - Portfolio Bootstrap4 Template</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Favicon -->
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" href="img/icon.png">
<!-- Google font (font-family: 'Dosis', sans-serif;) -->
<link href="https://fonts.googleapis.com/css?family=Dosis:300,400,500,600,700" rel="stylesheet">
<!-- Plugins -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/plugins.css">
<!-- Style Css -->
<link rel="stylesheet" href="css/style.css">
<!-- Custom Styles -->
<link rel="stylesheet" href="css/custom.css">
</head>
<body>
<!--[if lte IE 9]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
<![endif]-->
<!-- Add your site or application content here -->
<!-- Wrapper -->
<div id="wrapper" class="wrapper">
<!-- Header -->
<header class="header sticky-header">
<div class="container">
<div class="header-inner d-none d-lg-flex">
<div class="header-logo">
<a href="index.html">
<img src="img/logo/logo-dark.png" alt="logo">
</a>
</div>
<div class="header-navigation">
<button class="header-navigation-trigger">
<span></span>
<span></span>
<span></span>
</button>
<nav class="main-navigation">
<ul>
<li><a href="index.html">首页</a></li>
<!--个人介绍-->
<li><a href="about.html">关于我</a></li>
<!--可用于标签分类 首选3-->
<li><a href="tag.html">标签</a></li>
<li><a href="type.html">分类</a></li>
<!--博客主页-->
<li><a href="leaveMessage.html">留言</a></li>
<li><a href="WriteBlog.html">写博客</a></li>
<li><a href="personal-information.html">个人信息</a></li>
<li><a href="login.html">登录</a></li>
</ul>
</nav>
</div>
</div>
<div class="mobile-menu-wrapper d-block d-lg-none">
<div class="mobile-menu clearfix">
<a href="index.html" class="mobile-logo">
<img src="img/logo/logo-dark.png" alt="mobile logo">
</a>
</div>
</div>
</div>
</header>
<!--// Header -->
<!-- Breadcrumb Area -->
<div class="breadcrumb-area bg-grey">
<div class="container">
<div class="cr-breadcrumb">
<h2>ABOUT ME</h2>
<ul>
<li><a href="index.html">Home</a></li>
<li>关于我</li>
</ul>
</div>
</div>
</div>
<!--// Breadcrumb Area -->
<!-- Page Conttent -->
<div class="page-content">
<!-- About Us Area -->
<div class="cr-section about-us-area section-padding-lg bg-white">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="about-image">
<img src="img/others/about-image.jpg" alt="about image">
</div>
</div>
<div class="col-lg-6">
<div class="about-content">
<h2>Welcome to My Blog </h2>
<p>曹宝玉，西南石油大学物联网工程在读大三学生，创数据团队队长，后端组长
热爱Java后端开发，希望能进入大厂继续学习,并一直为之努力着。
</p>
<ul>
<li>名人故去，陌人经历，有所见便有所感，惊惶不已。</li>
<li>生而往复，烦忧竟来，皆为凡俗，不胜了却之事颇多。</li>
<li>年岁更替，光阴飞逝，非吾等可逆，既然如斯，多有无力无去之感。</li>
<li>寻常所事，各司其事，少则向学，弱冠求进，三十需立，老有所成。</li>
<li>吾亦有志，筑才深学广之基，思虑而不同，定不复过往之颓势</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<footer class="footer-area bg-white">
<div class="container">
<ul class="footer-inner">
<li>© 2019-2020 曹**</li>
<li><a href="http://www.beian.miit.gov.cn/">蜀ICP备19036310号</a></li>
</ul>
</div>
</footer>
<!--// Footer Area -->
</div>
</div>
<!--// Wrapper -->
<!-- Js Files -->
<script src="js/vendor/modernizr-3.6.0.min.js"></script>
<script src="js/vendor/jquery-3.3.1.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
</body>
</html>