Untitled
Anonymous
plain_text
02/01/2026 7:56 PM
12.3 KB
9
Indexable
<!DOCTYPE html><html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>SplitScreen AI</title>
<style>
* { margin: 0; padding: 0; box-sizing: border-box; font-family: Arial, sans-serif; }
body { background: #0f172a; color: #e5e7eb; }
header { padding: 20px 40px; display: flex; justify-content: space-between; align-items: center; background: #020617; }
header h1 { color: #38bdf8; }
nav a { margin-left: 20px; text-decoration: none; color: #e5e7eb; }
nav a:hover { color: #38bdf8; }
.hero { padding: 80px 40px; text-align: center; }
.hero h2 { font-size: 3rem; margin-bottom: 20px; }
.hero p { max-width: 600px; margin: auto; opacity: 0.8; }
.hero button { margin-top: 30px; padding: 15px 30px; border: none; background: #38bdf8; color: #020617; font-size: 1rem; border-radius: 8px; cursor: pointer; }
.features { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; padding: 60px 40px; }
.card { background: #020617; padding: 30px; border-radius: 12px; box-shadow: 0 0 10px rgba(0,0,0,0.4); }
.card h3 { margin-bottom: 10px; color: #38bdf8; }
.cta { background: #020617; padding: 60px 40px; text-align: center; }
footer { text-align: center; padding: 20px; font-size: 0.9rem; opacity: 0.6; }
</style>
</head>
<body>
<header>
<h1>SplitScreen AI</h1>
<nav>
<a href="#">Home</a>
<a href="#features">Features</a>
<a href="#">Pricing</a>
<a href="#">Login</a>
</nav>
</header> <section class="hero">
<h2>Create Viral Split-Screen Videos with AI</h2>
<p>Automatically generate short-form viral videos with gameplay, subtitles, voiceovers, and AI-generated stories. No editing skills required.</p>
<button>Get Started Free</button>
</section> <section class="features" id="features">
<div class="card">
<h3>Split-Screen Generator</h3>
<p>Perfectly synced gameplay + story videos in 9:16 format.</p>
</div>
<div class="card">
<h3>AI Voiceovers</h3>
<p>Human-like AI voices generated automatically.</p>
</div>
<div class="card">
<h3>Auto Subtitles</h3>
<p>Animated subtitles with perfect timing.</p>
</div>
<div class="card">
<h3>Gameplay Library</h3>
<p>Minecraft, Subway Surfers, GTA & more.</p>
</div>
</section> <section class="cta">
<h2>Start Creating in Seconds</h2>
<p>Join creators using AI to grow faster.</p>
<button>Create My First Video</button>
</section> <footer>
© 2026 SplitScreen AI. All rights reserved.
</footer>
</body>
</html>
Editor is loading...
Leave a Comment