<!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, maximum-scale=1">

    <!-- Mobile Web-app fullscreen -->

    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="mobile-web-app-capable" content="yes">

    <!-- Meta tags -->

    <meta name="description" content="Extended Bootstrap 4 Template">
    <meta name="author" content="Goran Hrustic">
    <link rel="icon" href="assets/svg/favicon.ico">

    <!-- Title -->

    <title>Reveal - Landing pages</title>

    <!-- Vendor stylesheets -->

    <link rel="stylesheet" media="all" href="css/vendor/animate.css" />
    <link rel="stylesheet" media="all" href="css/vendor/font-awesome.css" />
    <link rel="stylesheet" media="all" href="css/vendor/linear-icons.css" />
    <link rel="stylesheet" media="all" href="css/vendor/owl.carousel.css" />
    <link rel="stylesheet" media="all" href="css/vendor/jquery.lavalamp.css" />

    <!-- Template stylesheets -->

    <link rel="stylesheet" media="all" href="css/style.css" />

    <!--HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries-->
    <!--[if lt IE 9]><script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script><![endif]-->
<script type="text/javascript" src="https://cdn.weglot.com/weglot.min.js"></script>
<script>
    Weglot.initialize({
        api_key: 'wg_0c9f43b917565606215930d6452d9d194'
    });
</script>

</head>

<body>
    <div class="loader">
        <div class="spinner-border" role="status">
            <span class="sr-only">Loading...</span>
        </div>
    </div>
    <!-- Main navigation -->
    
    <nav class="navbar navbar-expand-lg navbar-sticky navbar-dark">
        <div class="container">
    
            <!-- Logo -->
    
            <a class="navbar-brand mr-1" href="index.html">
                <img src="assets/svg/reveal-logo.svg" alt="">
            </a>
    
            <!-- Collapse -->
    
            <div class="collapse navbar-collapse navbar-collapse-sidebar" id="mainNavbar">
    
                <!-- Mobile search -->
    
                <div class="d-block d-lg-none">
                    <div class="p-3">
                        <div class="d-flex justify-content-between align-items-center">
                            <img src="assets/svg/reveal-symbol.svg" alt="">
                            <button class="btn p-0" type="button" data-toggle="collapse" data-target="#mainNavbar" aria-controls="mainNavbar" aria-expanded="false" aria-label="Toggle navigation">
                                <span class="icon icon-cross font-size-lg"></span>
                            </button>
                        </div>
                    </div>
                    <div class="bg-light">
                        <div class="form-group form-group-icon">
                            <input type="text" class="form-control form-control-simple" placeholder="Search site">
                            <button class="btn btn-clean"><i class="icon icon-magnifier"></i></button>
                        </div>
                    </div>
                </div>
    
                <!-- Navbar links -->
    
                <ul class="navbar-nav ml-auto">
    
                    <li class="nav-item">
                        <a class="nav-link" href="index.html">Home</a>
                    </li>
    
                    <!-- Single dropdown -->
    
                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle" href="#" id="pages" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            Pages
                        </a>
                        <div class="dropdown-menu" aria-labelledby="pages">
                            <a class="dropdown-item" href="landing-pages.html">
                                <div class="d-flex align-items-center">
                                    <div>
                                        <div class="px-1">
                                            <i class="icon icon-book"></i>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="px-2">
                                            <p>Landing pages</p>
                                            <span class="label">Pre-maded templates</span>
                                        </div>
                                    </div>
                                </div>
                            </a>
                            <a class="dropdown-item" href="inner-pages.html">
                                <div class="d-flex align-items-center">
                                    <div>
                                        <span class="px-1">
                                            <i class="icon icon-layers"></i>
                                        </span>
                                    </div>
                                    <div>
                                        <div class="px-2">
                                            <p>Inner pages</p>
                                            <span class="label">Combine with everything</span>
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </div>
                    </li>
    
                    <!-- Mega dropdown -->
    
                    <li class="nav-item dropdown position-static">
                        <a class="nav-link dropdown-toggle" href="#" id="ecommerce" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Shop</a>
    
                        <div class="dropdown-menu w-100 bg-white border-top" aria-labelledby="ecommerce">
                            <div class="py-3 px-lg-4 py-lg-5">
                                <div class="container d-block p-0">
                                    <div class="row">
    
                                        <div class="col-lg-3">
    
                                            <div class="pre-label p-2">
                                                Shop
                                            </div>
    
                                            <a class="dropdown-item rounded-sm" href="products-grid.html">
                                                <p>Products grid</p>
                                                <span class="label">Cards grid preview</span>
                                            </a>
    
                                            <a class="dropdown-item rounded-sm" href="products-list.html">
                                                <p>Products list</p>
                                                <span class="label">Cards list preview</span>
                                            </a>
    
                                            <a class="dropdown-item rounded-sm" href="products-topbar.html">
                                                <p>Products topbar</p>
                                                <span class="label">Card grid with top filters</span>
                                            </a>
    
                                            <a class="dropdown-item rounded-sm" href="products-grid-flat.html">
                                                <p>Products grid flat <span class='badge badge-danger'>New</span></p>
                                                <span class="label">Cards with flat filters</span>
                                            </a>
    
                                            <a class="dropdown-item rounded-sm" href="products-list-flat.html">
                                                <p>Products list flat</p>
                                                <span class="label">Cards with flat filters</span>
                                            </a>
    
                                        </div>
    
                                        <div class="col-lg-3">
    
                                            <div class="pre-label p-2">
                                                Orders
                                            </div>
    
                                            <a class="dropdown-item rounded-sm" href="checkout.html">
                                                <p>Checkout</p>
                                                <span class="label">Order checkout example</span>
                                            </a>
    
                                            <a class="dropdown-item rounded-sm" href="checkout-login.html">
                                                <p>Login & register</p>
                                                <span class="label">Login forms</span>
                                            </a>
    
                                            <a class="dropdown-item rounded-sm" href="checkout-delivery.html">
                                                <p>Delivery</p>
                                                <span class="label">Delivery methods</span>
                                            </a>
    
                                            <a class="dropdown-item rounded-sm" href="checkout-payment.html">
                                                <p>Payment</p>
                                                <span class="label">Payment options</span>
                                            </a>
    
                                            <a class="dropdown-item rounded-sm" href="checkout-receipt.html">
                                                <p>Receipt</p>
                                                <span class="label">Receipt &amp; email confirmation</span>
                                            </a>
    
                                        </div>
    
                                        <div class="col-lg-3">
    
                                            <div class="pre-label p-2">
                                                Product page
                                            </div>
    
                                            <a class="dropdown-item rounded-sm" href="product.html">
                                                <p>Product page</p>
                                                <span class="label">Simple preview</span>
                                            </a>
    
                                            <a class="dropdown-item rounded-sm" href="product-advanced.html">
                                                <p>Product advanced</p>
                                                <span class="label">Advanced preview</span>
                                            </a>
    
                                            <a class="dropdown-item rounded-sm" href="product-flat.html">
                                                <p>Product flat <span class='badge badge-danger'>New</span></p>
                                                <span class="label">Flat preview</span>
                                            </a>
    
                                        </div>
    
                                        <div class="col-lg-3">
    
                                            <div class="pre-label p-2">
                                                Account
                                            </div>
    
                                            <a class="dropdown-item rounded-sm" href="profile.html">
                                                <p>Profile page</p>
                                                <span class="label">User profile</span>
                                            </a>
    
                                            <a class="dropdown-item rounded-sm" href="profile-payment.html">
                                                <p>Payment options</p>
                                                <span class="label">Set default payemnt</span>
                                            </a>
    
                                            <a class="dropdown-item rounded-sm" href="profile-notifications.html">
                                                <p>Notifications</p>
                                                <span class="label">Edit alerts</span>
                                            </a>
    
                                            <a class="dropdown-item rounded-sm" href="profile-orders.html">
                                                <p>My Orders</p>
                                                <span class="label">Order history</span>
                                            </a>
    
                                            <a class="dropdown-item rounded-sm" href="profile-whishlist.html">
                                                <p>Wishlist</p>
                                                <span class="label">Saved products</span>
                                            </a>
    
                                        </div>
    
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
    
                    <!-- Single dropdown -->
    
                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle" href="#" id="support" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            Support
                        </a>
                        <div class="dropdown-menu" aria-labelledby="support">
                            <a class="dropdown-item" href="../documentation/index.html">
                                <div class="d-flex align-items-center">
                                    <div>
                                        <span class="px-1 text-primary">
                                            <i class="icon icon-book"></i>
                                        </span>
                                    </div>
                                    <div>
                                        <div class="px-2">
                                            <p>Documentation</p>
                                            <span class="label">Examples and guidelines</span>
                                        </div>
                                    </div>
                                </div>
                            </a>
                            <a class="dropdown-item" href="http://helpdesk.elathemes.com/" target="_blank">
                                <div class="d-flex align-items-center">
                                    <div>
                                        <span class="px-1 text-danger">
                                            <i class="icon icon-heart-pulse"></i>
                                        </span>
                                    </div>
                                    <div>
                                        <div class="px-2">
                                            <p>Helpdesk</p>
                                            <span class="label">Create ticket</span>
                                        </div>
                                    </div>
                                </div>
                            </a>
                            <a class="dropdown-item" href="https://themeforest.net/item/reveal-responsive-multipurpose-ecommerce-bootstrap-html-template/29644121" target="_blank">
                                <div class="d-flex align-items-center">
                                    <div>
                                        <span class="px-1 text-dark">
                                            <i class="icon icon-cart"></i>
                                        </span>
                                    </div>
                                    <div>
                                        <div class="px-2">
                                            <p>Get licence</p>
                                            <span class="label">Buy this template</span>
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </div>
                    </li>
    
                    <!-- Links mobile -->
    
                    <li class="nav-item d-block d-lg-none">
                        <hr>
                        <a href="#" class="nav-link"><small>Documentation</small></a>
                        <a href="#" class="nav-link"><small>Helpdesk</small></a>
                        <a href="#" class="nav-link"><small>About us</small></a>
                        <hr>
                        <div class="row row-sm">
                            <div class="col-6">
                                <a href="#" class="btn btn-block btn-sm btn-outline-secondary">
                                    <i class="icon icon-map"></i>
                                    <span>Find store</span>
                                </a>
                            </div>
                            <div class="col-6">
                                <a href="#" class="btn btn-block btn-sm btn-outline-secondary">
                                    <i class="icon icon-phone-handset"></i>
                                    <span>Call us</span>
                                </a>
                            </div>
                        </div>
    
                    </li>
    
                </ul>
            </div>
    
            <!-- Navbar toggler -->
    
            <div class="d-flex align-items-center">
                <a class="btn btn-sm btn-primary btn-rounded ml-lg-4 px-3" href="https://themeforest.net/item/reveal-responsive-multipurpose-ecommerce-bootstrap-html-template/29644121">
                    <i class="icon icon-cart"></i> Purchase
                </a>
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#mainNavbar" aria-controls="mainNavbar" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="icon icon-menu"></span>
                </button>
            </div>
    
        </div>
    </nav>

    <!-- Breadcrumbs -->
    
    <header class="header header-main header-sticky bg-dark">
        <div class="pb-2 py-lg-3">
            <div class="container text-light">
                <div class="row align-items-center">
                    <div class="col-lg-8">
                        <h2 class="mb-0 h4">Landing pages</h2>
                        <small class="pre-label d-none d-lg-block">Predefined templates</small>
                    </div>
                    <div class="col-lg-4 text-lg-right pt-2 pt-lg-0">
                        <ol class="breadcrumb breadcrumb-light justify-content-lg-end">
                            <li class="breadcrumb-item"><a href="#">Home</a></li>
                            <li class="breadcrumb-item"><a href="#">Library</a></li>
                            <li class="breadcrumb-item"><a href="#">Category</a></li>
                            <li class="breadcrumb-item active" aria-current="page">Data</li>
                        </ol>
                    </div>
                </div>
            </div>
        </div>
    </header>

    <!-- SVG Divider -->
    
    <section class="divider bg-dark">
        <svg class="svg svg-light" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1920" height="100" viewBox="0 0 1920 100" preserveAspectRatio="none meet">
            <path d="M0,11S168.915,69.242,406.27,70.7,685.853,57.593,850.4,37.207,1259.752,73.448,1517.323,70.7,1920,19.667,1920,19.667V101H0Z" transform="translate(0 -1)" />
            <path d="M1920,102.048s-89.6,137.879-398.308,19.053c-162.379-62.5-391.708,20.855-598.484,20.855-206.775,22.449-295.6-77.886-503.833-39.909C286.864,132.511,0,110.668,0,110.668v62.337H1920Z" transform="translate(0 -73.005)" fill-opacity=".2" />
            <path d="M0,102.147S407.045,189.7,555.574,121.265C717.953,58.549,760.893,69.884,840.982,85.957c188.351,79.39,348.351-56.61,532.351,70.057C1489,91.538,1920,110.8,1920,110.8v62.551H0Z" transform="translate(0 -73.347)" fill-opacity=".4" />
        </svg>
    </section>

    <section class="pt-3">
        <div class="container">
    
            <header class="mb-3">
                <label class="pre-label">Templates preview</label>
            </header>
    
            <div class="row mb-5">
                <div class="col-lg-4">
                    <div class="mb-3">
                        <div class="box box-image box-hover br-sm mb-3 shadow-sm bg-gray px-5 pt-5">
                            <a href="templates/clothing.html" target="_blank">
                                <img src="assets/images/layouts/layout-clothing.png" class="card-img-top" alt="...">
                            </a>
                        </div>
                        <p class="lead">Clothing</p>
                    </div>
                </div>
    
                <div class="col-lg-4">
                    <div class="mb-3">
                        <div class="box box-image box-hover br-sm mb-3 shadow-sm bg-gray px-5 pt-5">
                            <a href="templates/hotel.html" target="_blank">
                                <img src="assets/images/layouts/layout-hotel.png" class="card-img-top" alt="...">
                            </a>
                        </div>
                        <p class="lead">Hotel</p>
                    </div>
                </div>
    
                <div class="col-lg-4">
                    <div class="mb-3">
                        <div class="box box-image box-hover br-sm mb-3 shadow-sm bg-gray px-5 pt-5">
                            <a href="templates/furniture.html" target="_blank">
                                <img src="assets/images/layouts/layout-furniture.png" class="card-img-top" alt="...">
                            </a>
                        </div>
                        <p class="lead">Furniture</p>
                    </div>
                </div>
    
                <div class="col-lg-4">
                    <div class="mb-3">
                        <div class="box box-image box-hover br-sm mb-3 shadow-sm bg-gray px-5 pt-5">
                            <a href="templates/architecture.html" target="_blank">
                                <img src="assets/images/layouts/layout-architecture.png" class="card-img-top" alt="...">
                            </a>
                        </div>
                        <p class="lead">Architecture</p>
                    </div>
                </div>
    
                <div class="col-lg-4">
                    <div class="mb-3">
                        <div class="box box-image box-hover br-sm mb-3 shadow-sm bg-gray px-5 pt-5">
                            <a href="templates/agency.html" target="_blank">
                                <img src="assets/images/layouts/layout-agency.png" class="card-img-top" alt="...">
                            </a>
                        </div>
                        <p class="lead">Agency</p>
                    </div>
                </div>
    
                <div class="col-lg-4">
                    <div class="mb-3">
                        <div class="box box-image box-hover br-sm mb-3 shadow-sm bg-gray px-5 pt-5">
                            <a href="templates/corporate.html" target="_blank">
                                <img src="assets/images/layouts/layout-corporate.png" class="card-img-top" alt="...">
                            </a>
                        </div>
                        <p class="lead">Corporate</p>
                    </div>
                </div>
    
            </div>
    
            <div class="pt-5 text-center">
                <a href="inner-pages.html" class="btn btn-primary btn-rounded px-4">
                    <i class="icon icon-layers"></i>
                    View inner pages
                </a>
            </div>
    
        </div>
    </section>
    
    <!-- Footer -->
    
    <footer class="bg-dark text-white">
        <div class="container">
            <div class="row justify-content-between align-items-end text-center text-md-left">
    
                <div class="col-md-4 mb-4 mb-md-0">
                    <a href="../documentation/index.html" class="link link-underline link-light mr-3"><i class="icon icon-book"></i> Documentation</a>
                    <a href="http://helpdesk.elathemes.com/" class="link link-underline link-light mr-3"><i class="icon icon-heart-pulse"></i> Help</a>
                </div>
    
                <div class="col-md-6 text-md-right">
                    <a href="https://themeforest.net/item/reveal-responsive-multipurpose-ecommerce-bootstrap-html-template/29644121" class="btn btn-outline-light btn-rounded btn-sm px-3">
                        <i class="icon icon-cart"></i> Get the licence
                    </a>
                </div>
    
            </div>
    
            <div class="pt-5 text-muted text-center">
                <div class="mb-3"><img src="assets/svg/reveal-logo.svg" alt=""></div>
                <div><small class="text-muted pre-label">A bold visual experience</small></div>
                <small>All rights reserved 2025 © Reveal</small>
            </div>
        </div>
    </footer>

    <!-- Vendor Scripts -->

    <script src="js/vendor/jquery.min.js"></script>
    <script src="js/vendor/bootstrap.bundle.js"></script>
    <script src="js/vendor/in-view.min.js"></script>
    <script src="js/vendor/jquery.lavalamp.js"></script>
    <script src="js/vendor/owl.carousel.js"></script>
    <script src="js/vendor/rellax.js"></script>
    <script src="js/vendor/wow.js"></script>
    <script src="js/vendor/tabzy.js"></script>
    <script src="js/vendor/isotope.pkgd.js"></script>

    <!-- Template Scripts -->

    <script src="js/main.js"></script>
    <script src="js/custom.js"></script>

    </body>

</html>

											/*column transition and animation*/

.zpelem-box.zpelement.zpbox-container.zpdefault-section.zpdefault-section-bg.zpbackground-size-cover.zpbackground-position-center-center.zpbackground-repeat-all.zpbackground-attachment-scroll.zpsticky-enabled{transition: 0.5s;}

													/*Second Section Hover start*/
body > div.theme-content-area > div > div > div > div:nth-child(2) > div > div > div > div{transition: 0.5s all ease-in-out; !important;}
body > div.theme-content-area > div > div > div > div:nth-child(2) > div > div > div >div:hover{transform: scale(1.1)!important;
    -ms-transform: scale(1.1)!important;}
													/*Second Section Hover end*/
													/*new arrivals Section Hover start*/
body > div.theme-content-area > div > div > div > div.zpsection.zplight-section.zplight-section-bg > div > div.zprow.zpalign-items-flex-start.zpjustify-content-flex-start.zpdefault-section.zpdefault-section-bg > div > div.zpelement.zpelem-image > div > figure > a > picture > img{transition: 0.5s all ease-in-out; !important;}
body > div.theme-content-area > div > div > div > div.zpsection.zplight-section.zplight-section-bg > div > div.zprow.zpalign-items-flex-start.zpjustify-content-flex-start.zpdefault-section.zpdefault-section-bg > div > div.zpelement.zpelem-image > div > figure > a > picture > img:hover{transform: scale(1.2)!important;
    -ms-transform: scale(1.2)!important;}
													/*new arrivals Section Hover end*/
															/*background image hover */
body > div.theme-content-area > div > div > div > div:nth-child(4) > div > div > div:nth-child(2) > div {transition: 0.5s all ease-in-out; !important;}
body > div.theme-content-area > div > div > div > div:nth-child(4) > div > div > div:nth-child(2) > div:hover {transform: scale(1.05);}

body > div.theme-content-area > div > div > div > div:nth-child(4) > div > div > div:nth-child(3) > div.zpelem-box.zpelement.zpbox-container.zpdefault-section.zpdefault-section-bg.zpbackground-size-cover.zpbackground-position-center-top.zpbackground-repeat-all.zpbackground-attachment-scroll{transition: 0.5s ease-in-out; !important;}
body > div.theme-content-area > div > div > div > div:nth-child(4) > div > div > div:nth-child(3) > div.zpelem-box.zpelement.zpbox-container.zpdefault-section.zpdefault-section-bg.zpbackground-size-cover.zpbackground-position-center-top.zpbackground-repeat-all.zpbackground-attachment-scroll:hover {
    transform: scale(1.05);}

body > div.theme-content-area > div > div > div > div:nth-child(4) > div > div > div:nth-child(3) > div.zprow.zpalign-items-flex-start.zpjustify-content-flex-start.zpdefault-section.zpdefault-section-bg > div {transition: 0.5s all ease-in-out; !important;}
body > div.theme-content-area > div > div > div > div:nth-child(4) > div > div > div:nth-child(3) > div.zprow.zpalign-items-flex-start.zpjustify-content-flex-start.zpdefault-section.zpdefault-section-bg > div:hover {transform: scale(1.05);}

				/*From Our Blog Section Hover start*/
img.zpimage.zpimage-style-none.zpimage-space-none:hover{transition: 0.5s all ease-in-out; !important;}
img.zpimage.zpimage-style-none.zpimage-space-none:hover {transform: scale(1.2);}
													/*From Our Blog Section Hover end*/

body > div.zpheader-style-01.theme-header-fixed.theme-mobile-header-fixed > div.theme-header-topbar.theme-hide-res-topbar-checkout.theme-topbar-not-in-header-05{display:none;}

.zpbutton{
    border-radius: 4px !important;
}    
button, input[type='submit'], input[type='reset'], input[type='button'] {
   padding-left: 20px;
swq}
.zphero .zsslider-controller-container.zsslider-controller-type-01 .zsslider-controller {
    background-color: #BA933E;
}
<img class="zpimage zpimage-style-none zpimage-space-none " src="/10a.png" width="" size="fit" alt="" title="" data-lightbox="true">

.wg-default, .wg-default .country-selector {
    top: 0 !important;
    position: fixed;
    right: 20px;
    background:red;
}
/* Age verificayion pop-up button center*/
.eaav-item-allow-year-submit.jsx-3967125346 {
   justify-content: center;
}
/* Product Details Container*/
.theme-prod-detail-content-info-container ul {
	width: 60% !important;
    display: flex !important;
    flex-wrap: wrap;
    padding: 0 !important;
}
.theme-prod-detail-content-info-container ul li {
	display: flex;
    width: 25%;
    list-style-type: none !important;
    column-gap: 12px;
    align-items: center;
    justify-content: flex-start;
}

.cng_color a{
	color: #AE9E71 !important;
}

.zpbutton-type-primary {
    background: #AE9E71 !important;
}

.theme-prod-detail-content-info-container ul li img {
	height: 65px;
    width: 65px;
}

.jzAUPt {
	background: #AE9E71 !important;
}

.zpbutton-type-primary {
    color: white !important;
    border: none !important;
}

div#zpcookie-banner {
	background: #AE9E71 !important;
}

.zpcookie-action-buttons {
	background: white !imortant;
}

a#zpconsent-manage {
    background: rgba(234, 119, 4, 0.85) !important;
}

/*.zpdark-section a {
	color: #AE9E71 !important;
}*/

a {
	color: #AE9E71 !important;
}

.theme-mini-cart-count {
	background: #AE9E71 !important;
}

@media (min-width: 700px) {
  .box1 {
	height: 800px;
}
    .box2 {
        height: 395px;
    }
    .box3 {
    	height: 390px;
    }
}
