?
áEÓê¤ÎïLwebshll2019
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="author" content="Themes Industry">
<!-- description -->
<meta name="description" content="Product is a highly creative, modern, visually stunning and Bootstrap responsive multipurpose agency and HTML5 template with 14 ready home page demos.">
<!-- keywords -->
<meta name="keywords" content="creative, modern, clean, bootstrap responsive, html5, css3, portfolio, blog, agency, templates, multipurpose, one page, corporate, start-up, studio, branding, designer, freelancer, carousel, parallax, photography, personal, masonry, grid, faq">
<!-- Page Title -->
<title>Jewelry | MegaOne | Creative HTML5 Template</title>
<!-- Favicon -->
<link rel="icon" href="../jewelry/img/favicon.ico">
<!-- Bundle -->
<link rel="stylesheet" href="../vendor/css/bundle.min.css">
<!-- Plugin Css -->
<link rel="stylesheet" href="../vendor/css/cubeportfolio.min.css">
<link rel="stylesheet" href="../vendor/css/owl.carousel.min.css">
<link rel="stylesheet" href="../jewelry/css/animate.min.css">
<link rel="stylesheet" href="../jewelry/css/jquery.fancybox.css">
<link rel="stylesheet" href="../jewelry/css/jquery.fancybox.min.css">
<link rel="stylesheet" href="../vendor/css/line-awesome.min.css">
<link rel="stylesheet" href="../jewelry/css/nouislider.min.css">
<link rel="stylesheet" href="../jewelry/css/range-slider.css">
<!-- Style Sheet -->
<link rel="stylesheet" href="../jewelry/css/style.css">
</head>
<body data-spy="scroll" data-target=".navbar" data-offset="150">
<div class="loader-area">
<div id='spin-wrap'>
<div id='spin'></div>
</div>
</div>
<!-- START NAVBAR SECTION -->
<header>
<!-- NAVBAR FOR LARGE SCREEN-->
<nav id="my-nav1" class="navbar navbar-expand-sm navbar-light rounded-bar transparent-bar bg-white">
<div class="container bg-trans-color">
<div class="logo">
<a href="../index-jewelry.html" class="scroll"><img src="../jewelry/img/logo-black.png" alt="Logo Img"></a>
</div>
<div class="ml-auto mr-auto small-screen">
<div class="banner-icons">
<a><span class="open_search"><i class="las la-search icons"></i> </span></a>
<div class="search_block">
<div class="search_box animated wow fadeInUp">
<div class="inner">
<input type="text" name="search" id="search1" class="search_input" autocomplete="off" placeholder="Enter Your Keywords.." />
<button class="search_icon glyphicon glyphicon-search"><i class="fas fa-search"></i> </button>
</div>
</div>
<div class="search-overlay"></div>
</div>
</div>
<div class="banner-icons">
<a class="dropdown-toggle" data-toggle="dropdown">
<i class="las la-shopping-cart icons"></i></a>
<div class="dropdown-menu dropdown-menu-right dropdown-cart">
<div class="arrow">
<i class="fas fa-caret-up user-utiliity-caret"></i>
<div class="dropdown-heading text-center">
My Cart </div>
<div class="mini-cart-content">
<div class="cart-content d-flex mb-2">
<div class="cart-img">
<a href="blog.html">
<img src="../jewelry/img/cart1.jpg" alt="blog img">
</a>
</div>
<div class="cart-text mt-auto mb-auto text-black">
<p class="mt-auto cart-heading text-left">Diamond Ring<br>
<span class="quantity mb-5">Quantity: 1</span><br>
<span class="price mt-2">$760</span></p>
</div>
</div>
<div class="cart-content d-flex mb-2">
<div class="cart-img">
<img src="../jewelry/img/cart2.jpg" alt="blog img">
</div>
<div class="cart-text mt-auto mb-auto text-black">
<p class="mt-auto cart-heading text-left">Gold Bracelet<br>
<span class="quantity mb-5">Quantity: 1</span><br>
<span class="price mt-2">$80</span></p>
</div>
</div>
<div class="cart-content d-flex mb-2">
<div class="cart-img">
<img src="../jewelry/img/cart3.jpg" alt="blog img">
</div>
<div class="cart-text mt-auto mb-auto text-black">
<p class="mt-auto cart-heading text-left">Simple Earrings<br>
<span class="quantity mb-5">Quantity: 1</span><br>
<span class="price mt-2">$60</span></p>
</div>
</div>
</div>
<div class="cart-btn d-flex justify-content-center">
<a href="cart.html" class="btn btn-slider btn-small trans-btn mr-3">View Cart</a>
<a href="cart.html" class="btn btn-slider btn-small trans-btn">Checkout</a>
</div>
</div>
</div>
</div>
<div class="banner-icons">
<a class="dropdown-toggle" data-toggle="dropdown">
<i class="las la-user icons"></i></a>
<div class="dropdown-menu dropdown-menu-right">
<div class="arrow">
<i class="fas fa-caret-up user-utiliity-caret1"></i>
<div class="dropdown-heading text-center">
My Account </div>
<a class="dropdown-item" data-toggle="modal" data-target="#modal1">
<i class="las la-caret-right"></i> Register </a>
<a class="dropdown-item" data-toggle="modal" data-target="#modal2">
<i class="las la-caret-right"></i> Login </a>
</div>
</div>
</div>
</div>
<div class="my-tog-btn">
<span></span>
<span></span>
<span></span>
</div>
<div class="collapse navbar-collapse" id="navbarSupportedContent1" >
<div class="collapse navbar-collapse">
<ul id="primary" class="navbar-nav ml-auto mr-auto">
<li class="nav-item">
<a class="nav-link" href="../index-jewelry.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="shop.html">Shop</a>
</li>
<li class="nav-item">
<a class="nav-link" href="blog.html">Blog</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
</ul>
<div class="banner-icons">
<a><span class="open_search"><i class="las la-search icons"></i> </span></a>
<div class="search_block">
<div class="search_box animated wow fadeInUp">
<div class="inner">
<input type="text" name="search" id="search" class="search_input" autocomplete="off" placeholder="Enter Your Keywords.." />
<button class="search_icon glyphicon glyphicon-search"><i class="fas fa-search"></i> </button>
</div>
</div>
<div class="search-overlay"></div>
</div>
</div>
<div class="banner-icons pl-1">
<a class="dropdown-toggle" data-toggle="dropdown">
<i class="las la-shopping-cart icons"></i></a>
<div class="dropdown-menu dropdown-menu-right dropdown-cart">
<div class="arrow">
<i class="fas fa-caret-up user-utiliity-caret"></i>
<div class="dropdown-heading text-center">
My Cart </div>
<div class="mini-cart-content">
<div class="cart-content d-flex mb-2">
<div class="cart-img">
<a href="blog.html">
<img src="../jewelry/img/cart1.jpg" alt="blog img">
</a>
</div>
<div class="cart-text mt-auto mb-auto text-black">
<p class="mt-auto cart-heading text-left">Diamond Ring<br>
<span class="quantity mb-5">Quantity: 1</span><br>
<span class="price mt-2">$760</span></p>
</div>
</div>
<div class="cart-content d-flex mb-2">
<div class="cart-img">
<img src="../jewelry/img/cart2.jpg" alt="blog img">
</div>
<div class="cart-text mt-auto mb-auto text-black">
<p class="mt-auto cart-heading text-left">Gold Bracelet<br>
<span class="quantity mb-5">Quantity: 1</span><br>
<span class="price mt-2">$80</span></p>
</div>
</div>
<div class="cart-content d-flex mb-2">
<div class="cart-img">
<img src="../jewelry/img/cart3.jpg" alt="blog img">
</div>
<div class="cart-text mt-auto mb-auto text-black">
<p class="mt-auto cart-heading text-left">Simple Earrings<br>
<span class="quantity mb-5">Quantity: 1</span><br>
<span class="price mt-2">$60</span></p>
</div>
</div>
</div>
<div class="cart-btn d-flex justify-content-center">
<a href="cart.html" class="btn btn-slider btn-small trans-btn mr-3">View Cart</a>
<a href="cart.html" class="btn btn-slider btn-small trans-btn">Checkout</a>
</div>
</div>
</div>
</div>
<div class="banner-icons pl-1">
<a class="dropdown-toggle" data-toggle="dropdown">
<i class="las la-user icons"></i></a>
<div class="dropdown-menu dropdown-menu-right">
<div class="arrow">
<i class="fas fa-caret-up user-utiliity-caret1"></i>
<div class="dropdown-heading text-center">
My Account </div>
<a class="dropdown-item" data-toggle="modal" data-target="#modal1">
<i class="las la-caret-right"></i> Register </a>
<a class="dropdown-item" data-toggle="modal" data-target="#modal2">
<i class="las la-caret-right"></i> Login </a>
</div>
</div>
</div>
</div>
</div>
</div>
</nav>
<!--MODEL WINDOW FOR NAVBAR-->
<div class="outer-window">
<div class="navbar_small">
<a class="close-outerwindow"><i class="las la-times"></i>
</a>
<div class="logo">
<a href="../index-jewelry.html" class="scroll"><img src="../jewelry/img/logo-black.png" alt="Logo Img"></a>
</div>
</div>
<nav class="navbar1">
<ul class="navbar-nav">
<li class="nav-item"><a class="nav-link" href="../index-jewelry.html">Home</a></li>
<li class="nav-item"><a class="nav-link" href="about.html">About</a></li>
<li class="nav-item"><a class="nav-link" href="shop.html">Shop</a></li>
<li class="nav-item"><a class="nav-link" href="blog.html">Blog</a></li>
<li class="nav-item"><a class="nav-link" href="contact.html">Contact</a></li>
</ul>
</nav>
</div>
</header>
<section class="header-shop-img" id="header-shop-img">
<div class="overlay"></div>
</section>
<section class="shop-page" id="shop-page">
<div class="container">
<div class="row mt-5">
<div class="col-12 col-md-3 order-2 order-md-1">
<div class="row">
<div class="col-12">
<div class="filter">
<h1 class="heading text-black">Filter by Price</h1>
<div id="slider-range"></div>
<div class="filter-content d-flex align-items-center">
<p class="price-num sub-heading text-black">Price: <span id="min-p"></span> <span id="max-p"></span></p>
<a href="#" class="btn btn-slider btn-filter trans-btn ml-3">Filter</a>
</div>
</div>
<div class="product-category mt-5">
<h5 class="heading text-black text-center text-lg-left">Category</h5>
<ul>
<li><a href="#">Jewelry </a><span>(2)</span></li>
<li><a href="#">Ring </a><span>(4)</span></li>
<li><a href="#">Bride </a><span>(2)</span></li>
<li><a href="#">Necklace </a><span>(7)</span></li>
<li><a href="#">Diamond </a><span>(9)</span></li>
</ul>
</div>
<div class="sale-img mt-5">
<img src="img/sale.jpg" alt="sale img">
</div>
</div>
</div>
</div>
<div class="col-12 col-md-9 order-1 order-md-2">
<div class="row no-gutters">
<div class="col-12">
<div class="row ml-0 ml-md-5">
<div class="col-12 col-md-4">
<div class="product-hover-effect">
<div class="overlay1">
<ul class="product-icons">
<li class="overlay-icons"><a href="detail.html"><i class="las la-plus verticle-line"></i></a></li>
<li class="overlay-icons"><a href="cart.html"><i class="las la-shopping-cart mr-3"></i></a></li>
</ul>
</div>
<img src="img/shop5.jpg" alt="image">
</div>
<div class="shop-text text-center text-black mt-4 mb-5">
<h1 class="shop-name">Deck Ring</h1>
<p class="price heading text-red">$150.00</p>
</div>
</div>
<div class="col-12 col-md-4">
<div class="product-hover-effect">
<div class="overlay1">
<ul class="product-icons">
<li class="overlay-icons"><a href="detail.html"><i class="las la-plus verticle-line"></i></a></li>
<li class="overlay-icons"><a href="cart.html"><i class="las la-shopping-cart mr-3"></i></a></li>
</ul>
</div>
<img src="img/shop1.jpg" alt="image">
</div>
<div class="shop-text text-center text-black mt-4 mb-5">
<h1 class="shop-name">Simple Gold </h1>
<p class="price heading text-red">$150.00</p>
</div>
</div>
<div class="col-12 col-md-4">
<div class="product-hover-effect">
<div class="overlay1">
<ul class="product-icons">
<li class="overlay-icons"><a href="detail.html"><i class="las la-plus verticle-line"></i></a></li>
<li class="overlay-icons"><a href="cart.html"><i class="las la-shopping-cart mr-3"></i></a></li>
</ul>
</div>
<img src="img/shop2.jpg" alt="image">
</div>
<div class="shop-text text-center text-black mt-4 mb-5">
<h1 class="shop-name">Elegant Bracelet</h1>
<p class="price heading text-red">$150.00</p>
</div>
</div>
<div class="col-12 col-md-4">
<div class="product-hover-effect">
<div class="overlay1">
<ul class="product-icons">
<li class="overlay-icons"><a href="detail.html"><i class="las la-plus verticle-line"></i></a></li>
<li class="overlay-icons"><a href="cart.html"><i class="las la-shopping-cart mr-3"></i></a></li>
</ul>
</div>
<img src="img/shop6.jpg" alt="image">
</div>
<div class="shop-text text-center text-black mt-4 mb-5">
<h1 class="shop-name">Band Ring</h1>
<p class="price heading text-red">$150.00</p>
</div>
</div>
<div class="col-12 col-md-4">
<div class="product-hover-effect">
<div class="overlay1">
<ul class="product-icons">
<li class="overlay-icons"><a href="detail.html"><i class="las la-plus verticle-line"></i></a></li>
<li class="overlay-icons"><a href="cart.html"><i class="las la-shopping-cart mr-3"></i></a></li>
</ul>
</div>
<img src="img/shop4.jpg" alt="image">
</div>
<div class="shop-text text-center text-black mt-4 mb-5">
<h1 class="shop-name">Heart Pendent</h1>
<p class="price heading text-red">$150.00</p>
</div>
</div>
<div class="col-12 col-md-4">
<div class="product-hover-effect">
<div class="overlay1">
<ul class="product-icons">
<li class="overlay-icons"><a href="detail.html"><i class="las la-plus verticle-line"></i></a></li>
<li class="overlay-icons"><a href="cart.html"><i class="las la-shopping-cart mr-3"></i></a></li>
</ul>
</div>
<img src="img/shop3.jpg" alt="image">
</div>
<div class="shop-text text-center text-black mt-4 mb-5">
<h1 class="shop-name">Diamond Ring</h1>
<p class="price heading text-red">$150.00</p>
</div>
</div>
<div class="col-12 col-md-4">
<div class="product-hover-effect">
<div class="overlay1">
<ul class="product-icons">
<li class="overlay-icons"><a href="detail.html"><i class="las la-plus verticle-line"></i></a></li>
<li class="overlay-icons"><a href="cart.html"><i class="las la-shopping-cart mr-3"></i></a></li>
</ul>
</div>
<img src="img/shop7.jpg" alt="image">
</div>
<div class="shop-text text-center text-black mt-4 mb-5">
<h1 class="shop-name">Pearl Earring</h1>
<p class="price heading text-red">$150.00</p>
</div>
</div>
<div class="col-12 col-md-4">
<div class="product-hover-effect">
<div class="overlay1">
<ul class="product-icons">
<li class="overlay-icons"><a href="detail.html"><i class="las la-plus verticle-line"></i></a></li>
<li class="overlay-icons"><a href="cart.html"><i class="las la-shopping-cart mr-3"></i></a></li>
</ul>
</div>
<img src="img/shop8.jpg" alt="image">
</div>
<div class="shop-text text-center text-black mt-4 mb-5">
<h1 class="shop-name">Gold Band</h1>
<p class="price heading text-red">$150.00</p>
</div>
</div>
<div class="col-12 col-md-4">
<div class="product-hover-effect">
<div class="overlay1">
<ul class="product-icons">
<li class="overlay-icons"><a href="detail.html"><i class="las la-plus verticle-line"></i></a></li>
<li class="overlay-icons"><a href="cart.html"><i class="las la-shopping-cart mr-3"></i></a></li>
</ul>
</div>
<img src="img/shop9.jpg" alt="image">
</div>
<div class="shop-text text-center text-black mt-4 mb-5">
<h1 class="shop-name">Sparkling Star</h1>
<p class="price heading text-red">$150.00</p>
</div>
</div>
</div>
</div>
</div>
<!--..........PAGINATION..........-->
<ul class="pagination mt-10 ml-0 ml-md-5">
<li class="page-item active">
<a class="page-link" href="#">1<span class="sr-only">(current)</span></a>
</li>
<li class="page-item"><a class="page-link" href="#">2</a></li>
<li class="page-item"><a class="page-link" href="#">3</a></li>
<li class="page-item">
<a class="page-link" href="#"><i class="fas fa-arrow-right"></i></a>
</li>
</ul>
</div>
</div>
</div>
</section>
<section id="footer" class="footer">
<div class="container">
<div class="row">
<div class="col-12 text-center">
<ul class="footer_ul">
<li class="footer_list"><i class="lab la-facebook-f"></i></li>
<li class="footer_list"><i class="lab la-twitter"></i></li>
<li class="footer_list"><i class="lab la-google-plus"></i></li>
<li class="footer_list"><i class="lab la-linkedin-in"></i></li>
<li class="footer_list"><i class="lab la-instagram"></i></li>
<li class="footer_list"><i class="las la-envelope"></i></li>
</ul>
<p class="info footer_text"><i class="far fa-copyright"></i>2020 MegaOne. Made with love by themesindustry</p>
</div>
</div>
</div>
</section>
<!-- JavaScript -->
<script src="../vendor/js/bundle.min.js"></script>
<!-- Plugin Js -->
<script src="../vendor/js/owl.carousel.min.js"></script>
<script src="../vendor/js/jquery.cubeportfolio.min.js"></script>
<!-- custom script -->
<script src="../jewelry/js/jquery.fancybox.js"></script>
<script src="../jewelry/js/jquery.fancybox.min.js"></script>
<script src="../vendor/js/owl.carousel.min.js"></script>
<script src="../jewelry/js/mediaelement-and-player.min.js"></script>
<script src="../jewelry/js/wow.min.js"></script>
<script src="../vendor/js/parallaxie.min.js"></script>
<script src="../jewelry/js/nouislider.min.js"></script>
<script src="../jewelry/js/.js"></script>
</body>
</html>