<!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 -->
<title>HTML5个人简历模板</title>
<!-- Favicon -->
<!-- CSS File -->
<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">
<!-- start: Preloader -->
<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>
<!-- end: Preloader -->
<!-- start: Back To Top -->
<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>
<!-- end: Back To Top -->
<!-- Header Area Start -->
<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>
<!-- Header Area End -->
<!-- Main Area Start -->
<main id="home">
<!-- START: HERO SECTION -->
<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
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 条
- 1
- 2
资源评论
