<!--
Author:W3layouts
Author URL: http://222.178.203.72:19005/whst/63/_v2kZxntsrzbnl/
License: Creative Commons Attribution 3.0 Unported
License URL: http://222.178.203.72:19005/whst/63/_bqdZshudbnllnmrznqf//licenses/by/3.0/
-->
<!DOCTYPE html>
<html lang="zxx">
<head>
<title>Beardo Beauty Category Bootstrap Responsive Template | Home :: W3layouts</title>
<!-- Meta tag Keywords -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="UTF-8" />
<meta name="keywords" content="Beardo Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
<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="//fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700" rel="stylesheet">
<link href="//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
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
探索全栈前端技术的魅力:HTML+CSS+JS+JQ+Bootstrap网站源码深度解析 在这个数字化时代,构建一个既美观又功能强大的网站成为了许多开发者和企业追逐的目标。本份资源精心汇集了一套完整网站源码,融合了HTML的骨架搭建、CSS的视觉美化、JavaScript的交互逻辑、jQuery的高效操作以及Bootstrap的响应式设计,全方位揭秘了现代网页开发的精髓。 HTML,作为网页的基础,它构建了信息的框架;CSS则赋予网页生动的外观,让设计创意跃然屏上;JavaScript的加入,使网站拥有了灵动的交互体验;jQuery,作为JavaScript的强力辅助,简化了DOM操作与事件处理,让编码更为高效;而Bootstrap的融入,则确保了网站在不同设备上的完美呈现,响应式设计让访问无界限。 通过这份源码,你将: 学习如何高效组织HTML结构,提升页面加载速度与SEO友好度; 掌握CSS高级技巧,如Flexbox与Grid布局,打造适应各种屏幕的视觉盛宴; 理解JavaScript核心概念,动手实现动画、表单验证等动态效果; 利用jQuery插件快速增强用户体验,实现滑动效果、Ajax请求等; 深入Bootstrap框架,掌握移动优先的开发策略,响应式设计信手拈来。 无论是前端开发新手渴望系统学习,还是资深开发者寻求灵感与实用技巧,这份资源都是不可多得的宝藏。立即深入了解,开启你的全栈前端探索之旅,让每一个网页都成为技术与艺术的完美融合!
资源推荐
资源详情
资源评论
收起资源包目录
HTML+CSS+JS+JQ+Bootstrap的胡须发型设计响应式网站模板.7z (52个子文件)
[web前端]&[课程设计]&[网站源码]-胡须发型设计响应式网站模板
html
css
style.css 29KB
font-awesome.css 37KB
bootstrap.css 174KB
services.html 12KB
index.html 24KB
contact.html 10KB
about.html 14KB
single.html 14KB
images
g3.jpg 79KB
test1.jpg 10KB
ban1.jpg 91KB
g2.jpg 38KB
test3.jpg 10KB
ser3.jpg 58KB
ser6.jpg 50KB
ban4.jpg 120KB
s1.jpg 34KB
sp4.jpg 70KB
s2.jpg 43KB
sp1.jpg 50KB
ser1.jpg 51KB
t3.jpg 48KB
sb2.jpg 14KB
g6.jpg 71KB
t1.jpg 54KB
ab2.jpg 114KB
services2.jpg 174KB
g5.jpg 67KB
sb3.jpg 12KB
sb1.jpg 14KB
sp2.jpg 53KB
t2.jpg 60KB
sp3.jpg 62KB
ser5.jpg 56KB
g4.jpg 64KB
services1.jpg 112KB
ser2.jpg 43KB
test2.jpg 10KB
ser4.jpg 67KB
ban3.jpg 104KB
banner2.jpg 139KB
about1.png 212KB
ban2.jpg 132KB
ab1.jpg 69KB
g1.jpg 44KB
fonts
FontAwesome.otf 132KB
fontawesome-webfont.eot 162KB
fontawesome-webfont.woff 96KB
fontawesome-webfont.woff2 75KB
fontawesome-webfont.svg 434KB
fontawesome-webfont.ttf 162KB
gallery.html 11KB
共 52 条
- 1
资源评论
master_chenchengg
- 粉丝: 1w+
- 资源: 2177
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 电动汽车空调制冷系统电动压缩机匹配分析1.pdf
- 二氧化碳汽车空调系统设计及研究1.pdf
- 电动汽车驱动系统散热设计与试验验证.pdf
- McQuayDuctSizer(麦克维尔风管尺寸计算软件).zip
- 麦克维尔温湿度分析仪McQuayPsychrometricAnalyzer(hvac-eng.com).zip
- 麦克维尔管道测量仪McQuaypipesizer .zip
- 信捷XC系列PLC主从通讯程序
- 基于蒙特卡洛的电动汽车充电负荷生成
- 基于遗传算法的电动汽车有序充电优化调度 软件:Matlab 利用遗传算法对电动汽车有序充电进行优化;优化目标包括充电费用最低,充电时间达到要求(电动汽车充到足够的电)考虑电动汽车充电对电网负荷的影响
- FPGA 全部verilog代码实现I2C口master端口应用场景 1、FPGA通过I2C口配置TFP410MP 2、EDID配置,FPGA通过I2C口配置AT24C02 AT24C64; 访问地
- Matlab simulink 基于光伏和蓄电池的三端口
- FFT STM32+apFFT程序源代码+lunwen资料+教程讲解 适用于STM32F103平台,使用AD7606同步采集两路正弦信号,内置1024点全相位快速傅里叶变(apFFT)算法,直接计算
- 两电平svpwm算法verilog程序
- 基于改进的快速粒子群有源配电网动态无功优化 软件:Matlab 介绍:在含分布式电源的IEEE33进行无功优化,以无功最优和运行费用最优为目标函数进行优化,采用改进的快速粒子群算法进行计算
- 混合型APF,HAPF,电力牵引系统电能质量控制,高铁谐波补偿,高铁无功补偿,混合型有源电力滤波器,单相SVG,SVG,电力牵引系统谐波无功补偿
- 单机无穷大系统静态稳定性仿真模型
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功