Tul xxx Tul
User / IP
:
216.73.216.217
Host / Server
:
45.84.207.204 / aircan.me
System
:
Linux lt-bnk-web1726.main-hosting.eu 5.14.0-611.36.1.el9_7.x86_64 #1 SMP PREEMPT_DYNAMIC Tue Mar 3 11:23:52 EST 2026 x86_64
Command
|
Upload
|
Create
Mass Deface
|
Jumping
|
Symlink
|
Reverse Shell
Ping
|
Port Scan
|
DNS Lookup
|
Whois
|
Header
|
cURL
:
/
home
/
u931257429
/
domains
/
aircan.me
/
public_html
/
abogadospain
/
Viewing: 5.html
<!DOCTYPE html> <html class="light" lang="es"><head> <meta charset="utf-8"/> <meta content="width=device-width, initial-scale=1.0" name="viewport"/> <title>Contacto y Cita Previa | Despacho de Abogados</title> <link rel="icon" type="image/png" href="public/assets/logo.png"/> <link rel="shortcut icon" type="image/png" href="public/assets/logo.png"/> <link rel="apple-touch-icon" href="public/assets/logo.png"/> <script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script> <link href="https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700&family=Noto+Serif:wght@400;700&display=swap" rel="stylesheet"/> <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap" rel="stylesheet"/> <script id="tailwind-config"> tailwind.config = { darkMode: "class", theme: { extend: { colors: { "primary": "#1b2d46", "gold": "#c5a059", "background-light": "#fdfcfb", "background-dark": "#0f172a", "legal-accent": "#8c9daf", }, fontFamily: { "display": ["Manrope", "sans-serif"], "serif": ["Noto Serif", "serif"] }, borderRadius: { "DEFAULT": "0.125rem", "lg": "0.25rem", "xl": "0.5rem", "full": "0.75rem" }, }, }, } </script> <style type="text/tailwindcss"> @layer base { .material-symbols-outlined { font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24; } } .form-input:focus { border-color: #c5a059 !important; box-shadow: none !important; } .no-scrollbar::-webkit-scrollbar { display: none; } .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; } body { min-height: 100dvh; } </style> <style> body { min-height: max(884px, 100dvh); } </style> </head> <body class="bg-background-light dark:bg-background-dark font-display text-primary transition-colors duration-300"> <header class="sticky top-0 z-50 bg-white/95 dark:bg-primary/95 backdrop-blur-md border-b border-slate-200 dark:border-slate-800"> <div class="flex items-center justify-between px-5 py-4 max-w-screen-xl mx-auto"> <a class="flex items-center gap-2 md:gap-3" href="index.html" aria-label="Ir a Inicio"> <img src="public/assets/logo.png" alt="García & Asociados" class="h-8 md:h-10 w-auto object-contain"/> <div class="flex flex-col md:hidden"> <span class="text-primary dark:text-white text-xs font-bold tracking-[0.15em] uppercase leading-none">García & Asociados</span> <span class="text-[8px] text-gold uppercase tracking-widest mt-0.5">Despacho de Abogados</span> </div> </a> <nav class="hidden md:flex items-center gap-6 lg:gap-8 text-[10px] lg:text-[11px] font-bold uppercase tracking-[0.2em]" aria-label="Menú principal"> <a class="text-primary/70 dark:text-white/70 hover:text-gold hover:border-b-2 hover:border-gold pb-1 px-1 transition-all" href="index.html">Inicio</a> <a class="text-primary/70 dark:text-white/70 hover:text-gold hover:border-b-2 hover:border-gold pb-1 px-1 transition-all" href="2.html">Práctica</a> <a class="text-primary/70 dark:text-white/70 hover:text-gold hover:border-b-2 hover:border-gold pb-1 px-1 transition-all" href="3.html">Equipo</a> <a class="text-primary/70 dark:text-white/70 hover:text-gold hover:border-b-2 hover:border-gold pb-1 px-1 transition-all" href="4.html">Blog</a> <a class="text-gold border-b-2 border-gold pb-1 px-1 transition-all" href="5.html" aria-current="page">Contacto</a> </nav> </div> </header> <main class="max-w-md mx-auto pb-28"> <header class="px-6 pt-10 pb-8"> <h2 class="font-serif text-3xl font-bold mb-3 dark:text-white text-primary">Contacto y Cita Previa</h2> <div class="h-1 w-12 bg-gold mb-4"></div> <p class="text-sm text-primary/70 dark:text-white/70 leading-relaxed"> Nuestro equipo de especialistas revisará su caso con la máxima confidencialidad. Recibirá una respuesta en menos de 24 horas laborables. </p> </header> <section class="px-4 mb-12"> <div class="bg-white dark:bg-primary/20 p-6 rounded-lg shadow-sm border border-primary/5"> <div class="flex items-center gap-2 mb-6 border-b border-primary/5 pb-4"> <span class="material-symbols-outlined text-gold">lock</span> <h3 class="font-serif text-xl font-bold dark:text-white">Consulta Confidencial</h3> </div> <form class="space-y-5"> <div class="space-y-1.5"> <label class="text-[10px] font-bold uppercase tracking-[0.15em] text-primary/50 dark:text-white/40">Nombre Completo</label> <input class="form-input w-full bg-background-light dark:bg-background-dark/50 border-primary/10 dark:border-white/10 rounded px-4 py-3 text-primary dark:text-white placeholder:text-primary/30" placeholder="Ej. Juan Pérez" type="text"/> </div> <div class="space-y-1.5"> <label class="text-[10px] font-bold uppercase tracking-[0.15em] text-primary/50 dark:text-white/40">Correo Electrónico</label> <input class="form-input w-full bg-background-light dark:bg-background-dark/50 border-primary/10 dark:border-white/10 rounded px-4 py-3 text-primary dark:text-white placeholder:text-primary/30" placeholder="juan@ejemplo.es" type="email"/> </div> <div class="space-y-1.5"> <label class="text-[10px] font-bold uppercase tracking-[0.15em] text-primary/50 dark:text-white/40">Teléfono</label> <input class="form-input w-full bg-background-light dark:bg-background-dark/50 border-primary/10 dark:border-white/10 rounded px-4 py-3 text-primary dark:text-white placeholder:text-primary/30" placeholder="+34 600 000 000" type="tel"/> </div> <div class="space-y-1.5"> <label class="text-[10px] font-bold uppercase tracking-[0.15em] text-primary/50 dark:text-white/40">Descripción del Caso</label> <textarea class="form-input w-full bg-background-light dark:bg-background-dark/50 border-primary/10 dark:border-white/10 rounded px-4 py-3 text-primary dark:text-white placeholder:text-primary/30 resize-none" placeholder="Breve descripción de sus necesidades legales..." rows="4"></textarea> </div> <button class="w-full bg-primary text-white font-bold py-4 rounded-lg shadow-lg flex items-center justify-center gap-2 hover:bg-primary/95 active:scale-[0.98] transition-all" type="submit"> <span class="uppercase tracking-widest text-sm">Solicitar Cita Previa</span> <span class="material-symbols-outlined text-lg">calendar_month</span> </button> <div class="flex items-center justify-center gap-2 pt-2"> <span class="text-[9px] text-primary/40 dark:text-white/30 uppercase tracking-[0.2em]">Privilegio Abogado-Cliente</span> </div> </form> </div> </section> <section class="px-6 mb-12"> <h3 class="font-serif text-2xl font-bold mb-8 dark:text-white border-l-4 border-gold pl-4">Nuestras Oficinas</h3> <div class="space-y-8"> <div class="group bg-white dark:bg-primary/20 rounded-xl overflow-hidden shadow-sm border border-primary/5"> <div class="h-44 bg-gray-200 relative"> <img alt="Ubicación Madrid" class="w-full h-full object-cover grayscale opacity-90" src="https://lh3.googleusercontent.com/aida-public/AB6AXuBJ6jzYnHpvoLQ-bKguGi2giL8r_dsO44rtoKrWlMUxg1SD_sFCnEXO2qCcYpOo7Qs7CAQer2zh6SBp030Jy5zs48sUvtcjXGX8gn2ChhdeLfht7t0cHUF9Lcvt2r-984aD9XjeYt832D82DP88DWc_T22HzUBOT83jys-MHHHfZrpkdo5A2obanUWrE89MujcxCucXsLB8OEUtqa-Dl7k79WnbqNanLgeQs59DTulmQGMZ7qbix977pS4KYS_kGDwQ9TYAze1NFfDA"/> <div class="absolute inset-0 bg-primary/20"></div> <div class="absolute top-4 left-4 bg-primary text-gold text-[10px] font-bold px-3 py-1 rounded shadow-lg uppercase tracking-wider"> Sede Central </div> </div> <div class="p-6"> <div class="flex justify-between items-start mb-4"> <div> <h4 class="font-serif font-bold text-xl dark:text-white">Madrid</h4> <p class="text-sm text-primary/70 dark:text-white/60 mt-1">Paseo de la Castellana, 259</p> <p class="text-sm text-primary/70 dark:text-white/60 italic">28046 Madrid, España</p> </div> <span class="material-symbols-outlined text-gold text-3xl">location_on</span> </div> <div class="grid grid-cols-2 gap-3 mt-6"> <a class="border border-primary/20 dark:border-white/20 text-primary dark:text-white text-[11px] font-bold py-3 rounded flex items-center justify-center gap-2" href="tel:+34910000000"> <span class="material-symbols-outlined text-base">call</span> LLAMAR </a> <button class="bg-primary text-white text-[11px] font-bold py-3 rounded flex items-center justify-center gap-2"> <span class="material-symbols-outlined text-base">near_me</span> CÓMO LLEGAR </button> </div> </div> </div> <div class="group bg-white dark:bg-primary/20 rounded-xl overflow-hidden shadow-sm border border-primary/5"> <div class="h-44 bg-gray-200 relative"> <img alt="Ubicación Barcelona" class="w-full h-full object-cover grayscale opacity-90" src="https://lh3.googleusercontent.com/aida-public/AB6AXuD6Ip780TPGcomnMsw51p7htlU9CaIVNml32EtzeBJYrUwJM7DLFmr5XD-bDgtdeFXNy1UMlu5h5NNw6Hy3QLzM5VFgziuiW_CV_o2t2TH-xUJdRxpqZWduN5-DCNOa6OQSFWrI5ot3iLkQVHDP7_tEpAaGIs_sTN0jfNdjHbLUXnkDz43fzxtDIEllKuySwb8swNYq0OdDd49c9WLDGNukNmh2v9kmSReQkgr0ZX0QiXrZqb6euED6TsCWIMaFqlaNF16lSweSirvQ"/> <div class="absolute inset-0 bg-primary/20"></div> </div> <div class="p-6"> <div class="flex justify-between items-start mb-4"> <div> <h4 class="font-serif font-bold text-xl dark:text-white">Barcelona</h4> <p class="text-sm text-primary/70 dark:text-white/60 mt-1">Avinguda Diagonal, 640</p> <p class="text-sm text-primary/70 dark:text-white/60 italic">08017 Barcelona, España</p> </div> <span class="material-symbols-outlined text-gold text-3xl">location_on</span> </div> <div class="grid grid-cols-2 gap-3 mt-6"> <a class="border border-primary/20 dark:border-white/20 text-primary dark:text-white text-[11px] font-bold py-3 rounded flex items-center justify-center gap-2" href="tel:+34930000000"> <span class="material-symbols-outlined text-base">call</span> LLAMAR </a> <button class="bg-primary text-white text-[11px] font-bold py-3 rounded flex items-center justify-center gap-2"> <span class="material-symbols-outlined text-base">near_me</span> CÓMO LLEGAR </button> </div> </div> </div> </div> </section> <footer class="px-6 py-12 text-center space-y-6 border-t border-primary/5"> <div class="inline-flex items-center gap-2 px-4 py-2 bg-primary/5 dark:bg-white/5 rounded-full"> <span class="flex size-2 rounded-full bg-green-500 animate-pulse"></span> <span class="text-[11px] font-bold text-primary/70 dark:text-white/70 uppercase tracking-wider">Atención al cliente disponible</span> </div> <p class="text-[10px] text-primary/40 dark:text-white/40 max-w-[280px] mx-auto leading-relaxed uppercase tracking-[0.1em]"> Lex & Asociados S.L.P. © 2024.<br/>Todos los derechos reservados. Madrid - Barcelona. </p> </footer> </main> <nav class="fixed bottom-0 left-0 right-0 md:hidden bg-white/95 dark:bg-primary/95 backdrop-blur-md border-t border-slate-200 dark:border-slate-800 px-4 pt-3 pb-8 flex justify-between items-center z-50" aria-label="Navegación inferior"> <a class="flex flex-col items-center gap-1 text-slate-400 hover:text-gold transition-colors" href="index.html"> <span class="material-symbols-outlined">home</span> <span class="text-[9px] font-bold uppercase tracking-tight">Inicio</span> </a> <a class="flex flex-col items-center gap-1 text-slate-400 hover:text-gold transition-colors" href="2.html"> <span class="material-symbols-outlined">gavel</span> <span class="text-[9px] font-bold uppercase tracking-tight">Práctica</span> </a> <a class="flex flex-col items-center gap-1 text-slate-400 hover:text-gold transition-colors" href="3.html"> <span class="material-symbols-outlined">groups</span> <span class="text-[9px] font-bold uppercase tracking-tight">Equipo</span> </a> <a class="flex flex-col items-center gap-1 text-slate-400 hover:text-gold transition-colors" href="4.html"> <span class="material-symbols-outlined">article</span> <span class="text-[9px] font-bold uppercase tracking-tight">Blog</span> </a> <a class="flex flex-col items-center gap-1 text-gold" href="5.html" aria-current="page"> <span class="material-symbols-outlined">mail</span> <span class="text-[9px] font-bold uppercase tracking-tight">Contacto</span> </a> </nav> <div class="h-20 md:hidden"></div> </body></html>
Coded With 💗 by
0x6ick