Find Your Dream Rental Property

Discover the perfect place to call home with our extensive selection of rental properties

Why Choose ApFi?

Verified Listings

All our properties are verified and trustworthy

Easy Process

Simple and streamlined rental application process

24/7 Support

Round-the-clock customer service

* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Poppins', sans-serif; } body { background-color: #f5f5f5; } header { background: white; padding: 1rem 5%; box-shadow: 0 2px 5px rgba(0,0,0,0.1); } nav { display: flex; justify-content: space-between; align-items: center; } .logo { font-size: 2rem; font-weight: 600; color: #2c3e50; } nav ul { display: flex; list-style: none; gap: 2rem; } nav a { text-decoration: none; color: #2c3e50; } .login-btn { background: #3498db; color: white; padding: 0.5rem 1rem; border-radius: 5px; } .hero { height: 80vh; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; padding: 0 5%; background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://images.unsplash.com/photo-1560448204-e02f11c3d0e2') center/cover; color: white; } .hero h1 { font-size: 3rem; margin-bottom: 1rem; } .search-box { margin-top: 2rem; display: flex; gap: 1rem; background: white; padding: 1rem; border-radius: 10px; } .search-box input, .search-box select { padding: 0.5rem; border: 1px solid #ddd; border-radius: 5px; min-width: 200px; } .search-box button { background: #3498db; color: white; border: none; padding: 0.5rem 2rem; border-radius: 5px; cursor: pointer; } .features { padding: 4rem 5%; text-align: center; } .feature-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 2rem; margin-top: 2rem; } .feature-card { background: white; padding: 2rem; border-radius: 10px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); } footer { background: #2c3e50; color: white; padding: 2rem 5%; } .footer-content { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 2rem; } @media (max-width: 768px) { nav ul { display: none; } .search-box { flex-direction: column; } .hero h1 { font-size: 2rem; } }