{"id":91,"date":"2024-02-24T22:31:04","date_gmt":"2024-02-24T22:31:04","guid":{"rendered":"http:\/\/sg.local\/?page_id=91"},"modified":"2024-12-01T18:40:54","modified_gmt":"2024-12-01T18:40:54","slug":"about-us","status":"publish","type":"page","link":"https:\/\/palmaryfood.com\/en\/about-us\/","title":{"rendered":"About Us"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"91\" class=\"elementor elementor-91\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6c5ec13b elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"6c5ec13b\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;background_motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;background_motion_fx_scale_effect&quot;:&quot;yes&quot;,&quot;background_motion_fx_scale_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;2&quot;,&quot;sizes&quot;:[]},&quot;animation&quot;:&quot;fadeIn&quot;,&quot;background_motion_fx_scale_direction&quot;:&quot;out-in&quot;,&quot;background_motion_fx_scale_range&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:20,&quot;end&quot;:80}},&quot;background_motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-bcec657\" data-id=\"bcec657\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a98e285 elementor-widget elementor-widget-heading\" data-id=\"a98e285\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">We create delicious moments of joy!<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1a4f4859 elementor-reverse-tablet elementor-reverse-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1a4f4859\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6c9ae90b\" data-id=\"6c9ae90b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5cbdad4 elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"5cbdad4\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:200}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>With more than 15 years of expertise, Palmary is set as a major actor in confectionary and\nbiscuit making in Algeria. The group, carried by the audacity and the passion of its teams, is\nincessantly innovating to offer unique products joining modernity of processes and respect\nfor traditions.<br \/><br \/>With iconic brands like Maxon, Kool and Moment and an avantgarde vision incarnated in its\nPrime Lab R&amp;D center, Palmary is entertaining new generations of gourmets. Its large scope\nof high quality products, including chocolate bars, biscuits and ice cream, pleases both the\nlocal and the international market.<br \/>With more than 2200 collaborators sharing the same Palmary values of generosity and\nexcellence, the Algerian group continues its development by cultivating the same passion:\ncreating at every tasting instant, a delicious moment of joy to savor.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-e3d2d7b e-flex e-con-boxed e-con e-parent\" data-id=\"e3d2d7b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-70295e0 e-con-full e-flex e-con e-child\" data-id=\"70295e0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fdbf921 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"fdbf921\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_tablet&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:200}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Reason of being<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-93d064a elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"93d064a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:250}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>At Palmary, we believe that we have that privilege of being part of both the simplest and the\nmost memorable moments of life. We believe in the magic of little pleasures and the power\nof the shared moments of joy. From the little tasty break to the celebration of a union, for a\npersonal instant of pleasure or professional creativity, for each of these moments, we create\nand manufacture high quality products.\u00a0\u00a0\u00a0<br \/><br \/>We believe that the gustatory experience is a formidable emotion that can be transmitted\nand shared. Our know-how is animated by this emotion. It nourishes our constant will to\nchoose the best possible ingredients and craft innovative products which continuously\nmatch the evolving needs. It stimulates, above all, our passion to bring to everyone, in the\nsmall occasions and the big ones, a delicious moment of joy.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-baaaaac elementor-invisible elementor-widget elementor-widget-image\" data-id=\"baaaaac\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInLeft&quot;,&quot;_animation_delay&quot;:200}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"665\" height=\"1006\" src=\"https:\/\/palmaryfood.com\/wp-content\/uploads\/2024\/05\/shutterstock_386913631-2.png\" class=\"attachment-large size-large wp-image-1238\" alt=\"\" srcset=\"https:\/\/palmaryfood.com\/wp-content\/uploads\/2024\/05\/shutterstock_386913631-2.png 665w, https:\/\/palmaryfood.com\/wp-content\/uploads\/2024\/05\/shutterstock_386913631-2-198x300.png 198w, https:\/\/palmaryfood.com\/wp-content\/uploads\/2024\/05\/shutterstock_386913631-2-8x12.png 8w\" sizes=\"(max-width: 665px) 100vw, 665px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-83fea22 e-con-full e-flex e-con e-child\" data-id=\"83fea22\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-53ca42b elementor-invisible elementor-widget elementor-widget-image\" data-id=\"53ca42b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:250}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"666\" height=\"888\" src=\"https:\/\/palmaryfood.com\/wp-content\/uploads\/2024\/05\/pexels-josh-willink-1157395-1.png\" class=\"attachment-large size-large wp-image-1239\" alt=\"\" srcset=\"https:\/\/palmaryfood.com\/wp-content\/uploads\/2024\/05\/pexels-josh-willink-1157395-1.png 666w, https:\/\/palmaryfood.com\/wp-content\/uploads\/2024\/05\/pexels-josh-willink-1157395-1-225x300.png 225w, https:\/\/palmaryfood.com\/wp-content\/uploads\/2024\/05\/pexels-josh-willink-1157395-1-9x12.png 9w\" sizes=\"(max-width: 666px) 100vw, 666px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b656153 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"b656153\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInRight&quot;,&quot;_animation_delay&quot;:250}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Cr\u00e9ateur de go\u00fbts uniques<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b213755 elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"b213755\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:300}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>At Palmary, we believe that we have that privilege of being part of both the simplest and the\nmost memorable moments of life. We believe in the magic of little pleasures and the power\nof the shared moments of joy. From the little tasty break to the celebration of a union, for a\npersonal instant of pleasure or professional creativity, for each of these moments, we create\nand manufacture high quality products.\u00a0\u00a0\u00a0<br \/><br \/>We believe that the gustatory experience is a formidable emotion that can be transmitted\nand shared. Our know-how is animated by this emotion. It nourishes our constant will to\nchoose the best possible ingredients and craft innovative products which continuously\nmatch the evolving needs. It stimulates, above all, our passion to bring to everyone, in the\nsmall occasions and the big ones, a delicious moment of joy.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d4b18c4 e-con-full e-flex e-con e-child\" data-id=\"d4b18c4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-08a2a0b e-con-full e-flex e-con e-child\" data-id=\"08a2a0b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-75f0386 elementor-reverse-tablet elementor-reverse-mobile elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"75f0386\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-db1a6e1\" data-id=\"db1a6e1\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b3b6675 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"b3b6675\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInLeft&quot;,&quot;_animation_tablet&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:200}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u00c9volution &amp; perspectives<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cecb0cc elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"cecb0cc\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:250}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">A growth path marked by decisive choices<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2b461f2 elementor-widget elementor-widget-html\" data-id=\"2b461f2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n .separator {\r\n  border-left: 2px solid red;\r\n   position: absolute;\r\n  left: 50%;\r\n  top: 226px;\r\n  height: 100px;\r\n}\r\n\r\n\r\n  .slider-container {\r\n    position: relative;\r\n    width: 80%;\r\n    margin: 0 auto;\r\n    overflow: hidden;\r\n\r\n  }\r\n\r\n  .slider {\r\n    display: flex;\r\n    transition: transform 0.5s ease;\r\n  }\r\n\r\n  .slide {\r\n    flex: 0 0 33.33%;\r\n    padding: 0 20px;\r\n    text-align: center;\r\n    margin-bottom: 100px\r\n  }\r\n\r\n  .circle-container {\r\n    display: flex;\r\n    justify-content: center;\r\n    margin-top: 20px;\r\n  }\r\n\r\n  .circle {\r\n    width: 10px;\r\n    height: 10px;\r\n    border-radius: 50%;\r\n    background-color: #cccccc;\r\n    margin: 0 5px;\r\n    cursor: pointer;\r\n  }\r\n\r\n  .small {\r\n    width: 15px;\r\n    height: 15px;\r\n  }\r\n\r\n  .medium {\r\n    width: 30px;\r\n    height: 30px;\r\n  }\r\n\r\n  .large {\r\n    width: 40px;\r\n    height: 40px;\r\n  }\r\n\r\n  .circle.active {\r\n    background-color: #333333;\r\n    border-color: #333333;\r\n  }\r\n\r\n  .year {\r\n    font-size: 40px;\r\n    color: #333333;\r\n    transition: font-size 0.5s, color 0.5s;\r\n    font-family: Germania One;\r\n  }\r\n\r\n  .description {\r\n    color: #666666;\r\n    font-family: Germania One;\r\n    font-size: 30px;\r\n  }\r\n\r\n  .active .year {\r\n    font-size: 36px;\r\n    color: #ff0000;\r\n  }\r\n\r\n  .active .description {\r\n    color: #ff0000; \/* Change description color to red when active *\/\r\n  }\r\n \r\n<\/style>\r\n\r\n\r\n<div class=\"slider-container\">\r\n  <div class=\"slider\">\r\n    <div class=\"slide\">\r\n      <div class=\"year\">2000<\/div>\r\n      <div class=\"description\">Description of the year 2000<\/div>\r\n    <\/div>\r\n    <div class=\"slide\">\r\n      <div class=\"year\">2001<\/div>\r\n      <div class=\"description\">Description of the year 2001<\/div>\r\n    <\/div>\r\n    <div class=\"slide\">\r\n      <div class=\"year\">2002<\/div>\r\n      <div class=\"description\">Description of the year 2002<\/div>\r\n    <\/div>\r\n    <div class=\"slide\">\r\n      <div class=\"year\">2003<\/div>\r\n      <div class=\"description\">Description de l'ann\u00e9e 2003<\/div>\r\n    <\/div>\r\n    <div class=\"slide\">\r\n      <div class=\"year\">2004<\/div>\r\n      <div class=\"description\">Description de l'ann\u00e9e 2004<\/div>\r\n    <\/div>\r\n    <div class=\"slide\">\r\n      <div class=\"year\">2005<\/div>\r\n      <div class=\"description\">Description de l'ann\u00e9e 2005<\/div>\r\n    <\/div>\r\n    <div class=\"slide\">\r\n      <div class=\"year\">2006<\/div>\r\n      <div class=\"description\">Description de l'ann\u00e9e 2006<\/div>\r\n    <\/div>\r\n    <!-- Ajoutez autant de diapositives que n\u00e9cessaire -->\r\n  <\/div>\r\n<\/div>\r\n<div class=\"separator\"><\/div>\r\n\r\n<div class=\"circle-container\">\r\n  <div class=\"circle small\"><\/div>\r\n  <div class=\"circle small\"><\/div>\r\n  <div class=\"circle medium active\"><\/div>\r\n  <div class=\"circle large\"><\/div>\r\n  <div class=\"circle small\"><\/div>\r\n  <div class=\"circle small\"><\/div>\r\n  <div class=\"circle small\"><\/div>\r\n  <!-- Ajoutez autant de cercles que de diapositives -->\r\n  \r\n<\/div>\r\n\r\n<script>\r\n  const slides = document.querySelectorAll('.slide');\r\n  const circles = document.querySelectorAll('.circle');\r\n  const line = document.querySelector('.line'); \/\/ S\u00e9lection de l'\u00e9l\u00e9ment de ligne\r\n\r\n  circles.forEach((circle, index) => {\r\n    circle.addEventListener('click', () => {\r\n      setActiveSlide(index);\r\n    });\r\n  });\r\n\r\n  function setActiveSlide(index) {\r\n    slides.forEach((slide, slideIndex) => {\r\n      if (slideIndex === index) {\r\n        slide.classList.add('active');\r\n        slide.classList.remove('shrink');\r\n        slide.classList.add('enlarge');\r\n      } else {\r\n        slide.classList.remove('active');\r\n        slide.classList.remove('enlarge');\r\n        slide.classList.add('shrink');\r\n      }\r\n    });\r\n\r\n    circles.forEach((circle, circleIndex) => {\r\n      if (circleIndex === index) {\r\n        circle.classList.add('active', 'large');\r\n        circle.classList.remove('medium', 'small');\r\n      } else if (circleIndex === index - 1 || circleIndex === index + 1) {\r\n        circle.classList.remove('active', 'large', 'small');\r\n        circle.classList.add('medium');\r\n      } else {\r\n        circle.classList.remove('active', 'large', 'medium');\r\n        circle.classList.add('small');\r\n      }\r\n    });\r\n\r\n    const slider = document.querySelector('.slider');\r\n    const slideWidth = slides[0].offsetWidth;\r\n    const scrollDistance = index * slideWidth;\r\n    const containerWidth = document.querySelector('.slider-container').offsetWidth;\r\n    const centerOffset = (containerWidth - slideWidth) \/ 2;\r\n    const newPosition = Math.max(scrollDistance - centerOffset, 0);\r\n    slider.style.transform = `translateX(-${newPosition}px)`;\r\n\r\n    \/\/ Positionner la ligne au-dessus de la grande boule de l'\u00e9l\u00e9ment actif\r\n    const activeCircle = document.querySelector('.circle.active');\r\n    const circleTop = activeCircle.getBoundingClientRect().top;\r\n    const circleHeight = activeCircle.offsetHeight;\r\n    const lineTop = circleTop + circleHeight \/ 2; \/\/ Position de la ligne \u00e0 mi-chemin du cercle\r\n    line.style.top = `${lineTop}px`;\r\n  }\r\n<\/script>\r\n\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-0489b5a e-flex e-con-boxed e-con e-parent\" data-id=\"0489b5a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-1b2a315 e-con-full e-flex e-con e-child\" data-id=\"1b2a315\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6983dba elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"6983dba\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInLeft&quot;,&quot;_animation_tablet&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:200}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u00c9volution &amp; perspectives<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-455663a elementor-widget elementor-widget-heading\" data-id=\"455663a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">A growth path marked by decisive choices<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-10d5fb1 e-con-full e-flex e-con e-child\" data-id=\"10d5fb1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-af0c601 elementor-widget elementor-widget-html\" data-id=\"af0c601\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Owl Carousel Card Example<\/title>\n\n    <!-- Owl Carousel CSS -->\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/OwlCarousel2\/2.3.4\/assets\/owl.carousel.min.css\" \/>\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/OwlCarousel2\/2.3.4\/assets\/owl.theme.default.min.css\" \/>\n\n    <style>\n        body {\n    \n    font-family: Filson Pro Regular, sans-serif;\n}\n\n.owl-carousel .owl-stage {\n    display: flex;\n    justify-content: center;\n    align-items: center; \n    \/*\n    \n    Aligner les \u00e9l\u00e9ments au centre verticalement *\/\n}\n\n.owl-carousel .owl-item .item {\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start; \n\n    \/* Alignement vers le haut pour que le texte commence en haut *\/\n    align-items: center;\n    width: 160px; \/* Ajuster la largeur de l'item *\/\n    max-height: 200px; \/* Ajuster la hauteur maximale *\/\n    padding: 10px;\n    text-align: center;\n}\n\n.owl-carousel .owl-item.active.center .item {\n    width: 180px; \/* Largeur accrue pour l'\u00e9l\u00e9ment actif *\/\n}\n\n.owl-item.active.center .my-card h2 {\n    font-size: 36px; \/* Augmenter la taille de la police pour l'\u00e9l\u00e9ment actif *\/\n    color: #E1251B; \/* Couleur rouge pour l'ann\u00e9e active *\/\n}\n[type=button]:focus, [type=submit]:focus, button:focus {\n    outline: 0px auto -webkit-focus-ring-color; \n}\n.my-card h2 {\n    margin: 0;\n    font-size: 24px; \/* Taille par d\u00e9faut pour les ann\u00e9es *\/\n    color: #838383; \/* Couleur par d\u00e9faut pour les ann\u00e9es *\/\n    font-family: 'Germania One', sans-serif;\n}\n\n.my-card p {\n    font-size: 18px; \/* Taille plus grande par d\u00e9faut pour les descriptions *\/\n    margin-top: 5px;\n    font-family: 'FilsonProBold', sans-serif;\n    color: #838383; \/* Couleur par d\u00e9faut pour les descriptions *\/\n}\n\n.owl-dots {\n    display: flex;\n    justify-content: center;\n    overflow: hidden;\n    transition: transform 0.3s ease-in-out;\n    position: relative;\n    width: 100%;\n}\n\n.owl-theme .owl-dots .owl-dot span {\n    background-color: transparent;\n    border: 2px solid #A4A2A0;\n    width: 25px;\n    height: 25px;\n    border-radius: 50%;\n    display: inline-block;\n    transition: all 0.3s ease-in-out;\n}\n\n.owl-theme .owl-dots .owl-dot.active span {\n    width: 50px;\n    height: 50px;\n    border: 3px solid #E1251B;\n    margin-bottom: 20px;\n    margin-top: 10px;\n    background-color: transparent;\n    position: relative;\n}\n\n.owl-theme .owl-dots .owl-dot.neighbor span {\n    width: 35px;\n    height: 35px;\n    border: 2px solid #A4A2A0;\n    background-color: transparent;\n}\n\n.owl-theme .owl-dots {\n    height: 150px;\n}\n\n.owl-carousel .owl-item {\n    opacity: 0;\n    transition: opacity 0.5s;\n}\n\n.owl-carousel .owl-item.visible {\n    opacity: 1;\n}\n\n.owl-theme .owl-dots .owl-dot.active span::before {\n    content: \"\";\n    position: absolute;\n    top: -160px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 2px;\n    height: 155px;\n    background-color: #E1251B;\n}\n\n.red h2 {\n    color: red;\n}\n\n.font-gray h2, .font-gray p {\n    color: #838383;\n}\n\n.font-light-gray h2, .font-light-gray p {\n    color: #C5C5C5;\n}\n\n\n\n    <\/style>\n    <\/head>\n<body>\n\n    <div class=\"owl-carousel owl-theme\">\n        <div class=\"item\">\n            <div class=\"my-card\">\n                <h2>2007<\/h2>\n                <p>\u2022 Creation of SOBCO<\/p>\n            <\/div>\n        <\/div>\n        <div class=\"item\">\n            <div class=\"my-card\">\n                <h2>2008<\/h2>\n                <p>\u2022 1 st production site Kharrouba I<\/p>\n            <\/div>\n        <\/div>\n        <div class=\"item\">\n            <div class=\"my-card\">\n                <h2>2009<\/h2>\n                <p>\u2022 First time exporting<\/p>\n            <\/div>\n        <\/div>\n        <div class=\"item\">\n            <div class=\"my-card\">\n                <h2>2014<\/h2>\n                <p>\u2022 Launching of the brand MAXON<\/p>\n            <\/div>\n        <\/div>\n        <div class=\"item\">\n            <div class=\"my-card\">\n                <h2>2016<\/h2>\n                <p>\u2022 Launching of the brand KOOL and the excellence center PRIME LAB<\/p>\n            <\/div>\n        <\/div>\n        <div class=\"item\">\n            <div class=\"my-card\">\n                <h2>2017<\/h2>\n                <p>\u2022 2 nd production site Kharrouba II<\/p>\n            <\/div>\n        <\/div>\n        <div class=\"item\">\n            <div class=\"my-card\">\n                <h2>2020<\/h2>\n                <p>\u2022 Launching of the brand MOMENT and the 3 rd production site Ouled Moussa<\/p>\n            <\/div>\n        <\/div>\n        <div class=\"item\">\n            <div class=\"my-card\">\n                <h2>2021<\/h2>\n                <p>\u2022 Launching of the brand HAPPY<\/p>\n            <\/div>\n        <\/div>\n        <div class=\"item\">\n            <div class=\"my-card\">\n                <h2>2023<\/h2>\n                <p>\u2022 ISO 9001 and ISO 45001<\/p>\n            <\/div>\n        <\/div>\n        <div class=\"item\">\n            <div class=\"my-card\">\n                <h2>2024 (T2)<\/h2>\n                <p>\u2022 FSSC 22000, AIB, Halal certifications<\/p>\n            <\/div>\n        <\/div>\n        <div class=\"item\">\n            <div class=\"my-card\">\n                <h2>2024 (T2)<\/h2>\n                <p>\u2022 Launching of ice cream<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- jQuery -->\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jquery\/3.3.1\/jquery.min.js\"><\/script>\n\n    <!-- Owl Carousel JS -->\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/OwlCarousel2\/2.3.4\/owl.carousel.min.js\"><\/script>\n\n    <script>\n     $(document).ready(function () {\n    var owl = $('.owl-carousel');\n\n    owl.owlCarousel({\n        loop: true,\n        margin: 10,\n        autoWidth: true,\n        center: true,\n        nav: false,\n        autoplay: false,\n        autoplayTimeout: 3000,\n        autoplayHoverPause: true,\n        responsiveClass: true,\n        startPosition: 2, \/\/ D\u00e9finir la 3e carte comme carte active (index 2)\n        responsive: {\n            0: {\n                items: 1\n            },\n            600: {\n                items: 4\n            },\n            1000: {\n                items: 5\n            }\n        },\n        onInitialized: updateVisibleItems,\n        onTranslated: updateVisibleItems\n    });\n\n    function updateVisibleItems() {\n        var items = $('.owl-item');\n        var activeIndex = items.filter('.center').index();\n\n        items.removeClass('visible red font-gray font-light-gray');\n\n        if (items.length > 1) {\n            items.eq(activeIndex - 2).addClass('visible font-light-gray');\n            items.eq(activeIndex - 1).addClass('visible font-gray');\n            items.eq(activeIndex).addClass('visible red');\n            items.eq(activeIndex + 1).addClass('visible font-gray');\n            items.eq(activeIndex + 2).addClass('visible font-light-gray');\n        }\n    }\n\n    function updateDots() {\n        var dots = $('.owl-dots .owl-dot');\n        var activeIndex = $('.owl-dot.active').index();\n\n        dots.removeClass('neighbor');\n\n        if (dots.length > 1) {\n            if (activeIndex > 0) {\n                dots.eq(activeIndex - 1).addClass('neighbor');\n            }\n            if (activeIndex < dots.length - 1) {\n                dots.eq(activeIndex + 1).addClass('neighbor');\n            }\n        }\n\n        \/\/ Calcul du d\u00e9calage pour centrer le point actif\n        var dotsContainer = $('.owl-dots');\n        var activeDot = dots.eq(activeIndex);\n        var offset = activeDot.position().left + activeDot.width() \/ 2 - dotsContainer.width() \/ 2;\n\n        dotsContainer.css('transform', 'translateX(' + -offset + 'px)');\n    }\n\n    owl.on('changed.owl.carousel', function (event) {\n        updateDots();\n    });\n\n    updateDots();\n    updateVisibleItems();\n});\n\n    <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Nous cr\u00e9ons de d\u00e9licieux moments de joie ! Avec plus de 15 ans d&rsquo;expertise, Palmary s&rsquo;impose comme un acteur incontournable de la confiserie et de la biscuiterie en Alg\u00e9rie. Port\u00e9 par l&rsquo;audace et la passion de ses \u00e9quipes, le groupe n&rsquo;a eu de cesse d&rsquo;innover pour offrir des produits uniques conjuguant modernit\u00e9 des process et [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-91","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/palmaryfood.com\/en\/wp-json\/wp\/v2\/pages\/91","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/palmaryfood.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/palmaryfood.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/palmaryfood.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/palmaryfood.com\/en\/wp-json\/wp\/v2\/comments?post=91"}],"version-history":[{"count":737,"href":"https:\/\/palmaryfood.com\/en\/wp-json\/wp\/v2\/pages\/91\/revisions"}],"predecessor-version":[{"id":10420,"href":"https:\/\/palmaryfood.com\/en\/wp-json\/wp\/v2\/pages\/91\/revisions\/10420"}],"wp:attachment":[{"href":"https:\/\/palmaryfood.com\/en\/wp-json\/wp\/v2\/media?parent=91"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}