1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="UTF-8" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1" /> 6 <meta name="description" content="Latest press coverage and news about our restaurants, including openings, reviews, and events. Stay updated with our latest media mentions."> 7 <link rel="icon" href="images/Kizaki-Den-Icon.png" type="image/png" sizes="300x300"> 8 <title>Kizaki â Press</title> 9 <style> 10 11 *, *::before, *::after { 12 box-sizing: border-box; 13 margin: 0; padding: 0; 14 } 15 html { 16 scroll-behavior: smooth; 17 } 18 html, body { 19 max-width: 100%; 20 overflow-x: hidden; 21 } 22 body { 23 font-family: 'Palatino Linotype', 'Book Antiqua', serif; 24 background-image: url('images/Background/Kizaki Den Space_Finals_Web-Res_01.jpg'); 25 background-position: center center; 26 background-repeat: no-repeat; 27 background-size: cover; 28 background-attachment: fixed; 29 color: #fff; 30 margin: 0; 31 padding: 0; 32 overflow-x: hidden; 33 } 34 @media (max-width: 768px) { 35 body { 36 background-attachment: scroll; 37 background-position: top center; 38 background-size: cover; 39 background-repeat: no-repeat; 40 } 41 } 42 43 section h1 + p, 44 section h2 + p { 45 margin-top: 1.5rem; 46 } 47 .indented { 48 text-indent: 2em; 49 } 50 51 .banner-section { 52 width: 100%; 53 position: relative; 54 } 55 .banner-image-container { 56 position: relative; 57 width: 100%; 58 height: 250px; 59 overflow: hidden; 60 } 61 .banner-title { 62 position: absolute; 63 top: 50%; 64 left: 50%; 65 transform: translate(-50%, -50%); 66 color: white; 67 font-size: 3.5rem; 68 font-weight: bold; 69 letter-spacing: 2px; 70 text-shadow: 2px 2px 10px rgba(0,0,0,0.7); 71 text-align: center; 72 margin: 0; 73 } 74 @media (max-width: 768px) { 75 .banner-title { 76 font-size: 2rem; 77 padding: 0 10px; 78 } 79 } 80 .overlay { 81 background-color: white; 82 padding: 20px; 83 min-height: 100vh; 84 display: flex; 85 flex-direction: column; 86 align-items: center; 87 } 88 .overlay-block { 89 width: 100%; 90 background: white; 91 padding: 40px 0; 92 color: #222; 93 margin: 0; 94 } 95 96 #pressContainer { 97 display: grid; 98 grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); 99 gap: 20px; 100 padding: 20px; 101 } 102 @media (max-width: 400px) { 103 #pressContainer { 104 grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); 105 } 106 } 107 .press-card { 108 background: white; 109 border-radius: 8px; 110 padding: 15px; 111 box-shadow: 0 2px 6px rgba(0,0,0,0.15); 112 display: flex; 113 flex-direction: column; 114 align-items: center; 115 text-align: center; 116 color: #000; 117 } 118 .press-image { 119 max-width: 100%; 120 height: auto; 121 border-radius: 5px; 122 margin-bottom: 10px; 123 } 124 .press-publisher { 125 font-weight: bold; 126 margin-top: 8px; 127 font-size: 1rem; 128 color: #333; 129 margin-bottom: 0.5em; 130 } 131 .press-link { 132 margin-top: auto; 133 display: inline-block; 134 padding: 8px 16px; 135 background-color: #0d0a2e; 136 color: white; 137 text-decoration: none; 138 border-radius: 4px; 139 transition: background-color 0.3s ease; 140 } 141 .press-link:hover { 142 background-color: #000000; 143 } 144 header { 145 background-color: white; 146 height: 100px; 147 display: flex; 148 align-items: center; 149 justify-content: space-between; 150 padding: 0 40px; 151 box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); 152 position: relative; 153 z-index: 2; 154 width: 100%; 155 } 156 .header-left .logo { 157 height: 70px; 158 width: auto; 159 } 160 .header-right { 161 display: flex; 162 gap: 20px; 163 flex-wrap: wrap; 164 } 165 #header-nav a { 166 color: #111; 167 text-decoration: none; 168 font-weight: lighter; 169 font-size: 1.1rem; 170 padding: 6px 10px; 171 transition: background-color 0.3s ease; 172 flex-shrink: 1; 173 } 174 #header-nav a:hover { 175 background-color: #444444; 176 border-radius: 5px; 177 } 178 @media (max-width: 768px) { 179 #header-nav { 180 flex-direction: column; 181 gap: 10px; 182 padding: 0 10px; 183 } 184 #header-nav a { 185 font-size: 1rem; 186 padding: 10px; 187 width: 100%; 188 text-align: center; 189 } 190 } 191 .floating-nav { 192 position: fixed; 193 top: 0; left: 0; right: 0; 194 height: 60px; 195 background-color: rgba(0, 0, 0, 0.5); 196 display: flex; 197 align-items: center; 198 padding: 0 20px; 199 box-shadow: 0 2px 5px rgba(0,0,0,0.3); 200 opacity: 0; 201 pointer-events: none; 202 transition: opacity 0.3s ease; 203 z-index: 1000; 204 justify-content: flex-end; 205 } 206 .floating-nav.show { 207 opacity: 1;
208 pointer-events: auto; 209 } 210 .floating-nav .floating-logo { 211 margin-right: 20px; 212 display: flex; 213 align-items: center; 214 opacity: 1; 215 } 216 .floating-nav .floating-logo img { 217 height: 40px; 218 width: auto; 219 display: block; 220 } 221 .floating-nav a { 222 color: white; 223 margin-left: 20px; 224 text-decoration: none; 225 font-weight: 600; 226 font-size: 1rem; 227 line-height: 60px; 228 } 229 .floating-nav a:hover { 230 text-decoration: underline; 231 } 232 233 .floating-reserve { 234 position: fixed; 235 bottom: 40px; 236 right: 40px; 237 background-color: #0d0a2e; 238 color: #fff !important; 239 padding: 15px 20px; 240 border-radius: 50px; 241 text-decoration: none; 242 font-weight: 900; 243 font-size: 1.2rem; 244 text-transform: uppercase; 245 letter-spacing: 1.5px; 246 box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); 247 z-index: 999; 248 transition: background-color 0.3s ease, transform 0.2s ease; 249 } 250 @media (max-width: 768px) { 251 .floating-reserve { 252 padding: 15px 20px; 253 font-size: 1rem; 254 bottom: 20px; 255 right: 20px; 256 } 257 } 258 .floating-reserve.hidden { 259 opacity: 0; 260 pointer-events: none; 261 transform: translateY(20px); 262 transition: opacity 0.3s ease, transform 0.3s ease; 263 } 264 a.floating-reserve:hover { 265 background-color: #1d0000; 266 transform: scale(1.1); 267 } 268 269 #nav-toggle { 270 display: none; 271 font-size: 2rem; 272 background: none; 273 border: none; 274 color: #111; 275 cursor: pointer; 276 } 277 278 /* On mobile (<=768px), show toggle button, hide nav initially */ 279 @media (max-width: 768px) { 280 #nav-toggle { 281 display: block; 282 } 283 #header-nav { 284 display: none; 285 flex-direction: column; 286 gap: 10px; 287 background: white; 288 position: absolute; 289 top: 100px; /* adjust based on header height */ 290 right: 0; 291 width: 200px; 292 box-shadow: 0 2px 8px rgba(0,0,0,0.2); 293 padding: 10px; 294 border-radius: 5px; 295 z-index: 100; 296 } 297 #header-nav.open { 298 display: flex; 299 } 300 } 301 302 .back-to-top { 303 background-color: #0d0a2e; 304 color: white; 305 border: none; 306 padding: 12px 24px; 307 font-size: 16px; 308 font-weight: 600; 309 border-radius: 25px; 310 cursor: pointer; 311 box-shadow: 0 4px 8px rgba(0,0,0,0.3); 312 transition: background-color 0.3s ease; 313 } 314 .back-to-top:hover { 315 background-color: #424242; 316 } 317 318 footer { 319 background-color: rgba(0, 0, 0, 0.8); 320 padding: 30px 20px; 321 text-align: center; 322 font-size: 0.9rem; 323 color: #ddd; 324 border-top: 1px solid #444; 325 margin-top: auto; 326 } 327 </style> 328</head> 329<body> 330 331 <header> 332 <a href="#top" class="header-left"> 333 <img src="images/Kizaki Den.png" alt="Kizaki Logo" class="logo" /> 334 </a> 335 336 337 <button id="nav-toggle" aria-label="Toggle navigation" aria-expanded="false" aria-controls="header-nav"> 338 ☰ 339 </button> 340 341 <nav id="header-nav" class="header-right"> 342 <a href="index.html">HOME</a> 343 <a href="press.html">PRESS</a> 344 <a href="contact.html">CONTACT</a> 345 <a href="https://www.opentable.com/r/kizaki-denver?corrid=79d72c99-2e2e-4dc7-8610-17d1016d954f&p=5&sd=2025-04-10T19%3A00%3A00">RESERVATION</a> 346 </nav> 347 348 <a href="https://www.opentable.com/r/kizaki-denver?corrid=..." target="_blank" class="floating-reserve hidden">RESERVATION</a> 349 </header> 350 351 352 <nav id="floating-nav" class="floating-nav"> 353 <a href="#top" class="floating-logo"> 354 <img src="images/Kizaki Den(2).png" alt="Kizaki Logo" /> 355 </a> 356 <a href="index.html">HOME</a> 357 <a href="press.html">PRESS</a> 358 <a href="contact.html">CONTACT</a> 359 </nav> 360 361 <div id="top"></div> 362 363 <section id="press-banner" class="banner-section"> 364 <div class="banner-image-container"> 365 <h1 class="banner-title">Press</h1> 366 </div> 367 </section> 368 369 <div class="overlay"> 370 <div class="overlay-block"> 371 <div class="press-container" id="pressContainer"></div> 372 <div style="text-align: center; margin: 20px 0;"> 373 <button id="backToTopBtn" class="back-to-top">Back to Top â</button> 374 </div> 375 </div> 376 </div> 377 378<footer> 379 <div style="text-align: center; padding: 20px;"> 380 <h3>Contact & Location</h3> 381 <p>Kizaki</p> 382 <p>1551 S Pearl St. Denver, CO 80210</p> 383 <p>Email: [email protected] | Phone: (720)-512-2753</p> 384 <p> 385 <a href="contact.html" style="color: #ddd; text-decoration: underline;"> 386 Contact Us 387 </a> 388 </p> 389 390 <hr style="margin: 20px auto; width: 60%; border-color: #666;" /> 391 392 <p>Connect With Us</p> 393 394 <div class="social-icons" style="margin-top: 10px;"> 395 <a href="https://www.instagram.com/kizakiden/" target="_blank" aria-label="Instagram"> 396 <img src="images/instagram-new.png" alt="Instagram" style="width: 24px; height: 24px;" /> 397 </a> 398 399 <hr style="margin: 20px auto; width: 60%; border-color: #666;" /> 400 401 <p>Visit Our Other Great Restaurants</p> 402 403 <div class="social-icons" style="margin-top: 10px;"> 404 <a href="https://www.sushiden.net" target="_blank" aria-label="Sushi Den"> 405 <img src="images/Sushi Den logo alternative.png" alt="Sushi Den" style="width: 100px; height: 80px;" /> 406 </a> 407 <a href="https://ototoden.com" target="_blank" aria-label="OTOTO"> 408 <img src="images/OTOTO BC logo alternative.png" alt="OTOTO" style="width: 75px; height: 100px;" /> 409 </a> 410 <a href="https://izakayaden.net" target="_blank" aria-label="Izakaya Den"> 411 <img src="images/Izakaya Den Logo alternative.png" alt="Izakaya Den" style="width: 70px; height: 75px;" /> 412 </a> 413 <a href="https://www.temakiden.com" target="_blank" aria-label="Tamaki Den"> 414 <img src="images/thumbnail_temakiden_transparent.png" alt="Tamaki Den" style="width: 100px; height: 100px;" /> 415 </a> 416 </div> 417 </div> 418</footer> 419 420
420<script> 421 // Floating nav show on scroll after 80px 422 const floatingNav = document.getElementById('floating-nav'); 423 const reserveBtn = document.querySelector('.floating-reserve'); 424 const backToTopBtn = document.getElementById('backToTopBtn'); 425 const navToggle = document.getElementById('nav-toggle'); 426 const headerNav = document.getElementById('header-nav'); 427 428 window.addEventListener('scroll', () => { 429 floatingNav.classList.toggle('show', window.scrollY > 80); 430 431 if (reserveBtn) { 432 reserveBtn.classList.toggle('hidden', window.scrollY < 100); 433 } 434 }); 435 436 backToTopBtn.addEventListener('click', () => { 437 window.scrollTo({ top: 0, behavior: 'smooth' }); 438 }); 439 440 navToggle.addEventListener('click', () => { 441 const isExpanded = navToggle.getAttribute('aria-expanded') === 'true'; 442 navToggle.setAttribute('aria-expanded', String(!isExpanded)); 443 headerNav.classList.toggle('open'); 444 }); 445 446 // Load press releases 447 fetch('press-releases.json') 448 .then(res => res.json()) 449 .then(data => { 450 const container = document.getElementById('pressContainer'); 451 data.reverse().forEach(item => { 452 const card = document.createElement('div'); 453 card.className = 'press-card'; 454 455 const img = document.createElement('img'); 456 img.src = item.image; 457 img.alt = item.title; 458 img.className = 'press-image'; 459 card.appendChild(img); 460 461 const title = document.createElement('h3'); 462 title.textContent = item.title; 463 card.appendChild(title); 464 465 const publisherElem = document.createElement('p'); 466 publisherElem.textContent = item.publisher; 467 publisherElem.className = 'press-publisher'; 468 card.appendChild(publisherElem); 469 470 const summary = document.createElement('p'); 471 summary.textContent = item.summary; 472 card.appendChild(summary); 473 474 const link = document.createElement('a'); 475 link.href = item.link; 476 link.textContent = 'Read More'; 477 link.className = 'press-link'; 478 link.target = '_blank'; 479 card.appendChild(link); 480 481 container.appendChild(card); 482 }); 483 }) 484 .catch(err => { 485 console.error('Failed to load press articles:', err); 486 }); 487 </script>
487 488</body>
489<script>'undefined'=== typeof _trfq || (window._trfq = []);'undefined'=== typeof _trfd && (window._trfd=[]),_trfd.push({'tccl.baseHost':'secureserver.net'},{'ap':'cpsh-oh'},{'server':'p3plzcpnl509148'},{'dcenter':'p3'},{'cp_id':'10374093'},{'cp_cl':'8'}) // Monitoring performance to make your website faster. If you want to opt-out, please contact web hosting support.</script>
489<script src='https://img1.wsimg.com/traffic-assets/js/tccl.min.js'></script>
489</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.