使用bootstrap打造卡片个人简历

最新推荐文章于 2022-07-20 00:58:26 发布

VIP文章 wish_blue_sky

最新推荐文章于 2022-07-20 00:58:26 发布

阅读量4k

点赞数 4

本文链接：https://blog.csdn.net/wish_blue_sky/article/details/106990229

版权

你想把简历制作成这样吗？

用你的手机扫一扫上面的二维码看看。（网页文件，卡片photoshop文件这里下载）

首先你要到腾讯云注册个帐号，选择对象储存，创建存储桶，把修改好的网页文件上传上去，再选择基础配置，到静态网站选择开启，把访问节点上的网址复制下来到浏览器打开，如果你能看到网页就成功了。

现在用你的手机浏览器打开上面网址，并生成二维码，再发送回电脑，制作卡片（photoshop)，印制名片，你的名片简历就成了。

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <link rel="icon" href="grjl.png">
    <title>小熊猫 个人简历</title>
    <!-- Bootstrap core CSS -->
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
	<style>
	body{
		padding-top:50px;
		margin:0;		
		border:0;			
	}
	.tool{
		position:fixed;
		right:20px;
		bottom:20px;
		width:50px;
		height:100px;		
		padding:5px;
		border:2px solid #000;
	}
	.tool-button{
		background-color:#dedede;
		width:100%;
		height:40px;
		margin-bottom:5px;
		font-weight:bold;
		text-align:center;
		padding-top:10px;
	}
	.c{
		margin:0 auto;
		max-width:400px;
		left:0;
		right:0;
		padding:5px;
	}
	.c-title{
		font-weight:bold;
		border:1px solid #000;
		border-radius:10px;
		padding:5px;
		float:left;
		background-color:#dedede;
	}
	.c-hr{		
		margin-top:15px;
		width:100%;
		border:1px solid #000;
	}
	</style>

</head>
<body>
	<audio id="music" src="grjl.mp3" autoplay></audio>
	<div class="tool">
		<div class="tool-button" id="music_control">音乐</div>
		<div class="tool-button" id="top_control">顶部</div>
	</div>
	<nav class="navbar navbar-inverse navbar-fixed-top">
		<div class="container">
			<div class=

最低0.47元/天解锁文章

wish_blue_sky

关注

4
点赞
踩
15

收藏

觉得还不错? 一键收藏
1
评论
使用bootstrap打造卡片个人简历

到腾讯云注册个帐号，建立一个对象储存，打开静态浏览网址，把网址生成二维码印在名片上，你的卡片个人简历就做好了。只要用手机扫一扫就可以浏览了。<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="view
复制链接

扫一扫