Skip to content

Instantly share code, notes, and snippets.

<!DOCTYPE html>
<html lang="cs">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AAH Kalkulačka - Protokol 17k</title>
<style>
:root {
--slate-50: #f8fafc;
--slate-100: #f1f5f9;
<!DOCTYPE html>
<html lang="cs">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AAH Kalkulačka - Hrubý příjem (Autonomní verze)</title>
<style>
:root {
--slate-50: #f8fafc;
--slate-100: #f1f5f9;
<!DOCTYPE html>
<html lang="cs">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AAH Kalkulačka - Hrubý příjem</title>
<script src="https://cdn.tailwindcss.com"></script>
<style>
body { background-color: #f8fafc; font-family: sans-serif; }
.card { background: white; border-radius: 1.25rem; box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.05); }
<!DOCTYPE html>
<html lang="cs">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AAH Kalkulačka - Hrubý příjem</title>
<script src="https://cdn.tailwindcss.com"></script>
<style>
body { background-color: #f8fafc; font-family: sans-serif; }
.card { background: white; border-radius: 1.25rem; box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.05); }
<!DOCTYPE html>
<html lang="cs">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AAH Kalkulačka - Hrubý příjem</title>
<script src="https://cdn.tailwindcss.com"></script>
<style>
body { background-color: #f8fafc; font-family: sans-serif; }
.card { background: white; border-radius: 1rem; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); }
<!DOCTYPE html>
<html lang="cs">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AAH Kalkulačka - Hrubý příjem</title>
<script src="https://cdn.tailwindcss.com"></script>
<style>
body { background-color: #f8fafc; font-family: sans-serif; }
.card { background: white; border-radius: 1rem; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); }
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Simulateur AAH - Revenu Brut</title>
<style>
body { background-color: #f8fafc; font-family: ui-sans-serif, system-ui, sans-serif; margin: 0; padding: 1rem; color: #1e293b; }
.container { max-width: 42rem; margin: 2rem auto; }
header { margin-bottom: 2rem; border-bottom: 1px solid #e2e8f0; padding-bottom: 1rem; }
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Simulateur AAH - Revenu Brut</title>
<style>
body { background-color: #f8fafc; font-family: ui-sans-serif, system-ui, sans-serif; margin: 0; padding: 1rem; color: #1e293b; }
.container { max-width: 42rem; margin: 2rem auto; }
header { margin-bottom: 2rem; border-bottom: 1px solid #e2e8f0; padding-bottom: 1rem; }
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Simulateur AAH - Version Pure</title>
<style>
/* CSS Ancre : Design figé pour la stabilité de l'aperçu */
body {
background-color: #f8fafc;
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Simulateur AAH - Version Pure</title>
<style>
/* CSS Ancre : Design figé pour la stabilité de l'aperçu */
body {
background-color: #f8fafc;