{"id":789,"date":"2024-01-25T06:46:39","date_gmt":"2024-01-25T06:46:39","guid":{"rendered":"https:\/\/lozeen.ae\/?page_id=789"},"modified":"2024-06-19T11:54:25","modified_gmt":"2024-06-19T11:54:25","slug":"services","status":"publish","type":"page","link":"https:\/\/lozeen.ae\/index.php\/services\/","title":{"rendered":"Services"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"789\" class=\"elementor elementor-789\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2922303 e-con-full e-flex e-con e-parent\" data-id=\"2922303\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5e1a762 elementor-widget elementor-widget-html\" data-id=\"5e1a762\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!--FONT AWESOME-->\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/4.7.0\/css\/font-awesome.min.css\">\n\n<!--GOOGLE FONTS-->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\n\n<!--PLUGIN-->\n<script src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/3.6.1\/jquery.min.js\"><\/script>\n\n\n<!--HEADER-->\n<header class=\"carousel\">\n    <section class=\"slider\">\n        <ul>\n            <li>\n                <article class=\"center-y padding_2x\">\n                    <h3 class=\"big title\">\n                        Birthdays\n                        <\/h3>\n                    <p>Make every birthday celebration extra sweet with our delectable offerings, tailored to add a sprinkle of joy to your special day!<\/p> \n                    \n                    <a href=\"https:\/\/lozeen.ae\/index.php\/birthdays\/\" class=\"btn btn_3\">Shop Now<\/a>\n                <\/article>\n            <\/li>\n            <li>\n                <article class=\"center-y padding_2x\">\n                    <h3 class=\"big title\">Corporate Events<\/h3>\n                    <p>Impress clients and reward employees with our\n                    sophisticated selection of sweets and chocolates.<\/p> \n                    <a href=\"https:\/\/lozeen.ae\/index.php\/corporate-events\/\" class=\"btn btn_3\">Shop Now<\/a>\n                <\/article>\n            <\/li>\n          <li>\n                <article class=\"center-y padding_2x\">\n                    <h3 class=\"big title\">Catering<\/h3>\n                    <p>Elevate your dining experience with our\n                    artisanal catering services, perfect for any occasion.<\/p> \n                    <a href=\"https:\/\/lozeen.ae\/index.php\/catering\/\" class=\"btn btn_3\">Shop Now<\/a>\n                <\/article>\n            <\/li>\n            \n            <li>\n                <article class=\"center-y padding_2x\">\n                    <h3 class=\"big title\">Special Occasions<\/h3>\n                    <p>Make every moment memorable with our handcrafted sweets\n                    and confectionery for all celebrations.\n                    <\/p> \n                    <a href=\"https:\/\/lozeen.ae\/index.php\/special-occasions\/\" class=\"btn btn_3\">Shop Now<\/a>\n                <\/article>\n            <\/li>\n            \n            <li>\n                <article class=\"center-y padding_2x\">\n                    <h3 class=\"big title\">Weddings<\/h3>\n                    <p>Sweeten your special day with our enchanting\n                    wedding collection, crafted to perfection.<\/p> \n                    <a href=\"https:\/\/lozeen.ae\/index.php\/weddings\/\" class=\"btn btn_3\">Shop Now<\/a>\n                <\/article>\n            <\/li>\n            \n            <li>\n                <article class=\"center-y padding_2x\">\n                    <h3 class=\"big title\">Parties & Celebrations<\/h3>\n                    <p>Add sweetness to your gatherings with our vibrant\n                    range of sweets and chocolates, perfect for any festivity.<\/p> \n                    <a href=\"https:\/\/lozeen.ae\/index.php\/parties-celebrations\/\" class=\"btn btn_3\">Shop Now<\/a>\n                <\/article>\n            <\/li>\n            \n            \n            <aside>\n                <a href=\"#\"><\/a>\n                <a href=\"#\"><\/a>\n                <a href=\"#\"><\/a>\n                <a href=\"#\"><\/a>\n                <a href=\"#\"><\/a>\n                <a href=\"#\"><\/a>\n            <\/aside>\n        <\/ul>\n    <\/section>\n    <a href=\"#services\" class=\"cs-down\"><\/a>\n<\/header>\n\n\n<style>\n    \n    \/***************************\n    CUSTOM SCROLL BAR\n****************************\/\n*, html{\n    scroll-behavior: smooth;\n}\n\n\n:root{\n    --white:#FFF;\n    --black:#232323;\n    --lite:#FFF;\n    --gray:rgba(1,1,1,0.6);\n    --dark:#FB657C;\n    --primary:linear-gradient(145deg,#FB657C,#FB657C);\n    --primary_dark:#970104;\n    --primary_lite:#c24a4e;\n    --secondary:#000a17;\n    --default_font:'lora', sans-serif;\n    --title_font:'lora', sans-serif;\n}\n\n\/***************************\n            DEFAULT\n****************************\/\nbody{\n    margin:0;\n    overflow-x:hidden !important;\n    font-family: var(--default_font);\n}\n\na.btn{\n    text-decoration:none !important;\n    min-width: fit-content;\n    width: fit-content;\n    width: -webkit-fit-content;\n    width: -moz-fit-content;\n}\n\na.btn, button{\n    transition:0.5s;\n}\n\nem{\n    font-style:normal;\n    color:var(--primary_lite);\n}\n\na.btn, p, .btn{\n    font-size:15px;\n}\n\np{\n    line-height:1.9em;\n    color:var(--lite);\n}\n\na.btn, button, input, textarea, select{\n    outline:none !important;\n}\n\n\nh3{\n    line-height:1.5em;\n    margin:0;\n    color: #FBD983;\n}\n\n.title, .sub_title{\n    font-family:var(--title_font);\n    font-weight:400;\n    margin:0;\n}\n\n.flex, .fixed_flex{\n    display:flex;\n}\n\n.flex_content{\n    width:100%;\n    position:relative;\n}\n\n.padding_1x{\n    padding:1rem;\n}\n\n.padding_2x{\n    padding:5rem;\n}\n\n.padding_3x{\n    padding:3rem;\n}\n\n.padding_4x{\n    padding:4rem;\n}\n\n.big{\n    font-size:3.5em;\n}\n\n.medium{\n    font-size:2em;\n}\n\n.small{\n    font-size:1.3em;\n}\n\n.btn{\n    padding:1rem;\n    border-radius:5px;\n    color: var(--white);\n    position:relative;\n    border:0;\n    text-align:center;\n    \n}\n\n.btn_3{\n    \n    display:block;\n    background-color:0;\n    color:var(--white);\n    position:relative;\n    font-family:var(--default_font);\n    font-weight:400;\n    text-transform:uppercase;\n\n}\n.btn_3:hover{\n    color:#FBD983;\n\n}\n\n.btn_3:before{\n    content:\"\";\n    border-radius:50%;\n    background-color:rgba(255,255,255,0.05);\n    position:absolute;\n    left:0;\n    top:50%;\n    width:40px;\n    height:40px;\n    transition:0.5s;\n    transform:translate(0%, -50%);\n}\n\n.btn_3:after{\n    content:\"\\f178\";\n    font-family:\"FontAwesome\";\n    margin-left:5px;\n}\n\n.btn_3:hover:before{\n    border: 2px solid #FBD983;\n    border-radius:0px;\n    width:100%;\n}\n\n@media (max-width:920px){\n    .flex{\n        flex-wrap:wrap;\n    }\n    \n    .padding_1x, .padding_2x, .padding_3x, .padding_4x{\n        padding:1rem;\n    }\n    \n    .big{\n        font-size:1.8em;\n    }\n    \n    .medium{\n        font-size:1.3em;\n    }\n    \n    .small{\n        font-size:1.1em;\n    }\n    \n    .btn{\n        padding:0.5rem 1rem;\n    }\n    \n    a, p, .btn{\n        font-size:12px;\n    }\n}\n\n.slider {\n    position: relative;\n    width: 100%;\n    height: 100vh;\n}\n\nul{\n    padding:0;\n    margin:0;\n}\n\n.slider .title{\n    font-weight:400;\n}\n\n.slider li {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-repeat: no-repeat;\n    transition: clip .7s ease-in-out, z-index 0s .7s;\n    clip: rect(0, 100vw, 100vh, 100vw);\n    display:flex;\n    align-items:center;\n    justify-content:left;\n}\n\n.slider li:nth-child(1){\n    background:linear-gradient(to right, rgba(1,1,1,0.8) 10%, rgba(1,1,1,0.6) 51%, rgba(1,1,1,0) 100%), url(\"https:\/\/lozeen.ae\/wp-content\/uploads\/2024\/02\/pexels-silvia-trigo-1857157-scaled.jpg\");\n    background-size: cover;\n    background-position:top left;\n}\n\n.slider li:nth-child(2){\n    background:linear-gradient(to right, rgba(1,1,1,0.8) 10%, rgba(1,1,1,0.6) 51%, rgba(1,1,1,0) 100%), url(\"https:\/\/lozeen.ae\/wp-content\/uploads\/2024\/02\/snack-size-donuts-around-cake-topped-with-strawberry-syrup-board-marble-surface-scaled.jpg\");\n    background-size: cover;\n    background-position:top left;\n}\n\n.slider li:nth-child(3){\n    background:linear-gradient(to right, rgba(1,1,1,0.8) 10%, rgba(1,1,1,0.6) 51%, rgba(1,1,1,0) 100%), url(\"https:\/\/lozeen.ae\/wp-content\/uploads\/2024\/02\/adrie-ruiz-Ht2ld7iJibM-unsplash-scaled.jpg\");\n    background-size: cover;\n    background-position:top left;\n}\n\n.slider li:nth-child(4){\n    background:linear-gradient(to right, rgba(1,1,1,0.8) 10%, rgba(1,1,1,0.6) 51%, rgba(1,1,1,0) 100%), url(\"https:\/\/lozeen.ae\/wp-content\/uploads\/2024\/02\/pexels-jill-wellington-433527-scaled.jpg\");\n    background-size: cover;\n    background-position:top left;\n}\n\n.slider li:nth-child(5){\n    background:linear-gradient(to right, rgba(1,1,1,0.8) 10%, rgba(1,1,1,0.6) 51%, rgba(1,1,1,0) 100%), url(\"https:\/\/lozeen.ae\/wp-content\/uploads\/2024\/02\/pexels-jill-wellington-302552-scaled.jpg\");\n    background-size: cover;\n    background-position:top left;\n}\n\n.slider li:nth-child(6){\n    background:linear-gradient(to right, rgba(1,1,1,0.8) 10%, rgba(1,1,1,0.6) 51%, rgba(1,1,1,0) 100%), url(\"https:\/\/lozeen.ae\/wp-content\/uploads\/2024\/02\/brooke-lark-YwSy97_Rk1o-unsplash-scaled.jpg\");\n    background-size: cover;\n    background-position:top left;\n}\n\n.slider article{\n    width:60%;\n    margin-top:4rem;\n    color: #fff;\n    z-index:11;\n}\n\n.slider h3 + p {\n    display: inline-block;\n    color: var(--lite);\n    font-weight:300;\n}\n\n.slider h3, .slider h3 + p, .slider p + .btn, li:after{\n    opacity: 0;\n    transition: opacity .7s 0s, transform .5s .2s;\n    transform: translate3d(0, 50%, 0);\n}\n\nli.current h3, li.current h3 + p, li.current p + .btn, li.current:after {\n    opacity: 1;\n    transition-delay: 1s;\n    transform: translate3d(0, 0, 0);\n}\n\n.slider li:before{\n    transition: 0.5s;\n    top:-250px !important;\n}\n\nli.current:before{\n    transition-delay: 1s;\n    transform: rotate(-90deg);\n    top:-20px !important;\n}\n\nli.current {\n    z-index: 1;\n    clip: rect(0, 100vw, 100vh, 0);\n}\n\nli.prev {\n    clip: rect(0, 0, 100vh, 0);\n}\n\n.slider aside {\n    position: absolute;\n    bottom: 2.2rem;\n    left: 5.2rem;\n    text-align: center;\n    z-index: 10;\n}\n\n.slider aside a {\n    display: inline-block;\n    width: 13px;\n    height: 13px;\n    min-width: 8px;\n    min-height: 8px;\n    background-color: var(--white);\n    margin: 0 0.35rem;\n    transition: transform .3s;\n}\n\n.slider em{\n    background: var(--primary);\n    -webkit-text-fill-color: transparent;\n    -webkit-background-clip: text;\n}\n\na.current_dot {\n    transform: scale(1.4);\n    background:var(--primary) !important;\n}\n\n@media screen and (max-width: 920px) {\n    header{\n        height:70vh;\n        position:relative;\n    }\n    \n    .cs-down{\n        display:none;\n    }\n\n    .slider{\n        height:70vh;\n    }\n    \n    .slider article{\n        width:100%;\n        margin-top:2rem;\n    }\n    \n    .slider li:nth-child(2){\n        background-position:top center;\n    }\n    \n    .slider li:nth-child(3){\n        background-position:top center;\n    }\n    \n    li.current:before{\n        top:-30px;\n        right:-10px;\n    }\n}\n<\/style>\n\n<script>\n    \n    {\n  class SliderClip {\n    constructor(el) {\n      this.el = el;\n      this.Slides = Array.from(this.el.querySelectorAll('li'));\n      this.Nav = Array.from(this.el.querySelectorAll('aside a'));\n      this.totalSlides = this.Slides.length;\n      this.current = 0;\n      this.autoPlay = true; \/\/true or false\n      this.timeTrans = 4000; \/\/transition time in milliseconds\n      this.IndexElements = [];\n\n      for (let i = 0; i < this.totalSlides; i++) {\n        this.IndexElements.push(i);\n      }\n\n      this.setCurret();\n      this.initEvents();\n    }\n    setCurret() {\n      this.Slides[this.current].classList.add('current');\n      this.Nav[this.current].classList.add('current_dot');\n    }\n    initEvents() {\n      const self = this;\n\n      this.Nav.forEach(dot => {\n        dot.addEventListener('click', ele => {\n          ele.preventDefault();\n          this.changeSlide(this.Nav.indexOf(dot));\n        });\n      });\n\n      \/\/this.el.addEventListener('mouseenter', () => self.autoPlay = false);\n      this.el.addEventListener('mouseleave', () => self.autoPlay = true);\n\n      setInterval(function () {\n        if (self.autoPlay) {\n          self.current = self.current < self.Slides.length - 1 ? self.current + 1 : 0;\n          self.changeSlide(self.current);\n        }\n      }, this.timeTrans);\n\n    }\n    changeSlide(index) {\n\n      this.Nav.forEach(allDot => allDot.classList.remove('current_dot'));\n\n      this.Slides.forEach(allSlides => allSlides.classList.remove('prev', 'current'));\n\n      const getAllPrev = value => value < index;\n\n      const prevElements = this.IndexElements.filter(getAllPrev);\n\n      prevElements.forEach(indexPrevEle => this.Slides[indexPrevEle].classList.add('prev'));\n\n      this.Slides[index].classList.add('current');\n      this.Nav[index].classList.add('current_dot');\n    }}\n\n\n  const slider = new SliderClip(document.querySelector('.slider'));\n}\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Birthdays Make every birthday celebration extra sweet with our delectable offerings, tailored to add a sprinkle of joy to [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/lozeen.ae\/index.php\/wp-json\/wp\/v2\/pages\/789"}],"collection":[{"href":"https:\/\/lozeen.ae\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lozeen.ae\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lozeen.ae\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/lozeen.ae\/index.php\/wp-json\/wp\/v2\/comments?post=789"}],"version-history":[{"count":202,"href":"https:\/\/lozeen.ae\/index.php\/wp-json\/wp\/v2\/pages\/789\/revisions"}],"predecessor-version":[{"id":6028,"href":"https:\/\/lozeen.ae\/index.php\/wp-json\/wp\/v2\/pages\/789\/revisions\/6028"}],"wp:attachment":[{"href":"https:\/\/lozeen.ae\/index.php\/wp-json\/wp\/v2\/media?parent=789"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}