女生发型编发网站模板是一款适合美容美发行业HTML5网站模板下载。_html网站模板_网页源码移动端前端_H5模板

共47个文件

jpg：24个

js：6个

html：6个

网站模板

122 浏览量 2023-08-05 16:03:33 上传评论收藏 930KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

女生发型编发网站模板是一款适合美容美发行业HTML5网站模板下载。_html网站模板_网页源码移动端前端_H5模板_自.rar （47个子文件）

女生发型编发网站模板是一款适合美容美发行业HTML5网站模板下载。

moban637

portfolio.html 9KB

responsiveslides.min.js 3KB

bootstrap.min.js 31KB

jquery.easydropdown.js 12KB

jquery.chocolat.js 10KB

modernizr.custom.js 8KB

jquery.min.js 82KB

typography.html 27KB

css

style.css 42KB

bootstrap.css 124KB

nav.css 10KB

chocolat.css 2KB

404.html 7KB

index.html 15KB

contact.html 9KB

about.html 11KB

images

g3.jpg 46KB

g2.jpg 39KB

background2.png 3KB

tw.png 3KB

f4.jpg 7KB

f2.jpg 19KB

c1.jpg 17KB

s1.jpg 115KB

s2.jpg 18KB

c2.jpg 15KB

ab-pic.jpg 22KB

f1.jpg 28KB

banner.jpg 189KB

closew.gif 70B

t3.jpg 22KB

leftw.gif 68B

f3.jpg 9KB

bottom-bg.jpg 42KB

banner-two.jpg 60KB

g6.jpg 22KB

t1.jpg 15KB

move-top.png 3KB

t4.jpg 23KB

g5.jpg 28KB

c3.jpg 29KB

t2.jpg 21KB

g4.jpg 29KB

icons.png 15KB

s3.jpg 17KB

rightw.gif 67B

g1.jpg 35KB

<!DOCTYPE html> <html> <head> <title>Typography</title> <link href="css/bootstrap.css" rel='stylesheet' type='text/css' />  <script src="js/jquery.min.js"></script> <script src="js/bootstrap.min.js"></script>  <link href="css/style.css" rel="stylesheet" type="text/css" media="all" />  <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="keywords" content="Fashion Hair Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" /> <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>  <link href='#css?family=Poiret+One|Lily+Script+One|Raleway:400,300,500,600,200,700' rel='stylesheet' type='text/css'>   <script src="js/jquery.easydropdown.js"></script> <link href="css/nav.css" rel="stylesheet" type="text/css" media="all"/> <script src="js/modernizr.custom.js"></script> </head> <body> <div class="banner-bg two" id="home"> <div class="container"> <div class="header"> <div class="logo"> <a href="index.html"><h1>Fashion</h1><span>Change Your Hair Style<span></a> </div> <div class="top-nav"> <label class="mobile_menu" for="mobile_menu"> <span>Menu</span> </label> <input id="mobile_menu" type="checkbox"> <ul class="nav"> <li><a href="index.html">Home</a></li> <li><a href="about.html">ABOUT</a></li> <li class="dropdown1"><a class="active" href="typography.html">Features</a> <ul class="dropdown2"> <li><a href="404.html">Events</a></li> <li><a href="404.html">Shortcode</a></li> <li><a href="404.html">Blog</a></li> <li><a href="404.html">Pricing</a></li> </ul> </li> <li><a href="portfolio.html">Portfolio</a></li> <li><a href="contact.html">CONTACT</a></li> </ul> </div> <div class="clearfix"></div> </div> </div> </div>  <div class="typrography"> <div class="container"> <h3 class="tittle">Typography</h3> <lable class="two"> </lable> <div class="grid_3 grid_4 first"> <h3>Headings</h3> <div class="bs-example"> <table class="table"> <tbody> <tr> <td><h1 id="h1.-bootstrap-heading">h1. Bootstrap heading<a class="anchorjs-link" href="#h1.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h1></td> <td class="type-info">Semibold 36px</td> </tr> <tr> <td><h2 id="h2.-bootstrap-heading">h2. Bootstrap heading<a class="anchorjs-link" href="#h2.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h2></td> <td class="type-info">Semibold 30px</td> </tr> <tr> <td><h3 id="h3.-bootstrap-heading">h3. Bootstrap heading<a class="anchorjs-link" href="#h3.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h3></td> <td class="type-info">Semibold 24px</td> </tr> <tr> <td><h4 id="h4.-bootstrap-heading">h4. Bootstrap heading<a class="anchorjs-link" href="#h4.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h4></td> <td class="type-info">Semibold 18px</td> </tr> <tr> <td><h5 id="h5.-bootstrap-heading">h5. Bootstrap heading<a class="anchorjs-link" href="#h5.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h5></td> <td class="type-info">Semibold 14px</td> </tr> <tr> <td><h6>h6. Bootstrap heading</h6></td> <td class="type-info">Semibold 12px</td> </tr> </tbody> </table> </div> </div> <div class="grid_3 grid_5"> <h3>Buttons</h3> <h1> <a href="#"><span class="label label-default">Default</span></a> <a href="#"><span class="label label-primary">Primary</span></a> <a href="#"><span class="label label-success">Success</span></a> <a href="#"><span class="label label-info">Info</span></a> <a href="#"><span class="label label-warning">Warning</span></a> <a href="#"><span class="label label-danger">Danger</span></a> </h1> <h2> <a href="#"><span class="label label-default">Default</span></a> <a href="#"><span class="label label-primary">Primary</span></a> <a href="#"><span class="label label-success">Success</span></a> <a href="#"><span class="label label-info">Info</span></a> <a href="#"><span class="label label-warning">Warning</span></a> <a href="#"><span class="label label-danger">Danger</span></a> </h2> <h3> <a href="#"><span class="label label-default">Default</span></a> <a href="#"><span class="label label-primary">Primary</span></a> <a href="#"><span class="label label-success">Success</span></a> <a href="#"><span class="label label-info">Info</span></a> <a href="#"><span class="label label-warning">Warning</span></a> <a href="#"><span class="label label-danger">Danger</span></a> </h3> <h4 class="typ1"> <a href="#"><span class="label label-default">Default</span></a> <a href="#"><span class="label label-primary">Primary</span></a> <a href="#"><span class="label label-success">Success</span></a> <a href="#"><span class="label label-info">Info</span></a> <a href="#"><span class="label label-warning">Warning</span></a> <a href="#"><span class="label label-danger">Danger</span></a> </h4> <h5 class="typ1"> <a href="#"><span class="label label-default">Default</span></a> <a href="#"><span class="label label-primary">Primary</span></a> <a href="#"><span class="label label-success">Success</span></a> <a href="#"><span class="label label-info">Info</span></a> <a href="#"><span class="label label-warning">Warning</span></a> <a href="#"><span class="label label-danger">Danger</span></a> </h5> <h6 class="typ1"> <a href="#"><span class="label label-default">Default</span></a> <a href="#"><span class="label label-primary">Primary</span></a> <a href="#"><span class="label label-success">Success</span></a> <a href="#"><span class="label label-info">Info</span></a> <a href="#"><span class="label label-warning">Warning</span></a> <a href="#"><span class="label label-danger">Danger</span></a> </h6> </div> <div class="grid_3 grid_5"> <h3>Progress Bars</h3> <div class="tab-content"> <div class="tab-pane active" id="domprogress"> <div class="progress"> <div class="progress-bar progress-bar-primary" style="width: 20%"></div> </div> <p>Info with <code>progress-bar-info</code> class.</p> <div class="progress"> <div class="progress-bar progress-bar-info" style="width: 60%"></div> </div> <p>Success with <code>progress-bar-success</code> class.</p> <div class="progress"> <div class="progress-bar progress-bar-success" style="width: 30%"></div> </div> <p>Warning with <code>progress-bar-warning</code> class.</p> <div class="progress"> <div class="progress-bar progress-bar-warning" style="width: 70%"></div> </div> <p>Danger with <code>progress-bar-danger</code> class.</p> <div class="progress"> <div class="progress-bar progress-bar-danger" style="width: 50%"></div> </div> <p>Inverse with <code>progress-bar-inverse</code> class.</p> <div class="progress"> <div class="progress-bar progre

评论收藏

内容反馈