<!DOCTYPE html>
<html>
<head>
<title>Barber Shop Bootstrap Template Grafreez</title>
</head>
<!-- bootstrap Style CSS File -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- Custom Style CSS File -->
<link rel="stylesheet" type="text/css" href="css/custom-style.css">
<link rel="stylesheet" type="text/css" href="css/loaders.css"/>
<!-- Font-Awesome Style CSS File -->
<link rel="stylesheet" type="text/css" href="font-awesome/css/font-awesome.min.css">
<body>
<!-- Page loading animation -->
<div class="loader loader-bg">
<div class="loader-inner ball-pulse">
<div></div>
<div></div>
<div></div>
</div>
</div>
<!-- Top navigation -->
<nav class="navbar navbar-expand-md fixed-top top-nav">
<div class="container-fluid">
<a class="navbar-brand" href="index.html"><strong>Grafreez</strong></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"><img src="img/icons/menu.png"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav m-auto text-sm-center text-md-center">
<li class="nav-item">
<a class="nav-link" href="#home">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#services">Services</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#about">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#price">Prices</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#testimonial">Testimonials</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#contact">Contact</a>
</li>
</ul>
</div>
<ul class="navbar-nav ml-auto search-box">
<li class="nav-item">
<a class="nav-link" href="#"><i class="fa fa-search text-white"></i></a>
</li>
</ul>
</div>
</nav>
<!-- Intro Three -->
<section id="home" class="intro intro-bg bg-overlay parallax">
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-12 caption-two-panel ml-auto pt-5">
<div class="intro-caption mt-5">
<h1 class="text-white mb-2">It's not really hard to stand out in crowd</h1>
<p class="text-white mb-4"> These are the voyages of the Starship Enterprise. Its five-year mission: to explore strange new worlds, to seek out new life and new civilizations, to boldly go where no man has gone before.</p>
<a class="btn btn-primary text-white mr-3">Explore More</a>
</div>
</div>
</div>
</section>
<!-- Info block 1 -->
<section id="services" class="info-section text-white bg-right bg-dark">
<div class="container">
<div class="row">
<div class="col-md-8">
<div class="head-box">
<h2 class="font-abril ">Services We offered!</h2>
</div>
<div class="three-panel-block mt-5">
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-6">
<div class="service-block mb-5">
<i class="icon-box mb-3 float-left w-100"><img src="img/icons/scissors.png" class="img-fluid"></i>
<h3 class="text-primary">Scissor Cut</h3>
<p>Never in all their history have men been able truly to conceive of the world as one a single sphere</p>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6">
<div class="service-block mb-5">
<i class="icon-box mb-3 float-left w-100"><img src="img/icons/razor-1.png" class="img-fluid"></i>
<h3 class="text-primary">Razor Cut</h3>
<p>Never in all their history have men been able truly to conceive of the world as one a single sphere</p>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6">
<div class="service-block mb-5">
<i class="icon-box mb-3 float-left w-100"><img src="img/icons/brush.png" class="img-fluid"></i>
<h3 class="text-primary">Head Shave</h3>
<p>Never in all their history have men been able truly to conceive of the world as one a single sphere</p>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6">
<div class="service-block">
<i class="icon-box mb-3 float-left w-100"><img src="img/icons/hair-clip.png" class="img-fluid"></i>
<h3 class="text-primary">Clipper Cut</h3>
<p>Never in all their history have men been able truly to conceive of the world as one a single sphere</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Content block 1 -->
<section id="about" class="copy-content-sec sec-bg-02 h-100">
<div class="container">
<div class="row">
<div class="col-lg-5 col-md-12 copy-container ml-auto">
<div class="copy-content pr-4">
<h2 class="font-abril text-primary">
Who We Are
</h2>
<p class="lead ml-2">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
<p class="ml-2">
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
<p class="mt-4 ml-2">
<a href="#" class="text-primary">Read More</a>
</p>
</div>
</div>
</div>
</div>
</section>
<!-- Info block 2 -->
<section id="price" class="info-section sec-bg-03 bg-overlay">
<div class="container text-white">
<div class="head-box text-center mb-5">
<h2 class="font-abril">Our Jaw Drop Prices</h2>
</div>
<div class="three-panel-block my-4">
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-6 pl-md-5 mb-4">
<div class="service-block-bg text-center p-3">
<div class="price-count font-abril"><span>$</span>39</div>
<h3>Haircut</h3>
<p class="px-4">Never in all their history have men been able truly to conceive of the world as one a single sphere</p>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 pr-md-5 mb-4">
<div class="service-block-bg text-center p-3">
<div class="price-count font-abril"><span>$</span>27</div>
<h3>Shave</h3>
<p class="px-4">Never in all their history have men been able truly to conceive of the world as one a single sphere</p>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 pl-md-5 mb-4">
<div class="service-block-bg text-center p-3">
<div class="price-count font-abril"><span>$</span>20</div>
<h3>Moustache </h3>
<p class="px-4">Never in all their history have men been able truly to conceive of the world as one a single sphere</p>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 pr-md-5">
<div class="service-block-bg text-center p-3">
<div class="price-count font-abril"><span>$</span>15</div>
<h3>Beard Trim</h3>
<p class="px-4">Never in all their history have men been able truly to conceive of the world as one a single sphere</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Testimonial Block 01-->
<section id="testimonial" class="testimonial-section sec-bg-04 py-5 h-100">
<div class="container">
<div class="row">
<div class="head-box text-center mb-3 col-md-12 mt-5">
<h2 class="font-abril">What Our Clients Says About Us</h2>
</div>
</div>
<div class="single-testimonial">
<div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">
<div class="carousel-inner pt-5" role="listbox">
<div class="carousel-item active">
<div class="testimonial-box text-center">
<div class="testimonial-content w-100 bg-faded">
<p class="mb-0"><i c
基于HTML+CSS+JS开发的网站-男士发型胡子设计网页.7z （38个子文件） 
【web课设】男士发型胡子设计网页-HTML源码 html font-awesome css 
font-awesome.min.css 30KB fonts FontAwesome.otf 132KB fontawesome-webfont.eot 162KB fontawesome-webfont.woff 96KB fontawesome-webfont.woff2 75KB
fontawesome-webfont.svg 434KB fontawesome-webfont.ttf 162KB js bootstrap.min.js 50KB gmap-custom.js 3KB core.js 833B img 
info-panel-bg.jpg 258KB intro-bg-03.jpg 270KB sec-bg-03.jpg 709KB t-member-08.jpg 35KB t-member-06.jpg 58KB intro-bg-01.jpg 822KB sec-bg-04.jpg 128KB intro-bg-01-bk.jpg 92KB sec-bg-01.jpg 121KB icons 
hair-clip.png 13KB menu.png 2KB scissors.png 12KB razor-1.png 16KB brush.png 11KB intro-bg-02.jpg 175KB t-member-07.jpg 68KB info-bg-01.jpg 186KB t-member-04.jpg 70KB t-member-01.jpg 63KB t-member-02.jpg 72KB intro-bg.jpg 77KB sec-bg-02.jpg 499KB t-member-05.jpg 70KB t-member-03.jpg 101KB css bootstrap.min.css 122KB custom-style.css 15KB loaders.css 56KB
index.html 12KB资源评论
master_chenchengg
- 粉丝: 1w+
- 资源: 2177
最新资源
- scratch-scratch资源
- gobatis-golang资源
- 基于MATLAB r2018a的滚动轴承模拟故障信号生成及复合故障时频谱分析程序,滚动轴承模拟故障信号生成及时频谱分析 程序运行环境为MATLAB r2018a 该代码程序将模拟滚动轴承内圈单点故障
- bootstrap4-zhcn-documentation-春节主题资源
- StudyTechnology-javaEE框架项目资源
- "MQTT私有云服务器端与客户端核心代码：断线自动重连与数据存储通信实现",用于MQTT私有云架设的服务器端和客户端的核心代码 稳定支持断线自动重连 公网服务器，内网内网服务器或者租赁腾讯轻服务
- 基于MATLAB-ANSYS建模求解车桥耦合：通用程序与参数化建模思路讲解,1.车桥耦合（公路梁桥，斜拉桥，悬索桥等），方法有基于MATLAB-ANSYS建模程序求解 基于ANSYS全过程车桥耦合命令
- MFC自动化设备编程源码：VC++编写，涵盖TCP通讯、INI文件操作、对话框编程及与基恩士视觉配合的运动控制卡轴与IO编写触发相机指令,mfc自动化设备程序源码，vc++编写，包含网络TCP通讯，i
- 小程序 商城 -Java 商城-c/c++源码资源
- 基于Matlab的电脑摄像头视频图像及存储图片颜色识别功能介绍,基于matlab的调用电脑摄像头，截取视频图像识别颜色 同时识别电脑中存储的图片颜色 ,基于Matlab调用摄像头; 视频图像颜色识
- Snowy-Layui-java开发项目资源
- 西门子S7-1200 PLC与威纶触摸屏实战：上位机通讯、Modbus 485、伺服及多工位联动控制实例解析,西门子s7-1200程序与威纶触摸屏画面实例 V15及以上，内容涉及上位机通讯，modbu
- 鸽群优化算法与SVM拟合预测模型：多特征输入单变量输出，Matlab程序注释详尽，直接替换数据即可使用，欢迎加好友交流 ,鸽群优化算法PIO优化SVM，建立多特征输入单个因变量输出的拟合预测模型 程
- jeewx-boot-活动资源
- 大学生活动社交小程序-活动资源
- 校园社团活动报名- Java+小程序-活动资源
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
