<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>MeinChat.de – Kostenlos, ohne Anmeldung, zum Chatten, Flirten und Spass haben!</title>
<meta name="keywords"
content="meinchat, mein chat, chat portal, online chat, chat ohne anmeldung, gratis chat, chat ohne registrierung" />
<meta name="description" content="MeinChat.de – Kostenlos, ohne Anmeldung, zum Chatten, Flirten und Spass haben!" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&family=Roboto:wght@300;400;700&display=swap"
rel="stylesheet" />
<style>
:root {
--bg-color: #0d1117;
--primary-color: #00d4ff;
--secondary-color: #ff008c;
--text-color: #f0f0f0;
--heading-font: 'Orbitron', sans-serif;
--body-font: 'Roboto', sans-serif;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
background: linear-gradient(135deg, #0d1117, #070b11 70%);
font-family: var(--body-font);
color: var(--text-color);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100vh;
overflow: hidden;
}
h1,
h2 {
font-family: var(--heading-font);
text-transform: uppercase;
letter-spacing: 2px;
}
h1 {
font-size: 2rem;
margin-bottom: 1rem;
color: var(--primary-color);
text-shadow: 0 0 10px rgba(0, 212, 255, 0.7);
animation: neonGlow 2s ease-in-out infinite alternate;
}
h2 {
font-size: 1.2rem;
margin-bottom: 2rem;
color: var(--secondary-color);
text-shadow: 0 0 10px rgba(255, 0, 140, 0.7);
animation: neonGlowSecondary 2s ease-in-out infinite alternate;
}
p {
max-width: 600px;
text-align: center;
line-height: 1.5;
margin-bottom: 2rem;
font-size: 1rem;
}
.btn-container {
display: flex;
gap: 1rem;
}
.btn {
text-decoration: none;
color: #ffffff;
padding: 0.75rem 1.5rem;
font-weight: 700;
letter-spacing: 1px;
border: 2px solid var(--primary-color);
background: transparent;
transition: 0.3s;
cursor: pointer;
border-radius: 50px;
font-family: var(--heading-font);
}
.btn:hover {
background: var(--primary-color);
color: #000;
box-shadow: 0 0 15px rgba(0, 212, 255, 0.6);
}
/* Impressum-Link */
.impressum-link {
position: absolute;
bottom: 1rem;
right: 1rem;
color: var(--primary-color);
text-decoration: none;
font-size: 0.9rem;
border: 1px solid var(--primary-color);
padding: 0.3rem 0.6rem;
border-radius: 4px;
transition: 0.3s;
font-family: var(--body-font);
}
.impressum-link:hover {
background: var(--primary-color);
color: #000;
box-shadow: 0 0 6px rgba(0, 212, 255, 0.6);
}
/* Keyframes */
@keyframes neonGlow {
to {
text-shadow: 0 0 20px rgba(0, 212, 255, 1),
0 0 40px rgba(0, 212, 255, 1);
}
}
@keyframes neonGlowSecondary {
to {
text-shadow: 0 0 20px rgba(255, 0, 140, 1),
0 0 40px rgba(255, 0, 140, 1);
}
}
/* Responsive */
@media(max-width: 480px) {
h1 {
font-size: 1.5rem;
}
h2 {
font-size: 1rem;
}
p {
font-size: 0.9rem;
margin: 0 1rem;
}
}
</style>
</head>
<body>
<h1>MeinChat.de</h1>
<h2>now part of Deutscher-Chat</h2>
<p>
Hier entsteht ein brandneues Chat-Portal!
Moderner, besser, sicherer – mit verbessertem Jugend- und Mitgliederschutz und vielem mehr.
Mach dich bereit für eine innovative Community, wie du sie noch nie erlebt hast.
<br>powered by DC!
</p>
<p>
MeinChat.de - Kostenlos, sicher und ohne Anmeldung. Lege jetzt gleich los. Hier kannst Du chatten, flirten und Dich
austauschen. Bei uns kostenlos und ohne Anmeldung chatten! Jetzt kostenlos!
</p>
<div class="btn-container">
<a href="https://deutscher-chat.de/" class="btn" target="_blank">
Jetzt zu Deutscher-Chat
</a>
</div>
<a href="https://deutscher-chat.de/impressum/" target="_blank" class="impressum-link">
Impressum
</a>
</body>
</html>