{"id":451,"date":"2026-03-28T09:20:54","date_gmt":"2026-03-28T09:20:54","guid":{"rendered":"https:\/\/www.pochoden.cz\/wordpress\/?page_id=451"},"modified":"2026-03-28T21:01:47","modified_gmt":"2026-03-28T21:01:47","slug":"klubovny","status":"publish","type":"page","link":"https:\/\/www.pochoden.cz\/wordpress\/klubovny\/","title":{"rendered":"Klubovny"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"cs\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Klubovny &#8211; Pochode\u0148 Unho\u0161\u0165<\/title>\n    \n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800&#038;display=swap\" rel=\"stylesheet\">\n    \n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    \n    <style>\n        \/* --- Z\u00c1KLADN\u00cd RESET --- *\/\n        * {\n            box-sizing: border-box;\n            -webkit-font-smoothing: antialiased;\n            margin: 0;\n            padding: 0;\n        }\n\n        body {\n            font-family: 'Montserrat', sans-serif;\n            background: transparent;\n            color: #2d3748;\n            padding: 50px 20px;\n        }\n\n        \/* --- HLAVN\u00cd KONTEJNER --- *\/\n        .clubhouses-wrapper {\n            max-width: 1050px;\n            margin: 0 auto;\n        }\n\n        \/* --- HLAVI\u010cKA SEKCE --- *\/\n        .section-header {\n            text-align: center;\n            margin-bottom: 50px;\n        }\n\n        .section-title {\n            font-size: 2.8rem;\n            font-weight: 800;\n            color: #207d20; \/* Tvoje zelen\u00e1 *\/\n            margin-bottom: 20px;\n            position: relative;\n            display: inline-block;\n        }\n\n        .section-title::after {\n            content: '';\n            position: absolute;\n            left: 50%;\n            bottom: -10px;\n            transform: translateX(-50%);\n            width: 80px;\n            height: 4px;\n            background-color: #207d20;\n            border-radius: 2px;\n        }\n\n        .section-intro {\n            font-size: 1.15rem;\n            line-height: 1.7;\n            color: #4a5568;\n            font-weight: 500;\n            max-width: 750px;\n            margin: 0 auto;\n            margin-top: 25px;\n        }\n\n        \/* --- KARTY KLUBOVEN --- *\/\n        .clubhouses-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n            gap: 40px;\n        }\n\n        .clubhouse-card {\n            background: #ffffff;\n            border-radius: 20px;\n            overflow: hidden;\n            box-shadow: 0 4px 15px rgba(0,0,0,0.05);\n            border: 1px solid #f0f4f8;\n            transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.4s ease;\n            display: flex;\n            flex-direction: column;\n        }\n\n        \/* Animace zvednut\u00ed karty p\u0159i najet\u00ed my\u0161\u00ed *\/\n        .clubhouse-card:hover {\n            transform: translateY(-8px);\n            box-shadow: 0 15px 35px rgba(32, 125, 32, 0.12);\n            border-color: rgba(32, 125, 32, 0.2);\n        }\n\n        \/* Kontejner pro obr\u00e1zek s animac\u00ed zoomu *\/\n        .clubhouse-image-wrapper {\n            width: 100%;\n            height: 260px;\n            overflow: hidden;\n            position: relative;\n        }\n\n        .clubhouse-image {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);\n        }\n\n        \/* Zoom obr\u00e1zku p\u0159i najet\u00ed na kartu *\/\n        .clubhouse-card:hover .clubhouse-image {\n            transform: scale(1.08);\n        }\n\n        \/* Dekorativn\u00ed \u0161t\u00edtek p\u0159es obr\u00e1zek *\/\n        .clubhouse-badge {\n            position: absolute;\n            top: 20px;\n            left: 20px;\n            background-color: rgba(255, 255, 255, 0.95);\n            color: #207d20;\n            font-weight: 700;\n            font-size: 0.85rem;\n            padding: 8px 16px;\n            border-radius: 30px;\n            box-shadow: 0 4px 10px rgba(0,0,0,0.1);\n            backdrop-filter: blur(4px);\n            display: flex;\n            align-items: center;\n            gap: 6px;\n        }\n\n        \/* Obsah karty *\/\n        .clubhouse-content {\n            padding: 35px 30px;\n            flex: 1;\n            display: flex;\n            flex-direction: column;\n        }\n\n        .clubhouse-title {\n            font-size: 1.6rem;\n            font-weight: 800;\n            color: #2d3748;\n            margin-bottom: 15px;\n        }\n\n        .clubhouse-desc {\n            font-size: 1.05rem;\n            line-height: 1.6;\n            color: #4a5568;\n            margin-bottom: 25px;\n            flex: 1; \/* Rozt\u00e1hne text a natla\u010d\u00ed tla\u010d\u00edtko dol\u016f *\/\n        }\n\n        \/* Tla\u010d\u00edtko V\u00edce zde *\/\n        .clubhouse-btn {\n            align-self: flex-start;\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            background-color: #f7fafc;\n            color: #207d20;\n            font-weight: 700;\n            text-decoration: none;\n            padding: 12px 24px;\n            border-radius: 30px;\n            border: 2px solid #edf2f7;\n            transition: all 0.3s ease;\n        }\n\n        .clubhouse-btn i {\n            transition: transform 0.3s ease;\n        }\n\n        .clubhouse-card:hover .clubhouse-btn {\n            background-color: #207d20;\n            color: #ffffff;\n            border-color: #207d20;\n        }\n\n        \/* Posunut\u00ed \u0161ipky v tla\u010d\u00edtku p\u0159i najet\u00ed *\/\n        .clubhouse-card:hover .clubhouse-btn i {\n            transform: translateX(4px);\n        }\n\n        \/* --- RESPONZIVITA --- *\/\n        @media (max-width: 768px) {\n            .section-title {\n                font-size: 2.3rem;\n            }\n            .clubhouse-image-wrapper {\n                height: 220px;\n            }\n            .clubhouse-content {\n                padding: 25px 20px;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n\n<section class=\"clubhouses-wrapper\">\n\n    <div class=\"section-header\">\n        <h2 class=\"section-title\">Na\u0161e klubovny<\/h2>\n        <p class=\"section-intro\">\n            N\u00e1\u0161 odd\u00edl v pr\u016fb\u011bhu \u0161koln\u00edho roku vyu\u017e\u00edv\u00e1 pro svou \u010dinnost dv\u011b prostorn\u00e9 klubovny, kter\u00e9 jsou ide\u00e1ln\u00ed pro r\u016fzn\u00e9 akce, setk\u00e1n\u00ed a tvo\u0159en\u00ed programu za ka\u017ed\u00e9ho po\u010das\u00ed.\n        <\/p>\n    <\/div>\n\n    <div class=\"clubhouses-grid\">\n\n        <div class=\"clubhouse-card\">\n            <div class=\"clubhouse-image-wrapper\">\n                <span class=\"clubhouse-badge\"><i class=\"fas fa-cloud-showers-heavy\"><\/i> Ide\u00e1ln\u00ed na zimu<\/span>\n                <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/600x400?text=Fotka+Klubovny+ve+\u0160kole\" alt=\"Klubovna Z\u0160 Komensk\u00e9ho\" class=\"clubhouse-image\">\n            <\/div>\n            <div class=\"clubhouse-content\">\n                <h3 class=\"clubhouse-title\">Klubovna \u2013 \u0160kola<\/h3>\n                <p class=\"clubhouse-desc\">\n                    Na\u0161e prvn\u00ed klubovna se nach\u00e1z\u00ed v budov\u011b Z\u0160 Komensk\u00e9ho se vstupem naproti sportovn\u00ed hale. Zde v\u011bt\u0161inou prob\u00edhaj\u00ed na\u0161e sch\u016fzky v p\u0159\u00edpad\u011b nep\u0159\u00edzniv\u00e9ho po\u010das\u00ed.\n                <\/p>\n                <a href=\"#\" class=\"clubhouse-btn\">V\u00edce informac\u00ed <i class=\"fas fa-arrow-right\"><\/i><\/a>\n            <\/div>\n        <\/div>\n\n        <div class=\"clubhouse-card\">\n            <div class=\"clubhouse-image-wrapper\">\n                <span class=\"clubhouse-badge\"><i class=\"fas fa-sun\"><\/i> Ide\u00e1ln\u00ed na l\u00e9to<\/span>\n                <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/600x400?text=Fotka+Klubovny+\u0160t\u00e1b\" alt=\"Srub \u0160t\u00e1b u ryb\u00e1rny\" class=\"clubhouse-image\">\n            <\/div>\n            <div class=\"clubhouse-content\">\n                <h3 class=\"clubhouse-title\">Klubovna \u2013 \u0160t\u00e1b<\/h3>\n                <p class=\"clubhouse-desc\">\n                    Jako druhou klubovnu vyu\u017e\u00edv\u00e1me srub, kter\u00fd je u unho\u0161\u0165sk\u00e9 ryb\u00e1rny, ale v odd\u00edle mu nikdo ne\u0159ekne jinak ne\u017e &#8222;\u0160t\u00e1b&#8220;. Jeliko\u017e je uprost\u0159ed velk\u00e9 zahrady, vyu\u017e\u00edv\u00e1 se p\u0159edev\u0161\u00edm v teplej\u0161\u00edch m\u011bs\u00edc\u00edch.\n                <\/p>\n                <a href=\"#\" class=\"clubhouse-btn\">V\u00edce informac\u00ed <i class=\"fas fa-arrow-right\"><\/i><\/a>\n            <\/div>\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Klubovny &#8211; Pochode\u0148 Unho\u0161\u0165 Na\u0161e klubovny N\u00e1\u0161 odd\u00edl v pr\u016fb\u011bhu \u0161koln\u00edho roku vyu\u017e\u00edv\u00e1 pro svou \u010dinnost dv\u011b prostorn\u00e9 klubovny, kter\u00e9 jsou ide\u00e1ln\u00ed pro r\u016fzn\u00e9 akce, setk\u00e1n\u00ed a tvo\u0159en\u00ed programu za ka\u017ed\u00e9ho po\u010das\u00ed. Ide\u00e1ln\u00ed na zimu Klubovna \u2013 \u0160kola Na\u0161e prvn\u00ed klubovna se nach\u00e1z\u00ed v budov\u011b Z\u0160 Komensk\u00e9ho se vstupem naproti sportovn\u00ed hale. Zde v\u011bt\u0161inou prob\u00edhaj\u00ed&#8230;<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-451","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.pochoden.cz\/wordpress\/wp-json\/wp\/v2\/pages\/451","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.pochoden.cz\/wordpress\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.pochoden.cz\/wordpress\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.pochoden.cz\/wordpress\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pochoden.cz\/wordpress\/wp-json\/wp\/v2\/comments?post=451"}],"version-history":[{"count":2,"href":"https:\/\/www.pochoden.cz\/wordpress\/wp-json\/wp\/v2\/pages\/451\/revisions"}],"predecessor-version":[{"id":541,"href":"https:\/\/www.pochoden.cz\/wordpress\/wp-json\/wp\/v2\/pages\/451\/revisions\/541"}],"wp:attachment":[{"href":"https:\/\/www.pochoden.cz\/wordpress\/wp-json\/wp\/v2\/media?parent=451"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}