<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></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" data-wow-delay=".2s">
<label>
没有合适的资源?快使用搜索试试~ 我知道了~
成熟成功男士网站模板是一款大气单页HTML5模板下载 .rar
共90个文件
png:27个
js:13个
jpg:12个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 33 浏览量
2022-11-20
09:28:53
上传
评论
收藏 2.05MB RAR 举报
温馨提示
成熟成功男士网站模板是一款大气单页HTML5模板下载。.rar
资源推荐
资源详情
资源评论
收起资源包目录
成熟成功男士网站模板是一款大气单页HTML5模板下载。.rar (90个子文件)
成熟成功男士网站模板是一款大气单页HTML5模板下载。
moban1302
css
animate.css 56KB
font-awesome.min.css 23KB
style.css 18KB
prettyPhoto.css 19KB
images
profile.jpg 72KB
portfolio
portfolio_pic3.jpg 65KB
portfolio_pic9.jpg 126KB
portfolio_pic8.jpg 126KB
portfolio_pic4.jpg 67KB
portfolio_pic6.jpg 86KB
portfolio_pic5.jpg 97KB
portfolio_pic7.jpg 119KB
portfolio_pic2.jpg 75KB
portfolio_pic1.jpg 149KB
banner.jpg 56KB
prettyPhoto
facebook
contentPatternLeft.png 137B
loader.gif 2KB
default_thumbnail.gif 227B
contentPatternTop.png 142B
contentPatternBottom.png 142B
contentPatternRight.png 136B
btnPrevious.png 828B
sprite.png 4KB
btnNext.png 845B
dark_square
loader.gif 2KB
default_thumbnail.gif 227B
contentPattern.png 121B
btnPrevious.png 1KB
sprite.png 3KB
btnNext.png 1KB
light_rounded
loader.gif 2KB
default_thumbnail.gif 227B
btnPrevious.png 1KB
sprite.png 4KB
btnNext.png 1KB
light_square
loader.gif 2KB
default_thumbnail.gif 227B
btnPrevious.png 1KB
sprite.png 3KB
btnNext.png 1KB
dark_rounded
loader.gif 2KB
default_thumbnail.gif 227B
contentPattern.png 130B
btnPrevious.png 1KB
sprite.png 4KB
btnNext.png 1KB
default
sprite_x.png 1KB
default_thumb.png 2KB
loader.gif 6KB
sprite_next.png 1KB
sprite_y.png 1KB
sprite_prev.png 1KB
sprite.png 7KB
banner - Copy (2).jpg 51KB
assets
css
bootstrap-theme.css 22KB
bootstrap.css.map 371KB
bootstrap.min.css 114KB
bootstrap.css 138KB
bootstrap-theme.min.css 19KB
bootstrap-theme.css.map 42KB
fonts
glyphicons-halflings-regular.woff 23KB
glyphicons-halflings-regular.woff2 18KB
glyphicons-halflings-regular.ttf 44KB
glyphicons-halflings-regular.eot 20KB
glyphicons-halflings-regular.svg 106KB
js
npm.js 484B
bootstrap.min.js 35KB
bootstrap.js 65KB
fonts
fontawesome-webfont.eot 59KB
MyriadPro-Regular.ttf 116KB
MyriadPro-Regular.otf 93KB
fontawesome-webfont.woff 70KB
MyriadPro-Regular.woff 51KB
FontAwesome.otf 92KB
fontawesome-webfont.svg 306KB
fontawesome-webfont.woff2 55KB
MyriadPro-Regular.svg 443KB
MyriadPro-Regular.eot 116KB
fontawesome-webfont.ttf 119KB
index.html 26KB
js
jquery.js 288KB
bootstrap.min.js 28KB
wow.min.js 7KB
jquery.waypoints.min.js 9KB
jquery.prettyPhoto.js 22KB
custom.js 901B
jquery.singlePageNav.js 6KB
owl.carousel.js 43KB
jquery.easing.1.3.js 8KB
jquery.sticky.js 6KB
共 90 条
- 1
资源评论
reg183
- 粉丝: 1818
- 资源: 1万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功