<!DOCTYPE html>
<html>
<head>
<title>Home</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<link href="css/style.css" rel='stylesheet' type='text/css' />
<link href='#css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
<script src="js/jquery.min.js"></script>
<!---- start-smoth-scrolling---->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
</head>
<body>
<div class="banner" id="home">
<div class="container">
<div class="header">
<div class="header-left">
<h1><a href="index.html"><img src="images/logo.png" alt=""></a></h1>
</div>
<div class="menu">
<a class="toggleMenu" href="#"><img src="images/menu1.png" alt="" /> </a>
<ul class="nav" id="nav">
<li><a class="active" href="#home" class="scroll">Home.</a></li>
<li><a href="#news" class="scroll">News.</a></li>
<li><a href="#work" class="scroll">Work.</a></li>
<li><a href="#about" class="scroll">About.</a></li>
<li><a href="#contact" class="scroll">Contact.</a></li>
<li><a href="#" class="scroll"><span class="twitter"> </span></a></li>
<li><a href="#" class="scroll"><span class="facebook"> </span></a></li>
</ul>
<!----start-top-nav-script---->
<script type="text/javascript" src="js/responsive-nav.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
});
});
</script>
<!----//End-top-nav-script---->
</div>
<div class="clearfix"> </div>
</div>
<div class="banner-text">
<h3>Creating realistic</h3>
<h1>WORKSHOP UNIQUE DECORATIONS</h1>
<ul>
<li><a class="active" href="#">Learn more</a></li>
<li><a href="#">choose decoration</a></li>
</ul>
</div>
</div>
</div>
<div class="news" id="news">
<div class="container">
<div class="news-main">
<div class="col-md-6 news-left">
<h2>OUR INTERESTING HISTORY</h2>
</div>
<div class="col-md-6 news-right">
<p>Science in the media always seems to be very one-sided. News media chasing sensations and much has been written about the research, "British scientists" and the low probability, but high-profile discoveries, which may take place in the future, not only paying attention to really important things. In addition, the Internet, magazines and television are often held discussions on</p>
<p>Science in the media always seems to be very one-sided. News media chasing sensations and much has been written about the research, "British scientists" and the low probability, but high-profile discoveries, which may take place in the future, not only paying attention to really important things. In addition, the Internet, magazines and television are often held discussions on</p>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<div class="work" id="work">
<div class="container">
<div class="work-main">
<div class="work-top">
<h3>How does it works?</h3>
<img src="images/string.png" alt="">
<p>You can ask your question by filling in the form Callback</p>
</div>
<div class="work-bottom">
<div class="work-bottom-top">
<div class="col-md-4">
<div class="work-bottom-left">
<span class="work-icon1"> </span>
<h4>Select a piece of jewelry that<br>
you like.</h4>
<p>You can choose your size, decoration material (silver, gold)</p>
</div>
</div>
<div class="col-md-4">
<div class="work-bottom-left">
<span class="work-icon2"> </span>
<h4>Make decoration
<br>unique.</h4>
<p>You can write a variety of phrases, change shape, and even adjust the polishing.</p>
</div>
</div>
<div class="col-md-4">
<div class="work-bottom-left">
<span class="work-icon3"> </span>
<h4>Payment methods chosen
decorations.</h4>
<p>You can use a credit card, and other convenient for you.</p>
</div>
</div>
<div class="clearfix"> </div>
</div>
<div class="work-bottom-top">
<div class="col-md-4">
<div class="work-bottom-left">
<span class="work-icon4"> </span>
<h4>Above decoration will be ready within 3-7 days.</h4>
<p>On this site you can choose the most convenient way for delivery.</p>
</div>
</div>
<div class="col-md-4">
<div class="work-bottom-left">
<span class="work-icon5"> </span>
<h4>You have successfully passed all the menu items.</h4>
<p>We beautifully pack and deliver your decoration in our signature box.</p>
</div>
</div>
<div class="col-md-4">
<div class="work-bottom-left">
<span class="work-icon6"> </span>
<h4>Wear purchased item with
pleasure.</h4>
<p>As credit cards, and other convenient for you.</p>
</div>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
</div>
</div>
<div class="about" id="about">
<div class="container">
<div class="about-main">
<div class="col-md-6 about-left">
<img src="images/ring1.png" alt="">
</div>
<div class="col-md-6 about-right">
<h3>Mercury</h3>
<p>Science in the media always seems to be very one-sided. News media chasing sensations and much has been written about the research.Science in the media always seems to be very one-sided.</p>
<a class="active" href="#">Learn more</a>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<div class="choose">
<div class="container">
<div class="choose-main">
<div class="col-md-5 choose-left">
<h2>WHY CHOOSE WE?</h2>
</div>
<div class="col-md-7 choose-right">
<div class="col-md-6 choose-right-top">
<h4>Simplicity</h4>
<p> It was popularised in the 1960s with the release of Letraset sheets containing change shape Letraset Lorem Ipsum passages.</p>
</div>
<div class="col-md-6 choose-right-top">
<h4>Handmade</h4>
<p>many variations of passages of Lorem Ipsum Letraset available, but the majority have suffered alteration by injected humour.</p>
</div>
<div class="clearfix"> </div>
<div class="col-md-6 choose-right-top">
<h4>The uniqueness</h4>
<p>chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. </p>
</div>
<div class="col-md-6 choose-right-top">
<h4>Trust</h4>
<p>Many desktop publishing packages and web page editors now use'lorem ipsum' will uncover </p>
</div>
<div class="clearfix"> </div>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<div class="gallery">
<div class="container">
<div class="gallery-main">
<div class="gallery-top">
<div class="gallery-top-img">
<img src="images/ring-6.png" alt="">
</div>
<div class="gallery-top-img">
<img src="images/ring-5.png" alt="">
</div>
<div class="gallery-top-img">
<img src="images/ring-4.png" alt="">
</div>
<div class="gallery-top
钻戒商店HTML网站模板是一款简洁白色的城市商店背景风格网站模板下载。_html网站模板_网页源码移动端前端_H5模板.rar
176 浏览量
2023-08-05
11:23:57
上传
评论
收藏 3.9MB RAR 举报
钻戒商店HTML网站模板是一款简洁白色的城市商店背景风格网站模板下载。_html网站模板_网页源码移动端前端_H5模板.rar （34个子文件） 
钻戒商店HTML网站模板是一款简洁白色的城市商店背景风格网站模板下载。 moban174 js 
responsive-nav.js 1KB easing.js 5KB move-top.js 1KB jquery.min.js 92KB css style.css 20KB bootstrap.css 118KB
index.html 18KB images 
heart.png 5KB ring-1.png 97KB banner.png 1.23MB ring1.png 249KB ring-5.png 128KB port-3.png 321KB port-1.png 236KB logo.png 4KB social-icons.png 4KB ring-3.png 109KB port-5.png 185KB adjust.png 4KB string.png 3KB quots.png 4KB port-6.png 314KB calender.png 3KB port-4.png 306KB port-2.png 329KB dollor.png 5KB fblike.png 5KB icons.png 671B ring-2.png 121KB ring-4.png 112KB hut.png 4KB scroll-top.png 486B menu1.png 1KB ring-6.png 125KB资源评论
