 			<!DOCTYPE html>
			<html lang="el">
			<head>
			  <meta charset="UTF-8">
			  <meta name="viewport" content="width=device-width, initial-scale=1.0">
			  <title>Radio Laiko Rempetiko</title>
			  <style>
				body {
				  font-family: Arial, sans-serif;
				  color: #f4f4f4;
				  margin: 0;
				  padding: 0;
				  line-height: 1.6;
				  background: url("https://upload.wikimedia.org/wikipedia/commons/0/05/Athens_in_the_1960s.jpg") no-repeat center center fixed;
				  background-size: cover;
				  position: relative;
				}
				body::before {
				  content: "";
				  position: fixed; top: 0; left: 0;
				  width: 100%; height: 100%;
				  background: rgba(0,0,0,0.7);
				  z-index: -1;
				}
				header {
				  text-align: center;
				  background: rgba(0,0,0,0.85);
				  color: #d4af37;
				  padding: 20px;
				  border-bottom: 3px solid #d4af37;
				}
				.logo { margin-bottom: 15px; }
				nav { margin-top: 10px; }
				.dropdown { position: relative; display: inline-block; }
				.dropbtn {
				  background: #111;
				  color: #d4af37;
				  padding: 10px 20px;
				  font-size: 16px;
				  border: 2px solid #d4af37;
				  border-radius: 5px;
				  cursor: pointer;
				  transition: all 0.3s;
				}
				.dropbtn:hover { background: #d4af37; color: #000; }
				.dropdown-content {
				  display: none;
				  position: absolute;
				  background: #111;
				  min-width: 200px;
				  box-shadow: 0 8px 16px rgba(0,0,0,0.3);
				  border: 2px solid #d4af37;
				  border-radius: 5px;
				  overflow: hidden;
				  z-index: 1;
				}
				.dropdown-content a {
				  color: #d4af37;
				  padding: 12px 16px;
				  text-decoration: none;
				  display: block;
				  transition: background 0.3s, color 0.3s;
				}
				.dropdown-content a:hover { background: #d4af37; color: #000; }
				.dropdown:hover .dropdown-content { display: block; }

				main {
				  padding: 20px;
				  max-width: 900px;
				  margin: auto;
				  background: rgba(0,0,0,0.7);
				  border-radius: 10px;
				  color: #fff;
				}
				h1, h2 { color: #ffcc00; text-align: center; }
				.images {
				  display: flex;
				  flex-wrap: wrap;
				  gap: 20px;
				  justify-content: center;
				  margin: 20px 0;
				}
				.images img {
				  width: calc(50% - 20px);
				  border-radius: 8px;
				  border: 2px solid #d4af37;
				}
				.instruments img {
				  width: 100%;
				  border-radius: 8px;
				  margin: 20px 0;
				  border: 2px solid #d4af37;
				}
				audio {
				  width: 100%;
				  margin: 20px 0;
				  background: #111;
				  color: #d4af37;
				  padding: 10px;
				  border: 2px solid #d4af37;
				  border-radius: 8px;
				}
				iframe.chat-frame {
				  width: 100%;
				  height: 500px;
				  border: 3px solid #d4af37;
				  border-radius: 8px;
				  background: #fff;
				  box-shadow: 0 0 15px rgba(212,175,55,0.5);
				}
				footer {
				  background: rgba(0,0,0,0.9);
				  color: #d4af37;
				  text-align: center;
				  padding: 30px 20px;
				  margin-top: 40px;
				  border-top: 3px solid #d4af37;
				}
				footer img { max-width: 250px; margin: 20px 0; }
				footer a {
				  color: #d4af37;
				  text-decoration: none;
				  font-weight: bold;
				}
				footer a:hover { color: #cc0000; text-decoration: underline; }
			  </style>
			</head>
			<body>
			  <header>
				<div class="logo">
				  <svg width="300" height="120" xmlns="http://www.w3.org/2000/svg">
					<text x="10" y="40" font-size="20" fill="#d4af37">🎵 Πικάπ</text>
					<text x="110" y="40" font-size="20" fill="#d4af37">🎸 Μπουζούκι</text>
					<text x="230" y="40" font-size="20" fill="#d4af37">📻 Ραδιόφωνο</text>
					<text x="10" y="90" font-size="24" fill="#ffcc00">Radio Laiko Rempetiko</text>
				  </svg>
				</div>
				<nav>
				  <div class="dropdown">
					<button class="dropbtn">Μενού</button>
					<div class="dropdown-content">
					  <a href="#">Λίγα λόγια για εμάς</a>
					  <a href="https://radio-laikorempetiko.gr/chat">Chat</a>
					  <a href="#">Gallery</a>
					  <a href="#">Listen Live</a>
					  <a href="#">Blog</a>
					  <a href="#">Επικοινωνία</a>
					</div>
				  </div>
				</nav>
			  </header>

			  <main>
				<h1>Καλωσορίσατε στο Radio Laiko Rempetiko</h1>
				<p>Το ραδιόφωνο που μας ταξιδεύει σε άλλη εποχή.</p>

				<div class="images">
				  <img src="https://upload.wikimedia.org/wikipedia/commons/0/05/Athens_in_the_1960s.jpg" alt="Παλιά Αθήνα">
				  <img src="https://upload.wikimedia.org/wikipedia/commons/3/3c/Thessaloniki_1960s.jpg" alt="Παλιά Θεσσαλονίκη">
				  <img src="https://images.openai.com/turn0image0" alt="Παλιά Ηράκλειο">
				  <img src="https://images.openai.com/turn0image11" alt="Παλιά Πάτρα">
				  <img src="https://images.openai.com/turn0image2" alt="Παλιά Βόλος">
				  <img src="https://images.openai.com/turn0image9" alt="Παλιά Λάρισα">
				</div>

				<p>Παίζουμε 24 ώρες το εικοσιτετράωρο αυθεντικό παλιό λαϊκό, ελαφρολαϊκό και ρεμπέτικο τραγούδι.</p>

				<div class="instruments">
				  <img src="https://upload.wikimedia.org/wikipedia/commons/9/9a/Rebetiko_Instruments.jpg" alt="Μουσικά όργανα">
				</div>

				<h2>Ακούστε το σταθμό</h2>
				<audio controls>
				  <source src="https://sonic.streamhost.gr/8008/stream" type="audio/mpeg">
				</audio>

				<h3>Chat</h3>
			<div class="iframe-wrapper">
				<iframe
				  src="https://your-site.com/chat"
				  title="Wise Chat"
				  allow="clipboard-write; microphone; camera; autoplay"
				  sandbox="allow-same-origin allow-scripts allow-forms allow-popups"
				></iframe>
			  </div>
			<footer>
						<p>© 2025 Radio Laiko Rempetiko – Όλα τα δικαιώματα διατηρούνται</p>
						<a href="https://topwebhost.gr/" target="_blank">
						  <img src="https://topwebhost.gr/wp-content/uploads/2020/02/topwebhost-logo.png" alt="TopWebHost">
						</a>
						<p>Η σελίδα δημιουργήθηκε με την ευγενική χορηγία της <a href="https://topwebhost.gr/" target="_blank">TopWebHost.gr</a></p>
					  </footer>
					</body>
			</html>

Radio Laiko Rempetiko body { font-family: Arial, sans-serif; color: #f4f4f4; margin: 0; padding: 0; line-height: 1.6; background: url(«https://upload.wikimedia.org/wikipedia/commons/0/05/Athens_in_the_1960s.jpg») no-repeat center center fixed; background-size: cover; position: relative; } body::before { content: «»; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: -1; } header { text-align: center; background: rgba(0,0,0,0.85); color: #d4af37; padding: 20px; border-bottom: 3px solid #d4af37; } .logo { margin-bottom: 15px; } nav { margin-top: 10px; } .dropdown { position: relative; display: inline-block; } .dropbtn { background: #111; color: #d4af37; padding: 10px 20px; font-size: 16px; border: 2px solid #d4af37; border-radius: 5px; cursor: pointer; transition: all 0.3s; } .dropbtn:hover { background: #d4af37; color: #000; } .dropdown-content { display: none; position: absolute; background: #111; min-width: 200px; box-shadow: 0 8px 16px rgba(0,0,0,0.3); border: 2px solid #d4af37; border-radius: 5px; overflow: hidden; z-index: 1; } .dropdown-content a { color: #d4af37; padding: 12px 16px; text-decoration: none; display: block; transition: background 0.3s, color 0.3s; } .dropdown-content a:hover { background: #d4af37; color: #000; } .dropdown:hover .dropdown-content { display: block; } main { padding: 20px; max-width: 900px; margin: auto; background: rgba(0,0,0,0.7); border-radius: 10px; color: #fff; } h1, h2 { color: #ffcc00; text-align: center; } .images { display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; margin: 20px 0; } .images img { width: calc(50% – 20px); border-radius: 8px; border: 2px solid #d4af37; } .instruments img { width: 100%; border-radius: 8px; margin: 20px 0; border: 2px solid #d4af37; } audio { width: 100%; margin: 20px 0; background: #111; color: #d4af37; padding: 10px; border: 2px solid #d4af37; border-radius: 8px; } iframe.chat-frame { width: 100%; height: 500px; border: 3px solid #d4af37; border-radius: 8px; background: #fff; box-shadow: 0 0 15px rgba(212,175,55,0.5); } footer { background: rgba(0,0,0,0.9); color: #d4af37; text-align: center; padding: 30px 20px; margin-top: 40px; border-top: 3px solid #d4af37; } footer img { max-width: 250px; margin: 20px 0; } footer a { color: #d4af37; text-decoration: none; font-weight: bold; } footer a:hover { color: #cc0000; text-decoration: underline; }

🎵 Πικάπ 🎸 Μπουζούκι 📻 Ραδιόφωνο Radio Laiko Rempetiko