个人简历介绍bootstrap模板是一款单页多类目弹出介绍个人简历模板下载。.rar资源-CSDN文库

共23个文件

jpg：8个

png：4个

js：4个

版权申诉

135 浏览量 2023-04-27 14:44:12 上传评论收藏 829KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

个人简历介绍bootstrap模板是一款单页多类目弹出介绍个人简历模板下载。.rar （23个子文件）

个人简历介绍bootstrap模板是一款单页多类目弹出介绍个人简历模板下载。

moban1482

bootstrap.js 66KB

lightbox-plus-jquery.min.js 91KB

jquery.vide.min.js 4KB

jquery-2.2.3.min.js 84KB

css

style.css 17KB

bootstrap.css 138KB

lightbox.css 4KB

index.html 18KB

images

g3.jpg 20KB

g2.jpg 27KB

prev.png 1KB

loading.gif 8KB

next.png 1KB

g6.jpg 42KB

img1.jpg 99KB

g5.jpg 57KB

bg.png 61KB

close.png 280B

g4.jpg 28KB

g1.jpg 44KB

video

cv.jpg 320KB

fonts

glyphicons-halflings-regular.woff 23KB

glyphicons-halflings-regular.woff2 18KB

<!DOCTYPE html> <html lang="en"> <head> <title>Home</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="" /> <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 rel="stylesheet" href="css/lightbox.css">   <script src="js/jquery-2.2.3.min.js"></script>   <link href='#css?family=Text+Me+One' rel='stylesheet' type='text/css'> <link href='#css?family=Roboto+Condensed:400,300,300italic,400italic,700,700italic' rel='stylesheet' type='text/css'>  </head> <body>  <div class="top-nav"> <div class="container"> <div class="navbar-header logo"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> Menu </button> </div>  <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <div class="menu"> <ul class="nav navbar"> <li><a href="index.html" class="w3ls-hover"><span data-letters="Home">Home</span></a></li> <li><a href="#" data-toggle="modal" data-target="#about" class="w3ls-hover"><span data-letters="About">About </span></a></li> <li><a href="#" data-toggle="modal" data-target="#skill" class="w3ls-hover"><span data-letters="Skills">Skills</span></a></li> <li><a href="#" data-toggle="modal" data-target="#experience" class="w3ls-hover"><span data-letters="Experience">Experience </span></a></li> <li><a href="#" data-toggle="modal" data-target="#education" class="w3ls-hover"><span data-letters="Education">Education </span></a></li> <li><a href="#" data-toggle="modal" data-target="#work" class="w3ls-hover"><span data-letters="Work">Work</span></a></li> <li><a href="#" data-toggle="modal" data-target="#contact" class="w3ls-hover"><span data-letters="Contact">Contact </span></a></li> <li><a class="w3ls-icon" href="#"><span class="glyphicon glyphicon-save"></span></a></li> </ul> <div class="clearfix"> </div> </div> </div> </div> </div>   <div class="video" data-vide-bg="video/cv"> <div class="container"> <div class="banner-text agileinfo-text"> <h1>Leland M. Thompson</h1> <h6>Web Designer & Developer</h6> </div> </div> </div> <script src="js/jquery.vide.min.js"></script>   <div class="modal fade modal-about" id="about" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h4 class="modal-title">ABOUT ME</h4> </div> <div class="modal-body modal-spa"> <div class="about"> <div class="col-md-4 about-left "> <img src="images/img1.jpg" class="img-responsive" alt=""/> </div> <div class="col-md-8 about-right wthree"> <h3>Hi, i'm <span>Leland M. Thompson </span></h3> <h4>Web Designer & Developer </h4> <ul class="address"> <li> <ul class="agileits-address-text "> <li><b>D.O.B</b></li> <li>23-06-1980</li> </ul> </li> <li> <ul class="agileits-address-text"> <li><b>PHONE </b></li> <li>+00 111 222 3333</li> </ul> </li> <li> <ul class="agileits-address-text"> <li><b>ADDRESS </b></li> <li>756 global Place, North Sydney, Canada.</li> </ul> </li> <li> <ul class="agileits-address-text"> <li><b>E-MAIL </b></li> <li><a href="mailto:[email protected]"> [email protected]</a></li> </ul> </li> <li> <ul class="agileits-address-text"> <li><b>WEBSITE </b></li> <li><a href="http://sc.chinaz.com">sc.chinaz.com</a></li> </ul> </li> </ul> </div> <div class="clearfix"> </div> <div class="about-text agileits-w3layouts"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse laoreet sem sit amet dolor luctus pellentesque. Pellentesque eleifend tellus at interdum elementum. Nam egestas molestie elit. Vivamus sed accumsan quam, a mollis magna. Nam aliquet eros eget sapien consequat tincidunt at vel nibh sed accumsan quam.</p> <p class="agile-br"> Aliquam aliquet sapien quis mauris semper suscipit. Maecenas pharetra dapibus posuere. Praesent odio sem, varius quis dolor vel, maximus dapibus mi. Pellentesque mattis mauris neque. Nam aliquam turpis ante, at cursus massa ullamcorper ut </p> </div> </div> </div> </div> </div> </div>   <div class="modal fade modal-skills" id="skill" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h4 class="modal-title">My Skills</h4> </div> <div class="modal-body modal-spa"> <div class="skills"> <div class="col-md-6 bar-grids"> <h4><span class="glyphicon glyphicon-cog"></span> Technical Skills </h4> <h6>web design <span> 80% </span></h6> <div class="progress"> <div class="progress-bar progress-bar-striped active" style="width: 80%"> </div> </div> <h6>ui design & developer <span> 70% </span></h6> <div class="progress w3-agile"> <div class="progress-bar progress-bar-striped active" style="width: 70%"> </div> </div> <h6>Javascript<span>90% </span></h6> <div class="progress w3-agile"> <div class="progress-bar progress-bar-striped active" style="width: 90%"> </div> </div> <h6>Photoshop <span> 75% </span></h6> <div class="progress w3-agile"> <div class="progress-bar progress-bar-striped active" style="width: 75%"> </div> </div> </div> <div class="col-md-6 bar-grids w3-agile"> <h4><span class="glyphicon glyphicon-briefcase"></span> Professional Skills </h4> <h6>Communication<span> 85% </span></h6> <div class="progress"> <div class="progress-bar progress-bar-striped active" style="width: 85%"> </div> </div> <h6>Social media marketing<span> 95% </span></h6> <div class="progress"> <div class="progress-bar progress-bar-striped active" style="width: 95%"> </div> </div> <h6>Leadership<span>90% </span></h6> <div class="progress"> <div class="progress-bar progress-bar-striped active" style="width: 90%"> </div> </div> <h6>Confidence<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 class="clearfix"> </div> </div> </div> </div> </div> </div>   <div class="modal fade modal-experience" id="experience"

评论收藏

内容反馈

版权申诉