<!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>
小徐博客
- 粉丝: 1976
- 资源: 5876
最新资源
- MATLAB代码:考虑V2G的光储充一体化微网多目标优化调度策略 关键词:光储充微网 电电汽车V2G 多目标优化 蓄电池优化 调度 参考文档:光伏微网下考虑V2G补偿蓄电池容量的双目标优化调度策略
- 万能回复背景图生成app 告别单调聊天界面.mp4
- 万能驱动8(v24v6) 万能驱动VIP版(EasyDrv8).mp4
- 王桂林C语言从放弃到入门.mp4
- 万象小组件v5.3.02024解锁会员功能高级版.mp4
- 实际项目开发中用到的代码,FPGA通过uart通讯解析上位机发送的数据包,并实现数据存储和调用,采用三段式状态机,Verilog语言 数据包包含帧头、命令、数据长度、数据、16位的crc
- 王者荣耀抽1.68~50.68亓红包.mp4
- 王桂林零基础入门C语言 从放弃到入门.mp4
- 网易云音乐分享抽1~7天会员.mp4
- 微软 Office 2024 批量许可版24年12月更新版.mp4
- 微数据恢复管家 轻松找回误删的文件.mp4
- 永磁同步电机电流滞环控制Matlab simulink仿真模型,参数已设置好,可直接运行 属于PMSM转速电流双闭环矢量控制系统模型 电流内环采用电流滞环控制(pang-pang控制),转速外环为
- 教育数据科学中学生辍学预测与学业成功的机器学习方法
- 永磁同步电机的磁场定向控制(矢量控制)simulink仿真模型,波形完美
- 机器学习预测教育领域学生辍学与学业成功的数据分析及模型应用
- 内容分发网络(CDN):原理、特点及其自建必要性的解析与探讨
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈