PBT3H24ADI/CSW-Gruppe-2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

HTML FULL

Browse Source
This commit is contained in:
Kevin Dietze
2025-11-12 12:23:59 +01:00
parent f37cf5e5e7
commit 65b9ae28ac
1 changed files with 77 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

74
index.html
View File

@@ -3,9 +3,81 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title> <title>Tech Horizon</title>
<link rel="stylesheet" href="styles.css">
</head> </head>
<body> <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> </body>
</html> </html>