\u015awiat G\u00f3r \u2013 Odkryj Tatry i Alpy<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;700;900&family=Source+Sans+3:wght@300;400;600&display=swap\" rel=\"stylesheet\">\n<style>\n :root {\n --stone: #2c2416; --peak: #1a2a3a; --gold: #d4881e; --amber: #e8a435;\n --snow: #f5f0e8; --mist: #8fa8b8; --forest: #2d4a2d; --accent: #c0392b;\n }\n * { margin:0; padding:0; box-sizing:border-box; }\n html { scroll-behavior: smooth; }\n body { font-family: \"Source Sans 3\", sans-serif; background: var(--snow); color: var(--stone); }\n\n \/* HEADER *\/\n header {\n position: fixed; top:0; left:0; width:100%; z-index:1000;\n background: linear-gradient(135deg, var(--peak) 0%, #0d1e2e 100%);\n border-bottom: 3px solid var(--gold);\n padding: 0 40px;\n box-shadow: 0 4px 20px rgba(0,0,0,0.5);\n }\n .header-inner { display:flex; align-items:center; justify-content:space-between; height:70px; }\n .logo { font-family:\"Playfair Display\",serif; font-size:1.8rem; font-weight:900; color:var(--snow); text-decoration:none; letter-spacing:2px; }\n .logo span { color:var(--gold); }\n\n \/* NAV *\/\n nav ul { list-style:none; display:flex; gap:4px; }\n nav ul li { position:relative; }\n nav ul li > a { display:block; padding:10px 18px; color:var(--snow); text-decoration:none; font-size:0.9rem; font-weight:600; letter-spacing:1px; text-transform:uppercase; border-radius:4px; transition: all 0.25s; }\n nav ul li > a:hover { background:var(--gold); color:var(--peak); }\n nav ul li > a::after { content: \" \u25be\"; font-size:0.7rem; opacity:0.7; }\n .dropdown { display:none; position:absolute; top:100%; left:0; min-width:220px; background:var(--peak); border:1px solid var(--gold); border-radius:6px; box-shadow:0 8px 30px rgba(0,0,0,0.5); z-index:2000; overflow:hidden; }\n nav ul li:hover .dropdown { display:block; }\n .dropdown a { display:block; padding:12px 20px; color:var(--snow); text-decoration:none; font-size:0.88rem; border-bottom:1px solid rgba(255,255,255,0.07); transition: background 0.2s; }\n .dropdown a:hover { background:var(--gold); color:var(--peak); }\n\n \/* HERO *\/\n #hero { height:100vh; position:relative; overflow:hidden; display:flex; align-items:center; justify-content:center; }\n .hero-bg { position:absolute; inset:0; background: url(\"https:\/\/student065.akademiata.edu.pl\/wp-content\/uploads\/2026\/06\/tatry.jpg\") center\/cover no-repeat; }\n .hero-overlay { position:absolute; inset:0; background: linear-gradient(180deg, rgba(10,20,30,0.3) 0%, rgba(10,20,30,0.7) 100%); }\n .hero-content { position:relative; text-align:center; color:white; padding:20px; }\n .hero-content h1 { font-family:\"Playfair Display\",serif; font-size:clamp(3rem,8vw,7rem); font-weight:900; line-height:1; text-shadow:0 4px 30px rgba(0,0,0,0.8); margin-bottom:20px; letter-spacing:4px; }\n .hero-content h1 em { color:var(--gold); font-style:normal; display:block; }\n .hero-content p { font-size:1.3rem; max-width:600px; margin:0 auto 40px; text-shadow:0 2px 10px rgba(0,0,0,0.8); font-weight:300; line-height:1.6; }\n .hero-cta { display:inline-block; padding:16px 48px; background:var(--gold); color:var(--peak); font-weight:700; text-decoration:none; border-radius:50px; font-size:1rem; letter-spacing:2px; text-transform:uppercase; transition: transform 0.2s, box-shadow 0.2s; box-shadow: 0 4px 20px rgba(212,136,30,0.5); }\n .hero-cta:hover { transform:translateY(-3px); box-shadow:0 8px 30px rgba(212,136,30,0.6); }\n\n \/* SECTIONS *\/\n .section { padding:80px 40px; max-width:1200px; margin:0 auto; }\n .section-title { font-family:\"Playfair Display\",serif; font-size:clamp(2rem,4vw,3rem); color:var(--peak); margin-bottom:12px; font-weight:700; }\n .section-title::after { content:\"\"; display:block; width:60px; height:4px; background:var(--gold); margin-top:10px; border-radius:2px; }\n .section-lead { font-size:1.1rem; color:#555; margin-bottom:40px; line-height:1.7; max-width:700px; }\n .dark-section { background:var(--peak); padding:80px 0; }\n .dark-section .section { color:var(--snow); }\n .dark-section .section-title { color:var(--snow); }\n .dark-section .section-lead { color:var(--mist); }\n\n \/* MEDIA *\/\n .media-grid { display:grid; grid-template-columns:1fr 1fr; gap:30px; margin:40px 0; }\n .media-card { border-radius:12px; overflow:hidden; box-shadow: 0 8px 40px rgba(0,0,0,0.2); position:relative; }\n .media-label { position:absolute; top:16px; left:16px; background:var(--gold); color:var(--peak); padding:4px 12px; border-radius:20px; font-size:0.75rem; font-weight:700; letter-spacing:1px; text-transform:uppercase; z-index:5; }\n .media-card img { width:100%; display:block; }\n .media-card video { width:100%; display:block; max-height:340px; object-fit:cover; }\n .gif-wrap img { width:100%; height:340px; object-fit:cover; display:block; }\n\n \/* TEXT STYLES *\/\n .text-styles-box { background:white; border-radius:12px; padding:40px; box-shadow:0 4px 20px rgba(0,0,0,0.08); margin:30px 0; border-left:5px solid var(--gold); }\n .text-styles-box p { margin-bottom:12px; line-height:1.7; font-size:1rem; }\n .highlight { background:#fff3cd; padding:2px 6px; border-radius:3px; }\n .text-styles-box blockquote { border-left:4px solid var(--gold); padding:12px 20px; margin:20px 0; background:#f9f5ef; font-style:italic; color:#555; border-radius:0 8px 8px 0; }\n\n \/* TABLE *\/\n .table-wrapper { overflow-x:auto; border-radius:12px; box-shadow:0 4px 20px rgba(0,0,0,0.1); }\n table { width:100%; border-collapse:collapse; background:white; }\n thead tr { background:var(--peak); color:var(--snow); }\n thead th { padding:16px 20px; text-align:left; font-size:0.85rem; letter-spacing:1px; text-transform:uppercase; cursor:pointer; user-select:none; white-space:nowrap; }\n thead th:hover { background:var(--gold); color:var(--peak); }\n thead th.sorted-asc::after { content:\" \u2191\"; color:var(--gold); }\n thead th.sorted-desc::after { content:\" \u2193\"; color:var(--gold); }\n tbody tr { border-bottom:1px solid #eee; transition:background 0.15s; }\n tbody tr:hover { background:#fdf6ec; }\n tbody td { padding:14px 20px; font-size:0.95rem; }\n tbody td:first-child { font-weight:700; color:var(--peak); }\n .badge { display:inline-block; padding:3px 10px; border-radius:20px; font-size:0.78rem; font-weight:600; }\n .badge-hard { background:#fde8e8; color:#c0392b; }\n .badge-medium { background:#fef3e2; color:#d4881e; }\n .badge-easy { background:#e8f5e8; color:#2d6a2d; }\n\n \/* CHECKLIST *\/\n .checklist { list-style:none; margin:20px 0; }\n .checklist li { display:flex; align-items:flex-start; gap:14px; padding:14px 0; border-bottom:1px solid #eee; font-size:1rem; }\n .checklist li:last-child { border-bottom:none; }\n .checklist input[type=checkbox] { width:20px; height:20px; cursor:pointer; flex-shrink:0; margin-top:2px; accent-color:var(--gold); }\n .checklist label { cursor:pointer; line-height:1.5; }\n .checklist input:checked + label { text-decoration:line-through; color:#999; }\n\n \/* FORM *\/\n .form-box { background:white; border-radius:16px; padding:40px; box-shadow:0 8px 40px rgba(0,0,0,0.1); max-width:600px; }\n .form-group { margin-bottom:24px; }\n .form-group label { display:block; font-weight:600; margin-bottom:8px; font-size:0.9rem; letter-spacing:0.5px; color:var(--peak); text-transform:uppercase; }\n .form-group input, .form-group textarea, .form-group select { width:100%; padding:14px 18px; border:2px solid #ddd; border-radius:8px; font-family:inherit; font-size:1rem; transition:border-color 0.2s; background:var(--snow); }\n .form-group input:focus, .form-group textarea:focus, .form-group select:focus { outline:none; border-color:var(--gold); }\n .form-group textarea { resize:vertical; min-height:120px; }\n\n \/* BUTTONS *\/\n .btn { display:inline-block; padding:14px 36px; border:none; border-radius:50px; font-family:inherit; font-size:1rem; font-weight:700; cursor:pointer; letter-spacing:1px; text-transform:uppercase; transition:all 0.25s; text-decoration:none; }\n .btn-primary { background:var(--gold); color:var(--peak); }\n .btn-primary:hover { background:var(--amber); transform:translateY(-2px); box-shadow:0 6px 20px rgba(212,136,30,0.4); }\n .btn-outline { background:transparent; border:2px solid var(--gold); color:var(--gold); }\n .btn-outline:hover { background:var(--gold); color:var(--peak); }\n .btn-download { background:var(--forest); color:white; display:inline-flex; align-items:center; gap:10px; }\n .btn-download:hover { background:#1e3a1e; transform:translateY(-2px); }\n .btn-download::before { content:\"\u2b07\"; font-size:1.1rem; }\n\n \/* CHARTS *\/\n .chart-container { background:white; border-radius:16px; padding:30px; box-shadow:0 4px 20px rgba(0,0,0,0.08); margin:20px 0; }\n\n \/* CALENDAR *\/\n .calendar-wrap { background:white; border-radius:16px; padding:30px; box-shadow:0 4px 20px rgba(0,0,0,0.08); max-width:440px; }\n .cal-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:20px; }\n .cal-header h3 { font-family:\"Playfair Display\",serif; font-size:1.3rem; color:var(--peak); }\n .cal-nav { background:none; border:2px solid var(--gold); color:var(--gold); width:36px; height:36px; border-radius:50%; cursor:pointer; font-size:1rem; transition:all 0.2s; }\n .cal-nav:hover { background:var(--gold); color:white; }\n .cal-grid { display:grid; grid-template-columns:repeat(7,1fr); gap:4px; }\n .cal-day-name { text-align:center; font-size:0.75rem; font-weight:700; color:var(--mist); padding:6px 0; text-transform:uppercase; }\n .cal-day { text-align:center; padding:8px 4px; border-radius:8px; font-size:0.85rem; cursor:pointer; transition:all 0.15s; }\n .cal-day:hover { background:#fdf6ec; }\n .cal-day.today { background:var(--gold); color:white; font-weight:700; }\n .cal-day.event { background:#fde8e8; color:var(--accent); font-weight:700; }\n .cal-day.other-month { color:#ccc; }\n .cal-events { margin-top:20px; }\n .cal-event-item { padding:10px 14px; background:#f9f5ef; border-radius:8px; margin-bottom:8px; border-left:4px solid var(--gold); font-size:0.9rem; }\n\n \/* LAYOUTS *\/\n .two-col { display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:start; }\n .three-col { display:grid; grid-template-columns:repeat(3,1fr); gap:30px; }\n .info-card { background:white; border-radius:16px; padding:30px; box-shadow:0 4px 20px rgba(0,0,0,0.07); transition:transform 0.2s; }\n .info-card:hover { transform:translateY(-4px); }\n .info-card .icon { font-size:2.5rem; margin-bottom:16px; }\n .info-card h3 { font-family:\"Playfair Display\",serif; font-size:1.3rem; margin-bottom:10px; color:var(--peak); }\n .info-card p { font-size:0.95rem; line-height:1.6; color:#666; }\n\n \/* TABS *\/\n .tab-nav { display:flex; gap:4px; flex-wrap:wrap; margin-bottom:30px; }\n .tab-btn { padding:10px 24px; border:2px solid var(--gold); background:transparent; color:var(--gold); border-radius:50px; cursor:pointer; font-family:inherit; font-size:0.9rem; font-weight:600; transition:all 0.2s; }\n .tab-btn.active, .tab-btn:hover { background:var(--gold); color:var(--peak); }\n .tab-panel { display:none; }\n .tab-panel.active { display:block; animation:fadeIn 0.3s ease; }\n @keyframes fadeIn { from{opacity:0;transform:translateY(10px)} to{opacity:1;transform:none} }\n\n \/* STATS *\/\n .stats-row { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin:40px 0; }\n .stat-box { text-align:center; padding:30px 20px; background:rgba(255,255,255,0.05); border:1px solid rgba(212,136,30,0.3); border-radius:12px; }\n .stat-box .num { font-family:\"Playfair Display\",serif; font-size:2.5rem; font-weight:900; color:var(--gold); }\n .stat-box .lbl { font-size:0.85rem; color:var(--mist); text-transform:uppercase; letter-spacing:1px; margin-top:6px; }\n\n \/* ALERT *\/\n .alert { padding:16px 20px; border-radius:10px; margin:20px 0; display:flex; gap:12px; align-items:flex-start; }\n .alert-warning { background:#fff3cd; border-left:4px solid var(--amber); }\n .alert-info { background:#e8f4fd; border-left:4px solid #3498db; }\n\n \/* FOOTER *\/\n footer { background: linear-gradient(135deg, #0d1422 0%, var(--peak) 100%); color:var(--snow); padding:60px 40px 30px; border-top:3px solid var(--gold); }\n .footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:40px; max-width:1200px; margin:0 auto 40px; }\n .footer-brand p { color:var(--mist); margin-top:12px; font-size:0.9rem; line-height:1.6; }\n .footer-col h4 { font-family:\"Playfair Display\",serif; font-size:1rem; color:var(--gold); margin-bottom:16px; letter-spacing:1px; }\n .footer-col ul { list-style:none; }\n .footer-col ul li { margin-bottom:8px; }\n .footer-col ul li a { color:var(--mist); text-decoration:none; font-size:0.9rem; transition:color 0.2s; }\n .footer-col ul li a:hover { color:var(--gold); }\n .footer-bottom { max-width:1200px; margin:0 auto; padding-top:24px; border-top:1px solid rgba(255,255,255,0.1); display:flex; justify-content:space-between; align-items:center; font-size:0.85rem; color:var(--mist); }\n\n\n @media(max-width:768px) {\n header { padding:0 20px; }\n .section { padding:60px 20px; }\n .media-grid, .two-col, .three-col { grid-template-columns:1fr; }\n .footer-grid { grid-template-columns:1fr 1fr; }\n .stats-row { grid-template-columns:1fr 1fr; }\n nav { display:none; }\n }\n<\/style>\n<\/head>\n<body>\n\n\n<header>\n <div class=\"header-inner\">\n <a href=\"#hero\" class=\"logo\">\u26f0 \u015awiat<span>G\u00f3r<\/span><\/a>\n <nav>\n <ul>\n <li><a href=\"#hero\">Start<\/a>\n <div class=\"dropdown\">\n <a href=\"#hero\">Strona g\u0142\u00f3wna<\/a>\n <a href=\"#media\">Galeria medi\u00f3w<\/a>\n <\/div>\n <\/li>\n <li><a href=\"#tabs\">Tatry<\/a>\n <div class=\"dropdown\">\n <a href=\"#tabs\" onclick=\"showTab('tatry',event)\">O Tatrach<\/a>\n <a href=\"#tabs\" onclick=\"showTab('szlaki',event)\">Szlaki turystyczne<\/a>\n <a href=\"#tabs\" onclick=\"showTab('bezpieczenstwo',event)\">Bezpiecze\u0144stwo<\/a>\n <\/div>\n <\/li>\n <li><a href=\"#tabs\">Alpinizm<\/a>\n <div class=\"dropdown\">\n <a href=\"#tabs\" onclick=\"showTab('alpinizm',event)\">Co to jest alpinizm?<\/a>\n <a href=\"#tabs\" onclick=\"showTab('sprzet',event)\">Sprz\u0119t wspinaczkowy<\/a>\n <\/div>\n <\/li>\n <li><a href=\"#dane\">Dane i wykresy<\/a>\n <div class=\"dropdown\">\n <a href=\"#dane\">Statystyki<\/a>\n <a href=\"#histogram\">Histogram<\/a>\n <\/div>\n <\/li>\n <li><a href=\"#kontakt\">Kontakt<\/a>\n <div class=\"dropdown\">\n <a href=\"#kontakt\">Napisz do nas<\/a>\n <a href=\"#kontakt\">Newsletter<\/a>\n <\/div>\n <\/li>\n <\/ul>\n <\/nav>\n <\/div>\n<\/header>\n\n\n<section id=\"hero\">\n <div class=\"hero-bg\"><\/div>\n <div class=\"hero-overlay\"><\/div>\n <div class=\"hero-content\">\n <h1>Tatry<em>Polskie<\/em><\/h1>\n <p>Odkryj majestat najwy\u017cszych polskich szczyt\u00f3w \u2014 dzikie doliny, szmaragdowe jeziora i niebo dotykaj\u0105ce ska\u0142<\/p>\n <a href=\"#tabs\" class=\"hero-cta\">Eksploruj teraz<\/a>\n <\/div>\n<\/section>\n\n<main>\n\n\n\n\n<div id=\"tabs\" class=\"section\" style=\"padding-top:20px;\">\n <h2 class=\"section-title\">Podstrony serwisu<\/h2>\n <p class=\"section-lead\">Przegl\u0105daj tematyczne dzia\u0142y naszego serwisu g\u00f3rskiego.<\/p>\n\n <div class=\"tab-nav\">\n <button class=\"tab-btn active\" onclick=\"showTab('tatry',event)\">\u26f0 O Tatrach<\/button>\n <button class=\"tab-btn\" onclick=\"showTab('szlaki',event)\">\ud83e\udd7e Szlaki<\/button>\n <button class=\"tab-btn\" onclick=\"showTab('bezpieczenstwo',event)\">\ud83d\udee1 Bezpiecze\u0144stwo<\/button>\n <button class=\"tab-btn\" onclick=\"showTab('alpinizm',event)\">\ud83e\uddd7 Alpinizm<\/button>\n <button class=\"tab-btn\" onclick=\"showTab('sprzet',event)\">\ud83c\udf92 Sprz\u0119t<\/button>\n <\/div>\n\n \n <div id=\"tab-tatry\" class=\"tab-panel active\">\n <div class=\"two-col\">\n <div>\n <h2 class=\"section-title\">O Tatrach<\/h2>\n <p class=\"section-lead\">Tatry to jedyny \u0142a\u0144cuch g\u00f3rski w Polsce o charakterze alpejskim.<\/p>\n <div class=\"text-styles-box\">\n <p>Tatry s\u0105 <strong>najwy\u017cszymi g\u00f3rami Polski<\/strong> i <strong>S\u0142owacji<\/strong>, stanowi\u0105c jedyny obszar o <em>charakterze alpejskim<\/em> w Karpatach. Ich najwy\u017cszy szczyt \u2014 <u>Rysy<\/u> \u2014 wznosi si\u0119 na <mark class=\"highlight\">2499 m n.p.m.<\/mark><\/p>\n <p style=\"margin-top:14px;\">G\u00f3ry te zajmuj\u0105 powierzchni\u0119 oko\u0142o <strong>785 km\u00b2<\/strong>. Tatrza\u0144ski Park Narodowy chroni polsk\u0105 cz\u0119\u015b\u0107 masywu.<\/p>\n <blockquote>„Kto raz zobaczy\u0142 Tatry, ten zawsze do nich wraca \u2014 szczyty wryj\u0105 si\u0119 w pami\u0119\u0107 na ca\u0142e \u017cycie.”<\/blockquote>\n <p>Klimat tatrza\u0144ski jest surowy i <strong>zmienny<\/strong>. <del>Tatry s\u0105 bezpieczne przez ca\u0142y rok<\/del> \u2014 w zimie wymagaj\u0105 szczeg\u00f3lnej ostro\u017cno\u015bci.<\/p>\n <\/div>\n <a href=\"#\" class=\"btn btn-download\" id=\"btn-dl-tatry\" style=\"margin-top:20px;\">Pobierz przewodnik (TXT)<\/a>\n <\/div>\n <div>\n <img decoding=\"async\" src=\"https:\/\/student065.akademiata.edu.pl\/wp-content\/uploads\/2026\/06\/tatry.jpg\" alt=\"Tatry Polskie o wschodzie s\u0142o\u0144ca\" style=\"width:100%;border-radius:16px;box-shadow:0 8px 40px rgba(0,0,0,0.2);\">\n <p style=\"font-size:0.8rem;color:#999;margin-top:8px;text-align:center;\">\u25b2 Tatry Polskie o wschodzie s\u0142o\u0144ca<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"tab-szlaki\" class=\"tab-panel\">\n <h2 class=\"section-title\">Szlaki Tatrza\u0144skie<\/h2>\n <p class=\"section-lead\">Tatry oferuj\u0105 ponad 300 km znakowanych szlak\u00f3w.<\/p>\n <div class=\"alert alert-warning\">\n <span>\u26a0\ufe0f<\/span>\n <div><strong>Uwaga:<\/strong> Sprawdzaj aktualny stan szlak\u00f3w na stronie TPN przed wyj\u015bciem.<\/div>\n <\/div>\n <div class=\"table-wrapper\" style=\"margin-top:20px;\">\n <table id=\"szlaki-table\">\n <thead><tr>\n <th onclick=\"sortTable('szlaki-table',0)\">Szlak<\/th>\n <th onclick=\"sortTable('szlaki-table',1)\">Dystans (km)<\/th>\n <th onclick=\"sortTable('szlaki-table',2)\">Przewy\u017cszenie (m)<\/th>\n <th onclick=\"sortTable('szlaki-table',3)\">Czas (godz)<\/th>\n <th onclick=\"sortTable('szlaki-table',4)\">Trudno\u015b\u0107<\/th>\n <th onclick=\"sortTable('szlaki-table',5)\">Sezon<\/th>\n <\/tr><\/thead>\n <tbody>\n <tr><td>Morskie Oko<\/td><td>9.0<\/td><td>180<\/td><td>3.5<\/td><td><span class=\"badge badge-easy\">\u0141atwy<\/span><\/td><td>Ca\u0142y rok<\/td><\/tr>\n <tr><td>Rysy<\/td><td>20.0<\/td><td>1600<\/td><td>8.0<\/td><td><span class=\"badge badge-hard\">Trudny<\/span><\/td><td>Lato<\/td><\/tr>\n <tr><td>Kasprowy Wierch<\/td><td>10.5<\/td><td>1006<\/td><td>4.5<\/td><td><span class=\"badge badge-medium\">\u015aredni<\/span><\/td><td>Wiosna\u2013Jesie\u0144<\/td><\/tr>\n <tr><td>Giewont<\/td><td>13.0<\/td><td>860<\/td><td>5.0<\/td><td><span class=\"badge badge-medium\">\u015aredni<\/span><\/td><td>Wiosna\u2013Jesie\u0144<\/td><\/tr>\n <tr><td>Dolina Ko\u015bcieliska<\/td><td>8.0<\/td><td>120<\/td><td>2.5<\/td><td><span class=\"badge badge-easy\">\u0141atwy<\/span><\/td><td>Ca\u0142y rok<\/td><\/tr>\n <tr><td>Orla Per\u0107<\/td><td>4.0<\/td><td>310<\/td><td>5.0<\/td><td><span class=\"badge badge-hard\">Trudny<\/span><\/td><td>Lato<\/td><\/tr>\n <tr><td>Zakopane \u2013 Guba\u0142\u00f3wka<\/td><td>5.5<\/td><td>310<\/td><td>2.0<\/td><td><span class=\"badge badge-easy\">\u0141atwy<\/span><\/td><td>Ca\u0142y rok<\/td><\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <p style=\"font-size:0.85rem;color:#999;margin-top:10px;\">\ud83d\udca1 Kliknij nag\u0142\u00f3wek kolumny, aby posortowa\u0107<\/p>\n <\/div>\n\n \n <div id=\"tab-bezpieczenstwo\" class=\"tab-panel\">\n <h2 class=\"section-title\">Bezpiecze\u0144stwo w G\u00f3rach<\/h2>\n <p class=\"section-lead\">G\u00f3rskie w\u0119dr\u00f3wki wymagaj\u0105 odpowiedniego przygotowania.<\/p>\n <div class=\"two-col\" style=\"margin-top:30px;\">\n <div>\n <h3 style=\"font-family:'Playfair Display',serif;margin-bottom:20px;font-size:1.4rem;\">\u2705 Lista kontrolna turysty<\/h3>\n <ul class=\"checklist\">\n <li><input type=\"checkbox\" id=\"c1\"><label for=\"c1\">\ud83d\uddfa Mapa i kompas (lub GPS)<\/label><\/li>\n <li><input type=\"checkbox\" id=\"c2\"><label for=\"c2\">\ud83e\udd7e Odpowiednie buty trekkingowe<\/label><\/li>\n <li><input type=\"checkbox\" id=\"c3\"><label for=\"c3\">\ud83e\udde5 Odzie\u017c przeciwdeszczowa i ciep\u0142a<\/label><\/li>\n <li><input type=\"checkbox\" id=\"c4\"><label for=\"c4\">\ud83d\udc8a Apteczka pierwszej pomocy<\/label><\/li>\n <li><input type=\"checkbox\" id=\"c5\"><label for=\"c5\">\ud83d\udca7 Zapas wody (min. 2 litry)<\/label><\/li>\n <li><input type=\"checkbox\" id=\"c6\"><label for=\"c6\">\ud83d\udd0b Powerbank i na\u0142adowany telefon<\/label><\/li>\n <li><input type=\"checkbox\" id=\"c7\"><label for=\"c7\">\ud83c\udf24 Sprawdzenie prognozy pogody<\/label><\/li>\n <li><input type=\"checkbox\" id=\"c8\"><label for=\"c8\">\ud83d\udcde Numer TOPR: 601 100 300<\/label><\/li>\n <li><input type=\"checkbox\" id=\"c9\"><label for=\"c9\">\ud83e\uddf4 Krem z filtrem UV (min. SPF 30)<\/label><\/li>\n <li><input type=\"checkbox\" id=\"c10\"><label for=\"c10\">\ud83d\udd26 Latarka czo\u0142owa z bateriami<\/label><\/li>\n <\/ul>\n <\/div>\n <div>\n <div class=\"alert alert-info\"><span>\u2139\ufe0f<\/span><div><strong>TOPR:<\/strong> 601 100 300 | Alarmowy: <strong>112<\/strong><\/div><\/div>\n <div class=\"info-card\" style=\"margin-top:20px;\">\n <div class=\"icon\">\u26c8<\/div>\n <h3>Burze w g\u00f3rach<\/h3>\n <p>Burze pojawiaj\u0105 si\u0119 cz\u0119sto po po\u0142udniu. Planuj powr\u00f3t przed godzin\u0105 14:00.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"tab-alpinizm\" class=\"tab-panel\">\n <h2 class=\"section-title\">Alpinizm<\/h2>\n <p class=\"section-lead\">Sztuka pokonywania szczyt\u00f3w metodami wspinaczkowymi.<\/p>\n <div class=\"three-col\" style=\"margin-top:30px;\">\n <div class=\"info-card\"><div class=\"icon\">\ud83e\uddd7<\/div><h3>Wspinaczka skalna<\/h3><p>Pokonywanie stromych \u015bcian z pomoc\u0105 r\u0105k, n\u00f3g i sprz\u0119tu asekuracyjnego.<\/p><\/div>\n <div class=\"info-card\"><div class=\"icon\">\ud83c\udfd4<\/div><h3>Himalaizm<\/h3><p>Zdobywanie o\u015bmiotysi\u0119cznik\u00f3w. Polska szko\u0142a himalaizmu nale\u017cy do najlepszych na \u015bwiecie.<\/p><\/div>\n <div class=\"info-card\"><div class=\"icon\">\ud83c\udfbf<\/div><h3>Skialpinizm<\/h3><p>Po\u0142\u0105czenie narciarstwa z alpinizmem \u2014 wchodzenie na szczyty na nartach z fokami.<\/p><\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"tab-sprzet\" class=\"tab-panel\">\n <h2 class=\"section-title\">Sprz\u0119t Wspinaczkowy<\/h2>\n <p class=\"section-lead\">Dobry sprz\u0119t to podstawa bezpiecze\u0144stwa.<\/p>\n <a href=\"#\" id=\"btn-dl-sprzet\" class=\"btn btn-download\" style=\"margin-bottom:30px;display:inline-flex;\">Pobierz katalog sprz\u0119tu (TXT)<\/a>\n <div class=\"table-wrapper\">\n <table id=\"sprzet-table\">\n <thead><tr>\n <th onclick=\"sortTable('sprzet-table',0)\">Sprz\u0119t<\/th>\n <th onclick=\"sortTable('sprzet-table',1)\">Kategoria<\/th>\n <th onclick=\"sortTable('sprzet-table',2)\">Cena (PLN)<\/th>\n <th onclick=\"sortTable('sprzet-table',3)\">Waga (g)<\/th>\n <\/tr><\/thead>\n <tbody>\n <tr><td>Uprz\u0105\u017c wspinaczkowa<\/td><td>Asekuracja<\/td><td>250<\/td><td>350<\/td><\/tr>\n <tr><td>Lina dynamiczna 50m<\/td><td>Asekuracja<\/td><td>600<\/td><td>2800<\/td><\/tr>\n <tr><td>Buty wspinaczkowe<\/td><td>Obuwie<\/td><td>450<\/td><td>560<\/td><\/tr>\n <tr><td>Kask wspinaczkowy<\/td><td>Ochrona<\/td><td>300<\/td><td>280<\/td><\/tr>\n <tr><td>Raki 12-punktowe<\/td><td>Zimowy<\/td><td>550<\/td><td>1200<\/td><\/tr>\n <tr><td>Czekan techniczny<\/td><td>Zimowy<\/td><td>700<\/td><td>650<\/td><\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/div>\n<\/div>\n\n\n<div class=\"dark-section\">\n<div class=\"section\" id=\"media\">\n <h2 class=\"section-title\" style=\"color:var(--snow);\">Galeria Medi\u00f3w<\/h2>\n <p class=\"section-lead\">Zdj\u0119cia, wideo i animacje ukazuj\u0105ce pi\u0119kno tatrza\u0144skiej przyrody.<\/p>\n <div class=\"media-grid\">\n <div class=\"media-card\">\n <span class=\"media-label\">\ud83d\udcf7 Zdj\u0119cie<\/span>\n <img decoding=\"async\" src=\"https:\/\/student065.akademiata.edu.pl\/wp-content\/uploads\/2026\/06\/tatry.jpg\" alt=\"Tatry Polskie \u2013 wsch\u00f3d s\u0142o\u0144ca\">\n <\/div>\n <div class=\"media-card\">\n <span class=\"media-label\">\ud83c\udf9e Animacja GIF<\/span>\n <div class=\"gif-wrap\">\n <img decoding=\"async\" src=\"https:\/\/student065.akademiata.edu.pl\/wp-content\/uploads\/2026\/06\/mountains.gif\" alt=\"G\u00f3rskie jezioro \u2013 animacja\">\n <\/div>\n <\/div>\n <div class=\"media-card\" style=\"grid-column:1\/-1;\">\n <span class=\"media-label\">\ud83c\udfac Film<\/span>\n <video controls autoplay muted loop>\n <source src=\"https:\/\/student065.akademiata.edu.pl\/wp-content\/uploads\/2026\/06\/mountains.mp4\" type=\"video\/mp4\">\n Twoja przegl\u0105darka nie obs\u0142uguje elementu video.\n <\/video>\n <\/div>\n <\/div>\n <div class=\"stats-row\" style=\"margin-top:60px;\">\n <div class=\"stat-box\"><div class=\"num\">2499m<\/div><div class=\"lbl\">Rysy \u2013 najwy\u017cszy szczyt PL<\/div><\/div>\n <div class=\"stat-box\"><div class=\"num\">300km<\/div><div class=\"lbl\">Oznakowanych szlak\u00f3w<\/div><\/div>\n <div class=\"stat-box\"><div class=\"num\">4 mln<\/div><div class=\"lbl\">Turyst\u00f3w rocznie<\/div><\/div>\n <div class=\"stat-box\"><div class=\"num\">1954<\/div><div class=\"lbl\">Rok za\u0142o\u017cenia TPN<\/div><\/div>\n <\/div>\n<\/div>\n<\/div>\n\n\n<div class=\"section\" id=\"dane\">\n <h2 class=\"section-title\">Dane i Wykresy<\/h2>\n <p class=\"section-lead\">Analiza statystyczna ruchu turystycznego i szlak\u00f3w tatrza\u0144skich.<\/p>\n <div class=\"two-col\">\n <div class=\"chart-container\">\n <h3 style=\"font-family:'Playfair Display',serif;margin-bottom:20px;\">\ud83d\udcc8 Ruch turystyczny w TPN (2019\u20132024)<\/h3>\n <canvas id=\"chartLine\" height=\"250\"><\/canvas>\n <\/div>\n <div class=\"chart-container\">\n <h3 style=\"font-family:'Playfair Display',serif;margin-bottom:20px;\">\ud83d\udcca Popularno\u015b\u0107 szlak\u00f3w<\/h3>\n <canvas id=\"chartBar\" height=\"250\"><\/canvas>\n <\/div>\n <\/div>\n <div class=\"chart-container\" id=\"histogram\" style=\"margin-top:30px;\">\n <h3 style=\"font-family:'Playfair Display',serif;margin-bottom:20px;\">\ud83d\udcca Histogram \u2013 Rozk\u0142ad d\u0142ugo\u015bci szlak\u00f3w<\/h3>\n <canvas id=\"chartHistogram\" height=\"200\"><\/canvas>\n <\/div>\n\n \n <div id=\"kontakt\" style=\"margin-top:60px;\">\n <div class=\"two-col\" style=\"gap:60px;\">\n <div>\n <h2 class=\"section-title\">Kalendarz Wydarze\u0144<\/h2>\n <p class=\"section-lead\">Planuj wyprawy i b\u0105d\u017a na bie\u017c\u0105co z wydarzeniami.<\/p>\n <div class=\"calendar-wrap\">\n <div class=\"cal-header\">\n <button class=\"cal-nav\" onclick=\"calNav(-1)\">\u2039<\/button>\n <h3 id=\"cal-title\"><\/h3>\n <button class=\"cal-nav\" onclick=\"calNav(1)\">\u203a<\/button>\n <\/div>\n <div class=\"cal-grid\" id=\"cal-grid\"><\/div>\n <div class=\"cal-events\" id=\"cal-events\"><\/div>\n <\/div>\n <\/div>\n <div>\n <h2 class=\"section-title\">Napisz do nas<\/h2>\n <p class=\"section-lead\">Masz pytania? Chcesz zapisa\u0107 si\u0119 na wypraw\u0119?<\/p>\n <div class=\"form-box\">\n <div class=\"form-group\"><label for=\"name\">Imi\u0119 i Nazwisko<\/label><input type=\"text\" id=\"name\" placeholder=\"Jan Kowalski\"><\/div>\n <div class=\"form-group\"><label for=\"email\">Adres e-mail<\/label><input type=\"email\" id=\"email\" placeholder=\"jan@example.com\"><\/div>\n <div class=\"form-group\"><label for=\"temat\">Temat wyprawy<\/label>\n <select id=\"temat\">\n <option value=\"\">— wybierz —<\/option>\n <option>Tatry Polskie<\/option><option>Tatry S\u0142owackie<\/option>\n <option>Alpy<\/option><option>Himalaje<\/option><option>Inne<\/option>\n <\/select>\n <\/div>\n <div class=\"form-group\"><label for=\"msg\">Wiadomo\u015b\u0107<\/label><textarea id=\"msg\" placeholder=\"Opisz sw\u00f3j pomys\u0142 na wypraw\u0119...\"><\/textarea><\/div>\n <div style=\"display:flex;gap:12px;flex-wrap:wrap;\">\n <button class=\"btn btn-primary\" onclick=\"alert('Dzi\u0119kujemy za wiadomo\u015b\u0107! \ud83c\udfd4')\">Wy\u015blij wiadomo\u015b\u0107<\/button>\n <a href=\"#\" class=\"btn btn-outline\" id=\"btn-newsletter\">Newsletter<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n<\/main>\n\n\n<footer>\n <div class=\"footer-grid\">\n <div class=\"footer-brand\">\n <a href=\"#hero\" class=\"logo\">\u26f0 \u015awiat<span>G\u00f3r<\/span><\/a>\n <p>Serwis po\u015bwi\u0119cony g\u00f3rskim w\u0119dr\u00f3wkom, alpinizmowi i przyrodzie tatrza\u0144skiej.<\/p>\n <\/div>\n <div class=\"footer-col\"><h4>Nawigacja<\/h4><ul>\n <li><a href=\"#tabs\">O Tatrach<\/a><\/li><li><a href=\"#tabs\">Szlaki<\/a><\/li>\n <li><a href=\"#tabs\">Alpinizm<\/a><\/li><li><a href=\"#dane\">Wykresy<\/a><\/li>\n <\/ul><\/div>\n <div class=\"footer-col\"><h4>Informacje<\/h4><ul>\n <li><a href=\"#\">Regulamin<\/a><\/li><li><a href=\"#\">Polityka prywatno\u015bci<\/a><\/li>\n <li><a href=\"#\">Mapa serwisu<\/a><\/li><li><a href=\"#\">O projekcie<\/a><\/li>\n <\/ul><\/div>\n <div class=\"footer-col\"><h4>Kontakt<\/h4><ul>\n <li><a href=\"mailto:info@swiatgor.pl\">info@swiatgor.pl<\/a><\/li>\n <li><a href=\"tel:+48601100300\">TOPR: 601 100 300<\/a><\/li>\n <li><a href=\"#\">Facebook<\/a><\/li><li><a href=\"#\">Instagram<\/a><\/li>\n <\/ul><\/div>\n <\/div>\n <div class=\"footer-bottom\">\n <span>\u00a9 2026 \u015awiatG\u00f3r.pl \u2014 Wszelkie prawa zastrze\u017cone<\/span>\n <span>Tatrza\u0144ski Park Narodowy \ud83c\udfd4<\/span>\n <\/div>\n<\/footer>\n\n\n\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u015awiat G\u00f3r \u2013 Odkryj Tatry i Alpy \u26f0 \u015awiatG\u00f3r Start Strona g\u0142\u00f3wna Galeria medi\u00f3w Tatry O Tatrach Szlaki turystyczne Bezpiecze\u0144stwo Alpinizm Co to jest alpinizm? …<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-92","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/student065.akademiata.edu.pl\/index.php\/wp-json\/wp\/v2\/pages\/92","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/student065.akademiata.edu.pl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/student065.akademiata.edu.pl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/student065.akademiata.edu.pl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/student065.akademiata.edu.pl\/index.php\/wp-json\/wp\/v2\/comments?post=92"}],"version-history":[{"count":7,"href":"https:\/\/student065.akademiata.edu.pl\/index.php\/wp-json\/wp\/v2\/pages\/92\/revisions"}],"predecessor-version":[{"id":130,"href":"https:\/\/student065.akademiata.edu.pl\/index.php\/wp-json\/wp\/v2\/pages\/92\/revisions\/130"}],"wp:attachment":[{"href":"https:\/\/student065.akademiata.edu.pl\/index.php\/wp-json\/wp\/v2\/media?parent=92"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":92,"date":"2026-06-03T08:18:50","date_gmt":"2026-06-03T06:18:50","guid":{"rendered":"https:\/\/student065.akademiata.edu.pl\/?page_id=92"},"modified":"2026-06-10T12:11:54","modified_gmt":"2026-06-10T10:11:54","slug":"strona-zaliczeniowa","status":"publish","type":"page","link":"https:\/\/student065.akademiata.edu.pl\/index.php\/strona-zaliczeniowa\/","title":{"rendered":"Strona zaliczeniowa"},"content":{"rendered":"\n\n\n\n\n\n\u015awiat G\u00f3r \u2013 Odkryj Tatry i Alpy<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;700;900&family=Source+Sans+3:wght@300;400;600&display=swap\" rel=\"stylesheet\">\n<style>\n :root {\n --stone: #2c2416; --peak: #1a2a3a; --gold: #d4881e; --amber: #e8a435;\n --snow: #f5f0e8; --mist: #8fa8b8; --forest: #2d4a2d; --accent: #c0392b;\n }\n * { margin:0; padding:0; box-sizing:border-box; }\n html { scroll-behavior: smooth; }\n body { font-family: \"Source Sans 3\", sans-serif; background: var(--snow); color: var(--stone); }\n\n \/* HEADER *\/\n header {\n position: fixed; top:0; left:0; width:100%; z-index:1000;\n background: linear-gradient(135deg, var(--peak) 0%, #0d1e2e 100%);\n border-bottom: 3px solid var(--gold);\n padding: 0 40px;\n box-shadow: 0 4px 20px rgba(0,0,0,0.5);\n }\n .header-inner { display:flex; align-items:center; justify-content:space-between; height:70px; }\n .logo { font-family:\"Playfair Display\",serif; font-size:1.8rem; font-weight:900; color:var(--snow); text-decoration:none; letter-spacing:2px; }\n .logo span { color:var(--gold); }\n\n \/* NAV *\/\n nav ul { list-style:none; display:flex; gap:4px; }\n nav ul li { position:relative; }\n nav ul li > a { display:block; padding:10px 18px; color:var(--snow); text-decoration:none; font-size:0.9rem; font-weight:600; letter-spacing:1px; text-transform:uppercase; border-radius:4px; transition: all 0.25s; }\n nav ul li > a:hover { background:var(--gold); color:var(--peak); }\n nav ul li > a::after { content: \" \u25be\"; font-size:0.7rem; opacity:0.7; }\n .dropdown { display:none; position:absolute; top:100%; left:0; min-width:220px; background:var(--peak); border:1px solid var(--gold); border-radius:6px; box-shadow:0 8px 30px rgba(0,0,0,0.5); z-index:2000; overflow:hidden; }\n nav ul li:hover .dropdown { display:block; }\n .dropdown a { display:block; padding:12px 20px; color:var(--snow); text-decoration:none; font-size:0.88rem; border-bottom:1px solid rgba(255,255,255,0.07); transition: background 0.2s; }\n .dropdown a:hover { background:var(--gold); color:var(--peak); }\n\n \/* HERO *\/\n #hero { height:100vh; position:relative; overflow:hidden; display:flex; align-items:center; justify-content:center; }\n .hero-bg { position:absolute; inset:0; background: url(\"https:\/\/student065.akademiata.edu.pl\/wp-content\/uploads\/2026\/06\/tatry.jpg\") center\/cover no-repeat; }\n .hero-overlay { position:absolute; inset:0; background: linear-gradient(180deg, rgba(10,20,30,0.3) 0%, rgba(10,20,30,0.7) 100%); }\n .hero-content { position:relative; text-align:center; color:white; padding:20px; }\n .hero-content h1 { font-family:\"Playfair Display\",serif; font-size:clamp(3rem,8vw,7rem); font-weight:900; line-height:1; text-shadow:0 4px 30px rgba(0,0,0,0.8); margin-bottom:20px; letter-spacing:4px; }\n .hero-content h1 em { color:var(--gold); font-style:normal; display:block; }\n .hero-content p { font-size:1.3rem; max-width:600px; margin:0 auto 40px; text-shadow:0 2px 10px rgba(0,0,0,0.8); font-weight:300; line-height:1.6; }\n .hero-cta { display:inline-block; padding:16px 48px; background:var(--gold); color:var(--peak); font-weight:700; text-decoration:none; border-radius:50px; font-size:1rem; letter-spacing:2px; text-transform:uppercase; transition: transform 0.2s, box-shadow 0.2s; box-shadow: 0 4px 20px rgba(212,136,30,0.5); }\n .hero-cta:hover { transform:translateY(-3px); box-shadow:0 8px 30px rgba(212,136,30,0.6); }\n\n \/* SECTIONS *\/\n .section { padding:80px 40px; max-width:1200px; margin:0 auto; }\n .section-title { font-family:\"Playfair Display\",serif; font-size:clamp(2rem,4vw,3rem); color:var(--peak); margin-bottom:12px; font-weight:700; }\n .section-title::after { content:\"\"; display:block; width:60px; height:4px; background:var(--gold); margin-top:10px; border-radius:2px; }\n .section-lead { font-size:1.1rem; color:#555; margin-bottom:40px; line-height:1.7; max-width:700px; }\n .dark-section { background:var(--peak); padding:80px 0; }\n .dark-section .section { color:var(--snow); }\n .dark-section .section-title { color:var(--snow); }\n .dark-section .section-lead { color:var(--mist); }\n\n \/* MEDIA *\/\n .media-grid { display:grid; grid-template-columns:1fr 1fr; gap:30px; margin:40px 0; }\n .media-card { border-radius:12px; overflow:hidden; box-shadow: 0 8px 40px rgba(0,0,0,0.2); position:relative; }\n .media-label { position:absolute; top:16px; left:16px; background:var(--gold); color:var(--peak); padding:4px 12px; border-radius:20px; font-size:0.75rem; font-weight:700; letter-spacing:1px; text-transform:uppercase; z-index:5; }\n .media-card img { width:100%; display:block; }\n .media-card video { width:100%; display:block; max-height:340px; object-fit:cover; }\n .gif-wrap img { width:100%; height:340px; object-fit:cover; display:block; }\n\n \/* TEXT STYLES *\/\n .text-styles-box { background:white; border-radius:12px; padding:40px; box-shadow:0 4px 20px rgba(0,0,0,0.08); margin:30px 0; border-left:5px solid var(--gold); }\n .text-styles-box p { margin-bottom:12px; line-height:1.7; font-size:1rem; }\n .highlight { background:#fff3cd; padding:2px 6px; border-radius:3px; }\n .text-styles-box blockquote { border-left:4px solid var(--gold); padding:12px 20px; margin:20px 0; background:#f9f5ef; font-style:italic; color:#555; border-radius:0 8px 8px 0; }\n\n \/* TABLE *\/\n .table-wrapper { overflow-x:auto; border-radius:12px; box-shadow:0 4px 20px rgba(0,0,0,0.1); }\n table { width:100%; border-collapse:collapse; background:white; }\n thead tr { background:var(--peak); color:var(--snow); }\n thead th { padding:16px 20px; text-align:left; font-size:0.85rem; letter-spacing:1px; text-transform:uppercase; cursor:pointer; user-select:none; white-space:nowrap; }\n thead th:hover { background:var(--gold); color:var(--peak); }\n thead th.sorted-asc::after { content:\" \u2191\"; color:var(--gold); }\n thead th.sorted-desc::after { content:\" \u2193\"; color:var(--gold); }\n tbody tr { border-bottom:1px solid #eee; transition:background 0.15s; }\n tbody tr:hover { background:#fdf6ec; }\n tbody td { padding:14px 20px; font-size:0.95rem; }\n tbody td:first-child { font-weight:700; color:var(--peak); }\n .badge { display:inline-block; padding:3px 10px; border-radius:20px; font-size:0.78rem; font-weight:600; }\n .badge-hard { background:#fde8e8; color:#c0392b; }\n .badge-medium { background:#fef3e2; color:#d4881e; }\n .badge-easy { background:#e8f5e8; color:#2d6a2d; }\n\n \/* CHECKLIST *\/\n .checklist { list-style:none; margin:20px 0; }\n .checklist li { display:flex; align-items:flex-start; gap:14px; padding:14px 0; border-bottom:1px solid #eee; font-size:1rem; }\n .checklist li:last-child { border-bottom:none; }\n .checklist input[type=checkbox] { width:20px; height:20px; cursor:pointer; flex-shrink:0; margin-top:2px; accent-color:var(--gold); }\n .checklist label { cursor:pointer; line-height:1.5; }\n .checklist input:checked + label { text-decoration:line-through; color:#999; }\n\n \/* FORM *\/\n .form-box { background:white; border-radius:16px; padding:40px; box-shadow:0 8px 40px rgba(0,0,0,0.1); max-width:600px; }\n .form-group { margin-bottom:24px; }\n .form-group label { display:block; font-weight:600; margin-bottom:8px; font-size:0.9rem; letter-spacing:0.5px; color:var(--peak); text-transform:uppercase; }\n .form-group input, .form-group textarea, .form-group select { width:100%; padding:14px 18px; border:2px solid #ddd; border-radius:8px; font-family:inherit; font-size:1rem; transition:border-color 0.2s; background:var(--snow); }\n .form-group input:focus, .form-group textarea:focus, .form-group select:focus { outline:none; border-color:var(--gold); }\n .form-group textarea { resize:vertical; min-height:120px; }\n\n \/* BUTTONS *\/\n .btn { display:inline-block; padding:14px 36px; border:none; border-radius:50px; font-family:inherit; font-size:1rem; font-weight:700; cursor:pointer; letter-spacing:1px; text-transform:uppercase; transition:all 0.25s; text-decoration:none; }\n .btn-primary { background:var(--gold); color:var(--peak); }\n .btn-primary:hover { background:var(--amber); transform:translateY(-2px); box-shadow:0 6px 20px rgba(212,136,30,0.4); }\n .btn-outline { background:transparent; border:2px solid var(--gold); color:var(--gold); }\n .btn-outline:hover { background:var(--gold); color:var(--peak); }\n .btn-download { background:var(--forest); color:white; display:inline-flex; align-items:center; gap:10px; }\n .btn-download:hover { background:#1e3a1e; transform:translateY(-2px); }\n .btn-download::before { content:\"\u2b07\"; font-size:1.1rem; }\n\n \/* CHARTS *\/\n .chart-container { background:white; border-radius:16px; padding:30px; box-shadow:0 4px 20px rgba(0,0,0,0.08); margin:20px 0; }\n\n \/* CALENDAR *\/\n .calendar-wrap { background:white; border-radius:16px; padding:30px; box-shadow:0 4px 20px rgba(0,0,0,0.08); max-width:440px; }\n .cal-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:20px; }\n .cal-header h3 { font-family:\"Playfair Display\",serif; font-size:1.3rem; color:var(--peak); }\n .cal-nav { background:none; border:2px solid var(--gold); color:var(--gold); width:36px; height:36px; border-radius:50%; cursor:pointer; font-size:1rem; transition:all 0.2s; }\n .cal-nav:hover { background:var(--gold); color:white; }\n .cal-grid { display:grid; grid-template-columns:repeat(7,1fr); gap:4px; }\n .cal-day-name { text-align:center; font-size:0.75rem; font-weight:700; color:var(--mist); padding:6px 0; text-transform:uppercase; }\n .cal-day { text-align:center; padding:8px 4px; border-radius:8px; font-size:0.85rem; cursor:pointer; transition:all 0.15s; }\n .cal-day:hover { background:#fdf6ec; }\n .cal-day.today { background:var(--gold); color:white; font-weight:700; }\n .cal-day.event { background:#fde8e8; color:var(--accent); font-weight:700; }\n .cal-day.other-month { color:#ccc; }\n .cal-events { margin-top:20px; }\n .cal-event-item { padding:10px 14px; background:#f9f5ef; border-radius:8px; margin-bottom:8px; border-left:4px solid var(--gold); font-size:0.9rem; }\n\n \/* LAYOUTS *\/\n .two-col { display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:start; }\n .three-col { display:grid; grid-template-columns:repeat(3,1fr); gap:30px; }\n .info-card { background:white; border-radius:16px; padding:30px; box-shadow:0 4px 20px rgba(0,0,0,0.07); transition:transform 0.2s; }\n .info-card:hover { transform:translateY(-4px); }\n .info-card .icon { font-size:2.5rem; margin-bottom:16px; }\n .info-card h3 { font-family:\"Playfair Display\",serif; font-size:1.3rem; margin-bottom:10px; color:var(--peak); }\n .info-card p { font-size:0.95rem; line-height:1.6; color:#666; }\n\n \/* TABS *\/\n .tab-nav { display:flex; gap:4px; flex-wrap:wrap; margin-bottom:30px; }\n .tab-btn { padding:10px 24px; border:2px solid var(--gold); background:transparent; color:var(--gold); border-radius:50px; cursor:pointer; font-family:inherit; font-size:0.9rem; font-weight:600; transition:all 0.2s; }\n .tab-btn.active, .tab-btn:hover { background:var(--gold); color:var(--peak); }\n .tab-panel { display:none; }\n .tab-panel.active { display:block; animation:fadeIn 0.3s ease; }\n @keyframes fadeIn { from{opacity:0;transform:translateY(10px)} to{opacity:1;transform:none} }\n\n \/* STATS *\/\n .stats-row { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin:40px 0; }\n .stat-box { text-align:center; padding:30px 20px; background:rgba(255,255,255,0.05); border:1px solid rgba(212,136,30,0.3); border-radius:12px; }\n .stat-box .num { font-family:\"Playfair Display\",serif; font-size:2.5rem; font-weight:900; color:var(--gold); }\n .stat-box .lbl { font-size:0.85rem; color:var(--mist); text-transform:uppercase; letter-spacing:1px; margin-top:6px; }\n\n \/* ALERT *\/\n .alert { padding:16px 20px; border-radius:10px; margin:20px 0; display:flex; gap:12px; align-items:flex-start; }\n .alert-warning { background:#fff3cd; border-left:4px solid var(--amber); }\n .alert-info { background:#e8f4fd; border-left:4px solid #3498db; }\n\n \/* FOOTER *\/\n footer { background: linear-gradient(135deg, #0d1422 0%, var(--peak) 100%); color:var(--snow); padding:60px 40px 30px; border-top:3px solid var(--gold); }\n .footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:40px; max-width:1200px; margin:0 auto 40px; }\n .footer-brand p { color:var(--mist); margin-top:12px; font-size:0.9rem; line-height:1.6; }\n .footer-col h4 { font-family:\"Playfair Display\",serif; font-size:1rem; color:var(--gold); margin-bottom:16px; letter-spacing:1px; }\n .footer-col ul { list-style:none; }\n .footer-col ul li { margin-bottom:8px; }\n .footer-col ul li a { color:var(--mist); text-decoration:none; font-size:0.9rem; transition:color 0.2s; }\n .footer-col ul li a:hover { color:var(--gold); }\n .footer-bottom { max-width:1200px; margin:0 auto; padding-top:24px; border-top:1px solid rgba(255,255,255,0.1); display:flex; justify-content:space-between; align-items:center; font-size:0.85rem; color:var(--mist); }\n\n\n @media(max-width:768px) {\n header { padding:0 20px; }\n .section { padding:60px 20px; }\n .media-grid, .two-col, .three-col { grid-template-columns:1fr; }\n .footer-grid { grid-template-columns:1fr 1fr; }\n .stats-row { grid-template-columns:1fr 1fr; }\n nav { display:none; }\n }\n<\/style>\n<\/head>\n<body>\n\n\n<header>\n <div class=\"header-inner\">\n <a href=\"#hero\" class=\"logo\">\u26f0 \u015awiat<span>G\u00f3r<\/span><\/a>\n <nav>\n <ul>\n <li><a href=\"#hero\">Start<\/a>\n <div class=\"dropdown\">\n <a href=\"#hero\">Strona g\u0142\u00f3wna<\/a>\n <a href=\"#media\">Galeria medi\u00f3w<\/a>\n <\/div>\n <\/li>\n <li><a href=\"#tabs\">Tatry<\/a>\n <div class=\"dropdown\">\n <a href=\"#tabs\" onclick=\"showTab('tatry',event)\">O Tatrach<\/a>\n <a href=\"#tabs\" onclick=\"showTab('szlaki',event)\">Szlaki turystyczne<\/a>\n <a href=\"#tabs\" onclick=\"showTab('bezpieczenstwo',event)\">Bezpiecze\u0144stwo<\/a>\n <\/div>\n <\/li>\n <li><a href=\"#tabs\">Alpinizm<\/a>\n <div class=\"dropdown\">\n <a href=\"#tabs\" onclick=\"showTab('alpinizm',event)\">Co to jest alpinizm?<\/a>\n <a href=\"#tabs\" onclick=\"showTab('sprzet',event)\">Sprz\u0119t wspinaczkowy<\/a>\n <\/div>\n <\/li>\n <li><a href=\"#dane\">Dane i wykresy<\/a>\n <div class=\"dropdown\">\n <a href=\"#dane\">Statystyki<\/a>\n <a href=\"#histogram\">Histogram<\/a>\n <\/div>\n <\/li>\n <li><a href=\"#kontakt\">Kontakt<\/a>\n <div class=\"dropdown\">\n <a href=\"#kontakt\">Napisz do nas<\/a>\n <a href=\"#kontakt\">Newsletter<\/a>\n <\/div>\n <\/li>\n <\/ul>\n <\/nav>\n <\/div>\n<\/header>\n\n\n<section id=\"hero\">\n <div class=\"hero-bg\"><\/div>\n <div class=\"hero-overlay\"><\/div>\n <div class=\"hero-content\">\n <h1>Tatry<em>Polskie<\/em><\/h1>\n <p>Odkryj majestat najwy\u017cszych polskich szczyt\u00f3w \u2014 dzikie doliny, szmaragdowe jeziora i niebo dotykaj\u0105ce ska\u0142<\/p>\n <a href=\"#tabs\" class=\"hero-cta\">Eksploruj teraz<\/a>\n <\/div>\n<\/section>\n\n<main>\n\n\n\n\n<div id=\"tabs\" class=\"section\" style=\"padding-top:20px;\">\n <h2 class=\"section-title\">Podstrony serwisu<\/h2>\n <p class=\"section-lead\">Przegl\u0105daj tematyczne dzia\u0142y naszego serwisu g\u00f3rskiego.<\/p>\n\n <div class=\"tab-nav\">\n <button class=\"tab-btn active\" onclick=\"showTab('tatry',event)\">\u26f0 O Tatrach<\/button>\n <button class=\"tab-btn\" onclick=\"showTab('szlaki',event)\">\ud83e\udd7e Szlaki<\/button>\n <button class=\"tab-btn\" onclick=\"showTab('bezpieczenstwo',event)\">\ud83d\udee1 Bezpiecze\u0144stwo<\/button>\n <button class=\"tab-btn\" onclick=\"showTab('alpinizm',event)\">\ud83e\uddd7 Alpinizm<\/button>\n <button class=\"tab-btn\" onclick=\"showTab('sprzet',event)\">\ud83c\udf92 Sprz\u0119t<\/button>\n <\/div>\n\n \n <div id=\"tab-tatry\" class=\"tab-panel active\">\n <div class=\"two-col\">\n <div>\n <h2 class=\"section-title\">O Tatrach<\/h2>\n <p class=\"section-lead\">Tatry to jedyny \u0142a\u0144cuch g\u00f3rski w Polsce o charakterze alpejskim.<\/p>\n <div class=\"text-styles-box\">\n <p>Tatry s\u0105 <strong>najwy\u017cszymi g\u00f3rami Polski<\/strong> i <strong>S\u0142owacji<\/strong>, stanowi\u0105c jedyny obszar o <em>charakterze alpejskim<\/em> w Karpatach. Ich najwy\u017cszy szczyt \u2014 <u>Rysy<\/u> \u2014 wznosi si\u0119 na <mark class=\"highlight\">2499 m n.p.m.<\/mark><\/p>\n <p style=\"margin-top:14px;\">G\u00f3ry te zajmuj\u0105 powierzchni\u0119 oko\u0142o <strong>785 km\u00b2<\/strong>. Tatrza\u0144ski Park Narodowy chroni polsk\u0105 cz\u0119\u015b\u0107 masywu.<\/p>\n <blockquote>„Kto raz zobaczy\u0142 Tatry, ten zawsze do nich wraca \u2014 szczyty wryj\u0105 si\u0119 w pami\u0119\u0107 na ca\u0142e \u017cycie.”<\/blockquote>\n <p>Klimat tatrza\u0144ski jest surowy i <strong>zmienny<\/strong>. <del>Tatry s\u0105 bezpieczne przez ca\u0142y rok<\/del> \u2014 w zimie wymagaj\u0105 szczeg\u00f3lnej ostro\u017cno\u015bci.<\/p>\n <\/div>\n <a href=\"#\" class=\"btn btn-download\" id=\"btn-dl-tatry\" style=\"margin-top:20px;\">Pobierz przewodnik (TXT)<\/a>\n <\/div>\n <div>\n <img decoding=\"async\" src=\"https:\/\/student065.akademiata.edu.pl\/wp-content\/uploads\/2026\/06\/tatry.jpg\" alt=\"Tatry Polskie o wschodzie s\u0142o\u0144ca\" style=\"width:100%;border-radius:16px;box-shadow:0 8px 40px rgba(0,0,0,0.2);\">\n <p style=\"font-size:0.8rem;color:#999;margin-top:8px;text-align:center;\">\u25b2 Tatry Polskie o wschodzie s\u0142o\u0144ca<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"tab-szlaki\" class=\"tab-panel\">\n <h2 class=\"section-title\">Szlaki Tatrza\u0144skie<\/h2>\n <p class=\"section-lead\">Tatry oferuj\u0105 ponad 300 km znakowanych szlak\u00f3w.<\/p>\n <div class=\"alert alert-warning\">\n <span>\u26a0\ufe0f<\/span>\n <div><strong>Uwaga:<\/strong> Sprawdzaj aktualny stan szlak\u00f3w na stronie TPN przed wyj\u015bciem.<\/div>\n <\/div>\n <div class=\"table-wrapper\" style=\"margin-top:20px;\">\n <table id=\"szlaki-table\">\n <thead><tr>\n <th onclick=\"sortTable('szlaki-table',0)\">Szlak<\/th>\n <th onclick=\"sortTable('szlaki-table',1)\">Dystans (km)<\/th>\n <th onclick=\"sortTable('szlaki-table',2)\">Przewy\u017cszenie (m)<\/th>\n <th onclick=\"sortTable('szlaki-table',3)\">Czas (godz)<\/th>\n <th onclick=\"sortTable('szlaki-table',4)\">Trudno\u015b\u0107<\/th>\n <th onclick=\"sortTable('szlaki-table',5)\">Sezon<\/th>\n <\/tr><\/thead>\n <tbody>\n <tr><td>Morskie Oko<\/td><td>9.0<\/td><td>180<\/td><td>3.5<\/td><td><span class=\"badge badge-easy\">\u0141atwy<\/span><\/td><td>Ca\u0142y rok<\/td><\/tr>\n <tr><td>Rysy<\/td><td>20.0<\/td><td>1600<\/td><td>8.0<\/td><td><span class=\"badge badge-hard\">Trudny<\/span><\/td><td>Lato<\/td><\/tr>\n <tr><td>Kasprowy Wierch<\/td><td>10.5<\/td><td>1006<\/td><td>4.5<\/td><td><span class=\"badge badge-medium\">\u015aredni<\/span><\/td><td>Wiosna\u2013Jesie\u0144<\/td><\/tr>\n <tr><td>Giewont<\/td><td>13.0<\/td><td>860<\/td><td>5.0<\/td><td><span class=\"badge badge-medium\">\u015aredni<\/span><\/td><td>Wiosna\u2013Jesie\u0144<\/td><\/tr>\n <tr><td>Dolina Ko\u015bcieliska<\/td><td>8.0<\/td><td>120<\/td><td>2.5<\/td><td><span class=\"badge badge-easy\">\u0141atwy<\/span><\/td><td>Ca\u0142y rok<\/td><\/tr>\n <tr><td>Orla Per\u0107<\/td><td>4.0<\/td><td>310<\/td><td>5.0<\/td><td><span class=\"badge badge-hard\">Trudny<\/span><\/td><td>Lato<\/td><\/tr>\n <tr><td>Zakopane \u2013 Guba\u0142\u00f3wka<\/td><td>5.5<\/td><td>310<\/td><td>2.0<\/td><td><span class=\"badge badge-easy\">\u0141atwy<\/span><\/td><td>Ca\u0142y rok<\/td><\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <p style=\"font-size:0.85rem;color:#999;margin-top:10px;\">\ud83d\udca1 Kliknij nag\u0142\u00f3wek kolumny, aby posortowa\u0107<\/p>\n <\/div>\n\n \n <div id=\"tab-bezpieczenstwo\" class=\"tab-panel\">\n <h2 class=\"section-title\">Bezpiecze\u0144stwo w G\u00f3rach<\/h2>\n <p class=\"section-lead\">G\u00f3rskie w\u0119dr\u00f3wki wymagaj\u0105 odpowiedniego przygotowania.<\/p>\n <div class=\"two-col\" style=\"margin-top:30px;\">\n <div>\n <h3 style=\"font-family:'Playfair Display',serif;margin-bottom:20px;font-size:1.4rem;\">\u2705 Lista kontrolna turysty<\/h3>\n <ul class=\"checklist\">\n <li><input type=\"checkbox\" id=\"c1\"><label for=\"c1\">\ud83d\uddfa Mapa i kompas (lub GPS)<\/label><\/li>\n <li><input type=\"checkbox\" id=\"c2\"><label for=\"c2\">\ud83e\udd7e Odpowiednie buty trekkingowe<\/label><\/li>\n <li><input type=\"checkbox\" id=\"c3\"><label for=\"c3\">\ud83e\udde5 Odzie\u017c przeciwdeszczowa i ciep\u0142a<\/label><\/li>\n <li><input type=\"checkbox\" id=\"c4\"><label for=\"c4\">\ud83d\udc8a Apteczka pierwszej pomocy<\/label><\/li>\n <li><input type=\"checkbox\" id=\"c5\"><label for=\"c5\">\ud83d\udca7 Zapas wody (min. 2 litry)<\/label><\/li>\n <li><input type=\"checkbox\" id=\"c6\"><label for=\"c6\">\ud83d\udd0b Powerbank i na\u0142adowany telefon<\/label><\/li>\n <li><input type=\"checkbox\" id=\"c7\"><label for=\"c7\">\ud83c\udf24 Sprawdzenie prognozy pogody<\/label><\/li>\n <li><input type=\"checkbox\" id=\"c8\"><label for=\"c8\">\ud83d\udcde Numer TOPR: 601 100 300<\/label><\/li>\n <li><input type=\"checkbox\" id=\"c9\"><label for=\"c9\">\ud83e\uddf4 Krem z filtrem UV (min. SPF 30)<\/label><\/li>\n <li><input type=\"checkbox\" id=\"c10\"><label for=\"c10\">\ud83d\udd26 Latarka czo\u0142owa z bateriami<\/label><\/li>\n <\/ul>\n <\/div>\n <div>\n <div class=\"alert alert-info\"><span>\u2139\ufe0f<\/span><div><strong>TOPR:<\/strong> 601 100 300 | Alarmowy: <strong>112<\/strong><\/div><\/div>\n <div class=\"info-card\" style=\"margin-top:20px;\">\n <div class=\"icon\">\u26c8<\/div>\n <h3>Burze w g\u00f3rach<\/h3>\n <p>Burze pojawiaj\u0105 si\u0119 cz\u0119sto po po\u0142udniu. Planuj powr\u00f3t przed godzin\u0105 14:00.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"tab-alpinizm\" class=\"tab-panel\">\n <h2 class=\"section-title\">Alpinizm<\/h2>\n <p class=\"section-lead\">Sztuka pokonywania szczyt\u00f3w metodami wspinaczkowymi.<\/p>\n <div class=\"three-col\" style=\"margin-top:30px;\">\n <div class=\"info-card\"><div class=\"icon\">\ud83e\uddd7<\/div><h3>Wspinaczka skalna<\/h3><p>Pokonywanie stromych \u015bcian z pomoc\u0105 r\u0105k, n\u00f3g i sprz\u0119tu asekuracyjnego.<\/p><\/div>\n <div class=\"info-card\"><div class=\"icon\">\ud83c\udfd4<\/div><h3>Himalaizm<\/h3><p>Zdobywanie o\u015bmiotysi\u0119cznik\u00f3w. Polska szko\u0142a himalaizmu nale\u017cy do najlepszych na \u015bwiecie.<\/p><\/div>\n <div class=\"info-card\"><div class=\"icon\">\ud83c\udfbf<\/div><h3>Skialpinizm<\/h3><p>Po\u0142\u0105czenie narciarstwa z alpinizmem \u2014 wchodzenie na szczyty na nartach z fokami.<\/p><\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"tab-sprzet\" class=\"tab-panel\">\n <h2 class=\"section-title\">Sprz\u0119t Wspinaczkowy<\/h2>\n <p class=\"section-lead\">Dobry sprz\u0119t to podstawa bezpiecze\u0144stwa.<\/p>\n <a href=\"#\" id=\"btn-dl-sprzet\" class=\"btn btn-download\" style=\"margin-bottom:30px;display:inline-flex;\">Pobierz katalog sprz\u0119tu (TXT)<\/a>\n <div class=\"table-wrapper\">\n <table id=\"sprzet-table\">\n <thead><tr>\n <th onclick=\"sortTable('sprzet-table',0)\">Sprz\u0119t<\/th>\n <th onclick=\"sortTable('sprzet-table',1)\">Kategoria<\/th>\n <th onclick=\"sortTable('sprzet-table',2)\">Cena (PLN)<\/th>\n <th onclick=\"sortTable('sprzet-table',3)\">Waga (g)<\/th>\n <\/tr><\/thead>\n <tbody>\n <tr><td>Uprz\u0105\u017c wspinaczkowa<\/td><td>Asekuracja<\/td><td>250<\/td><td>350<\/td><\/tr>\n <tr><td>Lina dynamiczna 50m<\/td><td>Asekuracja<\/td><td>600<\/td><td>2800<\/td><\/tr>\n <tr><td>Buty wspinaczkowe<\/td><td>Obuwie<\/td><td>450<\/td><td>560<\/td><\/tr>\n <tr><td>Kask wspinaczkowy<\/td><td>Ochrona<\/td><td>300<\/td><td>280<\/td><\/tr>\n <tr><td>Raki 12-punktowe<\/td><td>Zimowy<\/td><td>550<\/td><td>1200<\/td><\/tr>\n <tr><td>Czekan techniczny<\/td><td>Zimowy<\/td><td>700<\/td><td>650<\/td><\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/div>\n<\/div>\n\n\n<div class=\"dark-section\">\n<div class=\"section\" id=\"media\">\n <h2 class=\"section-title\" style=\"color:var(--snow);\">Galeria Medi\u00f3w<\/h2>\n <p class=\"section-lead\">Zdj\u0119cia, wideo i animacje ukazuj\u0105ce pi\u0119kno tatrza\u0144skiej przyrody.<\/p>\n <div class=\"media-grid\">\n <div class=\"media-card\">\n <span class=\"media-label\">\ud83d\udcf7 Zdj\u0119cie<\/span>\n <img decoding=\"async\" src=\"https:\/\/student065.akademiata.edu.pl\/wp-content\/uploads\/2026\/06\/tatry.jpg\" alt=\"Tatry Polskie \u2013 wsch\u00f3d s\u0142o\u0144ca\">\n <\/div>\n <div class=\"media-card\">\n <span class=\"media-label\">\ud83c\udf9e Animacja GIF<\/span>\n <div class=\"gif-wrap\">\n <img decoding=\"async\" src=\"https:\/\/student065.akademiata.edu.pl\/wp-content\/uploads\/2026\/06\/mountains.gif\" alt=\"G\u00f3rskie jezioro \u2013 animacja\">\n <\/div>\n <\/div>\n <div class=\"media-card\" style=\"grid-column:1\/-1;\">\n <span class=\"media-label\">\ud83c\udfac Film<\/span>\n <video controls autoplay muted loop>\n <source src=\"https:\/\/student065.akademiata.edu.pl\/wp-content\/uploads\/2026\/06\/mountains.mp4\" type=\"video\/mp4\">\n Twoja przegl\u0105darka nie obs\u0142uguje elementu video.\n <\/video>\n <\/div>\n <\/div>\n <div class=\"stats-row\" style=\"margin-top:60px;\">\n <div class=\"stat-box\"><div class=\"num\">2499m<\/div><div class=\"lbl\">Rysy \u2013 najwy\u017cszy szczyt PL<\/div><\/div>\n <div class=\"stat-box\"><div class=\"num\">300km<\/div><div class=\"lbl\">Oznakowanych szlak\u00f3w<\/div><\/div>\n <div class=\"stat-box\"><div class=\"num\">4 mln<\/div><div class=\"lbl\">Turyst\u00f3w rocznie<\/div><\/div>\n <div class=\"stat-box\"><div class=\"num\">1954<\/div><div class=\"lbl\">Rok za\u0142o\u017cenia TPN<\/div><\/div>\n <\/div>\n<\/div>\n<\/div>\n\n\n<div class=\"section\" id=\"dane\">\n <h2 class=\"section-title\">Dane i Wykresy<\/h2>\n <p class=\"section-lead\">Analiza statystyczna ruchu turystycznego i szlak\u00f3w tatrza\u0144skich.<\/p>\n <div class=\"two-col\">\n <div class=\"chart-container\">\n <h3 style=\"font-family:'Playfair Display',serif;margin-bottom:20px;\">\ud83d\udcc8 Ruch turystyczny w TPN (2019\u20132024)<\/h3>\n <canvas id=\"chartLine\" height=\"250\"><\/canvas>\n <\/div>\n <div class=\"chart-container\">\n <h3 style=\"font-family:'Playfair Display',serif;margin-bottom:20px;\">\ud83d\udcca Popularno\u015b\u0107 szlak\u00f3w<\/h3>\n <canvas id=\"chartBar\" height=\"250\"><\/canvas>\n <\/div>\n <\/div>\n <div class=\"chart-container\" id=\"histogram\" style=\"margin-top:30px;\">\n <h3 style=\"font-family:'Playfair Display',serif;margin-bottom:20px;\">\ud83d\udcca Histogram \u2013 Rozk\u0142ad d\u0142ugo\u015bci szlak\u00f3w<\/h3>\n <canvas id=\"chartHistogram\" height=\"200\"><\/canvas>\n <\/div>\n\n \n <div id=\"kontakt\" style=\"margin-top:60px;\">\n <div class=\"two-col\" style=\"gap:60px;\">\n <div>\n <h2 class=\"section-title\">Kalendarz Wydarze\u0144<\/h2>\n <p class=\"section-lead\">Planuj wyprawy i b\u0105d\u017a na bie\u017c\u0105co z wydarzeniami.<\/p>\n <div class=\"calendar-wrap\">\n <div class=\"cal-header\">\n <button class=\"cal-nav\" onclick=\"calNav(-1)\">\u2039<\/button>\n <h3 id=\"cal-title\"><\/h3>\n <button class=\"cal-nav\" onclick=\"calNav(1)\">\u203a<\/button>\n <\/div>\n <div class=\"cal-grid\" id=\"cal-grid\"><\/div>\n <div class=\"cal-events\" id=\"cal-events\"><\/div>\n <\/div>\n <\/div>\n <div>\n <h2 class=\"section-title\">Napisz do nas<\/h2>\n <p class=\"section-lead\">Masz pytania? Chcesz zapisa\u0107 si\u0119 na wypraw\u0119?<\/p>\n <div class=\"form-box\">\n <div class=\"form-group\"><label for=\"name\">Imi\u0119 i Nazwisko<\/label><input type=\"text\" id=\"name\" placeholder=\"Jan Kowalski\"><\/div>\n <div class=\"form-group\"><label for=\"email\">Adres e-mail<\/label><input type=\"email\" id=\"email\" placeholder=\"jan@example.com\"><\/div>\n <div class=\"form-group\"><label for=\"temat\">Temat wyprawy<\/label>\n <select id=\"temat\">\n <option value=\"\">— wybierz —<\/option>\n <option>Tatry Polskie<\/option><option>Tatry S\u0142owackie<\/option>\n <option>Alpy<\/option><option>Himalaje<\/option><option>Inne<\/option>\n <\/select>\n <\/div>\n <div class=\"form-group\"><label for=\"msg\">Wiadomo\u015b\u0107<\/label><textarea id=\"msg\" placeholder=\"Opisz sw\u00f3j pomys\u0142 na wypraw\u0119...\"><\/textarea><\/div>\n <div style=\"display:flex;gap:12px;flex-wrap:wrap;\">\n <button class=\"btn btn-primary\" onclick=\"alert('Dzi\u0119kujemy za wiadomo\u015b\u0107! \ud83c\udfd4')\">Wy\u015blij wiadomo\u015b\u0107<\/button>\n <a href=\"#\" class=\"btn btn-outline\" id=\"btn-newsletter\">Newsletter<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n<\/main>\n\n\n<footer>\n <div class=\"footer-grid\">\n <div class=\"footer-brand\">\n <a href=\"#hero\" class=\"logo\">\u26f0 \u015awiat<span>G\u00f3r<\/span><\/a>\n <p>Serwis po\u015bwi\u0119cony g\u00f3rskim w\u0119dr\u00f3wkom, alpinizmowi i przyrodzie tatrza\u0144skiej.<\/p>\n <\/div>\n <div class=\"footer-col\"><h4>Nawigacja<\/h4><ul>\n <li><a href=\"#tabs\">O Tatrach<\/a><\/li><li><a href=\"#tabs\">Szlaki<\/a><\/li>\n <li><a href=\"#tabs\">Alpinizm<\/a><\/li><li><a href=\"#dane\">Wykresy<\/a><\/li>\n <\/ul><\/div>\n <div class=\"footer-col\"><h4>Informacje<\/h4><ul>\n <li><a href=\"#\">Regulamin<\/a><\/li><li><a href=\"#\">Polityka prywatno\u015bci<\/a><\/li>\n <li><a href=\"#\">Mapa serwisu<\/a><\/li><li><a href=\"#\">O projekcie<\/a><\/li>\n <\/ul><\/div>\n <div class=\"footer-col\"><h4>Kontakt<\/h4><ul>\n <li><a href=\"mailto:info@swiatgor.pl\">info@swiatgor.pl<\/a><\/li>\n <li><a href=\"tel:+48601100300\">TOPR: 601 100 300<\/a><\/li>\n <li><a href=\"#\">Facebook<\/a><\/li><li><a href=\"#\">Instagram<\/a><\/li>\n <\/ul><\/div>\n <\/div>\n <div class=\"footer-bottom\">\n <span>\u00a9 2026 \u015awiatG\u00f3r.pl \u2014 Wszelkie prawa zastrze\u017cone<\/span>\n <span>Tatrza\u0144ski Park Narodowy \ud83c\udfd4<\/span>\n <\/div>\n<\/footer>\n\n\n\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u015awiat G\u00f3r \u2013 Odkryj Tatry i Alpy \u26f0 \u015awiatG\u00f3r Start Strona g\u0142\u00f3wna Galeria medi\u00f3w Tatry O Tatrach Szlaki turystyczne Bezpiecze\u0144stwo Alpinizm Co to jest alpinizm? …<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-92","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/student065.akademiata.edu.pl\/index.php\/wp-json\/wp\/v2\/pages\/92","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/student065.akademiata.edu.pl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/student065.akademiata.edu.pl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/student065.akademiata.edu.pl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/student065.akademiata.edu.pl\/index.php\/wp-json\/wp\/v2\/comments?post=92"}],"version-history":[{"count":7,"href":"https:\/\/student065.akademiata.edu.pl\/index.php\/wp-json\/wp\/v2\/pages\/92\/revisions"}],"predecessor-version":[{"id":130,"href":"https:\/\/student065.akademiata.edu.pl\/index.php\/wp-json\/wp\/v2\/pages\/92\/revisions\/130"}],"wp:attachment":[{"href":"https:\/\/student065.akademiata.edu.pl\/index.php\/wp-json\/wp\/v2\/media?parent=92"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}