Meta-Tag
Das Meta-Tag ist ein HTML-Element, das Informationen über eine Webseite bereitstellt, die nicht direkt im sichtbaren Inhalt angezeigt werden. Es wird in den
-Tags des HTML-Codes platziert und enthält Metadaten wie den Seitentitel, eine Beschreibung der Webseite und relevante Schlüsselwörter.
Das Meta-Tag hat verschiedene Funktionen und kann von Suchmaschinen, sozialen Netzwerken und anderen Webdiensten ausgelesen und genutzt werden. Beispielsweise kann die Meta-Beschreibung in den Suchergebnissen einer Suchmaschine angezeigt werden, um Nutzern eine Vorschau auf den Inhalt der Webseite zu geben.
Darüber hinaus können Meta-Tags auch für die Suchmaschinenoptimierung (SEO) verwendet werden. Suchmaschinen wie Google verwenden die Metadaten, um den Inhalt einer Webseite besser zu verstehen und relevante Suchergebnisse zu liefern. Indem relevante Schlüsselwörter im Meta-Tag platziert werden, kann die Sichtbarkeit einer Webseite in den Suchergebnissen verbessert werden.
Ein weiterer Verwendungszweck des Meta-Tags ist die Steuerung des Crawling-Verhaltens von Suchmaschinen. Mit dem Meta-Tag "robots" können Webseitenbetreiber Suchmaschinen anweisen, bestimmte Seiten nicht zu indexieren oder zu folgen. Dies kann nützlich sein, um sensible Informationen zu schützen oder duplicate content zu vermeiden.
Es gibt verschiedene Arten von Meta-Tags, darunter das Meta-Tag für den Seitentitel (
), das Meta-Tag für die Beschreibung (<meta name="description">) und das Meta-Tag für Schlüsselwörter (<meta name="keywords">). Zusätzlich zu diesen Standard-Meta-Tags können Webentwickler benutzerdefinierte Meta-Tags erstellen, um spezifische Informationen bereitzustellen.</p>
<p>Insgesamt ist das Meta-Tag ein wichtiges Element der Onpage-Optimierung und trägt zur Verbesserung der Suchmaschinenrankings und zur Darstellung von Webseiten in den Suchergebnissen bei.</p>
</div>
<div class="bg-yellow-light border-l-4 border-dark p-4 my-8 xl:my-12" role="alert">
<strong class="font-bold">Haben Sie weitere Fragen oder benötigen Sie Unterstützung zu diesem Thema??</strong>
<br>
Nehmen Sie <a href="https://www.mindtwo.de/kontakt">Kontakt</a> mit uns auf oder senden Sie uns eine detaillierte <a href="https://www.mindtwo.de/projektanfrage">Projektanfrage</a>. Wir sind gespannt auf Ihre Ideen!
</div>
<p class="mt-4">
<a class="btn btn-primary" href="https://www.mindtwo.de/lexicon">Zurück zum Lexikon</a>
</p>
</div>
</section>
<section class="grid grid-cols-12 gap-y-8 xl:gap-x-12 -scroll-mt-16 md:-scroll-mt-32 lg:-scroll-mt-40 xl:-scroll-mt-48 3xl:-scroll-mt-56 bg-grey-lighter py-16 md:py-32 lg:py-40 xl:py-48 3xl:py-56 mt-16 md:mt-32 lg:mt-40 xl:mt-48 3xl:mt-56 mb-0">
<div class="col-span-10 col-start-2">
<h2>Digitaler Erfolg? Ein Klick entfernt.</h2>
<p>
Unser Angebot ist so vielseitig wie die digitale Welt selbst. Von Webentwicklung bis hin zu strategischer Beratung bieten wir Ihnen ein Rundum-Paket für Ihren digitalen Erfolg. Entdecken Sie jetzt Ihre Möglichkeiten.
</p>
<div>
<div class="grid grid-cols-12 overflow-hidden text-black">
<div class="col-span-12 ">
<ol class="md:columns-3 md:gap-20 [&>li]:mb-4 [&>li]:text-dynamic-lg marker:text-lg marker:font-light">
<li>
<a href="https://www.mindtwo.de/expertise/apps-online-portale" class="no-underline text-primary font-semibold bg-gradient-to-tr from-current to-current bg-[length:100%_2px] bg-right-bottom bg-no-repeat transition-[background-size] duration-300 ease-[cubic-bezier(.5,.1,.1,.9)] hover:bg-left-bottom hover:bg-[length:0_2px]">
<span class="text-black">Apps und Online-Portale</span>
</a>
</li>
<li>
<a href="https://www.mindtwo.de/expertise/business-websites" class="no-underline text-primary font-semibold bg-gradient-to-tr from-current to-current bg-[length:100%_2px] bg-right-bottom bg-no-repeat transition-[background-size] duration-300 ease-[cubic-bezier(.5,.1,.1,.9)] hover:bg-left-bottom hover:bg-[length:0_2px]">
<span class="text-black">Business-Websites</span>
</a>
</li>
<li>
<a href="https://www.mindtwo.de/expertise/content-management" class="no-underline text-primary font-semibold bg-gradient-to-tr from-current to-current bg-[length:100%_2px] bg-right-bottom bg-no-repeat transition-[background-size] duration-300 ease-[cubic-bezier(.5,.1,.1,.9)] hover:bg-left-bottom hover:bg-[length:0_2px]">
<span class="text-black">Content-Management</span>
</a>
</li>
<li>
<a href="https://www.mindtwo.de/expertise/content-management-system" class="no-underline text-primary font-semibold bg-gradient-to-tr from-current to-current bg-[length:100%_2px] bg-right-bottom bg-no-repeat transition-[background-size] duration-300 ease-[cubic-bezier(.5,.1,.1,.9)] hover:bg-left-bottom hover:bg-[length:0_2px]">
<span class="text-black">Content-Management-System</span>
</a>
</li>
<li>
<a href="https://www.mindtwo.de/expertise/content-marketing" class="no-underline text-primary font-semibold bg-gradient-to-tr from-current to-current bg-[length:100%_2px] bg-right-bottom bg-no-repeat transition-[background-size] duration-300 ease-[cubic-bezier(.5,.1,.1,.9)] hover:bg-left-bottom hover:bg-[length:0_2px]">
<span class="text-black">Content-Marketing</span>
</a>
</li>
<li>
<a href="https://www.mindtwo.de/expertise/contentful" class="no-underline text-primary font-semibold bg-gradient-to-tr from-current to-current bg-[length:100%_2px] bg-right-bottom bg-no-repeat transition-[background-size] duration-300 ease-[cubic-bezier(.5,.1,.1,.9)] hover:bg-left-bottom hover:bg-[length:0_2px]">
<span class="text-black">Contentful</span>
</a>
</li>
<li>
<a href="https://www.mindtwo.de/expertise/craft-cms" class="no-underline text-primary font-semibold bg-gradient-to-tr from-current to-current bg-[length:100%_2px] bg-right-bottom bg-no-repeat transition-[background-size] duration-300 ease-[cubic-bezier(.5,.1,.1,.9)] hover:bg-left-bottom hover:bg-[length:0_2px]">
<span class="text-black">Craft CMS</span>
</a>
</li>
<li>
<a href="https://www.mindtwo.de/expertise/ecommerce-online-shops" class="no-underline text-primary font-semibold bg-gradient-to-tr from-current to-current bg-[length:100%_2px] bg-right-bottom bg-no-repeat transition-[background-size] duration-300 ease-[cubic-bezier(.5,.1,.1,.9)] hover:bg-left-bottom hover:bg-[length:0_2px]">
<span class="text-black">E-Commerce und Online-Shops</span>
</a>
</li>
<li>
<a href="https://www.mindtwo.de/expertise/employer-branding" class="no-underline text-primary font-semibold bg-gradient-to-tr from-current to-current bg-[length:100%_2px] bg-right-bottom bg-no-repeat transition-[background-size] duration-300 ease-[cubic-bezier(.5,.1,.1,.9)] hover:bg-left-bottom hover:bg-[length:0_2px]">
<span class="text-black">Employer Branding</span>
</a>
</li>
<li>
<a href="https://www.mindtwo.de/expertise/google-maps" class="no-underline text-primary font-semibold bg-gradient-to-tr from-current to-current bg-[length:100%_2px] bg-right-bottom bg-no-repeat transition-[background-size] duration-300 ease-[cubic-bezier(.5,.1,.1,.9)] hover:bg-left-bottom hover:bg-[length:0_2px]">
<span class="text-black">Google Maps</span>
</a>
</li>
<li>
<a href="https://www.mindtwo.de/expertise/grav-cms" class="no-underline text-primary font-semibold bg-gradient-to-tr from-current to-current bg-[length:100%_2px] bg-right-bottom bg-no-repeat transition-[background-size] duration-300 ease-[cubic-bezier(.5,.1,.1,.9)] hover:bg-left-bottom hover:bg-[length:0_2px]">
<span class="text-black">Grav CMS</span>
</a>
</li>
<li>
<a href="https://www.mindtwo.de/expertise/konzept-workshop" class="no-underline text-primary font-semibold bg-gradient-to-tr from-current to-current bg-[length:100%_2px] bg-right-bottom bg-no-repeat transition-[background-size] duration-300 ease-[cubic-bezier(.5,.1,.1,.9)] hover:bg-left-bottom hover:bg-[length:0_2px]">
<span class="text-black">Konzept-Workshop</span>
</a>
</li>
<li>
<a href="https://www.mindtwo.de/expertise/landing-pages" class="no-underline text-primary font-semibold bg-gradient-to-tr from-current to-current bg-[length:100%_2px] bg-right-bottom bg-no-repeat transition-[background-size] duration-300 ease-[cubic-bezier(.5,.1,.1,.9)] hover:bg-left-bottom hover:bg-[length:0_2px]">
<span class="text-black">Landing-Pages</span>
</a>
</li>
<li>
<a href="https://www.mindtwo.de/expertise/laravel" class="no-underline text-primary font-semibold bg-gradient-to-tr from-current to-current bg-[length:100%_2px] bg-right-bottom bg-no-repeat transition-[background-size] duration-300 ease-[cubic-bezier(.5,.1,.1,.9)] hover:bg-left-bottom hover:bg-[length:0_2px]">
<span class="text-black">Laravel</span>
</a>
</li>
<li>
<a href="https://www.mindtwo.de/expertise/laravel-spark" class="no-underline text-primary font-semibold bg-gradient-to-tr from-current to-current bg-[length:100%_2px] bg-right-bottom bg-no-repeat transition-[background-size] duration-300 ease-[cubic-bezier(.5,.1,.1,.9)] hover:bg-left-bottom hover:bg-[length:0_2px]">
<span class="text-black">Laravel Spark</span>
</a>
</li>
<li>
<a href="https://www.mindtwo.de/expertise/multi-domain-system" class="no-underline text-primary font-semibold bg-gradient-to-tr from-current to-current bg-[length:100%_2px] bg-right-bottom bg-no-repeat transition-[background-size] duration-300 ease-[cubic-bezier(.5,.1,.1,.9)] hover:bg-left-bottom hover:bg-[length:0_2px]">
<span class="text-black">Multi-Domain-System</span>
</a>
</li>
<li>
<a href="https://www.mindtwo.de/expertise/nuxtjs" class="no-underline text-primary font-semibold bg-gradient-to-tr from-current to-current bg-[length:100%_2px] bg-right-bottom bg-no-repeat transition-[background-size] duration-300 ease-[cubic-bezier(.5,.1,.1,.9)] hover:bg-left-bottom hover:bg-[length:0_2px]">
<span class="text-black">Nuxt.js</span>
</a>
</li>
<li>
<a href="https://www.mindtwo.de/expertise/online-marketing" class="no-underline text-primary font-semibold bg-gradient-to-tr from-current to-current bg-[length:100%_2px] bg-right-bottom bg-no-repeat transition-[background-size] duration-300 ease-[cubic-bezier(.5,.1,.1,.9)] hover:bg-left-bottom hover:bg-[length:0_2px]">
<span class="text-black">Online-Marketing</span>
</a>
</li>
<li>
<a href="https://www.mindtwo.de/expertise/online-redaktion" class="no-underline text-primary font-semibold bg-gradient-to-tr from-current to-current bg-[length:100%_2px] bg-right-bottom bg-no-repeat transition-[background-size] duration-300 ease-[cubic-bezier(.5,.1,.1,.9)] hover:bg-left-bottom hover:bg-[length:0_2px]">
<span class="text-black">Online-Redaktion</span>
</a>
</li>
<li>
<a href="https://www.mindtwo.de/expertise/open-source-software" class="no-underline text-primary font-semibold bg-gradient-to-tr from-current to-current bg-[length:100%_2px] bg-right-bottom bg-no-repeat transition-[background-size] duration-300 ease-[cubic-bezier(.5,.1,.1,.9)] hover:bg-left-bottom hover:bg-[length:0_2px]">
<span class="text-black">Open-Source-Software</span>
</a>
</li>
<li>
<a href="https://www.mindtwo.de/expertise/responsive-webdesign" class="no-underline text-primary font-semibold bg-gradient-to-tr from-current to-current bg-[length:100%_2px] bg-right-bottom bg-no-repeat transition-[background-size] duration-300 ease-[cubic-bezier(.5,.1,.1,.9)] hover:bg-left-bottom hover:bg-[length:0_2px]">
<span class="text-black">Responsive Webdesign</span>
</a>
</li>
<li>
<a href="https://www.mindtwo.de/expertise/sea" class="no-underline text-primary font-semibold bg-gradient-to-tr from-current to-current bg-[length:100%_2px] bg-right-bottom bg-no-repeat transition-[background-size] duration-300 ease-[cubic-bezier(.5,.1,.1,.9)] hover:bg-left-bottom hover:bg-[length:0_2px]">
<span class="text-black">SEA (Search Engine Advertising)</span>
</a>
</li>
<li>
<a href="https://www.mindtwo.de/expertise/seo" class="no-underline text-primary font-semibold bg-gradient-to-tr from-current to-current bg-[length:100%_2px] bg-right-bottom bg-no-repeat transition-[background-size] duration-300 ease-[cubic-bezier(.5,.1,.1,.9)] hover:bg-left-bottom hover:bg-[length:0_2px]">
<span class="text-black">SEO (Search Engine Optimization)</span>
</a>
</li>
<li>
<a href="https://www.mindtwo.de/expertise/shopify" class="no-underline text-primary font-semibold bg-gradient-to-tr from-current to-current bg-[length:100%_2px] bg-right-bottom bg-no-repeat transition-[background-size] duration-300 ease-[cubic-bezier(.5,.1,.1,.9)] hover:bg-left-bottom hover:bg-[length:0_2px]">
<span class="text-black">Shopify</span>
</a>
</li>
<li>
<a href="https://www.mindtwo.de/expertise/storyblok" class="no-underline text-primary font-semibold bg-gradient-to-tr from-current to-current bg-[length:100%_2px] bg-right-bottom bg-no-repeat transition-[background-size] duration-300 ease-[cubic-bezier(.5,.1,.1,.9)] hover:bg-left-bottom hover:bg-[length:0_2px]">
<span class="text-black">Storyblok</span>
</a>
</li>
<li>
<a href="https://www.mindtwo.de/expertise/strapi" class="no-underline text-primary font-semibold bg-gradient-to-tr from-current to-current bg-[length:100%_2px] bg-right-bottom bg-no-repeat transition-[background-size] duration-300 ease-[cubic-bezier(.5,.1,.1,.9)] hover:bg-left-bottom hover:bg-[length:0_2px]">
<span class="text-black">Strapi</span>
</a>
</li>
<li>
<a href="https://www.mindtwo.de/expertise/strategische-beratung" class="no-underline text-primary font-semibold bg-gradient-to-tr from-current to-current bg-[length:100%_2px] bg-right-bottom bg-no-repeat transition-[background-size] duration-300 ease-[cubic-bezier(.5,.1,.1,.9)] hover:bg-left-bottom hover:bg-[length:0_2px]">
<span class="text-black">Strategische Beratung</span>
</a>
</li>
<li>
<a href="https://www.mindtwo.de/expertise/ux-ui-design" class="no-underline text-primary font-semibold bg-gradient-to-tr from-current to-current bg-[length:100%_2px] bg-right-bottom bg-no-repeat transition-[background-size] duration-300 ease-[cubic-bezier(.5,.1,.1,.9)] hover:bg-left-bottom hover:bg-[length:0_2px]">
<span class="text-black">UX/UI Design und Webdesign</span>
</a>
</li>
<li>
<a href="https://www.mindtwo.de/expertise/vuejs" class="no-underline text-primary font-semibold bg-gradient-to-tr from-current to-current bg-[length:100%_2px] bg-right-bottom bg-no-repeat transition-[background-size] duration-300 ease-[cubic-bezier(.5,.1,.1,.9)] hover:bg-left-bottom hover:bg-[length:0_2px]">
<span class="text-black">Vue.js</span>
</a>
</li>
<li>
<a href="https://www.mindtwo.de/expertise/web-entwicklung" class="no-underline text-primary font-semibold bg-gradient-to-tr from-current to-current bg-[length:100%_2px] bg-right-bottom bg-no-repeat transition-[background-size] duration-300 ease-[cubic-bezier(.5,.1,.1,.9)] hover:bg-left-bottom hover:bg-[length:0_2px]">
<span class="text-black">Web-Entwicklung</span>
</a>
</li>
<li>
<a href="https://www.mindtwo.de/expertise/webanwendungen-softwareentwicklung" class="no-underline text-primary font-semibold bg-gradient-to-tr from-current to-current bg-[length:100%_2px] bg-right-bottom bg-no-repeat transition-[background-size] duration-300 ease-[cubic-bezier(.5,.1,.1,.9)] hover:bg-left-bottom hover:bg-[length:0_2px]">
<span class="text-black">Webanwendungen und Softwareentwicklung</span>
</a>
</li>
<li>
<a href="https://www.mindtwo.de/expertise/website-wartung-pflege-service" class="no-underline text-primary font-semibold bg-gradient-to-tr from-current to-current bg-[length:100%_2px] bg-right-bottom bg-no-repeat transition-[background-size] duration-300 ease-[cubic-bezier(.5,.1,.1,.9)] hover:bg-left-bottom hover:bg-[length:0_2px]">
<span class="text-black">Website-Wartung, Pflege und Service</span>
</a>
</li>
<li>
<a href="https://www.mindtwo.de/expertise/wordpress" class="no-underline text-primary font-semibold bg-gradient-to-tr from-current to-current bg-[length:100%_2px] bg-right-bottom bg-no-repeat transition-[background-size] duration-300 ease-[cubic-bezier(.5,.1,.1,.9)] hover:bg-left-bottom hover:bg-[length:0_2px]">
<span class="text-black">WordPress</span>
</a>
</li>
<li>
<a href="https://www.mindtwo.de/expertise" class="no-underline text-primary font-semibold bg-gradient-to-tr from-current to-current bg-[length:100%_2px] bg-right-bottom bg-no-repeat transition-[background-size] duration-300 ease-[cubic-bezier(.5,.1,.1,.9)] hover:bg-left-bottom hover:bg-[length:0_2px]">
<span class="text-black">mindtwo-expertise.pages.index</span>
</a>
</li>
<li>
<a href="https://www.mindtwo.de/expertise/statamic" class="no-underline text-primary font-semibold bg-gradient-to-tr from-current to-current bg-[length:100%_2px] bg-right-bottom bg-no-repeat transition-[background-size] duration-300 ease-[cubic-bezier(.5,.1,.1,.9)] hover:bg-left-bottom hover:bg-[length:0_2px]">
<span class="text-black">mindtwo-expertise.pages.statamic</span>
</a>
</li>
</ol>
</div>
</div>
</div>
<p class="mt-6">
<a class="btn btn-primary" href="/expertise">Alle Leistungen im Überblick</a>
</p>
</div>
</section>
<section class="bg-key-visual-red relative z-30 flex justify-center overflow-hidden">
<div class="w-full flex flex-wrap px-6 lg:px-12 py-16 lg:py-20 xl:py-24 items-center">
<div class="order-2 md:order-1 w-full md:w-3/5 lg:w-2/3 3xl:w-3/5 md:pr-12 xl:pr-24">
<h2 class="text-white">Erstgespräch vereinbaren</h2>
<p class="text-white mb-4 xl:mb-8">
Vereinbaren Sie einen unverbindlichen und kostenlosen Beratungstermin und stellen Sie uns Ihr Projekt vor.
</p>
<p class="text-white mb-4 xl:mb-8">
<button x-data="" @click="Calendly('d/z75-b73-qjn/')" calendly-id="d/z75-b73-qjn/" class="btn lg:btn-lg btn-white" aria-label="Lassen Sie uns sprechen">Lassen Sie uns sprechen</button>
</p>
</div>
<div class="order-1 md:order-2 w-full md:w-2/5 lg:w-1/3 3xl:w-2/5 md:text-right mb-8 md:mb-0 -mt-4 md:mt-0">
<div class="flex md:justify-center md:text-center pr-12 md:pr-0">
<img alt="mindtwo-head" class="inline-block max-w-full mx-auto radius-special-2 border-10 border-black border-opacity-10 overflow-hidden" height="400" width="400" loading="lazy" loading="lazy" src="/storage/media/images/1294/conversions/christian-jonas-square.png" alt="christian-jonas">
</div>
</div>
</div>
</section>
</main>
<footer class="relative bg-black text-white py-24 lg:py-32 xl:py-48 3xl:py-56 overflow-hidden">
<div class="grid grid-cols-12">
<div class="col-span-10 col-start-2 mb-24 xl:mb-32">
<div class="flex flex-wrap xl:flex-nowrap justify-between xl:gap-24">
<div class="xl:-mt-6">
<p>
<img width="400" height="200" class="w-1/2 md:w-1/3 xl:w-1/2" src="https://www.mindtwo.de/storage/assets/images/mindtwo/logo-horizontal.svg" alt="mindtwo GmbH Logo" aria-hidden="true">
</p>
<p class="text-dynamic-base xl:pr-16 2xl:pr-24">
Wir, die mindtwo GmbH, sind eine Digitalagentur aus dem Rheinland. Spezialisiert auf die Entwicklung von leistungsfähigen Webanwendungen und hochwertigen Websites unterstützen wir anspruchsvolle KMU’s und erfolgreiche Marken – national wie international.
</p>
<div class="mt-12">
<p class="flex mt-8">
<a href="https://www.instagram.com/mindtwo.agency/" rel="noopener nofollow"
class="p-1 mr-4 inline-block scale-125" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="stroke-white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<rect x="2" y="2" width="20" height="20" rx="5" ry="5"/>
<path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"/>
<line x1="17.5" y1="6.5" x2="17.5" y2="6.5"/>
</svg>
<span class="sr-only">Instagram</span>
</a>
<a href="https://www.google.com/maps/place/mindtwo+GmbH/@50.7271351,7.0703189,17z/data=!3m1!4b1!4m5!3m4!1s0x0:0x88448e89727c40f4!8m2!3d50.7271351!4d7.0725076?hl=de"
rel="noopener nofollow" class="p-1 mr-4 inline-block scale-125" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="stroke-white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/>
<circle cx="12" cy="10" r="3"/>
</svg>
<span class="sr-only">Google Maps</span>
</a>
<a href="https://github.com/mindtwo" rel="noopener nofollow" class="p-1 mr-4 inline-block scale-125"
target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22" fill="none" class="stroke-white" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
<span class="sr-only">GitHub</span>
</a>
</p>
</div>
</div>
<nav class="mt-24 xl:mt-0 w-full">
<div class="flex flex-wrap md:flex-nowrap gap-16 3xl:gap-24">
<div class="w-full md:w-auto">
<p class="uppercase text-sm text-current font-semibold tracking-wider">
<a class="flex-1 no-underline" href="https://www.mindtwo.de/expertise">
Leistungen
</a>
</p>
<ul class="list-none">
<li class="group py-2 text-dynamic-base text-white">
<a href="https://www.mindtwo.de/expertise/webanwendungen-softwareentwicklung" class="block whitespace-nowrap no-underline group-hover:text-primary group-hover:translate-x-2 transition-all">
Webanwendungen
</a>
</li>
<li class="group py-2 text-dynamic-base text-white">
<a href="https://www.mindtwo.de/expertise/business-websites" class="block whitespace-nowrap no-underline group-hover:text-primary group-hover:translate-x-2 transition-all">
Firmenwebsites
</a>
</li>
<li class="group py-2 text-dynamic-base text-white">
<a href="https://www.mindtwo.de/expertise/employer-branding" class="block whitespace-nowrap no-underline group-hover:text-primary group-hover:translate-x-2 transition-all">
Employer Branding
</a>
</li>
<li class="group py-2 text-dynamic-base text-white">
<a href="https://www.mindtwo.de/expertise/laravel" class="block whitespace-nowrap no-underline group-hover:text-primary group-hover:translate-x-2 transition-all">
Laravel
</a>
</li>
<li class="group py-2 text-dynamic-base text-white">
<a href="https://www.mindtwo.de/expertise/vuejs" class="block whitespace-nowrap no-underline group-hover:text-primary group-hover:translate-x-2 transition-all">
Vue.js
</a>
</li>
<li class="group py-2 text-dynamic-base text-white">
<a href="https://www.mindtwo.de/expertise/online-marketing" class="block whitespace-nowrap no-underline group-hover:text-primary group-hover:translate-x-2 transition-all">
Online-Marketing
</a>
</li>
<li class="group py-2 text-dynamic-base text-white">
<a href="https://www.mindtwo.de/expertise/ux-ui-design" class="block whitespace-nowrap no-underline group-hover:text-primary group-hover:translate-x-2 transition-all">
Webdesign & UX/UI Design
</a>
</li>
</ul>
</div>
<div class="w-full md:w-auto">
<p class="uppercase text-sm text-current font-semibold tracking-wider">
Quicklinks
</p>
<ul class="list-none">
<li class="group py-2 text-dynamic-base text-white">
<a href="https://www.mindtwo.de/kontakt" class="block whitespace-nowrap no-underline group-hover:text-primary group-hover:translate-x-2 transition-all">
Kontakt
</a>
</li>
<li class="group py-2 text-dynamic-base text-white">
<a href="https://www.mindtwo.de/branchen" class="block whitespace-nowrap no-underline group-hover:text-primary group-hover:translate-x-2 transition-all">
Branchen
</a>
</li>
<li class="group py-2 text-dynamic-base text-white">
<a href="https://www.mindtwo.de/blog/archive" class="block whitespace-nowrap no-underline group-hover:text-primary group-hover:translate-x-2 transition-all">
Insights Archiv
</a>
</li>
<li class="group py-2 text-dynamic-base text-white">
<a href="https://www.mindtwo.de/lexicon" class="block whitespace-nowrap no-underline group-hover:text-primary group-hover:translate-x-2 transition-all">
New Media Lexikon
</a>
</li>
<li class="group py-2 text-dynamic-base text-white">
<a href="https://www.mindtwo.de/guidelines/coding" class="block whitespace-nowrap no-underline group-hover:text-primary group-hover:translate-x-2 transition-all">
Coding Guidelines
</a>
</li>
<li class="group py-2 text-dynamic-base text-white">
<a href="https://www.mindtwo.de/guidelines/branding" class="block whitespace-nowrap no-underline group-hover:text-primary group-hover:translate-x-2 transition-all">
Branding Guidelines
</a>
</li>
<li class="group py-2 text-dynamic-base text-white">
<a href="https://www.mindtwo.de/ots" class="block whitespace-nowrap no-underline group-hover:text-primary group-hover:translate-x-2 transition-all">
One-Time-Secrets
</a>
</li>
</ul>
</div>
</div>
</nav>
</div>
</div>
</div>
<div class="grid grid-cols-12 mb-24">
<div class="col-span-10 col-start-2 flex flex-wrap md:flex-nowrap justify-center lg:justify-between">
<div class="bg-grey-darker flex justify-center 2xl:justify-between py-4 px-8 w-full">
<p class="hidden xl:w-full xl:flex items-center mb-0">
<a href="tel:+4922828695920" class="text-white hover:text-primary no-underline md:mr-8 inline-block whitespace-nowrap">
+49 228 28695920
</a>
<a href="https://www.mindtwo.de/kontakt#contact" class="text-white hover:text-primary no-underline inline-block">
sales@mindtwo.de
</a>
</p>
<nav class="w-full" aria-label="Navigation zu rechtlichen Links">
<ul class="list-none flex justify-center md:justify-start xl:justify-end">
<li class="mr-8 last:mr-0">
<a href="https://www.mindtwo.de/datenschutz" class="text-white hover:text-primary no-underline inline-block">
Datenschutz
</a>
</li>
<li class="mr-8 last:mr-0">
<a href="https://www.mindtwo.de/impressum" class="text-white hover:text-primary no-underline inline-block">
Impressum
</a>
</li>
</ul>
</nav>
</div>
<a href="https://www.mindtwo.de/kundenlogin" class="whitespace-nowrap bg-primary flex items-center justify-center flex-1 md:h-full py-4 px-8 no-underline hover:bg-primary-dark">Kundenlogin</a>
</div>
</div>
<div class="grid grid-cols-12">
<div class="col-span-10 col-start-2">
<div class="flex">
<p class="text-base md:text-lg mb-0">
<span class="font-semibold">Häufig findet man mindtwo über Suchbegriffe wie: </span>
<a class="text-grey" href="https://www.mindtwo.de/digitalagentur">Digitalagentur</a>,
<a class="text-grey" href="https://www.mindtwo.de/webagentur">Webagentur</a>,
<a class="text-grey" href="https://www.mindtwo.de/internetagentur">Internetagentur</a>,
<a class="text-grey" href="https://www.mindtwo.de/internetagentur-berlin">Internetagentur Berlin</a>,
<a class="text-grey" href="https://www.mindtwo.de/internetagentur-bonn">Internetagentur Bonn</a>,
<a class="text-grey" href="https://www.mindtwo.de/internetagentur-duesseldorf">Internetagentur Düsseldorf</a>,
<a class="text-grey" href="https://www.mindtwo.de/internetagentur-frankfurt">Internetagentur Frankfurt</a>,
<a class="text-grey" href="https://www.mindtwo.de/internetagentur-hamburg">Internetagentur Hamburg</a>,
<a class="text-grey" href="https://www.mindtwo.de/internetagentur-koeln">Internetagentur Köln</a>,
<a class="text-grey" href="https://www.mindtwo.de/internetagentur-muenchen">Internetagentur München</a>,
<a class="text-grey" href="https://www.mindtwo.de/internetagentur-zuerich">Internetagentur Zürich</a>,
<a class="text-grey" href="https://www.mindtwo.de/laravel-agentur-koeln">Laravel Agentur Köln</a>,
<a class="text-grey" href="https://www.mindtwo.de/laravel-agentur-duesseldorf">Laravel Agentur Düsseldorf</a>,
<a class="text-grey" href="https://www.mindtwo.de/laravel-agentur-berlin">Laravel Agentur Berlin</a>,
<a class="text-grey" href="https://www.mindtwo.de/laravel-agentur-hamburg">Laravel Agentur Hamburg</a>,
<a class="text-grey" href="https://www.mindtwo.de/laravel-agentur-muenchen">Laravel Agentur München</a>,
<a class="text-grey" href="https://www.mindtwo.de/laravel-agentur-frankfurt">Laravel Agentur Frankfurt</a>,
<a class="text-grey" href="https://www.mindtwo.de/laravel-agentur-zuerich">Laravel Agentur Zürich</a>,
<a class="text-grey" href="https://www.mindtwo.de/designagentur">Designagentur</a>,
<a class="text-grey" href="https://www.mindtwo.de/webdesign-agentur">Webdesign Agentur</a>,
<a class="text-grey" href="https://www.mindtwo.de/expertise/storyblok">Storyblok Agentur</a>,
<a class="text-grey" href="https://www.mindtwo.de/expertise/strapi">Strapi Agentur</a>,
<a class="text-grey" href="https://www.mindtwo.de/expertise/contentful">Contentful Agentur</a>,
<a class="text-grey" href="https://www.mindtwo.de/php-agentur">PHP Agentur</a>.
</p>
</div>
</div>
</div>
</footer>
<div x-data="overlay">
<div :class="open ? 'open-contact' : ''">
<div class="hidden md:block fixed top-1/2 -right-96 w-96 bg-grey-darker text-white shadow-2xl z-[9999] px-8 py-12 xl:py-16 2xl:px-112 2xl:py-24 -translate-y-1/2 transition-transform open-contact:-translate-x-96">
<button x-on:click.prevent="toggle" class="absolute top-1/2 -translate-y-1/2 bg-primary text-white no-underline text-lg -ml-16 left-0 w-16 h-16 flex justify-center shadow-xl">
<svg height="36" viewBox="0 0 36 36" width="36" xmlns="http://www.w3.org/2000/svg" class="scale-125 self-center relative -right-[2px]">
<title>Kontaktmöglichkeiten ein bzw. ausblenden
Kontaktmöglichkeiten ausblenden
Sie haben ein spannendes Projekt und möchten mit uns zusammenarbeiten? Kontaktieren Sie uns jetzt!
