Since the person is writing in Spanish, I'll build the site in Spanish as a single-page professional layout covering header/navigation, hero, about, and a services section highlighting the three areas: legal, real estate, and education. I'm settling on a sophisticated color palette—deep navy with gold accents—fitting for a legal professional, and mapping out the full structure: navbar with sections for Inicio, Sobre mí, Servicios, Propiedades, Docencia, and Contacto, followed by a hero with a tagline spanning all three professions, a stats bar, a bio section, and detailed service cards breaking down legal practice areas, featured properties, and teaching offerings. I'm planning to build this as a single self-contained HTML file with embedded CSS and JS, using Font Awesome and Google Fonts via CDN for icons and typography. For images I'm weighing gradient-based placeholders versus real photo sources like Unsplash, leaning toward a mix so the site still looks polished while being easy to swap in real content later. I'm sketching out the full build plan now: responsive layout, smooth scrolling, mobile menu, scroll animations, a tab system for services, and a contact form with JS validation but no real backend. I'm also settling on a placeholder professional name like "Dra. Ana María Torres" and defining the color palette with a deep navy primary, gold secondary, and burgundy accent for hover states. Now I'm outlining the fonts (Playfair Display for headings, Inter or Lato for body) and mapping out the page sections — a navbar that turns solid on scroll, a hero with three profession badges, and specialty area cards with icons. Continuing the section plan: a personal bio section with photo and credentials, a services grid for practice areas, featured properties with price/location/specs, a teaching section covering courses and publications, testimonials, a contact section with form and map placeholder, and a footer, plus a floating WhatsApp button since that's common for professionals in Latin America. Now I'm starting to write the full HTML document... Setting up the head with fonts and title... Adding base typography and layout styles... Adding nav link hover styles... Now I'm building the hero section with a diagonal navy gradient background, top padding to clear the fixed navbar, and a two-column grid layout for the hero content. Adding role pills and button styles... For the hero visual, I'm thinking a stylized placeholder with a silhouette icon and a caption noting it's a professional photo placeholder, plus a floating stats card. I've decided against a real stock photo since it wouldn't represent the actual person honestly, so I'll go with a nicely designed placeholder with a decorative gold-offset frame and a badge reading "15+ años de experiencia." Now I'm building the stats bar below the hero with entries for years of experience, cases resolved, and properties managed. Adding student count stat... Now I'm styling the section headers with a centered label, heading, and description, then moving into the grid layout for the three "áreas" cards. Writing card hover styles... Now I'm building the "About Me" section with a cream background, a two-column grid pairing a visual with content, a floating badge overlapping the image, and a credentials list with divider lines between items. Then I'm planning the Legal Services section as a grid of practice area cards—Civil, Family, Real Estate/Notarial, Labor, Inheritance, and Contracts law—plus a possible "How We Work" four-step process section. For Properties, I'm setting up filter buttons (All, Sale, Rental) above a three-column grid of property cards with images and white backgrounds. Adding property card styles... Now I'm thinking through sourcing property images from Unsplash with specific known IDs. I'll add a gradient background fallback so the container still looks good if an image fails to load. For the Docencia section, I'm planning a two-column layout with academic subjects and areas on the left, and publications/conferences plus a CTA on the right. Then I'll add a Testimonios section with three quote cards for different client types, and a Contacto section with address, phone, email, and hours info. I'm now planning the form fields, footer columns, WhatsApp button, and the JavaScript needed for scroll effects, navbar behavior, filtering, form handling, and stat counters, plus responsive breakpoints at 992px and 768px. Now I'm starting to write the full HTML code. Defining color palette variables... Adding more base styles... Adding button variant styles... Styling the logo mark... Adding nav button and hamburger styles... Adding hero styles... Adding photo frame styling... Adding floating card animations and a scroll hint indicator... Adding stats grid styles... Adding hover styles for numbers... Writing about section styles... Adding more styles... Adding process section styling... Adding property filter buttons and styling... Adding property card styles... Adding teaching section styles... Styling the publications list and training CTA box, then starting the dark navy testimonials section... Adding testimonial author styling... Now I'm building the contact section layout with a two-column grid, styling the info panel and contact items with icon boxes. Styling the contact form fields... Writing footer styles... Adding pulse animation, then starting responsive media queries... Adding responsive breakpoints for the about, steps, and footer sections, then starting the mobile nav styles with a slide-in panel from the right... Adding responsive breakpoints for mobile layouts, then starting the HTML body with the navbar markup... Adding the hamburger menu button and finishing the nav, then starting the hero section with a tag, headline emphasizing "educación," and lead paragraph. Adding buttons for consultation and services, then building the hero visual with a photo placeholder frame and a floating credential badge card. Now I'm adding floating stat cards showing years of experience and client satisfaction, then finishing the hero section with a scroll hint and starting a stats section with counter animations for experience and cases handled. Building the three service area cards now, starting with the legal advisory card covering civil, labor and family law with litigation and mediation. Adding more service cards... Now I'm moving to the About section, building an image placeholder area for a professional photo with icon and caption text. Below it I'm adding a badge showing "15+" years of experience, followed by the content column with a section label, heading about a career built on justice and trust, and opening paragraph introducing her as a lawyer specialized in civil and real estate law, certified real estate agent, and university professor. Continuing that paragraph, then adding a pull quote about translating legal complexity into clear decisions, followed by a credentials list starting with her law license and a master's degree in civil law. Adding legal practice areas section... Adding sucesiones y mediación como áreas legales, y ahora empezando la sección de proceso de trabajo del caso. Finishing the process steps with a resolution stage, then moving into the properties section with a header emphasizing legal review and filter buttons for browsing listings. Building property cards... Finishing the CTA button and closing out the section, then I'm mapping out the remaining six properties with their sale/rental types, prices, and details, planning to pull in Unsplash images for each listing. Now I'm moving into the teaching section, starting the layout with an intro block and section label. Adding more course entries... Adding more publications and training entries... Now I'm wrapping up the academic section with a call-to-action for booking speaking or training engagements, then moving into building the testimonials section. Writing testimonials markup... Adding the third testimonial from a student praising her Sociología Jurídica classes, then starting the contact section with its info panel and section label. Adding contact icons... Adding form fields... Adding a success confirmation message for the form, then closing out the section and starting the footer with the brand logo, name, and tagline. Filling in the footer columns for navigation links, services, and contact info with icons. Adding the WhatsApp floating link, styling footer social icons for hover states, and starting the navbar scroll behavior in JavaScript... Wiring up the hamburger menu toggle and click-away behavior for mobile nav, plus beginning the scroll-based active link highlighting logic... Adding animated counters... Now I'm setting up property filter buttons that toggle active states and show/hide cards based on matching data-type attributes. I'm adding favorite icon toggling and contact form validation with submit handling logic... Actually I realize novalidate would interfere with reportValidity, so I should remove that attribute and let the browser handle native validation instead. I'm also reconsidering the property card filtering—rather than a complex re-animation on show, I'll keep it simple with just a hidden-class toggle and add a subtle fade-in-and-rise CSS animation for newly visible cards. Actually, that would conflict with the reveal-on-scroll transform. To avoid the two effects fighting each other, I'll move the reveal class to the grid wrapper instead of individual cards, letting the filter fade animation work cleanly on the cards themselves. I'm also double-checking that the floating hero cards, positioned with negative offsets, stay properly contained within the hero's overflow-hidden boundary. Now I'm reviewing smaller details: the photo frame's offset border decoration, the scrolled navbar keeping gold accents on white background, and the mobile nav panel switching hamburger icon colors correctly between transparent, scrolled, and open states. I'm also confirming section padding rules — `.hero` overrides the generic section padding via class specificity — and considering adding `scroll-margin-top` to sections so anchor links don't get hidden behind the fixed navbar, though I need to be careful since the hero section id needs to actually reach the top of the page. I'm double-checking the section-label styling for symmetry: centered headers get both before/after lines, while left-aligned ones like about-content and teaching-intro only need the before line. I'm also planning a dedicated heading style for the teaching intro section rather than relying on inline styles. For the checkmark icon, I'll use Font Awesome's solid checkmark glyph with the proper font family and weight, and five solid star icons for ratings. I'll keep the page focused without adding extra marquee or trust strips, and finish with a customization comment block at the top of the HTML plus brief Spanish instructions for the user on how to save and use the file. I'm also planning to explain how to connect the contact form via Formspree and how to publish through Netlify, GitHub Pages, or Hostinger. I'm double-checking the mobile hero layout so the grid collapses to one column with centered text, hiding the scroll-hint element on smaller screens to avoid overlapping the photo, and confirming the floating stat card markup is structured correctly. I'm also verifying the counter animations use data attributes with a "+" suffix, formatting prices in the Latin American style like "USD 285.000", and checking that the Unsplash photo IDs I'm using for house exteriors and pools are real and likely to load correctly. The `.nav-cta` correctly stays excluded from the active-link underline logic since it's filtered out separately. I'm also adding a fade-up entrance animation for the hero content elements with staggered delays, so they appear smoothly on load instead of using scroll-reveal since they're above the fold. Now writing the full CSS with readable formatting rather than minified, double-checking the mobile nav stacking: the navbar creates its own stacking context, with the hamburger at a higher z-index than the off-canvas nav panel so it stays clickable above it. But I realize `.navbar.scrolled` using `backdrop-filter` actually creates a new containing block for fixed-position children — meaning when scrolled, `.nav-links` (positioned fixed) would end up anchored to the navbar itself rather than the viewport, breaking the full-height mobile panel. I need to rework this so the off-canvas menu isn't affected by that containing-block shift. That's cleaner, so I'll go with that. I'm also checking the hamburger span color specificity when the menu is open versus scrolled, making sure the open-state rule comes later so it wins. Now I'm ready to write everything out in full, including the centered section label styling. After the code, I'll add a short guide in Spanish explaining how to save the file, personalize the name, initials, photo, contact info, WhatsApp link, properties, subjects, and publications, plus how to connect the form. ¡Claro! Aquí tienes una página web profesional, completa y lista para usar. Está diseñada con una estética elegante (azul marino + dorado) que transmite seriedad jurídica, y organiza las tres facetas profesionales de forma clara y armoniosa. Guarda el código como `index.html` y ábrelo en tu navegador: ```html Dra. Valeria Mendoza | Abogada · Agente Inmobiliaria · Docente Universitaria

Asesoría integral con visión social

Derecho, patrimonio y educación al servicio de las personas

Más de 15 años acompañando a familias, empresas y estudiantes con soluciones legales sólidas, gestión inmobiliaria transparente y formación académica de excelencia.

Abogada Agente Inmobiliaria Docente Universitaria

Agendar consulta Conocer servicios

Tu fotografía profesional

15+Años de trayectoria

98%Clientes satisfechos

Desliza

0Años de experiencia

0Casos resueltos

0Propiedades gestionadas

0Estudiantes formados

Tres áreas, una misma vocación

Servicios profesionales integrales

Una perspectiva única que combina el rigor jurídico, el conocimiento del mercado inmobiliario y la sensibilidad social de la academia.

Asesoría Legal

Representación y consultoría jurídica con ética, claridad y compromiso en cada etapa de su caso.

Derecho civil y de familia
Contratos y sucesiones
Derecho laboral
Litigio y mediación

Ver áreas de práctica

Servicios Inmobiliarios

Compra, venta y alquiler de inmuebles con respaldo legal desde el primer contacto hasta la escritura.

Venta y alquiler de propiedades
Estudio de títulos
Tasaciones y valoraciones
Redacción de contratos

Ver propiedades

Docencia y Capacitación

Formación universitaria en ciencias sociales y programas de capacitación para instituciones y empresas.

Cátedra universitaria
Talleres y seminarios
Conferencias especializadas
Dirección de tesis

Ver trayectoria académica

Fotografía en despacho o aula

15+ Años de trayectoria

Sobre mí

Una carrera construida sobre la justicia, la confianza y la enseñanza

Soy abogada con especialización en derecho civil e inmobiliario, agente inmobiliaria certificada y docente universitaria en el área de ciencias sociales. Mi trayectoria me ha permitido entender el derecho no solo como una disciplina técnica, sino como una herramienta de transformación social.

Esta combinación poco común me permite ofrecer a mis clientes una visión completa: protejo sus intereses legales, cuido su patrimonio y lo hago con la claridad pedagógica de quien enseña cada día.

"Mi compromiso es traducir la complejidad legal en decisiones claras, seguras y humanas."

Abogada colegiadaMatrícula profesional vigente
Maestría en Derecho CivilUniversidad Nacional
Agente inmobiliaria certificadaRegistro profesional habilitado
Docente titularFacultad de Ciencias Sociales

Trabajemos juntos

Servicios legales

Áreas de práctica jurídica

Defensa y asesoramiento con estrategia, rigor y una comunicación siempre transparente.

Derecho Civil

Obligaciones, responsabilidad civil, daños y perjuicios, y contratos en general.

Derecho de Familia

Divorcios, régimen de visitas, alimentos, adopciones y acuerdos de convivencia.

Derecho Inmobiliario

Compraventas, estudio de títulos, hipotecas, arrendamientos y regularización de dominio.

Derecho Laboral

Despidos, indemnizaciones, acoso laboral y asesoría a trabajadores y empleadores.

Sucesiones y Herencias

Declaratorias de herederos, testamentos, partición de bienes y planificación patrimonial.

Mediación y Negociación

Resolución alternativa de conflictos para acuerdos rápidos, económicos y duraderos.

¿Cómo trabajamos su caso?

Un proceso claro y ordenado para que usted siempre sepa en qué etapa se encuentra.

Consulta inicial

Escuchamos su situación y evaluamos la viabilidad legal sin compromiso.

Estrategia

Diseñamos un plan de acción con plazos, costos y escenarios posibles.

Gestión

Ejecutamos cada trámite con seguimiento permanente e informes periódicos.

Resolución

Cerramos el caso asegurando que sus derechos queden plenamente protegidos.

Inmobiliaria

Propiedades destacadas

Cada operación cuenta con revisión legal completa: títulos limpios, contratos seguros y acompañamiento hasta la firma.

Venta

USD 285.000

Casa moderna con jardín

Barrio Norte · Zona residencial

4 hab. 3 baños 240 m²

Alquiler

USD 1.200 / mes

Departamento luminoso en el centro

Centro · A pasos del metro

2 hab. 1 baño 85 m²

Venta

USD 420.000

Casa familiar con piscina

Barrio cerrado · Seguridad 24h

5 hab. 4 baños 380 m²

Alquiler

USD 950 / mes

Loft ejecutivo amoblado

Distrito financiero

1 hab. 1 baño 60 m²

Venta

USD 195.000

Casa de diseño a estrenar

Zona sur · Nueva urbanización

3 hab. 2 baños 180 m²

Alquiler

USD 1.800 / mes

Oficina comercial equipada

Torre corporativa · Piso 8

4 despachos 2 cocheras 120 m²

Solicitar búsqueda personalizada

Docencia universitaria

Formando profesionales con pensamiento crítico y compromiso social

Como docente en la Facultad de Ciencias Sociales, integro la teoría con la práctica profesional, acercando a los estudiantes a la realidad jurídica, política y social de su tiempo.

Mi metodología privilegia el análisis de casos reales, el debate argumentado y la investigación aplicada a problemas concretos de la sociedad.

Derecho y SociedadCátedra titular · Grado

Sociología JurídicaCátedra adjunta · Grado

Metodología de la Investigación SocialGrado y Posgrado

Políticas Públicas y HábitatSeminario optativo

Dirección de tesis y trabajos finalesTutoría académica

Publicaciones y ponencias

"El acceso a la vivienda como derecho social: análisis normativo y desafíos actuales"Revista de Ciencias Sociales · 2023
"Mediación comunitaria y resolución de conflictos urbanos"Congreso Latinoamericano de Sociología Jurídica · 2022
"Familia, patrimonio y género: una lectura desde el derecho civil"Capítulo de libro · Editorial Universitaria · 2021

Capacitaciones para instituciones

Marco legal para agentes inmobiliariosTaller práctico · 8 horas
Prevención del conflicto laboral en las organizacionesSeminario para empresas · 4 horas
Derechos de las familias: guía para docentes y trabajadores socialesCurso · 12 horas

¿Busca una conferencista o capacitadora?

Diseño programas a medida para universidades, colegios profesionales, empresas y organizaciones sociales.

Solicitar propuesta

Testimonios

Lo que dicen quienes confiaron en mí

Clientes, compradores y estudiantes comparten su experiencia.

"Llevó mi caso de sucesión con una claridad que nunca había encontrado en otro abogado. Me explicó cada paso y nunca me sentí perdida en el proceso."

María Fernanda R.Cliente · Derecho sucesorio

"Compramos nuestra primera casa con ella. Tener una agente que además es abogada nos dio una tranquilidad total con los papeles y el contrato."

Jorge y Lucía P.Compradores · Inmobiliaria

"Sus clases de Sociología Jurídica cambiaron mi forma de ver el derecho. Exigente, cercana y siempre dispuesta a debatir con argumentos."

Camila S.Estudiante · Ciencias Sociales

Contacto

Hablemos de su caso, su propiedad o su proyecto académico

Agende una consulta inicial. Responderé personalmente en un plazo máximo de 24 horas hábiles.

DespachoAv. Principal 1234, Piso 5, Of. 502Ciudad, País

Teléfono / WhatsApp+00 000 000 0000

Correo electrónicocontacto@valeriamendoza.com

Horario de atenciónLunes a viernes: 9:00 – 18:00Sábados: con cita previa

Solicite una consulta

Complete el formulario y me pondré en contacto a la brevedad.

Nombre completo *

Teléfono

Correo electrónico *

Área de interés *

Mensaje *

Su información es confidencial y está protegida por el secreto profesional.

¡Gracias! Su mensaje ha sido enviado. Le responderé a la brevedad.

puedes crear una pagina web profesional para una abogada que...