Text Page

Test

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>NewZennAI - Explore Love</title>

<style>

body {

font-family: Arial, sans-serif;

margin: 0;

padding: 0;

background: linear-gradient(120deg, #ff9a9e, #fad0c4);

color: #333;

}

header {

background-color: #ff6f61;

color: #fff;

padding: 20px;

text-align: center;

}

.container {

max-width: 1200px;

margin: 20px auto;

padding: 20px;

background: #fff;

border-radius: 10px;

box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);

}

h1 {

margin-bottom: 10px;

}

.platforms {

display: flex;

flex-wrap: wrap;

gap: 20px;

justify-content: space-between;

}

.platform {

flex: 1 1 calc(33% - 20px);

background: #fafafa;

padding: 15px;

border-radius: 8px;

box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

text-align: center;

transition: transform 0.2s;

}

.platform:hover {

transform: translateY(-5px);

}

.platform img {

width: 100px;

height: 100px;

object-fit: cover;

border-radius: 50%;

margin-bottom: 10px;

}

.platform h2 {

margin: 10px 0;

font-size: 1.5em;

}

.platform p {

font-size: 1em;

color: #555;

}

footer {

text-align: center;

padding: 10px;

background: #ff6f61;

color: white;

position: fixed;

bottom: 0;

width: 100%;

}

</style>

</head>

<body>

<header>

<h1>Welcome to NewZennAI</h1>

<p>Your gateway to finding love on multiple dating platforms</p>

</header>

<div class="container">

<h1>Explore Our Platforms</h1>

<div class="platforms">

<div class="platform">

<img src="https://via.placeholder.com/100" alt="Platform 1">

<h2>LoveConnect</h2>

<p>Where soulmates meet and new love begins.</p>

</div>

<div class="platform">

<img src="https://via.placeholder.com/100" alt="Platform 2">

<h2>RomanceHub</h2>

<p>Tailored connections for your unique personality.</p>

</div>

<div class="platform">

<img src="https://via.placeholder.com/100" alt="Platform 3">

<h2>FlirtWorld</h2>

<p>Casual dating for spontaneous and fun connections.</p>

</div>

<div class="platform">

<img src="https://via.placeholder.com/100" alt="Platform 4">

<h2>EternalMatch</h2>

<p>Find deep and meaningful relationships that last forever.</p>

</div>

<div class="platform">

<img src="https://via.placeholder.com/100" alt="Platform 5">

<h2>SparkSingles</h2>

<p>Light the spark and let the journey begin.</p>

</div>

<div class="platform">

<img src="https://via.placeholder.com/100" alt="Platform 6">

<h2>QuickCupid</h2>

<p>Instant matches for those always on the go.</p>

</div>

</div>

</div>