{"id":1283,"date":"2026-06-17T23:37:59","date_gmt":"2026-06-17T21:37:59","guid":{"rendered":"https:\/\/hms24.hu\/?page_id=1283"},"modified":"2026-06-17T23:40:44","modified_gmt":"2026-06-17T21:40:44","slug":"galeria","status":"publish","type":"page","link":"https:\/\/hms24.hu\/en\/galeria\/","title":{"rendered":"Gallery"},"content":{"rendered":"<div class=\"wp-block-stackable-spacer stk-block-spacer stk--no-padding stk-block stk-2b07624\" data-block-id=\"2b07624\"><style>.stk-2b07624 {height:100px !important;}<\/style><\/div>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-ef51e52\" data-block-id=\"ef51e52\"><style>.stk-ef51e52 .stk-block-text__text{color:#fffffe !important;}<\/style><p class=\"stk-block-text__text has-text-color\"><section class=\"hms-gallery-coming-section\">\n  <style>\n    .hms-gallery-coming-section {\n      background: linear-gradient(135deg, #fbf7ef 0%, #ffffff 55%, #f4ead8 100%);\n      padding: 80px 24px;\n      border-radius: 28px;\n      font-family: Arial, Helvetica, sans-serif;\n      color: #111111;\n      box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);\n      position: relative;\n      overflow: hidden;\n      text-align: center;\n    }\n\n    .hms-gallery-coming-section::before {\n      content: \"\";\n      position: absolute;\n      top: -120px;\n      right: -120px;\n      width: 320px;\n      height: 320px;\n      background: radial-gradient(circle, rgba(184, 134, 55, 0.22), transparent 70%);\n      border-radius: 50%;\n    }\n\n    .hms-gallery-coming-section::after {\n      content: \"\";\n      position: absolute;\n      bottom: -140px;\n      left: -140px;\n      width: 340px;\n      height: 340px;\n      background: radial-gradient(circle, rgba(16, 35, 63, 0.12), transparent 70%);\n      border-radius: 50%;\n    }\n\n    .hms-gallery-coming-inner {\n      max-width: 1080px;\n      margin: 0 auto;\n      position: relative;\n      z-index: 2;\n    }\n\n    .hms-gallery-icon {\n      width: 82px;\n      height: 82px;\n      border-radius: 50%;\n      background: #10233f;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin: 0 auto 26px;\n      box-shadow: 0 14px 34px rgba(16, 35, 63, 0.25);\n    }\n\n    .hms-gallery-icon svg {\n      width: 40px;\n      height: 40px;\n      stroke: #d8b46a;\n    }\n\n    .hms-gallery-coming-inner h1 {\n      margin: 0 0 18px;\n      font-size: 42px;\n      line-height: 1.2;\n      color: #111111;\n      font-weight: 700;\n      letter-spacing: -0.5px;\n    }\n\n    .hms-gallery-coming-inner p {\n      max-width: 740px;\n      margin: 0 auto 42px;\n      font-size: 18px;\n      line-height: 1.7;\n      color: #444444;\n    }\n\n    .hms-gallery-placeholder-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 22px;\n      margin-top: 20px;\n    }\n\n    .hms-gallery-placeholder {\n      min-height: 210px;\n      border-radius: 22px;\n      background: rgba(255, 255, 255, 0.88);\n      border: 1px solid #eadcc4;\n      box-shadow: 0 12px 35px rgba(0, 0, 0, 0.06);\n      position: relative;\n      overflow: hidden;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .hms-gallery-placeholder::before {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      background: linear-gradient(\n        120deg,\n        transparent 0%,\n        rgba(216, 180, 106, 0.16) 45%,\n        rgba(216, 180, 106, 0.28) 50%,\n        rgba(216, 180, 106, 0.16) 55%,\n        transparent 100%\n      );\n      transform: translateX(-100%);\n      animation: hmsGalleryShine 3s infinite;\n    }\n\n    @keyframes hmsGalleryShine {\n      0% {\n        transform: translateX(-100%);\n      }\n      60% {\n        transform: translateX(100%);\n      }\n      100% {\n        transform: translateX(100%);\n      }\n    }\n\n    .hms-gallery-placeholder-content {\n      position: relative;\n      z-index: 2;\n      color: #10233f;\n      text-align: center;\n    }\n\n    .hms-gallery-placeholder-content svg {\n      width: 42px;\n      height: 42px;\n      stroke: #b88637;\n      margin-bottom: 12px;\n    }\n\n    .hms-gallery-placeholder-content span {\n      display: block;\n      font-size: 15px;\n      color: #333333;\n      font-weight: 600;\n    }\n\n    .hms-gallery-note {\n      margin-top: 36px;\n      display: inline-block;\n      padding: 13px 24px;\n      border-radius: 999px;\n      background: #10233f;\n      color: #ffffff;\n      font-size: 15px;\n      font-weight: 600;\n      letter-spacing: 0.2px;\n      box-shadow: 0 10px 24px rgba(16, 35, 63, 0.22);\n    }\n\n    .hms-gallery-note strong {\n      color: #d8b46a;\n      font-weight: 700;\n    }\n\n    @media (max-width: 900px) {\n      .hms-gallery-placeholder-grid {\n        grid-template-columns: repeat(2, 1fr);\n      }\n\n      .hms-gallery-coming-inner h1 {\n        font-size: 34px;\n      }\n    }\n\n    @media (max-width: 640px) {\n      .hms-gallery-coming-section {\n        padding: 55px 18px;\n        border-radius: 20px;\n      }\n\n      .hms-gallery-placeholder-grid {\n        grid-template-columns: 1fr;\n      }\n\n      .hms-gallery-coming-inner h1 {\n        font-size: 30px;\n      }\n\n      .hms-gallery-coming-inner p {\n        font-size: 16px;\n      }\n    }\n  <\/style>\n\n  <div class=\"hms-gallery-coming-inner\">\n\n    <div class=\"hms-gallery-icon\">\n      <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"><\/rect>\n        <circle cx=\"8.5\" cy=\"10\" r=\"1.5\"><\/circle>\n        <path d=\"M21 15l-5-5L5 21\"><\/path>\n      <\/svg>\n    <\/div>\n\n    <h1>Gallery is loading<\/h1>\n\n    <p>\n      The HMS24 gallery is currently being uploaded. Soon you will be able to view images of our accommodations, community spaces and services.\n    <\/p>\n\n    <div class=\"hms-gallery-placeholder-grid\">\n\n      <div class=\"hms-gallery-placeholder\">\n        <div class=\"hms-gallery-placeholder-content\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"><\/rect>\n            <circle cx=\"8.5\" cy=\"10\" r=\"1.5\"><\/circle>\n            <path d=\"M21 15l-5-5L5 21\"><\/path>\n          <\/svg>\n          <span>Pictures coming soon<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"hms-gallery-placeholder\">\n        <div class=\"hms-gallery-placeholder-content\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"><\/rect>\n            <circle cx=\"8.5\" cy=\"10\" r=\"1.5\"><\/circle>\n            <path d=\"M21 15l-5-5L5 21\"><\/path>\n          <\/svg>\n          <span>Uploading<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"hms-gallery-placeholder\">\n        <div class=\"hms-gallery-placeholder-content\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"><\/rect>\n            <circle cx=\"8.5\" cy=\"10\" r=\"1.5\"><\/circle>\n            <path d=\"M21 15l-5-5L5 21\"><\/path>\n          <\/svg>\n          <span>Gallery under preparation<\/span>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"hms-gallery-note\">\n      <strong>The full<\/strong> image gallery will be available soon\n    <\/div>\n\n  <\/div>\n<\/section><\/p><\/div>","protected":false},"excerpt":{"rendered":"<p>Gal\u00e9ria felt\u00f6lt\u00e9s alatt A HMS24 gal\u00e9ri\u00e1ja jelenleg felt\u00f6lt\u00e9s alatt \u00e1ll. Hamarosan megtekinthet\u0151k lesznek sz\u00e1ll\u00e1shelyeink, k\u00f6z\u00f6ss\u00e9gi tereink \u00e9s szolg\u00e1ltat\u00e1saink k\u00e9pei. K\u00e9pek hamarosan Felt\u00f6lt\u00e9s alatt Gal\u00e9ria el\u0151k\u00e9sz\u00edt\u00e9s alatt Hamarosan el\u00e9rhet\u0151 lesz a teljes k\u00e9pgal\u00e9ria<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"pgc_sgb_lightbox_settings":"","footnotes":""},"class_list":["post-1283","page","type-page","status-publish","hentry"],"blocksy_meta":{"background":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"gradient":"linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)","background_repeat":"repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"overlayColor":{"default":{"color":"CT_CSS_SKIP_RULE"}},"backgroundColor":{"default":{"color":"#021939"}}},"has_hero_section":"disabled","styles_descriptor":{"styles":{"desktop":"[data-prefix=\"single_page\"] {background-color:#021939;background-image:none;}","tablet":"","mobile":""},"google_fonts":[],"version":6}},"_links":{"self":[{"href":"https:\/\/hms24.hu\/en\/wp-json\/wp\/v2\/pages\/1283","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hms24.hu\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hms24.hu\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hms24.hu\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hms24.hu\/en\/wp-json\/wp\/v2\/comments?post=1283"}],"version-history":[{"count":2,"href":"https:\/\/hms24.hu\/en\/wp-json\/wp\/v2\/pages\/1283\/revisions"}],"predecessor-version":[{"id":1287,"href":"https:\/\/hms24.hu\/en\/wp-json\/wp\/v2\/pages\/1283\/revisions\/1287"}],"wp:attachment":[{"href":"https:\/\/hms24.hu\/en\/wp-json\/wp\/v2\/media?parent=1283"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}