119 lines
5.8 KiB
PHP
119 lines
5.8 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Housing Assistance Fast</title>
|
|
<meta name="description" content="A non-profit website dedicated to helping homeless and at-risk individuals find housing in Florida.">
|
|
<meta name="keywords" content="housing assistance florida, homeless help miami, non-profit housing, emergency shelter florida, housing resources, affordable housing florida, Built with Flatlogic Generator">
|
|
<meta property="og:title" content="Housing Assistance Fast">
|
|
<meta property="og:description" content="A non-profit website dedicated to helping homeless and at-risk individuals find housing in Florida.">
|
|
<meta property="og:image" content="">
|
|
<meta name="twitter:card" content="summary_large_image">
|
|
<meta name="twitter:image" content="">
|
|
|
|
<!-- Bootstrap 5.3 CDN -->
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
|
|
<!-- Bootstrap Icons -->
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
|
|
<!-- Google Fonts -->
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&family=Roboto:wght@400;500&display=swap" rel="stylesheet">
|
|
<!-- Custom CSS -->
|
|
<link rel="stylesheet" href="assets/css/custom.css?v=<?php echo time(); ?>">
|
|
</head>
|
|
<body>
|
|
|
|
<!-- Header -->
|
|
<nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top">
|
|
<div class="container">
|
|
<a class="navbar-brand fw-bold" href="#">Florida Housing</a>
|
|
<div class="d-flex align-items-center">
|
|
<span id="theme-toggle" class="nav-link theme-toggle"><i class="bi bi-moon-fill"></i></span>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<!-- Hero Section -->
|
|
<header class="hero text-center">
|
|
<div class="container">
|
|
<h1 class="display-4 fw-bold">Find a Safe Place to Call Home</h1>
|
|
<p class="lead my-4">Immediate housing assistance for individuals and families in Florida.</p>
|
|
<button class="btn btn-primary btn-lg" onclick="openChatWidget()">Get Help Now</button>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- Services Section -->
|
|
<section id="services" class="section">
|
|
<div class="container">
|
|
<h2 class="text-center mb-5">How We Can Help</h2>
|
|
<div class="row g-4">
|
|
<div class="col-md-4">
|
|
<div class="card h-100 floating-card text-center">
|
|
<div class="card-body p-5">
|
|
<h3 class="card-title">Emergency Shelter</h3>
|
|
<p>Connect with shelters for immediate, temporary housing.</p>
|
|
<button class="btn btn-outline-primary" onclick="openChatWidget()">Find Shelter</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="card h-100 floating-card text-center">
|
|
<div class="card-body p-5">
|
|
<h3 class="card-title">Housing Resources</h3>
|
|
<p>Access information on affordable housing and support programs.</p>
|
|
<button class="btn btn-outline-primary" onclick="openChatWidget()">Get Resources</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="card h-100 floating-card text-center">
|
|
<div class="card-body p-5">
|
|
<h3 class="card-title">Talk to Someone</h3>
|
|
<p>Our team is available 24/7 to help you find the right solution.</p>
|
|
<button class="btn btn-outline-primary" onclick="openChatWidget()">Chat Now</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Resources Placeholder Section -->
|
|
<section id="resources" class="section bg-light">
|
|
<div class="container text-center">
|
|
<h2 class="mb-4">Find Resources Near You</h2>
|
|
<p class="lead mb-4">We'll soon have a map to help you find shelters and services in your area.</p>
|
|
<div class="p-5 border rounded-3" style="background-color: #e9ecef;">
|
|
<p class="h4">Interactive Map Coming Soon!</p>
|
|
<p>This area will display a map with filterable resources based on your location.</p>
|
|
</div>
|
|
<button class="btn btn-primary btn-lg mt-4" onclick="openChatWidget()">Get Help Now</button>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Footer -->
|
|
<footer class="py-4">
|
|
<div class="container text-center">
|
|
<p>© <?php echo date("Y"); ?> Florida Housing. All Rights Reserved.</p>
|
|
<p>A non-profit dedicated to ending homelessness in Florida.</p>
|
|
</div>
|
|
</footer>
|
|
|
|
<!-- Bootstrap 5.3 JS -->
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
|
|
<!-- Custom JS -->
|
|
<script src="assets/js/main.js?v=<?php echo time(); ?>"></script>
|
|
|
|
<!-- AnyChat Widget Script -->
|
|
<script>(function(d, s, id){
|
|
var js, fjs = d.getElementsByTagName(s)[0];
|
|
if (d.getElementById(id)) return;
|
|
js = d.createElement(s); js.id = id;
|
|
js.src = 'https://api.anychat.one/widget/0de9ecd3-ff1f-3d0e-950f-c5d1427ad902/livechat-js?r=' + encodeURIComponent(window.location);
|
|
fjs.parentNode.insertBefore(js, fjs);
|
|
}(document, 'script', 'contactus-jssdk'));</script>
|
|
|
|
</body>
|
|
</html> |