75 lines
2.0 KiB
HTML
75 lines
2.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Template Showcase</title>
|
|
<link rel="stylesheet" href="assets/styles/style.css" />
|
|
</head>
|
|
<body>
|
|
<header class="navbar">
|
|
<div class="container">
|
|
<h1 class="logo">MyTemplate</h1>
|
|
<nav>
|
|
<a href="#features">Features</a>
|
|
<a href="#about">About</a>
|
|
<a href="#contact">Contact</a>
|
|
</nav>
|
|
</div>
|
|
</header>
|
|
|
|
<main>
|
|
<section class="hero">
|
|
<div class="container">
|
|
<h2>Ready-to-Deploy Website Template</h2>
|
|
<p>
|
|
A simple, fast, and Docker-ready showcase website.
|
|
</p>
|
|
<button id="cta-btn">Get Started</button>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="features" class="features container">
|
|
<div class="feature">
|
|
<h3>Simple</h3>
|
|
<p>Plain HTML, CSS, and JS. No framework lock-in.</p>
|
|
</div>
|
|
<div class="feature">
|
|
<h3>Fast</h3>
|
|
<p>Optimized for performance and easy deployment.</p>
|
|
</div>
|
|
<div class="feature">
|
|
<h3>Deployable</h3>
|
|
<p>Designed to be containerized and shipped anywhere.</p>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="about" class="about">
|
|
<div class="container">
|
|
<h2>About</h2>
|
|
<p>
|
|
This repository serves as a starting point for production-ready
|
|
websites with CI/CD, Docker, and server deployment.
|
|
</p>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="contact" class="contact container">
|
|
<h2>Contact</h2>
|
|
<form id="contact-form">
|
|
<input type="text" placeholder="Your name" required />
|
|
<input type="email" placeholder="Your email" required />
|
|
<textarea placeholder="Message"></textarea>
|
|
<button type="submit">Send</button>
|
|
</form>
|
|
</section>
|
|
</main>
|
|
|
|
<footer class="footer">
|
|
<p>© 2026 MyTemplate. All rights reserved.</p>
|
|
</footer>
|
|
|
|
<script src="assets/scripts/main.js"></script>
|
|
</body>
|
|
</html>
|