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

共67个文件

js：14个

png：13个

css：11个

版权申诉

HTML源码

适配移动端

2 浏览量 2024-03-18 11:24:55 上传评论收藏 16.48MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

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

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

html

minibar-virtual.js 5KB

topbar-virtual.js 6KB

google-maps.js 399B

bootstrap.bundle.min.js 79KB

jquery-3.5.1.min.js 87KB

img

testimonials

testimonials_1.jpg 1.67MB

testimonials_2.jpg 1.17MB

person.jpg 78KB

photo-1.jpg 226KB

bg_banner.jpg 497KB

work

work-2.png 1.18MB

work-6.png 641KB

work-5.png 419KB

work-3.png 1.69MB

work-7.png 503KB

work-8.png 1.92MB

work-4.png 1.18MB

work-1.png 1.41MB

work-9.png 2.23MB

logo

company_8.svg 1KB

company_2.svg 2KB

company_3.svg 3KB

microsoft.png 9KB

company_1.svg 2KB

nginx.png 6KB

google.png 17KB

company_4.svg 2KB

company_6.svg 2KB

company_7.svg 1KB

company_5.svg 2KB

amazon.png 15KB

bg_image_1.jpg 244KB

bg_image_2.jpg 426KB

photo-2.jpg 437KB

css

maicons.css 43KB

topbar.virtual.css 12KB

bootstrap.css 194KB

minibar.virtual.css 15KB

themify-icons.css 16KB

virtual.css 26KB

vendor

waypoints

jquery.waypoints.min.js 9KB

owl-carousel

owl.carousel.css 5KB

owl.carousel.min.js 43KB

animateNumber

jquery.animateNumber.min.js 1KB

isotope

isotope.pkgd.min.js 35KB

fancybox

jquery.fancybox.js 157KB

jquery.fancybox.min.js 67KB

css

jquery.fancybox.min.css 12KB

jquery.fancybox.css 17KB

wow

wow.min.js 8KB

nice-select

jquery.nice-select.min.js 3KB

jquery.nice-select.js 6KB

css

nice-select.css 4KB

animate

animate.css 76KB

favicon.ico 17KB

index-2.html 27KB

index.html 29KB

blog-topbar.html 13KB

fonts

maicons.svg 725KB

themify.svg 229KB

maicons.eot 263KB

maicons.ttf 263KB

maicons.woff 263KB

themify.woff 55KB

themify.eot 77KB

themify.ttf 77KB

blog-minibar.html 13KB

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Virtual Folio - Portfolio HTML5 Template</title> <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"> <link rel="stylesheet" type="text/css" href="./css/themify-icons.css"> <link rel="stylesheet" type="text/css" href="./css/bootstrap.css"> <link rel="stylesheet" type="text/css" href="./vendor/animate/animate.css"> <link rel="stylesheet" type="text/css" href="./vendor/owl-carousel/owl.carousel.css"> <link rel="stylesheet" type="text/css" href="./vendor/perfect-scrollbar/css/perfect-scrollbar.css"> <link rel="stylesheet" type="text/css" href="./vendor/nice-select/css/nice-select.css"> <link rel="stylesheet" type="text/css" href="./vendor/fancybox/css/jquery.fancybox.min.css"> <link rel="stylesheet" type="text/css" href="./css/virtual.css"> <link rel="stylesheet" type="text/css" href="./css/topbar.virtual.css"> </head> <body class="theme-red">  <div class="btn-back_to_top"> <span class="ti-arrow-up"></span> </div>  <div class="config"> <div class="template-config">  <div class="d-block"> <button class="btn btn-fab btn-sm" id="sideel" title="Settings"><span class="ti-settings"></span></button> </div>  <div class="d-block"> <a href="#" class="btn btn-fab btn-sm" title="Get this template" data-toggle="tooltip" data-placement="left"><span class="ti-download"></span></a> </div>  <div class="d-block"> <a href="#" class="btn btn-fab btn-sm" title="Help" data-toggle="tooltip" data-placement="left"><span class="ti-help"></span></a> </div> </div> <div class="set-menu"> <p>Select Color</p> <div class="color-bar" data-toggle="selected"> <span class="color-item bg-theme-red selected" data-class="theme-red"></span> <span class="color-item bg-theme-blue" data-class="theme-blue"></span> <span class="color-item bg-theme-green" data-class="theme-green"></span> <span class="color-item bg-theme-orange" data-class="theme-orange"></span> <span class="color-item bg-theme-purple" data-class="theme-purple"></span> </div> <select class="custom-select d-block my-2" id="change-page"> <option value="">Choose Page</option> <option value="index">Topbar</option> <option value="blog-topbar">Blog (Topbar)</option> <option value="index-2">Minibar</option> <option value="blog-minibar">Blog (Minibar)</option> </select> </div> </div> <div class="vg-page page-home" id="home" style="background-image: url(./img/bg_image_1.jpg)">  <div class="navbar navbar-expand-lg navbar-dark sticky" data-offset="500"> <div class="container"> <a href="" class="navbar-brand">V-Folio</a> <button class="navbar-toggler" data-toggle="collapse" data-target="#main-navbar" aria-expanded="true"> <span class="ti-menu"></span> </button> <div class="collapse navbar-collapse" id="main-navbar"> <ul class="navbar-nav ml-auto"> <li class="nav-item active"> <a href="#home" class="nav-link" data-animate="scrolling">Home</a> </li> <li class="nav-item"> <a href="#about" class="nav-link" data-animate="scrolling">About</a> </li> <li class="nav-item"> <a href="#portfolio" class="nav-link" data-animate="scrolling">Portfolio</a> </li> <li class="nav-item"> <a href="#blog" class="nav-link" data-animate="scrolling">Blog</a> </li> <li class="nav-item"> <a href="#contact" class="nav-link" data-animate="scrolling">Contact</a> </li> </ul> <ul class="nav ml-auto"> <li class="nav-item"> <button class="btn btn-fab btn-theme no-shadow">En</button> </li> </ul> </div> </div> </div>   <div class="caption-header text-center wow zoomInDown"> <h5 class="fw-normal">Welcome</h5> <h1 class="fw-light mb-4">I'm <b class="fg-theme">Stephen</b> Doe</h1> <div class="badge">UI/UX & Web Designer</div> </div>  <div class="floating-button"><span class="ti-mouse"></span></div> </div> <div class="vg-page page-about" id="about"> <div class="container py-5"> <div class="row"> <div class="col-lg-4 py-3"> <div class="img-place wow fadeInUp"> <img src="./img/person.jpg" alt=""> </div> </div> <div class="col-lg-6 offset-lg-1 wow fadeInRight"> <h1 class="fw-light">Stephen Doe</h1> <h5 class="fg-theme mb-3">UI/UX & Web Designer</h5> <p class="text-muted">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form but the majority have suffered alteration in some</p> <ul class="theme-list"> <li><b>From:</b> Texas, US</li> <li><b>Lives In:</b> Texas, US</li> <li><b>Age:</b> 25</li> <li><b>Gender:</b> Male</li> </ul> <button class="btn btn-theme-outline">Download CV</button> </div> </div> </div> <div class="container py-5"> <h1 class="text-center fw-normal wow fadeIn">My Skills</h1> <div class="row py-3"> <div class="col-md-6"> <div class="px-lg-3"> <h4 class="wow fadeInUp">Coding skills</h4> <div class="progress-wrapper wow fadeInUp"> <span class="caption">JavaScript</span> <div class="progress"> <div class="progress-bar" role="progressbar" style="width: 86%;" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100">86%</div> </div> </div> <div class="progress-wrapper wow fadeInUp"> <span class="caption">PHP</span> <div class="progress"> <div class="progress-bar" role="progressbar" style="width: 80%;" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100">80%</div> </div> </div> <div class="progress-wrapper wow fadeInUp"> <span class="caption">HTML + CSS</span> <div class="progress"> <div class="progress-bar" role="progressbar" style="width: 100%;" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100">100%</div> </div> </div> <div class="progress-wrapper wow fadeInUp"> <span class="caption">Phyton</span> <div class="progress"> <div class="progress-bar" role="progressbar" style="width: 90%;" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100">90%</div> </div> </div> </div> </div> <div class="col-md-6"> <div class="px-lg-3"> <h4 class="wow fadeInUp">Design Skills</h4> <div class="progress-wrapper wow fadeInUp"> <span class="caption">UI / UX Design</span> <div class="progress"> <div class="progress-bar" role="progressbar" style="width: 92%;" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100">92%</div> </div> </div> <div class="progress-wrapper wow fadeInUp"> <span class=

评论收藏

内容反馈

版权申诉