绿色整形美容医院HTML5模板是一款绿色清爽风格健康类网站模板下载。_html网站模板_网页源码移动端前端_H5模板

共87个文件

png：30个

jpg：18个

gif：11个

网站模板

48 浏览量 2023-08-05 15:05:21 上传评论收藏 1.71MB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

绿色整形美容医院HTML5模板是一款绿色清爽风格健康类网站模板下载。_html网站模板_网页源码移动端前端_H5模板_.rar （87个子文件）

绿色整形美容医院HTML5模板是一款绿色清爽风格健康类网站模板下载。

moban1138

jquery.prettyPhoto.js 22KB

bootstrap.min.js 35KB

jquery.isotope.min.js 16KB

respond.min.js 4KB

html5shiv.js 2KB

smoothscroll.js 6KB

wow.min.js 5KB

jquery.js 91KB

custom-scripts.js 4KB

mousescroll.js 9KB

jquery.inview.min.js 1KB

css

bootstrap.min.css 111KB

font-awesome.css 21KB

prettyPhoto.css 19KB

font-awesome.min.css 21KB

animate.min.css 55KB

styles.css 20KB

index.html 24KB

images

team

02.jpg 28KB

01.jpg 31KB

04.jpg 36KB

03.jpg 37KB

features_img.png 112KB

portfolio

02.jpg 64KB

06.jpg 92KB

01.jpg 30KB

08.jpg 60KB

07.jpg 60KB

05.jpg 70KB

04.jpg 57KB

03.jpg 69KB

logo.png 17KB

img2.jpg 37KB

pic2.jpg 13KB

about.png 331KB

img4.jpg 57KB

pic1.jpg 14KB

img3.jpg 43KB

banner

banner.jpg 108KB

prettyPhoto

dark_rounded

default_thumbnail.gif 227B

contentPattern.png 130B

sprite.png 4KB

btnNext.png 1KB

btnPrevious.png 1KB

loader.gif 2KB

light_rounded

default_thumbnail.gif 227B

sprite.png 4KB

btnNext.png 1KB

btnPrevious.png 1KB

loader.gif 2KB

light_square

default_thumbnail.gif 227B

sprite.png 3KB

btnNext.png 1KB

btnPrevious.png 1KB

loader.gif 2KB

default

sprite_prev.png 1KB

sprite_x.png 1KB

default_thumb.png 2KB

sprite.png 7KB

sprite_next.png 1KB

sprite_y.png 1KB

loader.gif 6KB

dark_square

default_thumbnail.gif 227B

contentPattern.png 121B

sprite.png 3KB

btnNext.png 1KB

btnPrevious.png 1KB

loader.gif 2KB

facebook

contentPatternLeft.png 137B

default_thumbnail.gif 227B

contentPatternTop.png 142B

sprite.png 4KB

btnNext.png 845B

btnPrevious.png 828B

contentPatternRight.png 136B

contentPatternBottom.png 142B

loader.gif 2KB

ico

favicon.ico 1KB

fonts

FontAwesome.otf 84KB

glyphicons-halflings-regular.svg 61KB

glyphicons-halflings-regular.ttf 40KB

glyphicons-halflings-regular.woff 23KB

glyphicons-halflings-regular.eot 20KB

fontawesome-webfont.eot 55KB

fontawesome-webfont.woff 64KB

fontawesome-webfont.svg 280KB

fontawesome-webfont.ttf 110KB

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content=""> <meta name="author" content="webthemez"> <title>Home</title>  <link href="css/bootstrap.min.css" rel="stylesheet"> <link href="css/font-awesome.min.css" rel="stylesheet"> <link href="css/animate.min.css" rel="stylesheet"> <link href="css/prettyPhoto.css" rel="stylesheet"> <link href="css/styles.css" rel="stylesheet">  <link rel="shortcut icon" href="images/ico/favicon.ico"> </head> <body id="home"> <header id="header"> <nav id="main-nav" class="navbar navbar-default navbar-fixed-top" role="banner"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="index.html"><img src="images/logo.png" alt="logo"></a> </div> <div class="collapse navbar-collapse navbar-right"> <ul class="nav navbar-nav"> <li class="scroll active"><a href="#home">Home</a></li> <li class="scroll"><a href="#services">Services</a></li> <li class="scroll"><a href="#about">About</a></li> <li class="scroll"><a href="#our-team">Team</a></li> <li class="scroll"><a href="#portfolio">Gallery</a></li> <li class="scroll"><a href="#pricing">Pricing</a></li> <li class="scroll"><a href="#contact-us">Contact</a></li> </ul> </div> </div> </nav> </header> <section id="hero-banner"> <div class="banner-inner"> <div class="container"> <div class="row"> <div class="col-sm-12"> <h2>More Beautiful than <b>EVER</b></h2> <p>Lorem ipsum dolor sit amet, consectetur adipisici <br/> Praesent eget risus.</p> <a class="btn btn-primary btn-lg" href="#">Packages</a> </div> </div> </div> </div> </section> <section id="services" > <div class="container"> <div class="section-header"> <h2 class="section-title wow fadeInDown">Whats Best For You</h2> <p class="wow fadeInDown">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget risus vitae massa <br> semper aliquam quis mattis quam.</p> </div> <div class="row"> <div class="features"> <div class="col-md-4 col-sm-6 wow fadeInUp" data-wow-duration="300ms" data-wow-delay="0ms"> <div class="media service-box"> <div class="pull-left"> <i class="fa fa-futbol-o"></i> </div> <div class="media-body"> <h4 class="media-heading">Aroma Therapy</h4> <p>Backed by some of the biggest names in the industry, Firefox OS is an open platform that fosters greater</p> </div> </div> </div> <div class="col-md-4 col-sm-6 wow fadeInUp" data-wow-duration="300ms" data-wow-delay="100ms"> <div class="media service-box"> <div class="pull-left"> <i class="fa fa-compass"></i> </div> <div class="media-body"> <h4 class="media-heading">Face Massage</h4> <p>Backed by some of the biggest names in the industry, Firefox OS is an open platform that fosters greater</p> </div> </div> </div> <div class="col-md-4 col-sm-6 wow fadeInUp" data-wow-duration="300ms" data-wow-delay="200ms"> <div class="media service-box"> <div class="pull-left"> <i class="fa fa-database"></i> </div> <div class="media-body"> <h4 class="media-heading">Manicure</h4> <p>Morbi vitae tortor tempus, placerat leo et, suscipit lectus. Phasellus ut euismod massa, eu eleifend ipsum.</p> </div> </div> </div> <div class="col-md-4 col-sm-6 wow fadeInUp" data-wow-duration="300ms" data-wow-delay="300ms"> <div class="media service-box"> <div class="pull-left"> <i class="fa fa-bar-chart"></i> </div> <div class="media-body"> <h4 class="media-heading">Body Spa</h4> <p>Morbi vitae tortor tempus, placerat leo et, suscipit lectus. Phasellus ut euismod massa, eu eleifend ipsum.</p> </div> </div> </div> <div class="col-md-4 col-sm-6 wow fadeInUp" data-wow-duration="300ms" data-wow-delay="400ms"> <div class="media service-box"> <div class="pull-left"> <i class="fa fa-paper-plane-o"></i> </div> <div class="media-body"> <h4 class="media-heading">Head Massage</h4> <p>Morbi vitae tortor tempus, placerat leo et, suscipit lectus. Phasellus ut euismod massa, eu eleifend ipsum.</p> </div> </div> </div> <div class="col-md-4 col-sm-6 wow fadeInUp" data-wow-duration="300ms" data-wow-delay="500ms"> <div class="media service-box"> <div class="pull-left"> <i class="fa fa-bullseye"></i> </div> <div class="media-body"> <h4 class="media-heading">Hair Spa</h4> <p>Morbi vitae tortor tempus, placerat leo et, suscipit lectus. Phasellus ut euismod massa, eu eleifend ipsum.</p> </div> </div> </div> </div> </div> </div> </section> <section id="about"> <div class="container"> <div class="section-header"> <h2 class="section-title wow fadeInDown">Who we are</h2> <p class="wow fadeInDown">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget risus vitae massa <br> semper aliquam quis mattis quam.</p> </div> <div class="row"> <div class="col-sm-6 wow fadeInLeft"> <img class="img-responsive" src="images/about.png" alt=""> </div> <div class="col-sm-6 wow fadeInRight"> <h3 class="column-title">Our Beauty Studio</h3> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget risus vitae massa semper aliquam quis mattis quam. Morbi vitae tortor tempus, placerat leo et, suscipit lectus. Phasellus ut euismod massa, eu eleifend ipsum.</p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget risus vitae massa semper aliquam quis mattis quam adipiscing elit. Praesent eget risus vitae massa.</p> <ul class="listarrow"> <li><i class="fa fa-angle-double-right"></i>Aroma Therapy</li> <li><i class="fa fa-angle-double-right"></i>Manicure</li> <li><i class="fa fa-angle-double-right"></i>Massage</li> <li><i class="fa fa-angle-double-right"></i>Body Spa</li> <li><i class="fa fa-angle-double-right"></i>Hair Spa</li> </ul> </div> </div> </div> </section> <section id="our-team"> <div class="container"> <div class="section-header"> <h2 class="section-title wow fadeInDown"> OUR TEAM </h2> <p class="wow fadeInDown">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget risus vitae massa <br> semper aliquam quis mattis quam.</p> </div> <div class="row text-center"> <div class="col-md-3 col-sm-6 col-xs-12"> <div class="team-member wow fadeInUp" data-wow-duration="400ms" data-wow-delay="0ms"> <div class="team-img"> <img class="img-responsive" src="images/team/01.jpg" alt=""> </div> <div class="team-info"> <h3>Micky Deo</h3> <span>Founder</span> </div> <ul class="social-icons"> <li><a href="#"><i class="fa fa-facebook"></i></a></li> <li><a href="#"><i class="fa fa-twitter"></i></a></li> <li><a href="#"

评论收藏

内容反馈