{"id":21,"date":"2026-06-03T18:50:35","date_gmt":"2026-06-03T18:50:35","guid":{"rendered":"https:\/\/manch.ma\/?page_id=21"},"modified":"2026-06-25T14:24:36","modified_gmt":"2026-06-25T14:24:36","slug":"gallery","status":"publish","type":"page","link":"https:\/\/manch.ma\/fr\/gallery\/","title":{"rendered":"GALERIE"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"21\" class=\"elementor elementor-21\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f268684 e-con e-atomic-element e-flexbox-base e-f31f054 \" data-id=\"f268684\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"f268684\" data-e-type=\"e-flexbox\" data-id=\"f268684\">\n    \t\t<div class=\"elementor-element elementor-element-47f041e elementor-widget elementor-widget-html\" data-id=\"47f041e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"gallery-hero\">\r\n  <h1>Heritage Gallery<\/h1>\r\n  <p>\r\n    Discover a visual journey through Morocco\u2019s historical monuments, traditional craftsmanship,\r\n    natural landscapes and living cultural heritage.\r\n  <\/p>\r\n<\/section>\r\n\r\n<section class=\"heritage-gallery\">\r\n\r\n  <div class=\"gallery-filter\">\r\n    <button class=\"active\" onclick=\"filterGallery(event,'all')\">All<\/button>\r\n    <button onclick=\"filterGallery(event,'monuments')\">Historical Monuments<\/button>\r\n    <button onclick=\"filterGallery(event,'crafts')\">Traditional Crafts<\/button>\r\n    <button onclick=\"filterGallery(event,'nature')\">Natural Heritage<\/button>\r\n    <button onclick=\"filterGallery(event,'culture')\">Living Heritage<\/button>\r\n  <\/div>\r\n\r\n  <div class=\"gallery-grid\">\r\n\r\n    <div class=\"gallery-item monuments\">\r\n      <img decoding=\"async\" src=\"https:\/\/manch.ma\/wp-content\/uploads\/2026\/06\/meknes.jpg\" alt=\"Meknes\">\r\n      <div class=\"gallery-overlay\">\r\n        <h3>Meknes<\/h3>\r\n        <p>Imperial city and architectural heritage.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"gallery-item monuments\">\r\n      <img decoding=\"async\" src=\"https:\/\/manch.ma\/wp-content\/uploads\/2026\/06\/volubilis.jpg\" alt=\"Volubilis\">\r\n      <div class=\"gallery-overlay\">\r\n        <h3>Volubilis<\/h3>\r\n        <p>Ancient Roman ruins and mosaics.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"gallery-item monuments\">\r\n      <img decoding=\"async\" src=\"https:\/\/manch.ma\/wp-content\/uploads\/2026\/06\/Ait-Ben-Haddou.jpg\" alt=\"A\u00eft Ben Haddou\">\r\n      <div class=\"gallery-overlay\">\r\n        <h3>A\u00eft Ben Haddou<\/h3>\r\n        <p>UNESCO earthen architecture heritage.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"gallery-item nature\">\r\n      <img decoding=\"async\" src=\"https:\/\/manch.ma\/wp-content\/uploads\/2026\/06\/Atlas-Mountains.webp\" alt=\"Atlas Mountains\">\r\n      <div class=\"gallery-overlay\">\r\n        <h3>Atlas Mountains<\/h3>\r\n        <p>Natural and Amazigh cultural landscapes.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"gallery-item nature\">\r\n      <img decoding=\"async\" src=\"https:\/\/manch.ma\/wp-content\/uploads\/2026\/06\/Ouzoud-Falls.jpg\" alt=\"Ouzoud Falls\">\r\n      <div class=\"gallery-overlay\">\r\n        <h3>Ouzoud Falls<\/h3>\r\n        <p>One of Morocco\u2019s most spectacular natural landmarks.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"gallery-item culture\">\r\n      <img decoding=\"async\" src=\"https:\/\/manch.ma\/wp-content\/uploads\/2026\/06\/agadir-granary-banking-system-morocco-berber-7.webp\" alt=\"Agadir Granary\">\r\n      <div class=\"gallery-overlay\">\r\n        <h3>Agadir Granary<\/h3>\r\n        <p>Ancient Amazigh communal storage system.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"gallery-item crafts\">\r\n      <img decoding=\"async\" src=\"https:\/\/manch.ma\/wp-content\/uploads\/2026\/06\/Moroccan-Zellige.jpg\" alt=\"Moroccan Zellige\">\r\n      <div class=\"gallery-overlay\">\r\n        <h3>Moroccan Zellige<\/h3>\r\n        <p>Traditional geometric mosaic art.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"gallery-item crafts\">\r\n      <div class=\"mini-slider\">\r\n        <img decoding=\"async\" class=\"active\" src=\"https:\/\/manch.ma\/wp-content\/uploads\/2026\/06\/Traditional-Moroccan-Carpets-1.webp\" alt=\"Traditional Moroccan Carpets\">\r\n        <img decoding=\"async\" src=\"https:\/\/manch.ma\/wp-content\/uploads\/2026\/06\/Traditional-Moroccan-Carpets-2.webp\" alt=\"Traditional Moroccan Carpets\">\r\n        <img decoding=\"async\" src=\"https:\/\/manch.ma\/wp-content\/uploads\/2026\/06\/Traditional-Moroccan-Carpets-3.webp\" alt=\"Traditional Moroccan Carpets\">\r\n        <img decoding=\"async\" src=\"https:\/\/manch.ma\/wp-content\/uploads\/2026\/06\/Traditional-Moroccan-Carpets-4.webp\" alt=\"Traditional Moroccan Carpets\">\r\n        <img decoding=\"async\" src=\"https:\/\/manch.ma\/wp-content\/uploads\/2026\/06\/Traditional-Moroccan-Carpets-5.webp\" alt=\"Traditional Moroccan Carpets\">\r\n        <img decoding=\"async\" src=\"https:\/\/manch.ma\/wp-content\/uploads\/2026\/06\/Traditional-Moroccan-Carpets-6.webp\" alt=\"Traditional Moroccan Carpets\">\r\n      <\/div>\r\n      <div class=\"gallery-overlay\">\r\n        <h3>Traditional Moroccan Carpets<\/h3>\r\n        <p>Handwoven carpets reflecting centuries of Moroccan craftsmanship.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"gallery-item crafts\">\r\n      <div class=\"mini-slider\">\r\n        <img decoding=\"async\" class=\"active\" src=\"https:\/\/manch.ma\/wp-content\/uploads\/2026\/06\/Traditional-Weaving-1.webp\" alt=\"Traditional Weaving\">\r\n        <img decoding=\"async\" src=\"https:\/\/manch.ma\/wp-content\/uploads\/2026\/06\/Traditional-Weaving-2.webp\" alt=\"Traditional Weaving\">\r\n        <img decoding=\"async\" src=\"https:\/\/manch.ma\/wp-content\/uploads\/2026\/06\/Traditional-Weaving-3.webp\" alt=\"Traditional Weaving\">\r\n        <img decoding=\"async\" src=\"https:\/\/manch.ma\/wp-content\/uploads\/2026\/06\/Traditional-Weaving-4-scaled.webp\" alt=\"Traditional Weaving\">\r\n      <\/div>\r\n      <div class=\"gallery-overlay\">\r\n        <h3>Traditional Weaving<\/h3>\r\n        <p>Ancient textile traditions preserved through generations.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"gallery-item crafts\">\r\n      <div class=\"mini-slider\">\r\n        <img decoding=\"async\" class=\"active\" src=\"https:\/\/manch.ma\/wp-content\/uploads\/2026\/06\/Moroccan-Metalwork-1.webp\" alt=\"Moroccan Metalwork\">\r\n        <img decoding=\"async\" src=\"https:\/\/manch.ma\/wp-content\/uploads\/2026\/06\/Moroccan-Metalwork-2.webp\" alt=\"Moroccan Metalwork\">\r\n        <img decoding=\"async\" src=\"https:\/\/manch.ma\/wp-content\/uploads\/2026\/06\/Moroccan-Metalwork-3.webp\" alt=\"Moroccan Metalwork\">\r\n        <img decoding=\"async\" src=\"https:\/\/manch.ma\/wp-content\/uploads\/2026\/06\/Moroccan-Metalwork-4-scaled.webp\" alt=\"Moroccan Metalwork\">\r\n        <img decoding=\"async\" src=\"https:\/\/manch.ma\/wp-content\/uploads\/2026\/06\/Moroccan-Metalwork-5.webp\" alt=\"Moroccan Metalwork\">\r\n        <img decoding=\"async\" src=\"https:\/\/manch.ma\/wp-content\/uploads\/2026\/06\/Moroccan-Metalwork-6.webp\" alt=\"Moroccan Metalwork\">\r\n      <\/div>\r\n      <div class=\"gallery-overlay\">\r\n        <h3>Moroccan Metalwork<\/h3>\r\n        <p>Traditional metal artistry crafted by skilled Moroccan artisans.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"gallery-item crafts\">\r\n      <div class=\"mini-slider\">\r\n        <img decoding=\"async\" class=\"active\" src=\"https:\/\/manch.ma\/wp-content\/uploads\/2026\/06\/Moroccan-Wood-Carving-1.webp\" alt=\"Moroccan Wood Carving\">\r\n        <img decoding=\"async\" src=\"https:\/\/manch.ma\/wp-content\/uploads\/2026\/06\/Moroccan-Wood-Carving-2.webp\" alt=\"Moroccan Wood Carving\">\r\n        <img decoding=\"async\" src=\"https:\/\/manch.ma\/wp-content\/uploads\/2026\/06\/Moroccan-Wood-Carving-3.webp\" alt=\"Moroccan Wood Carving\">\r\n        <img decoding=\"async\" src=\"https:\/\/manch.ma\/wp-content\/uploads\/2026\/06\/Moroccan-Wood-Carving-4.webp\" alt=\"Moroccan Wood Carving\">\r\n        <img decoding=\"async\" src=\"https:\/\/manch.ma\/wp-content\/uploads\/2026\/06\/Moroccan-Wood-Carving-5.webp\" alt=\"Moroccan Wood Carving\">\r\n        <img decoding=\"async\" src=\"https:\/\/manch.ma\/wp-content\/uploads\/2026\/06\/Moroccan-Wood-Carving-6.webp\" alt=\"Moroccan Wood Carving\">\r\n      <\/div>\r\n      <div class=\"gallery-overlay\">\r\n        <h3>Moroccan Wood Carving<\/h3>\r\n        <p>Intricate woodwork showcasing Morocco\u2019s decorative heritage.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.gallery-hero{\r\n  background:#063D34;\r\n  text-align:center;\r\n  padding:90px 20px 70px;\r\n  color:#fff;\r\n}\r\n\r\n.gallery-hero h1{\r\n  color:#C9A227;\r\n  font-family:Georgia,serif;\r\n  font-size:54px;\r\n  margin:0 0 20px;\r\n  letter-spacing:2px;\r\n}\r\n\r\n.gallery-hero p{\r\n  max-width:850px;\r\n  margin:0 auto;\r\n  font-size:18px;\r\n  line-height:1.8;\r\n}\r\n\r\n.heritage-gallery{\r\n  padding:60px 30px;\r\n  background:#fff;\r\n}\r\n\r\n.gallery-filter{\r\n  text-align:center;\r\n  margin-bottom:40px;\r\n}\r\n\r\n.gallery-filter button{\r\n  background:transparent;\r\n  border:1px solid #C9A227;\r\n  color:#063D34;\r\n  padding:10px 20px;\r\n  margin:6px;\r\n  border-radius:4px;\r\n  cursor:pointer;\r\n  font-size:14px;\r\n  transition:.3s;\r\n}\r\n\r\n.gallery-filter button:hover,\r\n.gallery-filter button.active{\r\n  background:#C9A227;\r\n  color:#fff;\r\n}\r\n\r\n.gallery-grid{\r\n  max-width:1300px;\r\n  margin:0 auto;\r\n  display:grid;\r\n  grid-template-columns:repeat(3,1fr);\r\n  gap:24px;\r\n}\r\n\r\n.gallery-item{\r\n  position:relative;\r\n  height:320px;\r\n  overflow:hidden;\r\n  border-radius:10px;\r\n  box-shadow:0 8px 22px rgba(0,0,0,.15);\r\n}\r\n\r\n.gallery-item > img,\r\n.mini-slider{\r\n  width:100%;\r\n  height:100%;\r\n  display:block;\r\n}\r\n\r\n.gallery-item > img{\r\n  object-fit:cover;\r\n  transition:.5s;\r\n}\r\n\r\n.gallery-item:hover > img{\r\n  transform:scale(1.08);\r\n}\r\n\r\n.mini-slider{\r\n  position:relative;\r\n}\r\n\r\n.mini-slider img{\r\n  position:absolute;\r\n  inset:0;\r\n  width:100%;\r\n  height:100%;\r\n  object-fit:cover;\r\n  opacity:0;\r\n  transform:scale(1);\r\n  transition:opacity .8s ease, transform .8s ease;\r\n}\r\n\r\n.mini-slider img.active{\r\n  opacity:1;\r\n}\r\n\r\n.gallery-item:hover .mini-slider img.active{\r\n  transform:scale(1.08);\r\n}\r\n\r\n.gallery-overlay{\r\n  position:absolute;\r\n  inset:0;\r\n  background:linear-gradient(to top, rgba(0,0,0,.78), rgba(0,0,0,.15));\r\n  display:flex;\r\n  flex-direction:column;\r\n  justify-content:flex-end;\r\n  padding:25px;\r\n  color:#fff;\r\n  z-index:2;\r\n}\r\n\r\n.gallery-overlay h3{\r\n  font-family:Georgia,serif;\r\n  color:#C9A227;\r\n  font-size:28px;\r\n  margin:0 0 8px;\r\n}\r\n\r\n.gallery-overlay p{\r\n  font-size:15px;\r\n  line-height:1.6;\r\n  margin:0;\r\n}\r\n\r\n.gallery-item.hide{\r\n  display:none;\r\n}\r\n\r\n@media(max-width:1024px){\r\n  .gallery-grid{\r\n    grid-template-columns:repeat(2,1fr);\r\n  }\r\n}\r\n\r\n@media(max-width:600px){\r\n  .gallery-hero h1{\r\n    font-size:36px;\r\n  }\r\n\r\n  .gallery-grid{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .gallery-item{\r\n    height:260px;\r\n  }\r\n\r\n  .gallery-filter button{\r\n    width:100%;\r\n    max-width:280px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\nfunction filterGallery(event, category){\r\n  const items = document.querySelectorAll('.gallery-item');\r\n  const buttons = document.querySelectorAll('.gallery-filter button');\r\n\r\n  buttons.forEach(button => button.classList.remove('active'));\r\n  event.target.classList.add('active');\r\n\r\n  items.forEach(item => {\r\n    if(category === 'all' || item.classList.contains(category)){\r\n      item.classList.remove('hide');\r\n    }else{\r\n      item.classList.add('hide');\r\n    }\r\n  });\r\n}\r\n\r\nsetInterval(function(){\r\n  document.querySelectorAll('.mini-slider').forEach(function(slider){\r\n    const images = slider.querySelectorAll('img');\r\n    const active = slider.querySelector('img.active');\r\n    let index = Array.from(images).indexOf(active);\r\n\r\n    active.classList.remove('active');\r\n\r\n    const next = images[index + 1] || images[0];\r\n    next.classList.add('active');\r\n  });\r\n}, 2800);\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Heritage Gallery Discover a visual journey through Morocco\u2019s historical monuments, traditional craftsmanship, natural landscapes and living cultural heritage. All Historical [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-21","page","type-page","status-publish","hentry"],"brizy_media":[],"_links":{"self":[{"href":"https:\/\/manch.ma\/fr\/wp-json\/wp\/v2\/pages\/21","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/manch.ma\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/manch.ma\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/manch.ma\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/manch.ma\/fr\/wp-json\/wp\/v2\/comments?post=21"}],"version-history":[{"count":5,"href":"https:\/\/manch.ma\/fr\/wp-json\/wp\/v2\/pages\/21\/revisions"}],"predecessor-version":[{"id":489,"href":"https:\/\/manch.ma\/fr\/wp-json\/wp\/v2\/pages\/21\/revisions\/489"}],"wp:attachment":[{"href":"https:\/\/manch.ma\/fr\/wp-json\/wp\/v2\/media?parent=21"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}