<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Iam html5 portfolio resume template</title>
<!-- Mobile Specific Metas
================================================== -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- CSS
================================================== -->
<!-- Bootstrap -->
<link href="assets/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/prettyPhoto.css">
<link rel="stylesheet" href="css/style.css">
<!-- HTML5 shim and Respond.js for 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="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body data-spy="scroll" data-target=".main-nav">
<section id="section-banner">
<div class="container">
<div class="row">
<div class="banner-content wow fadeInRight">
<h2 class="title">
Hello,<br/>
<span>
I'm John Doe, <br/>
a Web Developer,
From Universe. </span>
</h2>
<a href="#" class="btn btn-default">Learn More</a>
</div>
</div>
</div>
</section>
<!-- section menu start -->
<section class="section-menu">
<div class="navbar navbar-default main-nav" role="navigation" >
<div class="container" >
<div class="navbar-header">
<button class="navbar-toggle collapsed" data-target="#bs-example-navbar-collapse-1" data-toggle="collapse">
<span class="sr-only"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a href="#" class="navbar-brand">I am ~</a>
</div> <!-- navbar-header end -->
<!-- main nav -->
<div class="collapse navbar-collapse navigation" id="bs-example-navbar-collapse-1" role="navigation">
<ul class="nav navbar-nav navbar-right">
<li class="active"><a href="#section-banner">Home </a></li>
<li><a href="#section-profile">About me </a></li>
<li><a href="#section-skill">Skills </a></li>
<li><a href="#section-resume">Resume </a></li>
<li><a href="#section-testimonial">Testimonials </a></li>
<li><a href="#section-portfolio">Portfolio </a></li>
<li><a href="#section-contact">Contact me </a></li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</div>
</section>
<!-- section menu end -->
<section id="section-overview" class="section-padding">
<div class="container">
<div class="row">
<div class="service-wrapper">
<div class="service-inner wow fadeInRight" data-wow-delay=".2s">
<i class="fa fa-users"></i>
<div class="service-box">
<h3>User Story</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation</p>
</div>
</div> <!-- service -inner -->
<div class="service-inner wow fadeInRight" data-wow-delay=".5s">
<i class="fa fa-bank"></i>
<div class="service-box">
<h3>Wireframe</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation</p>
</div>
</div> <!-- service -inner -->
<div class="service-inner wow fadeInRight" data-wow-delay=".8s">
<i class="fa fa-pencil"></i>
<div class="service-box">
<h3>Graphic Design</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation</p>
</div>
</div> <!-- service -inner -->
<div class="service-inner wow fadeInRight" data-wow-delay="1.1s">
<i class="fa fa-globe"></i>
<div class="service-box">
<h3>Web Development</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation</p>
</div>
</div> <!-- service -inner -->
</div>
</div><!-- row end -->
</div>
</section>
<!-- section overview end -->
<!-- section profile start -->
<section id="section-profile" class="section-padding">
<div class="profile-bg visible-md visible-lg"></div>
<div class="container">
<div class="row">
<div class="col-md-7 col-sm-12 pull-right">
<div class="profile-desc wow fadeInRight">
<h2 class="section-title uppercase">Hello, My Name is John.</h2>
<br/>
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
</p>
<br/>
<p class="text-grey animated bounceInUp" style="opacity: 1;">
Sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis.
</p>
<br/>
<p class="text-grey animated bounceInUp" style="opacity: 1;">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
</p>
</div>
</div>
</div> <!-- row end -->
</div><!-- container end -->
</section>
<!-- section profile end -->
<!-- section skill start -->
<section id="section-skill" class="section-padding">
<div class="container">
<div class="row">
<div class="col-md-12">
<h2 class="heading-title">My skills</h2>
</div>
<div class="col-md-6 col-sm-6 wow fadeInLeft">
<div class="skill-desc">
<p>Lorem ipsum dolor sit amet, ea doming epicuri iudicabit nam, te usu virtute placerat. Purto brute disputando cu est, eam dicam soluta ei. Vel dicam vivendo accusata ei, cum ne periculis molestiae pri.
<br>
<br>
Lorem ipsum dolor sit amet, ea doming epicuri iudicabit nam, te usu virtute placerat. Purto brute disputando cu est, eam dicam soluta ei. Vel dicam vivendo accusata ei, cum ne periculis molestiae pri.
<br>
<br>
Lorem ipsum dolor sit amet, ea doming epicuri iudicabit nam, te usu virtute placerat. Purto brute disputando cu est.</p>
</div>
</div>
<div class="col-md-6 col-sm-6 wow fadeInRight" >
<div class="skill-box wow fadeInDown" da
个人创意简历(可分享的网页)-蓝色个人简历展示网页模板 Bootstrap-响应式适配移动端.zip
版权申诉
165 浏览量
2024-03-18
11:25:02
上传
评论
收藏 2.09MB ZIP 举报
个人创意简历(可分享的网页)-蓝色个人简历展示网页模板 Bootstrap-响应式适配移动端.zip （89个子文件） 
个人创意简历(可分享的网页)-蓝色个人简历展示网页模板 Bootstrap-响应式适配移动端 html assets js 
bootstrap.js 65KB npm.js 484B bootstrap.min.js 35KB css bootstrap.min.css 114KB bootstrap-theme.css.map 42KB bootstrap-theme.css 22KB bootstrap.css.map 371KB bootstrap.css 138KB bootstrap-theme.min.css 19KB fonts 
glyphicons-halflings-regular.svg 106KB glyphicons-halflings-regular.ttf 44KB glyphicons-halflings-regular.woff 23KB glyphicons-halflings-regular.eot 20KB glyphicons-halflings-regular.woff2 18KB js jquery.waypoints.min.js 9KB jquery.prettyPhoto.js 22KB jquery.sticky.js 6KB owl.carousel.js 43KB wow.min.js 7KB custom.js 901B jquery.easing.1.3.js 8KB jquery.js 288KB jquery.singlePageNav.js 6KB css style.css 19KB animate.css 56KB prettyPhoto.css 19KB font-awesome.min.css 23KB
index.html 26KB images portfolio 
portfolio_pic1.jpg 149KB portfolio_pic9.jpg 126KB portfolio_pic6.jpg 86KB portfolio_pic5.jpg 97KB portfolio_pic8.jpg 126KB portfolio_pic2.jpg 75KB portfolio_pic7.jpg 119KB portfolio_pic4.jpg 67KB portfolio_pic3.jpg 65KB banner.jpg 56KB banner - Copy (2).jpg 51KB profile.jpg 72KB prettyPhoto dark_rounded 
default_thumbnail.gif 227B
contentPattern.png 130B sprite.png 4KB btnNext.png 1KB btnPrevious.png 1KB loader.gif 2KB light_rounded default_thumbnail.gif 227B sprite.png 4KB btnNext.png 1KB btnPrevious.png 1KB loader.gif 2KB light_square default_thumbnail.gif 227B sprite.png 3KB btnNext.png 1KB btnPrevious.png 1KB loader.gif 2KB default sprite_prev.png 1KB sprite_x.png 1KB default_thumb.png 2KB sprite.png 7KB sprite_next.png 1KB sprite_y.png 1KB loader.gif 6KB dark_square default_thumbnail.gif 227B contentPattern.png 121B sprite.png 3KB btnNext.png 1KB btnPrevious.png 1KB loader.gif 2KB facebook contentPatternLeft.png 137B default_thumbnail.gif 227B contentPatternTop.png 142B sprite.png 4KB btnNext.png 845B btnPrevious.png 828B contentPatternRight.png 136B contentPatternBottom.png 142B loader.gif 2KB fonts MyriadPro-Regular.ttf 116KB FontAwesome.otf 92KB MyriadPro-Regular.otf 93KB fontawesome-webfont.eot 59KB MyriadPro-Regular.svg 443KB MyriadPro-Regular.woff 51KB fontawesome-webfont.woff 70KB fontawesome-webfont.woff2 55KB MyriadPro-Regular.eot 116KB fontawesome-webfont.svg 306KB fontawesome-webfont.ttf 119KB资源评论
DTcode7
- 粉丝: 3698
- 资源: 4074
最新资源
- STC15单片机串口2使用程序例子
- 读取日志的excel生成周报 用python3开发weekplan-master.zip
- python 读取excel数据导入dbimport-data-master.zip
- K折交叉验证BP神经网络，多输入多输出BP神经网络（代码完整，数据齐全）
- B07训练原图.zip
- python-对Excel数据处理做可视化分析.zip
- 人工智能大作业-无人机图像目标检测的python源代码+文档说明.zip
- 基于GoogLeNet实现Cifar-10图像分类项目python源码（高分项目）.zip
- 数据库 sql 面试题目及答案解析.docx
- 汽车常见 10 种传感器故障后的表现与解决措施.docx
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
