课设&大作业&毕设-美容护肤SPA响应式网站模板-适配移动端-HTML源码.zip资源-CSDN文库

共50个文件

jpg：19个

js：6个

css：5个

版权申诉

HTML源码

网站源码

JavaScript

119 浏览量 2024-03-28 09:36:23 上传评论收藏 2.18MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

课设&大作业&毕设-美容护肤SPA响应式网站模板-适配移动端-HTML源码.zip （50个子文件）

课设&大作业&毕设-美容护肤SPA响应式网站模板-适配移动端-HTML源码

html

lightbox-plus-jquery.min.js 91KB

bootstrap.min.js 48KB

jquery.flexslider.js 55KB

jquery-2.2.3.min.js 84KB

easing.js 5KB

move-top.js 1KB

webfonts

fa-brands-400.woff 62KB

fa-brands-400.ttf 96KB

fa-brands-400.svg 496KB

fa-solid-900.woff 48KB

fa-solid-900.eot 100KB

fa-solid-900.ttf 100KB

fa-brands-400.woff2 53KB

fa-regular-400.woff2 12KB

fa-brands-400.eot 96KB

fa-regular-400.eot 30KB

fa-regular-400.woff 14KB

fa-regular-400.svg 105KB

fa-regular-400.ttf 30KB

fa-solid-900.woff2 38KB

fa-solid-900.svg 369KB

css

style.css 19KB

flexslider.css 7KB

bootstrap.css 174KB

fontawesome-all.css 42KB

lightbox.css 4KB

index.html 26KB

images

g3.jpg 37KB

g2.jpg 37KB

services.jpg 91KB

bb3.jpg 14KB

c1.jpg 13KB

c2.jpg 20KB

bb4.jpg 21KB

banner3.jpg 253KB

left.png 401B

bb1.jpg 11KB

g6.jpg 41KB

subscribe.jpg 93KB

banner1.jpg 191KB

g5.jpg 20KB

bb2.jpg 15KB

c3.jpg 26KB

close.png 421B

arr.png 3KB

right.png 396B

g4.jpg 88KB

c4.jpg 16KB

banner2.jpg 298KB

g1.jpg 26KB

<!DOCTYPE html> <html lang="en"> <head> <title>Gleam Beauty Category Bootstrap Responsive Website Template | Home :: w3layouts</title>  <meta name="viewport" content="width=device-width, initial-scale=1"> <meta charset="utf-8"> <meta name="keywords" content="Gleam Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, Sony Ericsson, Motorola web design" /> <script> addEventListener("load", function () { setTimeout(hideURLbar, 0); }, false); function hideURLbar() { window.scrollTo(0, 1); } </script>   <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" /> <link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" property="" /> <link href="css/style.css" rel="stylesheet" type="text/css" media="all" /> <link rel="stylesheet" href="css/lightbox.css"> <link href="css/fontawesome-all.css" rel="stylesheet">   <link href="//fonts.googleapis.com/css?family=Poiret+One" rel="stylesheet"> <link href="//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet">  </head> <body>  <div class="top-bar_sub container-fluid p-3"> <div class="row"> <div class="col-sm-8 top-mid"> <p class="paragraph-agileinfo"> <i class="fas fa-map-marker-alt"></i> 14906 Northern Blvd, NY 11354, USA</p> <p class="paragraph-agileinfo"> <i class="fas fa-phone"></i> 1-234-5678-900</p> </div> <div class="col-sm-4 log-icons text-right"> <ul class="social_list1"> <li class="text-center"> <a href="#" class="facebook1"> <i class="fab fa-facebook-f"></i> </a> </li> <li class="text-center mx-sm-3 mx-2"> <a href="#" class="twitter2"> <i class="fab fa-twitter"></i> </a> </li> <li class="text-center"> <a href="#" class="dribble3"> <i class="fab fa-dribbble"></i> </a> </li> </ul> </div> </div> </div> <div class="banner" id="home">  <header> <nav class="navbar navbar-expand-lg navbar-light bg-light top-header"> <h1 class="logo"> <a class="navbar-brand" href="index.html"> <i class="fab fa-viadeo"></i>Gleam</a> </h1> <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"> <ul class="navbar-nav ml-auto"> <li class="nav-item active"> <a class="nav-link ml-lg-0" href="index.html">Home <span class="sr-only">(current)</span> </a> </li> <li class="nav-item"> <a class="nav-link scroll" href="#about">About</a> </li> <li class="nav-item"> <a class="nav-link scroll" href="#gallery">Gallery</a> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> More </a> <div class="dropdown-menu" aria-labelledby="navbarDropdown"> <a class="dropdown-item text-center scroll" href="#services">Services</a> <a class="dropdown-item text-center scroll" href="#pricing">Pricing</a> </div> </li> <li class="nav-item"> <a class="nav-link scroll" href="#contact">Contact</a> </li> </ul> </div> </nav> </header>   <div id="carouselExampleControls" class="carousel slide" data-ride="carousel"> <div class="carousel-inner text-right"> <div class="carousel-item b1 active"> <div class="container banner-w3layouts-info"> <h3>Revitalizing beauty</h3> <p class="mt-lg-4 mt-md-3 mt-2 py-2 px-3">Revitalizing beauty for your skin</p> </div> </div> <div class="carousel-item b2"> <div class="container banner-w3layouts-info"> <h3>Relax & Rejuvenatea</h3> <p class="mt-lg-4 mt-md-3 mt-2 py-2 px-3">Beauty tips for a fresh start</p> </div> </div> <div class="carousel-item b3"> <div class="container banner-w3layouts-info"> <h3>Real Beauty</h3> <p class="mt-lg-4 mt-md-3 mt-2 py-2 px-3">Naturally Effective Health Solutions</p> </div> </div> </div> <a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="sr-only">Next</span> </a> </div> </div>   <section class="banner-w3-agileits-btm-right py-5" id="about"> <div class="container py-xl-5 py-sm-3"> <h5 class="main-w3l-title mb-sm-4 mb-3">About Us</h5> <div class="row"> <div class="col-lg-6 about-left"> <h3 class="subheading-wthree mb-md-4 mb-3">Naturally Effective Health Solutions</h3> <p class="paragraph-agileinfo">Aliquam sit amet condimentum eros. Pellentesque placerat justo at maximus pretium. Ut dignissim auctor neque, at congue neque vulputate vel, faucibus risus ac, viverra magna. </p>  <div class="slider mt-md-4 mt3 mb-3"> <h3 class="subheading-wthree mb-md-4 mb-3">Some of Our Clients Saying About Us</h3> <div class="flexslider"> <ul class="slides"> <li> <div class="client-grids"> <img src="images/c1.jpg" class="img-fluid" alt="Responsive image"> <h4 class="mt-3 mb-1">Smith Kevin</h4> <p class="paragraph-agileinfo"> consectetur adipiscing elit, sed do eiusmod idunt ut labore. sed do eiusmod tempor incididunt ut labore et dolore.</p> </div> </li> <li> <div class="client-grids"> <img src="images/c2.jpg" class="img-fluid" alt="Responsive image"> <h4 class="mt-3 mb-1">Laura Hill</h4> <p class="paragraph-agileinfo"> consectetur adipiscing elit, sed do eiusmod idunt ut labore. sed do eiusmod tempor incididunt ut labore et dolore.</p> </div> </li> <li> <div class="client-grids"> <img src="images/c3.jpg" class="img-fluid" alt="Responsive image"> <h4 class="mt-3 mb-1">Thomson Doe</h4> <p class="paragraph-agileinfo"> consectetur adipiscing elit, sed do eiusmod idunt ut labore. sed do eiusmod tempor incididunt ut labore et dolore.</p> </div> </li> </ul> </div> </div> </div>  <div class="col-lg-6 mt-lg-0 mt-5"> <div class="ab1 mr-auto"></div> <div class="ab2 my-4 ml-auto"></div> <div class="ab3 mr-auto"></div> </div> </div> </div> </section>   <section class="services-section py-5" id="services"> <div class="container pt-xl-5 pt-sm-3"> <h5 class="main-w3l-title mb-sm-4 mb-3">Services & Prices</h5> <div class="srategy-text mb-5"> <p class="paragraph-agileinfo">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer quis tristique est, e

评论收藏

内容反馈

版权申诉