个人创意简历(可分享的网页)-多标签个人简历展示网页模板Bootstrap-响应式适配移动端.zip资源-CSDN文库

共10个文件

png：3个

js：3个

css：2个

版权申诉

创意简历

45 浏览量 2024-03-18 11:29:58 上传评论收藏 130KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

个人创意简历(可分享的网页)-多标签个人简历展示网页模板 Bootstrap-响应式适配移动端.zip （10个子文件）

个人创意简历(可分享的网页)-多标签个人简历展示网页模板 Bootstrap-响应式适配移动端

html

easyResponsiveTabs.js 9KB

pretty-doughtnut.js 3KB

jquery.min.js 94KB

css

style.css 20KB

bootstrap.css 138KB

index.html 9KB

images

i1.png 3KB

i3.png 3KB

man.jpg 57KB

i2.png 3KB

<!DOCTYPE html> <html lang="en">  <head> <title>Multi Tabs Resume Widget A Flat Responsive Widget Template :: W3layouts</title>  <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="keywords" content="Multi Tabs Resume Widget Responsive, Login Form Web Template, Flat Pricing Tables, Flat Drop-Downs, Sign-Up Web Templates, Flat Web Templates, Login Sign-up Responsive Web Template, Smartphone Compatible Web Template, Free Web Designs for Nokia, Samsung, LG, Sony Ericsson, Motorola Web Design" /> <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>   <link rel="stylesheet" href="css/style.css" type="text/css" media="all">   <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900" type="text/css" media="all"> <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Montserrat:400,700" type="text/css" media="all">  <script type="text/javascript" src="js/jquery.min.js"></script> </head>   <body> <h1>MULTI TABS RESUME</h1> <div class="containerw3layouts-agileits"> <div id="verticalTab" class="resp-vtabs w3-agile" style="display: block; width: 100%; margin: 0px;"> <ul class="resp-tabs-list agileits-w3layouts"> <li class="resp-tab-item"><span>About</span></li> <li class="resp-tab-item"><span>Experience</span></li> <li class="resp-tab-item agileinfo"><span>Education</span></li> <li class="resp-tab-item"><span>Skills</span></li> <li class="resp-tab-item"><span>Contact</span></li> </ul> <div class="resp-tabs-container"> <div class="resp-tab-content"> <div class="agileabout"> <div class="agileabout-image w3-agileits"> <img src="images/man.jpg" alt="W3layouts"> </div> <div class="agileabout-info"> <ul> <li><div class="li1">Name</div><div class="li2">:</div><div class="li3">Alan Parrish</div><div class="clearfix"></div></li> <li><div class="li1">Birthday</div><div class="li2">:</div><div class="li3">10/10/1990</div><div class="clearfix w3-agileits"></div></li> <li><div class="li1">Phone</div><div class="li2">:</div><div class="li3">001-8766488735</div><div class="clearfix"></div></li> <li><div class="li1">Email</div><div class="li2 agileinfo">:</div><div class="li3"><a class="mail" href="mailto:[email protected]">[email protected]</a></div><div class="clearfix"></div></li> <li><div class="li1">Website</div><div class="li2">:</div><div class="li3"><a href="#">www.examplesite.com</a></div><div class="clearfix"></div></li> <li><div class="li1 agileinfo">Address</div><div class="li2">:</div><div class="li3 w3-agileits">Parma Via Modena, 40019, Sant'Agata Bolognese, BO, Italy</div><div class="clearfix wthree"></div></li> </ul> </div> <div class="clear"></div> </div> </div> <div class="resp-tab-content"> <div class="work"> <div class="work-info agileits-w3layouts"> <h4>2013 - 2016</h4> <h5>Company 2</h5> <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo </p> </div> <div class="work-info agile"> <h4>2009 - 2013</h4> <h5>Company 1</h5> <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo </p> </div> </div> </div> <div class="resp-tab-content"> <div class="work w3-agileits"> <div class="work-info"> <h4>2007 - 2009</h4> <h5>University</h5> <p>Eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae.</p> </div> <div class="work-info agileinfo"> <h4>2004 - 2007</h4> <h5>Senior High</h5> <p>Eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae.</p> </div> <div class="work-info w3layouts"> <h4>1995 - 2004</h4> <h5>School</h5> <p>Eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae.</p> </div> </div> </div> <div class="resp-tab-content"> <div class="our-skills"> <div class="single-skill"> <p class="lead">HTML</p> <div class="progress"> <div class="progress-bar progress-bar-1">90%</div> </div> </div> <div class="single-skill"> <p class="lead">CSS</p> <div class="progress wthree"> <div class="progress-bar progress-bar-2">80%</div> </div> </div> <div class="single-skill"> <p class="lead">JAVASCRIPT</p> <div class="progress w3-agile"> <div class="progress-bar progress-bar-3">85%</div> </div> </div> <div class="single-skill"> <p class="lead">PHP</p> <div class="progress"> <div class="progress-bar agile progress-bar-4">95%</div> </div> </div> <div class="single-skill"> <p class="lead">SQL</p> <div class="progress w3layouts"> <div class="progress-bar progress-bar-5">75%</div> </div> </div> </div> </div> <div class="resp-tab-content"> <div class="agileabout-info aitsabout"> <ul> <li><div class="li1">Name</div><div class="li2 wthree">:</div><div class="li3">Alan Parrish</div><div class="clearfix w3-agile"></div></li> <li><div class="li1 w3-agile">Birthday</div><div class="li2">:</div><div class="li3">10/10/1990</div><div class="clearfix"></div></li> <li><div class="li1">Phone</div><div class="li2 w3-agile">:</div><div class="li3">001-8766488735</div><div class="clearfix"></div></li> <li><div class="li1">Email</div><div class="li2">:</div><div class="li3"><a class="mail" href="mailto:[email protected]">[email protected]</a></div><div class="clearfix agile"></div></li> <li><div class="li1">Website</div><div class="li2">:</div><div class="li3"><a href="#">www.examplesite.com</a></div><div class="clearfix"></div></li> <li><div class="li1 w3-agile">Address</div><div class="li2">:</div><div class="li3">Parma Via Modena, 40019, Sant'Agata Bolognese, BO, Italy</div><div class="clearfix"></div></li> </ul> </div> <div class="clear"></div> <div class="social-icons w3layouts agileits"> <h4>Follow Me on</h4> <ul> <li class="fb w3ls w3layouts agileits"><a href="#"><span class="icons w3layouts agileits"></span><span class="text w3layouts agileits">Facebook</span></a></li> <li class="twt w3ls w3layouts agileits"><a href="#"><span class="icons w3layouts agileits"></span><span class="text w3layouts agileits">Twitter</span></a></li> <li class="ggp w3ls w3layouts agileits"><a href="#"><span class="icons w3layouts agileits"></span><span class="text w3layouts agileits">Google+</span></a></li> </ul> </div> </div> <div class="clear"></div> </div> <div class="clear w3-agile"></div> </di

评论收藏

内容反馈

版权申诉