HTML5酷炫黑色个人简历模板源码.zip资源-CSDN文库

共128个文件

woff2：44个

png：44个

js：15个

版权申诉

html

html5

网站模板

个人主页模板

个人网站模板

173 浏览量 2024-09-19 19:39:53 上传评论收藏 3.28MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

HTML5酷炫黑色个人简历模板源码.zip （128个子文件）

bootstrap.min.css 275KB

fontawesome.all.min.css 101KB

bootstrap-icons.min.css 100KB

style.css 57KB

animate.min.css 53KB

responsive.css 15KB

css2-Montserratitalwght0100..9001100..900_Yantramanavwght100300400500700900_swap.css 10KB

dark-mode.css 7KB

magnific-popup.css 7KB

odometer-theme-default.css 3KB

owl.carousel.min.css 3KB

css2-Interwght100..900_swap.css 2KB

css2-DMSansitalopszwght09..40100..100019..40100..1000_swap.css 1KB

backToTop.css 1KB

index.html 70KB

bootstrap.min.js 108KB

jquery.min.js 85KB

owl.carousel.min.js 43KB

isotope.pkgd.min.js 35KB

validate.min.js 23KB

smooth-scroll.js 22KB

magnific-popup.js 20KB

odometer.min.js 10KB

wow.min.js 8KB

one-page-nav.js 5KB

active.js 3KB

main.js 3KB

appear.min.js 2KB

contact-form.js 1KB

backToTop.js 1003B

bg-black.png 619KB

profile-pic.png 84KB

blog-thumbnail.png 75KB

profile-pic1.png 65KB

project-1.png 59KB

project-2.png 40KB

popup-img-2.png 40KB

blog-1.png 34KB

project-3.png 32KB

popup-img-1.png 31KB

popup-project-thumb.png 30KB

blog-2.png 29KB

service-3.png 6KB

service-2.png 6KB

blogger-2.png 6KB

blogger-1.png 5KB

service-1.png 3KB

client-3.png 3KB

client-2.png 2KB

profile-pic-rec.png 2KB

client-1.png 2KB

brand-4.png 2KB

figma.png 1KB

brand-3.png 1KB

brand-2.png 1KB

framework.png 1KB

brand-5.png 1KB

brand-1.png 1KB

php.png 1KB

css3.png 996B

logo.png 827B

slider-logo-1.png 794B

slider-logo-3.png 707B

logo-white.png 654B

hover-arrow-icon1.png 566B

hover-arrow-icon.png 546B

slider-logo-2.png 486B

arrow-icon1.png 478B

dot-pattern1.png 370B

arrow-icon2.png 306B

dot.png 209B

dot-pattern.png 205B

arrow.png 202B

arrow-icon.png 145B

quotes-icon.svg 4KB

phone.svg 2KB

calendar.svg 1KB

location.svg 756B

rec-shape.svg 167B

fa-solid-900.ttf 410KB

fa-brands-400.ttf 204KB

fa-regular-400.ttf 66KB

fa-v4compatibility.ttf 11KB

bootstrap-icons.woff 172KB

fa-solid-900.woff2 153KB

bootstrap-icons.woff2 127KB

fa-brands-400.woff2 115KB

UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2 78KB

rP2Fp2ywxg089UriCZa4Hz-D.woff2 74KB

rP2Hp2ywxg089UriCZOIHQ.woff2 61KB

UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2 46KB

rP2Fp2ywxg089UriCZa4ET-DNl0.woff2 40KB

flUhRqu5zY00QEpyWJYWN59Yf_NfKBMMtA.woff2 34KB

JTUQjIg1_i6t8kCHKm459WxRyS7m.woff2 33KB

flUhRqu5zY00QEpyWJYWN59IePNfKBMMtA.woff2 33KB

flUhRqu5zY00QEpyWJYWN59wevNfKBMMtA.woff2 33KB

flUhRqu5zY00QEpyWJYWN58AfvNfKBMMtA.woff2 33KB

flU-Rqu5zY00QEpyWJYWN5-QbeV5DS41.woff2 33KB

flU8Rqu5zY00QEpyWJYWN5fyXeZhCQ.woff2 32KB

JTUSjIg1_i6t8kCHKm459Wlhyw.woff2 32KB

共 128 条

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="keywords" content="HTML, CSS, JavaScript, jQuery, bootstrap5"> <meta name="author" content="creativemela"> <meta name="description" content="Discover Tawam, a versatile personal portfolio HTML template by Creativemela. Ideal for showcasing your work, Tawam offers sleek design, multiple layouts, and comprehensive UI/UX services. Perfect for designers, developers, and creatives.">  <title>HTML5个人简历模板</title>   <link rel="stylesheet" href="static/css/animate.min.css"> <link rel="stylesheet" href="static/css/bootstrap.min.css"> <link rel="stylesheet" href="static/css/bootstrap-icons.min.css"> <link rel="stylesheet" href="static/css/fontawesome.all.min.css"> <link rel="stylesheet" href="static/css/backToTop.css"> <link rel="stylesheet" href="static/css/owl.carousel.min.css"> <link rel="stylesheet" href="static/css/odometer-theme-default.css"> <link rel="stylesheet" href="static/css/magnific-popup.css"> <link rel="stylesheet" href="static/css/style.css"> <link rel="stylesheet" href="static/css/dark-mode.css"> <link rel="stylesheet" href="static/css/responsive.css"> </head> <body class="dark">  <div id="preloader"> <div id="container" class="container-preloader"> <div class="animation-preloader"> <div class="spinner"></div> <div class="txt-loading"> <span data-preloader-txt="L" class="characters">L</span> <span data-preloader-txt="I" class="characters">I</span> <span data-preloader-txt="L" class="characters">L</span> <span data-preloader-txt="Y" class="characters">y</span> </div> </div> <div class="loader-section section-left"></div> <div class="loader-section section-right"></div> </div> </div>   <div class="progress-wrap"> <svg class="progress-circle svg-content" width="100%" height="100%" viewbox="-1 -1 102 102"> <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98"></path> </svg> </div>   <header class="site-header site-header-absolute site-header-menu-right landing-1-menu site-header-sticky"> <div class="container"> <nav class="navbar site-navbar"> <div class="brand-logo"> <a href=""> <img src="static/picture/logo-white.png" alt="logo"> </a> </div> <div class="menu-block-wrapper"> <div class="menu-overlay"></div> <nav class="menu-block" id="append-menu-header"> <div class="mobile-menu-head"> <div class="go-back"> <i class="fa fa-angle-left"></i> </div> <div class="current-menu-title"></div> <div class="mobile-menu-close">×</div> </div> <ul id="nav-one-page" class="site-menu-main"> <li class="nav-item nav-item-has-children current-menu"> <a href="index.html" class="nav-link-item drop-trigger">首页 <i class="fas fa-angle-down"></i> </a> </li> <li> <a href="#service" class="nav-link-item">关于我</a> </li> <li> <a href="#works" class="nav-link-item">工作经历</a> </li> <li> <a href="#skills" class="nav-link-item">个人技能</a> </li> <li> <a href="#contact" class="nav-link-item">在线留言</a> </li> <li class="social-media-wrapper"> <ul class="social-media"> <li> <a href="#" target="_blank" class="nav-link-item"> <i class="fa-brands fa-dribbble"></i> </a> </li> <li> <a href="#" target="_blank" class="nav-link-item"> <i class="fa-brands fa-behance"></i> </a> </li> <li> <a href="#" target="_blank" class="nav-link-item"> <i class="fa-brands fa-facebook-f"></i> </a> </li> <li> <a href="#" target="_blank" class="nav-link-item"> <i class="fa-brands fa-twitter"></i> </a> </li> </ul> </li> <li class="btn-wrapper"><button type="button" class="btn btn-primary text-nowrap">个人主页</button></li> </ul> </nav> </div> <div class="mobile-menu-trigger"> <span></span> </div> </nav> </div> </header>   <main id="home">  <section class="hero-section section-p"> <div class="section-wrapper"> <div class="container"> <div class="row"> <div class="col-md-5 d-none d-md-block"> <div> <div> <div class="thumbnail-wrapper wow fadeInLeft" data-wow-delay=".3s"> <img class="profile-pic" src="static/picture/profile-pic.png" alt="thumbnail"> <img class="rec-shape" src="static/picture/profile-pic-rec.png" alt="thumbnail_bg_rec"> </div> </div> <ul class="social-media d-flex flex-wrap gap-4"> <li> <a class="btn btn-secondary" href="#service" target="_blank"> <i class="bi-github"></i> 关于我 </a> </li> <li> <a class="btn btn-primary" href="#skills" target="_blank"> <i class="bi-dribbble"></i> 个人技能 </a> </li> <li> <a class="btn b

评论收藏

内容反馈

版权申诉