cmd简历效果
代码语言:html
所属分类:布局界面
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<style>
html,
body {
margin: 0;
height: 100%;
}
body,
footer,
.hero-body {
background-color: rgb(10, 25, 47) !important;
}
a {
color: inherit;
}
a:hover {
text-decoration: none;
color: inherit;
}
p {
color: rgb(136, 146, 176);
}
.title {
color: rgba(139, 180, 216, 0.94);
}
.sidebar {
background-color: rgb(23, 42, 69);
display: flex;
align-items: center;
flex-direction: column;
border-radius: 5px;
color: rgb(136, 146, 176);
opacity: 1;
}
.sidebar-link {
font-size: 0.8rem;
text-transform: uppercase;
color: rgba(139, 180, 216, 0.94);
}
.sidebar-link:hover {
color: rgb(230, 241, 255);
}
.header-name {
font-weight: 600;
color: rgb(230, 241, 255);
}
.column-header {
border-bottom: 2px rgb(45, 57, 82) solid;
margin-bottom: 1rem;
}
.column-header > h1 {
font-family: "Lato", sans-serif;
font-weight: 100;
color: white;
}
.icon,
.sidebar-link {
transition-duration: 250ms;
}
.icon:hover {
color: white;
}
.terminal-bar {
background-color: #eae8e9;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
display: flex;
position: relative;
}
.dark-mode {
background-image: linear-gradient(180deg, #464248 0%, #3b383d 100%);
border-bottom: 1px solid rgba(66, 66, 66, 0.5);
}
.dark-mode-te.........完整代码请登录后点击上方下载按钮下载查看
网友评论0