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