Live Club TLV | \u05d4\u05d7\u05d5\u05d5\u05d9\u05d4 \u05d4\u05d0\u05d5\u05dc\u05d8\u05d9\u05de\u05d8\u05d9\u05d1\u05d9\u05ea \u05e9\u05dc \u05d4\u05de\u05d7\u05ea\u05e8\u05ea<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Orbitron:wght@400;700;900&family=Rubik:wght@300;400;700;900&display=swap\" rel=\"stylesheet\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n :root {\n --neon-purple: #b026ff;\n --neon-blue: #00f0ff;\n --neon-pink: #ff0080;\n --neon-green: #00ff88;\n --deep-black: #0a0a0a;\n --dark-purple: #1a0a2e;\n --accent-gold: #ffd700;\n }\n\n body {\n font-family: 'Rubik', sans-serif;\n background: var(--deep-black);\n color: #fff;\n overflow-x: hidden;\n line-height: 1.6;\n perspective: 1500px;\n direction: rtl;\n }\n\n \/* 3D Background *\/\n .bg-3d {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 0;\n overflow: hidden;\n }\n\n .bg-layer {\n position: absolute;\n width: 100%;\n height: 100%;\n background: radial-gradient(circle at var(--x, 50%) var(--y, 50%), \n rgba(176, 38, 255, 0.15) 0%, \n transparent 50%);\n animation: float 20s ease-in-out infinite;\n }\n\n .bg-layer:nth-child(1) {\n --x: 20%;\n --y: 30%;\n animation-delay: 0s;\n }\n\n .bg-layer:nth-child(2) {\n --x: 80%;\n --y: 70%;\n animation-delay: -7s;\n background: radial-gradient(circle at var(--x) var(--y), \n rgba(0, 240, 255, 0.15) 0%, \n transparent 50%);\n }\n\n .bg-layer:nth-child(3) {\n --x: 50%;\n --y: 50%;\n animation-delay: -14s;\n background: radial-gradient(circle at var(--x) var(--y), \n rgba(255, 0, 128, 0.1) 0%, \n transparent 50%);\n }\n\n @keyframes float {\n 0%, 100% { \n transform: translate(0, 0) scale(1);\n filter: blur(60px);\n }\n 25% { \n transform: translate(30px, -30px) scale(1.1);\n filter: blur(80px);\n }\n 50% { \n transform: translate(-20px, 40px) scale(0.9);\n filter: blur(70px);\n }\n 75% { \n transform: translate(40px, 20px) scale(1.05);\n filter: blur(75px);\n }\n }\n\n \/* 3D Grid *\/\n .grid-3d {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-image: \n linear-gradient(rgba(176, 38, 255, 0.1) 1px, transparent 1px),\n linear-gradient(90deg, rgba(176, 38, 255, 0.1) 1px, transparent 1px);\n background-size: 50px 50px;\n transform: rotateX(60deg) translateZ(-200px);\n transform-style: preserve-3d;\n z-index: 1;\n pointer-events: none;\n opacity: 0.3;\n }\n\n \/* Hero Section *\/\n .hero {\n position: relative;\n min-height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n z-index: 10;\n }\n\n .hero-content {\n position: relative;\n z-index: 2;\n text-align: center;\n padding: 60px 20px;\n max-width: 1200px;\n transform-style: preserve-3d;\n }\n\n .hero-logo {\n font-family: 'Orbitron', sans-serif;\n font-size: clamp(4rem, 10vw, 9rem);\n font-weight: 900;\n margin-bottom: 30px;\n background: linear-gradient(135deg, var(--neon-purple), var(--neon-blue), var(--neon-pink), var(--neon-green));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n background-size: 300% 300%;\n animation: logoGlow 5s ease infinite, logo3d 1.2s ease 0.5s both;\n letter-spacing: 0.15em;\n text-shadow: \n 0 0 80px rgba(176, 38, 255, 0.8),\n 0 0 120px rgba(0, 240, 255, 0.6);\n transform-style: preserve-3d;\n position: relative;\n }\n\n .hero-logo::before {\n content: 'LIVE CLUB';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n z-index: -1;\n background: linear-gradient(135deg, var(--neon-purple), var(--neon-blue));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n filter: blur(20px);\n opacity: 0.7;\n transform: translateZ(-30px) scale(1.05);\n }\n\n @keyframes logoGlow {\n 0%, 100% { \n background-position: 0% 50%;\n filter: brightness(1);\n }\n 50% { \n background-position: 100% 50%;\n filter: brightness(1.4);\n }\n }\n\n @keyframes logo3d {\n from {\n opacity: 0;\n transform: translateZ(-200px) rotateX(-20deg);\n }\n to {\n opacity: 1;\n transform: translateZ(0) rotateX(0);\n }\n }\n\n .hero-tagline {\n font-size: clamp(1.3rem, 3.5vw, 2.5rem);\n margin-bottom: 20px;\n font-weight: 900;\n color: var(--neon-blue);\n text-transform: uppercase;\n letter-spacing: 0.15em;\n animation: slide3d 1s ease 0.8s both;\n text-shadow: 0 0 40px rgba(0, 240, 255, 0.8);\n transform-style: preserve-3d;\n }\n\n .hero-subtitle {\n font-size: clamp(1.1rem, 2.5vw, 1.6rem);\n margin-bottom: 40px;\n color: rgba(255, 255, 255, 0.9);\n animation: slide3d 1s ease 1.1s both;\n transform-style: preserve-3d;\n font-weight: 300;\n }\n\n .hero-address {\n font-size: clamp(1rem, 2vw, 1.3rem);\n color: var(--neon-green);\n margin-bottom: 60px;\n font-weight: 700;\n animation: slide3d 1s ease 1.4s both;\n text-shadow: 0 0 30px rgba(0, 255, 136, 0.8);\n transform-style: preserve-3d;\n }\n\n @keyframes slide3d {\n from {\n opacity: 0;\n transform: translateY(40px) translateZ(-150px) rotateX(-15deg);\n }\n to {\n opacity: 1;\n transform: translateY(0) translateZ(0) rotateX(0);\n }\n }\n\n \/* Social Links 3D *\/\n .social-links {\n display: flex;\n gap: 30px;\n justify-content: center;\n margin-top: 50px;\n animation: slide3d 1s ease 1.7s both;\n transform-style: preserve-3d;\n }\n\n .social-btn {\n display: inline-flex;\n align-items: center;\n gap: 12px;\n padding: 18px 40px;\n background: linear-gradient(135deg, var(--neon-purple), var(--neon-pink));\n border: 2px solid rgba(176, 38, 255, 0.5);\n border-radius: 50px;\n color: #fff;\n font-size: 1.1rem;\n font-weight: 700;\n text-decoration: none;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n cursor: pointer;\n position: relative;\n overflow: hidden;\n transition: all 0.5s ease;\n box-shadow: \n 0 10px 40px rgba(176, 38, 255, 0.5),\n 0 0 60px rgba(176, 38, 255, 0.3),\n inset 0 0 20px rgba(255, 255, 255, 0.1);\n transform-style: preserve-3d;\n }\n\n .social-btn::before {\n content: '';\n position: absolute;\n inset: -3px;\n background: linear-gradient(135deg, var(--neon-blue), var(--neon-green));\n border-radius: 50px;\n opacity: 0;\n transition: opacity 0.5s ease;\n z-index: -1;\n }\n\n .social-btn:hover {\n transform: translateY(-8px) translateZ(40px) rotateX(10deg);\n box-shadow: \n 0 20px 80px rgba(176, 38, 255, 0.7),\n 0 0 100px rgba(176, 38, 255, 0.5),\n inset 0 0 30px rgba(255, 255, 255, 0.2);\n }\n\n .social-btn:hover::before {\n opacity: 1;\n }\n\n .social-btn.facebook {\n background: linear-gradient(135deg, #1877f2, #0d5dbf);\n border-color: rgba(24, 119, 242, 0.5);\n box-shadow: \n 0 10px 40px rgba(24, 119, 242, 0.5),\n 0 0 60px rgba(24, 119, 242, 0.3);\n }\n\n .social-btn.facebook:hover {\n box-shadow: \n 0 20px 80px rgba(24, 119, 242, 0.7),\n 0 0 100px rgba(24, 119, 242, 0.5);\n }\n\n \/* Gallery Section 3D *\/\n .gallery {\n padding: 120px 20px;\n position: relative;\n z-index: 10;\n }\n\n .gallery::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3px;\n background: linear-gradient(90deg, transparent, var(--neon-purple), var(--neon-blue), transparent);\n box-shadow: 0 0 20px var(--neon-purple);\n }\n\n .gallery-title {\n font-family: 'Rubik', serif;\n font-size: clamp(3rem, 6vw, 5rem);\n text-align: center;\n margin-bottom: 80px;\n background: linear-gradient(135deg, var(--neon-purple), var(--neon-blue), var(--neon-pink));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-weight: 900;\n text-shadow: 0 0 60px rgba(176, 38, 255, 0.6);\n animation: title3d 1s ease both;\n transform-style: preserve-3d;\n }\n\n @keyframes title3d {\n from {\n opacity: 0;\n transform: translateZ(-200px) scale(0.8);\n }\n to {\n opacity: 1;\n transform: translateZ(0) scale(1);\n }\n }\n\n .gallery-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 40px;\n max-width: 1600px;\n margin: 0 auto;\n transform-style: preserve-3d;\n }\n\n .gallery-item {\n position: relative;\n overflow: hidden;\n border-radius: 25px;\n aspect-ratio: 4\/3;\n cursor: pointer;\n transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n box-shadow: \n 0 15px 50px rgba(0, 0, 0, 0.6),\n 0 0 40px rgba(176, 38, 255, 0.2);\n border: 2px solid rgba(176, 38, 255, 0.3);\n transform-style: preserve-3d;\n }\n\n .gallery-item:hover {\n transform: translateZ(60px) rotateX(5deg) scale(1.05);\n box-shadow: \n 0 30px 90px rgba(176, 38, 255, 0.6),\n 0 0 80px rgba(0, 240, 255, 0.4),\n inset 0 0 40px rgba(176, 38, 255, 0.2);\n border-color: var(--neon-purple);\n z-index: 20;\n }\n\n .gallery-item::before {\n content: '';\n position: absolute;\n inset: 0;\n background: linear-gradient(135deg, \n transparent 0%, \n rgba(176, 38, 255, 0.3) 50%, \n rgba(0, 240, 255, 0.3) 100%);\n opacity: 0;\n transition: opacity 0.5s ease;\n z-index: 2;\n }\n\n .gallery-item:hover::before {\n opacity: 1;\n }\n\n .gallery-item::after {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: linear-gradient(45deg, \n transparent 30%, \n rgba(255, 255, 255, 0.3) 50%, \n transparent 70%);\n transform: translateX(-100%) translateY(-100%) rotate(45deg);\n transition: transform 0.8s ease;\n z-index: 3;\n }\n\n .gallery-item:hover::after {\n transform: translateX(100%) translateY(100%) rotate(45deg);\n }\n\n .gallery-item img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.6s ease;\n }\n\n .gallery-item:hover img {\n transform: scale(1.15) translateZ(20px);\n }\n\n \/* Staggered 3D animation *\/\n .gallery-item:nth-child(1) { animation: popIn3d 0.8s ease 0.1s both; }\n .gallery-item:nth-child(2) { animation: popIn3d 0.8s ease 0.2s both; }\n .gallery-item:nth-child(3) { animation: popIn3d 0.8s ease 0.3s both; }\n .gallery-item:nth-child(4) { animation: popIn3d 0.8s ease 0.4s both; }\n .gallery-item:nth-child(5) { animation: popIn3d 0.8s ease 0.5s both; }\n .gallery-item:nth-child(6) { animation: popIn3d 0.8s ease 0.6s both; }\n .gallery-item:nth-child(7) { animation: popIn3d 0.8s ease 0.7s both; }\n .gallery-item:nth-child(8) { animation: popIn3d 0.8s ease 0.8s both; }\n .gallery-item:nth-child(9) { animation: popIn3d 0.8s ease 0.9s both; }\n .gallery-item:nth-child(10) { animation: popIn3d 0.8s ease 1.0s both; }\n .gallery-item:nth-child(11) { animation: popIn3d 0.8s ease 1.1s both; }\n .gallery-item:nth-child(12) { animation: popIn3d 0.8s ease 1.2s both; }\n\n @keyframes popIn3d {\n from {\n opacity: 0;\n transform: translateZ(-300px) rotateY(-30deg) scale(0.6);\n }\n to {\n opacity: 1;\n transform: translateZ(0) rotateY(0) scale(1);\n }\n }\n\n \/* About Section 3D *\/\n .about {\n padding: 120px 20px;\n background: linear-gradient(135deg, var(--dark-purple), var(--deep-black));\n text-align: center;\n position: relative;\n z-index: 10;\n transform-style: preserve-3d;\n }\n\n .about::before {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 800px;\n height: 800px;\n background: radial-gradient(circle, rgba(176, 38, 255, 0.2) 0%, transparent 70%);\n border-radius: 50%;\n animation: pulse3d 15s ease-in-out infinite;\n transform-style: preserve-3d;\n }\n\n @keyframes pulse3d {\n 0%, 100% { \n transform: translate(-50%, -50%) scale(1) rotateZ(0deg);\n filter: blur(60px);\n }\n 50% { \n transform: translate(-50%, -50%) scale(1.2) rotateZ(180deg);\n filter: blur(80px);\n }\n }\n\n .about-content {\n max-width: 900px;\n margin: 0 auto;\n position: relative;\n z-index: 2;\n transform-style: preserve-3d;\n }\n\n .about-title {\n font-family: 'Rubik', serif;\n font-size: clamp(2.5rem, 6vw, 4.5rem);\n margin-bottom: 40px;\n color: var(--neon-blue);\n font-weight: 900;\n text-shadow: \n 0 0 60px rgba(0, 240, 255, 0.8),\n 0 0 100px rgba(0, 240, 255, 0.4);\n animation: float3d 1s ease both;\n transform-style: preserve-3d;\n }\n\n @keyframes float3d {\n from {\n opacity: 0;\n transform: translateZ(-150px) translateY(50px);\n }\n to {\n opacity: 1;\n transform: translateZ(0) translateY(0);\n }\n }\n\n .about-text {\n font-size: clamp(1.2rem, 2.2vw, 1.6rem);\n line-height: 1.9;\n color: rgba(255, 255, 255, 0.9);\n margin-bottom: 30px;\n font-weight: 300;\n animation: float3d 1s ease 0.3s both;\n }\n\n .about-highlight {\n font-size: clamp(1.4rem, 3vw, 2rem);\n color: var(--neon-pink);\n font-weight: 900;\n margin-top: 50px;\n text-shadow: 0 0 40px rgba(255, 0, 128, 0.8);\n animation: float3d 1s ease 0.6s both;\n }\n\n \/* Map Section 3D *\/\n .map-section {\n padding: 120px 20px;\n background: var(--deep-black);\n position: relative;\n z-index: 10;\n }\n\n .map-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3px;\n background: linear-gradient(90deg, transparent, var(--neon-blue), var(--neon-green), transparent);\n box-shadow: 0 0 20px var(--neon-blue);\n }\n\n .map-title {\n font-family: 'Rubik', serif;\n font-size: clamp(3rem, 6vw, 5rem);\n text-align: center;\n margin-bottom: 70px;\n background: linear-gradient(135deg, var(--neon-blue), var(--neon-green));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-weight: 900;\n text-shadow: 0 0 60px rgba(0, 240, 255, 0.6);\n animation: title3d 1s ease both;\n }\n\n .map-container {\n max-width: 1100px;\n margin: 0 auto;\n text-align: center;\n transform-style: preserve-3d;\n }\n\n .map-embed {\n width: 100%;\n height: 500px;\n border: 3px solid rgba(0, 240, 255, 0.4);\n border-radius: 25px;\n margin-bottom: 40px;\n box-shadow: \n 0 25px 70px rgba(0, 240, 255, 0.4),\n 0 0 80px rgba(0, 240, 255, 0.2),\n inset 0 0 40px rgba(0, 240, 255, 0.1);\n transition: all 0.5s ease;\n transform-style: preserve-3d;\n }\n\n .map-embed:hover {\n transform: translateZ(30px) scale(1.02);\n box-shadow: \n 0 35px 100px rgba(0, 240, 255, 0.6),\n 0 0 120px rgba(0, 240, 255, 0.3);\n }\n\n .waze-btn {\n display: inline-flex;\n align-items: center;\n gap: 15px;\n padding: 20px 50px;\n background: linear-gradient(135deg, #33ccff, #00aeff);\n border: 2px solid rgba(51, 204, 255, 0.5);\n border-radius: 50px;\n color: #fff;\n font-size: 1.2rem;\n font-weight: 700;\n text-decoration: none;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n cursor: pointer;\n position: relative;\n overflow: hidden;\n transition: all 0.5s ease;\n box-shadow: \n 0 15px 50px rgba(51, 204, 255, 0.5),\n 0 0 70px rgba(51, 204, 255, 0.3);\n transform-style: preserve-3d;\n }\n\n .waze-btn:hover {\n transform: translateY(-8px) translateZ(40px) rotateX(10deg);\n box-shadow: \n 0 25px 90px rgba(51, 204, 255, 0.7),\n 0 0 120px rgba(51, 204, 255, 0.5);\n }\n\n .waze-icon {\n font-size: 1.8rem;\n }\n\n \/* Photographer Credit 3D *\/\n .photographer-credit {\n padding: 80px 20px 50px;\n background: linear-gradient(135deg, var(--dark-purple), var(--deep-black));\n text-align: center;\n border-top: 2px solid rgba(176, 38, 255, 0.3);\n position: relative;\n z-index: 10;\n }\n\n .photographer-label {\n font-size: 1rem;\n color: rgba(255, 255, 255, 0.5);\n text-transform: uppercase;\n letter-spacing: 0.15em;\n margin-bottom: 20px;\n font-weight: 300;\n }\n\n .photographer-name {\n font-family: 'Orbitron', serif;\n font-size: 1.8rem;\n font-weight: 900;\n background: linear-gradient(135deg, var(--neon-purple), var(--neon-pink));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 15px;\n text-shadow: 0 0 40px rgba(176, 38, 255, 0.6);\n }\n\n .photographer-title {\n font-size: 1.1rem;\n color: rgba(255, 255, 255, 0.7);\n margin-bottom: 35px;\n font-weight: 300;\n }\n\n .whatsapp-btn {\n display: inline-flex;\n align-items: center;\n gap: 12px;\n padding: 18px 40px;\n background: linear-gradient(135deg, #25D366, #128C7E);\n border: 2px solid rgba(37, 211, 102, 0.5);\n border-radius: 50px;\n color: #fff;\n font-size: 1.1rem;\n font-weight: 700;\n text-decoration: none;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n cursor: pointer;\n position: relative;\n overflow: hidden;\n transition: all 0.5s ease;\n box-shadow: \n 0 15px 50px rgba(37, 211, 102, 0.5),\n 0 0 70px rgba(37, 211, 102, 0.3);\n transform-style: preserve-3d;\n }\n\n .whatsapp-btn:hover {\n transform: translateY(-8px) translateZ(40px) rotateX(10deg);\n box-shadow: \n 0 25px 90px rgba(37, 211, 102, 0.7),\n 0 0 120px rgba(37, 211, 102, 0.5);\n }\n\n \/* Footer *\/\n .footer {\n padding: 70px 20px 50px;\n background: var(--deep-black);\n text-align: center;\n border-top: 2px solid rgba(0, 240, 255, 0.3);\n position: relative;\n z-index: 10;\n }\n\n .footer-social {\n display: flex;\n gap: 25px;\n justify-content: center;\n margin-bottom: 35px;\n }\n\n .footer-social a {\n color: rgba(255, 255, 255, 0.6);\n text-decoration: none;\n font-size: 1.1rem;\n transition: all 0.4s ease;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n }\n\n .footer-social a:hover {\n color: var(--neon-purple);\n text-shadow: 0 0 20px rgba(176, 38, 255, 0.8);\n transform: translateY(-3px);\n }\n\n .footer-copy {\n color: rgba(255, 255, 255, 0.4);\n font-size: 1rem;\n font-weight: 300;\n }\n\n \/* Mobile Responsive *\/\n @media (max-width: 768px) {\n body {\n perspective: 1000px;\n }\n\n .hero-logo::before {\n display: none;\n }\n\n .social-links {\n flex-direction: column;\n gap: 20px;\n align-items: center;\n }\n\n .social-btn {\n width: 100%;\n max-width: 320px;\n }\n\n .gallery-grid {\n grid-template-columns: 1fr;\n gap: 30px;\n }\n\n .gallery-item:hover {\n transform: translateZ(30px) scale(1.03);\n }\n\n .map-embed {\n height: 350px;\n }\n }\n\n \/* Cyberpunk scanlines effect *\/\n body::after {\n content: '';\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n background: repeating-linear-gradient(\n 0deg,\n rgba(0, 0, 0, 0.1) 0px,\n transparent 1px,\n transparent 2px,\n rgba(0, 0, 0, 0.1) 3px\n );\n opacity: 0.1;\n z-index: 9999;\n animation: scanline 10s linear infinite;\n }\n\n @keyframes scanline {\n 0% { transform: translateY(0); }\n 100% { transform: translateY(100px); }\n }\n <\/style>\n<\/head>\n<body>\n \n <div class=\"bg-3d\">\n <div class=\"bg-layer\"><\/div>\n <div class=\"bg-layer\"><\/div>\n <div class=\"bg-layer\"><\/div>\n <\/div>\n <div class=\"grid-3d\"><\/div>\n\n \n <section class=\"hero\">\n <div class=\"hero-content\">\n <h1 class=\"hero-logo\">LIVE CLUB<\/h1>\n <p class=\"hero-tagline\">\u05d4\u05d7\u05d5\u05d5\u05d9\u05d4 \u05d4\u05d0\u05d5\u05dc\u05d8\u05d9\u05de\u05d8\u05d9\u05d1\u05d9\u05ea \u05e9\u05dc \u05d4\u05de\u05d7\u05ea\u05e8\u05ea<\/p>\n <p class=\"hero-subtitle\">\u05d4\u05de\u05d5\u05e2\u05d3\u05d5\u05df \u05d4\u05de\u05d7\u05ea\u05e8\u05ea\u05d9 \u05e2\u05dd \u05de\u05e2\u05e8\u05db\u05ea \u05d4\u05e1\u05d0\u05d5\u05e0\u05d3 \u05d5\u05d4\u05ea\u05d0\u05d5\u05e8\u05d4 \u05d4\u05d8\u05d5\u05d1\u05d4 \u05d1\u05d9\u05d5\u05ea\u05e8<\/p>\n <p class=\"hero-address\">\u05d7\u05d6\u05e8\u05dd 9, \u05ea\u05dc \u05d0\u05d1\u05d9\u05d1<\/p>\n\n <div class=\"social-links\">\n <a href=\"https:\/\/www.instagram.com\/artclub_tlv\/\" target=\"_blank\" class=\"social-btn\" rel=\"noopener\">\n <span>\ud83d\udcf8<\/span>\n <span>Instagram<\/span>\n <\/a>\n <a href=\"https:\/\/www.facebook.com\/ArtClubTLV\/\" target=\"_blank\" class=\"social-btn facebook\" rel=\"noopener\">\n <span>\ud83d\udcd8<\/span>\n <span>Facebook<\/span>\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"gallery\">\n <h2 class=\"gallery-title\">\u05d7\u05d5\u05d5\u05d9\u05ea \u05d4\u05dc\u05d9\u05dc\u05d4 \u05e9\u05dc\u05e0\u05d5<\/h2>\n\n <div class=\"gallery-grid\">\n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"https:\/\/ipix.cc\/wp-content\/uploads\/2026\/01\/live_art_club_ph_boris_wave_ipix_cc_1149_resized.jpg\" alt=\"Live Club TLV\" loading=\"lazy\" title=\"\">\n <\/div>\n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"https:\/\/ipix.cc\/wp-content\/uploads\/2026\/01\/ipix_cc_ASB01640.jpg\" alt=\"Live Club TLV\" loading=\"lazy\" title=\"\">\n <\/div>\n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"https:\/\/ipix.cc\/wp-content\/uploads\/2026\/01\/live_art_club_ASB01039.jpg\" alt=\"Live Club TLV\" loading=\"lazy\" title=\"\">\n <\/div>\n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"https:\/\/ipix.cc\/wp-content\/uploads\/2026\/01\/live_art_club_ASB01197.jpg\" alt=\"Live Club TLV\" loading=\"lazy\" title=\"\">\n <\/div>\n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"https:\/\/ipix.cc\/wp-content\/uploads\/2026\/01\/ASB01551.jpg\" alt=\"Live Club TLV\" loading=\"lazy\" title=\"\">\n <\/div>\n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"https:\/\/ipix.cc\/wp-content\/uploads\/2026\/01\/live_art_club_ASB01310.jpg\" alt=\"Live Club TLV\" loading=\"lazy\" title=\"\">\n <\/div>\n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"https:\/\/ipix.cc\/wp-content\/uploads\/2026\/01\/ASB01633.jpg\" alt=\"Live Club TLV\" loading=\"lazy\" title=\"\">\n <\/div>\n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"https:\/\/ipix.cc\/wp-content\/uploads\/2026\/01\/ASB01559.jpg\" alt=\"Live Club TLV\" loading=\"lazy\" title=\"\">\n <\/div>\n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"https:\/\/ipix.cc\/wp-content\/uploads\/2026\/01\/live_art_club_ASB01215.jpg\" alt=\"Live Club TLV\" loading=\"lazy\" title=\"\">\n <\/div>\n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"https:\/\/ipix.cc\/wp-content\/uploads\/2026\/01\/live_art_club_ASB01038.jpg\" alt=\"Live Club TLV\" loading=\"lazy\" title=\"\">\n <\/div>\n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"https:\/\/ipix.cc\/wp-content\/uploads\/2026\/01\/ASB01964.jpg\" alt=\"Live Club TLV\" loading=\"lazy\" title=\"\">\n <\/div>\n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"https:\/\/ipix.cc\/wp-content\/uploads\/2026\/01\/live_art_club_ASB01131.jpg\" alt=\"Live Club TLV\" loading=\"lazy\" title=\"\">\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"about\">\n <div class=\"about-content\">\n <h2 class=\"about-title\">\u05d7\u05d5\u05d5\u05d9\u05ea \u05d4\u05de\u05d7\u05ea\u05e8\u05ea \u05d4\u05d0\u05d5\u05dc\u05d8\u05d9\u05de\u05d8\u05d9\u05d1\u05d9\u05ea<\/h2>\n <p class=\"about-text\">\n Live Club TLV \u05d4\u05d5\u05d0 \u05d9\u05d5\u05ea\u05e8 \u05de\u05e1\u05ea\u05dd \u05de\u05d5\u05e2\u05d3\u05d5\u05df – \u05d6\u05d4 \u05de\u05e7\u05d5\u05dd \u05e9\u05d1\u05d5 \u05de\u05d5\u05d6\u05d9\u05e7\u05d4, \u05d0\u05de\u05e0\u05d5\u05ea \u05d5\u05d9\u05e6\u05d9\u05e8\u05ea\u05d9\u05d5\u05ea \u05de\u05ea\u05de\u05d6\u05d2\u05d9\u05dd \u05d9\u05d7\u05d3. \u05e2\u05dd \u05de\u05e2\u05e8\u05db\u05ea \u05d4\u05e1\u05d0\u05d5\u05e0\u05d3 \u05d4\u05de\u05ea\u05e7\u05d3\u05de\u05ea \u05d1\u05d9\u05d5\u05ea\u05e8 \u05d5\u05ea\u05d0\u05d5\u05e8\u05d4 \u05de\u05e8\u05d4\u05d9\u05d1\u05d4, \u05d0\u05e0\u05d7\u05e0\u05d5 \u05d9\u05d5\u05e6\u05e8\u05d9\u05dd \u05d7\u05d5\u05d5\u05d9\u05d4 \u05e9\u05dc\u05d0 \u05ea\u05e9\u05db\u05d7\u05d5 \u05dc\u05e2\u05d5\u05dc\u05dd.\n <\/p>\n <p class=\"about-text\">\n \u05d4\u05e6\u05d8\u05e8\u05e4\u05d5 \u05d0\u05dc\u05d9\u05e0\u05d5 \u05dc\u05db\u05dc \u05dc\u05d9\u05dc\u05d4 \u05de\u05dc\u05d0 \u05d1\u05d0\u05e0\u05e8\u05d2\u05d9\u05d4, \u05de\u05d5\u05d6\u05d9\u05e7\u05d4 \u05d0\u05dc\u05e7\u05d8\u05e8\u05d5\u05e0\u05d9\u05ea \u05de\u05d4\u05d8\u05d5\u05d1\u05d5\u05ea \u05d1\u05d9\u05d5\u05ea\u05e8 \u05d5\u05d0\u05d5\u05d5\u05d9\u05e8\u05d4 \u05e9\u05de\u05d6\u05db\u05d9\u05e8\u05d4 \u05d0\u05ea \u05d4\u05de\u05d7\u05ea\u05e8\u05ea \u05d4\u05d0\u05de\u05d9\u05ea\u05d9\u05ea \u05e9\u05dc \u05ea\u05dc \u05d0\u05d1\u05d9\u05d1.\n <\/p>\n <p class=\"about-highlight\">\ud83c\udfb5 \u05db\u05dc \u05dc\u05d9\u05dc\u05d4 \u05d4\u05d5\u05d0 \u05de\u05e1\u05e2 \u05d7\u05d3\u05e9 \ud83c\udfb5<\/p>\n <\/div>\n <\/section>\n\n \n <section class=\"map-section\">\n <h2 class=\"map-title\">\u05d0\u05d9\u05da \u05dc\u05d4\u05d2\u05d9\u05e2<\/h2>\n\n <div class=\"map-container\">\n <iframe \n class=\"map-embed\"\n src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3381.0516857842395!2d34.77895!3d32.058611!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x151d4b7e7c0e4f6d%3A0x7c8e9f8e9f8e9f8e!2sHazerem%209%2C%20Tel%20Aviv-Yafo!5e0!3m2!1sen!2sil!4v1620000000000!5m2!1sen!2sil\"\n allowfullscreen=\"\" \n loading=\"lazy\" \n referrerpolicy=\"no-referrer-when-downgrade\">\n <\/iframe>\n \n <a href=\"https:\/\/waze.com\/ul?ll=32.058611,34.77895&navigate=yes\" target=\"_blank\" class=\"waze-btn\" rel=\"noopener\">\n <span class=\"waze-icon\">\ud83d\ude97<\/span>\n <span>\u05e0\u05d5\u05d5\u05d8 \u05e2\u05dd Waze<\/span>\n <\/a>\n <\/div>\n <\/section>\n\n \n <section class=\"photographer-credit\">\n <p class=\"photographer-label\">\u05e6\u05d9\u05dc\u05d5\u05dd<\/p>\n <h3 class=\"photographer-name\">Boris Izmaylov<\/h3>\n <p class=\"photographer-title\">Product Designer, Photographer & Web Creator<\/p>\n \n <a href=\"https:\/\/wa.me\/972527344186?text=Hello!%20I%20found%20your%20contact%20at%20ipix.cc\" target=\"_blank\" class=\"whatsapp-btn\">\n <span>\ud83d\udcac<\/span>\n <span>\u05e9\u05dc\u05d7 \u05d4\u05d5\u05d3\u05e2\u05d4 \u05d1-WhatsApp<\/span>\n <\/a>\n <\/section>\n\n \n <footer class=\"footer\">\n <div class=\"footer-social\">\n <a href=\"https:\/\/www.instagram.com\/artclub_tlv\/\" target=\"_blank\" rel=\"noopener\">Instagram<\/a>\n <a href=\"https:\/\/www.facebook.com\/ArtClubTLV\/\" target=\"_blank\" rel=\"noopener\">Facebook<\/a>\n <\/div>\n <p class=\"footer-copy\">\u00a9 2026 Live Club TLV. \u05db\u05dc \u05d4\u05d6\u05db\u05d5\u05d9\u05d5\u05ea \u05e9\u05de\u05d5\u05e8\u05d5\u05ea.<\/p>\n <\/footer>\n\n <script>\n \/\/ Enhanced 3D parallax effect\n let mouseX = 0;\n let mouseY = 0;\n\n document.addEventListener('mousemove', (e) => {\n mouseX = (e.clientX \/ window.innerWidth - 0.5) * 2;\n mouseY = (e.clientY \/ window.innerHeight - 0.5) * 2;\n \n \/\/ Apply parallax to hero elements\n const heroContent = document.querySelector('.hero-content');\n if (heroContent) {\n heroContent.style.transform = `\n translateX(${mouseX * 20}px)\n translateY(${mouseY * 20}px)\n rotateY(${mouseX * 3}deg)\n rotateX(${-mouseY * 3}deg)\n `;\n }\n \n \/\/ Apply parallax to background layers\n document.querySelectorAll('.bg-layer').forEach((layer, index) => {\n const depth = (index + 1) * 0.3;\n layer.style.transform = `\n translate(${mouseX * 30 * depth}px, ${mouseY * 30 * depth}px)\n `;\n });\n });\n\n \/\/ Scroll-based 3D transformations\n window.addEventListener('scroll', () => {\n const scrolled = window.pageYOffset;\n \n \/\/ Hero parallax\n const hero = document.querySelector('.hero');\n if (hero && scrolled < window.innerHeight) {\n hero.style.transform = `translateY(${scrolled * 0.5}px) translateZ(-100px)`;\n }\n \n \/\/ Gallery items scroll effect\n const galleryItems = document.querySelectorAll('.gallery-item');\n galleryItems.forEach((item, index) => {\n const itemTop = item.getBoundingClientRect().top;\n const itemHeight = item.offsetHeight;\n const windowHeight = window.innerHeight;\n \n if (itemTop < windowHeight && itemTop > -itemHeight) {\n const scrollProgress = (windowHeight - itemTop) \/ (windowHeight + itemHeight);\n const rotation = (scrollProgress - 0.5) * 10;\n item.style.transform = `\n translateZ(${scrollProgress * 20}px)\n rotateY(${rotation}deg)\n `;\n }\n });\n });\n\n \/\/ Smooth scroll for internal links\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n if (target) {\n target.scrollIntoView({\n behavior: 'smooth',\n block: 'start'\n });\n }\n });\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Live Club TLV | \u05d4\u05d7\u05d5\u05d5\u05d9\u05d4 \u05d4\u05d0\u05d5\u05dc\u05d8\u05d9\u05de\u05d8\u05d9\u05d1\u05d9\u05ea \u05e9\u05dc \u05d4\u05de\u05d7\u05ea\u05e8\u05ea LIVE CLUB \u05d4\u05d7\u05d5\u05d5\u05d9\u05d4 \u05d4\u05d0\u05d5\u05dc\u05d8\u05d9\u05de\u05d8\u05d9\u05d1\u05d9\u05ea \u05e9\u05dc \u05d4\u05de\u05d7\u05ea\u05e8\u05ea \u05d4\u05de\u05d5\u05e2\u05d3\u05d5\u05df \u05d4\u05de\u05d7\u05ea\u05e8\u05ea\u05d9 \u05e2\u05dd \u05de\u05e2\u05e8\u05db\u05ea \u05d4\u05e1\u05d0\u05d5\u05e0\u05d3 \u05d5\u05d4\u05ea\u05d0\u05d5\u05e8\u05d4 \u05d4\u05d8\u05d5\u05d1\u05d4 \u05d1\u05d9\u05d5\u05ea\u05e8 \u05d7\u05d6\u05e8\u05dd 9, \u05ea\u05dc \u05d0\u05d1\u05d9\u05d1 \ud83d\udcf8 Instagram \ud83d\udcd8 Facebook \u05d7\u05d5\u05d5\u05d9\u05ea \u05d4\u05dc\u05d9\u05dc\u05d4 \u05e9\u05dc\u05e0\u05d5 \u05d7\u05d5\u05d5\u05d9\u05ea \u05d4\u05de\u05d7\u05ea\u05e8\u05ea \u05d4\u05d0\u05d5\u05dc\u05d8\u05d9\u05de\u05d8\u05d9\u05d1\u05d9\u05ea Live Club TLV \u05d4\u05d5\u05d0 \u05d9\u05d5\u05ea\u05e8 \u05de\u05e1\u05ea\u05dd \u05de\u05d5\u05e2\u05d3\u05d5\u05df – \u05d6\u05d4 \u05de\u05e7\u05d5\u05dd \u05e9\u05d1\u05d5 \u05de\u05d5\u05d6\u05d9\u05e7\u05d4, \u05d0\u05de\u05e0\u05d5\u05ea \u05d5\u05d9\u05e6\u05d9\u05e8\u05ea\u05d9\u05d5\u05ea \u05de\u05ea\u05de\u05d6\u05d2\u05d9\u05dd \u05d9\u05d7\u05d3. \u05e2\u05dd \u05de\u05e2\u05e8\u05db\u05ea \u05d4\u05e1\u05d0\u05d5\u05e0\u05d3 […]<\/p>\n","protected":false},"author":1,"featured_media":8285,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_gspb_post_css":"","_joinchat":[],"footnotes":""},"class_list":["post-8288","page","type-page","status-publish","has-post-thumbnail","hentry"],"blocksy_meta":[],"featured_image_urls_v2":{"full":["https:\/\/ipix.cc\/wp-content\/uploads\/2026\/01\/live_art_club_ASB01038.jpg",2560,1707,false],"thumbnail":["https:\/\/ipix.cc\/wp-content\/uploads\/2026\/01\/live_art_club_ASB01038-150x150.jpg",150,150,true],"medium":["https:\/\/ipix.cc\/wp-content\/uploads\/2026\/01\/live_art_club_ASB01038-300x200.jpg",300,200,true],"medium_large":["https:\/\/ipix.cc\/wp-content\/uploads\/2026\/01\/live_art_club_ASB01038-768x512.jpg",768,512,true],"large":["https:\/\/ipix.cc\/wp-content\/uploads\/2026\/01\/live_art_club_ASB01038-1024x683.jpg",1024,683,true],"1536x1536":["https:\/\/ipix.cc\/wp-content\/uploads\/2026\/01\/live_art_club_ASB01038-1536x1024.jpg",1536,1024,true],"2048x2048":["https:\/\/ipix.cc\/wp-content\/uploads\/2026\/01\/live_art_club_ASB01038-2048x1366.jpg",2048,1366,true]},"post_excerpt_stackable_v2":"<p>Live Club TLV | \u05d4\u05d7\u05d5\u05d5\u05d9\u05d4 \u05d4\u05d0\u05d5\u05dc\u05d8\u05d9\u05de\u05d8\u05d9\u05d1\u05d9\u05ea \u05e9\u05dc \u05d4\u05de\u05d7\u05ea\u05e8\u05ea LIVE CLUB \u05d4\u05d7\u05d5\u05d5\u05d9\u05d4 \u05d4\u05d0\u05d5\u05dc\u05d8\u05d9\u05de\u05d8\u05d9\u05d1\u05d9\u05ea \u05e9\u05dc \u05d4\u05de\u05d7\u05ea\u05e8\u05ea \u05d4\u05de\u05d5\u05e2\u05d3\u05d5\u05df \u05d4\u05de\u05d7\u05ea\u05e8\u05ea\u05d9 \u05e2\u05dd \u05de\u05e2\u05e8\u05db\u05ea \u05d4\u05e1\u05d0\u05d5\u05e0\u05d3 \u05d5\u05d4\u05ea\u05d0\u05d5\u05e8\u05d4 \u05d4\u05d8\u05d5\u05d1\u05d4 \u05d1\u05d9\u05d5\u05ea\u05e8 \u05d7\u05d6\u05e8\u05dd 9, \u05ea\u05dc \u05d0\u05d1\u05d9\u05d1 \ud83d\udcf8 Instagram \ud83d\udcd8 Facebook \u05d7\u05d5\u05d5\u05d9\u05ea \u05d4\u05dc\u05d9\u05dc\u05d4 \u05e9\u05dc\u05e0\u05d5 \u05d7\u05d5\u05d5\u05d9\u05ea \u05d4\u05de\u05d7\u05ea\u05e8\u05ea \u05d4\u05d0\u05d5\u05dc\u05d8\u05d9\u05de\u05d8\u05d9\u05d1\u05d9\u05ea Live Club TLV \u05d4\u05d5\u05d0 \u05d9\u05d5\u05ea\u05e8 \u05de\u05e1\u05ea\u05dd \u05de\u05d5\u05e2\u05d3\u05d5\u05df – \u05d6\u05d4 \u05de\u05e7\u05d5\u05dd \u05e9\u05d1\u05d5 \u05de\u05d5\u05d6\u05d9\u05e7\u05d4, \u05d0\u05de\u05e0\u05d5\u05ea \u05d5\u05d9\u05e6\u05d9\u05e8\u05ea\u05d9\u05d5\u05ea \u05de\u05ea\u05de\u05d6\u05d2\u05d9\u05dd \u05d9\u05d7\u05d3. \u05e2\u05dd \u05de\u05e2\u05e8\u05db\u05ea \u05d4\u05e1\u05d0\u05d5\u05e0\u05d3 \u05d4\u05de\u05ea\u05e7\u05d3\u05de\u05ea \u05d1\u05d9\u05d5\u05ea\u05e8 \u05d5\u05ea\u05d0\u05d5\u05e8\u05d4 \u05de\u05e8\u05d4\u05d9\u05d1\u05d4, \u05d0\u05e0\u05d7\u05e0\u05d5 \u05d9\u05d5\u05e6\u05e8\u05d9\u05dd \u05d7\u05d5\u05d5\u05d9\u05d4 \u05e9\u05dc\u05d0 \u05ea\u05e9\u05db\u05d7\u05d5 \u05dc\u05e2\u05d5\u05dc\u05dd. \u05d4\u05e6\u05d8\u05e8\u05e4\u05d5 \u05d0\u05dc\u05d9\u05e0\u05d5 \u05dc\u05db\u05dc \u05dc\u05d9\u05dc\u05d4 \u05de\u05dc\u05d0 \u05d1\u05d0\u05e0\u05e8\u05d2\u05d9\u05d4, \u05de\u05d5\u05d6\u05d9\u05e7\u05d4 \u05d0\u05dc\u05e7\u05d8\u05e8\u05d5\u05e0\u05d9\u05ea \u05de\u05d4\u05d8\u05d5\u05d1\u05d5\u05ea \u05d1\u05d9\u05d5\u05ea\u05e8 \u05d5\u05d0\u05d5\u05d5\u05d9\u05e8\u05d4 \u05e9\u05de\u05d6\u05db\u05d9\u05e8\u05d4 \u05d0\u05ea \u05d4\u05de\u05d7\u05ea\u05e8\u05ea \u05d4\u05d0\u05de\u05d9\u05ea\u05d9\u05ea \u05e9\u05dc \u05ea\u05dc \u05d0\u05d1\u05d9\u05d1. \ud83c\udfb5 \u05db\u05dc \u05dc\u05d9\u05dc\u05d4 \u05d4\u05d5\u05d0 \u05de\u05e1\u05e2 \u05d7\u05d3\u05e9 \ud83c\udfb5 \u05d0\u05d9\u05da \u05dc\u05d4\u05d2\u05d9\u05e2 \ud83d\ude97 \u05e0\u05d5\u05d5\u05d8 \u05e2\u05dd Waze \u05e6\u05d9\u05dc\u05d5\u05dd Boris Izmaylov Product…<\/p>\n","category_list_v2":"","author_info_v2":{"name":"Ipix_cinematic","url":"https:\/\/ipix.cc\/he\/author\/ipix_cinematic\/"},"comments_num_v2":"0 comments","_links":{"self":[{"href":"https:\/\/ipix.cc\/he\/wp-json\/wp\/v2\/pages\/8288","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ipix.cc\/he\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ipix.cc\/he\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ipix.cc\/he\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ipix.cc\/he\/wp-json\/wp\/v2\/comments?post=8288"}],"version-history":[{"count":5,"href":"https:\/\/ipix.cc\/he\/wp-json\/wp\/v2\/pages\/8288\/revisions"}],"predecessor-version":[{"id":8328,"href":"https:\/\/ipix.cc\/he\/wp-json\/wp\/v2\/pages\/8288\/revisions\/8328"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ipix.cc\/he\/wp-json\/wp\/v2\/media\/8285"}],"wp:attachment":[{"href":"https:\/\/ipix.cc\/he\/wp-json\/wp\/v2\/media?parent=8288"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":8288,"date":"2026-01-08T19:00:39","date_gmt":"2026-01-08T17:00:39","guid":{"rendered":"https:\/\/ipix.cc\/art-club\/"},"modified":"2026-01-09T05:45:19","modified_gmt":"2026-01-09T03:45:19","slug":"live-club","status":"publish","type":"page","link":"https:\/\/ipix.cc\/he\/live-club\/","title":{"rendered":"Live Club \u05ea\u05dc \u05d0\u05d1\u05d9\u05d1"},"content":{"rendered":"\n\n\n\n \n \n Live Club TLV | \u05d4\u05d7\u05d5\u05d5\u05d9\u05d4 \u05d4\u05d0\u05d5\u05dc\u05d8\u05d9\u05de\u05d8\u05d9\u05d1\u05d9\u05ea \u05e9\u05dc \u05d4\u05de\u05d7\u05ea\u05e8\u05ea<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Orbitron:wght@400;700;900&family=Rubik:wght@300;400;700;900&display=swap\" rel=\"stylesheet\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n :root {\n --neon-purple: #b026ff;\n --neon-blue: #00f0ff;\n --neon-pink: #ff0080;\n --neon-green: #00ff88;\n --deep-black: #0a0a0a;\n --dark-purple: #1a0a2e;\n --accent-gold: #ffd700;\n }\n\n body {\n font-family: 'Rubik', sans-serif;\n background: var(--deep-black);\n color: #fff;\n overflow-x: hidden;\n line-height: 1.6;\n perspective: 1500px;\n direction: rtl;\n }\n\n \/* 3D Background *\/\n .bg-3d {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 0;\n overflow: hidden;\n }\n\n .bg-layer {\n position: absolute;\n width: 100%;\n height: 100%;\n background: radial-gradient(circle at var(--x, 50%) var(--y, 50%), \n rgba(176, 38, 255, 0.15) 0%, \n transparent 50%);\n animation: float 20s ease-in-out infinite;\n }\n\n .bg-layer:nth-child(1) {\n --x: 20%;\n --y: 30%;\n animation-delay: 0s;\n }\n\n .bg-layer:nth-child(2) {\n --x: 80%;\n --y: 70%;\n animation-delay: -7s;\n background: radial-gradient(circle at var(--x) var(--y), \n rgba(0, 240, 255, 0.15) 0%, \n transparent 50%);\n }\n\n .bg-layer:nth-child(3) {\n --x: 50%;\n --y: 50%;\n animation-delay: -14s;\n background: radial-gradient(circle at var(--x) var(--y), \n rgba(255, 0, 128, 0.1) 0%, \n transparent 50%);\n }\n\n @keyframes float {\n 0%, 100% { \n transform: translate(0, 0) scale(1);\n filter: blur(60px);\n }\n 25% { \n transform: translate(30px, -30px) scale(1.1);\n filter: blur(80px);\n }\n 50% { \n transform: translate(-20px, 40px) scale(0.9);\n filter: blur(70px);\n }\n 75% { \n transform: translate(40px, 20px) scale(1.05);\n filter: blur(75px);\n }\n }\n\n \/* 3D Grid *\/\n .grid-3d {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-image: \n linear-gradient(rgba(176, 38, 255, 0.1) 1px, transparent 1px),\n linear-gradient(90deg, rgba(176, 38, 255, 0.1) 1px, transparent 1px);\n background-size: 50px 50px;\n transform: rotateX(60deg) translateZ(-200px);\n transform-style: preserve-3d;\n z-index: 1;\n pointer-events: none;\n opacity: 0.3;\n }\n\n \/* Hero Section *\/\n .hero {\n position: relative;\n min-height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n z-index: 10;\n }\n\n .hero-content {\n position: relative;\n z-index: 2;\n text-align: center;\n padding: 60px 20px;\n max-width: 1200px;\n transform-style: preserve-3d;\n }\n\n .hero-logo {\n font-family: 'Orbitron', sans-serif;\n font-size: clamp(4rem, 10vw, 9rem);\n font-weight: 900;\n margin-bottom: 30px;\n background: linear-gradient(135deg, var(--neon-purple), var(--neon-blue), var(--neon-pink), var(--neon-green));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n background-size: 300% 300%;\n animation: logoGlow 5s ease infinite, logo3d 1.2s ease 0.5s both;\n letter-spacing: 0.15em;\n text-shadow: \n 0 0 80px rgba(176, 38, 255, 0.8),\n 0 0 120px rgba(0, 240, 255, 0.6);\n transform-style: preserve-3d;\n position: relative;\n }\n\n .hero-logo::before {\n content: 'LIVE CLUB';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n z-index: -1;\n background: linear-gradient(135deg, var(--neon-purple), var(--neon-blue));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n filter: blur(20px);\n opacity: 0.7;\n transform: translateZ(-30px) scale(1.05);\n }\n\n @keyframes logoGlow {\n 0%, 100% { \n background-position: 0% 50%;\n filter: brightness(1);\n }\n 50% { \n background-position: 100% 50%;\n filter: brightness(1.4);\n }\n }\n\n @keyframes logo3d {\n from {\n opacity: 0;\n transform: translateZ(-200px) rotateX(-20deg);\n }\n to {\n opacity: 1;\n transform: translateZ(0) rotateX(0);\n }\n }\n\n .hero-tagline {\n font-size: clamp(1.3rem, 3.5vw, 2.5rem);\n margin-bottom: 20px;\n font-weight: 900;\n color: var(--neon-blue);\n text-transform: uppercase;\n letter-spacing: 0.15em;\n animation: slide3d 1s ease 0.8s both;\n text-shadow: 0 0 40px rgba(0, 240, 255, 0.8);\n transform-style: preserve-3d;\n }\n\n .hero-subtitle {\n font-size: clamp(1.1rem, 2.5vw, 1.6rem);\n margin-bottom: 40px;\n color: rgba(255, 255, 255, 0.9);\n animation: slide3d 1s ease 1.1s both;\n transform-style: preserve-3d;\n font-weight: 300;\n }\n\n .hero-address {\n font-size: clamp(1rem, 2vw, 1.3rem);\n color: var(--neon-green);\n margin-bottom: 60px;\n font-weight: 700;\n animation: slide3d 1s ease 1.4s both;\n text-shadow: 0 0 30px rgba(0, 255, 136, 0.8);\n transform-style: preserve-3d;\n }\n\n @keyframes slide3d {\n from {\n opacity: 0;\n transform: translateY(40px) translateZ(-150px) rotateX(-15deg);\n }\n to {\n opacity: 1;\n transform: translateY(0) translateZ(0) rotateX(0);\n }\n }\n\n \/* Social Links 3D *\/\n .social-links {\n display: flex;\n gap: 30px;\n justify-content: center;\n margin-top: 50px;\n animation: slide3d 1s ease 1.7s both;\n transform-style: preserve-3d;\n }\n\n .social-btn {\n display: inline-flex;\n align-items: center;\n gap: 12px;\n padding: 18px 40px;\n background: linear-gradient(135deg, var(--neon-purple), var(--neon-pink));\n border: 2px solid rgba(176, 38, 255, 0.5);\n border-radius: 50px;\n color: #fff;\n font-size: 1.1rem;\n font-weight: 700;\n text-decoration: none;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n cursor: pointer;\n position: relative;\n overflow: hidden;\n transition: all 0.5s ease;\n box-shadow: \n 0 10px 40px rgba(176, 38, 255, 0.5),\n 0 0 60px rgba(176, 38, 255, 0.3),\n inset 0 0 20px rgba(255, 255, 255, 0.1);\n transform-style: preserve-3d;\n }\n\n .social-btn::before {\n content: '';\n position: absolute;\n inset: -3px;\n background: linear-gradient(135deg, var(--neon-blue), var(--neon-green));\n border-radius: 50px;\n opacity: 0;\n transition: opacity 0.5s ease;\n z-index: -1;\n }\n\n .social-btn:hover {\n transform: translateY(-8px) translateZ(40px) rotateX(10deg);\n box-shadow: \n 0 20px 80px rgba(176, 38, 255, 0.7),\n 0 0 100px rgba(176, 38, 255, 0.5),\n inset 0 0 30px rgba(255, 255, 255, 0.2);\n }\n\n .social-btn:hover::before {\n opacity: 1;\n }\n\n .social-btn.facebook {\n background: linear-gradient(135deg, #1877f2, #0d5dbf);\n border-color: rgba(24, 119, 242, 0.5);\n box-shadow: \n 0 10px 40px rgba(24, 119, 242, 0.5),\n 0 0 60px rgba(24, 119, 242, 0.3);\n }\n\n .social-btn.facebook:hover {\n box-shadow: \n 0 20px 80px rgba(24, 119, 242, 0.7),\n 0 0 100px rgba(24, 119, 242, 0.5);\n }\n\n \/* Gallery Section 3D *\/\n .gallery {\n padding: 120px 20px;\n position: relative;\n z-index: 10;\n }\n\n .gallery::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3px;\n background: linear-gradient(90deg, transparent, var(--neon-purple), var(--neon-blue), transparent);\n box-shadow: 0 0 20px var(--neon-purple);\n }\n\n .gallery-title {\n font-family: 'Rubik', serif;\n font-size: clamp(3rem, 6vw, 5rem);\n text-align: center;\n margin-bottom: 80px;\n background: linear-gradient(135deg, var(--neon-purple), var(--neon-blue), var(--neon-pink));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-weight: 900;\n text-shadow: 0 0 60px rgba(176, 38, 255, 0.6);\n animation: title3d 1s ease both;\n transform-style: preserve-3d;\n }\n\n @keyframes title3d {\n from {\n opacity: 0;\n transform: translateZ(-200px) scale(0.8);\n }\n to {\n opacity: 1;\n transform: translateZ(0) scale(1);\n }\n }\n\n .gallery-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 40px;\n max-width: 1600px;\n margin: 0 auto;\n transform-style: preserve-3d;\n }\n\n .gallery-item {\n position: relative;\n overflow: hidden;\n border-radius: 25px;\n aspect-ratio: 4\/3;\n cursor: pointer;\n transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n box-shadow: \n 0 15px 50px rgba(0, 0, 0, 0.6),\n 0 0 40px rgba(176, 38, 255, 0.2);\n border: 2px solid rgba(176, 38, 255, 0.3);\n transform-style: preserve-3d;\n }\n\n .gallery-item:hover {\n transform: translateZ(60px) rotateX(5deg) scale(1.05);\n box-shadow: \n 0 30px 90px rgba(176, 38, 255, 0.6),\n 0 0 80px rgba(0, 240, 255, 0.4),\n inset 0 0 40px rgba(176, 38, 255, 0.2);\n border-color: var(--neon-purple);\n z-index: 20;\n }\n\n .gallery-item::before {\n content: '';\n position: absolute;\n inset: 0;\n background: linear-gradient(135deg, \n transparent 0%, \n rgba(176, 38, 255, 0.3) 50%, \n rgba(0, 240, 255, 0.3) 100%);\n opacity: 0;\n transition: opacity 0.5s ease;\n z-index: 2;\n }\n\n .gallery-item:hover::before {\n opacity: 1;\n }\n\n .gallery-item::after {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: linear-gradient(45deg, \n transparent 30%, \n rgba(255, 255, 255, 0.3) 50%, \n transparent 70%);\n transform: translateX(-100%) translateY(-100%) rotate(45deg);\n transition: transform 0.8s ease;\n z-index: 3;\n }\n\n .gallery-item:hover::after {\n transform: translateX(100%) translateY(100%) rotate(45deg);\n }\n\n .gallery-item img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.6s ease;\n }\n\n .gallery-item:hover img {\n transform: scale(1.15) translateZ(20px);\n }\n\n \/* Staggered 3D animation *\/\n .gallery-item:nth-child(1) { animation: popIn3d 0.8s ease 0.1s both; }\n .gallery-item:nth-child(2) { animation: popIn3d 0.8s ease 0.2s both; }\n .gallery-item:nth-child(3) { animation: popIn3d 0.8s ease 0.3s both; }\n .gallery-item:nth-child(4) { animation: popIn3d 0.8s ease 0.4s both; }\n .gallery-item:nth-child(5) { animation: popIn3d 0.8s ease 0.5s both; }\n .gallery-item:nth-child(6) { animation: popIn3d 0.8s ease 0.6s both; }\n .gallery-item:nth-child(7) { animation: popIn3d 0.8s ease 0.7s both; }\n .gallery-item:nth-child(8) { animation: popIn3d 0.8s ease 0.8s both; }\n .gallery-item:nth-child(9) { animation: popIn3d 0.8s ease 0.9s both; }\n .gallery-item:nth-child(10) { animation: popIn3d 0.8s ease 1.0s both; }\n .gallery-item:nth-child(11) { animation: popIn3d 0.8s ease 1.1s both; }\n .gallery-item:nth-child(12) { animation: popIn3d 0.8s ease 1.2s both; }\n\n @keyframes popIn3d {\n from {\n opacity: 0;\n transform: translateZ(-300px) rotateY(-30deg) scale(0.6);\n }\n to {\n opacity: 1;\n transform: translateZ(0) rotateY(0) scale(1);\n }\n }\n\n \/* About Section 3D *\/\n .about {\n padding: 120px 20px;\n background: linear-gradient(135deg, var(--dark-purple), var(--deep-black));\n text-align: center;\n position: relative;\n z-index: 10;\n transform-style: preserve-3d;\n }\n\n .about::before {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 800px;\n height: 800px;\n background: radial-gradient(circle, rgba(176, 38, 255, 0.2) 0%, transparent 70%);\n border-radius: 50%;\n animation: pulse3d 15s ease-in-out infinite;\n transform-style: preserve-3d;\n }\n\n @keyframes pulse3d {\n 0%, 100% { \n transform: translate(-50%, -50%) scale(1) rotateZ(0deg);\n filter: blur(60px);\n }\n 50% { \n transform: translate(-50%, -50%) scale(1.2) rotateZ(180deg);\n filter: blur(80px);\n }\n }\n\n .about-content {\n max-width: 900px;\n margin: 0 auto;\n position: relative;\n z-index: 2;\n transform-style: preserve-3d;\n }\n\n .about-title {\n font-family: 'Rubik', serif;\n font-size: clamp(2.5rem, 6vw, 4.5rem);\n margin-bottom: 40px;\n color: var(--neon-blue);\n font-weight: 900;\n text-shadow: \n 0 0 60px rgba(0, 240, 255, 0.8),\n 0 0 100px rgba(0, 240, 255, 0.4);\n animation: float3d 1s ease both;\n transform-style: preserve-3d;\n }\n\n @keyframes float3d {\n from {\n opacity: 0;\n transform: translateZ(-150px) translateY(50px);\n }\n to {\n opacity: 1;\n transform: translateZ(0) translateY(0);\n }\n }\n\n .about-text {\n font-size: clamp(1.2rem, 2.2vw, 1.6rem);\n line-height: 1.9;\n color: rgba(255, 255, 255, 0.9);\n margin-bottom: 30px;\n font-weight: 300;\n animation: float3d 1s ease 0.3s both;\n }\n\n .about-highlight {\n font-size: clamp(1.4rem, 3vw, 2rem);\n color: var(--neon-pink);\n font-weight: 900;\n margin-top: 50px;\n text-shadow: 0 0 40px rgba(255, 0, 128, 0.8);\n animation: float3d 1s ease 0.6s both;\n }\n\n \/* Map Section 3D *\/\n .map-section {\n padding: 120px 20px;\n background: var(--deep-black);\n position: relative;\n z-index: 10;\n }\n\n .map-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3px;\n background: linear-gradient(90deg, transparent, var(--neon-blue), var(--neon-green), transparent);\n box-shadow: 0 0 20px var(--neon-blue);\n }\n\n .map-title {\n font-family: 'Rubik', serif;\n font-size: clamp(3rem, 6vw, 5rem);\n text-align: center;\n margin-bottom: 70px;\n background: linear-gradient(135deg, var(--neon-blue), var(--neon-green));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-weight: 900;\n text-shadow: 0 0 60px rgba(0, 240, 255, 0.6);\n animation: title3d 1s ease both;\n }\n\n .map-container {\n max-width: 1100px;\n margin: 0 auto;\n text-align: center;\n transform-style: preserve-3d;\n }\n\n .map-embed {\n width: 100%;\n height: 500px;\n border: 3px solid rgba(0, 240, 255, 0.4);\n border-radius: 25px;\n margin-bottom: 40px;\n box-shadow: \n 0 25px 70px rgba(0, 240, 255, 0.4),\n 0 0 80px rgba(0, 240, 255, 0.2),\n inset 0 0 40px rgba(0, 240, 255, 0.1);\n transition: all 0.5s ease;\n transform-style: preserve-3d;\n }\n\n .map-embed:hover {\n transform: translateZ(30px) scale(1.02);\n box-shadow: \n 0 35px 100px rgba(0, 240, 255, 0.6),\n 0 0 120px rgba(0, 240, 255, 0.3);\n }\n\n .waze-btn {\n display: inline-flex;\n align-items: center;\n gap: 15px;\n padding: 20px 50px;\n background: linear-gradient(135deg, #33ccff, #00aeff);\n border: 2px solid rgba(51, 204, 255, 0.5);\n border-radius: 50px;\n color: #fff;\n font-size: 1.2rem;\n font-weight: 700;\n text-decoration: none;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n cursor: pointer;\n position: relative;\n overflow: hidden;\n transition: all 0.5s ease;\n box-shadow: \n 0 15px 50px rgba(51, 204, 255, 0.5),\n 0 0 70px rgba(51, 204, 255, 0.3);\n transform-style: preserve-3d;\n }\n\n .waze-btn:hover {\n transform: translateY(-8px) translateZ(40px) rotateX(10deg);\n box-shadow: \n 0 25px 90px rgba(51, 204, 255, 0.7),\n 0 0 120px rgba(51, 204, 255, 0.5);\n }\n\n .waze-icon {\n font-size: 1.8rem;\n }\n\n \/* Photographer Credit 3D *\/\n .photographer-credit {\n padding: 80px 20px 50px;\n background: linear-gradient(135deg, var(--dark-purple), var(--deep-black));\n text-align: center;\n border-top: 2px solid rgba(176, 38, 255, 0.3);\n position: relative;\n z-index: 10;\n }\n\n .photographer-label {\n font-size: 1rem;\n color: rgba(255, 255, 255, 0.5);\n text-transform: uppercase;\n letter-spacing: 0.15em;\n margin-bottom: 20px;\n font-weight: 300;\n }\n\n .photographer-name {\n font-family: 'Orbitron', serif;\n font-size: 1.8rem;\n font-weight: 900;\n background: linear-gradient(135deg, var(--neon-purple), var(--neon-pink));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 15px;\n text-shadow: 0 0 40px rgba(176, 38, 255, 0.6);\n }\n\n .photographer-title {\n font-size: 1.1rem;\n color: rgba(255, 255, 255, 0.7);\n margin-bottom: 35px;\n font-weight: 300;\n }\n\n .whatsapp-btn {\n display: inline-flex;\n align-items: center;\n gap: 12px;\n padding: 18px 40px;\n background: linear-gradient(135deg, #25D366, #128C7E);\n border: 2px solid rgba(37, 211, 102, 0.5);\n border-radius: 50px;\n color: #fff;\n font-size: 1.1rem;\n font-weight: 700;\n text-decoration: none;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n cursor: pointer;\n position: relative;\n overflow: hidden;\n transition: all 0.5s ease;\n box-shadow: \n 0 15px 50px rgba(37, 211, 102, 0.5),\n 0 0 70px rgba(37, 211, 102, 0.3);\n transform-style: preserve-3d;\n }\n\n .whatsapp-btn:hover {\n transform: translateY(-8px) translateZ(40px) rotateX(10deg);\n box-shadow: \n 0 25px 90px rgba(37, 211, 102, 0.7),\n 0 0 120px rgba(37, 211, 102, 0.5);\n }\n\n \/* Footer *\/\n .footer {\n padding: 70px 20px 50px;\n background: var(--deep-black);\n text-align: center;\n border-top: 2px solid rgba(0, 240, 255, 0.3);\n position: relative;\n z-index: 10;\n }\n\n .footer-social {\n display: flex;\n gap: 25px;\n justify-content: center;\n margin-bottom: 35px;\n }\n\n .footer-social a {\n color: rgba(255, 255, 255, 0.6);\n text-decoration: none;\n font-size: 1.1rem;\n transition: all 0.4s ease;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n }\n\n .footer-social a:hover {\n color: var(--neon-purple);\n text-shadow: 0 0 20px rgba(176, 38, 255, 0.8);\n transform: translateY(-3px);\n }\n\n .footer-copy {\n color: rgba(255, 255, 255, 0.4);\n font-size: 1rem;\n font-weight: 300;\n }\n\n \/* Mobile Responsive *\/\n @media (max-width: 768px) {\n body {\n perspective: 1000px;\n }\n\n .hero-logo::before {\n display: none;\n }\n\n .social-links {\n flex-direction: column;\n gap: 20px;\n align-items: center;\n }\n\n .social-btn {\n width: 100%;\n max-width: 320px;\n }\n\n .gallery-grid {\n grid-template-columns: 1fr;\n gap: 30px;\n }\n\n .gallery-item:hover {\n transform: translateZ(30px) scale(1.03);\n }\n\n .map-embed {\n height: 350px;\n }\n }\n\n \/* Cyberpunk scanlines effect *\/\n body::after {\n content: '';\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n background: repeating-linear-gradient(\n 0deg,\n rgba(0, 0, 0, 0.1) 0px,\n transparent 1px,\n transparent 2px,\n rgba(0, 0, 0, 0.1) 3px\n );\n opacity: 0.1;\n z-index: 9999;\n animation: scanline 10s linear infinite;\n }\n\n @keyframes scanline {\n 0% { transform: translateY(0); }\n 100% { transform: translateY(100px); }\n }\n <\/style>\n<\/head>\n<body>\n \n <div class=\"bg-3d\">\n <div class=\"bg-layer\"><\/div>\n <div class=\"bg-layer\"><\/div>\n <div class=\"bg-layer\"><\/div>\n <\/div>\n <div class=\"grid-3d\"><\/div>\n\n \n <section class=\"hero\">\n <div class=\"hero-content\">\n <h1 class=\"hero-logo\">LIVE CLUB<\/h1>\n <p class=\"hero-tagline\">\u05d4\u05d7\u05d5\u05d5\u05d9\u05d4 \u05d4\u05d0\u05d5\u05dc\u05d8\u05d9\u05de\u05d8\u05d9\u05d1\u05d9\u05ea \u05e9\u05dc \u05d4\u05de\u05d7\u05ea\u05e8\u05ea<\/p>\n <p class=\"hero-subtitle\">\u05d4\u05de\u05d5\u05e2\u05d3\u05d5\u05df \u05d4\u05de\u05d7\u05ea\u05e8\u05ea\u05d9 \u05e2\u05dd \u05de\u05e2\u05e8\u05db\u05ea \u05d4\u05e1\u05d0\u05d5\u05e0\u05d3 \u05d5\u05d4\u05ea\u05d0\u05d5\u05e8\u05d4 \u05d4\u05d8\u05d5\u05d1\u05d4 \u05d1\u05d9\u05d5\u05ea\u05e8<\/p>\n <p class=\"hero-address\">\u05d7\u05d6\u05e8\u05dd 9, \u05ea\u05dc \u05d0\u05d1\u05d9\u05d1<\/p>\n\n <div class=\"social-links\">\n <a href=\"https:\/\/www.instagram.com\/artclub_tlv\/\" target=\"_blank\" class=\"social-btn\" rel=\"noopener\">\n <span>\ud83d\udcf8<\/span>\n <span>Instagram<\/span>\n <\/a>\n <a href=\"https:\/\/www.facebook.com\/ArtClubTLV\/\" target=\"_blank\" class=\"social-btn facebook\" rel=\"noopener\">\n <span>\ud83d\udcd8<\/span>\n <span>Facebook<\/span>\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"gallery\">\n <h2 class=\"gallery-title\">\u05d7\u05d5\u05d5\u05d9\u05ea \u05d4\u05dc\u05d9\u05dc\u05d4 \u05e9\u05dc\u05e0\u05d5<\/h2>\n\n <div class=\"gallery-grid\">\n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"https:\/\/ipix.cc\/wp-content\/uploads\/2026\/01\/live_art_club_ph_boris_wave_ipix_cc_1149_resized.jpg\" alt=\"Live Club TLV\" loading=\"lazy\" title=\"\">\n <\/div>\n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"https:\/\/ipix.cc\/wp-content\/uploads\/2026\/01\/ipix_cc_ASB01640.jpg\" alt=\"Live Club TLV\" loading=\"lazy\" title=\"\">\n <\/div>\n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"https:\/\/ipix.cc\/wp-content\/uploads\/2026\/01\/live_art_club_ASB01039.jpg\" alt=\"Live Club TLV\" loading=\"lazy\" title=\"\">\n <\/div>\n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"https:\/\/ipix.cc\/wp-content\/uploads\/2026\/01\/live_art_club_ASB01197.jpg\" alt=\"Live Club TLV\" loading=\"lazy\" title=\"\">\n <\/div>\n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"https:\/\/ipix.cc\/wp-content\/uploads\/2026\/01\/ASB01551.jpg\" alt=\"Live Club TLV\" loading=\"lazy\" title=\"\">\n <\/div>\n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"https:\/\/ipix.cc\/wp-content\/uploads\/2026\/01\/live_art_club_ASB01310.jpg\" alt=\"Live Club TLV\" loading=\"lazy\" title=\"\">\n <\/div>\n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"https:\/\/ipix.cc\/wp-content\/uploads\/2026\/01\/ASB01633.jpg\" alt=\"Live Club TLV\" loading=\"lazy\" title=\"\">\n <\/div>\n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"https:\/\/ipix.cc\/wp-content\/uploads\/2026\/01\/ASB01559.jpg\" alt=\"Live Club TLV\" loading=\"lazy\" title=\"\">\n <\/div>\n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"https:\/\/ipix.cc\/wp-content\/uploads\/2026\/01\/live_art_club_ASB01215.jpg\" alt=\"Live Club TLV\" loading=\"lazy\" title=\"\">\n <\/div>\n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"https:\/\/ipix.cc\/wp-content\/uploads\/2026\/01\/live_art_club_ASB01038.jpg\" alt=\"Live Club TLV\" loading=\"lazy\" title=\"\">\n <\/div>\n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"https:\/\/ipix.cc\/wp-content\/uploads\/2026\/01\/ASB01964.jpg\" alt=\"Live Club TLV\" loading=\"lazy\" title=\"\">\n <\/div>\n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"https:\/\/ipix.cc\/wp-content\/uploads\/2026\/01\/live_art_club_ASB01131.jpg\" alt=\"Live Club TLV\" loading=\"lazy\" title=\"\">\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"about\">\n <div class=\"about-content\">\n <h2 class=\"about-title\">\u05d7\u05d5\u05d5\u05d9\u05ea \u05d4\u05de\u05d7\u05ea\u05e8\u05ea \u05d4\u05d0\u05d5\u05dc\u05d8\u05d9\u05de\u05d8\u05d9\u05d1\u05d9\u05ea<\/h2>\n <p class=\"about-text\">\n Live Club TLV \u05d4\u05d5\u05d0 \u05d9\u05d5\u05ea\u05e8 \u05de\u05e1\u05ea\u05dd \u05de\u05d5\u05e2\u05d3\u05d5\u05df – \u05d6\u05d4 \u05de\u05e7\u05d5\u05dd \u05e9\u05d1\u05d5 \u05de\u05d5\u05d6\u05d9\u05e7\u05d4, \u05d0\u05de\u05e0\u05d5\u05ea \u05d5\u05d9\u05e6\u05d9\u05e8\u05ea\u05d9\u05d5\u05ea \u05de\u05ea\u05de\u05d6\u05d2\u05d9\u05dd \u05d9\u05d7\u05d3. \u05e2\u05dd \u05de\u05e2\u05e8\u05db\u05ea \u05d4\u05e1\u05d0\u05d5\u05e0\u05d3 \u05d4\u05de\u05ea\u05e7\u05d3\u05de\u05ea \u05d1\u05d9\u05d5\u05ea\u05e8 \u05d5\u05ea\u05d0\u05d5\u05e8\u05d4 \u05de\u05e8\u05d4\u05d9\u05d1\u05d4, \u05d0\u05e0\u05d7\u05e0\u05d5 \u05d9\u05d5\u05e6\u05e8\u05d9\u05dd \u05d7\u05d5\u05d5\u05d9\u05d4 \u05e9\u05dc\u05d0 \u05ea\u05e9\u05db\u05d7\u05d5 \u05dc\u05e2\u05d5\u05dc\u05dd.\n <\/p>\n <p class=\"about-text\">\n \u05d4\u05e6\u05d8\u05e8\u05e4\u05d5 \u05d0\u05dc\u05d9\u05e0\u05d5 \u05dc\u05db\u05dc \u05dc\u05d9\u05dc\u05d4 \u05de\u05dc\u05d0 \u05d1\u05d0\u05e0\u05e8\u05d2\u05d9\u05d4, \u05de\u05d5\u05d6\u05d9\u05e7\u05d4 \u05d0\u05dc\u05e7\u05d8\u05e8\u05d5\u05e0\u05d9\u05ea \u05de\u05d4\u05d8\u05d5\u05d1\u05d5\u05ea \u05d1\u05d9\u05d5\u05ea\u05e8 \u05d5\u05d0\u05d5\u05d5\u05d9\u05e8\u05d4 \u05e9\u05de\u05d6\u05db\u05d9\u05e8\u05d4 \u05d0\u05ea \u05d4\u05de\u05d7\u05ea\u05e8\u05ea \u05d4\u05d0\u05de\u05d9\u05ea\u05d9\u05ea \u05e9\u05dc \u05ea\u05dc \u05d0\u05d1\u05d9\u05d1.\n <\/p>\n <p class=\"about-highlight\">\ud83c\udfb5 \u05db\u05dc \u05dc\u05d9\u05dc\u05d4 \u05d4\u05d5\u05d0 \u05de\u05e1\u05e2 \u05d7\u05d3\u05e9 \ud83c\udfb5<\/p>\n <\/div>\n <\/section>\n\n \n <section class=\"map-section\">\n <h2 class=\"map-title\">\u05d0\u05d9\u05da \u05dc\u05d4\u05d2\u05d9\u05e2<\/h2>\n\n <div class=\"map-container\">\n <iframe \n class=\"map-embed\"\n src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3381.0516857842395!2d34.77895!3d32.058611!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x151d4b7e7c0e4f6d%3A0x7c8e9f8e9f8e9f8e!2sHazerem%209%2C%20Tel%20Aviv-Yafo!5e0!3m2!1sen!2sil!4v1620000000000!5m2!1sen!2sil\"\n allowfullscreen=\"\" \n loading=\"lazy\" \n referrerpolicy=\"no-referrer-when-downgrade\">\n <\/iframe>\n \n <a href=\"https:\/\/waze.com\/ul?ll=32.058611,34.77895&navigate=yes\" target=\"_blank\" class=\"waze-btn\" rel=\"noopener\">\n <span class=\"waze-icon\">\ud83d\ude97<\/span>\n <span>\u05e0\u05d5\u05d5\u05d8 \u05e2\u05dd Waze<\/span>\n <\/a>\n <\/div>\n <\/section>\n\n \n <section class=\"photographer-credit\">\n <p class=\"photographer-label\">\u05e6\u05d9\u05dc\u05d5\u05dd<\/p>\n <h3 class=\"photographer-name\">Boris Izmaylov<\/h3>\n <p class=\"photographer-title\">Product Designer, Photographer & Web Creator<\/p>\n \n <a href=\"https:\/\/wa.me\/972527344186?text=Hello!%20I%20found%20your%20contact%20at%20ipix.cc\" target=\"_blank\" class=\"whatsapp-btn\">\n <span>\ud83d\udcac<\/span>\n <span>\u05e9\u05dc\u05d7 \u05d4\u05d5\u05d3\u05e2\u05d4 \u05d1-WhatsApp<\/span>\n <\/a>\n <\/section>\n\n \n <footer class=\"footer\">\n <div class=\"footer-social\">\n <a href=\"https:\/\/www.instagram.com\/artclub_tlv\/\" target=\"_blank\" rel=\"noopener\">Instagram<\/a>\n <a href=\"https:\/\/www.facebook.com\/ArtClubTLV\/\" target=\"_blank\" rel=\"noopener\">Facebook<\/a>\n <\/div>\n <p class=\"footer-copy\">\u00a9 2026 Live Club TLV. \u05db\u05dc \u05d4\u05d6\u05db\u05d5\u05d9\u05d5\u05ea \u05e9\u05de\u05d5\u05e8\u05d5\u05ea.<\/p>\n <\/footer>\n\n <script>\n \/\/ Enhanced 3D parallax effect\n let mouseX = 0;\n let mouseY = 0;\n\n document.addEventListener('mousemove', (e) => {\n mouseX = (e.clientX \/ window.innerWidth - 0.5) * 2;\n mouseY = (e.clientY \/ window.innerHeight - 0.5) * 2;\n \n \/\/ Apply parallax to hero elements\n const heroContent = document.querySelector('.hero-content');\n if (heroContent) {\n heroContent.style.transform = `\n translateX(${mouseX * 20}px)\n translateY(${mouseY * 20}px)\n rotateY(${mouseX * 3}deg)\n rotateX(${-mouseY * 3}deg)\n `;\n }\n \n \/\/ Apply parallax to background layers\n document.querySelectorAll('.bg-layer').forEach((layer, index) => {\n const depth = (index + 1) * 0.3;\n layer.style.transform = `\n translate(${mouseX * 30 * depth}px, ${mouseY * 30 * depth}px)\n `;\n });\n });\n\n \/\/ Scroll-based 3D transformations\n window.addEventListener('scroll', () => {\n const scrolled = window.pageYOffset;\n \n \/\/ Hero parallax\n const hero = document.querySelector('.hero');\n if (hero && scrolled < window.innerHeight) {\n hero.style.transform = `translateY(${scrolled * 0.5}px) translateZ(-100px)`;\n }\n \n \/\/ Gallery items scroll effect\n const galleryItems = document.querySelectorAll('.gallery-item');\n galleryItems.forEach((item, index) => {\n const itemTop = item.getBoundingClientRect().top;\n const itemHeight = item.offsetHeight;\n const windowHeight = window.innerHeight;\n \n if (itemTop < windowHeight && itemTop > -itemHeight) {\n const scrollProgress = (windowHeight - itemTop) \/ (windowHeight + itemHeight);\n const rotation = (scrollProgress - 0.5) * 10;\n item.style.transform = `\n translateZ(${scrollProgress * 20}px)\n rotateY(${rotation}deg)\n `;\n }\n });\n });\n\n \/\/ Smooth scroll for internal links\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n if (target) {\n target.scrollIntoView({\n behavior: 'smooth',\n block: 'start'\n });\n }\n });\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Live Club TLV | \u05d4\u05d7\u05d5\u05d5\u05d9\u05d4 \u05d4\u05d0\u05d5\u05dc\u05d8\u05d9\u05de\u05d8\u05d9\u05d1\u05d9\u05ea \u05e9\u05dc \u05d4\u05de\u05d7\u05ea\u05e8\u05ea LIVE CLUB \u05d4\u05d7\u05d5\u05d5\u05d9\u05d4 \u05d4\u05d0\u05d5\u05dc\u05d8\u05d9\u05de\u05d8\u05d9\u05d1\u05d9\u05ea \u05e9\u05dc \u05d4\u05de\u05d7\u05ea\u05e8\u05ea \u05d4\u05de\u05d5\u05e2\u05d3\u05d5\u05df \u05d4\u05de\u05d7\u05ea\u05e8\u05ea\u05d9 \u05e2\u05dd \u05de\u05e2\u05e8\u05db\u05ea \u05d4\u05e1\u05d0\u05d5\u05e0\u05d3 \u05d5\u05d4\u05ea\u05d0\u05d5\u05e8\u05d4 \u05d4\u05d8\u05d5\u05d1\u05d4 \u05d1\u05d9\u05d5\u05ea\u05e8 \u05d7\u05d6\u05e8\u05dd 9, \u05ea\u05dc \u05d0\u05d1\u05d9\u05d1 \ud83d\udcf8 Instagram \ud83d\udcd8 Facebook \u05d7\u05d5\u05d5\u05d9\u05ea \u05d4\u05dc\u05d9\u05dc\u05d4 \u05e9\u05dc\u05e0\u05d5 \u05d7\u05d5\u05d5\u05d9\u05ea \u05d4\u05de\u05d7\u05ea\u05e8\u05ea \u05d4\u05d0\u05d5\u05dc\u05d8\u05d9\u05de\u05d8\u05d9\u05d1\u05d9\u05ea Live Club TLV \u05d4\u05d5\u05d0 \u05d9\u05d5\u05ea\u05e8 \u05de\u05e1\u05ea\u05dd \u05de\u05d5\u05e2\u05d3\u05d5\u05df – \u05d6\u05d4 \u05de\u05e7\u05d5\u05dd \u05e9\u05d1\u05d5 \u05de\u05d5\u05d6\u05d9\u05e7\u05d4, \u05d0\u05de\u05e0\u05d5\u05ea \u05d5\u05d9\u05e6\u05d9\u05e8\u05ea\u05d9\u05d5\u05ea \u05de\u05ea\u05de\u05d6\u05d2\u05d9\u05dd \u05d9\u05d7\u05d3. \u05e2\u05dd \u05de\u05e2\u05e8\u05db\u05ea \u05d4\u05e1\u05d0\u05d5\u05e0\u05d3 […]<\/p>\n","protected":false},"author":1,"featured_media":8285,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_gspb_post_css":"","_joinchat":[],"footnotes":""},"class_list":["post-8288","page","type-page","status-publish","has-post-thumbnail","hentry"],"blocksy_meta":[],"featured_image_urls_v2":{"full":["https:\/\/ipix.cc\/wp-content\/uploads\/2026\/01\/live_art_club_ASB01038.jpg",2560,1707,false],"thumbnail":["https:\/\/ipix.cc\/wp-content\/uploads\/2026\/01\/live_art_club_ASB01038-150x150.jpg",150,150,true],"medium":["https:\/\/ipix.cc\/wp-content\/uploads\/2026\/01\/live_art_club_ASB01038-300x200.jpg",300,200,true],"medium_large":["https:\/\/ipix.cc\/wp-content\/uploads\/2026\/01\/live_art_club_ASB01038-768x512.jpg",768,512,true],"large":["https:\/\/ipix.cc\/wp-content\/uploads\/2026\/01\/live_art_club_ASB01038-1024x683.jpg",1024,683,true],"1536x1536":["https:\/\/ipix.cc\/wp-content\/uploads\/2026\/01\/live_art_club_ASB01038-1536x1024.jpg",1536,1024,true],"2048x2048":["https:\/\/ipix.cc\/wp-content\/uploads\/2026\/01\/live_art_club_ASB01038-2048x1366.jpg",2048,1366,true]},"post_excerpt_stackable_v2":"<p>Live Club TLV | \u05d4\u05d7\u05d5\u05d5\u05d9\u05d4 \u05d4\u05d0\u05d5\u05dc\u05d8\u05d9\u05de\u05d8\u05d9\u05d1\u05d9\u05ea \u05e9\u05dc \u05d4\u05de\u05d7\u05ea\u05e8\u05ea LIVE CLUB \u05d4\u05d7\u05d5\u05d5\u05d9\u05d4 \u05d4\u05d0\u05d5\u05dc\u05d8\u05d9\u05de\u05d8\u05d9\u05d1\u05d9\u05ea \u05e9\u05dc \u05d4\u05de\u05d7\u05ea\u05e8\u05ea \u05d4\u05de\u05d5\u05e2\u05d3\u05d5\u05df \u05d4\u05de\u05d7\u05ea\u05e8\u05ea\u05d9 \u05e2\u05dd \u05de\u05e2\u05e8\u05db\u05ea \u05d4\u05e1\u05d0\u05d5\u05e0\u05d3 \u05d5\u05d4\u05ea\u05d0\u05d5\u05e8\u05d4 \u05d4\u05d8\u05d5\u05d1\u05d4 \u05d1\u05d9\u05d5\u05ea\u05e8 \u05d7\u05d6\u05e8\u05dd 9, \u05ea\u05dc \u05d0\u05d1\u05d9\u05d1 \ud83d\udcf8 Instagram \ud83d\udcd8 Facebook \u05d7\u05d5\u05d5\u05d9\u05ea \u05d4\u05dc\u05d9\u05dc\u05d4 \u05e9\u05dc\u05e0\u05d5 \u05d7\u05d5\u05d5\u05d9\u05ea \u05d4\u05de\u05d7\u05ea\u05e8\u05ea \u05d4\u05d0\u05d5\u05dc\u05d8\u05d9\u05de\u05d8\u05d9\u05d1\u05d9\u05ea Live Club TLV \u05d4\u05d5\u05d0 \u05d9\u05d5\u05ea\u05e8 \u05de\u05e1\u05ea\u05dd \u05de\u05d5\u05e2\u05d3\u05d5\u05df – \u05d6\u05d4 \u05de\u05e7\u05d5\u05dd \u05e9\u05d1\u05d5 \u05de\u05d5\u05d6\u05d9\u05e7\u05d4, \u05d0\u05de\u05e0\u05d5\u05ea \u05d5\u05d9\u05e6\u05d9\u05e8\u05ea\u05d9\u05d5\u05ea \u05de\u05ea\u05de\u05d6\u05d2\u05d9\u05dd \u05d9\u05d7\u05d3. \u05e2\u05dd \u05de\u05e2\u05e8\u05db\u05ea \u05d4\u05e1\u05d0\u05d5\u05e0\u05d3 \u05d4\u05de\u05ea\u05e7\u05d3\u05de\u05ea \u05d1\u05d9\u05d5\u05ea\u05e8 \u05d5\u05ea\u05d0\u05d5\u05e8\u05d4 \u05de\u05e8\u05d4\u05d9\u05d1\u05d4, \u05d0\u05e0\u05d7\u05e0\u05d5 \u05d9\u05d5\u05e6\u05e8\u05d9\u05dd \u05d7\u05d5\u05d5\u05d9\u05d4 \u05e9\u05dc\u05d0 \u05ea\u05e9\u05db\u05d7\u05d5 \u05dc\u05e2\u05d5\u05dc\u05dd. \u05d4\u05e6\u05d8\u05e8\u05e4\u05d5 \u05d0\u05dc\u05d9\u05e0\u05d5 \u05dc\u05db\u05dc \u05dc\u05d9\u05dc\u05d4 \u05de\u05dc\u05d0 \u05d1\u05d0\u05e0\u05e8\u05d2\u05d9\u05d4, \u05de\u05d5\u05d6\u05d9\u05e7\u05d4 \u05d0\u05dc\u05e7\u05d8\u05e8\u05d5\u05e0\u05d9\u05ea \u05de\u05d4\u05d8\u05d5\u05d1\u05d5\u05ea \u05d1\u05d9\u05d5\u05ea\u05e8 \u05d5\u05d0\u05d5\u05d5\u05d9\u05e8\u05d4 \u05e9\u05de\u05d6\u05db\u05d9\u05e8\u05d4 \u05d0\u05ea \u05d4\u05de\u05d7\u05ea\u05e8\u05ea \u05d4\u05d0\u05de\u05d9\u05ea\u05d9\u05ea \u05e9\u05dc \u05ea\u05dc \u05d0\u05d1\u05d9\u05d1. \ud83c\udfb5 \u05db\u05dc \u05dc\u05d9\u05dc\u05d4 \u05d4\u05d5\u05d0 \u05de\u05e1\u05e2 \u05d7\u05d3\u05e9 \ud83c\udfb5 \u05d0\u05d9\u05da \u05dc\u05d4\u05d2\u05d9\u05e2 \ud83d\ude97 \u05e0\u05d5\u05d5\u05d8 \u05e2\u05dd Waze \u05e6\u05d9\u05dc\u05d5\u05dd Boris Izmaylov Product…<\/p>\n","category_list_v2":"","author_info_v2":{"name":"Ipix_cinematic","url":"https:\/\/ipix.cc\/he\/author\/ipix_cinematic\/"},"comments_num_v2":"0 comments","_links":{"self":[{"href":"https:\/\/ipix.cc\/he\/wp-json\/wp\/v2\/pages\/8288","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ipix.cc\/he\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ipix.cc\/he\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ipix.cc\/he\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ipix.cc\/he\/wp-json\/wp\/v2\/comments?post=8288"}],"version-history":[{"count":5,"href":"https:\/\/ipix.cc\/he\/wp-json\/wp\/v2\/pages\/8288\/revisions"}],"predecessor-version":[{"id":8328,"href":"https:\/\/ipix.cc\/he\/wp-json\/wp\/v2\/pages\/8288\/revisions\/8328"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ipix.cc\/he\/wp-json\/wp\/v2\/media\/8285"}],"wp:attachment":[{"href":"https:\/\/ipix.cc\/he\/wp-json\/wp\/v2\/media?parent=8288"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}