<!DOCTYPE html>
<html lang="zxx">
<head>
<!-- Meta -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<meta name="description" content="Marcus - Personal Portfolio Template">
<meta name="keywords" content="themes_mountain,personal, portfolio new, html, one page, bootstrap, new html template, design, creative, onepage, clean, modern">
<meta name="author" content="themes_mountain">
<!-- SITE TITLE -->
<title>HTML5清新个人网站简历模板</title>
<!-- Latest Bootstrap min CSS -->
<link rel="stylesheet" href="static/css/bootstrap.min.css">
<!-- Google Font -->
<link href="static/css/css2.css" rel="stylesheet">
<!-- Font Awesome CSS -->
<link rel="stylesheet" href="static/css/font-awesome.min.css">
<link rel="stylesheet" href="static/css/themify-icons.css">
<!--- owl carousel Css-->
<link rel="stylesheet" href="static/css/owl.carousel.css">
<link rel="stylesheet" href="static/css/owl.theme.css">
<!-- venobox CSS -->
<link rel="stylesheet" href="static/css/venobox.css">
<!-- MAGNIFIC CSS -->
<link rel="stylesheet" href="static/css/magnific-popup.css">
<!-- Simpletextrotator css -->
<link rel="stylesheet" href="static/css/simpletextrotator.css">
<!--slicknav Css-->
<link rel="stylesheet" href="static/css/slicknav.css">
<!-- animate CSS -->
<link rel="stylesheet" href="static/css/animate.css">
<!-- Style CSS -->
<link rel="stylesheet" href="static/css/magic-mouse.css">
<link rel="stylesheet" href="static/css/style.css">
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="#"></script>
<script src="#"></script>
<![endif]-->
</head>
<body>
<!-- START PRELOADER -->
<div class="preloader">
<div class="spinner">
<div class="double-bounce1"></div>
<div class="double-bounce2"></div>
</div>
</div>
<!-- END PRELOADER -->
<!-- START NAVBAR -->
<div id="navigation" class="fixed-top navbar-light bg-faded site-navigation">
<div class="container">
<div class="row">
<div class="col-lg-2 col-md-3 col-sm-4">
<div class="site-logo">
<a href=""><img src="static/picture/logo.png" alt=""></a>
</div>
</div><!--- END Col -->
<div class="col-lg-7 col-md-9 col-sm-8">
<div class="header_right ">
<nav id="main-menu" class="ms-auto">
<ul>
<li><a class="nav-link" href="#home">首页</a></li>
<li><a class="nav-link" href="#about">关于我</a></li>
<li><a class="nav-link" href="#service">个人爱好</a></li>
<li><a class="nav-link" href="#portfolio">个人作品</a></li>
<li><a class="nav-link" href="#resume">个人经历</a></li>
<li><a class="nav-link" href="#blog">个人博客</a></li>
<li><a class="nav-link" href="#contact">在线留言</a></li>
</ul>
</nav>
<div id="mobile_menu"></div>
</div>
</div><!--- END Col -->
<div class="col-lg-3 col-md-3 col-sm-8">
<div class="call_to_action">
<a class="btn_all" href="#contact">在线留言</a>
</div><!--- END SOCIAL PROFILE -->
</div><!--- END Col -->
</div><!--- END ROW -->
</div><!--- END CONTAINER -->
</div>
<!-- END NAVBAR -->
<!-- START HOME -->
<section id="home" class="home_bg">
<div class="container">
<div class="row">
<div class="col-lg-6 col-sm-6 col-xs-12">
<div class="about_me_content">
<span> - 努力到无能为力拼搏到感动自己</span>
<h1><span class="rotate">细节决定成败代码中的每个字符都重要| 创新是编程的灵魂，不断突破自我限制 | 代码不仅仅是工具，更是思维的体现</span></h1>
</div>
<div class="basic-info">
<div class="single-basic-info">
<p>坚持初心</p>
</div>
<div class="single-basic-info">
<p>努力学习</p>
</div>
<div class="single-basic-info">
<p>创新思维</p>
</div>
</div>
<div class="top_social_profile">
<ul>
<li><a href="#" class="top_f_facebook"><i class="fa fa-facebook" title="Facebook"></i></a></li>
<li><a href="#" class="top_f_twitter"><i class="fa fa-twitter" title="Twitter"></i></a></li>
<li><a href="#" class="top_f_instagram"><i class="fa fa-instagram" title="Instagram"></i></a></li>
<li><a href="#" class="top_f_linkedin"><i class="fa fa-linkedin" title="LinkedIn"></i></a></li>
</ul>
</div>
</div><!-- END COL-->
<div class="col-lg-6 col-sm-6 col-xs-12 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.2s" data-wow-offset="0">
<div class="hero_img">
<img src="static/picture/hero-author.png" class="img-fluid" alt="profile-picture">
</div>
</div><!-- END COL-->
</div><!--- END ROW -->
</div><!--- END CONTAINER -->
</section>
<!-- END HOME -->
<!-- START ABOUT -->
<section id="about" class="about_area section-padding">
<div class="container">
<div class="row">
<div class="col-lg-6 col-sm-12 col-xs-12 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.1s" data-wow-offset="0">
<div class="about_img">
<img src="static/picture/profile-pic.png" class="img-fluid" alt="profile-picture">
</div>
</div><!-- / END COL -->
<div class="col-lg-6 col-sm-12 col-xs-12 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.2s" data-wow-offset="0">
<div class="about_info">
<h4>关于我</h4>
<h3>代码如诗，简洁为美</h3>
<p>细节决定成败代码中的每个字符都重要| 创新是编程的灵魂，不断突破自我限制 | 代码不仅仅是工具，更是思维的体现，节决定成败代码中的每个字符都重要| 创新是编程的灵魂，不断突破自我限制 | 代码不仅仅是工具，更是思维的体现节决定成败代码中的每个字符都重要| 创新是编程的灵魂，不断突破自我限制 | 代码不仅仅是工具，更是思维的体现</p>
<div class="about_call_video">
<div class="about_btns">
<a class="btn_all" href="#">了解更多</a>
<a class="video-play" href="#"><i class="fa fa-play"></i> <span class="video-title">查看演示</span></a>
</div>
</div>
</div>
</div><!-- / END COL -->
</div><!-- / END ROW -->
</div><!-- END CONTAINER -->
</section>
<!-- END ABOUT -->
<!-- START SERVICE -->
<section id="service" class="service_area section-padding">
<div class="container">
<div class="section-title text-center">
<h1>个人爱好</h1>
<p>质量重于速度，编写可维护的代码</p>
</div>
<div class="row text-center">
<div class="col-lg-4 col-sm-4 col-xs-12 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.1s" data-wow-offset="0">
<div class="serviceBox">
<div class="service-icon"><span class="ti-cup"></span></div>
<h3 class="title">网站设计</h3>
<p class="description">程序员需要不断学习新技术以保持竞争力的现实，鼓励持续学习和自我提升</p>
</div>
<div class="serviceBox">
<div class="service-icon"><span class="ti-medall-alt"></span></div>
<h3 class="title">游戏设计</h3>
<p class="description">程序员在编程过程中勇于创新，不断挑战自我，寻找更好的解决方案</p>
</div>
</div><!-- END COL -->
<div class="col-lg-4 col-sm-4 col-xs-12 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s" data-wow-offset="0">
<div class="serviceBox sb_top">
<div class="se
HTML5清新个人网站简历模板源码.zip （83个子文件） 
HTML5清新个人网站简历模板源码 
index.html 41KB static picture 
profile-pic.png 181KB
2.jpg 14KB testi.png 149KB 6.jpg 12KB logo.png 12KB 1.jpg 9KB 21.jpg 22KB contact.png 356KB 5.jpg 21KB hero-author.png 425KB 11.jpg 24KB 3.jpg 19KB 4.jpg 19KB font 
dFa5ZfeM_74wlPZtksIFYuUe6H2pW2hz.woff2 18KB
themify.svg 229KB fontawesome-webfont.eot 162KB fontawesome-webfont.woff 96KB dFa5ZfeM_74wlPZtksIFYpEY6H2pW2hz.woff2 17KB fontawesome-webfont.woff2 75KB dFa6ZfeM_74wlPZtksIFajQ6_UyI.woff2 18KB dFa5ZfeM_74wlPZtksIFYskZ6HOpWw.woff2 26KB dFa6ZfeM_74wlPZtksIFajo6_Q.woff2 26KB fontawesome-webfont.svg 434KB dFa5ZfeM_74wlPZtksIFYskZ6H2pW2hz.woff2 18KB dFa5ZfeM_74wlPZtksIFYoEf6HOpWw.woff2 26KB fontawesome-webfont.ttf 162KB dFa5ZfeM_74wlPZtksIFYuUe6HOpWw.woff2 26KB dFa5ZfeM_74wlPZtksIFYpEY6HOpWw.woff2 25KB themify.woff 55KB dFa5ZfeM_74wlPZtksIFYoEf6H2pW2hz.woff2 18KB themify.eot 77KB themify.ttf 77KB image 
close.gif 1KB prev.gif 1KB cf-icon-browser.png 484B cf-no-screenshot-error.png 3KB cf-icon-cloud.png 1KB cf-no-screenshot-warn.png 3KB icon-exclamation.png 452B cf-icon-error.png 854B next.gif 1KB preload-circle.png 16KB cf-icon-server.png 1KB cf-icon-ok.png 946B cf-icon-horizontal-arrow.png 537B browser-bar.png 715B js magic_mouse.js 9KB jquery.mixitup.js 52KB particles.min.js 23KB jquery.appear.js 4KB js.js 200KB bootstrap.min.js 59KB app.js 3KB jquery-1.12.4.min.js 95KB email-decode.min.js 1KB jquery.magnific-popup.min.js 20KB jquery.stellar.min.js 12KB jquery.slicknav.js 21KB smooth-scroll.js 1KB owl.carousel.min.js 23KB wow.min.js 8KB init_embed.js 226KB jquery.nav.js 5KB scrolltopcontrol.js 4KB jquery.simple-text-rotator.min.js 3KB scripts.js 3KB jquery.inview.min.js 1KB venobox.min.js 6KB css style.css 32KB css2.css 4KB bootstrap.min.css 152KB slicknav.css 3KB venobox.css 8KB owl.carousel.css 2KB simpletextrotator.css 3KB cf.errors.css 23KB magnific-popup.css 7KB animate.css 68KB magic-mouse.css 990B font-awesome.min.css 30KB themify-icons.css 16KB owl.theme.css 2KB资源评论
LilyCoder
- 粉丝: 1133
- 资源: 266
最新资源
- 基于C++ / QT的模拟进程管理系统的设计与实现课程设计
- 大模型部署-基于TensorRT-LLM部署Qwen1.5大语言模型-附项目源码+流程教程-优质项目实战.zip
- 大模型部署-基于Rust+CUDA加速部署LLaMA-7b-附项目源码+流程教程-优质项目实战.zip
- 车牌识别-基于YOLOv8实现车牌检测+车牌识别算法-附项目源码+详细流程教程-优质项目实战.zip
- 车牌识别-基于Pytorch实现的MTCNN+LPRNet两阶段轻量级高性能车牌识别算法-附项目源码-优质项目实战.zip
- C#中委托与事件详解及其面向对象编程应用
- 【STM32开发之寄存器版】（十一-附）-DMA和串口空闲中断实现不定长数据接收
- Python面向对象编程详解及其实战应用
- 基于python特征脸方法以及局部二值模式方法初步实现了人脸识别的功能课程设计
- C#编程基础及其高级特性详解
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
