84 lines
2.3 KiB
HTML
84 lines
2.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Tech Horizon</title>
|
|
<link rel="stylesheet" href="styles.css">
|
|
</head>
|
|
<body>
|
|
|
|
<header>
|
|
<div class="container">
|
|
<h1>Tech Horizon</h1>
|
|
<nav>
|
|
<a href="#services">Services</a> |
|
|
<a href="#projects">Projects</a> |
|
|
<a href="#contact">Contact</a>
|
|
</nav>
|
|
</div>
|
|
</header>
|
|
|
|
<main class="container">
|
|
<section id="hero">
|
|
<h2>Welcome to Tech Horizon</h2>
|
|
<p>Exploring the future of technology and innovation.</p>
|
|
<a class="btn" href="#projects">See Projects</a>
|
|
</section>
|
|
|
|
<section id="services">
|
|
<h2>Our Services</h2>
|
|
<ul>
|
|
<li>Web Development</li>
|
|
<li>AI & Machine Learning</li>
|
|
<li>Cybersecurity Consulting</li>
|
|
</ul>
|
|
</section>
|
|
|
|
<section id="projects">
|
|
<h2>Projects</h2>
|
|
<div class="cards">
|
|
<div class="card">
|
|
<h3>Smart Home AI</h3>
|
|
<p>An AI-powered system that automates your home intelligently.</p>
|
|
<a href="#" class="btn">Learn More</a>
|
|
</div>
|
|
<div class="card">
|
|
<h3>Blockchain Tracker</h3>
|
|
<p>Track blockchain transactions in real-time with our dashboard.</p>
|
|
<a href="#" class="btn">Learn More</a>
|
|
</div>
|
|
<div class="card">
|
|
<h3>Cybersecurity Toolkit</h3>
|
|
<p>A set of tools to analyze and secure your web applications.</p>
|
|
<a href="#" class="btn">Learn More</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="contact">
|
|
<h2>Contact Us</h2>
|
|
<form>
|
|
<label>Name:<br>
|
|
<input type="text" name="name" placeholder="Bib Paderborn">
|
|
</label><br><br>
|
|
<label>Email:<br>
|
|
<input type="email" name="email" placeholder="bib@paderborn.de">
|
|
</label><br><br>
|
|
<label>Message:<br>
|
|
<textarea name="message" rows="4" placeholder="Your Message"></textarea>
|
|
</label><br><br>
|
|
<button class="btn" type="submit">Send</button>
|
|
</form>
|
|
</section>
|
|
</main>
|
|
|
|
<footer>
|
|
<div class="container">
|
|
<p>© 2025 Tech Horizon. All rights reserved.</p>
|
|
</div>
|
|
</footer>
|
|
|
|
</body>
|
|
</html>
|