SPA美肤会所响应式网页模板-适配移动端-HTML源码.zip资源-CSDN文库

共46个文件

png：19个

jpg：15个

html：5个

版权申诉

网站源码

HTML

JavaScript

解压即用

45 浏览量 2024-03-27 08:54:08 上传评论收藏 1.01MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

SPA美肤会所响应式网页模板-适配移动端-HTML源码.zip （46个子文件）

SPA美肤会所响应式网页模板-适配移动端-HTML源码

html

bootstrap.js 129KB

jquery-3.4.1.min.js 86KB

specialist.html 14KB

service.html 11KB

css

style.css 22KB

style.css.map 18KB

responsive.css 4KB

bootstrap.css 188KB

style.scss 16KB

index.html 25KB

contact.html 11KB

about.html 10KB

images

s-2.png 3KB

about-img.jpg 90KB

facebook-logo-button.png 834B

subscribe-img.jpg 117KB

slider-img.jpg 87KB

search-icon.png 429B

h-2.jpg 6KB

twitter-logo-button.png 947B

spl-2.jpg 33KB

health-img.jpg 77KB

spl-3.jpg 52KB

prev.png 185B

instagram.png 1KB

menu.png 213B

mail.png 334B

h-4.jpg 6KB

logo.png 2KB

h-3.jpg 8KB

client.png 14KB

prev-angle.png 261B

spl-1.jpg 37KB

s-3.png 5KB

next.png 174B

hero-bg.jpg 167KB

location.png 329B

hero-bg-mobile.jpg 143KB

s-1.png 4KB

call.png 242B

qoute.png 577B

contact-img.jpg 34KB

h-1.jpg 7KB

spl-4.jpg 42KB

linkedin.png 910B

next-angle.png 227B

<!DOCTYPE html> <html> <head>  <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" />  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />  <meta name="keywords" content="" /> <meta name="description" content="" /> <meta name="author" content="" /> <title>Drokula</title>  <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" />  <link rel="stylesheet" type="text/css" href="css/bootstrap.css" />  <link href="https://fonts.googleapis.com/css?family=Poppins:400,600,700|Raleway:400,500,700&display=swap" rel="stylesheet">  <link href="css/style.css" rel="stylesheet" />  <link href="css/responsive.css" rel="stylesheet" /> </head> <body> <div class="hero_area layout_padding-left"> <div class="custom_nav-box"> <div class="custom_menu-btn "> <button> <span class=" s-1"> </span> <span class="s-2"> </span> <span class="s-3"> </span> </button> </div> <div class="custom_sidenav-container"> <ul class="navbar-nav"> <li class="nav-item active"> <a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a> </li> <li class="nav-item"> <a class="nav-link" href="about.html"> About</a> </li> <li class="nav-item"> <a class="nav-link" href="service.html"> services </a> </li> <li class="nav-item"> <a class="nav-link" href="specialist.html">Specialists </a> </li> <li class="nav-item"> <a class="nav-link" href="contact.html">Contact Us</a> </li> </ul> </div> </div> <div class="hero_container">  <header class="header_section"> <div class="container-fluid"> <nav class="navbar navbar-expand-lg custom_nav-container"> <a class="navbar-brand" href="index.html"> <img src="images/logo.png" alt="" /> <span> Drokula </span> </a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <div class="d-flex ml-auto flex-column flex-lg-row align-items-center"> <ul class="navbar-nav "> <li class="nav-item active"> <a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a> </li> <li class="nav-item"> <a class="nav-link" href="about.html"> About</a> </li> <li class="nav-item"> <a class="nav-link" href="service.html"> services </a> </li> <li class="nav-item"> <a class="nav-link" href="specialist.html">Specialists </a> </li> <li class="nav-item"> <a class="nav-link" href="contact.html">Contact Us</a> </li> </ul> <div class="user_option "> <a href=""> Login </a> <form class="form-inline "> <button class="btn nav_search-btn" type="submit"></button> </form> </div> </div> </div> <div class="user_option user_option-lg"> <a href=""> Login </a> <form class="form-inline "> <button class="btn nav_search-btn" type="submit"></button> </form> </div> </nav> </div> </header>   <section class=" slider_section "> <div id="carouselExampleControls" class="carousel slide" data-ride="carousel"> <div class="carousel-inner"> <div class="carousel-item active"> <div class="detail-box"> <h1> Massages <br> <span> salon </span> </h1> <a href=""> Contact Us </a> </div> </div> <div class="carousel-item"> <div class="detail-box"> <h1> Massages <br> <span> salon </span> </h1> <a href=""> Contact Us </a> </div> </div> <div class="carousel-item"> <div class="detail-box"> <h1> Massages <br> <span> salon </span> </h1> <a href=""> Contact Us </a> </div> </div> </div> <div class="carousel_btn-container"> <a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev"> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next"> <span class="sr-only">Next</span> </a> </div> </div> <div class="img-box"> <img src="images/slider-img.jpg" alt=""> </div> </section>  </div> </div>  <section class="service_section layout_padding layout_padding-left"> <div class="container"> <div class="heading_container"> <h2> Services </h2> <p> It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem </p> </div> <div class="service_container"> <div class="box"> <div class="img-box"> <img src="images/s-1.png" alt=""> </div> <div class="detail-box"> <h4> Massage </h4> <p> It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem </p> <a href=""> Read More </a> </div> </div> <div class="box"> <div class="img-box"> <img src="images/s-2.png" alt=""> </div> <div class="detail-box"> <h4> Chiropractic </h4> <p> It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem </p> <a href=""> Read More </a> </div> </div> <div class="box"

评论收藏

内容反馈

版权申诉