bootstrap个人简历

最新推荐文章于 2023-06-24 16:38:23 发布
VIP文章 最新推荐文章于 2023-06-24 16:38:23 发布
阅读量1.3k 收藏 1
点赞数 1
文章标签： bootstrap 前端 html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_62552215/article/details/125038327
版权

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

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

    <!-- Meta Data -->
    <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" />

    <!-- Twitter data -->
    <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">

    <!-- Open Graph data -->
    <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" />

    <!-- Favicons -->
    <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">

    <!-- Styles -->
    <link rel="stylesheet" type="text/css" href="assets/styles/style.css"/>
    
</head>
<body class="bg-triangles">
    <!-- Preloader -->
    <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">
                <!-- Sidebar -->
                <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>
                            
                            <!-- Social -->
                            <div class="social">
                                <a class="social__link" href="http://www.bootstrapmb.com/"><i class=&

最低0.47元/天 解锁文章
m0_62552215
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
用HTML+bootstrap制作个人简历
欢乐打代码！
10-26 3405
用HTML+bootstrap制作个人简历。
响应式Bootstrap个人简历模板源代码
03-18
高端大气的响应式Bootstrap个人简历模板是一个响应式网页模板，自助网站模板，扁平的网页模板，Andriod兼容网页模板，智能手机兼容的网页模板，诺基亚，三星，LG，SonyErricsson自由webdesigns，摩托罗拉网页设计。
Bootstrap——制作个人简历网页、工具类【边框（添加、删除、颜色、圆角）、清除浮动、颜色（文本、链接、背景）、display属性、浮动、定位、文本对齐】
m0_69034993的博客
11-07 8100
考虑到Bootstrap提供的.border类默认边框颜色是淡灰色，在实际开发中如果想要修改边框颜色，可以使用.border-*来设置想要的场景颜色。可以使用.text-white-数值和.text-black-数值来设置颜色的透明度效果，后面的数值表示的是透明度。Bootstrap提供了十几个辅助工具类，包括边框、清除浮动、颜色、display、浮动、定位、文本对齐等。Bootstrap提供了边框类样式，可以快速地添加、删除边框，也可以设置边框的颜色，边框的圆角。也可以设置某一个方向上的边框。
Vue + Bootstrap 制作炫酷个人简历（二）
weixin_30843605的博客
03-13 1021
没想到隔了这么久才来更新。 用vue做简历，不是非常适合，为什么呢。 因为简历没什么数据上的操作，一般都是静态的内容。 不过都说了用Vue来做，也只能强行续命了。 这里是我做好的成品 非一般简历 由于未涉及页面跳转，所以没有vue-router 想要实现如网页中的功能，首先我们要使用fullpage.js插件 这也是jquery的插件之一，官网地址 他可以让我们的...
用Bootstrap写一份简历
热门推荐
Lawliet
02-16 1万+
以前学习Bootstrap时练手用的。分享给大家。 注意Bootstrap相关文件的路径，Bootstrap依赖jQuery，需要先加载jQuery Github代码链接：链接 (如果有点小用，求个小star(｡•ˇ‸ˇ•｡)) index.html： &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; ...
web前端工程师个人简历编写（附详细代码）
最新发布
一步一个脚印，踏实努力，向着目标前进
06-24 3193
web前端工程师 h5+css3完成简历编写，效果如下： 底部附有详细代码编写编写Web前端工程师个人简历时，需要注意以下几点：简洁明了：简历应该简洁明了，内容要点突出，避免冗长和废话。用简洁的语言描述自己的经历和技能，让招聘者能够快速了解你的能力和经验。结构清晰：简历应该有清晰的结构，包括个人信息、教育经历、技能、工作经历和个人项目等部分。每个部分都应该有明确的标题和内容，使招聘者能够快速找到他们感兴趣的信息。强调重点：在简历中，应该强调自己的重点技能和经验，突出自己的优势。可以使用粗体、斜体或高亮等方式
bootstrap实现 — 个人简介
Z2Min_
09-29 8143
实现：bootstrap 效果图： 源码： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>个人简介</title> <meta name="viewport" content="width=devi...
基于bootstrap，个人简历网页模板，响应式布局
mazai5080的博客
07-20 1708
源码编码：20236，需要的朋友可以下载学习
html个人简历网页
existent
04-17 3355
html个人简历网页效果图html在线运行传送门源码声明 效果图 html在线运行传送门 源码 <!DOCTYPE html> <html lang="en"> <head> <title>王宇东的个人简历</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1">
用python，Bootstrap5 ,html,css,js做一个漂亮的个人网页的源代码
weixin_42576410的博客
12-23 359
<p>好的，为了使用 Python、Bootstrap5、HTML、CSS 和 JS 创建一个漂亮的个人网页，您可以按照以下步骤操作：</p> <ol> <li>准备工作：</li> </ol> <ul> <li>安装 Python。如果您的计算机上没有安装 Python，请到 Python 官网下载并...
Bootstrap响应式个人简历.zip
12-08
该模版基于bootstrap与jQuery制作,基本满足日常后台需要,修改时可根据自身需求,来定制后台模版。
Bootstrap响应式个人简历网站模板.zip
05-14
Bootstrap响应式个人简历网站模板.zip
Bootstrap-个人简历响应式网页模板
06-08
Bootstrap个人简历响应式网页模板基于Bootstrap3.3.1制作，自适应分辨率，兼容PC端和移动端，单页面多栏目设计，有首页、关于我、画廊、联系等网站栏目。
简约Bootstrap个人简历html模板
06-06
一款简约Bootstrap个人简历html模板_蓝色风格无刷新html5个人网站模板
bootstrap个人简历技能网站模板
04-02
bootstrap个人简历技能网站模板
蓝色简约双栏Bootstrap个人简历网站模板
03-21
蓝色简约双栏Bootstrap个人简历网站模板
个人简历bootstrap单页模板
04-02
个人简历bootstrap单页模板
Bootstrap+Timeliner+Github+JQUERY创建程序员的简历（一）---Timeliner
架构设计
10-20 181
最后效果见:http://gmszone.github.io/RESUME 源码可见:https://github.com/gmszone/RESUME/tree/master/Web Github GP-Pages 这个就不再说了，直接网上找就有了 为项目启用项目主页很简单，只需要在项目版本库中创建一个名为gh-pages的分支，并向其中添加静态网页即可。也就是说如果项目的Gi...
bootstrap怎么写个人中心页面
05-19
Bootstrap是一个强大的前端框架，可以轻松实现个人中心页面。下面是一个简单的示例代码，供您参考： ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>个人中心</title> <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css"> </head> <body> <div class="container"> <div class="row"> <div class="col-md-3"> <ul class="nav nav-pills nav-stacked"> <li role="presentation" class="active"><a href="#">个人信息</a></li> <li role="presentation"><a href="#">修改密码</a></li> <li role="presentation"><a href="#">订单查询</a></li> </ul> </div> <div class="col-md-9"> <h2>个人信息</h2> <form> <div class="form-group"> <label for="username">用户名</label> <input type="text" class="form-control" id="username" placeholder="请输入用户名"> </div> <div class="form-group"> <label for="email">邮箱</label> <input type="email" class="form-control" id="email" placeholder="请输入邮箱"> </div> <div class="form-group"> <label for="phone">电话</label> <input type="tel" class="form-control" id="phone" placeholder="请输入电话"> </div> <button type="submit" class="btn btn-primary">保存</button> </form> </div> </div> </div> <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script> <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> </body> </html> ``` 这段代码中，使用了Bootstrap的网格系统将页面分成了左右两栏。左侧是一个导航菜单，右侧是一个表单用于修改个人信息。您可以根据自己的需求进行修改和拓展。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值