个人创意简历(可分享的网页)-个人简历联系信息网页模板Bootstrap-响应式适配移动端.zip

共35个文件

jpg：17个

css：4个

js：4个

版权申诉

创意简历

149 浏览量 2024-03-18 11:30:19 上传评论收藏 2.34MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

个人创意简历(可分享的网页)-个人简历联系信息网页模板 Bootstrap-响应式适配移动端.zip （35个子文件）

个人创意简历(可分享的网页)-个人简历联系信息网页模板 Bootstrap-响应式适配移动端

html

bootstrap.js 66KB

jquery.magnific-popup.js 45KB

jquery.gauge.js 5KB

jquery-2.2.3.min.js 84KB

css

style.css 25KB

popup-box.css 10KB

font-awesome.css 34KB

bootstrap.css 138KB

index.html 23KB

images

m33.jpg 130KB

c1.jpg 235KB

r2.jpg 119KB

m11.jpg 165KB

bot33.jpg 83KB

p8.jpg 64KB

p4.jpg 89KB

p6.jpg 23KB

s11.jpg 186KB

bot22.jpg 123KB

m22.jpg 130KB

p7.jpg 78KB

p2.jpg 73KB

p3.jpg 114KB

icons.png 729B

ab11.jpg 15KB

p5.jpg 76KB

p1.jpg 85KB

fonts

FontAwesome.otf 122KB

glyphicons-halflings-regular.woff 23KB

fontawesome-webfont.eot 75KB

glyphicons-halflings-regular.woff2 18KB

fontawesome-webfont.woff 88KB

fontawesome-webfont.woff2 70KB

fontawesome-webfont.svg 382KB

fontawesome-webfont.ttf 149KB

<!DOCTYPE html> <html lang="en"> <head> <title>Connect CV a Personal Category Bootstrap Responsive website Template | Home :: 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="Connect CV Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, SmartPhone Compatible web template, free WebDesigns 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 href="css/bootstrap.css" type="text/css" rel="stylesheet" media="all"> <link href="css/style.css" type="text/css" rel="stylesheet" media="all"> <link href="css/font-awesome.css" rel="stylesheet">  <link href="css/popup-box.css" rel="stylesheet" type="text/css" media="all" />   <script src="js/jquery-2.2.3.min.js"></script>   <link href="//fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet"> <link href="//fonts.googleapis.com/css?family=Julius+Sans+One&subset=latin-ext" rel="stylesheet"> <link href='//fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>  </head> <body> <div class="w3-banner"> <div class="w3-banner-grid1"> <div class="col-md-8 w3-banner-left"> <div class="w3-banner-left_txt"> <h3>IAM MARTIN</h3> <p>WEB & UI DEVELOPER</p> </div> <div class="social-wthree-icons bnragile-icons"> <ul> <li><a href="#" class="fa fa-facebook icon icon-border facebook"> </a></li> <li><a href="#" class="fa fa-twitter icon icon-border twitter"> </a></li> <li><a href="#" class="fa fa-google-plus icon icon-border googleplus"> </a></li> <li><a href="#" class="fa fa-dribbble icon icon-border dribbble"> </a></li> </ul> <div class="clearfix"> </div> </div> </div> <div class="col-md-4 w3-banner-right"> <div class="w3-heading-all"> <h3>About <span>me</span></h3> </div> <div class=" w3ls-agile-left"> <div class="w3ls-agile-left-info"> <div class="wel-left animated wow fadeInLeft" data-wow-delay=".5s"> <div class="icon-w3l"> <i class="hovicon effect-2 sub-a"><span class="fa fa-globe" aria-hidden="true"></span></i> </div> <div class="text-w3l"> <h4>WEB DEVELOPER</h4> <p>Lorem ipsum dolor sit amet.</p> </div> <div class="clearfix"> </div> </div> </div> <div class="w3ls-agile-left-info"> <div class="wel-left animated wow fadeInLeft" data-wow-delay=".5s"> <div class="icon-w3l"> <i class="hovicon effect-2 sub-a"><span class="fa fa-pie-chart" aria-hidden="true"></span></i> </div> <div class="text-w3l"> <h4>GRAPHIC DESIGNER</h4> <p>Lorem ipsum dolor sit amet.</p> </div> <div class="clearfix"> </div> </div> </div> <div class="w3ls-agile-left-info"> <div class="wel-left animated wow fadeInLeft" data-wow-delay=".5s"> <div class="icon-w3l"> <i class="hovicon effect-2 sub-a"><span class="fa fa-laptop" aria-hidden="true"></span></i> </div> <div class="text-w3l"> <h4>UI/UK DEVELOPER</h4> <p>Lorem ipsum dolor sit amet.</p> </div> <div class="clearfix"> </div> </div> </div> </div> </div> <div class="clearfix"></div> </div> <div class="w3-banner-grid2"> <div class="col-md-4 w3-banner_bottom1"> <div class="w3-banner_bottom_txt"> <div class="w3-banner-bot_icon_icon"> <i class="fa fa-code" aria-hidden="true"></i> </div> <div class="w3-banner-bot_icon_txt"> <a class="book popup-with-zoom-anim button-isi zoomIn animated" data-wow-delay=".5s" href="#small-dialog">SKILLS</a> </div> </div> <div class="clearfix"></div> </div> <div class="col-md-4 w3-banner_bottom2"> <div class="w3-banner_bottom_txt"> <div class="w3-banner-bot_icon_icon"> <i class="fa fa-pencil-square-o" aria-hidden="true"></i> </div> <div class="w3-banner-bot_icon_txt"> <a class="book popup-with-zoom-anim button-isi zoomIn animated" data-wow-delay=".5s" href="#small-dialog1">WORKS</a> </div> <div class="clearfix"></div> </div> </div> <div class="col-md-4 w3-banner_bottom3"> <div class="w3-banner_bottom_txt"> <div class="w3-banner-bot_icon_icon"> <i class="fa fa-map-marker" aria-hidden="true"></i> </div> <div class="w3-banner-bot_icon_txt"> <a class="book popup-with-zoom-anim button-isi zoomIn animated" data-wow-delay=".5s" href="#small-dialog2">CONTACT</a> </div> <div class="clearfix"></div> </div> </div> </div> </div> <div class="pop-up"> <div id="small-dialog" class="mfp-hide book-form">  <div class="skills"> <div class="w3_head_pop skills_span"> <h3 class="skills_w3"> MY <span>SKILLS</span> </h3> </div> <div class="w3layouts_skills_grids"> <div class="col-md-3 w3ls_about_guage"> <canvas id="gauge1" width="200" height="100"></canvas> <h4>java script</h4> </div> <div class="col-md-3 w3ls_about_guage"> <canvas id="gauge2" width="200" height="100"></canvas> <h4>jquery</h4> </div> <div class="col-md-3 w3ls_about_guage"> <canvas id="gauge3" width="200" height="100"></canvas> <h4>php</h4> </div> <div class="col-md-3 w3ls_about_guage"> <canvas id="gauge4" width="200" height="100"></canvas> <h4>java</h4> </div> <div class="clearfix"> </div> </div> </div>   <div class="skills-agileinfo" id="skills1"> <div class=" bar-grids w3-agile"> <div class="w3_head_pop"> <h3>MY <span>KNOWLEDGE</span></h3> </div> <div class="wthree_skills"> <h6>Editing<span> 95% </span></h6> <div class="progress"> <div class="progress-bar progress-bar-striped active" style="width: 95%"> </div> </div> <h6>Developing<span> 85% </span></h6> <div class="progress"> <div class="progress-bar progress-bar-striped active" style="width: 85%"> </div> </div> <h6>Creativity<span>90% </span></h6> <div class="progress"> <div class="progress-bar progress-bar-striped active" style="width: 90%"> </div> </div> <h6>Professional<span>86% </span></h6> <div class="progress prgs-w3agile-last"> <div class="progress-bar progress-bar-striped active" style="width: 86%"> </div> </div> </div> </div> </div>  </div> </div> <div class="pop-up"> <div id="small-dialog1" class="mfp-hide book-form">  <div class="gallery" id="gallery"> <div class="w3_head_pop"> <h3>MY <span>PROJECTS </span></h3> </div> <div class="w3layouts_gallery_grids"> <div class="col-md-3 w3layouts_gallery_grid"> <img src="images/p1.jpg" alt="gallery"> <a href="#" data-toggle="modal" d

评论收藏

内容反馈

版权申诉