个人创意简历(可分享的网页)-黑色个人简历介绍网页模板Bootstrap-响应式适配移动端.zip资源-CSDN文库

共105个文件

scss：76个

js：9个

css：5个

版权申诉

HTML源码

适配移动端

98 浏览量 2024-03-18 11:24:40 上传评论收藏 887KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

个人创意简历(可分享的网页)-黑色个人简历介绍网页模板 Bootstrap-响应式适配移动端.zip （105个子文件）

bootstrap.css 132KB

animate.css 70KB

icomoon.css 40KB

blue.css 24KB

style.css 9KB

icomoon.eot 223KB

glyphicons-halflings-regular.eot 20KB

index.html 9KB

bg_img.jpg 18KB

jquery.min.js 82KB

bootstrap.min.js 36KB

jquery.magnific-popup.min.js 20KB

modernizr-2.6.2.min.js 15KB

jquery.waypoints.min.js 9KB

jquery.easing.1.3.js 8KB

respond.min.js 4KB

jquery.easypiechart.min.js 4KB

main.js 2KB

bootstrap.css.map 74KB

blue.css.map 16KB

style.css.map 6KB

profile_img.png 42KB

_variables.scss 30KB

blue.scss 22KB

_glyphicons.scss 20KB

_forms.scss 16KB

_navbar.scss 14KB

style.scss 9KB

_theme.scss 8KB

_normalize.scss 7KB

_vendor-prefixes.scss 6KB

_panels.scss 6KB

_type.scss 6KB

_button-groups.scss 6KB

_carousel.scss 5KB

_navs.scss 5KB

_dropdowns.scss 5KB

_tables.scss 5KB

_responsive-utilities.scss 4KB

_gradients.scss 4KB

_input-groups.scss 4KB

_buttons.scss 4KB

_modals.scss 4KB

_popovers.scss 3KB

_grid.scss 3KB

_list-group.scss 3KB

_scaffolding.scss 3KB

_tooltip.scss 3KB

_forms.scss 3KB

_grid-framework.scss 2KB

_pagination.scss 2KB

_progress-bars.scss 2KB

_print.scss 2KB

_alerts.scss 2KB

bootstrap.scss 1KB

_buttons.scss 1KB

_grid.scss 1KB

_code.scss 1KB

_badges.scss 1KB

_image.scss 1KB

_labels.scss 1KB

_jumbotron.scss 1KB

_mixins.scss 986B

_media.scss 900B

_thumbnails.scss 892B

_pager.scss 855B

_component-animations.scss 819B

_close.scss 815B

_utilities.scss 765B

_bootstrap-mincer.scss 757B

_table-row.scss 715B

_list-group.scss 672B

_clearfix.scss 611B

_breadcrumbs.scss 595B

_hide-text.scss 589B

_responsive-embed.scss 546B

_panels.scss 543B

_wells.scss 535B

_responsive-visibility.scss 514B

_pagination.scss 507B

_border-radius.scss 492B

_reset-text.scss 476B

_nav-vertical-align.scss 370B

_alerts.scss 263B

_reset-filter.scss 246B

_nav-divider.scss 238B

_background-variant.scss 233B

_text-emphasis.scss 210B

_resize.scss 202B

_progress-bar.scss 200B

_bootstrap-compass.scss 178B

_text-overflow.scss 168B

_bootstrap-sprockets.scss 168B

_labels.scss 167B

_tab-focus.scss 165B

_opacity.scss 149B

_size.scss 147B

_center-block.scss 126B

icomoon.svg 758KB

glyphicons-halflings-regular.svg 106KB

共 105 条

<!DOCTYPE html>     <html class="no-js">  <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Personal — Free HTML5 Bootstrap Website Template by FreeHTML5.co</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="Free HTML5 Website Template by FreeHTML5.co" /> <meta name="keywords" content="free html5, free template, free bootstrap, free website template, html5, css3, mobile first, responsive" /> <meta name="author" content="FreeHTML5.co" />   <meta property="og:title" content=""/> <meta property="og:image" content=""/> <meta property="og:url" content=""/> <meta property="og:site_name" content=""/> <meta property="og:description" content=""/> <meta name="twitter:title" content="" /> <meta name="twitter:image" content="" /> <meta name="twitter:url" content="" /> <meta name="twitter:card" content="" />  <link rel="shortcut icon" href="favicon.ico">   <link rel="stylesheet" href="css/animate.css">  <link rel="stylesheet" href="css/icomoon.css">  <link rel="stylesheet" href="css/bootstrap.css">  <link rel="stylesheet" href="css/style.css">  <script src="js/modernizr-2.6.2.min.js"></script>   </head> <body style="background-image: url(images/bg_img.jpg);"> <div id="fh5co-main"> <div class="fh5co-tab-wrap"> <ul class="fh5co-tab-menu"> <li class="active"><a href="#" data-tab="1"><span class="icon icon-glass"></span><span class="menu-text">Profile</span></a></li> <li><a href="#" data-tab="2"><span class="icon icon-graduation-cap"></span><span class="menu-text">Education</span></a></li> <li><a href="#" data-tab="3"><span class="icon icon-black-tie"></span><span class="menu-text">Experience</span></a></li> <li><a href="#" data-tab="4" data-pie="yes"><span class="icon icon-fighter-jet"></span><span class="menu-text">Skills</span></a></li> </ul> <div class="fh5co-tab-content active" data-content="1"> <div class="fh5co-content-inner text-center"> <div class="row row-bottom-padded-sm"> <div class="col-md-12"> <figure> <img src="images/profile_img.png" alt="Free HTML5 Wesbite Template by FreeHTML5.co"> </figure> <h1>Claire Aguilar</h1> <p>Born and raised in <a href="#">Brooklyn</a>. Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the <a href="#">Semantics</a>, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. </p> </div> </div> <div class="row"> <div class="col-md-12 fh5co-counter"> <div class="fh5co-number fh5co-left">10</div> <div class="fh5co-text"> <h3 class="border-bottom">Years of experience in Web Design</h3> <p>Far far away, behind the word mountains, far from the countries.</p> </div> </div> </div> <ul class="fh5co-social"> <li><a href="#"><i class="icon-envelope"></i></a></li> <li><a href="#"><i class="icon-twitter"></i></a></li> <li><a href="#"><i class="icon-instagram"></i></a></li> <li><a href="#"><i class="icon-google"></i></a></li> <li><a href="#"><i class="icon-linkedin"></i></a></li> </ul> </div> </div> <div class="fh5co-tab-content" data-content="2"> <div class="fh5co-content-inner"> <div class="row"> <div class="col-md-12"> <p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p> <div class="fh5co-feature"> <div class="fh5co-icon"> <i class="icon-graduation-cap"></i> </div> <div class="fh5co-text"> <h2>2001-2004</h2> <p>Far far away, behind the word mountains, far from the countries.</p> </div> </div> <div class="fh5co-feature"> <div class="fh5co-icon"> <i class="icon-graduation-cap"></i> </div> <div class="fh5co-text"> <h2>2004-2008</h2> <p>Far far away, behind the word mountains, far from the countries.</p> </div> </div> <div class="fh5co-feature"> <div class="fh5co-icon"> <i class="icon-graduation-cap"></i> </div> <div class="fh5co-text"> <h2>2008-2012</h2> <p>Far far away, behind the word mountains, far from the countries.</p> </div> </div> </div> </div> </div> </div> <div class="fh5co-tab-content" data-content="3"> <div class="fh5co-content-inner"> <div class="row"> <div class="col-md-12"> <p>I have the privilege to work with these cool companies.</p> <div class="fh5co-feature"> <div class="fh5co-icon"> <i class="icon-black-tie"></i> </div> <div class="fh5co-text"> <h2>2008 - Present</h2> <h3>XYZ Inc.</h3> <p>Far far away, behind the word mountains, far from the countries.</p> </div> </div> <div class="fh5co-feature"> <div class="fh5co-icon"> <i class="icon-black-tie"></i> </div> <div class="fh5co-text"> <h2>2004-2008</h2> <h3>Previous Ltd Co.</h3> <p>Far far away, behind the word mountains, far from the countries.</p> </div> </div> <div class="fh5co-feature"> <div class="fh5co-icon"> <i class="icon-black-tie"></i> </div> <div class="fh5co-text"> <h2>1999-2004</h2> <h3>Previous Ltd Co.</h3> <p>Far far away, behind the word mountains, far from the countries.</p> </div> </div> </div> </div> </div> </div> <div class="fh5co-tab-content" data-content="4"> <div class="fh5co-content-inner"> <div class="row"> <div class="col-md-12"> <p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p> </div> <div class="col-md-4 col-sm-6 col-xs-12 text-center"> <div class="chart" data-percent="95"><span><strong>HTML5</strong>95%</span></div> </div> <div class="col-md-4 col-sm-6 col-xs-12 text-center"> <div class="chart" data-percent="93"><span><strong>CSS3</strong>93%</span></div> </div> <div class="col-md-4 col-sm-6 col-xs-12 text-center"> <div class="chart" data-percent="90"><span><strong>jQuery</strong>90%</span></div> </div> <div class="col-md-4 col-sm-6 col-xs-12 text-center"> <div class="chart" data-percent="89"><span><strong>PHP</strong>89%</span></div> </div> <div class="col-md-4 col-sm-6 col-xs-12 text-center"> <div class="chart" data-percent="85"><span><strong>MySQL</strong>85%</span></div>

评论收藏

内容反馈

版权申诉