90 lines
2.4 KiB
HTML
90 lines
2.4 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Your Brand</title>
|
||
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
|
||
<link rel="stylesheet" href="CSS.css">
|
||
</style>
|
||
</head>
|
||
<body>
|
||
|
||
<header>
|
||
<div class="logo">YourBrand</div>
|
||
<nav>
|
||
<ul>
|
||
<li><a href="#">Home</a></li>
|
||
<li><a href="#">Features</a></li>
|
||
<li><a href="#">About</a></li>
|
||
</ul>
|
||
</nav>
|
||
<div>
|
||
<a href="#" class="btn btn-outline">Login</a>
|
||
<a href="#" class="btn btn-primary">Sign Up</a>
|
||
</div>
|
||
</header>
|
||
|
||
<section class="hero" data-aos="fade-up">
|
||
<video autoplay muted loop playsinline class="hero-video">
|
||
<source src="0916.mp4" type="video/mp4">
|
||
<!-- Optional fallback image if video fails -->
|
||
Your browser does not support the video tag.
|
||
</video>
|
||
|
||
<div class="hero-overlay">
|
||
<h1>All-in-One Platform</h1>
|
||
<p>Manage your money, payments, and lifestyle in one place.</p>
|
||
<a href="#" class="btn btn-primary">Get Started</a>
|
||
</div>
|
||
</section>
|
||
<h1>All-in-One Platform</h1>
|
||
<p>Manage your money, payments, and lifestyle in one place. Dummy text for now.</p>
|
||
<div>
|
||
<a href="#" class="btn btn-primary">Get Started</a>
|
||
</div>
|
||
</section>
|
||
|
||
<section data-aos="fade-up">
|
||
<h2>Our Features</h2>
|
||
<div class="features">
|
||
<div class="card">Feature One</div>
|
||
<div class="card">Feature Two</div>
|
||
<div class="card">Feature Three</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section data-aos="fade-up">
|
||
<h2>How It Works</h2>
|
||
<div class="steps">
|
||
<div class="step">01. Sign Up</div>
|
||
<div class="step">02. Add</div>
|
||
<div class="step">03. Method</div>
|
||
<div class="step">04. Review</div>
|
||
<div class="step">05. Done</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section data-aos="fade-up">
|
||
<h2>What People Say</h2>
|
||
<div class="features">
|
||
<div class="card">"Great app!"User A</div>
|
||
<div class="card">"Fast and simple." User B</div>
|
||
<div class="card">"Love the design." User C</div>
|
||
</div>
|
||
</section>
|
||
|
||
<footer>
|
||
© 2025 YourBrand – All rights reserved.
|
||
</footer>
|
||
|
||
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
|
||
<script>AOS.init({ duration:800, once:true });</script>
|
||
</body>
|
||
</html>
|
||
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
|
||
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
|
||
<script>
|
||
AOS.init({ duration: 800, once: true });
|
||
</script>
|