<!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">
<!-- FontAwesome -->
<link rel="stylesheet" href="css/font-awesome.min.css">
<!-- Animation -->
<link rel="stylesheet" href="css/animate.css">
<!-- Prettyphoto -->
<link rel="stylesheet" href="css/prettyPhoto.css">
<!-- Template styles-->
<link rel="stylesheet" href="css/style.css">
<!-- Responsive styles-->
<link rel="stylesheet" href="css/responsive.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 text-center">
<h2 class="title">
<div class="line-top"></div>
Web & Graphic Designer
<div class="line-btm"></div>
</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"> <img src="images/logo.jpg" alt="">Fo<span>cal</span></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="col-md-4 col-sm-4 wow fadeInDown" data-wow-delay=".2s">
<div class="overview-box">
<h3>Values</h3>
<p>Lorem ipsum dolor sit amet, ea doming until epicuri iudicabit nam, te usu virtute placerat. Purto brute disputando cu est.</p>
</div>
</div> <!-- col-md-4 end -->
<div class="col-md-4 col-sm-4 wow fadeInDown" data-wow-delay=".4s">
<div class="overview-box">
<h3>Goals</h3>
<p>Lorem ipsum dolor sit amet, ea doming until epicuri iudicabit nam, te usu virtute placerat. Purto brute disputando cu est.</p>
</div>
</div> <!-- col-md-4 end -->
<div class="col-md-4 col-sm-4 wow fadeInDown" data-wow-delay=".6s">
<div class="overview-box">
<h3>Hobbies</h3>
<p>Lorem ipsum dolor sit amet, ea doming until epicuri iudicabit nam, te usu virtute placerat. Purto brute disputando cu est.</p>
</div>
</div> <!-- col-md-4 end -->
</div>
</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="heading-title">about me</h2>
<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.</p>
</div>
<div class="row">
<div class="service-wrapper">
<div class="service-inner wow fadeInRight" data-wow-delay=".2s">
<i class="fa fa-globe"></i>
<div class="service-box">
<h3>web design</h3>
<p>Lorem ipsum dolor sit amet, ea doming epicuri iudicabit nam</p>
</div>
</div> <!-- service -inner -->
<div class="service-inner wow fadeInRight" data-wow-delay=".5s">
<i class="fa fa-users"></i>
<div class="service-box">
<h3>Online marketing</h3>
<p>Lorem ipsum dolor sit amet, ea doming epicuri iudicabit nam</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>Graphics design</h3>
<p>Lorem ipsum dolor sit amet, ea doming epicuri iudicabit nam</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>Seo</h3>
<p>Lorem ipsum dolor sit amet, ea doming epicuri iudicabit nam</p>
</div>
</div> <!-- service -inner -->
</div>
</div><!-- row end -->
</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.</p>
<a href="#" class="btn btn-default featured">Contact me</a>
</div>
</div>
<div class="col-md-6 col-sm-6 wow fadeInRight" >
<div class="skill-box wow fadeInDown" data-wow-delay=".2s">
<label> photoshop</label>
<div class="progress">
<div class="progress-bar" role="progress-bar" aria-valuemin="0" aria-valuenow="60" aria-valuemax="100" style="width: 60%;" >
60%
</div>
</div>
</div>
<div class="skill-box wow fadeInDown" data-wow-delay=".4s">
<label> illustrator</label>
<div class="progress">
<div class="progress-bar" role="progress-bar" aria-valuemin="0" aria-valuenow="80" aria-valuemax="100" style="width: 80%;" >
80%
</div>
</div>
</div>
<div class="skill-box wow fadeInDown" data-wow-delay=".6s">
<label> html /css</label>
<div class="progress">
<div class="progress-bar" role="progress-bar" aria-valuemin="0" aria-valuenow="90" aria-valuemax="100" style="width: 90%;" >
90%
</div>
</div>
</div>
<div class="skill-box wow fadeInDown" data-wow-delay=".8s">
<label> php / mysql</label>
<div class=
平面设计师作品展示模板是一款灰黑色大气的前端UI设计师个人作品展示模板.rar
需积分: 0 12 浏览量
2023-09-12
08:43:28
上传
评论
收藏 1.72MB RAR 举报
平面设计师作品展示模板是一款灰黑色大气的前端UI设计师个人作品展示模板.rar （62个子文件） 
style.css 12KB MyriadPro-Regular.ttf 116KB bootstrap.js 65KB npm.js 484B jquery.waypoints.min.js 9KB 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 fontawesome-webfont.eot 59KB glyphicons-halflings-regular.woff2 18KB
banner.jpg 353KB contentPatternLeft.png 137B MyriadPro-Regular.svg 443KB responsive.css 1KB 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 contentPattern.png 121B animate.css 56KB bootstrap.css 138KB sprite.png 3KB MyriadPro-Regular.eot 116KB prettyPhoto.css 19KB font-awesome.min.css 23KB port2.jpg 43KB bootstrap-theme.min.css 19KB
index.html 21KB jquery.sticky.js 6KB profile.jpg 151KB port3.jpg 34KB logo.jpg 2KB btnNext.png 1KB owl.carousel.js 43KB 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 port4.jpg 94KB port1.jpg 9KB资源评论
