```html Inmobiliaria Elite - Tu hogar ideal / Hero Section / .hero { background: linear-gradient(rgba(44, 62, 80, 0.7), rgba(44, 62, 80, 0.7)), url('https://images.unsplash.com/photo-1560518883-ce09059eeffa?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80'); background-size: cover; background-position: center; color: white; padding: 120px 0; text-align: center; } .hero h1 { font-size: 48px; margin-bottom: 20px; } .hero p { font-size: 20px; max-width: 700px; margin: 0 auto 30px; } / Search Form / .search-form { background-color: white; border-radius: 8px; padding: 30px; box-shadow: var(--shadow); max-width: 900px; margin: -80px auto 0; position: relative; z-index: 100; } .search-form h2 { color: var(--primary); margin-bottom: 20px; text-align: center; } .form-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px; } .form-group { margin-bottom: 15px; } .form-group label { display: block; margin-bottom: 5px; font-weight: 500; color: var(--primary); } .form-group select, .form-group input { width: 100%; padding: 12px; border: 1px solid #ddd; border-radius: 4px; font-family: inherit; } .form-submit { grid-column: 1 / -1; text-align: center; margin-top: 10px; } / Featured Properties / .section-title { text-align: center; margin: 80px 0 40px; color: var(--primary); } .section-title h2 { font-size: 36px; margin-bottom: 15px; } .section-title p { max-width: 700px; margin: 0 auto; color: #666; } .properties-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 30px; margin-bottom: 60px; } .property-card { background-color: white; border-radius: 8px; overflow: hidden; box-shadow: var(--shadow); transition: var(--transition); } .property-card:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0,0,0,0.15); } .property-image { height: 200px; background-size: cover; background-position: center; } .property-info { padding: 20px; } .property-price { font-size: 22px; font-weight: 700; color: var(--secondary); margin-bottom: 10px; } .property-title { font-size: 18px; margin-bottom: 10px; } .property-location { color: #666; margin-bottom: 15px; display: flex; align-items: center; } .property-location i { margin-right: 5px; } .property-features { display: flex; justify-content: space-between; border-top: 1px solid #eee; padding-top: 15px; margin-top: 15px; } .feature { display: flex; flex-direction: column; align-items: center; } .feature-value { font-weight: 700; } .feature-label { font-size: 12px; color: #666; } / Services / .services { background-color: var(--light); padding: 80px 0; } .services-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; } .service-card { background-color: white; padding: 30px; border-radius: 8px; text-align: center; box-shadow: var(--shadow); transition: var(--transition); } .service-card:hover { transform: translateY(-5px); } .service-icon { font-size: 40px; color: var(--accent); margin-bottom: 20px; } .service-card h3 { margin-bottom: 15px; color: var(--primary); }
top of page
< Back

Wild Spirit

This is placeholder text. To change this content, double-click on the element and click Change Content. To manage all your collections, click on the Content Manager button in the Add panel on the left.

Wild Spirit

Matthew Wagner

bottom of page
/ Testimonials / .testimonials { padding: 80px 0; } .testimonials-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; } .testimonial-card { background-color: white; padding: 30px; border-radius: 8px; box-shadow: var(--shadow); } .testimonial-text { font-style: italic; margin-bottom: 20px; position: relative; } .testimonial-text::before { content: """; font-size: 60px; color: var(--accent); opacity: 0.2; position: absolute; top: -20px; left: -10px; } .testimonial-author { display: flex; align-items: center; } .author-avatar { width: 50px; height: 50px; border-radius: 50%; background-color: #ddd; margin-right: 15px; overflow: hidden; } .author-info h4 { margin-bottom: 5px; } .author-info p { color: #666; font-size: 14px; } / Lead Capture / .lead-capture { background: linear-gradient(rgba(44, 62, 80, 0.9), rgba(44, 62, 80, 0.9)), url('https://images.unsplash.com/photo-1560518883-ce09059eeffa?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80'); background-size: cover; background-position: center; color: white; padding: 80px 0; text-align: center; } .lead-capture h2 { font-size: 36px; margin-bottom: 20px; } .lead-capture p { max-width: 700px; margin: 0 auto 40px; font-size: 18px; } .lead-form { max-width: 600px; margin: 0 auto; background-color: white; padding: 30px; border-radius: 8px; box-shadow: var(--shadow); } .lead-form input { width: 100%; padding: 12px; margin-bottom: 15px; border: 1px solid #ddd; border-radius: 4px; font-family: inherit; } / About / .about { padding: 80px 0; } .about-content { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: center; } .about-text h2 { font-size: 36px; margin-bottom: 20px; color: var(--primary); } .about-text p { margin-bottom: 20px; } .about-image { border-radius: 8px; overflow: hidden; box-shadow: var(--shadow); } .about-image img { width: 100%; height: auto; display: block; } / Footer / footer { background-color: var(--dark); color: white; padding: 60px 0 20px; } .footer-content { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 40px; margin-bottom: 40px; } .footer-column h3 { margin-bottom: 20px; font-size: 18px; } .footer-column ul li { margin-bottom: 10px; } .footer-column ul li a:hover { color: var(--accent); } .footer-bottom { text-align: center; padding-top: 20px; border-top: 1px solid rgba(255,255,255,0.1); } / Responsive / @media (max-width: 768px) { .menu-toggle { display: block; } nav ul { display: none; position: absolute; top: 70px; left: 0; right: 0; background-color: white; flex-direction: column; padding: 20px; box-shadow: var(--shadow); } nav ul.show { display: flex; } nav ul li { margin: 10px 0; } .hero h1 { font-size: 36px; } .hero p { font-size: 18px; } .search-form { margin-top: -40px; } .about-content { grid-template-columns: 1fr; } }
☰

Encuentra tu hogar ideal

Descubre las mejores propiedades en venta y alquiler con el respaldo de profesionales con más de 15 años de experiencia.

Ver Propiedades

Busca tu propiedad ideal