<!DOCTYPE html>
<html lang="zxx">
<head>
<title>Home</title>
<!-- Meta tag Keywords -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="UTF-8" />
<meta name="keywords" content="" />
<script>
addEventListener("load", function () {
setTimeout(hideURLbar, 0);
}, false);
function hideURLbar() {
window.scrollTo(0, 1);
}
</script>
<!-- //Meta tag Keywords -->
<!-- Custom-Files -->
<link rel="stylesheet" href="css/bootstrap.css">
<!-- Bootstrap-Core-CSS -->
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<!-- Style-CSS -->
<!-- font-awesome-icons -->
<link href="css/font-awesome.css" rel="stylesheet
">
<!-- //font-awesome-icons -->
<!-- /Fonts -->
<link href="http://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700" rel="stylesheet">
<link href="http://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i" rel="stylesheet">
<!-- //Fonts -->
</head>
<body>
<!-- header -->
<header>
<div class="container">
<div class="header d-lg-flex justify-content-between align-items-center">
<div class="header-agile">
<h1>
<a class="navbar-brand logo" href="index.html">
<span class="fa fa-scissors" aria-hidden="true" ></span> Beardo <span class="fa fa-user-secret" aria-hidden="true" ></span>
</a>
</h1>
</div>
<div class="nav_w3ls">
<nav>
<label for="drop" class="toggle mt-lg-0 mt-1"><span class="fa fa-bars" aria-hidden="true"></span></label>
<input type="checkbox" id="drop" />
<ul class="menu">
<li class="mr-lg-3 mr-2 active"><a href="index.html">Home</a></li>
<li class="mr-lg-3 mr-2"><a href="about.html">About </a></li>
<li class="mr-lg-3 mr-2 p-0">
<!-- First Tier Drop Down -->
<label for="drop-2" class="toggle">Dropdown <span class="fa fa-angle-down" aria-hidden="true"></span> </label>
<a href="#">Dropdown <span class="fa fa-angle-down" aria-hidden="true"></span></a>
<input type="checkbox" id="drop-2"/>
<ul class="inner-dropdown">
<li><a href="services.html">What We Do</a></li>
<li><a href="single.html">See more</a></li>
</ul>
</li>
<li class="mr-lg-3 mr-2"><a href="gallery.html">Gallery</a></li>
<li class="mr-lg-3 mr-2"><a href="contact.html">Contact Us</a></li>
</ul>
</nav>
</div>
</div>
</div>
</header>
<!-- //header -->
<!-- banner -->
<div class="banner_w3lspvt" id="home">
<div class="csslider infinity" id="slider1">
<input type="radio" name="slides" checked="checked" id="slides_1"/>
<input type="radio" name="slides" id="slides_2"/>
<input type="radio" name="slides" id="slides_3"/>
<input type="radio" name="slides" id="slides_4"/>
<ul class="banner_slide_bg">
<li>
<div class="slider-info bg1">
<div class="bs-slider-overlay">
<div class="banner-text">
<div class="container">
<h2 class="movetxt agile-title text-capitalize">We Create and Renovate Hair Style Trends</h2>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. It has survived not only five centuries.</p>
<a href="contact.html" class="btn"> Get appointment </a>
</div>
</div>
</div>
</div>
</li>
<li>
<div class="slider-info bg2">
<div class="bs-slider-overlay1">
<div class="banner-text">
<div class="container">
<h4 class="movetxt agile-title text-capitalize">We Help to grow your hair as well beard </h4>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. It has survived not only five centuries.</p>
<a href="contact.html" class="btn">Get appointment </a>
</div>
</div>
</div>
</div>
</li>
<li>
<div class="slider-info bg3">
<div class="bs-slider-overlay1">
<div class="banner-text">
<div class="container">
<h2 class="movetxt agile-title text-capitalize">We Design and Create Hair Style Latest</h2>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. It has survived not only five centuries.</p>
<a href="contact.html" class="btn"> Get appointment</a>
</div>
</div>
</div>
</div>
</li>
<li>
<div class="slider-info bg4">
<div class="bs-slider-overlay1">
<div class="banner-text">
<div class="container">
<h4 class="movetxt agile-title text-capitalize">We design latest trending haircuts </h4>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. It has survived not only five centuries.</p>
<a href="contact.html" class="btn"> Get appointment </a>
</div>
</div>
</div>
</div>
</li>
</ul>
<div class="navigation">
<div>
<label for="slides_1"></label>
<label for="slides_2"></label>
<label for="slides_3"></label>
<label for="slides_4"></label>
</div>
</div>
</div>
</div>
<!-- //banner -->
<!-- banner bottom grids -->
<section class="content-info py-5" id="about">
<div class="container py-md-5">
<h3 class="heading text-center mb-3 mb-sm-5">About us</h3>
<div class="info-w3pvt-mid text-center px-lg-5">
<div class="title-desc text-center px-lg-5">
<img src="images/about1.png" alt="news image" class="img-fluid">
<p class="px-lg-5">Praesent ullamcorper dui turpis.At vero eos et accusam et justo duo dolores et ea rebum.Integer sit amet mattis quam, sit amet ultricies velit. Praesent ullamcorper dui turpis.
Praesent ullamcorper dui turpis.At vero eos et accusam et justo duo dolores et ea rebum.Integer sit amet mattis quam, sit amet ultricies velit. Praesent ullamcorper dui turpis.</p>
<a class="btn mt-lg-4 mt-3 read scroll" href="#services" role="button">Learn More</a>
</div>
</div>
</div>
</section>
<!-- //banner bottom grids -->
<!-- /services -->
<section class="services py-5" id="services">
<div class="container py-md-5">
<h3 class="heading text-center mb-3 mb-sm-5">Services</h3>
<div class="row ab-info">
<div class="col-md-6 ab-content ab-content1">
<div class="ab-content-inner">
<a href="single.html"><img src="images/services2.jpg" alt="news image" class="img-fluid"></a>
<div class="ab-info-con">
<h4> Trim your Hair</h4>
<a href="single.html" class="read-more two btn m-0 px-3"><span class="fa fa-arrow-circle-o-right"> </span></a>
</div>
</div>
</div>
<div class="col-md-6 ab-content ab-content1">
<div class="ab-content-inner">
<a href="single.html"><img src="images/services1.jpg" alt="news image" class="img-fluid"></a>
<div class="ab-info-con">
<h4>Trim your Beard</h4>
<a href="single.html" class="read-more two btn m-0 px-3"><span class="fa fa-arrow-circle-o-right"> </span></a>
</div>
</div>
</div>
</div>
<div class="row ab-info second mt-lg-4">
<div class="col-md-3 ab-content">
<div class="ab-content-inner">
<a href="single.html"><img src="images/ser3.jpg" alt="news image" class="img-fluid"></a>
小徐博客
- 粉丝: 1973
- 资源: 3869
最新资源
- ssm485科研经费管理系统研究与开发vue.zip
- ssm811西安旅游管理系统vue.rar
- springboot仓库管理系统.zip
- 使用Taro实现V2EX小程序.zip
- ssm039基于Java的菜匣子优选系统设计与实现jsp.zip
- ssm455重庆理工大学心理咨询管理子系统的分析与实现jsp.zip
- ssm消防管理系统.zip
- 吸烟抽烟行为识别数据集-超高识别率,支持YOLOV5格式的标注,10162张各种姿势场景下的吸烟图片.yolov5pytorch.zip
- ssm429在线画展系统的设计与实现vue.zip
- 基于Django的的微博转发分析系统项目资源.zip
- ssm120基于SSM框架的金鱼销售平台的开发和实现jsp.zip
- ssm503基于SSM框架的餐馆点餐系统的设计vue.zip
- 基于Spring Boot和Vue的大数据心脏病数据分析系统旨在利用大数据技术深入分析心脏病相关数据提供精准的健康预测.zip
- springboot校园失物招领平台.zip
- ssm562数据库系统原理课程平台的设计与实现vue.zip
- ssm292基于ssm的农业信息化服务平台的设计与实现vue.zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈