{"id":427,"date":"2026-03-28T09:13:01","date_gmt":"2026-03-28T09:13:01","guid":{"rendered":"https:\/\/www.pochoden.cz\/wordpress\/?page_id=427"},"modified":"2026-03-28T14:18:41","modified_gmt":"2026-03-28T14:18:41","slug":"historie","status":"publish","type":"page","link":"https:\/\/www.pochoden.cz\/wordpress\/historie\/","title":{"rendered":"Historie"},"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>Historie &#8211; Bezpe\u010dn\u00fd layout &#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        .history-wrapper {\n            max-width: 950px; \/* Ide\u00e1ln\u00ed \u0161\u00ed\u0159ka pro tyto karty *\/\n            margin: 0 auto;\n        }\n\n        \/* --- HLAVI\u010cKA SEKCE --- *\/\n        .section-header {\n            text-align: center;\n            margin-bottom: 60px;\n        }\n\n        .section-title {\n            font-size: 2.8rem;\n            font-weight: 800;\n            color: #207d20; \/* Tvoje zelen\u00e1 *\/\n            margin-bottom: 25px;\n            position: relative;\n            display: inline-block;\n        }\n\n        .section-title::after {\n            content: '';\n            position: absolute;\n            left: 50%;\n            bottom: -12px;\n            transform: translateX(-50%);\n            width: 70px;\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: 30px;\n        }\n\n        \/* --- \u010cASOV\u00c1 OSA --- *\/\n        .timeline-container {\n            position: relative;\n            \/* Odsazen\u00ed pro linku na lev\u00e9 stran\u011b *\/\n            padding-left: 40px; \n        }\n\n        \/* Svisl\u00e1 vod\u00edc\u00ed \u010d\u00e1ra vlevo *\/\n        .timeline-container::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 10px;\n            height: 100%;\n            width: 3px;\n            background-color: rgba(32, 125, 32, 0.2);\n            border-radius: 2px;\n        }\n\n        \/* --- KARTY UD\u00c1LOST\u00cd --- *\/\n        .history-card {\n            position: relative;\n            margin-bottom: 50px;\n        }\n\n        .history-card:last-child {\n            margin-bottom: 0;\n        }\n\n        \/* Zelen\u00fd bod na lince *\/\n        .history-card::before {\n            content: '';\n            position: absolute;\n            top: 30px; \/* Vycentrov\u00e1no k nadpisu karty *\/\n            left: -38px; \/* P\u0159ekr\u00fdv\u00e1 svislou \u010d\u00e1ru *\/\n            width: 18px;\n            height: 18px;\n            background-color: #ffffff;\n            border: 4px solid #207d20;\n            border-radius: 50%;\n            z-index: 2;\n            box-shadow: 0 0 0 4px rgba(255, 255, 255, 1);\n        }\n\n        \/* Vnit\u0159ek karty (Flexbox pro rozlo\u017een\u00ed Obr\u00e1zek - Text) *\/\n        .card-inner {\n            display: flex;\n            background: #ffffff;\n            border-radius: 16px;\n            overflow: hidden; \/* D\u016fle\u017eit\u00e9: o\u0159\u00edzne obr\u00e1zek do kulat\u00fdch roh\u016f *\/\n            box-shadow: 0 4px 15px rgba(0,0,0,0.05);\n            border: 1px solid #f0f4f8;\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n\n        .history-card:hover .card-inner {\n            transform: translateY(-4px);\n            box-shadow: 0 12px 25px rgba(32, 125, 32, 0.1);\n            border-color: rgba(32, 125, 32, 0.2);\n        }\n\n        \/* Lev\u00e1 \u010d\u00e1st: Obr\u00e1zek *\/\n        .card-image {\n            flex: 0 0 40%; \/* Obr\u00e1zek zabere 40% \u0161\u00ed\u0159ky karty *\/\n            min-height: 250px;\n            position: relative;\n        }\n\n        .card-image img {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            object-fit: cover; \/* Perfektn\u011b vypln\u00ed prostor bez deformace *\/\n            transition: transform 0.5s ease;\n        }\n\n        .history-card:hover .card-image img {\n            transform: scale(1.05); \/* Jemn\u00fd zoom p\u0159i najet\u00ed *\/\n        }\n\n        \/* Prav\u00e1 \u010d\u00e1st: Text *\/\n        .card-content {\n            flex: 1; \/* Zabere zbytek \u0161\u00ed\u0159ky (60%) *\/\n            padding: 35px 30px;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n        }\n\n        .timeline-year {\n            display: inline-block;\n            font-size: 0.85rem;\n            font-weight: 700;\n            color: #207d20;\n            background-color: rgba(32, 125, 32, 0.1);\n            padding: 6px 14px;\n            border-radius: 20px;\n            margin-bottom: 15px;\n            align-self: flex-start;\n            letter-spacing: 0.5px;\n        }\n\n        .timeline-title {\n            font-size: 1.5rem;\n            font-weight: 700;\n            color: #2d3748;\n            margin-bottom: 15px;\n            line-height: 1.3;\n        }\n\n        .timeline-text {\n            font-size: 1rem;\n            line-height: 1.7;\n            color: #4a5568;\n        }\n\n        .timeline-text strong {\n            color: #207d20;\n        }\n\n        \/* --- Z\u00c1V\u011aRE\u010cN\u00dd CIT\u00c1T --- *\/\n        .history-quote {\n            margin-top: 60px;\n            background-color: #f7fafc;\n            border-left: 5px solid #207d20;\n            padding: 30px 40px;\n            border-radius: 0 16px 16px 0;\n            font-size: 1.1rem;\n            line-height: 1.7;\n            color: #2d3748;\n            font-style: italic;\n            position: relative;\n            box-shadow: 0 4px 15px rgba(0,0,0,0.03);\n            margin-left: 40px; \/* Zarovn\u00e1n\u00ed s odsazen\u00edm \u010dasov\u00e9 osy *\/\n        }\n\n        .history-quote i {\n            color: rgba(32, 125, 32, 0.1);\n            font-size: 2.5rem;\n            position: absolute;\n            top: 20px;\n            right: 30px;\n        }\n\n        .history-quote strong {\n            color: #207d20;\n            font-style: normal;\n        }\n\n        \/* --- RESPONZIVITA (Mobily a Tablety) --- *\/\n        @media (max-width: 768px) {\n            .timeline-container {\n                padding-left: 30px;\n            }\n\n            .timeline-container::before {\n                left: 5px;\n            }\n\n            .history-card::before {\n                left: -32px;\n                top: 25px;\n            }\n\n            \/* Na men\u0161\u00edm displeji se obr\u00e1zek a text poskl\u00e1daj\u00ed pod sebe *\/\n            .card-inner {\n                flex-direction: column;\n            }\n\n            .card-image {\n                width: 100%;\n                height: 220px;\n                flex: none;\n            }\n\n            .card-image img {\n                position: relative;\n            }\n\n            .card-content {\n                padding: 25px 20px;\n            }\n\n            .history-quote {\n                margin-left: 0;\n                padding: 25px;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n\n<section class=\"history-wrapper\">\n\n    <div class=\"section-header\">\n        <h2 class=\"section-title\">Na\u0161e historie<\/h2>\n        <p class=\"section-intro\">\n            Od roku 1967 vedeme d\u011bti k l\u00e1sce k p\u0159\u00edrod\u011b, p\u0159\u00e1telstv\u00ed a spolupr\u00e1ci. Prohl\u00e9dn\u011bte si kl\u00ed\u010dov\u00e9 miln\u00edky na\u0161\u00ed dlouh\u00e9 cesty.\n        <\/p>\n    <\/div>\n\n    <div class=\"timeline-container\">\n\n        <div class=\"history-card\">\n            <div class=\"card-inner\">\n                <div class=\"card-image\">\n                    <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/600x400?text=Zalo\u017een\u00ed+1967\" alt=\"Zalo\u017een\u00ed odd\u00edlu na Krvav\u00e9 k\u00f3t\u011b\">\n                <\/div>\n                <div class=\"card-content\">\n                    <span class=\"timeline-year\">1. ledna 1967<\/span>\n                    <h3 class=\"timeline-title\">Zalo\u017een\u00ed na Krvav\u00e9 k\u00f3t\u011b<\/h3>\n                    <p class=\"timeline-text\">\n                        Odd\u00edl Pochode\u0148 byl zalo\u017een skupinkou chlapc\u016f pod veden\u00edm <strong>Milana Kofl\u00e1ka<\/strong>. Ka\u017edoro\u010dn\u011b si tuto ud\u00e1lost p\u0159ipom\u00edn\u00e1me p\u0159i Novoro\u010dn\u00ed v\u00fdprav\u011b. Z p\u016fvodn\u011b chlapeck\u00e9ho odd\u00edlu se postupem \u010dasu stala v\u011bkov\u011b prostupn\u00e1 organizace i pro d\u011bv\u010data.\n                    <\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"history-card\">\n            <div class=\"card-inner\">\n                <div class=\"card-image\">\n                    <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/600x400?text=Prvn\u00ed+t\u00e1bory\" alt=\"Prvn\u00ed letn\u00ed t\u00e1bory\">\n                <\/div>\n                <div class=\"card-content\">\n                    <span class=\"timeline-year\">Za\u010d\u00e1tek 70. let<\/span>\n                    <h3 class=\"timeline-title\">Prvn\u00ed letn\u00ed t\u00e1bory a r\u016fst<\/h3>\n                    <p class=\"timeline-text\">\n                        Za\u010dali jsme po\u0159\u00e1dat letn\u00ed t\u00e1bory \u2013 nejd\u0159\u00edve v okol\u00ed Unho\u0161t\u011b, pozd\u011bji po cel\u00e9m \u010ceskoslovensku. S r\u016fstem \u010dlensk\u00e9 z\u00e1kladny (a\u017e 200 \u010dlen\u016f) jsme p\u0159e\u0161li na dru\u017einov\u00fd syst\u00e9m pr\u00e1ce, kter\u00fd \u00fasp\u011b\u0161n\u011b funguje dodnes.\n                    <\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"history-card\">\n            <div class=\"card-inner\">\n                <div class=\"card-image\">\n                    <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/600x400?text=Klubovna+\u0160t\u00e1b\" alt=\"Klubovna \u0160t\u00e1b\">\n                <\/div>\n                <div class=\"card-content\">\n                    <span class=\"timeline-year\">1978 \u2013 1983<\/span>\n                    <h3 class=\"timeline-title\">Stavba klubovny &#8222;\u0160t\u00e1b&#8220;<\/h3>\n                    <p class=\"timeline-text\">\n                        Z vlastn\u00edch zdroj\u016f a vlastn\u00edmi silami jsme postavili na\u0161i klubovnu zvanou <strong>&#8222;\u0160t\u00e1b&#8220;<\/strong>. V roce 1983 vyst\u0159\u00eddal zakladatele Milana Kofl\u00e1ka ve veden\u00ed <strong>Petr Fron\u011bk<\/strong>, kter\u00fd odd\u00edl vedl dlouh\u00e1 l\u00e9ta.\n                    <\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"history-card\">\n            <div class=\"card-inner\">\n                <div class=\"card-image\">\n                    <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/600x400?text=Sou\u010dasnost\" alt=\"Nov\u00e1 generace odd\u00edlu\">\n                <\/div>\n                <div class=\"card-content\">\n                    <span class=\"timeline-year\">Od roku 1990 po sou\u010dasnost<\/span>\n                    <h3 class=\"timeline-title\">Nov\u00e1 generace a odkaz<\/h3>\n                    <p class=\"timeline-text\">\n                        V roce 1990 jsme se p\u0159ipojili k organizaci Pion\u00fdr. N\u00e1zev &#8222;Pochode\u0148&#8220; jsme p\u0159evzali od partyz\u00e1nsk\u00e9ho odd\u00edlu. Na konci roku 2024 p\u0159evzal \u0161tafetu hlavn\u00edho vedouc\u00edho <strong>Jakub Pucholt<\/strong>. \u0160tafeta se tak nikdy nezastav\u00ed a posouv\u00e1 se d\u00e1l.\n                    <\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n\n    <div class=\"history-quote\">\n        <i class=\"fas fa-quote-right\"><\/i>\n        <p>\n            <strong>&#8222;Vicissim traditur \u2013 Po \u0159ad\u011b se odevzd\u00e1v\u00e1.&#8220;<\/strong><br><br>\n            I kdy\u017e n\u011bkte\u0159\u00ed b\u00fdval\u00ed \u010dlenov\u00e9 ode\u0161li kv\u016fli pr\u00e1ci \u010di rodin\u011b, z\u016fst\u00e1vaj\u00ed &#8222;pochod\u0148\u00e1ky&#8220; v srdci. \u010casto n\u00e1m pom\u00e1haj\u00ed a poskytuj\u00ed rady v kl\u00ed\u010dov\u00fdch okam\u017eic\u00edch. Hodnoty, kter\u00e9 jsme si osvojili na za\u010d\u00e1tku, plat\u00ed i dnes.\n        <\/p>\n    <\/div>\n\n<\/section>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Historie &#8211; Bezpe\u010dn\u00fd layout &#8211; Pochode\u0148 Unho\u0161\u0165 Na\u0161e historie Od roku 1967 vedeme d\u011bti k l\u00e1sce k p\u0159\u00edrod\u011b, p\u0159\u00e1telstv\u00ed a spolupr\u00e1ci. Prohl\u00e9dn\u011bte si kl\u00ed\u010dov\u00e9 miln\u00edky na\u0161\u00ed dlouh\u00e9 cesty. 1. ledna 1967 Zalo\u017een\u00ed na Krvav\u00e9 k\u00f3t\u011b Odd\u00edl Pochode\u0148 byl zalo\u017een skupinkou chlapc\u016f pod veden\u00edm Milana Kofl\u00e1ka. Ka\u017edoro\u010dn\u011b si tuto ud\u00e1lost p\u0159ipom\u00edn\u00e1me p\u0159i Novoro\u010dn\u00ed v\u00fdprav\u011b. Z p\u016fvodn\u011b&#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-427","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.pochoden.cz\/wordpress\/wp-json\/wp\/v2\/pages\/427","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=427"}],"version-history":[{"count":4,"href":"https:\/\/www.pochoden.cz\/wordpress\/wp-json\/wp\/v2\/pages\/427\/revisions"}],"predecessor-version":[{"id":529,"href":"https:\/\/www.pochoden.cz\/wordpress\/wp-json\/wp\/v2\/pages\/427\/revisions\/529"}],"wp:attachment":[{"href":"https:\/\/www.pochoden.cz\/wordpress\/wp-json\/wp\/v2\/media?parent=427"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}