HTML5极简酷黑风格个人网站网页模板源码.zip资源-CSDN文库

共81个文件

woff2：30个

png：18个

js：14个

版权申诉

html

网站模板

个人网站模板

个人主页模板

html5

152 浏览量 2024-09-24 18:19:34 上传评论收藏 2.7MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

HTML5极简酷黑风格个人网站网页模板源码.zip （81个子文件）

HTML5极简酷黑风格个人网站网页模板源码

index.html 61KB

static

file

3.png 65KB

1.png 60KB

6.png 59KB

5.png 63KB

4.png 54KB

2.png 55KB

picture

31.png 121KB

2.jpg 27KB

pop-up.png 316KB

3.png 65KB

12.png 131KB

1.jpg 21KB

1.png 80KB

about.png 107KB

11.png 60KB

6.png 59KB

5.png 63KB

4.png 54KB

21.png 125KB

3.jpg 31KB

2.png 55KB

4.jpg 27KB

font

fa-brands-400.ttf 131KB

pxiByp8kv8JHgFVrLFj_Z11lFc-K.woff2 38KB

pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2 8KB

pxiGyp8kv8JHgFVrLPTufntAKPY.woff2 5KB

pxiByp8kv8JHgFVrLDD4Z1JlFc-K.woff2 5KB

pxiByp8kv8JHgFVrLBT5Z1xlFQ.woff2 7KB

pxiByp8kv8JHgFVrLGT9Z1JlFc-K.woff2 5KB

pxiByp8kv8JHgFVrLDz8Z1xlFQ.woff2 8KB

pxiByp8kv8JHgFVrLDD4Z1xlFQ.woff2 8KB

pxiGyp8kv8JHgFVrLPTucXtAKPY.woff2 35KB

fa-solid-900.ttf 198KB

fa-brands-400.woff2 75KB

pxiByp8kv8JHgFVrLGT9Z11lFc-K.woff2 38KB

pxiEyp8kv8JHgFVrJJbecmNE.woff2 39KB

pxiByp8kv8JHgFVrLDz8Z11lFc-K.woff2 39KB

pxiGyp8kv8JHgFVrLPTucHtA.woff2 7KB

pxiEyp8kv8JHgFVrJJnecmNE.woff2 5KB

pxiByp8kv8JHgFVrLEj6Z11lFc-K.woff2 38KB

pxiByp8kv8JHgFVrLFj_Z1JlFc-K.woff2 5KB

fa-regular-400.woff2 13KB

pxiByp8kv8JHgFVrLCz7Z11lFc-K.woff2 38KB

pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2 8KB

pxiByp8kv8JHgFVrLDD4Z11lFc-K.woff2 38KB

pxiByp8kv8JHgFVrLEj6Z1JlFc-K.woff2 5KB

fa-regular-400.ttf 33KB

pxiByp8kv8JHgFVrLFj_Z1xlFQ.woff2 8KB

pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2 8KB

fa-solid-900.woff2 76KB

pxiByp8kv8JHgFVrLCz7Z1JlFc-K.woff2 5KB

pxiByp8kv8JHgFVrLBT5Z11lFc-K.woff2 37KB

pxiByp8kv8JHgFVrLDz8Z1JlFc-K.woff2 5KB

pxiEyp8kv8JHgFVrJJfecg.woff2 8KB

pxiByp8kv8JHgFVrLBT5Z1JlFc-K.woff2 5KB

counterup.min.js 2KB

js.js 198KB

waypoints.min.js 13KB

bootstrap.min.js 59KB

slick-slider.min.js 52KB

fancybox.min.js 66KB

aos.js 14KB

one-page-nav.js 5KB

scrolltop.js 2KB

typed.min.js 12KB

jquery.min.js 88KB

contact.js 962B

scripts.js 5KB

mixitup.min.js 87KB

css

style.css 24B

css2.css 9KB

bootstrap.min.css 152KB

custom.css 28KB

responsive.css 7KB

fancybox.min.css 12KB

scrolltop.css 2KB

animate.css 57KB

slick-slider.css 2KB

aos.css 25KB

all.min.css 100KB

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,initial-scale=1"> <title>HTML5极简酷黑风格个人网站网页模板源码</title> <link rel="stylesheet" href="static/css/bootstrap.min.css"> <link rel="stylesheet" href="static/css/slick-slider.css"> <link rel="stylesheet" href="static/css/scrolltop.css"> <link rel="stylesheet" href="static/css/animate.css"> <link rel="stylesheet" href="static/css/all.min.css"> <link rel="stylesheet" href="static/css/fancybox.min.css"> <link rel="stylesheet" href="static/css/aos.css"> <link rel="preconnect" href="https://fonts.googleapis.com/"> <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin=""> <link href="static/css/css2.css" rel="stylesheet"> <link rel="stylesheet" href="static/css/style.css"> <link rel="stylesheet" href="static/css/responsive.css"> </head> <body data-theme="dark"> <div id="preloader"><div class="loader_line"></div></div> <header class="header-area"> <div class="row"> <nav class="navbar navbar-expand-lg navbar-light"> <div class="container-fluid"> <div class="logo"> <a href="#"> <svg fill="#000000" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" width="24px" height="24px"> <path d="M 12 2 C 11.846875 2 11.693234 2.0349687 11.552734 2.1054688 L 3.5527344 6.1054688 C 3.2137344 6.2744688 3 6.621 3 7 L 3 15.65625 C 3 15.99025 3.1673125 16.303281 3.4453125 16.488281 C 4.1103125 16.931281 5 16.45525 5 15.65625 L 5 7.6171875 L 12 4.1171875 L 19 7.6171875 L 19 15.681641 C 19 16.480641 19.889688 16.956672 20.554688 16.513672 C 20.832687 16.328672 21 16.016641 21 15.681641 L 21 7 C 21 6.621 20.786266 6.2744688 20.447266 6.1054688 L 12.447266 2.1054688 C 12.306266 2.0349687 12.153125 2 12 2 z M 9.0605469 9.0800781 C 8.8938125 9.0697344 8.7209375 9.1008437 8.5546875 9.1835938 C 8.2156875 9.3515937 8 9.699125 8 10.078125 L 8 19 C 8 19.334 8.1673125 19.647031 8.4453125 19.832031 L 11.445312 21.832031 C 11.781313 22.056031 12.219687 22.056031 12.554688 21.832031 L 15.554688 19.832031 C 15.833687 19.647031 16 19.334 16 19 L 16 10.078125 C 16 9.699125 15.784312 9.3525938 15.445312 9.1835938 C 14.780313 8.8525937 14 9.335125 14 10.078125 L 14 18.464844 L 12 19.798828 L 10 18.464844 L 10 10.078125 C 10 9.520875 9.56075 9.1111094 9.0605469 9.0800781 z"></path> </svg> </a> </div> <button class="navbar-toggler" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasExample" aria-controls="offcanvasExample" aria-expanded="false" aria-label="Toggle navigation"> <svg fill="#000000" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 30 30" width="30px" height="30px"> <path d="M 3 7 A 1.0001 1.0001 0 1 0 3 9 L 27 9 A 1.0001 1.0001 0 1 0 27 7 L 3 7 z M 3 14 A 1.0001 1.0001 0 1 0 3 16 L 27 16 A 1.0001 1.0001 0 1 0 27 14 L 3 14 z M 3 21 A 1.0001 1.0001 0 1 0 3 23 L 27 23 A 1.0001 1.0001 0 1 0 27 21 L 3 21 z"></path> </svg> </button> <div class="collapse navbar-collapse justify-content-end" id="navbarNav"> <ul class="navbar-nav" id="nav"> <li class="nav-item"><a class="nav-link active" aria-current="page" href="#home">首页</a></li> <li class="nav-item animated-hover"><a class="nav-link" aria-current="page" href="#about">关于我</a></li> <li class="nav-item animated-hover"><a class="nav-link" href="#services">个人爱好</a></li> <li class="nav-item animated-hover"><a class="nav-link" href="#portfolio">个人作品</a></li> <li class="nav-item animated-hover"><a class="nav-link" href="#blog">个人博客</a></li> <li class="nav-item animated-hover"><a class="nav-link" href="#contact">在线留言</a></li> </ul> </div> </div> </nav> </div> <div class="popup-mobile-menu offcanvas offcanvas-start" tabindex="-1" id="offcanvasExample"> <div class="offcanvas-header"> <svg fill="#000000" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" width="24px" height="24px"> <path d="M 12 2 C 11.846875 2 11.693234 2.0349687 11.552734 2.1054688 L 3.5527344 6.1054688 C 3.2137344 6.2744688 3 6.621 3 7 L 3 15.65625 C 3 15.99025 3.1673125 16.303281 3.4453125 16.488281 C 4.1103125 16.931281 5 16.45525 5 15.65625 L 5 7.6171875 L 12 4.1171875 L 19 7.6171875 L 19 15.681641 C 19 16.480641 19.889688 16.956672 20.554688 16.513672 C 20.832687 16.328672 21 16.016641 21 15.681641 L 21 7 C 21 6.621 20.786266 6.2744688 20.447266 6.1054688 L 12.447266 2.1054688 C 12.306266 2.0349687 12.153125 2 12 2 z M 9.0605469 9.0800781 C 8.8938125 9.0697344 8.7209375 9.1008437 8.5546875 9.1835938 C 8.2156875 9.3515937 8 9.699125 8 10.078125 L 8 19 C 8 19.334 8.1673125 19.647031 8.4453125 19.832031 L 11.445312 21.832031 C 11.781313 22.056031 12.219687 22.056031 12.554688 21.832031 L 15.554688 19.832031 C 15.833687 19.647031 16 19.334 16 19 L 16 10.078125 C 16 9.699125 15.784312 9.3525938 15.445312 9.1835938 C 14.780313 8.8525937 14 9.335125 14 10.078125 L 14 18.464844 L 12 19.798828 L 10 18.464844 L 10 10.078125 C 10 9.520875 9.56075 9.1111094 9.0605469 9.0800781 z"></path> </svg> <button type="button" data-bs-dismiss="offcanvas"><i class="fa-solid fa-xmark"></i></button> </div> <div class="offcanvas-body"> <ul class="navbar-nav main-menu"> <li class="nav-item"><a class="nav-link active" aria-current="page" href="#home">首页</a></li> <li class="nav-item"><a class="nav-link" aria-current="page" href="#about">关于我</a></li> <li class="nav-item"><a class="nav-link" href="#services">个人爱好</a></li> <li class="nav-item"><a class="nav-link" href="#portfolio">个人作品</a></li> <li class="nav-item"><a class="nav-link" href="#blog">个人博客</a></li> <li class="nav-item"><a class="nav-link" href="#contact">在线留言</a></li> </ul> </div> </div> </header> <section class="slider-area" id="home"> <div class="container"> <div class="row"> <div class="col-xl-5 col-lg-5 col-md-12 col-sm-12"> <div class="left-side"><img class="img-fluid" src="static/picture/1.png" alt="Personal Image"></div> </div> <div class="col-xl-7 col-lg-7 col-md-12 col-sm-12"> <div class="right-side"> <div class="introduction"> <span class="subtitle">努力到无能为力拼搏到感动自己</span> <h1 class="title"> 代码如诗 <span class="john">简洁为美</span><br> <span class="a">细节决定成败 </span><span class="element"></span> </h1>

评论收藏

内容反馈

版权申诉