95 lines
4.3 KiB
HTML
95 lines
4.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>TillTheEnd - Delivering results, not promises</title>
|
|
<meta name="description" content="IT consulting and freelancing services">
|
|
</head>
|
|
<body class="bg-white">
|
|
<div id="app">
|
|
<!-- Header -->
|
|
<header class="container mx-auto py-6 flex justify-between items-center">
|
|
<div class="text-2xl font-bold">TillTheEnd</div>
|
|
<nav class="space-x-6">
|
|
<a href="#services" class="text-gray-600 hover:text-orange-500">Services</a>
|
|
<a href="#about" class="text-gray-600 hover:text-orange-500">About</a>
|
|
<a href="#contact" class="text-gray-600 hover:text-orange-500">Contact</a>
|
|
</nav>
|
|
</header>
|
|
|
|
<!-- Hero Section -->
|
|
<section class="container mx-auto py-20 text-center">
|
|
<h1 class="text-5xl font-bold mb-4">TillTheEnd</h1>
|
|
<p class="text-2xl text-gray-600 mb-8">Delivering results, not promises.</p>
|
|
<div class="flex justify-center space-x-4 mb-8">
|
|
<a href="#contact" class="bg-orange-500 text-white px-6 py-3 rounded hover:bg-orange-600">Contact</a>
|
|
<a href="https://github.com/iRave" class="border border-gray-300 px-6 py-3 rounded hover:bg-gray-100">GitHub</a>
|
|
</div>
|
|
<p class="text-gray-500">Software Development • Infrastructure • Consulting</p>
|
|
</section>
|
|
|
|
<!-- Services Section -->
|
|
<section id="services" class="container mx-auto py-20">
|
|
<h2 class="text-3xl font-bold text-center mb-12">Services</h2>
|
|
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
|
|
<div class="text-center p-6">
|
|
<div class="text-4xl mb-4">💻</div>
|
|
<h3 class="text-xl font-bold mb-2">Software Development</h3>
|
|
<p class="text-gray-600">Custom solutions tailored to your needs</p>
|
|
</div>
|
|
<div class="text-center p-6">
|
|
<div class="text-4xl mb-4">⚙️</div>
|
|
<h3 class="text-xl font-bold mb-2">Infrastructure</h3>
|
|
<p class="text-gray-600">Reliable systems architecture</p>
|
|
</div>
|
|
<div class="text-center p-6">
|
|
<div class="text-4xl mb-4">💬</div>
|
|
<h3 class="text-xl font-bold mb-2">Consulting</h3>
|
|
<p class="text-gray-600">Expert guidance from concept to completion</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- About Section -->
|
|
<section id="about" class="container mx-auto py-20 bg-gray-50 rounded-lg">
|
|
<h2 class="text-3xl font-bold text-center mb-8">About</h2>
|
|
<div class="text-center max-w-2xl mx-auto">
|
|
<p class="text-gray-600">
|
|
TillTheEnd is an IT consulting and freelancing service focused on delivering
|
|
exceptional results for clients. With expertise in software development,
|
|
infrastructure, and strategic consulting, we help businesses achieve their
|
|
technology goals.
|
|
</p>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Contact Section -->
|
|
<section id="contact" class="container mx-auto py-20">
|
|
<h2 class="text-3xl font-bold text-center mb-12">Contact</h2>
|
|
<div class="max-w-2xl mx-auto">
|
|
<div class="space-y-4">
|
|
<div class="flex items-center">
|
|
<span class="font-semibold w-24">Email:</span>
|
|
<a href="mailto:contact@tilltheend.de" class="text-orange-500 hover:underline">contact@tilltheend.de</a>
|
|
</div>
|
|
<div class="flex items-center">
|
|
<span class="font-semibold w-24">GitHub:</span>
|
|
<a href="https://github.com/iRave" class="text-purple-500 hover:underline" target="_blank">github.com/iRave</a>
|
|
</div>
|
|
<div class="flex items-center">
|
|
<span class="font-semibold w-24">LinkedIn:</span>
|
|
<a href="https://de.linkedin.com/in/tilltheend" class="text-purple-500 hover:underline" target="_blank">de.linkedin.com/in/tilltheend</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Footer -->
|
|
<footer class="container mx-auto py-10 border-t mt-10 text-center text-gray-500">
|
|
<p>© 2026 TillTheEnd. All rights reserved.</p>
|
|
</footer>
|
|
</div>
|
|
<script type="module" src="/src/main.js"></script>
|
|
</body>
|
|
</html>
|