M-CSC/SHIFTED
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

index

Browse Source
This commit is contained in:
hxcde
2025-05-23 14:14:51 +02:00
parent ec2deb64ab
commit 272a775787
1 changed files with 113 additions and 107 deletions
Download Patch File Download Diff File Expand all files Collapse all files

220
index.html
View File

@@ -54,7 +54,7 @@
rgba(0, 0, 0, 0.2) 30%, rgba(0, 0, 0, 0.2) 30%,
#1f2937 100% #1f2937 100%
), ),
url('/images/bmw2.png'); url('/images/bmw.png');
background-size: cover; background-size: cover;
background-position: top center; background-position: top center;
background-repeat: no-repeat; background-repeat: no-repeat;
@@ -74,7 +74,7 @@
<body> <body>
<div id="background-overlay"></div> <div id="background-overlay"></div>
<nav class=border-gray-200 "> <nav class="border-gray-200">
<div class="max-w-screen-xl flex flex-wrap items-center justify-between mx-auto p-4"> <div class="max-w-screen-xl flex flex-wrap items-center justify-between mx-auto p-4">
<a href="https://codingwerk.com/" class="flex items-center space-x-3 rtl:space-x-reverse"> <a href="https://codingwerk.com/" class="flex items-center space-x-3 rtl:space-x-reverse">
<img src="/images/logo.png" class="h-8" alt="Logo" /> <img src="/images/logo.png" class="h-8" alt="Logo" />
@@ -121,124 +121,138 @@
</div> </div>
</section> </section>
<section> <div class="py-8 px-4 mx-auto max-w-screen-xl text-center lg:py-16" id="leistungen">
<div class="py-8 px-4 mx-auto max-w-screen-xl text-center lg:py-16" id="leistungen">
<h1 class="mb-4 text-2xl font-extrabold leading-none tracking-tight text-gray-900 md:text-5xl lg:text-4xl dark:text-white">Was wir tun können</span></h1> <h1 class="mb-4 text-2xl font-extrabold leading-none tracking-tight text-gray-900 md:text-5xl lg:text-4xl dark:text-white">
<br> Was wir tun können</span></h1>
<br>
<div class="grid grid-cols-1 md:grid-cols-3 gap-4"> <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
<div class="zoom-box animate-bottom-3 max-w-sm p-6 bg-white border border-gray-200 rounded-lg shadow-sm ">
<a href="#">
<h5 class="mb-2 text-2xl font-semibold tracking-tight text-gray-900">Komfortfunktionen</h5>
</a>
<p class="mb-3 font-normal text-gray-500">Funktionen freischalten wie Start-Stopp aus, Spiegel
einklappen oder akustische Signale aktivieren.</p>
<a href="#" class="inline-flex font-medium items-center text-blue-600 hover:underline">
Mehr erfahren
<svg class="w-3 h-3 ms-2.5 rtl:rotate-[270deg]" aria-hidden="true"
xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 18">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M15 11v4.833A1.166 1.166 0 0 1 13.833 17H2.167A1.167 1.167 0 0 1 1 15.833V4.167A1.166 1.166 0 0 1 2.167 3h4.618m4.447-2H17v5.768M9.111 8.889l7.778-7.778"/>
</svg>
</a>
</div>
<div class="zoom-box animate-bottom-3 max-w-sm p-6 bg-white border border-gray-200 rounded-lg shadow-sm "> <div class="zoom-box animate-bottom-4 max-w-sm p-6 bg-white border border-gray-200 rounded-lg shadow-sm ">
<a href="#"> <a href="#">
<h5 class="mb-2 text-2xl font-semibold tracking-tight text-gray-900">Komfortfunktionen</h5> <h5 class="mb-2 text-2xl font-semibold tracking-tight text-gray-900">Nach/Umrüstungen</h5>
</a> </a>
<p class="mb-3 font-normal text-gray-500">Funktionen freischalten wie Start-Stopp aus, Spiegel einklappen oder akustische Signale aktivieren.</p> <p class="mb-3 font-normal text-gray-500">Neue Hardware verbaut? Batterietausch? Wir registrieren und
<a href="#" class="inline-flex font-medium items-center text-blue-600 hover:underline"> codieren sie korrekt im Fahrzeugsystem.</p>
Mehr erfahren <a href="#" class="inline-flex font-medium items-center text-blue-600 hover:underline">
<svg class="w-3 h-3 ms-2.5 rtl:rotate-[270deg]" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 18"> Mehr erfahren
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11v4.833A1.166 1.166 0 0 1 13.833 17H2.167A1.167 1.167 0 0 1 1 15.833V4.167A1.166 1.166 0 0 1 2.167 3h4.618m4.447-2H17v5.768M9.111 8.889l7.778-7.778"/> <svg class="w-3 h-3 ms-2.5 rtl:rotate-[270deg]" aria-hidden="true"
</svg> xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 18">
</a> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
</div> d="M15 11v4.833A1.166 1.166 0 0 1 13.833 17H2.167A1.167 1.167 0 0 1 1 15.833V4.167A1.166 1.166 0 0 1 2.167 3h4.618m4.447-2H17v5.768M9.111 8.889l7.778-7.778"/>
</svg>
</a>
</div>
<div class="zoom-box animate-bottom-4 max-w-sm p-6 bg-white border border-gray-200 rounded-lg shadow-sm "> <div class="zoom-box animate-bottom-5 max-w-sm p-6 bg-white border border-gray-200 rounded-lg shadow-sm ">
<a href="#"> <a href="#">
<h5 class="mb-2 text-2xl font-semibold tracking-tight text-gray-900">Nach/Umrüstungen</h5> <h5 class="mb-2 text-2xl font-semibold tracking-tight text-gray-900">Individuelle Codierung</h5>
</a> </a>
<p class="mb-3 font-normal text-gray-500">Neue Hardware verbaut? Batterietausch? Wir registrieren und codieren sie korrekt im Fahrzeugsystem.</p> <p class="mb-3 font-normal text-gray-500">Software individuell einstellen: Lichtsteuerung, Türen, Klima,
<a href="#" class="inline-flex font-medium items-center text-blue-600 hover:underline"> Tacho und vieles mehr nach Wunsch anpassen.</p>
Mehr erfahren <a href="#" class="inline-flex font-medium items-center text-blue-600 hover:underline">
<svg class="w-3 h-3 ms-2.5 rtl:rotate-[270deg]" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 18"> Mehr erfahren
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11v4.833A1.166 1.166 0 0 1 13.833 17H2.167A1.167 1.167 0 0 1 1 15.833V4.167A1.166 1.166 0 0 1 2.167 3h4.618m4.447-2H17v5.768M9.111 8.889l7.778-7.778"/> <svg class="w-3 h-3 ms-2.5 rtl:rotate-[270deg]" aria-hidden="true"
</svg> xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 18">
</a> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
</div> d="M15 11v4.833A1.166 1.166 0 0 1 13.833 17H2.167A1.167 1.167 0 0 1 1 15.833V4.167A1.166 1.166 0 0 1 2.167 3h4.618m4.447-2H17v5.768M9.111 8.889l7.778-7.778"/>
</svg>
</a>
</div>
<div class="zoom-box animate-bottom-5 max-w-sm p-6 bg-white border border-gray-200 rounded-lg shadow-sm "> <div class="zoom-box animate-bottom-6 max-w-sm p-6 bg-white border border-gray-200 rounded-lg shadow-sm ">
<a href="#"> <a href="#">
<h5 class="mb-2 text-2xl font-semibold tracking-tight text-gray-900">Individuelle Codierung</h5> <h5 class="mb-2 text-2xl font-semibold tracking-tight text-gray-900">Fehler Diagnose</h5>
</a> </a>
<p class="mb-3 font-normal text-gray-500">Software individuell einstellen: Lichtsteuerung, Türen, Klima, Tacho und vieles mehr nach Wunsch anpassen.</p> <p class="mb-3 font-normal text-gray-500">Fehlerspeicher auslesen und analysieren – schnell,
<a href="#" class="inline-flex font-medium items-center text-blue-600 hover:underline"> markenübergreifend und leicht verständlich.</p>
Mehr erfahren <a href="#" class="inline-flex font-medium items-center text-blue-600 hover:underline">
<svg class="w-3 h-3 ms-2.5 rtl:rotate-[270deg]" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 18"> Mehr erfahren
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11v4.833A1.166 1.166 0 0 1 13.833 17H2.167A1.167 1.167 0 0 1 1 15.833V4.167A1.166 1.166 0 0 1 2.167 3h4.618m4.447-2H17v5.768M9.111 8.889l7.778-7.778"/> <svg class="w-3 h-3 ms-2.5 rtl:rotate-[270deg]" aria-hidden="true"
</svg> xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 18">
</a> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
</div> d="M15 11v4.833A1.166 1.166 0 0 1 13.833 17H2.167A1.167 1.167 0 0 1 1 15.833V4.167A1.166 1.166 0 0 1 2.167 3h4.618m4.447-2H17v5.768M9.111 8.889l7.778-7.778"/>
</svg>
</a>
</div>
<div class="zoom-box animate-bottom-6 max-w-sm p-6 bg-white border border-gray-200 rounded-lg shadow-sm "> <div class="zoom-box animate-bottom-7 max-w-sm p-6 bg-white border border-gray-200 rounded-lg shadow-sm ">
<a href="#"> <a href="#">
<h5 class="mb-2 text-2xl font-semibold tracking-tight text-gray-900">Fehler Diagnose</h5> <h5 class="mb-2 text-2xl font-semibold tracking-tight text-gray-900">Beratung</h5>
</a> </a>
<p class="mb-3 font-normal text-gray-500">Fehlerspeicher auslesen und analysieren – schnell, markenübergreifend und leicht verständlich.</p> <p class="mb-3 font-normal text-gray-500">Sie planen einen Umbau oder eine Nachrüstung,nd möchten vorab
<a href="#" class="inline-flex font-medium items-center text-blue-600 hover:underline"> Beraten werden? Melden sie sich bei uns.</p>
Mehr erfahren <a href="#" class="inline-flex font-medium items-center text-blue-600 hover:underline">
<svg class="w-3 h-3 ms-2.5 rtl:rotate-[270deg]" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 18"> Mehr erfahren
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11v4.833A1.166 1.166 0 0 1 13.833 17H2.167A1.167 1.167 0 0 1 1 15.833V4.167A1.166 1.166 0 0 1 2.167 3h4.618m4.447-2H17v5.768M9.111 8.889l7.778-7.778"/> <svg class="w-3 h-3 ms-2.5 rtl:rotate-[270deg]" aria-hidden="true"
</svg> xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 18">
</a> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
</div> d="M15 11v4.833A1.166 1.166 0 0 1 13.833 17H2.167A1.167 1.167 0 0 1 1 15.833V4.167A1.166 1.166 0 0 1 2.167 3h4.618m4.447-2H17v5.768M9.111 8.889l7.778-7.778"/>
</svg>
</a>
</div>
<div class="zoom-box animate-bottom-7 max-w-sm p-6 bg-white border border-gray-200 rounded-lg shadow-sm "> <div class="zoom-box animate-bottom-8 max-w-sm p-6 bg-white border border-gray-200 rounded-lg shadow-sm ">
<a href="#"> <a href="#">
<h5 class="mb-2 text-2xl font-semibold tracking-tight text-gray-900">Beratung</h5> <h5 class="mb-2 text-2xl font-semibold tracking-tight text-gray-900">Großes Netzwerk</h5>
</a> </a>
<p class="mb-3 font-normal text-gray-500">Sie planen einen Umbau oder eine Nachrüstung,nd möchten vorab Beraten werden? Melden sie sich bei uns.</p> <p class="mb-3 font-normal text-gray-500">Wir können ihnen weitere Unternehmen empfehlen im Bereich
<a href="#" class="inline-flex font-medium items-center text-blue-600 hover:underline"> Folierung, Lackierung etc, fragen sie gerne bei uns nach.</p>
Mehr erfahren <a href="#" class="inline-flex font-medium items-center text-blue-600 hover:underline">
<svg class="w-3 h-3 ms-2.5 rtl:rotate-[270deg]" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 18"> Mehr erfahren
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11v4.833A1.166 1.166 0 0 1 13.833 17H2.167A1.167 1.167 0 0 1 1 15.833V4.167A1.166 1.166 0 0 1 2.167 3h4.618m4.447-2H17v5.768M9.111 8.889l7.778-7.778"/> <svg class="w-3 h-3 ms-2.5 rtl:rotate-[270deg]" aria-hidden="true"
</svg> xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 18">
</a> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
</div> d="M15 11v4.833A1.166 1.166 0 0 1 13.833 17H2.167A1.167 1.167 0 0 1 1 15.833V4.167A1.166 1.166 0 0 1 2.167 3h4.618m4.447-2H17v5.768M9.111 8.889l7.778-7.778"/>
</svg>
<div class="zoom-box animate-bottom-8 max-w-sm p-6 bg-white border border-gray-200 rounded-lg shadow-sm "> </a>
<a href="#"> </div>
<h5 class="mb-2 text-2xl font-semibold tracking-tight text-gray-900">Großes Netzwerk</h5>
</a>
<p class="mb-3 font-normal text-gray-500">Wir können ihnen weitere Unternehmen empfehlen im Bereich Folierung, Lackierung etc, fragen sie gerne bei uns nach.</p>
<a href="#" class="inline-flex font-medium items-center text-blue-600 hover:underline">
Mehr erfahren
<svg class="w-3 h-3 ms-2.5 rtl:rotate-[270deg]" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 18">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11v4.833A1.166 1.166 0 0 1 13.833 17H2.167A1.167 1.167 0 0 1 1 15.833V4.167A1.166 1.166 0 0 1 2.167 3h4.618m4.447-2H17v5.768M9.111 8.889l7.778-7.778"/>
</svg>
</a>
</div>
</div> </div>
</section>
<section>
<div class="py-8 px-4 mx-auto max-w-screen-xl text-center lg:py-16"> <div class="py-8 px-4 mx-auto max-w-screen-xl text-center lg:py-16">
<h1 class="mb-4 text-3xl font-extrabold leading-none tracking-tight text-gray-900 dark:text-white">Jetzt Frage stellen!</h1> <h1 class="mb-4 text-3xl font-extrabold leading-none tracking-tight text-gray-900 dark:text-white">Jetzt
<p class="mb-2 text-lg font-normal text-gray-500 lg:text-xl sm:px-16 xl:px-48 dark:text-gray-400">Wir sind offen für Fragen und unterbreiten ihnen gerne ein Angebot. </p> Frage stellen!</h1>
<a href="#" class="text-blue-600 dark:text-blue-500 hover:underline font-medium text-lg inline-flex items-center">Whatsapp&nbsp; <p class="mb-2 text-lg font-normal text-gray-500 lg:text-xl sm:px-16 xl:px-48 dark:text-gray-400">Wir sind
<svg class="w-3 h-3 ms-2.5 rtl:rotate-[270deg]" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 18"> offen für Fragen und unterbreiten ihnen gerne ein Angebot. </p>
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11v4.833A1.166 1.166 0 0 1 13.833 17H2.167A1.167 1.167 0 0 1 1 15.833V4.167A1.166 1.166 0 0 1 2.167 3h4.618m4.447-2H17v5.768M9.111 8.889l7.778-7.778"/> <a href="#"
class="text-blue-600 dark:text-blue-500 hover:underline font-medium text-lg inline-flex items-center">Whatsapp&nbsp;
<svg class="w-3 h-3 ms-2.5 rtl:rotate-[270deg]" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
fill="none" viewBox="0 0 18 18">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M15 11v4.833A1.166 1.166 0 0 1 13.833 17H2.167A1.167 1.167 0 0 1 1 15.833V4.167A1.166 1.166 0 0 1 2.167 3h4.618m4.447-2H17v5.768M9.111 8.889l7.778-7.778"/>
</svg> </svg>
</a> </a>
</div> </div>
<footer class="rounded-lg shadow-sm m-4"> <footer class="rounded-lg shadow-sm m-4">
<div class="w-full max-w-screen-xl mx-auto p-4 md:py-8"> <div class="w-full max-w-screen-xl mx-auto p-4 md:py-8">
<div class="sm:flex sm:items-center sm:justify-between"> <div class="sm:flex sm:items-center sm:justify-between">
<a href="https://codingwerk.com/" class="flex items-center mb-4 sm:mb-0 space-x-3 rtl:space-x-reverse"> <a href="https://codingwerk.com/"
<img src="/images/logo.png" class="h-8" alt="Logo" /> class="flex items-center mb-4 sm:mb-0 space-x-3 rtl:space-x-reverse">
<img src="/images/logo.png" class="h-8" alt="Logo"/>
<span class="self-center text-2xl font-semibold whitespace-nowrap dark:text-white">CodingWerk</span> <span class="self-center text-2xl font-semibold whitespace-nowrap dark:text-white">CodingWerk</span>
</a> </a>
<ul class="flex flex-wrap items-center mb-6 text-sm font-medium text-gray-500 sm:mb-0 dark:text-gray-400"> <ul class="flex flex-wrap items-center mb-6 text-sm font-medium text-gray-500 sm:mb-0 dark:text-gray-400">
@@ -253,18 +267,10 @@
</li> </li>
</ul> </ul>
</div> </div>
<hr class="my-6 border-gray-200 sm:mx-auto dark:border-gray-700 lg:my-8" /> <hr class="my-6 border-gray-200 sm:mx-auto dark:border-gray-700 lg:my-8"/>
<span class="block text-sm text-gray-500 sm:text-center dark:text-gray-400">© 2025 <a href="https://codingwerk.com/">CodingWerk</a> <a href="https://m-csc.de/">by M-CSC</a></span> <span class="block text-sm text-gray-500 sm:text-center dark:text-gray-400">© 2025 <a
href="https://codingwerk.com/">CodingWerk</a> <a href="https://m-csc.de/">by M-CSC</a></span>
</div> </div>
</footer> </footer>
</section>
</body> </body>