349 lines
22 KiB
HTML
349 lines
22 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="de">
|
||
<head>
|
||
<?php require './modules/cookies.php'; ?>
|
||
<link rel="canonical" href="https://m-csc.de/kosten-senken" />
|
||
<meta charset="UTF-8">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>CodingWerk | M-CSC | Fahrzeugcodierungen und Diagnose aus Bonn</title>
|
||
|
||
<!-- Meta SEO -->
|
||
<meta name="title" content="CodingWerk - Coding & Diagnose">
|
||
<meta name="description" content="Spezialisierte BMW Fahrzeugcodierungen und Diagnose aus Bonn">
|
||
<meta name="robots" content="index, follow">
|
||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||
<meta name="language" content="de">
|
||
<meta name="author" content="Yann Moelle">
|
||
|
||
<!-- Favicon -->
|
||
<link rel="apple-touch-icon" href="/images/apple-touch-icon.png" />
|
||
<link rel="icon" type="image/png" sizes="32x32" href="/images/logoapp.svg">
|
||
<link rel="icon" type="image/png" sizes="16x16" href="/images/logoapp.svg">
|
||
<link rel="manifest" href="/site.webmanifest">
|
||
<meta name="msapplication-TileColor" content="#da532c">
|
||
<meta name="theme-color" content="#ffffff">
|
||
|
||
<link href="https://cdnjs.cloudflare.com/ajax/libs/flowbite/1.8.1/flowbite.min.css" rel="stylesheet" />
|
||
<script src="https://cdnjs.cloudflare.com/ajax/libs/flowbite/1.8.1/flowbite.min.js"></script>
|
||
<link href="custom.css" rel="stylesheet" />
|
||
|
||
|
||
<script>
|
||
// On page load or when changing themes, best to add inline in `head` to avoid FOUC
|
||
if (localStorage.getItem('color-theme') === 'dark' || (!('color-theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
|
||
document.documentElement.classList.add('dark');
|
||
} else {
|
||
document.documentElement.classList.add('dark')
|
||
}
|
||
</script>
|
||
|
||
<style>
|
||
#background-overlay {
|
||
position: absolute; /* <-- damit es mitscrollt */
|
||
top: 0;
|
||
left: 0;
|
||
width: 100%;
|
||
height: 1000px; /* z. B. für oberen Bildabschnitt */
|
||
z-index: -1;
|
||
pointer-events: none;
|
||
|
||
background-image:
|
||
linear-gradient(
|
||
to bottom,
|
||
rgba(0, 0, 0, 0.2) 30%,
|
||
#1f2937 100%
|
||
),
|
||
url('https://images.unsplash.com/photo-1555215695-3004980ad54e');
|
||
background-size: cover;
|
||
background-position: top center;
|
||
background-repeat: no-repeat;
|
||
background-attachment: scroll;
|
||
}
|
||
|
||
body {
|
||
background-color: #1f2937;
|
||
position: relative;
|
||
}
|
||
|
||
|
||
</style>
|
||
|
||
</head>
|
||
|
||
<body>
|
||
<div id="background-overlay"></div>
|
||
|
||
<nav class=border-gray-200 ">
|
||
<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">
|
||
<img src="/images/logo.png" class="h-8" alt="Logo" />
|
||
<span class="self-center text-2xl font-semibold whitespace-nowrap text-white">Coding Werk</span>
|
||
</a>
|
||
<div class="flex md:order-2 space-x-3 md:space-x-0 rtl:space-x-reverse">
|
||
<button type="button" class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-4 py-2 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">Jetzt loslegen!</button>
|
||
<button data-collapse-toggle="navbar-cta" type="button" class="inline-flex items-center p-2 w-10 h-10 justify-center text-sm text-gray-500 rounded-lg md:hidden hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600" aria-controls="navbar-cta" aria-expanded="false">
|
||
<span class="sr-only">Open main menu</span>
|
||
<svg class="w-5 h-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 17 14">
|
||
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 1h15M1 7h15M1 13h15"/>
|
||
</svg>
|
||
</button>
|
||
</div>
|
||
<div class="items-center justify-between hidden w-full md:flex md:w-auto md:order-1" id="navbar-cta">
|
||
<ul class="flex flex-col font-medium p-4 md:p-0 mt-4 border border-gray-100 rounded-lg md:space-x-8 rtl:space-x-reverse md:flex-row md:mt-0 md:border-0 dark:border-gray-700">
|
||
<li>
|
||
<a href="#" class="block py-2 px-3 md:p-0 text-white bg-blue-500 rounded-sm md:bg-transparent md:text-blue-700 md:dark:text-blue-500" aria-current="page">Home</a>
|
||
</li>
|
||
<li>
|
||
<a href="#" class="block py-2 px-3 md:p-0 text-white rounded-sm hover:bg-gray-100 md:hover:bg-transparent md:hover:text-blue-700 md:dark:hover:text-blue-500 dark:text-white dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent dark:border-gray-700">Leistungen</a>
|
||
</li>
|
||
<li>
|
||
<a href="#" class="block py-2 px-3 md:p-0 text-white rounded-sm hover:bg-gray-100 md:hover:bg-transparent md:hover:text-blue-700 md:dark:hover:text-blue-500 dark:text-white dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent dark:border-gray-700">Über uns</a>
|
||
</li>
|
||
<li>
|
||
<a href="#" class="block py-2 px-3 md:p-0 text-white rounded-sm hover:bg-gray-100 md:hover:bg-transparent md:hover:text-blue-700 md:dark:hover:text-blue-500 dark:text-white dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent dark:border-gray-700">Kontakt</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
|
||
|
||
<section>
|
||
<div class="py-8 px-4 mx-auto max-w-screen-xl text-center lg:py-16">
|
||
<h1 class="animate-top-2 mb-4 text-7xl font-extrabold tracking-tight leading-none text-gray-900 md:text-8xl lg:text-8xl dark:text-white">Unsere Leistungen</h1>
|
||
<p class="mb-8 text-lg font-normal text-gray-400 lg:text-xl sm:px-16 lg:px-48 dark:text-gray-100">Spezialisiert auf die Fahrzeugcodierung mit Fokus auf BMW-Modelle. <br>Markenübergreifende Fahrzeugdiagnose </p>
|
||
<div class="flex flex-col space-y-4 sm:flex-row sm:justify-center sm:space-y-0">
|
||
<a href="#" class="inline-flex justify-center items-center py-3 px-5 text-base font-medium text-center text-white rounded-lg bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 dark:focus:ring-blue-900">
|
||
Jetzt Anfragen
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
</section>
|
||
<section>
|
||
|
||
<div class="py-8 px-4 mx-auto max-w-screen-xl text-center lg:py-16">
|
||
|
||
|
||
<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>
|
||
<bR>
|
||
<div class="grid grid-cols-2 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-4 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">Nach/Umrüstungen</h5>
|
||
</a>
|
||
<p class="mb-3 font-normal text-gray-500">Neue Hardware verbaut? Batterietausch? Wir registrieren und codieren sie korrekt im Fahrzeugsystem.</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-5 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">Individuelle Codierung</h5>
|
||
</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>
|
||
<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-6 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">Fehler Diagnose</h5>
|
||
</a>
|
||
<p class="mb-3 font-normal text-gray-500">Fehlerspeicher auslesen und analysieren – schnell, markenübergreifend und leicht verständlich.</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-7 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">Beratung</h5>
|
||
</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>
|
||
<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-8 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">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>
|
||
</section>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<section>
|
||
<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>
|
||
<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>
|
||
<a href="#" class="text-blue-600 dark:text-blue-500 hover:underline font-medium text-lg inline-flex items-center">Whatsapp
|
||
<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>
|
||
</section>
|
||
|
||
|
||
|
||
|
||
<footer>
|
||
<div class="mx-auto w-full max-w-screen-xl">
|
||
<div class="grid grid-cols-2 gap-8 px-4 py-6 lg:py-8 md:grid-cols-4">
|
||
<div>
|
||
<h2 class="mb-6 text-sm font-semibold text-gray-900 uppercase dark:text-white">Company</h2>
|
||
<ul class="text-gray-500 dark:text-gray-400 font-medium">
|
||
<li class="mb-4">
|
||
<a href="#" class=" hover:underline">About</a>
|
||
</li>
|
||
<li class="mb-4">
|
||
<a href="#" class="hover:underline">Careers</a>
|
||
</li>
|
||
<li class="mb-4">
|
||
<a href="#" class="hover:underline">Brand Center</a>
|
||
</li>
|
||
<li class="mb-4">
|
||
<a href="#" class="hover:underline">Blog</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<h2 class="mb-6 text-sm font-semibold text-gray-900 uppercase dark:text-white">Help center</h2>
|
||
<ul class="text-gray-500 dark:text-gray-400 font-medium">
|
||
<li class="mb-4">
|
||
<a href="#" class="hover:underline">Discord Server</a>
|
||
</li>
|
||
<li class="mb-4">
|
||
<a href="#" class="hover:underline">Twitter</a>
|
||
</li>
|
||
<li class="mb-4">
|
||
<a href="#" class="hover:underline">Facebook</a>
|
||
</li>
|
||
<li class="mb-4">
|
||
<a href="#" class="hover:underline">Contact Us</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<h2 class="mb-6 text-sm font-semibold text-gray-900 uppercase dark:text-white">Legal</h2>
|
||
<ul class="text-gray-500 dark:text-gray-400 font-medium">
|
||
<li class="mb-4">
|
||
<a href="#" class="hover:underline">Privacy Policy</a>
|
||
</li>
|
||
<li class="mb-4">
|
||
<a href="#" class="hover:underline">Licensing</a>
|
||
</li>
|
||
<li class="mb-4">
|
||
<a href="#" class="hover:underline">Terms & Conditions</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<h2 class="mb-6 text-sm font-semibold text-gray-900 uppercase dark:text-white">Download</h2>
|
||
<ul class="text-gray-500 dark:text-gray-400 font-medium">
|
||
<li class="mb-4">
|
||
<a href="#" class="hover:underline">iOS</a>
|
||
</li>
|
||
<li class="mb-4">
|
||
<a href="#" class="hover:underline">Android</a>
|
||
</li>
|
||
<li class="mb-4">
|
||
<a href="#" class="hover:underline">Windows</a>
|
||
</li>
|
||
<li class="mb-4">
|
||
<a href="#" class="hover:underline">MacOS</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="px-4 py-6 md:flex md:items-center md:justify-between">
|
||
<span class="text-sm text-gray-500 dark:text-gray-300 sm:text-center">© 2025 <a href="https://codingwerk.com/">CodingWerk</a> <a href="https://m-csc.de/">by M-CSC</a>
|
||
</span>
|
||
<div class="flex mt-4 sm:justify-center md:mt-0 space-x-5 rtl:space-x-reverse">
|
||
<a href="#" class="text-gray-400 hover:text-gray-900 dark:hover:text-white">
|
||
<svg class="w-4 h-4" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 8 19">
|
||
<path fill-rule="evenodd" d="M6.135 3H8V0H6.135a4.147 4.147 0 0 0-4.142 4.142V6H0v3h2v9.938h3V9h2.021l.592-3H5V3.591A.6.6 0 0 1 5.592 3h.543Z" clip-rule="evenodd"/>
|
||
</svg>
|
||
<span class="sr-only">Facebook page</span>
|
||
</a>
|
||
<a href="#" class="text-gray-400 hover:text-gray-900 dark:hover:text-white">
|
||
<svg class="w-4 h-4" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 21 16">
|
||
<path d="M16.942 1.556a16.3 16.3 0 0 0-4.126-1.3 12.04 12.04 0 0 0-.529 1.1 15.175 15.175 0 0 0-4.573 0 11.585 11.585 0 0 0-.535-1.1 16.274 16.274 0 0 0-4.129 1.3A17.392 17.392 0 0 0 .182 13.218a15.785 15.785 0 0 0 4.963 2.521c.41-.564.773-1.16 1.084-1.785a10.63 10.63 0 0 1-1.706-.83c.143-.106.283-.217.418-.33a11.664 11.664 0 0 0 10.118 0c.137.113.277.224.418.33-.544.328-1.116.606-1.71.832a12.52 12.52 0 0 0 1.084 1.785 16.46 16.46 0 0 0 5.064-2.595 17.286 17.286 0 0 0-2.973-11.59ZM6.678 10.813a1.941 1.941 0 0 1-1.8-2.045 1.93 1.93 0 0 1 1.8-2.047 1.919 1.919 0 0 1 1.8 2.047 1.93 1.93 0 0 1-1.8 2.045Zm6.644 0a1.94 1.94 0 0 1-1.8-2.045 1.93 1.93 0 0 1 1.8-2.047 1.918 1.918 0 0 1 1.8 2.047 1.93 1.93 0 0 1-1.8 2.045Z"/>
|
||
</svg>
|
||
<span class="sr-only">Discord community</span>
|
||
</a>
|
||
<a href="#" class="text-gray-400 hover:text-gray-900 dark:hover:text-white">
|
||
<svg class="w-4 h-4" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 17">
|
||
<path fill-rule="evenodd" d="M20 1.892a8.178 8.178 0 0 1-2.355.635 4.074 4.074 0 0 0 1.8-2.235 8.344 8.344 0 0 1-2.605.98A4.13 4.13 0 0 0 13.85 0a4.068 4.068 0 0 0-4.1 4.038 4 4 0 0 0 .105.919A11.705 11.705 0 0 1 1.4.734a4.006 4.006 0 0 0 1.268 5.392 4.165 4.165 0 0 1-1.859-.5v.05A4.057 4.057 0 0 0 4.1 9.635a4.19 4.19 0 0 1-1.856.07 4.108 4.108 0 0 0 3.831 2.807A8.36 8.36 0 0 1 0 14.184 11.732 11.732 0 0 0 6.291 16 11.502 11.502 0 0 0 17.964 4.5c0-.177 0-.35-.012-.523A8.143 8.143 0 0 0 20 1.892Z" clip-rule="evenodd"/>
|
||
</svg>
|
||
<span class="sr-only">Twitter page</span>
|
||
</a>
|
||
<a href="#" class="text-gray-400 hover:text-gray-900 dark:hover:text-white">
|
||
<svg class="w-4 h-4" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20">
|
||
<path fill-rule="evenodd" d="M10 .333A9.911 9.911 0 0 0 6.866 19.65c.5.092.678-.215.678-.477 0-.237-.01-1.017-.014-1.845-2.757.6-3.338-1.169-3.338-1.169a2.627 2.627 0 0 0-1.1-1.451c-.9-.615.07-.6.07-.6a2.084 2.084 0 0 1 1.518 1.021 2.11 2.11 0 0 0 2.884.823c.044-.503.268-.973.63-1.325-2.2-.25-4.516-1.1-4.516-4.9A3.832 3.832 0 0 1 4.7 7.068a3.56 3.56 0 0 1 .095-2.623s.832-.266 2.726 1.016a9.409 9.409 0 0 1 4.962 0c1.89-1.282 2.717-1.016 2.717-1.016.366.83.402 1.768.1 2.623a3.827 3.827 0 0 1 1.02 2.659c0 3.807-2.319 4.644-4.525 4.889a2.366 2.366 0 0 1 .673 1.834c0 1.326-.012 2.394-.012 2.72 0 .263.18.572.681.475A9.911 9.911 0 0 0 10 .333Z" clip-rule="evenodd"/>
|
||
</svg>
|
||
<span class="sr-only">GitHub account</span>
|
||
</a>
|
||
<a href="#" class="text-gray-400 hover:text-gray-900 dark:hover:text-white">
|
||
<svg class="w-4 h-4" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20">
|
||
<path fill-rule="evenodd" d="M10 0a10 10 0 1 0 10 10A10.009 10.009 0 0 0 10 0Zm6.613 4.614a8.523 8.523 0 0 1 1.93 5.32 20.094 20.094 0 0 0-5.949-.274c-.059-.149-.122-.292-.184-.441a23.879 23.879 0 0 0-.566-1.239 11.41 11.41 0 0 0 4.769-3.366ZM8 1.707a8.821 8.821 0 0 1 2-.238 8.5 8.5 0 0 1 5.664 2.152 9.608 9.608 0 0 1-4.476 3.087A45.758 45.758 0 0 0 8 1.707ZM1.642 8.262a8.57 8.57 0 0 1 4.73-5.981A53.998 53.998 0 0 1 9.54 7.222a32.078 32.078 0 0 1-7.9 1.04h.002Zm2.01 7.46a8.51 8.51 0 0 1-2.2-5.707v-.262a31.64 31.64 0 0 0 8.777-1.219c.243.477.477.964.692 1.449-.114.032-.227.067-.336.1a13.569 13.569 0 0 0-6.942 5.636l.009.003ZM10 18.556a8.508 8.508 0 0 1-5.243-1.8 11.717 11.717 0 0 1 6.7-5.332.509.509 0 0 1 .055-.02 35.65 35.65 0 0 1 1.819 6.476 8.476 8.476 0 0 1-3.331.676Zm4.772-1.462A37.232 37.232 0 0 0 13.113 11a12.513 12.513 0 0 1 5.321.364 8.56 8.56 0 0 1-3.66 5.73h-.002Z" clip-rule="evenodd"/>
|
||
</svg>
|
||
<span class="sr-only">Dribbble account</span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
|
||
|
||
|
||
</body>
|