bootstrap个人简历

最新推荐文章于 2024-04-20 14:25:37 发布

m0_62552215

最新推荐文章于 2024-04-20 14:25:37 发布

阅读量1.5k

点赞数 1

文章标签： bootstrap 前端 html

本文链接：https://blog.csdn.net/m0_62552215/article/details/125038327

版权

这是一个使用Bootstrap构建的个人简历模板，包含个人信息、工作经历、技能展示和客户评价。页面设计简洁，注重用户体验，适用于展示设计师或创意总监的在线简历。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="utf-8" />
<title>vCard - About</title>

<meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
   <meta name="format-detection" content="telephone=no"/>
<meta name="format-detection" content="address=no"/>
<meta name="author" content="ArtTemplate" />
<meta name="description" content="vCard" />

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@ArtTemplates">
<meta name="twitter:title" content="vCard">
<meta name="twitter:description" content="vCard">
<meta name="twitter:image" content="assets/images/social.jpg">

<meta property="og:title" content="ArtTemplate" />
<meta property="og:type" content="website" />
<meta property="og:url" content="your url website" />
<meta property="og:image" content="assets/images/social.jpg" />
<meta property="og:description" content="vCard" />
<meta property="og:site_name" content="vCard" />

<link rel="apple-touch-icon" sizes="144x144" href="assets/images/favicons/apple-touch-icon-144x144.png">
   <link rel="apple-touch-icon" sizes="114x114" href="assets/images/favicons/apple-touch-icon-114x114.png">
   <link rel="apple-touch-icon" sizes="72x72" href="assets/images/favicons/apple-touch-icon-72x72.png">
   <link rel="apple-touch-icon" sizes="57x57" href="assets/images/favicons/apple-touch-icon-57x57.png">
   <link rel="shortcut icon" href="assets/images/favicons/favicon.png" type="image/png">

<link rel="stylesheet" type="text/css" href="assets/styles/style.css"/>

</head>
<body class="bg-triangles">

<div class="preloader">
   <div class="preloader__wrap">
       <div class="circle-pulse">
<div class="circle-pulse__1"></div>
<div class="circle-pulse__2"></div>
</div>
       <div class="preloader__progress"><span></span></div>
       </div>
   </div>

<main class="main">
   <div class="container gutter-top">
       <div class="row sticky-parent">
           
<aside class="col-12 col-md-12 col-xl-3">
               <div class="sidebar box pb-0 sticky-column">
                       <svg class="avatar avatar--180" viewBox="0 0 188 188">
<g class="avatar__box">
<image xlink:href="assets/img/avatar-1.jpg" height="100%" width="100%" />
</g>
</svg>
                       <div class="text-center">
                       <h3 class="title title--h3 sidebar__user-name"><span class="weight--500">Felecia</span> Brown</h3>
                           <div class="badge badge--gray">Creative Director</div>

                           
       <div class="social">
       <a class="social__link" href="http://www.bootstrapmb.com/"><i class=&