<!DOCTYPE html>
<html lang="en">
<head>
<!-- basic -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- mobile metas -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
<!-- site metas -->
<title>Beautiflie</title>
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="author" content="">
<!-- bootstrap css -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<!-- style css -->
<link rel="stylesheet" type="text/css" href="css/style.css">
<!-- Responsive-->
<link rel="stylesheet" href="css/responsive.css">
<!-- fevicon -->
<link rel="icon" href="images/fevicon.png" type="image/gif" />
<!-- Scrollbar Custom CSS -->
<link rel="stylesheet" href="css/jquery.mCustomScrollbar.min.css">
<!-- Tweaks for older IEs-->
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css">
<!-- fonts -->
<link href="https://fonts.googleapis.com/css?family=Great+Vibes|Open+Sans:400,700&display=swap&subset=latin-ext" rel="stylesheet">
<!-- owl stylesheets -->
<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/owl.theme.default.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.css" media="screen">
<link href="https://unpkg.com/gijgo@1.9.13/css/gijgo.min.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!-- header section start -->
<div class="header_section">
<div class="container-fluid">
<nav class="navbar navbar-light bg-light justify-content-between">
<div id="mySidenav" class="sidenav">
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a>
<a href="index.html">Home</a>
<a href="products.html">Products</a>
<a href="about.html">About</a>
<a href="client.html">Client</a>
<a href="contact.html">Contact</a>
</div>
<span class="toggle_icon" onclick="openNav()"><img src="images/toggle-icon.png"></span>
<a class="logo" href="index.html"><img src="images/logo.png"></a></a>
<form class="form-inline ">
<div class="login_text">
<ul>
<li><a href="#"><img src="images/user-icon.png"></a></li>
<li><a href="#"><img src="images/bag-icon.png"></a></li>
<li><a href="#"><img src="images/search-icon.png"></a></li>
</ul>
</div>
</form>
</nav>
</div>
</div>
<!-- header section end -->
<!-- banner section start -->
<div class="banner_section layout_padding">
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<div class="container">
<div class="row">
<div class="col-sm-6">
<h1 class="banner_taital">Beauty <br>Kit</h1>
<p class="banner_text">Ncididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo</p>
<div class="read_bt"><a href="#">Buy Now</a></div>
</div>
<div class="col-sm-6">
<div class="banner_img"><img src="images/banner-img.png"></div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="container">
<div class="row">
<div class="col-sm-6">
<h1 class="banner_taital">Beauty <br>Kit</h1>
<p class="banner_text">Ncididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo</p>
<div class="read_bt"><a href="#">Buy Now</a></div>
</div>
<div class="col-sm-6">
<div class="banner_img"><img src="images/banner-img.png"></div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="container">
<div class="row">
<div class="col-sm-6">
<h1 class="banner_taital">Beauty <br>Kit</h1>
<p class="banner_text">Ncididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo</p>
<div class="read_bt"><a href="#">Buy Now</a></div>
</div>
<div class="col-sm-6">
<div class="banner_img"><img src="images/banner-img.png"></div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="container">
<div class="row">
<div class="col-sm-6">
<h1 class="banner_taital">Beauty <br>Kit</h1>
<p class="banner_text">Ncididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo</p>
<div class="read_bt"><a href="#">Buy Now</a></div>
</div>
<div class="col-sm-6">
<div class="banner_img"><img src="images/banner-img.png"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- banner section end -->
<!-- product section start -->
<div class="product_section layout_padding">
<div class="container">
<div class="row">
<div class="col-sm-12">
<h1 class="product_taital">Our Products</h1>
<p class="product_text">incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation</p>
</div>
</div>
<div class="product_section_2 layout_padding">
<div class="row">
<div class="col-lg-3 col-sm-6">
<div class="product_box">
<h4 class="bursh_text">Beauty Bursh</h4>
<p class="lorem_text">incididunt ut labore et dolore magna aliqua. Ut enim </p>
<img src="images/img-1.png" class="image_1">
<div class="btn_main">
<div class="buy_bt">
<ul>
<li class="active"><a href="#">Buy Now</a></li>
<li><a href="#">Buy Now</a></li>
</ul>
</div>
<h3 class="price_text">Price $30</h3>
毕设&课设&大作业-化妆品品牌产品在线响应式网页模板-适配移动端-HTML源码.zip
版权申诉
129 浏览量
2024-03-28
09:30:58
上传
评论
收藏 3.28MB ZIP 举报
毕设&课设&大作业-化妆品品牌产品在线响应式网页模板-适配移动端-HTML源码.zip （73个子文件） 
化妆品品牌产品在线响应式网页模板-适配移动端-HTML源码 html js 
bootstrap.js 120KB bootstrap.bundle.js.map 351KB modernizer.js 141KB jquery.mCustomScrollbar.concat.min.js 44KB bootstrap.bundle.min.js.map 287KB jquery-3.0.0.min.js 11KB bootstrap.min.js 49KB jquery.validate.js 48KB popper.min.js 19KB bootstrap.bundle.min.js 69KB bootstrap.bundle.js 206KB bootstrap.js.map 208KB plugin.js 897KB custom.js 10KB slider-setting.js 3KB jquery.min.js 85KB bootstrap.min.js.map 172KB css style.css 15KB bootstrap-grid.css.map 95KB bootstrap.min.css 137KB bootstrap-grid.css 37KB bootstrap-grid.min.css.map 67KB bootstrap-reboot.min.css.map 25KB icomoon.css 28KB responsive.css 8KB normalize.css 7KB default-skin.css 11KB meanmenu.css 4KB bootstrap.css.map 415KB jquery-ui.css 35KB slick.css 2KB bootstrap.css 169KB font-awesome.min.css 30KB bootstrap-reboot.css 5KB jquery.fancybox.min.css 14KB bootstrap-reboot.css.map 58KB jquery.mCustomScrollbar.min.css 42KB animate.min.css 52KB owl.carousel.min.css 3KB bootstrap-grid.min.css 28KB bootstrap.min.css.map 545KB bootstrap-reboot.min.css 4KB nice-select.css 4KB
client.html 10KB index.html 27KB contact.html 8KB about.html 8KB images 
search-icon.png 1KB bag-icon.png 2KB img-4.png 41KB img-3.png 38KB img-5.png 40KB logo.png 2KB mail-icon.png 1KB map-icon.png 1KB img-11.png 18KB about-img.png 421KB toggle-icon.png 986B img-6.png 28KB img-12.png 23KB user-icon.png 1KB footer-logo.png 2KB img-7.png 49KB img-2.png 44KB img-1.png 45KB img-10.png 38KB banner-img.png 788KB banner-bg.png 695KB client-img.png 34KB img-8.png 25KB call-icon.png 1KB img-9.png 55KB products.html 18KB fonts 资源评论
