{{ template "headersMenu.html" . }}

<style>
	.service-card:hover {
		box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
	}
</style>
<section class="py-36">
	<div class="container">
		<div id="EditView" class="">
			<div class="flex flex-wrap">
				<div class="px-4 mb-8 w-full">
					<div class="font-bold text-md">{{ "Choisissez la fonction de votre tag" | t }}</div>
				</div>
				<!-- Service Cards -->
				<div class="px-4 mb-8 w-full sm:w-1/2">
					<a href="#" up-dismiss class="block p-6 bg-white rounded-lg border-gray-100 shadow-md dark:border-gray-700 border-2 service-card dark:bg-black hover:border-emerald-600 hover:dark:border-white">
						<div class="text-lg font-bold">{{ "Fiche entreprise" | t }}</div>
						<p class="text-sm">{{ "Partager les informations de votre entreprise" | t }}</p>
					</a>
				</div>
				<div class="px-4 mb-8 w-full sm:w-1/2">
					<a href="#" up-dismiss class="block p-6 bg-white rounded-lg border-gray-100 shadow-md dark:border-gray-700 border-2 service-card dark:bg-black hover:border-emerald-600 hover:dark:border-white">
						<div class="mb-2 text-lg font-bold">{{ "Carte de visite" | t }}</div>
						<p class="text-sm">{{ "Partager vos coordonnées" | t }}</p>
					</a>
				</div>
				<div class="px-4 mb-8 w-full sm:w-1/2">
					<a href="#" up-dismiss class="block p-6 bg-white rounded-lg border-gray-100 shadow-md dark:border-gray-700 border-2 service-card dark:bg-black hover:border-emerald-600 hover:dark:border-white">
						<div class="mb-2 text-lg font-bold">{{ "Feedback" | t }}</div>
						<p class="text-sm">{{ "Collecter les retours de vos utilisateurs" | t }}</p>
					</a>
				</div>
				<div class="px-4 mb-8 w-full sm:w-1/2">
					<div class="block p-6 bg-gray-100 rounded-lg shadow-md border-dark dark:border-white border-2 service-card dark:bg-black">
						<div class="mb-2 text-lg font-bold">{{ "Site internet" | t }}</div>
						<p class="text-sm">{{ "Obtenir + de visibilité sur votre site internet" | t }}</p>
					</div>
				</div>
				<div class="px-4 mb-8 w-full sm:w-1/2">
					<a href="#" up-dismiss class="block p-6 bg-white rounded-lg border-gray-100 shadow-md dark:border-gray-700 border-2 service-card dark:bg-black hover:border-emerald-600 hover:dark:border-white">
						<div class="mb-2 text-lg font-bold">{{ "Documents" | t }}</div>
						<p class="text-sm">{{ "Partager des documents en toute simplicité" | t }}</p>
					</a>
				</div>
				<div class="px-4 mb-8 w-full sm:w-1/2">
					<a href="#" up-dismiss class="block p-6 bg-white rounded-lg border-gray-100 shadow-md dark:border-gray-700 border-2 service-card dark:bg-black hover:border-emerald-600 hover:dark:border-white">
						<div class="mb-2 text-lg font-bold">{{ "Avis client" | t }}</div>
						<p class="text-sm">{{ "Afficher vos avis et/ou collecter de nouveaux avis" | t }}</p>
					</a>
				</div>
			</div>
		</div>
	</div>
</div>
</section>

{{ template "footer.html" . }}