<!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源码.zip
共34个文件
png:9个
jpg:8个
css:4个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 43 浏览量
2024-03-27
09:02:43
上传
评论
收藏 1.95MB ZIP 举报
温馨提示
这份HTML网站源码具备出色的移动端适配能力,能够确保你的网站在各种尺寸的移动设备上都能完美呈现。无论是iOS还是Android系统,无论是竖屏还是横屏,这份源码都能自动调整布局,提供流畅、清晰的用户体验。 这份资源的专业性不仅体现在其高效的响应式设计上,还体现在其丰富的功能和易用性上。它支持多种流行的前端框架和库,如Bootstrap、jQuery等,使得开发过程更加高效、灵活。此外,它还提供了丰富的页面模板和组件,可以满足各种不同的业务需求。 使用这份HTML网站源码资源,你将获得一个专业、美观且易于维护的网站。不仅如此,它的高性能和优秀的搜索引擎优化(SEO)特性也将帮助你的网站在激烈的市场竞争中脱颖而出。总之,这份资源是打造成功网站的不二之选。
资源推荐
资源详情
资源评论
收起资源包目录
异域风情珠宝展示响应式网页模板-适配移动端-HTML源码.zip (34个子文件)
异域风情珠宝展示响应式网页模板-适配移动端-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
共 34 条
- 1
资源评论
DTcode7
- 粉丝: 9627
- 资源: 4699
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功