现代个人简历HTML模板是一款窄屏风格个人简历模板下载。.rar资源-CSDN文库

共26个文件

jpg：10个

js：4个

png：3个

版权申诉

50 浏览量 2021-11-06 12:47:37 上传评论收藏 630KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

现代个人简历HTML模板是一款窄屏风格个人简历模板下载。.rar （26个子文件）

现代个人简历HTML模板是一款窄屏风格个人简历模板下载。

moban1945

bootstrap.js 66KB

jquery.swipebox.min.js 11KB

easyResponsiveTabs.js 6KB

jquery-2.1.4.min.js 82KB

css

style.css 20KB

bootstrap.css 138KB

swipebox.css 6KB

index.html 19KB

images

2.jpg 34KB

6.jpg 36KB

banner.jpg 35KB

1.jpg 57KB

img-sp.png 4KB

1.png 33KB

5.jpg 47KB

8.jpg 48KB

icons.png 729B

3.jpg 51KB

7.jpg 44KB

9.jpg 54KB

4.jpg 26KB

fonts

glyphicons-halflings-regular.svg 106KB

glyphicons-halflings-regular.ttf 44KB

glyphicons-halflings-regular.woff 23KB

glyphicons-halflings-regular.eot 20KB

glyphicons-halflings-regular.woff2 18KB

<!DOCTYPE html> <html> <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" rel="stylesheet" type="text/css" media="all" /> <link href="css/style.css" rel="stylesheet" type="text/css" media="all" /> <link rel="stylesheet" href="css/swipebox.css">  <script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>  <link href='http://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'> </head> <body> <div class="banner_body"> <div class="container"> <div class="w3ls_logo_nav"> <div class="w3ls_logo_nav_right"> <div class="sap_tabs"> <div class="w3ls_logo_nav_left"> <h1><a href="index.html">Modern CV</a></h1> </div> <div id="horizontalTab" style="display: block; width: 100%; margin: 0px;"> <div class="resp-tabs-container"> <ul class="resp-tabs-list"> <li class="resp-tab-item" aria-controls="tab_item-1" id="tab_item-1">Home</li> <li class="resp-tab-item" aria-controls="tab_item-2" id="tab_item-2">About Me</li> <li class="resp-tab-item" aria-controls="tab_item-3" id="tab_item-3">My Work</li> <li class="resp-tab-item" aria-controls="tab_item-4" id="tab_item-4">Blog</li> <li class="resp-tab-item" aria-controls="tab_item-5" id="tab_item-5">Contact</li> </ul> <div class="tab-1 resp-tab-content" aria-labelledby="tab_item-1">  <div class="wthree_tab_content"> <img src="images/banner.jpg" alt=" " class="img-responsive" /> <div class="wthree_tab_content_pos1"> <ul> <li><a href="#" class="facebook"></a></li> <li><a href="#" class="twitter"></a></li> <li><a href="#" class="g"></a></li> </ul> </div> <div class="wthree_tab_content_pos"> <div class="wthree_tab_content_pos_grid"> <h2>Hello</h2> <h3>I'm Nicola Rider</h3> <h6>UI / UX Developer / Wordpress</h6> <ul class="address"> <li> <ul class="address-text"> <li><b>PHONE </b></li> <li>+00 111 222 3333</li> </ul> </li> <li> <ul class="address-text"> <li><b>ADDRESS </b></li> <li>756 North Sydney, Canada.</li> </ul> </li> <li> <ul class="address-text"> <li><b>E-MAIL </b></li> <li><a href="mailto:[email protected]"> [email protected]</a></li> </ul> </li> <li> <ul class="address-text"> <li><b>WEBSITE </b></li> <li><a href="http://sc.chinaz.com/jiaoben/">www.w3layouts.com</a></li> </ul> </li> </ul> </div> </div> </div>  </div> <div class="tab-2 resp-tab-content" aria-labelledby="tab_item-2">  <div class="agile_about"> <div class="agile_about_pos"> <img src="images/1.png" alt=" " class="img-responsive" /> </div> </div> <div class="agileits_agile_about"> <h3>About Me</h3> <div class="col-md-6 agileits_agile_about_left"> <p>Sed ac libero mattis, accumsan lacus nec, eleifend tortor. Etiam sodales consequat cursus. Quisque venenatis mi at nulla pulvinar lobortis. Mauris vulputate odio sed dolor suscipit, a sollicitudin sapien auctor. Nam aliquam tellus nibh, molestie dictum ipsum lobortis in.</p> </div> <div class="col-md-6 agileits_agile_about_right"> <h4>Nam vestibulum odio eu erat pulvinar pulvinar. Aliquam enim odio, scelerisque quis lacus.</h4> </div> <div class="clearfix"> </div> <div class="agileits_skills_grids"> <div class="col-md-6 agileits_skills_grid"> <div class="skills"> <div class="skill1" style="width:80%"> </div> <div class="bar"> <p>HTML / CSS3 / SASS</p> </div> </div> <div class="skills skills1"> <div class="skill3" style="width:75%"> </div> <div class="bar"> <p>Javascript</p> </div> </div> <div class="skills skills2"> <div class="skill4" style="width:60%"> </div> <div class="bar"> <p>Wordpress</p> </div> </div> <div class="skills skills3"> <div class="skill5" style="width:36%"> </div> <div class="bar"> <p>Php</p> </div> </div> </div> <div class="col-md-6 agileits_skills_grid"> <div class="skills"> <div class="skill1" style="width:80%"> </div> <div class="bar"> <p>photoshop</p> </div> </div> <div class="skills skills1"> <div class="skill3" style="width:75%"> </div> <div class="bar"> <p>multitasking</p> </div> </div> <div class="skills skills2"> <div class="skill4" style="width:60%"> </div> <div class="bar"> <p>creative</p> </div> </div> <div class="skills skills3"> <div class="skill5" style="width:36%"> </div> <div class="bar"> <p>responsible</p> </div> </div> </div> <div class="clearfix"> </div> </div> </div>  </div> <div class="tab-3 resp-tab-content" aria-labelledby="tab_item-3">  <div class="agile_about"> <div class="agile_about_pos"> <img src="images/1.png" alt=" " class="img-responsive" /> </div> </div> <div class="agileits_agile_about"> <h3>My Work</h3> <div class="agileits_agile_about_portfolio"> <div class="col-md-4 agileits_agile_about_portfolio_left"> <div class="w3_portfolio_grid view second-effect"> <a href="images/2.jpg" class="swipebox" title="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis maximus tortor diam, ac lobortis justo rutrum quis. Praesent non purus fermentum, eleifend velit non."> <img src="images/2.jpg" alt=" " class="img-responsive" /> <div class="mask"> <p>Modern CV</p> </div> </a> </div> </div> <div class="col-md-4 agileits_agile_about_portfolio_left"> <div class="w3_portfolio_grid view second-effect"> <a href="images/3.jpg" class="swipebox" title="Fusce malesuada sapien enim, eget molestie quam laoreet ut. Mauris aliquet nisl in enim ma

评论收藏

内容反馈

版权申诉