<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Home</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 SAMSON, <br/>
a UX Designer & Developer,
from UK. </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">mybook</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 Samson.</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">
HTML5酷炫背影男人网站模板适合跟男人男性相关网站单页模板下载.rar
需积分: 0 176 浏览量
2023-09-10
10:33:52
上传
评论
收藏 1.97MB RAR 举报
HTML5酷炫背影男人网站模板适合跟男人男性相关网站单页模板下载.rar （65个子文件） 
portfolio_pic1.jpg 149KB
style.css 19KB MyriadPro-Regular.ttf 116KB bootstrap.js 65KB npm.js 484B portfolio_pic9.jpg 117KB jquery.waypoints.min.js 9KB portfolio_pic6.jpg 86KB bootstrap.min.css 114KB bootstrap-theme.css.map 42KB
sprite_prev.png 1KB FontAwesome.otf 92KB jquery.prettyPhoto.js 22KB
glyphicons-halflings-regular.svg 106KB glyphicons-halflings-regular.ttf 44KB glyphicons-halflings-regular.woff 23KB MyriadPro-Regular.otf 93KB glyphicons-halflings-regular.eot 20KB bootstrap.min.js 35KB portfolio_pic5.jpg 97KB fontawesome-webfont.eot 59KB glyphicons-halflings-regular.woff2 18KB banner.jpg 70KB contentPatternLeft.png 137B MyriadPro-Regular.svg 443KB bootstrap-theme.css 22KB sprite_x.png 1KB
default_thumbnail.gif 227B default_thumb.png 2KB MyriadPro-Regular.woff 51KB bootstrap.css.map 371KB contentPatternTop.png 142B fontawesome-webfont.woff 70KB fontawesome-webfont.woff2 55KB portfolio_pic8.jpg 126KB contentPattern.png 121B portfolio_pic2.jpg 75KB animate.css 56KB bootstrap.css 138KB sprite.png 3KB MyriadPro-Regular.eot 116KB prettyPhoto.css 19KB font-awesome.min.css 23KB portfolio_pic7.jpg 119KB bootstrap-theme.min.css 19KB portfolio_pic4.jpg 67KB
index.html 27KB jquery.sticky.js 6KB profile.jpg 73KB btnNext.png 1KB owl.carousel.js 43KB portfolio_pic3.jpg 65KB fontawesome-webfont.svg 306KB wow.min.js 7KB btnPrevious.png 1KB sprite_next.png 1KB fontawesome-webfont.ttf 119KB custom.js 901B jquery.easing.1.3.js 8KB jquery.js 288KB contentPatternRight.png 136B contentPatternBottom.png 142B jquery.singlePageNav.js 6KB sprite_y.png 1KB loader.gif 2KB资源评论
Q_97095639
- 粉丝: 374
- 资源: 1万+
最新资源
- 基于Python和Django的二手物品购物网站设计源码+数据库脚本.zip
- 基于pytorch实现的YOLOV5+SORT的车辆行人目标识别及追踪系统源码.zip
- 【计算机毕业设计】基于servlet+jdbc的在线选房系统设计与实现【源码+lw+部署文档+讲解】
- 投身科技创新，勇担时代先锋.pptx
- 【计算机毕业设计】基于SSM的仿微博系统的设计与实现【源码+lw+部署文档+讲解】
- 使用 Web Components 实现，遵循 Material You 设计规范的 Web 前端组件库
- 柴经理立柱右5.13.psd
- train.py
- 基于WinHex脚本技术的ExFAT校验扇区恢复研究.pdf
- 基于STM32F7系列串口数据加载方案的设计与实现.pdf
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
