<!DOCTYPE html>
<html>
<head>
<!-- Basic -->
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!-- Mobile Metas -->
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<!-- Site Metas -->
<link rel="icon" href="images/favicon.png" type="image/gif" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="author" content="" />
<title>Healet</title>
<!-- bootstrap core css -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
<!-- font awesome style -->
<link href="css/font-awesome.min.css" rel="stylesheet" />
<!-- Custom styles for this template -->
<link href="css/style.css" rel="stylesheet" />
<!-- responsive style -->
<link href="css/responsive.css" rel="stylesheet" />
</head>
<body>
<!-- header section strats -->
<header class="header_section">
<div class="container-fluid">
<nav class="navbar navbar-expand-lg custom_nav-container">
<a class="navbar-brand" href="index.html">
<span>
Healet
</span>
</a>
<div class="" id="">
<div class="custom_menu-btn">
<button onclick="openNav()">
<span class="s-1"> </span>
<span class="s-2"> </span>
<span class="s-3"> </span>
</button>
<div id="myNav" class="overlay">
<div class="overlay-content">
<a href="index.html">Home</a>
<a href="about.html">About</a>
<a href="shop.html">Shop</a>
<a href="blog.html">Blog</a>
</div>
</div>
</div>
</div>
</nav>
</div>
</header>
<!-- end header section -->
<!-- slider section -->
<section class="slider_section position-relative">
<div class="slider_bg_box">
<img src="images/slider-bg.jpg" alt="">
</div>
<div class="slider_bg"></div>
<div class="container">
<div class="col-md-9 col-lg-8">
<div class="detail-box">
<h1>
Best Jewellery
<br> Collection
</h1>
<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>
<a href="" class="slider-link">
Shop Now
</a>
</div>
</div>
</div>
</div>
</section>
<!-- end slider section -->
<!-- shop section -->
<section class="shop_section layout_padding">
<div class="container">
<div class="heading_container heading_center">
<h2>
Latest Products
</h2>
</div>
<div class="row">
<div class="col-sm-6 col-md-4 col-lg-3">
<div class="box">
<a href="">
<div class="img-box">
<img src="images/p1.png" alt="">
</div>
<div class="detail-box">
<h6>
Necklace
</h6>
<h6>
Price
<span>
$200
</span>
</h6>
</div>
<div class="new">
<span>
New
</span>
</div>
</a>
</div>
</div>
<div class="col-sm-6 col-md-4 col-lg-3">
<div class="box">
<a href="">
<div class="img-box">
<img src="images/p2.png" alt="">
</div>
<div class="detail-box">
<h6>
Necklace
</h6>
<h6>
Price
<span>
$300
</span>
</h6>
</div>
<div class="new">
<span>
New
</span>
</div>
</a>
</div>
</div>
<div class="col-sm-6 col-md-4 col-lg-3">
<div class="box">
<a href="">
<div class="img-box">
<img src="images/p3.png" alt="">
</div>
<div class="detail-box">
<h6>
Necklace
</h6>
<h6>
Price
<span>
$110
</span>
</h6>
</div>
<div class="new">
<span>
New
</span>
</div>
</a>
</div>
</div>
<div class="col-sm-6 col-md-4 col-lg-3">
<div class="box">
<a href="">
<div class="img-box">
<img src="images/p4.png" alt="">
</div>
<div class="detail-box">
<h6>
Ring
</h6>
<h6>
Price
<span>
$45
</span>
</h6>
</div>
<div class="new">
<span>
New
</span>
</div>
</a>
</div>
</div>
<div class="col-sm-6 col-md-4 col-lg-3">
<div class="box">
<a href="">
<div class="img-box">
<img src="images/p5.png" alt="">
</div>
<div class="detail-box">
<h6>
Ring
</h6>
<h6>
Price
<span>
$95
</span>
</h6>
</div>
<div class="new">
<span>
New
</span>
</div>
</a>
</div>
</div>
<div class="col-sm-6 col-md-4 col-lg-3">
<div class="box">
<a href="">
<div class="img-box">
<img src="images/p6.png" alt="">
</div>
<div class="detail-box">
<h6>
Earrings
</h6>
<h6>
Price
<span>
$70
</span>
</h6>
</div>
<div class="new">
<span>
New
</span>
</div>
</a>
</div>
</div>
<div class="col-sm-6 col-md-4 col-lg-3">
<div class="box">
<a href="">
<div class="img-box">
<img src="images/p7.png" alt="">
</div>
<div class="detail-box">
<h6>
Earrings
</h6>
<h6>
Price
<span>
$400
</span>
</h6>
</div>
<div class="new">
<span>
New
</span>
</div>
</a>
</div>
</div>
<div class="col-sm-6 col-md-4 col-lg-3">
<div class="box">
<a href="">
<div class="img-box">
<img src="images/p8.png" alt="">
</div>
<div class="detail-box">
<h6>
Necklace
</h6>
基于HTML+CSS+JS开发的网站-异域风情珠宝展示响应式网页.7z （34个子文件） 
【web课设】异域风情珠宝展示响应式网页-HTML源码 html js 
bootstrap.js 134KB custom.js 818B jquery-3.4.1.min.js 86KB
shop.html 11KB css style.css 18KB style.css.map 15KB responsive.css 2KB bootstrap.css 188KB font-awesome.min.css 30KB style.scss 14KB index.html 20KB about.html 6KB images 
about-img.jpg 233KB
p7.png 30KB b1.jpg 62KB p8.png 39KB o3.jpg 53KB p5.png 42KB b2.jpg 82KB slider-bg.jpg 378KB client.jpg 47KB p1.png 112KB p2.png 69KB p4.png 74KB p6.png 95KB o2.jpg 75KB p3.png 43KB o1.jpg 146KB favicon.png 18KB blog.html 7KB fonts fontawesome-webfont.woff 96KB fontawesome-webfont.woff2 75KB octin_sports_rg.ttf 63KB fontawesome-webfont.ttf 162KB资源评论
