https://talkandcode.com/

ID de l'analyse :
49431863-86d8-455b-bd63-b5062bfb1484Terminée
URL soumise :
https://talkandcode.com/
Fin du rapport :

Liens : 0 trouvé(s)

Variables JavaScript : 11 trouvée(s)

NomType
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject
tailwindobject
/template.htmlstring
updateContentfunction
setDefaultLanguagefunction
hideAllSectionsfunction
showSectionfunction
initDarkModeTogglefunction

Messages de journal de console : 2 trouvé(s)

TypeCatégorieEnregistrement
warningother
URL
https://cdn.tailwindcss.com/
texte
cdn.tailwindcss.com should not be used in production. To use Tailwind CSS in production, install it as a PostCSS plugin or use the Tailwind CLI: https://tailwindcss.com/docs/installation
errornetwork
URL
https://talkandcode.com/favicon.ico
texte
Failed to load resource: the server responded with a status of 404 ()

HTML

<!DOCTYPE html><html lang="en"><head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Your Product Website</title>
	<!-- Tailwind CSS CDN -->
	<script src="https://cdn.tailwindcss.com"></script>
	<script>
		tailwind.config = {
			darkMode: 'class',
			theme: {
				extend: {
					colors: {
						primary: '#10BAB9',
					}
				}
			}
		}
	</script> 
	<!-- Link to your custom styles -->
	<link rel="stylesheet" href="assets/css/styles.css">
<style>*, ::before, ::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/* ! tailwindcss v3.4.16 | MIT License | https://tailwindcss.com */*,::after,::before{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}::after,::before{--tw-content:''}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.absolute{position:absolute}.relative{position:relative}.left-0\.5{left:0.125rem}.top-0\.5{top:0.125rem}.mx-auto{margin-left:auto;margin-right:auto}.-ml-6{margin-left:-1.5rem}.mb-16{margin-bottom:4rem}.mb-4{margin-bottom:1rem}.ml-3\.5{margin-left:0.875rem}.mr-8{margin-right:2rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.h-10{height:2.5rem}.h-6{height:1.5rem}.h-8{height:2rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-auto{width:auto}.max-w-4xl{max-width:56rem}.max-w-full{max-width:100%}.flex-none{flex:none}.flex-grow{flex-grow:1}.scale-0{--tw-scale-x:0;--tw-scale-y:0;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.space-x-4 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-8 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(2rem * var(--tw-space-x-reverse));margin-left:calc(2rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-2 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.5rem * var(--tw-space-y-reverse))}.rounded{border-radius:0.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:0.5rem}.border-b-2{border-bottom-width:2px}.border-transparent{border-color:transparent}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-primary{--tw-bg-opacity:1;background-color:rgb(16 186 185 / var(--tw-bg-opacity, 1))}.bg-slate-700{--tw-bg-opacity:1;background-color:rgb(51 65 85 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.p-4{padding:1rem}.px-2{padding-left:0.5rem;padding-right:0.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:0.25rem;padding-bottom:0.25rem}.py-1\.5{padding-top:0.375rem;padding-bottom:0.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-3{padding-top:0.75rem;padding-bottom:0.75rem}.py-8{padding-top:2rem;padding-bottom:2rem}.text-center{text-align:center}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:0.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.uppercase{text-transform:uppercase}.leading-relaxed{line-height:1.625}.tracking-wide{letter-spacing:0.025em}.text-cyan-500{--tw-text-opacity:1;color:rgb(6 182 212 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-primary{--tw-text-opacity:1;color:rgb(16 186 185 / var(--tw-text-opacity, 1))}.text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow-md{--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.transition{transition-property:color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.transition-colors{transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.duration-300{transition-duration:300ms}.duration-500{transition-duration:500ms}.hover\:border-primary:hover{--tw-border-opacity:1;border-color:rgb(16 186 185 / var(--tw-border-opacity, 1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-slate-500:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(100 116 139 / var(--tw-ring-opacity, 1))}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.focus-visible\:ring-offset-white:focus-visible{--tw-ring-offset-color:#fff}.dark\:bg-gray-800:is(.dark *){--tw-bg-opacity:1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.dark\:bg-gray-900:is(.dark *){--tw-bg-opacity:1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.dark\:text-gray-100:is(.dark *){--tw-text-opacity:1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.dark\:text-white:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.dark\:hover\:border-primary:hover:is(.dark *){--tw-border-opacity:1;border-color:rgb(16 186 185 / var(--tw-border-opacity, 1))}@media (min-width: 640px){.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width: 768px){.md\:flex{display:flex}.md\:hidden{display:none}}@media (min-width: 1024px){.lg\:px-8{padding-left:2rem;padding-right:2rem}}</style></head>
<body class="bg-white dark:bg-gray-900 text-gray-900 dark:text-white transition-colors duration-300">
	<nav class="bg-white dark:bg-gray-800 shadow-md">
		<!-- <div class="max-w-full mx-auto px-4 sm:px-6 lg:px-8 flex items-center h-16"> -->
		<div class="max-w-full mx-auto px-4 sm:px-6 lg:px-8 flex items-center justify-between">

			<!-- Logo aligned to the far left -->
			<!-- <div class="flex-shrink-0"> -->
			<div class="flex items-center">

				<a href="#">
					<img src="assets/images/logo-tac-bg.svg" alt="Your Company Logo" id="companyLogo" class="h-10 w-auto">
				</a>				
			</div>
		
					<!-- Menu items centered -->
				<div class="hidden md:flex flex-grow justify-center space-x-8">
					<a class="text-teal-dark uppercase tracking-wide font-bold text-xs py-3 mr-8 border-b-2 border-transparent hover:border-primary dark:text-white dark:hover:border-primary" href="#public-admin" id="navPublicAdmin">If you're Public Administration</a>
					<a class="text-grey-dark uppercase tracking-wide font-bold text-xs py-3 mr-8 border-b-2 border-transparent hover:border-primary dark:text-white dark:hover:border-primary" href="#why-we-do" id="navWhyWeDo">Why we do what we do</a>
					<a class="text-grey-dark uppercase tracking-wide font-bold text-xs py-3 mr-8 border-b-2 border-transparent hover:border-primary dark:text-white dark:hover:border-primary" href="#demos-photos" id="navDemosPhotos">Demos and Photos</a>
					<a class="text-grey-dark uppercase tracking-wide font-bold text-xs py-3 hover:border-primary border-b-2 border-transparent dark:text-white dark:hover:border-primary" href="#testimonials" id="navTestimonials">What they say about us</a>
					<a id="navHosts" class="text-grey-dark uppercase tracking-wide font-bold text-xs py-3 hover:border-primary border-b-2 border-transparent dark:text-white dark:hover:border-primary" href="#hosts">If you're a Host, this is also for you</a>
				</div>
	
				<!-- Language Selector & Dark Mode Toggle (visible on all screens) -->
				<div class="flex items-center space-x-4">
					<!-- Language Selector -->
					<select id="languageSelector" class="bg-white dark:bg-gray-800 text-gray-900 dark:text-white py-1 px-2 rounded">
						<option value="ast">Asturianu</option>
						<option value="ca">Català</option>
						<option value="de">Deutsch</option>
						<option value="en">English</option>
						<option value="es">Español</option>
						<option value="eu">Euskara</option>
						<option value="fr">Français</option>
						<option value="ga">Gaeilge</option>
						<option value="gl">Galego</option>
						<option value="it">Italiano</option>
						<option value="nl">Nederlands</option>
						<option value="pt">Português</option>
					</select>
	
					<!-- Dark Mode Toggle Button -->
					<button id="darkModeToggle" class="relative inline-flex items-center py-1.5 px-2 rounded-full transition-colors duration-300 focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-white focus:outline-none bg-slate-700 text-slate-400 focus-visible:ring-slate-500" role="switch" type="button" tabindex="0" aria-checked="false">
						<span class="sr-only" id="toggleDarkModeText">Switch to dark mode</span>
	
						<!-- Sun Icon -->
						<svg width="24" height="24" fill="none" aria-hidden="true" class="sun-icon-outside transform transition-transform duration-300 scale-0 opacity-0">
							<path d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
							<path d="M12 4v1M18 6l-1 1M20 12h-1M18 18l-1-1M12 19v1M7 17l-1 1M5 12H4M7 7l-1-1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
						</svg>
	
						<!-- Moon Icon -->
						<svg width="24" height="24" fill="none" aria-hidden="true" class="moon-icon-outside ml-3.5 transform transition-transform duration-300 scale-100 opacity-100">
							<path d="M18 15.63c-.977.52-1.945.481-3.13.481A6.981 6.981 0 0 1 7.89 9.13c0-1.185-.04-2.153.481-3.13C6.166 7.174 5 9.347 5 12.018A6.981 6.981 0 0 0 11.982 19c2.67 0 4.844-1.166 6.018-3.37ZM16 5c0 2.08-.96 4-3 4 2.04 0 3 .92 3 3 0-2.08.96-3 3-3-2.04 0-3-1.92-3-4Z" fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
						</svg>
	
						<!-- Toggle Circle -->
						<span class="toggle-circle absolute top-0.5 left-0.5 bg-white w-8 h-8 rounded-full flex items-center justify-center transition-transform duration-500 transform" style="transform: translateX(0px);">
							<!-- Sun Icon Inside Circle -->
							<svg width="24" height="24" fill="none" aria-hidden="true" class="sun-icon-inside flex-none transition duration-500 transform text-cyan-500 opacity-100 scale-100">
								<path d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
								<path d="M12 4v1M18 6l-1 1M20 12h-1M18 18l-1-1M12 19v1M7 17l-1 1M5 12H4M7 7l-1-1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
							</svg>
	
							<!-- Moon Icon Inside Circle -->
							<svg width="24" height="24" fill="none" aria-hidden="true" class="moon-icon-inside flex-none -ml-6 transition duration-500 transform text-slate-700 opacity-0 scale-0">
								<path d="M18 15.63c-.977.52-1.945.481-3.13.481A6.981 6.981 0 0 1 7.89 9.13c0-1.185-.04-2.153.481-3.13C6.166 7.174 5 9.347 5 12.018A6.981 6.981 0 0 0 11.982 19c2.67 0 4.844-1.166 6.018-3.37ZM16 5c0 2.08-.96 4-3 4 2.04 0 3 .92 3 3 0-2.08.96-3 3-3-2.04 0-3-1.92-3-4Z" fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
							</svg>
						</span>
					</button>
				</div>
	
				<!-- Mobile Menu Button (hamburger icon) -->
				<div class="md:hidden flex items-center">
					<button id="mobileMenuToggle" class="text-gray-700 dark:text-white focus:outline-none">
						<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-6 h-6">
							<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path>
						</svg>
					</button>
				</div>
			</div>
			<!-- Mobile Menu (hidden by default, shown when toggled) -->
            <div id="mobileMenu" class="hidden md:hidden bg-white dark:bg-gray-800">
                <ul class="space-y-2 p-4">
                    <li><a href="#public-admin" class="block nav-link">If you're Public Administration</a></li>
                    <li><a href="#why-we-do" class="block nav-link">Why we do what we do</a></li>
                    <li><a href="#demos-photos" class="block nav-link">Demos and Photos</a></li>
                    <li><a href="#testimonials" class="block nav-link">What they say about us</a></li>
                    <li><a href="#hosts" class="block nav-link">If you're a Host, this is also for you</a></li>
                </ul>
            </div>
	
		
	</nav>
	
	<!-- Refined Introductory Section -->
	<section id="intro_text" class="content-section intro-section bg-gray-100 dark:bg-gray-800 text-center py-10 px-6 rounded-lg shadow-md mx-auto max-w-4xl">
		<!-- <p class="text-xl text-gray-800 dark:text-gray-100 font-medium leading-relaxed"> -->
		<p id="introText" class="text-xl text-gray-800 dark:text-gray-100 font-medium leading-relaxed"><strong>If you've made it here, it's probably because you have a problem with short-term lettings.</strong><br><br>And maybe you're a public administration struggling with processes that don't move forward, or a property owner who's discovered someone copied your license.<br><br>Or maybe not. Maybe you're here because someone told you about us. They said we do things well. Very well, in fact. That we help solve problems others don't even fully understand.<br><br>Whatever the case, you're in the right place. Because we don't beat around the bush here. We're going to show you how we can help, what we do, and why we do it the way we do. So keep reading; this is for you. Up there. In the menus. All the information is there for you.</p>
	</section>
		
	<main id="content" class="max-w-full mx-auto px-4 sm:px-6 lg:px-8 py-12">
	<main id="content" class="flex-grow">
		<!-- Si eres Administración Pública -->
		<section id="public-admin" class="content-section hidden mb-16">
			<h2 id="sectionPublicAdmin" class="text-3xl font-bold text-primary mb-4">If you're Public Administration</h2>
			<p id="sectionPublicAdminDesc" class="text-lg">Look, we're not here to tell you stories. If you're on the political side, you've got a problem, and a big one. People are on the streets. They complain, protest, show up day after day. Are they right? We don't know. But it doesn't matter. They're there, and something has to be done about it.<br><br>And if you're on the technical side? Same story. Same boat, same mess. You know exactly what we're talking about. In public administration, you deal with a frightening lack of personnel every day. The resources you're supposed to have seem to vanish like smoke. And the tools... well, if they exist, they're nowhere near what you actually need to manage the territory as it should be.<br><br>But of course, who do you tell your problems to, right? Because what you need isn't just another program that 'could' make things better. No. You need something that works. Something that, once and for all, brings order to the chaos.<br><br>And when it comes to controlling short-term lettings… it's even worse.<br><br>Before, you managed traditional tourism. The old market. Controlled, manageable. But with the arrival of short-term lettings… everything overflows. It's a tsunami, and there's no stopping it.<br><br>Because, of course, there's money here. A lot of money. And when that much money moves, we all know what happens: rules get broken, boundaries blur, and chaos appears.<br><br>And there's the real problem. When things aren't done right, when no one follows the rules, chaos becomes the only star of the show.<br><br>What we do is help make all that impossible stuff a reality. Because we know that when the team and resources are lacking, the right technology can make all the difference. What we put in your hands isn't magic, but believe me, it'll feel like it. And hey, we're not the ones saying it — our clients are.<br><br>So if you're tired of 'patches' and solutions that are just another expense, keep reading. What we offer isn't for everyone, but if you've made it this far, maybe it's for you.<br><br> Send us an email at <strong>[email protected]</strong></p>
		</section>
	
		<!-- Por qué hacemos lo que hacemos -->
		<section id="why-we-do" class="content-section hidden mb-16">
			<h2 id="sectionWhyWeDo" class="text-3xl font-bold text-primary mb-4">Why we do what we do</h2>
			<p id="sectionWhyWeDoDesc" class="text-lg">This, like almost everything good, started with a problem.<br><br>Our CEO had a problem. Back in 2014, he decided to buy an apartment with his wife. Up to that point, everything was normal. They went to see the place, liked it, negotiated… and on the day he showed up with the deposit in hand, the owner tells him: “Look, I'm sorry, but I sold it this morning to an investment group. They're going to turn the building into short-term lettings.”<br><br>Can you imagine? It was a blow. But instead of sitting idle, he decided to do something. He rolled up his sleeves and started building a monitoring system that crossed data from all kinds of sources. With the prototype in hand, he went to the public administration and asked, “I have this. Do you have anything like it to control what's happening?”<br><br>The rest, as they say, is history.<br><br>Hundreds of iterations later, hundreds of thousands of euros invested, and thousands of hours sitting next to tourism inspectors, team leaders, department heads, deputy directors, directors, even tourism ministers and local police, learning about their day-to-day, their problems, and frustrations.<br><br>The result? A platform that, according to them, is good. Very good. But make no mistake: we're not here to do your job. We're here to help you do it better. And believe us, you're already good. Very good. We know because we've seen it. You're excellent. If you want something that works and helps, email us at <strong>[email protected]</strong><br><br>If you're a host, don't worry. We can help you too. Go to the host section. It's for you, or write to us at <strong>[email protected]</strong></p>
		</section>
	
		<!-- Demos y Fotos -->
		<section id="demos-photos" class="content-section hidden mb-16">
			<h2 id="sectionDemosPhotos" class="text-3xl font-bold text-primary mb-4">Demos and Photos</h2>
			<p id="sectionDemosPhotosDesc" class="text-lg">Demos? Photos? No, we don't have demos or photos. Why? Because we don't need them. It's that simple.<br><br>And to be honest, because we've been copied a few times already. Yes, even by a client… So, we must be doing something right, don't you think?<br><br>But look, the silver lining is that it's pushed us to improve every time. We had to raise our game, and we did. But now we're tired of putting up examples for others to copy. So, if you've made it this far and you're interested in what we do, drop us a line. Send an email to <strong>[email protected]</strong> and let's talk.<br><br>If not, no worries. We'll still be friends.</p>
		</section>
	
		<!-- Qué dicen sobre nosotros -->
		<section id="testimonials" class="content-section hidden mb-16">
			<h2 id="sectionTestimonials" class="text-3xl font-bold text-primary mb-4">What they say about us</h2>
			<p id="sectionTestimonialsDesc" class="text-lg">Look, we're going to say it straight: our clients speak well of us. Very well.<br><br>They say we make things easy. That when they have a problem, we have a solution. That if the system fails, we're there. That if they need an improvement, we make it happen. And that if things get complicated, we don't hide.<br><br>And it's not us saying it. They say it, the ones who use the platform every day. The ones who know what it's like to deal with chaos and need tools that not only work but solve problems. They're the ones who tell us what we do well and what we don't. Because yes, they also tell us where we can improve, and instead of dodging the feedback, we listen and learn.<br><br>So, what do they say about us? That we get the job done. That we don't sell smoke. And when we say we're here to help, it's because we truly are.<br><br>If it fits for you, you know where to find us <strong>[email protected]</strong>.<br><br>If not, no hard feelings.</p>
		</section>
	
		<!-- Si eres anfitrión también te interesa -->
		<section id="hosts" class="content-section hidden mb-16">
			<h2 id="sectionHosts" class="text-3xl font-bold text-primary mb-4">If you're a Host, this is also for you</h2>
			<p id="sectionHostsDesc" class="text-lg">Alright, you're a host. You've done it all: paperwork, meetings, running around to make sure everything's in order… and suddenly, the administration calls you for an inspection of your short-term letting. Something's off. Or maybe you just have questions.<br><br>No worries, we're here to help.<br><br>Are we going to do it for free? No.<br>We're going to charge you, yes.<br>How much? Today, 100€. We'll likely increase it soon. When? We're not sure yet. But we will.<br>Is it expensive? Is it cheap? Depends on how much of a headache your issue is, you decide.<br><br>One thing though, and this part is free — although maybe we should charge for it, because it'll save you a big headache. Maybe we will in the future. But today, it's free.<br><br>And let's be clear: if you have a short-term letting without a license number… take it offline. They're going to catch you. Sooner or later, they're going to catch you. Actually, sooner rather than later. Because of us? No, because the inspectors are good. Very good. We've seen them in action. They do amazing things. Sherlock Holmes would be an amateur compared to them.<br><br>How do we help you? We pass your details to our clients — yes, the public administrations — and add them to our database and platform. We inform them that you've provided this information so that, with it, they can get to work on your case. When they can, of course.<br><br>We can't solve the problem? You get your money back. Simple as that.<br><br>And what problems might you have? Maybe someone copied your license, maybe you have more than one manager for your short-term letting, or any other situation out of control. Or maybe you just have questions.<br><br>So if you're in a bind or just want to make sure everything's in order, send us an email at <strong>[email protected]</strong> and we'll look into it together.</p>
		</section>
		
	</main>

	<footer class="bg-primary text-white py-8">
		<div class="max-w-full mx-auto px-4 sm:px-6 lg:px-8 text-center">
			<p id="footerText">© 2024 Talk&amp;Code. All rights reserved.</p>
		</div>
	</footer>

	<!-- Include your external JavaScript files -->
	<script src="assets/js/translations.js"></script>
	<script src="assets/js/main.js"></script>
	<script src="assets/js/dark_mode_toggle.js"></script>
	<script src="assets/js/menu.js"></script>


</main></body></html>