1<!DOCTYPE html> 2<html lang="pl"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <title>Horizon Park</title> 7 <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Montserrat:wght@300;400;500;600;700&display=swap" rel="stylesheet"> 8 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"> 9 <link rel="icon" type="image/png" href="../img/favicon.png?v=1783332259"> 10 <style> 11 :root { --gold: #c5a059; --dark: #0a0e14; --bg-color: #FEFAF0; } 12 * { margin: 0; padding: 0; box-sizing: border-box; } 13 body { font-family: 'Montserrat', sans-serif; background-color: var(--bg-color); color: #333; line-height: 1.6; } 14 h1, h2, h3 { font-family: 'Playfair Display', serif; } 15 .container { max-width: 1300px; margin: 0 auto; padding: 0 20px; } 16 17 /* --- NAWIGACJA --- */ 18 nav { 19 position: fixed; width: 100%; top: 0; z-index: 2000; 20 display: flex; justify-content: space-between; align-items: center; 21 padding: 10px 50px; color: white; background: rgba(10, 14, 20, 0.9); 22 backdrop-filter: blur(10px); 23 } 24 .nav-logo img { height: 55px; } 25 .nav-links { display: flex; list-style: none; gap: 25px; font-size: 11px; letter-spacing: 1px; text-transform: uppercase; } 26 .nav-links a { color: white; text-decoration: none; transition: 0.3s; } 27 .nav-links a:hover { color: var(--gold); } 28 .nav-right { color: var(--gold); font-weight: 600; font-size: 13px; } 29 .menu-toggle { display: none; font-size: 24px; cursor: pointer; color: white; } 30 31 /* --- NAGÅÃWEK --- */ 32 .gallery-page-header { padding: 120px 0 40px; text-align: center; } 33 .gallery-page-header h1 { font-size: 3rem; color: var(--dark); margin-bottom: 10px; } 34 .back-btn { font-size: 10px; text-transform: uppercase; letter-spacing: 2px; text-decoration: none; color: var(--gold); font-weight: 700; } 35 36 /* --- SUB-NAWIGACJA (Dostosuj nazwy do folderów w img/) --- */ 37 .sub-nav { display: flex; justify-content: center; gap: 10px; margin-bottom: 40px; flex-wrap: wrap; } 38 .sub-nav a { 39 padding: 8px 18px; border: 1px solid var(--gold); color: var(--dark); 40 text-decoration: none; text-transform: uppercase; font-size: 9px; 41 letter-spacing: 1px; font-weight: 700; transition: 0.3s; border-radius: 4px; 42 } 43 .sub-nav a.active, .sub-nav a:hover { background: var(--gold); color: white; } 44 45 /* --- GRID ZDJÄÄ --- */ 46 .photo-grid { 47 display: grid; grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); 48 gap: 20px; padding-bottom: 80px; 49 } 50 .photo-grid img { 51 width: 100%; height: 350px; object-fit: cover; border-radius: 20px; 52 box-shadow: 0 5px 15px rgba(0,0,0,0.05); transition: 0.3s; cursor: pointer; 53 } 54 .photo-grid img:hover { transform: scale(1.02); } 55 56 /* --- STOPKA --- */ 57 footer { background: #05070a; color: #888; padding: 35px 0 20px; border-top: 2px solid var(--gold); } 58 .footer-content { display: flex; justify-content: space-between; align-items: center; gap: 20px; } 59 .footer-blocks { display: flex; gap: 60px; align-items: center; } 60 .footer-item { display: flex; align-items: center; gap: 15px; } 61 .f-logo { height: 65px; width: auto; } 62 .f-logo-gold { height: 65px; width: auto; filter: sepia(100%) saturate(500%) brightness(105%) hue-rotate(15deg); } 63 .f-text { font-size: 11px; line-height: 1.4; color: #aaa; text-align: left; } 64 .f-text strong { color: var(--gold); display: block; margin-bottom: 2px; text-transform: uppercase; letter-spacing: 1px; } 65 .footer-socials { display: flex; gap: 20px; align-items: center; } 66 .footer-socials a { color: white; font-size: 1.3rem; transition: 0.3s; } 67 .footer-bottom { text-align: center; font-size: 9px; color: #333; margin-top: 30px; padding-top: 15px; border-top: 1px solid #111; } 68 69 @media (max-width: 992px) { 70 nav { padding: 10px 20px; } 71 .menu-toggle { display: block; } 72 .nav-links { display: none; position: absolute; top: 100%; left: 0; width: 100%; flex-direction: column; background: rgba(10, 14, 20, 0.98); padding: 30px; text-align: center; gap: 20px; } 73 .nav-links.active { display: flex; } 74 .gallery-page-header h1 { font-size: 2.2rem; } 75 .photo-grid { grid-template-columns: 1fr; } 76 .footer-content, .footer-blocks { flex-direction: column; text-align: center; align-items: center; } 77 .footer-item { flex-direction: column; gap: 10px; } 78 .f-text { text-align: center; } 79 } 80 </style> 81</head> 82<body> 83 84 <nav id="mainNav"> 85 <div class="nav-logo"><a href="../../index.php"><img src="../img/logo.png" alt="Logo"></a></div> 86 <div class="menu-toggle" onclick="toggleMenu()"><i class="fas fa-bars"></i></div> 87 <ul class="nav-links" id="navLinks"> 88 <li><a href="../../index.php#gallery">Galeria</a></li> 89 <li><a href="../../index.php#location">Lokalizacja</a></li> 90 <li><a href="../../index.php#contact">Kontakt</a></li> 91 <li><a href="https://alkamer.home.pl/private/index.php" target="_blank" style="color: var(--gold); font-weight: 600;">Strefa GoÅcia</a></li> 92 </ul> 93 <div class="nav-right"><i class="fas fa-phone-alt"></i>
93 +48 881 955 912</div> 94 </nav> 95 96 <div class="container"> 97 <header class="gallery-page-header"> 98 <a href="../../index.php#gallery" class="back-btn">â Powrót do strony gÅównej</a> 99 <h1>Horizon Park</h1> 100 </header> 101 102 <!-- SUB-NAWIGACJA (Dostosuj do swoich potrzeb) --> 103 <div class="sub-nav"> 104 <a href="index.php" class="active">Widok ogólny</a> 105 <!-- Możesz tu dodaÄ kolejne pliki np. otoczenie.php --> 106 </div> 107 108 <main class="photo-grid"> 109 <img src="img/ogolne/01.jpg?v=1783369855" alt="Apartament Mushellka"><img src="img/ogolne/02.jpg?v=1783325713" alt="Apartament Mushellka"><img src="img/ogolne/03.jpg?v=1783325992" alt="Apartament Mushellka"><img src="img/ogolne/04.jpg?v=1715276508" alt="Apartament Mushellka"><img src="img/ogolne/05.jpg?v=1783329126" alt="Apartament Mushellka"><img src="img/ogolne/06.jpg?v=1783329157" alt="Apartament Mushellka"><img src="img/ogolne/07.JPG?v=1783329686" alt="Apartament Mushellka"><img src="img/ogolne/08.JPG?v=1783329397" alt="Apartament Mushellka"><img src="img/ogolne/09.JPG?v=1783329330" alt="Apartament Mushellka"><img src="img/ogolne/10.jpg?v=1737215712" alt="Apartament Mushellka"><img src="img/ogolne/11.jpg?v=1783329181" alt="Apartament Mushellka"><img src="img/ogolne/12.jpg?v=1783329197" alt="Apartament Mushellka"><img src="img/ogolne/13.jpg?v=1783329141" alt="Apartament Mushellka"><img src="img/ogolne/14.JPG?v=1783329546" alt="Apartament Mushellka"><img src="img/ogolne/15.jpg?v=1715276407" alt="Apartament Mushellka"><img src="img/ogolne/16.JPG?v=1783329312" alt="Apartament Mushellka"><img src="img/ogolne/17.JPG?v=1783329229" alt="Apartament Mushellka"><img src="img/ogolne/18.JPG?v=1783329490" alt="Apartament Mushellka"><img src="img/ogolne/19.jpg?v=1718996920" alt="Apartament Mushellka"><img src="img/ogolne/20.jpg?v=1718996926" alt="Apartament Mushellka"><img src="img/ogolne/21.jpg?v=1718996851" alt="Apartament Mushellka"><img src="img/ogolne/22.jpg?v=1718996857" alt="Apartament Mushellka"><img src="img/ogolne/23.JPG?v=1783329587" alt="Apartament Mushellka"><img src="img/ogolne/24.JPG?v=1783329566" alt="Apartament Mushellka"><img src="img/ogolne/25.JPG?v=1783329605" alt="Apartament Mushellka"><img src="img/ogolne/26.jpg?v=1783329623" alt="Apartament Mushellka"><img src="img/ogolne/27.JPG?v=1783329348" alt="Apartament Mushellka"></main> 110 </div> 111 112 <footer> 113 <div class="container"> 114 <div class="footer-content"> 115 <div class="footer-blocks"> 116 <div class="footer-item"> 117 <img src="../img/logo.png" alt="Mushellka" class="f-logo"> 118 <div class="f-text"> 119 <strong>Apartament Mushellka</strong> 120 Horizon Park,<br> 121 72-420 Dziwnówek<br> 122 ul. WolnoÅci 19/10A 123 </div> 124 </div> 125 <div class="footer-item"> 126 <img src="../img/goldencliff.png" alt="Golden Cliff" class="f-logo-gold"> 127 <div class="f-text"> 128 <strong>Apartament Golden Cliff</strong> 129 Horizon Park,<br> 130 72-420 Dziwnówek<br> 131 ul. WolnoÅci 19/11A 132 </div> 133 </div> 134 </div> 135 136 <div class="footer-socials"> 137 <a href="https://www.facebook.com/HorizonPark10A/" target="_blank"><i class="fab fa-facebook"></i></a> 138 <a href="https://www.instagram.com/horizonpark_mushellka/" target="_blank"><i class="fab fa-instagram"></i></a> 139 <a href="https://www.tiktok.com/@mushellka" target="_blank"><i class="fab fa-tiktok"></i></a> 140 <a href="#"><i class="fab fa-youtube"></i></a> 141 </div> 142 </div> 143 <div class="footer-bottom"> 144 © 2026 Horizon Park - Mushellka & Golden Cliff. Wszelkie prawa zastrzeżone. 145 </div> 146 </div> 147 </footer> 148 149
149<script> 150 function toggleMenu() { 151 document.getElementById("navLinks").classList.toggle("active"); 152 } 153 </script>
153 154</body> 155</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.