This commit is contained in:
2026-01-24 17:29:05 -05:00
commit 2b35282fe5
188 changed files with 24006 additions and 0 deletions

170
404.html Normal file
View File

@@ -0,0 +1,170 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Kaliber Management | Official Site</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="" name="keywords">
<meta content="Kaliber Management LLC is dedicated to providing affordable housing and world class RV destinations in southern Alabama and southern Mississippi." name="description">
<!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-69CX9XJGDV"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-69CX9XJGDV'); </script>
<!-- Favicon -->
<link href="/img/favicon.ico" rel="icon">
<!-- Google Web 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=Open+Sans:wght@400;500&family=Roboto:wght@500;700;900&display=swap" rel="stylesheet">
<!-- Icon Font Stylesheet -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet">
<!-- Libraries Stylesheet -->
<link href="/lib/animate/animate.min.css" rel="stylesheet">
<link href="/lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
<link href="/lib/lightbox/css/lightbox.min.css" rel="stylesheet">
<!-- Customized Bootstrap Stylesheet -->
<link href="/css/bootstrap.min.css" rel="stylesheet">
<!-- Template Stylesheet -->
<link href="/css/style.css" rel="stylesheet">
</head>
<body>
<!-- Navbar Start -->
<nav class="navbar navbar-expand-lg bg-white navbar-light sticky-top p-0">
<a href="/index.html" class="navbar-brand d-flex align-items-center px-4 px-lg-5">
<img src="/img/logos/kaliberlogotransparent.png" alt="Kaliber Management" style="height: 68px;">
</a>
<button type="button" class="navbar-toggler me-4" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<div class="navbar-nav ms-auto p-4 p-lg-0">
<a href="/index.html" class="nav-item nav-link">Home</a>
<a href="/leadership.html" class="nav-item nav-link">Leadership</a>
<a href="/available-homes.html" class="nav-item nav-link">Available Homes</a>
<div class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">MHP Communities</a>
<div class="dropdown-menu bg-light m-0">
<a href="mhp-communities/bayou-oaks.html" class="dropdown-item">Bayou Oaks</a>
<a href="mhp-communities/bluff-creek.html" class="dropdown-item">Bluff Creek</a>
<a href="mhp-communities/camellia-trace.html" class="dropdown-item">Camellia Trace</a>
<a href="mhp-communities/creekside-willows.html" class="dropdown-item">Creekside Willows</a>
<a href="mhp-communities/creola.html" class="dropdown-item">Creola</a>
<a href="mhp-communities/delmar-woods.html" class="dropdown-item">Delmar Woods</a>
<a href="mhp-communities/glen-acres.html" class="dropdown-item">Glen Acres</a>
<a href="mhp-communities/greenwood.html" class="dropdown-item">Greenwood</a>
<a href="mhp-communities/griffith.html" class="dropdown-item">Griffith</a>
<a href="mhp-communities/hamilton-oaks.html" class="dropdown-item">Hamilton Oaks</a>
<a href="mhp-communities/livingston.html" class="dropdown-item">Livingston</a>
<a href="mhp-communities/maddox.html" class="dropdown-item">Maddox</a>
<a href="mhp-communities/oaklawn-estates.html" class="dropdown-item">Oaklawn Estates</a>
<a href="mhp-communities/park-place-estates.html" class="dropdown-item">Park Place Estates</a>
<a href="mhp-communities/pecan-point.html" class="dropdown-item">Pecan Point</a>
<a href="mhp-communities/ridgecrest.html" class="dropdown-item">Ridgecrest</a>
<a href="mhp-communities/saraland.html" class="dropdown-item">Saraland</a>
<a href="mhp-communities/summerdale.html" class="dropdown-item">Summerdale</a>
</div>
</div>
<div class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">RV Communities</a>
<div class="dropdown-menu bg-light m-0">
<a href="https://cochrangajellystonepark.com" target="_blank" class="dropdown-item">Jellystone<br>Cochran GA</a>
<a href="https://www.jellystonegulfcoast.com" target="_blank" class="dropdown-item">Jellyston<br>Elberta AL</a>
<a href="https://www.oaklawnrvpark.com" target="_blank" class="dropdown-item">Oaklawn<br>RV Park</a>
<a href="https://www.creeksidewillowsrv.com/" target="_blank" class="dropdown-item">Creekside Willows<br>RV Park</a>
<a href="https://sunsetgrovervpark.com" target="_blank" class="dropdown-item">Sunset Grove<br>RV Park</a>
<a href="https://www.retreatonstyxriver.com" target="_blank" class="dropdown-item">The Retreat<br>on Styx River</a>
</div>
</div>
</div> <!-- Closing navbar-nav -->
</div> <!-- Closing collapse navbar-collapse -->
</nav>
<!-- Navbar End -->
<!-- Page Header Start -->
<div class="container-fluid page-header py-5 mb-5" style="--bg-image: url('../img/hero2.jpg');">
<div class="container py-5">
<h1 class="display-3 text-white mb-3">404 Error</h1>
</div>
</div>
<!-- Page Header End -->
<!-- Error start -->
<div class="container-fluid py-5">
<div class="row">
<div class="col-lg-12 d-flex align-items-center justify-content-center mb-3" style="height: 10vh;">
<i class="fa-solid fa-circle-exclamation" style="font-size: 100px; color: #B9394F;"></i>
</div>
<div class="col-lg-12 text-center mt-3">
<h2>
Sorry, the page youre looking for doesnt exist or has been moved.
</h2>
</div>
<div class="text-center mx-auto mb-3" style="max-width: 760px;">
<a href="/index.html" class="btn btn-primary rounded-pill py-3 px-5 mt-3" style="font-size: 22px;">Return to Homepage</a>
</div>
</div>
</div>
<!-- Error end -->
<!-- Footer Start -->
<div class="container-fluid bg-dark text-body footer mt-5 pt-5">
<div class="container py-3">
<div class="row g-5">
<div class="col-lg-4 col-md-6">
<h4 class="text-white mb-4" style="font-size: 1.25rem;">Connect With Us</h4>
<p class="mb-2">
<i class="fa fa-envelope me-3"></i>
<a href="mailto:information@kalibermanagement.com" style="color: white">information@kalibermanagement.com</a>
</p>
<div class="d-flex pt-2">
<a class="btn btn-square btn-outline-light btn-social" href="https://www.linkedin.com/company/kaliber-management-llc" target="_blank" ><i class="fab fa-linkedin-in"></i></a>
<a class="btn btn-square btn-outline-light btn-social" href="https://www.facebook.com/kalibermanagement/" target="_blank" ><i class="fab fa-facebook"></i></a>
</div>
</div>
<div class="col-lg-4 col-md-6">
<h4 class="text-white mb-4" style="font-size: 1.25rem;">Quick Links</h4>
<a class="btn btn-link" href="/index.html">Home</a>
<a class="btn btn-link" href="/privacy-policy.html">Privacy Policy</a>
<a class="btn btn-link" href="https://www.kaliber-homes.com/" target="_blank">Kaliber Homes</a>
</div>
</div>
</div>
<div class="container">
<div class="copyright">
<div class="row">
<div class="col-md-6 text-center text-md-start mb-3 mb-md-0">
<a href="#">&copy; 2025 Kaliber Management.</a> All Rights Reserved.
</div>
</div>
</div>
</div>
</div>
<!-- Footer End -->
<!-- JavaScript Libraries -->
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="/lib/wow/wow.min.js"></script>
<script src="/lib/easing/easing.min.js"></script>
<script src="/lib/waypoints/waypoints.min.js"></script>
<script src="/lib/counterup/counterup.min.js"></script>
<script src="/lib/owlcarousel/owl.carousel.min.js"></script>
<script src="/lib/isotope/isotope.pkgd.min.js"></script>
<script src="/lib/lightbox/js/lightbox.min.js"></script>
<!-- Template Javascript -->
<script src="/js/main.js"></script>
</body>
</html>

207
available-homes.html Normal file
View File

@@ -0,0 +1,207 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Available Homes | Kaliber Management</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="" name="keywords">
<meta content="" name="description">
<!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-69CX9XJGDV"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-69CX9XJGDV'); </script>
<!-- Favicon -->
<link href="img/favicon.ico" rel="icon">
<!-- Google Web 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=Open+Sans:wght@400;500&family=Roboto:wght@500;700;900&display=swap" rel="stylesheet">
<!-- Icon Font Stylesheet -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet">
<!-- Libraries Stylesheet -->
<link href="lib/animate/animate.min.css" rel="stylesheet">
<link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
<link href="lib/lightbox/css/lightbox.min.css" rel="stylesheet">
<!-- Customized Bootstrap Stylesheet -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Template Stylesheet -->
<link href="css/style.css" rel="stylesheet">
</head>
<body>
<!-- Navbar Start -->
<nav class="navbar navbar-expand-lg bg-white navbar-light sticky-top p-0">
<a href="index.html" class="navbar-brand d-flex align-items-center px-4 px-lg-5">
<img src="img/logos/kaliberlogotransparent.png" alt="Kaliber Management" style="height: 68px;">
</a>
<button type="button" class="navbar-toggler me-4" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<div class="navbar-nav ms-auto p-4 p-lg-0">
<a href="index.html" class="nav-item nav-link">Home</a>
<a href="leadership.html" class="nav-item nav-link">Leadership</a>
<a href="available-homes.html" class="nav-item nav-link active">Available Homes</a>
<div class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">MHP Communities</a>
<div class="dropdown-menu bg-light m-0">
<a href="mhp-communities/bayou-oaks.html" class="dropdown-item">Bayou Oaks</a>
<a href="mhp-communities/bluff-creek.html" class="dropdown-item">Bluff Creek</a>
<a href="mhp-communities/camellia-trace.html" class="dropdown-item">Camellia Trace</a>
<a href="mhp-communities/creekside-willows.html" class="dropdown-item">Creekside Willows</a>
<a href="mhp-communities/creola.html" class="dropdown-item">Creola</a>
<a href="mhp-communities/delmar-woods.html" class="dropdown-item">Delmar Woods</a>
<a href="mhp-communities/glen-acres.html" class="dropdown-item">Glen Acres</a>
<a href="mhp-communities/greenwood.html" class="dropdown-item">Greenwood</a>
<a href="mhp-communities/griffith.html" class="dropdown-item">Griffith</a>
<a href="mhp-communities/hamilton-oaks.html" class="dropdown-item">Hamilton Oaks</a>
<a href="mhp-communities/livingston.html" class="dropdown-item">Livingston</a>
<a href="mhp-communities/maddox.html" class="dropdown-item">Maddox</a>
<a href="mhp-communities/oaklawn-estates.html" class="dropdown-item">Oaklawn Estates</a>
<a href="mhp-communities/park-place-estates.html" class="dropdown-item">Park Place Estates</a>
<a href="mhp-communities/pecan-point.html" class="dropdown-item">Pecan Point</a>
<a href="mhp-communities/ridgecrest.html" class="dropdown-item">Ridgecrest</a>
<a href="mhp-communities/saraland.html" class="dropdown-item">Saraland</a>
<a href="mhp-communities/summerdale.html" class="dropdown-item">Summerdale</a>
</div>
</div>
<div class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">RV Communities</a>
<div class="dropdown-menu bg-light m-0">
<a href="https://cochrangajellystonepark.com" target="_blank" class="dropdown-item">Jellystone<br>Cochran GA</a>
<a href="https://www.jellystonegulfcoast.com" target="_blank" class="dropdown-item">Jellyston<br>Elberta AL</a>
<a href="https://www.oaklawnrvpark.com" target="_blank" class="dropdown-item">Oaklawn<br>RV Park</a>
<a href="https://www.creeksidewillowsrv.com/" target="_blank" class="dropdown-item">Creekside Willows<br>RV Park</a>
<a href="https://sunsetgrovervpark.com" target="_blank" class="dropdown-item">Sunset Grove<br>RV Park</a>
<a href="https://www.retreatonstyxriver.com" target="_blank" class="dropdown-item">The Retreat<br>on Styx River</a>
</div>
</div>
</div> <!-- Closing navbar-nav -->
</div> <!-- Closing collapse navbar-collapse -->
</nav>
<!-- Navbar End -->
<!-- Page Header Start -->
<div class="container-fluid page-header py-5 mb-5" style="--bg-image: url('../img/hero2.jpg');">
<div class="container py-5">
<h1 class="display-3 text-white mb-3 animated slideInDown">Available Homes</h1>
<nav aria-label="breadcrumb animated slideInDown">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a class="text-white" href="#">Home</a></li>
<li class="breadcrumb-item text-white active" aria-current="page">Available Homes</li>
</ol>
</nav>
</div>
</div>
<!-- Page Header End -->
<div class="container-fluid wow fadeIn mb-5" data-wow-delay="0.1s">
<a href="https://www.kaliber-homes.com/" target=_blank>
<img src="img/logos/kaliber-homes-logo-crop.png" class="img-fluid d-block mx-auto d-lg-none" style="max-width: 250px;" alt="Kaliber Homes">
<img src="img/logos/kaliber-homes-logo-crop.png" class="img-fluid d-block mx-auto d-none d-lg-block" style="max-width: 400px;" alt="Kaliber Homes">
</a>
<div class="container text-center mt-3" style="max-width: 800px;">
<p class="privacy text-start">At Kaliber Homes, we specialize in providing high-quality new and used manufactured homes that fit every lifestyle and budget. Whether youre looking for a brand-new model with modern amenities or a pre-owned home at an affordable price, were here to help you find the perfect place to call home.
</div>
</div>
<div class="container-fluid wow fadeInUp mb-5" data-wow-delay="0.1s">
<div class="text-center mx-auto mb-3" style="max-width: 760px;">
<h2 class="text-primary" style="font-size: 30px">Why Choose Kaliber Homes?</h2>
</div>
<div class="mx-auto" style="max-width: 700px;">
<ul class="custom-checklist privacy text-start">
<li>Wide selection of new and used manufactured homes in our communities</li>
<li>Affordable pricing and flexible financing options</li>
<li>Expert guidance through the home-buying process</li>
<li>Hassle-free application and approval process</li>
</ul>
</div>
</div>
<div class="container-fluid wow fadeInUp mb-5" data-wow-delay="0.1s">
<div class="text-center mx-auto mb-3" style="max-width: 760px;">
<h2 class="text-primary" style="font-size: 30px">How to Apply</h2>
<div class="d-inline-block text-start">
<h3 style="font-size:25px;" class="mb-3">
Getting started is easy! Follow these simple steps to begin your journey toward homeownership:
</h3>
</div>
</div>
<div class="mx-auto" style="max-width: 700px;">
<ul class="custom-checklist privacy text-start">
<li>Get Pre-Qualified Contact us to discuss financing options and see what you qualify for.</li>
<li>Submit Your Application Complete our quick and easy application online with a background check.</li>
<li>Approval & Next Steps Once approved, well guide you through the final steps, including contracts and move-in details.</li>
</ul>
</div>
</div>
<div class="wow fadeInUp" data-wow-delay="0.1s">
<div class="text-center mx-auto mb-3" style="max-width: 760px;">
<h2 class="text-primary" style="font-size: 30px">Ready to Apply?</h2>
<a href="https://kaliber.twa.rentmanager.com/ApplyNow" target="_blank" class="btn btn-primary rounded-pill py-3 px-5 mt-3" style="font-size: 22px;">Apply Now</a>
</div>
</div>
<!-- Footer Start -->
<div class="container-fluid bg-dark text-body footer mt-5 pt-5 wow fadeIn" data-wow-delay="0.1s">
<div class="container py-3">
<div class="row g-5">
<div class="col-lg-4 col-md-6">
<h4 class="text-white mb-4" style="font-size: 1.25rem;">Connect With Us</h4>
<p class="mb-2">
<i class="fa fa-envelope me-3"></i>
<a href="mailto:information@kalibermanagement.com" style="color: white">information@kalibermanagement.com</a>
</p>
<div class="d-flex pt-2">
<a class="btn btn-square btn-outline-light btn-social" href="https://www.linkedin.com/company/kaliber-management-llc" target="_blank" ><i class="fab fa-linkedin-in"></i></a>
<a class="btn btn-square btn-outline-light btn-social" href="https://www.facebook.com/kalibermanagement/" target="_blank" ><i class="fab fa-facebook"></i></a>
</div>
</div>
<div class="col-lg-4 col-md-6">
<h4 class="text-white mb-4" style="font-size: 1.25rem;">Quick Links</h4>
<a class="btn btn-link" href="index.html">Home</a>
<a class="btn btn-link" href="privacy-policy.html">Privacy Policy</a>
<a class="btn btn-link" href="https://www.kaliber-homes.com/" target="_blank">Kaliber Homes</a>
</div>
</div>
</div>
<div class="container">
<div class="copyright">
<div class="row">
<div class="col-md-6 text-center text-md-start mb-3 mb-md-0">
<a href="#">&copy; 2025 Kaliber Management.</a> All Rights Reserved.
</div>
</div>
</div>
</div>
</div>
<!-- Footer End -->
<!-- JavaScript Libraries -->
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="lib/wow/wow.min.js"></script>
<script src="lib/easing/easing.min.js"></script>
<script src="lib/waypoints/waypoints.min.js"></script>
<script src="lib/counterup/counterup.min.js"></script>
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
<script src="lib/isotope/isotope.pkgd.min.js"></script>
<script src="lib/lightbox/js/lightbox.min.js"></script>
<!-- Template Javascript -->
<script src="js/main.js"></script>
</body>
</html>

6
css/bootstrap.min.css vendored Normal file

File diff suppressed because one or more lines are too long

6
css/bootstrap.min.old.css vendored Normal file

File diff suppressed because one or more lines are too long

668
css/style.css Normal file
View File

@@ -0,0 +1,668 @@
/********** Template CSS **********/
:root {
--primary: #B9394F;
--light: #FFFFFF;
--dark: #303E4B;
}
.fw-medium {
font-weight: 500 !important;
}
.fw-bold {
font-weight: 700 !important;
}
.fw-black {
font-weight: 900 !important;
}
/*.back-to-top {
position: fixed;
display: none;
right: 45px;
bottom: 45px;
z-index: 99;
} */
.back-to-top {
position: fixed;
display: none;
right: 30px;
bottom: 30px;
z-index: 11;
animation: action 1s infinite alternate;
color:#B9394F;
}
.btn-primary:hover {
background-color: #d1213f !important; /* Dark Red */
border-color: #d1213f !important;
}
.btn-primary:active,
.btn-primary:focus,
.btn-primary:focus-visible {
background-color: #d1213f !important; /* Dark Red when clicked */
border-color: #d1213f !important;
box-shadow: 0 0 0 0.25rem rgba(139, 0, 0, 0.5) !important; /* Optional glow effect */
}
/*** Spinner ***/
#spinner {
opacity: 0;
visibility: hidden;
transition: opacity .5s ease-out, visibility 0s linear .5s;
z-index: 99999;
}
#spinner.show {
transition: opacity .5s ease-out, visibility 0s linear 0s;
visibility: visible;
opacity: 1;
}
/*** Button ***/
.btn {
font-weight: 500;
transition: .5s;
}
.btn.btn-primary,
.btn.btn-outline-primary:hover {
color: #FFFFFF;
}
.btn-square {
width: 38px;
height: 38px;
}
.btn-sm-square {
width: 32px;
height: 32px;
}
.btn-lg-square {
width: 48px;
height: 48px;
}
.btn-square,
.btn-sm-square,
.btn-lg-square {
padding: 0;
display: flex;
align-items: center;
justify-content: center;
font-weight: normal;
}
/*** Navbar ***/
.navbar.sticky-top {
top: -100px;
transition: .5s;
}
.navbar .navbar-brand,
.navbar a.btn {
height: 75px;
}
.navbar .navbar-nav .nav-link {
margin-right: 30px;
padding: 25px 0;
color: var(--dark);
font-size: 15px;
font-weight: 500;
text-transform: uppercase;
outline: none;
}
.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active {
color: var(--primary);
}
.navbar .dropdown-toggle::after {
border: none;
content: "\f107";
font-family: "Font Awesome 5 Free";
font-weight: 900;
vertical-align: middle;
margin-left: 8px;
}
@media (max-width: 991.98px) {
.navbar .navbar-nav .nav-link {
margin-right: 0;
padding: 10px 0;
}
.navbar .navbar-nav {
border-top: 1px solid #EEEEEE;
}
}
@media (min-width: 992px) {
.navbar .nav-item .dropdown-menu {
display: block;
border: none;
margin-top: 0;
top: 150%;
opacity: 0;
visibility: hidden;
transition: .5s;
}
.navbar .nav-item:hover .dropdown-menu {
top: 100%;
visibility: visible;
transition: .5s;
opacity: 1;
}
}
/*** Header ***/
.owl-carousel-inner {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: flex;
align-items: center;
background: rgba(0, 0, 0, .1);
}
@media (max-width: 768px) {
.header-carousel .owl-carousel-item {
position: relative;
min-height: 500px;
}
.header-carousel .owl-carousel-item img {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
}
.header-carousel .owl-carousel-item p {
font-size: 16px !important;
}
}
.header-carousel .owl-dots {
position: absolute;
width: 60px;
height: 100%;
top: 0;
right: 30px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.header-carousel .owl-dots .owl-dot {
position: relative;
width: 45px;
height: 45px;
margin: 5px 0;
background: #FFFFFF;
box-shadow: 0 0 30px rgba(255, 255, 255, .9);
border-radius: 45px;
transition: .5s;
}
.header-carousel .owl-dots .owl-dot.active {
width: 60px;
height: 60px;
}
.header-carousel .owl-dots .owl-dot img {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
padding: 2px;
border-radius: 45px;
transition: .5s;
}
.page-header {
--bg-image: url(../img/placeholder2.webp); /* Default image */
background: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)), var(--bg-image, none) center center no-repeat;
background-size: cover;
}
.breadcrumb-item + .breadcrumb-item::before {
color: var(--light);
}
/*** About ***/
@media (min-width: 992px) {
.container.about {
max-width: 100% !important;
}
.about-text {
padding-right: calc(((100% - 960px) / 2) + .75rem);
}
}
@media (min-width: 1200px) {
.about-text {
padding-right: calc(((100% - 1140px) / 2) + .75rem);
}
}
@media (min-width: 1400px) {
.about-text {
padding-right: calc(((100% - 1320px) / 2) + .75rem);
}
}
/*** Service ***/
.service-item {
box-shadow: 0 0 45px rgba(0, 0, 0, .08);
}
.service-icon {
position: relative;
margin: -50px 0 25px 0;
width: 100px;
height: 100px;
display: flex;
align-items: center;
justify-content: center;
color: var(--primary);
background: #FFFFFF;
border-radius: 100px;
box-shadow: 0 0 45px rgba(0, 0, 0, .08);
transition: .5s;
}
.service-item:hover .service-icon {
color: #FFFFFF;
background: var(--primary);
}
/*** Feature ***/
@media (min-width: 992px) {
.container.feature {
max-width: 100% !important;
}
.feature-text {
padding-left: calc(((100% - 960px) / 2) + .75rem);
}
}
@media (min-width: 1200px) {
.feature-text {
padding-left: calc(((100% - 1140px) / 2) + .75rem);
}
}
@media (min-width: 1400px) {
.feature-text {
padding-left: calc(((100% - 1320px) / 2) + .75rem);
}
}
/*** Project Portfolio ***/
#portfolio-flters li {
display: inline-block;
font-weight: 500;
color: var(--dark);
cursor: pointer;
transition: .5s;
border-bottom: 2px solid transparent;
}
#portfolio-flters li:hover,
#portfolio-flters li.active {
color: var(--primary);
border-color: var(--primary);
}
.portfolio-img {
position: relative;
}
.portfolio-img::before,
.portfolio-img::after {
position: absolute;
content: "";
width: 0;
height: 100%;
top: 0;
background: var(--dark);
transition: .5s;
}
.portfolio-img::before {
left: 50%;
}
.portfolio-img::after {
right: 50%;
}
.portfolio-item:hover .portfolio-img::before {
width: 51%;
left: 0;
}
.portfolio-item:hover .portfolio-img::after {
width: 51%;
right: 0;
}
.portfolio-btn {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
z-index: 1;
transition: .5s;
}
.portfolio-item:hover .portfolio-btn {
opacity: 1;
transition-delay: .3s;
}
/*** Quote ***/
@media (min-width: 992px) {
.container.quote {
max-width: 100% !important;
}
.quote-text {
padding-right: calc(((100% - 960px) / 2) + .75rem);
}
}
@media (min-width: 1200px) {
.quote-text {
padding-right: calc(((100% - 1140px) / 2) + .75rem);
}
}
@media (min-width: 1400px) {
.quote-text {
padding-right: calc(((100% - 1320px) / 2) + .75rem);
}
}
/*** Team ***/
.team-item {
box-shadow: 0 0 45px rgba(0, 0, 0, .08);
}
.team-item img {
border-radius: 8px 60px 0 0;
}
.team-item .team-social {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-end;
background: #FFFFFF;
transition: .5s;
}
/*** Testimonial ***/
.testimonial-carousel::before {
position: absolute;
content: "";
top: 0;
left: 0;
height: 100%;
width: 0;
background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
z-index: 1;
}
.testimonial-carousel::after {
position: absolute;
content: "";
top: 0;
right: 0;
height: 100%;
width: 0;
background: linear-gradient(to left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
z-index: 1;
}
@media (min-width: 768px) {
.testimonial-carousel::before,
.testimonial-carousel::after {
width: 200px;
}
}
@media (min-width: 992px) {
.testimonial-carousel::before,
.testimonial-carousel::after {
width: 300px;
}
}
.testimonial-carousel .owl-nav {
position: absolute;
width: 350px;
top: 20px;
left: 50%;
transform: translateX(-50%);
display: flex;
justify-content: space-between;
opacity: 0;
transition: .5s;
z-index: 1;
}
.testimonial-carousel:hover .owl-nav {
width: 300px;
opacity: 1;
}
.testimonial-carousel .owl-nav .owl-prev,
.testimonial-carousel .owl-nav .owl-next {
position: relative;
color: var(--primary);
font-size: 45px;
transition: .5s;
}
.testimonial-carousel .owl-nav .owl-prev:hover,
.testimonial-carousel .owl-nav .owl-next:hover {
color: var(--dark);
}
.testimonial-carousel .testimonial-img img {
width: 100px;
height: 100px;
}
.testimonial-carousel .testimonial-img .btn-square {
position: absolute;
bottom: -19px;
left: 50%;
transform: translateX(-50%);
}
.testimonial-carousel .owl-item .testimonial-text {
margin-bottom: 30px;
box-shadow: 0 0 45px rgba(0, 0, 0, .08);
transform: scale(.8);
transition: .5s;
}
.testimonial-carousel .owl-item.center .testimonial-text {
transform: scale(1);
}
/*** Contact ***/
@media (min-width: 992px) {
.container.contact {
max-width: 100% !important;
}
.contact-text {
padding-left: calc(((100% - 960px) / 2) + .75rem);
}
}
@media (min-width: 1200px) {
.contact-text {
padding-left: calc(((100% - 1140px) / 2) + .75rem);
}
}
@media (min-width: 1400px) {
.contact-text {
padding-left: calc(((100% - 1320px) / 2) + .75rem);
}
}
/*** Footer ***/
.footer .btn.btn-social {
margin-right: 5px;
color: #9B9B9B;
border: 1px solid #9B9B9B;
border-radius: 38px;
transition: .3s;
}
.footer .btn.btn-social:hover {
color: var(--primary);
border-color: var(--light);
}
.footer .btn.btn-link {
display: block;
margin-bottom: 5px;
padding: 0;
text-align: left;
color: #9B9B9B;
font-weight: normal;
text-transform: capitalize;
transition: .3s;
}
.footer .btn.btn-link::before {
position: relative;
content: "\f105";
font-family: "Font Awesome 5 Free";
font-weight: 900;
margin-right: 10px;
}
.footer .btn.btn-link:hover {
color: #FFFFFF;
letter-spacing: 1px;
box-shadow: none;
}
.footer .copyright {
padding: 25px 0;
border-top: 1px solid rgba(256, 256, 256, .1);
}
.footer .copyright a {
color: var(--light);
}
.footer .copyright a:hover {
color: var(--primary);
}
.map-responsive {
position: relative;
padding-bottom: 100%; /* 16:9 Aspect Ratio */
height: 0;
overflow: hidden;
max-width: 100%;
background: #ececec;
border: 7px solid #cfcfcf;
/* border-radius: 10px; Optional: Adds rounded corners */
}
.map-responsive iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.hero {
background: url('../img/hero2.jpg') no-repeat center center/cover;
height: 92vh;
display: flex;
align-items: center;
justify-content: center;
color: white;
text-align: center;
}
@media (max-width: 768px) {
.hero {
height: 70vh;
}
}
.privacy {
color: #080A0C;
font-size: 19px;
}
.privacyh {
color: #303E4B;
font-size: 19px;
font-weight: bold;
}
.custom-checklist {
list-style: none; /* Remove default bullets */
padding-left: 0;
}
.custom-checklist li {
position: relative;
padding-left: 2em; /* Space for the icon */
margin-bottom: 1rem;
}
.custom-checklist li::before {
content: "\f058"; /* Font Awesome unicode for check-circle */
font-family: "Font Awesome 5 Free"; /* Make sure you're using the right FA version */
font-weight: 900; /* Required for solid icons */
color: #B9394F; /* Red color, adjust as needed */
position: absolute;
left: 0;
top: 0.1em;
}

BIN
img/Mobile-Alabama.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 871 KiB

BIN
img/bayou-oaks-logo.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 190 KiB

BIN
img/bayouoaks.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 94 KiB

BIN
img/bluff-creek-logo.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 109 KiB

BIN
img/brent.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 98 KiB

BIN
img/bryce-mcmurry1.jpeg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 75 KiB

BIN
img/camellia-trace-logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

BIN
img/camelliatrace.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 105 KiB

BIN
img/community1.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 282 KiB

BIN
img/creekside-aerial.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 37 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 243 KiB

BIN
img/creola-img.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 136 KiB

BIN
img/creola-logo.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 74 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 129 KiB

BIN
img/delmar-woods-logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 105 KiB

BIN
img/favicon.ico Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 90 KiB

BIN
img/favicongray.ico Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 109 KiB

BIN
img/glen-acres-img.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 104 KiB

BIN
img/glen-acres-logo.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 72 KiB

BIN
img/greenwood-logo.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 53 KiB

BIN
img/griffith-housing.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 271 KiB

BIN
img/hamilton-oaks-logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 237 KiB

BIN
img/hamilton-oaks.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 49 KiB

BIN
img/hero1.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 89 KiB

BIN
img/hero2.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 131 KiB

BIN
img/kaliber-homes-logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 21 KiB

BIN
img/kaliber-homes-logo2.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 26 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 413 KiB

BIN
img/livingston-logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 296 KiB

BIN
img/livingston-logo.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

BIN
img/livingston.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 56 KiB

BIN
img/lloyd.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 60 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 80 KiB

BIN
img/maddox-logo.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 95 KiB

BIN
img/maddox.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 178 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 66 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 180 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 88 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 84 KiB

BIN
img/oaklawn.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 120 KiB

BIN
img/park-place-estates.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 76 KiB

BIN
img/pecan-point-logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 79 KiB

BIN
img/pecan-point.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 395 KiB

BIN
img/ridgecrest-logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 133 KiB

BIN
img/saraland-logo.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

BIN
img/saraland.avif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 118 KiB

297
index.html Normal file
View File

@@ -0,0 +1,297 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Kaliber Management | Official Site</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="" name="keywords">
<meta content="Kaliber Management LLC is dedicated to providing affordable housing and world class RV destinations in southern Alabama and southern Mississippi." name="description">
<!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-69CX9XJGDV"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-69CX9XJGDV'); </script>
<!-- Favicon -->
<link href="img/favicon.ico" rel="icon">
<!-- Google Web 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=Open+Sans:wght@400;500&family=Roboto:wght@500;700;900&display=swap" rel="stylesheet">
<!-- Icon Font Stylesheet -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet">
<!-- Libraries Stylesheet -->
<link href="lib/animate/animate.min.css" rel="stylesheet">
<link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
<link href="lib/lightbox/css/lightbox.min.css" rel="stylesheet">
<!-- Customized Bootstrap Stylesheet -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Template Stylesheet -->
<link href="css/style.css" rel="stylesheet">
</head>
<body>
<!-- Navbar Start -->
<nav class="navbar navbar-expand-lg bg-white navbar-light sticky-top p-0">
<a href="index.html" class="navbar-brand d-flex align-items-center px-4 px-lg-5">
<img src="img/logos/kaliberlogotransparent.png" alt="Kaliber Management" style="height: 68px;">
</a>
<button type="button" class="navbar-toggler me-4" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<div class="navbar-nav ms-auto p-4 p-lg-0">
<a href="index.html" class="nav-item nav-link active">Home</a>
<a href="leadership.html" class="nav-item nav-link">Leadership</a>
<a href="available-homes.html" class="nav-item nav-link">Available Homes</a>
<div class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">MHP Communities</a>
<div class="dropdown-menu bg-light m-0">
<a href="mhp-communities/bayou-oaks.html" class="dropdown-item">Bayou Oaks</a>
<a href="mhp-communities/bluff-creek.html" class="dropdown-item">Bluff Creek</a>
<a href="mhp-communities/camellia-trace.html" class="dropdown-item">Camellia Trace</a>
<a href="mhp-communities/creekside-willows.html" class="dropdown-item">Creekside Willows</a>
<a href="mhp-communities/creola.html" class="dropdown-item">Creola</a>
<a href="mhp-communities/delmar-woods.html" class="dropdown-item">Delmar Woods</a>
<a href="mhp-communities/glen-acres.html" class="dropdown-item">Glen Acres</a>
<a href="mhp-communities/greenwood.html" class="dropdown-item">Greenwood</a>
<a href="mhp-communities/griffith.html" class="dropdown-item">Griffith</a>
<a href="mhp-communities/hamilton-oaks.html" class="dropdown-item">Hamilton Oaks</a>
<a href="mhp-communities/livingston.html" class="dropdown-item">Livingston</a>
<a href="mhp-communities/maddox.html" class="dropdown-item">Maddox</a>
<a href="mhp-communities/oaklawn-estates.html" class="dropdown-item">Oaklawn Estates</a>
<a href="mhp-communities/park-place-estates.html" class="dropdown-item">Park Place Estates</a>
<a href="mhp-communities/pecan-point.html" class="dropdown-item">Pecan Point</a>
<a href="mhp-communities/ridgecrest.html" class="dropdown-item">Ridgecrest</a>
<a href="mhp-communities/saraland.html" class="dropdown-item">Saraland</a>
<a href="mhp-communities/summerdale.html" class="dropdown-item">Summerdale</a>
</div>
</div>
<div class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">RV Communities</a>
<div class="dropdown-menu bg-light m-0">
<a href="https://cochrangajellystonepark.com" target="_blank" class="dropdown-item">Jellystone<br>Cochran GA</a>
<a href="https://www.jellystonegulfcoast.com" target="_blank" class="dropdown-item">Jellyston<br>Elberta AL</a>
<a href="https://www.oaklawnrvpark.com" target="_blank" class="dropdown-item">Oaklawn<br>RV Park</a>
<a href="https://www.creeksidewillowsrv.com/" target="_blank" class="dropdown-item">Creekside Willows<br>RV Park</a>
<a href="https://sunsetgrovervpark.com" target="_blank" class="dropdown-item">Sunset Grove<br>RV Park</a>
<a href="https://www.retreatonstyxriver.com" target="_blank" class="dropdown-item">The Retreat<br>on Styx River</a>
</div>
</div>
</div> <!-- Closing navbar-nav -->
</div> <!-- Closing collapse navbar-collapse -->
</nav>
<!-- Navbar End -->
<!-- Hero Start -->
<div class="hero">
<div class="container">
<h1 class="display-2 text-white animated fadeIn">Affordable Housing Made Easy</h1>
<p class="lead animated fadeIn">Your partners in manufactured homes and destination RV communities.</p>
<!--<a href="#" class="btn btn-primary btn-lg animated fadeIn">Get Started</a>-->
</div>
</div>
<!-- Hero End -->
<!-- About Start -->
<div class="container-fluid bg-light overflow-hidden my-5 px-lg-0">
<div class="container about px-lg-0">
<div class="row g-0 mx-lg-0 d-flex align-items-stretch">
<div class="col-lg-6 ps-lg-0 wow fadeIn" data-wow-delay="0.1s" style="min-height: 400px;">
<div class="position-relative h-100">
<img class="position-absolute img-fluid w-100 h-100" src="img/community1.jpg" style="object-fit: cover;" alt="Example Aerial shot Image of Afforadble Manufactured Housing Community.">
</div>
</div>
<div class="col-lg-6 about-text wow fadeIn" data-wow-delay="0.1s">
<div class="p-lg-5 pe-lg-0">
<h2 class="text-primary mt-4" style="font-size: 20px">Welcome to Kaliber Management</h2>
<h3 class="mb-4" style="font-size:38px">Affordable Housing and World Class RV Destinations</h3>
<p style="color:#080A0C;">Kaliber Management is a fully integrated real estate organization specializing in the development and management of manufactured housing communities, RV parks, and single-family housing properties. Our vertical integration allows us to seamlessly provide comprehensive property management, new home sales, and renovation services to modernize and revitalize existing communities. This holistic approach ensures exceptional quality and enhanced living experience for our residents. We are committed to creating affordable homeownership opportunities, delivering world class RV destinations, and providing unparalleled customer service. Explore our communities and find the perfect place to call home with Kaliber!</p>
<p style="color:#303E4B; font-size: 18px; font-weight: bold"><i class="fa fa-check-circle text-primary me-3"></i>20 Communities</p>
<p style="color:#303E4B; font-size: 18px; font-weight: bold"><i class="fa fa-check-circle text-primary me-3"></i>550+ Acres</p>
<p style="color:#303E4B; font-size: 18px; font-weight: bold"><i class="fa fa-check-circle text-primary me-3"></i>2000+ Lots</p>
<p style="color:#303E4B; font-size: 18px; font-weight: bold"><i class="fa fa-check-circle text-primary me-3"></i>3 States (AL, MS, GA)</p>
<div class="text-center mb-3">
</div>
</div>
</div>
</div>
</div>
</div>
<!-- About End -->
<!-- History Start -->
<div class="container-fluid bg-light overflow-hidden my-5 px-lg-0">
<div class="container feature px-lg-0">
<div class="row g-0 mx-lg-0">
<div class="col-lg-6 feature-text py-5 wow fadeIn" data-wow-delay="0.1s">
<div class="p-lg-5 ps-lg-0">
<h2 class="text-primary" style="font-size:20px">Our Story</h2>
<h3 class="mb-4" style="font-size:38px">Company History</h3>
<p class="mb-4 pb-2" style="color:#080A0C">Founded in 2018 by two Army veterans, Kaliber Management began with the acquisition of a single manufactured housing community in Summerdale, Alabama. Driven by a commitment to growth and excellence, the company has since expanded to include 15 manufactured housing communities, three RV resorts, and two mixed-use MH & RV communities. Under the guidance of a dedicated leadership team, Kaliber has not only grown its portfolio but also established a home office in Daphne, Alabama, supporting a talented team of over 50 employees.</p>
</div>
</div>
<div class="col-lg-6 pe-lg-0 wow fadeIn" data-wow-delay="0.1s" style="min-height: 400px;">
<div class="position-relative h-100">
<img class="position-absolute img-fluid w-100 h-100" src="img/Mobile-Alabama.webp" style="object-fit: cover;" alt="Mobile Alabama Cityscape">
</div>
</div>
</div>
</div>
</div>
<!-- History End -->
<!-- Locations Start -->
<div class="container-xxl">
<div class="container">
<div class="text-center mx-auto mb-5 wow fadeInUp" data-wow-delay="0.1s" style="max-width: 600px;">
<h2 class="text-primary mt-5" style="font-size: 20px">Our Locations</h2>
<h3 class="mb-4" style="font-size:38px">Featured Locations</h3>
</div>
<div class="row g-4 justify-content-center">
<div class="col-sm-6 col-md-6 col-lg-4 wow fadeInUp" data-wow-delay="0.1s">
<div class="service-item rounded overflow-hidden">
<img class="img-fluid" src="img/pecan-point-logo.png" alt="Pecan Point" style="height: 300px; width: auto; display: block; margin: auto;">
<div class="position-relative p-4 pt-0">
<p style="color:#303E4B; font-size:16px; font-weight: bold" class="mt-4">Pecan Point<br>
<span style="color: #080A0C; font-size:15px; font-weight: normal">Semmes, AL</span></p>
<a class="small fw-medium" href="mhp-communities/pecan-point.html">Read More<i class="fa fa-arrow-right ms-2"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4 wow fadeInUp" data-wow-delay="0.1s">
<div class="service-item rounded overflow-hidden">
<img class="img-fluid" src="img/greenwood-logo.jpg" alt="Greenwood" style="height: 300px; width: auto; display: block; margin: auto;">
<div class="position-relative p-4 pt-0">
<p style="color:#303E4B; font-size:16px; font-weight: bold" class="mt-4">Greenwood<br>
<span style="color: #080A0C; font-size:15px; font-weight: normal">Summerdale, AL</span></p>
<a class="small fw-medium" href="mhp-communities/greenwood.html">Read More<i class="fa fa-arrow-right ms-2"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4 wow fadeInUp" data-wow-delay="0.1s">
<div class="service-item rounded overflow-hidden">
<img class="img-fluid" src="img/oaklawn-estates-logo.png" alt="Oaklawn Estates" style="height: 300px; width: auto; display: block; margin: auto;">
<div class="position-relative p-4 pt-0">
<p style="color:#303E4B; font-size:16px; font-weight: bold" class="mt-4">Oaklawn<br>
<span style="color: #080A0C; font-size:15px; font-weight: normal">Biloxi, MS</span></p>
<a class="small fw-medium" href="mhp-communities/oaklawn-estates.html">Read More<i class="fa fa-arrow-right ms-2"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Locations End -->
<!-- Other Site Start -->
<div class="container-xxl">
<div class="container">
<div class="text-center mx-auto mb-5 wow fadeInUp" data-wow-delay="0.1s" style="max-width: 600px;">
<h2 class="text-primary mt-5" style="font-size: 20px">Kaliber Homes</h2>
<h3 class="mb-4" style="font-size:38px">Looking for a new home in one of our communities?</h3>
</div>
<div class="row g-4 justify-content-center">
<div class="col-lg-12 wow fadeInUp" style="max-width: 600px;" data-wow-delay="0.1s">
<div class="service-item rounded overflow-hidden position-relative text-center">
<img class="img-fluid" src="img/kaliber-homes-logo2.png" alt="Kaliber Homes Logo"
style="height: auto; width: 100%; display: block; margin: auto;">
<div class="d-none d-md-none d-lg-block">
<a href="https://www.kaliber-homes.com/" target="_blank" class="btn btn-primary rounded-pill py-3 px-5 position-absolute start-50 translate-middle-x"
style="bottom: 35px;">
Visit Kaliber Homes <i class="fas fa-external-link-alt"></i>
</a>
</div>
<div class="d-none d-md-block d-lg-none">
<a href="https://www.kaliber-homes.com/" target="_blank" class="btn btn-primary rounded-pill py-3 px-4 position-absolute start-50 translate-middle-x"
style="bottom: 35px;">
Visit Kaliber Homes <i class="fas fa-external-link-alt"></i>
</a>
</div>
<div class="d-block d-md-none d-lg-none">
<a href="https://www.kaliber-homes.com/" target="_blank" class="btn btn-primary rounded-pill py-2 px-3 position-absolute start-50 translate-middle-x"
style="bottom: 35px;">
Visit Kaliber Homes <i class="fas fa-external-link-alt"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Other Site End -->
<!--Map
<div class="container-xxl py-5">
<div class="container">
<div class="text-center mx-auto mb-5 wow fadeIn" data-wow-delay="0.1s" style="max-width: 1200px;">
<div class="map-responsive">
<iframe src="https://www.google.com/maps/d/embed?mid=1yikr7_gKhMWGkM_ZMfZGE96avSRnaHU&ehbc=2E312F" frameborder="0" style="border:0;" allowfullscreen></iframe>
</div>
</div>
</div>
</div> -->
<!-- Footer Start -->
<div class="container-fluid bg-dark text-body footer mt-5 pt-5 wow fadeIn" data-wow-delay="0.1s">
<div class="container py-3">
<div class="row g-5">
<div class="col-lg-4 col-md-6">
<h4 class="text-white mb-4" style="font-size: 1.25rem;">Connect With Us</h4>
<p class="mb-2">
<i class="fa fa-envelope me-3"></i>
<a href="mailto:information@kalibermanagement.com" style="color: white">information@kalibermanagement.com</a>
</p>
<div class="d-flex pt-2">
<a class="btn btn-square btn-outline-light btn-social" href="https://www.linkedin.com/company/kaliber-management-llc" target="_blank" ><i class="fab fa-linkedin-in"></i></a>
<a class="btn btn-square btn-outline-light btn-social" href="https://www.facebook.com/kalibermanagement/" target="_blank" ><i class="fab fa-facebook"></i></a>
</div>
</div>
<div class="col-lg-4 col-md-6">
<h4 class="text-white mb-4" style="font-size: 1.25rem;">Quick Links</h4>
<a class="btn btn-link" href="index.html">Home</a>
<a class="btn btn-link" href="privacy-policy.html">Privacy Policy</a>
<a class="btn btn-link" href="https://www.kaliber-homes.com/" target="_blank">Kaliber Homes</a>
<a class="btn btn-link" href="https://www.hestiamhinvestments.com/" target="_blank">Hestia Homes</a>
</div>
</div>
</div>
<div class="container">
<div class="copyright">
<div class="row">
<div class="col-md-6 text-center text-md-start mb-3 mb-md-0">
<a href="#">&copy; 2025 Kaliber Management.</a> All Rights Reserved.
</div>
</div>
</div>
</div>
</div>
<!-- Footer End -->
<!-- JavaScript Libraries -->
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="lib/wow/wow.min.js"></script>
<script src="lib/easing/easing.min.js"></script>
<script src="lib/waypoints/waypoints.min.js"></script>
<script src="lib/counterup/counterup.min.js"></script>
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
<script src="lib/isotope/isotope.pkgd.min.js"></script>
<script src="lib/lightbox/js/lightbox.min.js"></script>
<!-- Template Javascript -->
<script src="js/main.js"></script>
</body>
</html>

98
js/main.js Normal file
View File

@@ -0,0 +1,98 @@
(function ($) {
"use strict";
// Spinner
var spinner = function () {
setTimeout(function () {
if ($('#spinner').length > 0) {
$('#spinner').removeClass('show');
}
}, 1);
};
spinner();
// Initiate the wowjs
new WOW().init();
// Sticky Navbar
$(window).scroll(function () {
if ($(this).scrollTop() > 300) {
$('.sticky-top').addClass('shadow-sm').css('top', '0px');
} else {
$('.sticky-top').removeClass('shadow-sm').css('top', '-100px');
}
});
// Back to top button
$(window).scroll(function () {
if ($(this).scrollTop() > 100) {
$('.back-to-top').fadeIn('slow');
} else {
$('.back-to-top').fadeOut('slow');
}
});
$('.back-to-top').click(function () {
$('html, body').stop(true, false).animate({ scrollTop: 0 }, 800, 'swing');
return false;
});
// Facts counter
$('[data-toggle="counter-up"]').counterUp({
delay: 10,
time: 2000
});
// Header carousel
$(".header-carousel").owlCarousel({
autoplay: false,
autoplayTimeout: 9000, // Time between slides in milliseconds (e.g., 3 seconds)
smartSpeed: 1500,
loop: false,
dots: false,
items: 0,
dotsData: false,
});
// Testimonials carousel
$(".testimonial-carousel").owlCarousel({
autoplay: true,
smartSpeed: 1000,
center: true,
dots: false,
loop: true,
nav : true,
navText : [
'<i class="bi bi-arrow-left"></i>',
'<i class="bi bi-arrow-right"></i>'
],
responsive: {
0:{
items:1
},
768:{
items:2
}
}
});
// Portfolio isotope and filter
var portfolioIsotope = $('.portfolio-container').isotope({
itemSelector: '.portfolio-item',
layoutMode: 'fitRows'
});
$('#portfolio-flters li').on('click', function () {
$("#portfolio-flters li").removeClass('active');
$(this).addClass('active');
portfolioIsotope.isotope({filter: $(this).data('filter')});
});
})(jQuery);

233
leadership.html Normal file
View File

@@ -0,0 +1,233 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Leadership | Kaliber Management</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="" name="keywords">
<meta content="" name="description">
<!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-69CX9XJGDV"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-69CX9XJGDV'); </script>
<!-- Favicon -->
<link href="img/favicon.ico" rel="icon">
<!-- Google Web 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=Open+Sans:wght@400;500&family=Roboto:wght@500;700;900&display=swap" rel="stylesheet">
<!-- Icon Font Stylesheet -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet">
<!-- Libraries Stylesheet -->
<link href="lib/animate/animate.min.css" rel="stylesheet">
<link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
<link href="lib/lightbox/css/lightbox.min.css" rel="stylesheet">
<!-- Customized Bootstrap Stylesheet -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Template Stylesheet -->
<link href="css/style.css" rel="stylesheet">
</head>
<body>
<!-- Navbar Start -->
<nav class="navbar navbar-expand-lg bg-white navbar-light sticky-top p-0">
<a href="index.html" class="navbar-brand d-flex align-items-center px-4 px-lg-5">
<img src="img/logos/kaliberlogotransparent.png" alt="Kaliber Management" style="height: 68px;">
</a>
<button type="button" class="navbar-toggler me-4" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<div class="navbar-nav ms-auto p-4 p-lg-0">
<a href="index.html" class="nav-item nav-link">Home</a>
<a href="leadership.html" class="nav-item nav-link active">Leadership</a>
<a href="available-homes.html" class="nav-item nav-link">Available Homes</a>
<div class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">MHP Communities</a>
<div class="dropdown-menu bg-light m-0">
<a href="mhp-communities/bayou-oaks.html" class="dropdown-item">Bayou Oaks</a>
<a href="mhp-communities/bluff-creek.html" class="dropdown-item">Bluff Creek</a>
<a href="mhp-communities/camellia-trace.html" class="dropdown-item">Camellia Trace</a>
<a href="mhp-communities/creekside-willows.html" class="dropdown-item">Creekside Willows</a>
<a href="mhp-communities/creola.html" class="dropdown-item">Creola</a>
<a href="mhp-communities/delmar-woods.html" class="dropdown-item">Delmar Woods</a>
<a href="mhp-communities/glen-acres.html" class="dropdown-item">Glen Acres</a>
<a href="mhp-communities/greenwood.html" class="dropdown-item">Greenwood</a>
<a href="mhp-communities/griffith.html" class="dropdown-item">Griffith</a>
<a href="mhp-communities/hamilton-oaks.html" class="dropdown-item">Hamilton Oaks</a>
<a href="mhp-communities/livingston.html" class="dropdown-item">Livingston</a>
<a href="mhp-communities/maddox.html" class="dropdown-item">Maddox</a>
<a href="mhp-communities/oaklawn-estates.html" class="dropdown-item">Oaklawn Estates</a>
<a href="mhp-communities/park-place-estates.html" class="dropdown-item">Park Place Estates</a>
<a href="mhp-communities/pecan-point.html" class="dropdown-item">Pecan Point</a>
<a href="mhp-communities/ridgecrest.html" class="dropdown-item">Ridgecrest</a>
<a href="mhp-communities/saraland.html" class="dropdown-item">Saraland</a>
<a href="mhp-communities/summerdale.html" class="dropdown-item">Summerdale</a>
</div>
</div>
<div class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">RV Communities</a>
<div class="dropdown-menu bg-light m-0">
<a href="https://cochrangajellystonepark.com" target="_blank" class="dropdown-item">Jellystone<br>Cochran GA</a>
<a href="https://www.jellystonegulfcoast.com" target="_blank" class="dropdown-item">Jellyston<br>Elberta AL</a>
<a href="https://www.oaklawnrvpark.com" target="_blank" class="dropdown-item">Oaklawn<br>RV Park</a>
<a href="https://www.creeksidewillowsrv.com/" target="_blank" class="dropdown-item">Creekside Willows<br>RV Park</a>
<a href="https://sunsetgrovervpark.com" target="_blank" class="dropdown-item">Sunset Grove<br>RV Park</a>
<a href="https://www.retreatonstyxriver.com" target="_blank" class="dropdown-item">The Retreat<br>on Styx River</a>
</div>
</div>
</div> <!-- Closing navbar-nav -->
</div> <!-- Closing collapse navbar-collapse -->
</nav>
<!-- Navbar End -->
<!-- Page Header Start -->
<div class="container-fluid page-header py-5 mb-5" style="--bg-image: url('../img/hero2.jpg');">
<div class="container py-5">
<h1 class="display-3 text-white mb-3 animated slideInDown">Our Leadership</h1>
<nav aria-label="breadcrumb animated slideInDown">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a class="text-white" href="#">Home</a></li>
<li class="breadcrumb-item text-white active" aria-current="page">Leadership</li>
</ol>
</nav>
</div>
</div>
<!-- Page Header End -->
<!-- Team Start -->
<div class="container-xxl py-5">
<div class="container">
<div class="text-center mx-auto mb-5 wow fadeInUp" data-wow-delay="0.1s" style="max-width: 600px;">
<h2 class="text-primary" style="font-size:20px">Kaliber Management</h2>
<h3 class="mb-4" style="font-size:38px">Our Leadership Team</h3>
</div>
<div class="row g-4">
<div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.1s">
<div class="team-item rounded overflow-hidden">
<div class="d-flex">
<img class="img-fluid w-75" src="img/bryce-mcmurry1.jpeg" alt="Bryce McMurry, Founder and CEO">
<div class="team-social w-25">
<a class="btn btn-lg-square btn-outline-primary rounded-circle mt-3" href="https://www.linkedin.com/in/bryce-mcmurry-703299211" target="_blank"><i class="fab fa-linkedin-in"></i></a>
</div>
</div>
<div class="p-4">
<h4 style="font-size:1.25rem;">Bryce McMurry</h4>
<p style="color:#303E4B">Founder and CEO</p>
<span style="color:#080A0C">Bryce McMurry is the Co-founder and CEO of Kaliber Management and its portfolio entities, specializing in managing and revitalizing underperforming manufactured home communities and destination RV campgrounds (over 2,000 plus units). Under his leadership, Kaliber Management has been recognized as one of the Top 100 Manufactured Housing professional management firms in the nation, with an in-house construction team that delivers exceptional results across its projects.</span>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.3s">
<div class="team-item rounded overflow-hidden">
<div class="d-flex">
<img class="img-fluid w-75" src="img/lloyd.jpg" alt="Lloyd Osafo, Founder and Executive Chairman">
<div class="team-social w-25">
<a class="btn btn-lg-square btn-outline-primary rounded-circle mt-3" href="https://www.linkedin.com/in/lloyd-osafo-41939625?trk=public_post_feed-actor-name" target="_blank"><i class="fab fa-linkedin-in"></i></a>
</div>
</div>
<div class="p-4">
<h4 style="font-size:1.25rem;">Lloyd Osafo</h4>
<p style="color:#303E4B">Founder and Executive Chairman</p>
<span style="color:#080A0C">Lloyd Osafo is the Co-founder and Executive Chairman of Kaliber Management LLC, overseeing its vertically integrated portfolio of companies that manage and construct real estate assets, including manufactured home communities and destination RV campgrounds across the Southeastern United States. A serial entrepreneur, Lloyd founded and successfully sold a technology company that supported National Security and the Department of Defense. As a seasoned hands-on information technologist with extensive business and leadership expertise, he combines technical proficiency with strategic vision.</span>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.5s">
<div class="team-item rounded overflow-hidden">
<div class="d-flex">
<img class="img-fluid w-75" src="img/brent.jpg" alt="Brent Dudley, President">
<div class="team-social w-25">
<a class="btn btn-lg-square btn-outline-primary rounded-circle mt-3" href="https://www.linkedin.com/in/brentdudley" target="_blank"><i class="fab fa-linkedin-in"></i></a>
</div>
</div>
<div class="p-4">
<h4 style="font-size:1.25rem;">Brent Dudley</h4>
<p style="color:#303E4B">President</p>
<span style="color:#080A0C">Brent is the President of Kaliber Management, leading its vertically integrated in-house construction and manufactured home retail company. He drives corporate strategy, business development, and operational growth across the Kaliber portfolio, overseeing acquisitions, partnerships, and investor opportunities to ensure alignment with the companys purpose, values, and vision. Brent provides strategic leadership to the executive team and portfolio leaders, fostering high performance and continuous improvement.</span>
</div>
</div>
</div>
<!--<div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.5s">
<div class="team-item rounded overflow-hidden">
<div class="d-flex">
<img class="img-fluid w-75" src="img/.jpg" alt="Kathleen Alrbright, Regional Manager">
<div class="team-social w-25">
<a class="btn btn-lg-square btn-outline-primary rounded-circle mt-3" href="https://www.linkedin.com/in/brentdudley" target="_blank"><i class="fab fa-linkedin-in"></i></a>
</div>
</div>
<div class="p-4">
<h4>Kathleen Albright</h4>
<p style="color:#303E4B">Regional Manager</p>
<span style="color:#080A0C">Ms. Kathleen Albright is a seasoned professional with over 20 years of experience in real estate acquisitions, operations, construction, and asset management. She has managed various property types, including manufactured housing, single-family homes, retail spaces, and apartments, serving a diverse clientele such as individuals, family offices, trusts, nonprofits, and municipalities.</span>
</div>
</div>
</div>-->
</div>
</div>
</div>
<!-- Team End -->
<!-- Footer Start -->
<div class="container-fluid bg-dark text-body footer mt-5 pt-5 wow fadeIn" data-wow-delay="0.1s">
<div class="container py-3">
<div class="row g-5">
<div class="col-lg-4 col-md-6">
<h4 class="text-white mb-4" style="font-size: 1.25rem;">Connect With Us</h4>
<p class="mb-2">
<i class="fa fa-envelope me-3"></i>
<a href="mailto:information@kalibermanagement.com" style="color: white">information@kalibermanagement.com</a>
</p>
<div class="d-flex pt-2">
<a class="btn btn-square btn-outline-light btn-social" href="https://www.linkedin.com/company/kaliber-management-llc" target="_blank" ><i class="fab fa-linkedin-in"></i></a>
<a class="btn btn-square btn-outline-light btn-social" href="https://www.facebook.com/kalibermanagement/" target="_blank" ><i class="fab fa-facebook"></i></a>
</div>
</div>
<div class="col-lg-4 col-md-6">
<h4 class="text-white mb-4" style="font-size: 1.25rem;">Quick Links</h4>
<a class="btn btn-link" href="index.html">Home</a>
<a class="btn btn-link" href="privacy-policy.html">Privacy Policy</a>
<a class="btn btn-link" href="https://www.kaliber-homes.com/" target="_blank">Kaliber Homes</a>
</div>
</div>
</div>
<div class="container">
<div class="copyright">
<div class="row">
<div class="col-md-6 text-center text-md-start mb-3 mb-md-0">
<a href="#">&copy; 2025 Kaliber Management.</a> All Rights Reserved.
</div>
</div>
</div>
</div>
</div>
<!-- Footer End -->
<!-- JavaScript Libraries -->
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="lib/wow/wow.min.js"></script>
<script src="lib/easing/easing.min.js"></script>
<script src="lib/waypoints/waypoints.min.js"></script>
<script src="lib/counterup/counterup.min.js"></script>
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
<script src="lib/isotope/isotope.pkgd.min.js"></script>
<script src="lib/lightbox/js/lightbox.min.js"></script>
<!-- Template Javascript -->
<script src="js/main.js"></script>
</body>
</html>

1579
lib/animate/animate.css vendored Normal file

File diff suppressed because it is too large Load Diff

11
lib/animate/animate.min.css vendored Normal file

File diff suppressed because one or more lines are too long

11
lib/counterup/counterup.min.js vendored Normal file
View File

@@ -0,0 +1,11 @@
/*!
* jquery.counterup.js 2.1.0
*
* Copyright 2013, Benjamin Intal http://gambit.ph @bfintal
* Released under the GPL v2 License
*
* Amended by Jeremy Paris, Ciro Mattia Gonano and others
*
* Date: Feb 24, 2017
*/
(function($){"use strict";$.fn.counterUp=function(options){var settings=$.extend({time:400,delay:10,offset:100,beginAt:0,formatter:false,context:"window",callback:function(){}},options),s;return this.each(function(){var $this=$(this),counter={time:$(this).data("counterup-time")||settings.time,delay:$(this).data("counterup-delay")||settings.delay,offset:$(this).data("counterup-offset")||settings.offset,beginAt:$(this).data("counterup-beginat")||settings.beginAt,context:$(this).data("counterup-context")||settings.context};var counterUpper=function(){var nums=[];var divisions=counter.time/counter.delay;var num=$(this).attr("data-num")?$(this).attr("data-num"):$this.text();var isComma=/[0-9]+,[0-9]+/.test(num);num=num.replace(/,/g,"");var decimalPlaces=(num.split(".")[1]||[]).length;if(counter.beginAt>num)counter.beginAt=num;var isTime=/[0-9]+:[0-9]+:[0-9]+/.test(num);if(isTime){var times=num.split(":"),m=1;s=0;while(times.length>0){s+=m*parseInt(times.pop(),10);m*=60}}for(var i=divisions;i>=counter.beginAt/num*divisions;i--){var newNum=parseFloat(num/divisions*i).toFixed(decimalPlaces);if(isTime){newNum=parseInt(s/divisions*i);var hours=parseInt(newNum/3600)%24;var minutes=parseInt(newNum/60)%60;var seconds=parseInt(newNum%60,10);newNum=(hours<10?"0"+hours:hours)+":"+(minutes<10?"0"+minutes:minutes)+":"+(seconds<10?"0"+seconds:seconds)}if(isComma){while(/(\d+)(\d{3})/.test(newNum.toString())){newNum=newNum.toString().replace(/(\d+)(\d{3})/,"$1"+","+"$2")}}if(settings.formatter){newNum=settings.formatter.call(this,newNum)}nums.unshift(newNum)}$this.data("counterup-nums",nums);$this.text(counter.beginAt);var f=function(){if(!$this.data("counterup-nums")){settings.callback.call(this);return}$this.html($this.data("counterup-nums").shift());if($this.data("counterup-nums").length){setTimeout($this.data("counterup-func"),counter.delay)}else{$this.data("counterup-nums",null);$this.data("counterup-func",null);settings.callback.call(this)}};$this.data("counterup-func",f);setTimeout($this.data("counterup-func"),counter.delay)};$this.waypoint(function(direction){counterUpper();this.destroy()},{offset:counter.offset+"%",context:counter.context})})}})(jQuery);

168
lib/easing/easing.js Normal file
View File

@@ -0,0 +1,168 @@
/*
* jQuery Easing v1.4.1 - http://gsgd.co.uk/sandbox/jquery/easing/
* Open source under the BSD License.
* Copyright © 2008 George McGinley Smith
* All rights reserved.
* https://raw.github.com/gdsmith/jquery-easing/master/LICENSE
*/
(function (factory) {
if (typeof define === "function" && define.amd) {
define(['jquery'], function ($) {
return factory($);
});
} else if (typeof module === "object" && typeof module.exports === "object") {
exports = factory(require('jquery'));
} else {
factory(jQuery);
}
})(function($){
// Preserve the original jQuery "swing" easing as "jswing"
if (typeof $.easing !== 'undefined') {
$.easing['jswing'] = $.easing['swing'];
}
var pow = Math.pow,
sqrt = Math.sqrt,
sin = Math.sin,
cos = Math.cos,
PI = Math.PI,
c1 = 1.70158,
c2 = c1 * 1.525,
c3 = c1 + 1,
c4 = ( 2 * PI ) / 3,
c5 = ( 2 * PI ) / 4.5;
// x is the fraction of animation progress, in the range 0..1
function bounceOut(x) {
var n1 = 7.5625,
d1 = 2.75;
if ( x < 1/d1 ) {
return n1*x*x;
} else if ( x < 2/d1 ) {
return n1*(x-=(1.5/d1))*x + .75;
} else if ( x < 2.5/d1 ) {
return n1*(x-=(2.25/d1))*x + .9375;
} else {
return n1*(x-=(2.625/d1))*x + .984375;
}
}
$.extend( $.easing,
{
def: 'easeOutQuad',
swing: function (x) {
return $.easing[$.easing.def](x);
},
easeInQuad: function (x) {
return x * x;
},
easeOutQuad: function (x) {
return 1 - ( 1 - x ) * ( 1 - x );
},
easeInOutQuad: function (x) {
return x < 0.5 ?
2 * x * x :
1 - pow( -2 * x + 2, 2 ) / 2;
},
easeInCubic: function (x) {
return x * x * x;
},
easeOutCubic: function (x) {
return 1 - pow( 1 - x, 3 );
},
easeInOutCubic: function (x) {
return x < 0.5 ?
4 * x * x * x :
1 - pow( -2 * x + 2, 3 ) / 2;
},
easeInQuart: function (x) {
return x * x * x * x;
},
easeOutQuart: function (x) {
return 1 - pow( 1 - x, 4 );
},
easeInOutQuart: function (x) {
return x < 0.5 ?
8 * x * x * x * x :
1 - pow( -2 * x + 2, 4 ) / 2;
},
easeInQuint: function (x) {
return x * x * x * x * x;
},
easeOutQuint: function (x) {
return 1 - pow( 1 - x, 5 );
},
easeInOutQuint: function (x) {
return x < 0.5 ?
16 * x * x * x * x * x :
1 - pow( -2 * x + 2, 5 ) / 2;
},
easeInSine: function (x) {
return 1 - cos( x * PI/2 );
},
easeOutSine: function (x) {
return sin( x * PI/2 );
},
easeInOutSine: function (x) {
return -( cos( PI * x ) - 1 ) / 2;
},
easeInExpo: function (x) {
return x === 0 ? 0 : pow( 2, 10 * x - 10 );
},
easeOutExpo: function (x) {
return x === 1 ? 1 : 1 - pow( 2, -10 * x );
},
easeInOutExpo: function (x) {
return x === 0 ? 0 : x === 1 ? 1 : x < 0.5 ?
pow( 2, 20 * x - 10 ) / 2 :
( 2 - pow( 2, -20 * x + 10 ) ) / 2;
},
easeInCirc: function (x) {
return 1 - sqrt( 1 - pow( x, 2 ) );
},
easeOutCirc: function (x) {
return sqrt( 1 - pow( x - 1, 2 ) );
},
easeInOutCirc: function (x) {
return x < 0.5 ?
( 1 - sqrt( 1 - pow( 2 * x, 2 ) ) ) / 2 :
( sqrt( 1 - pow( -2 * x + 2, 2 ) ) + 1 ) / 2;
},
easeInElastic: function (x) {
return x === 0 ? 0 : x === 1 ? 1 :
-pow( 2, 10 * x - 10 ) * sin( ( x * 10 - 10.75 ) * c4 );
},
easeOutElastic: function (x) {
return x === 0 ? 0 : x === 1 ? 1 :
pow( 2, -10 * x ) * sin( ( x * 10 - 0.75 ) * c4 ) + 1;
},
easeInOutElastic: function (x) {
return x === 0 ? 0 : x === 1 ? 1 : x < 0.5 ?
-( pow( 2, 20 * x - 10 ) * sin( ( 20 * x - 11.125 ) * c5 )) / 2 :
pow( 2, -20 * x + 10 ) * sin( ( 20 * x - 11.125 ) * c5 ) / 2 + 1;
},
easeInBack: function (x) {
return c3 * x * x * x - c1 * x * x;
},
easeOutBack: function (x) {
return 1 + c3 * pow( x - 1, 3 ) + c1 * pow( x - 1, 2 );
},
easeInOutBack: function (x) {
return x < 0.5 ?
( pow( 2 * x, 2 ) * ( ( c2 + 1 ) * 2 * x - c2 ) ) / 2 :
( pow( 2 * x - 2, 2 ) *( ( c2 + 1 ) * ( x * 2 - 2 ) + c2 ) + 2 ) / 2;
},
easeInBounce: function (x) {
return 1 - bounceOut( 1 - x );
},
easeOutBounce: bounceOut,
easeInOutBounce: function (x) {
return x < 0.5 ?
( 1 - bounceOut( 1 - 2 * x ) ) / 2 :
( 1 + bounceOut( 2 * x - 1 ) ) / 2;
}
});
});

1
lib/easing/easing.min.js vendored Normal file
View File

@@ -0,0 +1 @@
!function(n){"function"==typeof define&&define.amd?define(["jquery"],function(e){return n(e)}):"object"==typeof module&&"object"==typeof module.exports?exports=n(require("jquery")):n(jQuery)}(function(n){function e(n){var e=7.5625,t=2.75;return n<1/t?e*n*n:n<2/t?e*(n-=1.5/t)*n+.75:n<2.5/t?e*(n-=2.25/t)*n+.9375:e*(n-=2.625/t)*n+.984375}void 0!==n.easing&&(n.easing.jswing=n.easing.swing);var t=Math.pow,u=Math.sqrt,r=Math.sin,i=Math.cos,a=Math.PI,c=1.70158,o=1.525*c,s=2*a/3,f=2*a/4.5;n.extend(n.easing,{def:"easeOutQuad",swing:function(e){return n.easing[n.easing.def](e)},easeInQuad:function(n){return n*n},easeOutQuad:function(n){return 1-(1-n)*(1-n)},easeInOutQuad:function(n){return n<.5?2*n*n:1-t(-2*n+2,2)/2},easeInCubic:function(n){return n*n*n},easeOutCubic:function(n){return 1-t(1-n,3)},easeInOutCubic:function(n){return n<.5?4*n*n*n:1-t(-2*n+2,3)/2},easeInQuart:function(n){return n*n*n*n},easeOutQuart:function(n){return 1-t(1-n,4)},easeInOutQuart:function(n){return n<.5?8*n*n*n*n:1-t(-2*n+2,4)/2},easeInQuint:function(n){return n*n*n*n*n},easeOutQuint:function(n){return 1-t(1-n,5)},easeInOutQuint:function(n){return n<.5?16*n*n*n*n*n:1-t(-2*n+2,5)/2},easeInSine:function(n){return 1-i(n*a/2)},easeOutSine:function(n){return r(n*a/2)},easeInOutSine:function(n){return-(i(a*n)-1)/2},easeInExpo:function(n){return 0===n?0:t(2,10*n-10)},easeOutExpo:function(n){return 1===n?1:1-t(2,-10*n)},easeInOutExpo:function(n){return 0===n?0:1===n?1:n<.5?t(2,20*n-10)/2:(2-t(2,-20*n+10))/2},easeInCirc:function(n){return 1-u(1-t(n,2))},easeOutCirc:function(n){return u(1-t(n-1,2))},easeInOutCirc:function(n){return n<.5?(1-u(1-t(2*n,2)))/2:(u(1-t(-2*n+2,2))+1)/2},easeInElastic:function(n){return 0===n?0:1===n?1:-t(2,10*n-10)*r((10*n-10.75)*s)},easeOutElastic:function(n){return 0===n?0:1===n?1:t(2,-10*n)*r((10*n-.75)*s)+1},easeInOutElastic:function(n){return 0===n?0:1===n?1:n<.5?-(t(2,20*n-10)*r((20*n-11.125)*f))/2:t(2,-20*n+10)*r((20*n-11.125)*f)/2+1},easeInBack:function(n){return(c+1)*n*n*n-c*n*n},easeOutBack:function(n){return 1+(c+1)*t(n-1,3)+c*t(n-1,2)},easeInOutBack:function(n){return n<.5?t(2*n,2)*(7.189819*n-o)/2:(t(2*n-2,2)*((o+1)*(2*n-2)+o)+2)/2},easeInBounce:function(n){return 1-e(1-n)},easeOutBounce:e,easeInOutBounce:function(n){return n<.5?(1-e(1-2*n))/2:(1+e(2*n-1))/2}})});

3561
lib/isotope/isotope.pkgd.js Normal file

File diff suppressed because it is too large Load Diff

12
lib/isotope/isotope.pkgd.min.js vendored Normal file

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,207 @@
html.lb-disable-scrolling {
overflow: hidden;
/* Position fixed required for iOS. Just putting overflow: hidden; on the body is not enough. */
position: fixed;
height: 100vh;
width: 100vw;
}
.lightboxOverlay {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
background-color: black;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: 0.8;
display: none;
}
.lightbox {
position: absolute;
left: 0;
width: 100%;
z-index: 10000;
text-align: center;
line-height: 0;
font-weight: normal;
}
.lightbox .lb-image {
display: block;
height: auto;
max-width: inherit;
max-height: none;
border-radius: 3px;
/* Image border */
border: 4px solid white;
}
.lightbox a img {
border: none;
}
.lb-outerContainer {
position: relative;
*zoom: 1;
width: 250px;
height: 250px;
margin: 0 auto;
border-radius: 4px;
/* Background color behind image.
This is visible during transitions. */
background-color: white;
}
.lb-outerContainer:after {
content: "";
display: table;
clear: both;
}
.lb-loader {
position: absolute;
top: 43%;
left: 0;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
.lb-cancel {
display: block;
width: 32px;
height: 32px;
margin: 0 auto;
background: url(../images/loading.gif) no-repeat;
}
.lb-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
.lb-container > .nav {
left: 0;
}
.lb-nav a {
outline: none;
background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}
.lb-prev, .lb-next {
height: 100%;
cursor: pointer;
display: block;
}
.lb-nav a.lb-prev {
width: 34%;
left: 0;
float: left;
background: url(../images/prev.png) left 48% no-repeat;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
-o-transition: opacity 0.6s;
transition: opacity 0.6s;
}
.lb-nav a.lb-prev:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.lb-nav a.lb-next {
width: 64%;
right: 0;
float: right;
background: url(../images/next.png) right 48% no-repeat;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
-o-transition: opacity 0.6s;
transition: opacity 0.6s;
}
.lb-nav a.lb-next:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.lb-dataContainer {
margin: 0 auto;
padding-top: 5px;
*zoom: 1;
width: 100%;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.lb-dataContainer:after {
content: "";
display: table;
clear: both;
}
.lb-data {
padding: 0 4px;
color: #ccc;
}
.lb-data .lb-details {
width: 85%;
float: left;
text-align: left;
line-height: 1.1em;
}
.lb-data .lb-caption {
font-size: 13px;
font-weight: bold;
line-height: 1em;
}
.lb-data .lb-caption a {
color: #4ae;
}
.lb-data .lb-number {
display: block;
clear: left;
padding-bottom: 1em;
font-size: 12px;
color: #999999;
}
.lb-data .lb-close {
display: block;
float: right;
width: 30px;
height: 30px;
background: url(../images/close.png) top right no-repeat;
text-align: right;
outline: none;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.lb-data .lb-close:hover {
cursor: pointer;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}

1
lib/lightbox/css/lightbox.min.css vendored Normal file
View File

@@ -0,0 +1 @@
.lb-loader,.lightbox{text-align:center;line-height:0}.lb-dataContainer:after,.lb-outerContainer:after{content:"";clear:both}html.lb-disable-scrolling{overflow:hidden;position:fixed;height:100vh;width:100vw}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{position:absolute;left:0;width:100%;z-index:10000;font-weight:400}.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:4px solid #fff}.lightbox a img{border:none}.lb-outerContainer{position:relative;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:#fff}.lb-loader,.lb-nav{position:absolute;left:0}.lb-outerContainer:after{display:table}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(../images/loading.gif) no-repeat}.lb-nav{top:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(../images/prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(../images/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{display:table}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-caption a{color:#4ae}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(../images/close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1}

Binary file not shown.

After

Width:  |  Height:  |  Size: 280 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

519
lib/lightbox/js/lightbox.js Normal file
View File

@@ -0,0 +1,519 @@
/*!
* Lightbox v2.10.0
* by Lokesh Dhakar
*
* More info:
* http://lokeshdhakar.com/projects/lightbox2/
*
* Copyright 2007, 2018 Lokesh Dhakar
* Released under the MIT license
* https://github.com/lokesh/lightbox2/blob/master/LICENSE
*
* @preserve
*/
// Uses Node, AMD or browser globals to create a module.
(function (root, factory) {
if (typeof define === 'function' && define.amd) {
// AMD. Register as an anonymous module.
define(['jquery'], factory);
} else if (typeof exports === 'object') {
// Node. Does not work with strict CommonJS, but
// only CommonJS-like environments that support module.exports,
// like Node.
module.exports = factory(require('jquery'));
} else {
// Browser globals (root is window)
root.lightbox = factory(root.jQuery);
}
}(this, function ($) {
function Lightbox(options) {
this.album = [];
this.currentImageIndex = void 0;
this.init();
// options
this.options = $.extend({}, this.constructor.defaults);
this.option(options);
}
// Descriptions of all options available on the demo site:
// http://lokeshdhakar.com/projects/lightbox2/index.html#options
Lightbox.defaults = {
albumLabel: 'Image %1 of %2',
alwaysShowNavOnTouchDevices: false,
fadeDuration: 600,
fitImagesInViewport: true,
imageFadeDuration: 600,
// maxWidth: 800,
// maxHeight: 600,
positionFromTop: 50,
resizeDuration: 700,
showImageNumberLabel: true,
wrapAround: false,
disableScrolling: false,
/*
Sanitize Title
If the caption data is trusted, for example you are hardcoding it in, then leave this to false.
This will free you to add html tags, such as links, in the caption.
If the caption data is user submitted or from some other untrusted source, then set this to true
to prevent xss and other injection attacks.
*/
sanitizeTitle: false
};
Lightbox.prototype.option = function(options) {
$.extend(this.options, options);
};
Lightbox.prototype.imageCountLabel = function(currentImageNum, totalImages) {
return this.options.albumLabel.replace(/%1/g, currentImageNum).replace(/%2/g, totalImages);
};
Lightbox.prototype.init = function() {
var self = this;
// Both enable and build methods require the body tag to be in the DOM.
$(document).ready(function() {
self.enable();
self.build();
});
};
// Loop through anchors and areamaps looking for either data-lightbox attributes or rel attributes
// that contain 'lightbox'. When these are clicked, start lightbox.
Lightbox.prototype.enable = function() {
var self = this;
$('body').on('click', 'a[rel^=lightbox], area[rel^=lightbox], a[data-lightbox], area[data-lightbox]', function(event) {
self.start($(event.currentTarget));
return false;
});
};
// Build html for the lightbox and the overlay.
// Attach event handlers to the new DOM elements. click click click
Lightbox.prototype.build = function() {
if ($('#lightbox').length > 0) {
return;
}
var self = this;
$('<div id="lightboxOverlay" class="lightboxOverlay"></div><div id="lightbox" class="lightbox"><div class="lb-outerContainer"><div class="lb-container"><img class="lb-image" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" /><div class="lb-nav"><a class="lb-prev" href="" ></a><a class="lb-next" href="" ></a></div><div class="lb-loader"><a class="lb-cancel"></a></div></div></div><div class="lb-dataContainer"><div class="lb-data"><div class="lb-details"><span class="lb-caption"></span><span class="lb-number"></span></div><div class="lb-closeContainer"><a class="lb-close"></a></div></div></div></div>').appendTo($('body'));
// Cache jQuery objects
this.$lightbox = $('#lightbox');
this.$overlay = $('#lightboxOverlay');
this.$outerContainer = this.$lightbox.find('.lb-outerContainer');
this.$container = this.$lightbox.find('.lb-container');
this.$image = this.$lightbox.find('.lb-image');
this.$nav = this.$lightbox.find('.lb-nav');
// Store css values for future lookup
this.containerPadding = {
top: parseInt(this.$container.css('padding-top'), 10),
right: parseInt(this.$container.css('padding-right'), 10),
bottom: parseInt(this.$container.css('padding-bottom'), 10),
left: parseInt(this.$container.css('padding-left'), 10)
};
this.imageBorderWidth = {
top: parseInt(this.$image.css('border-top-width'), 10),
right: parseInt(this.$image.css('border-right-width'), 10),
bottom: parseInt(this.$image.css('border-bottom-width'), 10),
left: parseInt(this.$image.css('border-left-width'), 10)
};
// Attach event handlers to the newly minted DOM elements
this.$overlay.hide().on('click', function() {
self.end();
return false;
});
this.$lightbox.hide().on('click', function(event) {
if ($(event.target).attr('id') === 'lightbox') {
self.end();
}
return false;
});
this.$outerContainer.on('click', function(event) {
if ($(event.target).attr('id') === 'lightbox') {
self.end();
}
return false;
});
this.$lightbox.find('.lb-prev').on('click', function() {
if (self.currentImageIndex === 0) {
self.changeImage(self.album.length - 1);
} else {
self.changeImage(self.currentImageIndex - 1);
}
return false;
});
this.$lightbox.find('.lb-next').on('click', function() {
if (self.currentImageIndex === self.album.length - 1) {
self.changeImage(0);
} else {
self.changeImage(self.currentImageIndex + 1);
}
return false;
});
/*
Show context menu for image on right-click
There is a div containing the navigation that spans the entire image and lives above of it. If
you right-click, you are right clicking this div and not the image. This prevents users from
saving the image or using other context menu actions with the image.
To fix this, when we detect the right mouse button is pressed down, but not yet clicked, we
set pointer-events to none on the nav div. This is so that the upcoming right-click event on
the next mouseup will bubble down to the image. Once the right-click/contextmenu event occurs
we set the pointer events back to auto for the nav div so it can capture hover and left-click
events as usual.
*/
this.$nav.on('mousedown', function(event) {
if (event.which === 3) {
self.$nav.css('pointer-events', 'none');
self.$lightbox.one('contextmenu', function() {
setTimeout(function() {
this.$nav.css('pointer-events', 'auto');
}.bind(self), 0);
});
}
});
this.$lightbox.find('.lb-loader, .lb-close').on('click', function() {
self.end();
return false;
});
};
// Show overlay and lightbox. If the image is part of a set, add siblings to album array.
Lightbox.prototype.start = function($link) {
var self = this;
var $window = $(window);
$window.on('resize', $.proxy(this.sizeOverlay, this));
$('select, object, embed').css({
visibility: 'hidden'
});
this.sizeOverlay();
this.album = [];
var imageNumber = 0;
function addToAlbum($link) {
self.album.push({
alt: $link.attr('data-alt'),
link: $link.attr('href'),
title: $link.attr('data-title') || $link.attr('title')
});
}
// Support both data-lightbox attribute and rel attribute implementations
var dataLightboxValue = $link.attr('data-lightbox');
var $links;
if (dataLightboxValue) {
$links = $($link.prop('tagName') + '[data-lightbox="' + dataLightboxValue + '"]');
for (var i = 0; i < $links.length; i = ++i) {
addToAlbum($($links[i]));
if ($links[i] === $link[0]) {
imageNumber = i;
}
}
} else {
if ($link.attr('rel') === 'lightbox') {
// If image is not part of a set
addToAlbum($link);
} else {
// If image is part of a set
$links = $($link.prop('tagName') + '[rel="' + $link.attr('rel') + '"]');
for (var j = 0; j < $links.length; j = ++j) {
addToAlbum($($links[j]));
if ($links[j] === $link[0]) {
imageNumber = j;
}
}
}
}
// Position Lightbox
var top = $window.scrollTop() + this.options.positionFromTop;
var left = $window.scrollLeft();
this.$lightbox.css({
top: top + 'px',
left: left + 'px'
}).fadeIn(this.options.fadeDuration);
// Disable scrolling of the page while open
if (this.options.disableScrolling) {
$('html').addClass('lb-disable-scrolling');
}
this.changeImage(imageNumber);
};
// Hide most UI elements in preparation for the animated resizing of the lightbox.
Lightbox.prototype.changeImage = function(imageNumber) {
var self = this;
this.disableKeyboardNav();
var $image = this.$lightbox.find('.lb-image');
this.$overlay.fadeIn(this.options.fadeDuration);
$('.lb-loader').fadeIn('slow');
this.$lightbox.find('.lb-image, .lb-nav, .lb-prev, .lb-next, .lb-dataContainer, .lb-numbers, .lb-caption').hide();
this.$outerContainer.addClass('animating');
// When image to show is preloaded, we send the width and height to sizeContainer()
var preloader = new Image();
preloader.onload = function() {
var $preloader;
var imageHeight;
var imageWidth;
var maxImageHeight;
var maxImageWidth;
var windowHeight;
var windowWidth;
$image.attr({
'alt': self.album[imageNumber].alt,
'src': self.album[imageNumber].link
});
$preloader = $(preloader);
$image.width(preloader.width);
$image.height(preloader.height);
if (self.options.fitImagesInViewport) {
// Fit image inside the viewport.
// Take into account the border around the image and an additional 10px gutter on each side.
windowWidth = $(window).width();
windowHeight = $(window).height();
maxImageWidth = windowWidth - self.containerPadding.left - self.containerPadding.right - self.imageBorderWidth.left - self.imageBorderWidth.right - 20;
maxImageHeight = windowHeight - self.containerPadding.top - self.containerPadding.bottom - self.imageBorderWidth.top - self.imageBorderWidth.bottom - 120;
// Check if image size is larger then maxWidth|maxHeight in settings
if (self.options.maxWidth && self.options.maxWidth < maxImageWidth) {
maxImageWidth = self.options.maxWidth;
}
if (self.options.maxHeight && self.options.maxHeight < maxImageWidth) {
maxImageHeight = self.options.maxHeight;
}
// Is the current image's width or height is greater than the maxImageWidth or maxImageHeight
// option than we need to size down while maintaining the aspect ratio.
if ((preloader.width > maxImageWidth) || (preloader.height > maxImageHeight)) {
if ((preloader.width / maxImageWidth) > (preloader.height / maxImageHeight)) {
imageWidth = maxImageWidth;
imageHeight = parseInt(preloader.height / (preloader.width / imageWidth), 10);
$image.width(imageWidth);
$image.height(imageHeight);
} else {
imageHeight = maxImageHeight;
imageWidth = parseInt(preloader.width / (preloader.height / imageHeight), 10);
$image.width(imageWidth);
$image.height(imageHeight);
}
}
}
self.sizeContainer($image.width(), $image.height());
};
preloader.src = this.album[imageNumber].link;
this.currentImageIndex = imageNumber;
};
// Stretch overlay to fit the viewport
Lightbox.prototype.sizeOverlay = function() {
this.$overlay
.width($(document).width())
.height($(document).height());
};
// Animate the size of the lightbox to fit the image we are showing
Lightbox.prototype.sizeContainer = function(imageWidth, imageHeight) {
var self = this;
var oldWidth = this.$outerContainer.outerWidth();
var oldHeight = this.$outerContainer.outerHeight();
var newWidth = imageWidth + this.containerPadding.left + this.containerPadding.right + this.imageBorderWidth.left + this.imageBorderWidth.right;
var newHeight = imageHeight + this.containerPadding.top + this.containerPadding.bottom + this.imageBorderWidth.top + this.imageBorderWidth.bottom;
function postResize() {
self.$lightbox.find('.lb-dataContainer').width(newWidth);
self.$lightbox.find('.lb-prevLink').height(newHeight);
self.$lightbox.find('.lb-nextLink').height(newHeight);
self.showImage();
}
if (oldWidth !== newWidth || oldHeight !== newHeight) {
this.$outerContainer.animate({
width: newWidth,
height: newHeight
}, this.options.resizeDuration, 'swing', function() {
postResize();
});
} else {
postResize();
}
};
// Display the image and its details and begin preload neighboring images.
Lightbox.prototype.showImage = function() {
this.$lightbox.find('.lb-loader').stop(true).hide();
this.$lightbox.find('.lb-image').fadeIn(this.options.imageFadeDuration);
this.updateNav();
this.updateDetails();
this.preloadNeighboringImages();
this.enableKeyboardNav();
};
// Display previous and next navigation if appropriate.
Lightbox.prototype.updateNav = function() {
// Check to see if the browser supports touch events. If so, we take the conservative approach
// and assume that mouse hover events are not supported and always show prev/next navigation
// arrows in image sets.
var alwaysShowNav = false;
try {
document.createEvent('TouchEvent');
alwaysShowNav = (this.options.alwaysShowNavOnTouchDevices) ? true : false;
} catch (e) {}
this.$lightbox.find('.lb-nav').show();
if (this.album.length > 1) {
if (this.options.wrapAround) {
if (alwaysShowNav) {
this.$lightbox.find('.lb-prev, .lb-next').css('opacity', '1');
}
this.$lightbox.find('.lb-prev, .lb-next').show();
} else {
if (this.currentImageIndex > 0) {
this.$lightbox.find('.lb-prev').show();
if (alwaysShowNav) {
this.$lightbox.find('.lb-prev').css('opacity', '1');
}
}
if (this.currentImageIndex < this.album.length - 1) {
this.$lightbox.find('.lb-next').show();
if (alwaysShowNav) {
this.$lightbox.find('.lb-next').css('opacity', '1');
}
}
}
}
};
// Display caption, image number, and closing button.
Lightbox.prototype.updateDetails = function() {
var self = this;
// Enable anchor clicks in the injected caption html.
// Thanks Nate Wright for the fix. @https://github.com/NateWr
if (typeof this.album[this.currentImageIndex].title !== 'undefined' &&
this.album[this.currentImageIndex].title !== '') {
var $caption = this.$lightbox.find('.lb-caption');
if (this.options.sanitizeTitle) {
$caption.text(this.album[this.currentImageIndex].title);
} else {
$caption.html(this.album[this.currentImageIndex].title);
}
$caption.fadeIn('fast')
.find('a').on('click', function(event) {
if ($(this).attr('target') !== undefined) {
window.open($(this).attr('href'), $(this).attr('target'));
} else {
location.href = $(this).attr('href');
}
});
}
if (this.album.length > 1 && this.options.showImageNumberLabel) {
var labelText = this.imageCountLabel(this.currentImageIndex + 1, this.album.length);
this.$lightbox.find('.lb-number').text(labelText).fadeIn('fast');
} else {
this.$lightbox.find('.lb-number').hide();
}
this.$outerContainer.removeClass('animating');
this.$lightbox.find('.lb-dataContainer').fadeIn(this.options.resizeDuration, function() {
return self.sizeOverlay();
});
};
// Preload previous and next images in set.
Lightbox.prototype.preloadNeighboringImages = function() {
if (this.album.length > this.currentImageIndex + 1) {
var preloadNext = new Image();
preloadNext.src = this.album[this.currentImageIndex + 1].link;
}
if (this.currentImageIndex > 0) {
var preloadPrev = new Image();
preloadPrev.src = this.album[this.currentImageIndex - 1].link;
}
};
Lightbox.prototype.enableKeyboardNav = function() {
$(document).on('keyup.keyboard', $.proxy(this.keyboardAction, this));
};
Lightbox.prototype.disableKeyboardNav = function() {
$(document).off('.keyboard');
};
Lightbox.prototype.keyboardAction = function(event) {
var KEYCODE_ESC = 27;
var KEYCODE_LEFTARROW = 37;
var KEYCODE_RIGHTARROW = 39;
var keycode = event.keyCode;
var key = String.fromCharCode(keycode).toLowerCase();
if (keycode === KEYCODE_ESC || key.match(/x|o|c/)) {
this.end();
} else if (key === 'p' || keycode === KEYCODE_LEFTARROW) {
if (this.currentImageIndex !== 0) {
this.changeImage(this.currentImageIndex - 1);
} else if (this.options.wrapAround && this.album.length > 1) {
this.changeImage(this.album.length - 1);
}
} else if (key === 'n' || keycode === KEYCODE_RIGHTARROW) {
if (this.currentImageIndex !== this.album.length - 1) {
this.changeImage(this.currentImageIndex + 1);
} else if (this.options.wrapAround && this.album.length > 1) {
this.changeImage(0);
}
}
};
// Closing time. :-(
Lightbox.prototype.end = function() {
this.disableKeyboardNav();
$(window).off('resize', this.sizeOverlay);
this.$lightbox.fadeOut(this.options.fadeDuration);
this.$overlay.fadeOut(this.options.fadeDuration);
$('select, object, embed').css({
visibility: 'visible'
});
if (this.options.disableScrolling) {
$('html').removeClass('lb-disable-scrolling');
}
};
return new Lightbox();
}));

15
lib/lightbox/js/lightbox.min.js vendored Normal file

File diff suppressed because one or more lines are too long

6
lib/lightbox/links.php Normal file
View File

@@ -0,0 +1,6 @@
<?php
$links = array(
'css' => 'lib/lightbox/css/lightbox.min.css',
'js' => 'lib/lightbox/js/lightbox.min.js'
);
?>

23
lib/owlcarousel/LICENSE Normal file
View File

@@ -0,0 +1,23 @@
Copyright (c) 2014 Owl
Modified work Copyright 2016 David Deutsch
Permission is hereby granted, free of charge, to any person
obtaining a copy of this software and associated documentation
files (the "Software"), to deal in the Software without
restriction, including without limitation the rights to use,
copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the
Software is furnished to do so, subject to the following
conditions:
The above copyright notice and this permission notice shall be
included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
OTHER DEALINGS IN THE SOFTWARE.

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.1 KiB

View File

@@ -0,0 +1,170 @@
/**
* Owl Carousel v2.2.1
* Copyright 2013-2017 David Deutsch
* Licensed under ()
*/
/*
* Owl Carousel - Core
*/
.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
/* position relative and z-index fix webkit rendering fonts issue */
position: relative;
z-index: 1; }
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
-moz-backface-visibility: hidden;
/* fix firefox animation glitch */ }
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0; }
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
/* fix for flashing background */
-webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0); }
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none; }
.owl-carousel .owl-item img {
display: block;
width: 100%; }
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
display: none; }
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.owl-carousel.owl-loaded {
display: block; }
.owl-carousel.owl-loading {
opacity: 0;
display: block; }
.owl-carousel.owl-hidden {
opacity: 0; }
.owl-carousel.owl-refresh .owl-item {
visibility: hidden; }
.owl-carousel.owl-drag .owl-item {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.owl-carousel.owl-grab {
cursor: move;
cursor: grab; }
.owl-carousel.owl-rtl {
direction: rtl; }
.owl-carousel.owl-rtl .owl-item {
float: right; }
/* No Js */
.no-js .owl-carousel {
display: block; }
/*
* Owl Carousel - Animate Plugin
*/
.owl-carousel .animated {
animation-duration: 1000ms;
animation-fill-mode: both; }
.owl-carousel .owl-animated-in {
z-index: 0; }
.owl-carousel .owl-animated-out {
z-index: 1; }
.owl-carousel .fadeOut {
animation-name: fadeOut; }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
/*
* Owl Carousel - Auto Height Plugin
*/
.owl-height {
transition: height 500ms ease-in-out; }
/*
* Owl Carousel - Lazy Load Plugin
*/
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity 400ms ease; }
.owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d; }
/*
* Owl Carousel - Video Plugin
*/
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000; }
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url("owl.video.play.png") no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform 100ms ease; }
.owl-carousel .owl-video-play-icon:hover {
-ms-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3); }
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none; }
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity 400ms ease; }
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%; }

View File

@@ -0,0 +1,6 @@
/**
* Owl Carousel v2.2.1
* Copyright 2013-2017 David Deutsch
* Licensed under ()
*/
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

View File

@@ -0,0 +1,50 @@
/**
* Owl Carousel v2.2.1
* Copyright 2013-2017 David Deutsch
* Licensed under ()
*/
/*
* Default theme - Owl Carousel CSS File
*/
.owl-theme .owl-nav {
margin-top: 10px;
text-align: center;
-webkit-tap-highlight-color: transparent; }
.owl-theme .owl-nav [class*='owl-'] {
color: #FFF;
font-size: 14px;
margin: 5px;
padding: 4px 7px;
background: #D6D6D6;
display: inline-block;
cursor: pointer;
border-radius: 3px; }
.owl-theme .owl-nav [class*='owl-']:hover {
background: #869791;
color: #FFF;
text-decoration: none; }
.owl-theme .owl-nav .disabled {
opacity: 0.5;
cursor: default; }
.owl-theme .owl-nav.disabled + .owl-dots {
margin-top: 10px; }
.owl-theme .owl-dots {
text-align: center;
-webkit-tap-highlight-color: transparent; }
.owl-theme .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
*display: inline; }
.owl-theme .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 5px 7px;
background: #D6D6D6;
display: block;
-webkit-backface-visibility: visible;
transition: opacity 200ms ease;
border-radius: 30px; }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
background: #869791; }

View File

@@ -0,0 +1,6 @@
/**
* Owl Carousel v2.2.1
* Copyright 2013-2017 David Deutsch
* Licensed under ()
*/
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}

View File

@@ -0,0 +1,50 @@
/**
* Owl Carousel v2.2.1
* Copyright 2013-2017 David Deutsch
* Licensed under ()
*/
/*
* Green theme - Owl Carousel CSS File
*/
.owl-theme .owl-nav {
margin-top: 10px;
text-align: center;
-webkit-tap-highlight-color: transparent; }
.owl-theme .owl-nav [class*='owl-'] {
color: #FFF;
font-size: 14px;
margin: 5px;
padding: 4px 7px;
background: #D6D6D6;
display: inline-block;
cursor: pointer;
border-radius: 3px; }
.owl-theme .owl-nav [class*='owl-']:hover {
background: #4DC7A0;
color: #FFF;
text-decoration: none; }
.owl-theme .owl-nav .disabled {
opacity: 0.5;
cursor: default; }
.owl-theme .owl-nav.disabled + .owl-dots {
margin-top: 10px; }
.owl-theme .owl-dots {
text-align: center;
-webkit-tap-highlight-color: transparent; }
.owl-theme .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
*display: inline; }
.owl-theme .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 5px 7px;
background: #D6D6D6;
display: block;
-webkit-backface-visibility: visible;
transition: opacity 200ms ease;
border-radius: 30px; }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
background: #4DC7A0; }

View File

@@ -0,0 +1,6 @@
/**
* Owl Carousel v2.2.1
* Copyright 2013-2017 David Deutsch
* Licensed under ()
*/
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#4DC7A0;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#4DC7A0}

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.9 KiB

File diff suppressed because it is too large Load Diff

7
lib/owlcarousel/owl.carousel.min.js vendored Normal file

File diff suppressed because one or more lines are too long

5
lib/waypoints/links.php Normal file
View File

@@ -0,0 +1,5 @@
<?php
$links = array(
'js' => 'lib/waypoints/waypoints.min.js'
);
?>

7
lib/waypoints/waypoints.min.js vendored Normal file

File diff suppressed because one or more lines are too long

542
lib/wow/wow.js Normal file
View File

@@ -0,0 +1,542 @@
/*
* WOW wow.js - v1.3.0 - 2016-10-04
* https://wowjs.uk
* Copyright (c) 2016 Thomas Grainger; Licensed MIT
*/
(function (global, factory) {
if (typeof define === "function" && define.amd) {
define(['module', 'exports'], factory);
} else if (typeof exports !== "undefined") {
factory(module, exports);
} else {
var mod = {
exports: {}
};
factory(mod, mod.exports);
global.WOW = mod.exports;
}
})(this, function (module, exports) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _class, _temp;
function _classCallCheck(instance, Constructor) {
if (!(instance instanceof Constructor)) {
throw new TypeError("Cannot call a class as a function");
}
}
var _createClass = function () {
function defineProperties(target, props) {
for (var i = 0; i < props.length; i++) {
var descriptor = props[i];
descriptor.enumerable = descriptor.enumerable || false;
descriptor.configurable = true;
if ("value" in descriptor) descriptor.writable = true;
Object.defineProperty(target, descriptor.key, descriptor);
}
}
return function (Constructor, protoProps, staticProps) {
if (protoProps) defineProperties(Constructor.prototype, protoProps);
if (staticProps) defineProperties(Constructor, staticProps);
return Constructor;
};
}();
function isIn(needle, haystack) {
return haystack.indexOf(needle) >= 0;
}
function extend(custom, defaults) {
for (var key in defaults) {
if (custom[key] == null) {
var value = defaults[key];
custom[key] = value;
}
}
return custom;
}
function isMobile(agent) {
return (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(agent)
);
}
function createEvent(event) {
var bubble = arguments.length <= 1 || arguments[1] === undefined ? false : arguments[1];
var cancel = arguments.length <= 2 || arguments[2] === undefined ? false : arguments[2];
var detail = arguments.length <= 3 || arguments[3] === undefined ? null : arguments[3];
var customEvent = void 0;
if (document.createEvent != null) {
// W3C DOM
customEvent = document.createEvent('CustomEvent');
customEvent.initCustomEvent(event, bubble, cancel, detail);
} else if (document.createEventObject != null) {
// IE DOM < 9
customEvent = document.createEventObject();
customEvent.eventType = event;
} else {
customEvent.eventName = event;
}
return customEvent;
}
function emitEvent(elem, event) {
if (elem.dispatchEvent != null) {
// W3C DOM
elem.dispatchEvent(event);
} else if (event in (elem != null)) {
elem[event]();
} else if ('on' + event in (elem != null)) {
elem['on' + event]();
}
}
function addEvent(elem, event, fn) {
if (elem.addEventListener != null) {
// W3C DOM
elem.addEventListener(event, fn, false);
} else if (elem.attachEvent != null) {
// IE DOM
elem.attachEvent('on' + event, fn);
} else {
// fallback
elem[event] = fn;
}
}
function removeEvent(elem, event, fn) {
if (elem.removeEventListener != null) {
// W3C DOM
elem.removeEventListener(event, fn, false);
} else if (elem.detachEvent != null) {
// IE DOM
elem.detachEvent('on' + event, fn);
} else {
// fallback
delete elem[event];
}
}
function getInnerHeight() {
if ('innerHeight' in window) {
return window.innerHeight;
}
return document.documentElement.clientHeight;
}
// Minimalistic WeakMap shim, just in case.
var WeakMap = window.WeakMap || window.MozWeakMap || function () {
function WeakMap() {
_classCallCheck(this, WeakMap);
this.keys = [];
this.values = [];
}
_createClass(WeakMap, [{
key: 'get',
value: function get(key) {
for (var i = 0; i < this.keys.length; i++) {
var item = this.keys[i];
if (item === key) {
return this.values[i];
}
}
return undefined;
}
}, {
key: 'set',
value: function set(key, value) {
for (var i = 0; i < this.keys.length; i++) {
var item = this.keys[i];
if (item === key) {
this.values[i] = value;
return this;
}
}
this.keys.push(key);
this.values.push(value);
return this;
}
}]);
return WeakMap;
}();
// Dummy MutationObserver, to avoid raising exceptions.
var MutationObserver = window.MutationObserver || window.WebkitMutationObserver || window.MozMutationObserver || (_temp = _class = function () {
function MutationObserver() {
_classCallCheck(this, MutationObserver);
if (typeof console !== 'undefined' && console !== null) {
console.warn('MutationObserver is not supported by your browser.');
console.warn('WOW.js cannot detect dom mutations, please call .sync() after loading new content.');
}
}
_createClass(MutationObserver, [{
key: 'observe',
value: function observe() {}
}]);
return MutationObserver;
}(), _class.notSupported = true, _temp);
// getComputedStyle shim, from http://stackoverflow.com/a/21797294
var getComputedStyle = window.getComputedStyle || function getComputedStyle(el) {
var getComputedStyleRX = /(\-([a-z]){1})/g;
return {
getPropertyValue: function getPropertyValue(prop) {
if (prop === 'float') {
prop = 'styleFloat';
}
if (getComputedStyleRX.test(prop)) {
prop.replace(getComputedStyleRX, function (_, _char) {
return _char.toUpperCase();
});
}
var currentStyle = el.currentStyle;
return (currentStyle != null ? currentStyle[prop] : void 0) || null;
}
};
};
var WOW = function () {
function WOW() {
var options = arguments.length <= 0 || arguments[0] === undefined ? {} : arguments[0];
_classCallCheck(this, WOW);
this.defaults = {
boxClass: 'wow',
animateClass: 'animated',
offset: 0,
mobile: true,
live: true,
callback: null,
scrollContainer: null,
resetAnimation: true
};
this.animate = function animateFactory() {
if ('requestAnimationFrame' in window) {
return function (callback) {
return window.requestAnimationFrame(callback);
};
}
return function (callback) {
return callback();
};
}();
this.vendors = ['moz', 'webkit'];
this.start = this.start.bind(this);
this.resetAnimation = this.resetAnimation.bind(this);
this.scrollHandler = this.scrollHandler.bind(this);
this.scrollCallback = this.scrollCallback.bind(this);
this.scrolled = true;
this.config = extend(options, this.defaults);
if (options.scrollContainer != null) {
this.config.scrollContainer = document.querySelector(options.scrollContainer);
}
// Map of elements to animation names:
this.animationNameCache = new WeakMap();
this.wowEvent = createEvent(this.config.boxClass);
}
_createClass(WOW, [{
key: 'init',
value: function init() {
this.element = window.document.documentElement;
if (isIn(document.readyState, ['interactive', 'complete'])) {
this.start();
} else {
addEvent(document, 'DOMContentLoaded', this.start);
}
this.finished = [];
}
}, {
key: 'start',
value: function start() {
var _this = this;
this.stopped = false;
this.boxes = [].slice.call(this.element.querySelectorAll('.' + this.config.boxClass));
this.all = this.boxes.slice(0);
if (this.boxes.length) {
if (this.disabled()) {
this.resetStyle();
} else {
for (var i = 0; i < this.boxes.length; i++) {
var box = this.boxes[i];
this.applyStyle(box, true);
}
}
}
if (!this.disabled()) {
addEvent(this.config.scrollContainer || window, 'scroll', this.scrollHandler);
addEvent(window, 'resize', this.scrollHandler);
this.interval = setInterval(this.scrollCallback, 50);
}
if (this.config.live) {
var mut = new MutationObserver(function (records) {
for (var j = 0; j < records.length; j++) {
var record = records[j];
for (var k = 0; k < record.addedNodes.length; k++) {
var node = record.addedNodes[k];
_this.doSync(node);
}
}
return undefined;
});
mut.observe(document.body, {
childList: true,
subtree: true
});
}
}
}, {
key: 'stop',
value: function stop() {
this.stopped = true;
removeEvent(this.config.scrollContainer || window, 'scroll', this.scrollHandler);
removeEvent(window, 'resize', this.scrollHandler);
if (this.interval != null) {
clearInterval(this.interval);
}
}
}, {
key: 'sync',
value: function sync() {
if (MutationObserver.notSupported) {
this.doSync(this.element);
}
}
}, {
key: 'doSync',
value: function doSync(element) {
if (typeof element === 'undefined' || element === null) {
element = this.element;
}
if (element.nodeType !== 1) {
return;
}
element = element.parentNode || element;
var iterable = element.querySelectorAll('.' + this.config.boxClass);
for (var i = 0; i < iterable.length; i++) {
var box = iterable[i];
if (!isIn(box, this.all)) {
this.boxes.push(box);
this.all.push(box);
if (this.stopped || this.disabled()) {
this.resetStyle();
} else {
this.applyStyle(box, true);
}
this.scrolled = true;
}
}
}
}, {
key: 'show',
value: function show(box) {
this.applyStyle(box);
box.className = box.className + ' ' + this.config.animateClass;
if (this.config.callback != null) {
this.config.callback(box);
}
emitEvent(box, this.wowEvent);
if (this.config.resetAnimation) {
addEvent(box, 'animationend', this.resetAnimation);
addEvent(box, 'oanimationend', this.resetAnimation);
addEvent(box, 'webkitAnimationEnd', this.resetAnimation);
addEvent(box, 'MSAnimationEnd', this.resetAnimation);
}
return box;
}
}, {
key: 'applyStyle',
value: function applyStyle(box, hidden) {
var _this2 = this;
var duration = box.getAttribute('data-wow-duration');
var delay = box.getAttribute('data-wow-delay');
var iteration = box.getAttribute('data-wow-iteration');
return this.animate(function () {
return _this2.customStyle(box, hidden, duration, delay, iteration);
});
}
}, {
key: 'resetStyle',
value: function resetStyle() {
for (var i = 0; i < this.boxes.length; i++) {
var box = this.boxes[i];
box.style.visibility = 'visible';
}
return undefined;
}
}, {
key: 'resetAnimation',
value: function resetAnimation(event) {
if (event.type.toLowerCase().indexOf('animationend') >= 0) {
var target = event.target || event.srcElement;
target.className = target.className.replace(this.config.animateClass, '').trim();
}
}
}, {
key: 'customStyle',
value: function customStyle(box, hidden, duration, delay, iteration) {
if (hidden) {
this.cacheAnimationName(box);
}
box.style.visibility = hidden ? 'hidden' : 'visible';
if (duration) {
this.vendorSet(box.style, { animationDuration: duration });
}
if (delay) {
this.vendorSet(box.style, { animationDelay: delay });
}
if (iteration) {
this.vendorSet(box.style, { animationIterationCount: iteration });
}
this.vendorSet(box.style, { animationName: hidden ? 'none' : this.cachedAnimationName(box) });
return box;
}
}, {
key: 'vendorSet',
value: function vendorSet(elem, properties) {
for (var name in properties) {
if (properties.hasOwnProperty(name)) {
var value = properties[name];
elem['' + name] = value;
for (var i = 0; i < this.vendors.length; i++) {
var vendor = this.vendors[i];
elem['' + vendor + name.charAt(0).toUpperCase() + name.substr(1)] = value;
}
}
}
}
}, {
key: 'vendorCSS',
value: function vendorCSS(elem, property) {
var style = getComputedStyle(elem);
var result = style.getPropertyCSSValue(property);
for (var i = 0; i < this.vendors.length; i++) {
var vendor = this.vendors[i];
result = result || style.getPropertyCSSValue('-' + vendor + '-' + property);
}
return result;
}
}, {
key: 'animationName',
value: function animationName(box) {
var aName = void 0;
try {
aName = this.vendorCSS(box, 'animation-name').cssText;
} catch (error) {
// Opera, fall back to plain property value
aName = getComputedStyle(box).getPropertyValue('animation-name');
}
if (aName === 'none') {
return ''; // SVG/Firefox, unable to get animation name?
}
return aName;
}
}, {
key: 'cacheAnimationName',
value: function cacheAnimationName(box) {
// https://bugzilla.mozilla.org/show_bug.cgi?id=921834
// box.dataset is not supported for SVG elements in Firefox
return this.animationNameCache.set(box, this.animationName(box));
}
}, {
key: 'cachedAnimationName',
value: function cachedAnimationName(box) {
return this.animationNameCache.get(box);
}
}, {
key: 'scrollHandler',
value: function scrollHandler() {
this.scrolled = true;
}
}, {
key: 'scrollCallback',
value: function scrollCallback() {
if (this.scrolled) {
this.scrolled = false;
var results = [];
for (var i = 0; i < this.boxes.length; i++) {
var box = this.boxes[i];
if (box) {
if (this.isVisible(box)) {
this.show(box);
continue;
}
results.push(box);
}
}
this.boxes = results;
if (!this.boxes.length && !this.config.live) {
this.stop();
}
}
}
}, {
key: 'offsetTop',
value: function offsetTop(element) {
// SVG elements don't have an offsetTop in Firefox.
// This will use their nearest parent that has an offsetTop.
// Also, using ('offsetTop' of element) causes an exception in Firefox.
while (element.offsetTop === undefined) {
element = element.parentNode;
}
var top = element.offsetTop;
while (element.offsetParent) {
element = element.offsetParent;
top += element.offsetTop;
}
return top;
}
}, {
key: 'isVisible',
value: function isVisible(box) {
var offset = box.getAttribute('data-wow-offset') || this.config.offset;
var viewTop = this.config.scrollContainer && this.config.scrollContainer.scrollTop || window.pageYOffset;
var viewBottom = viewTop + Math.min(this.element.clientHeight, getInnerHeight()) - offset;
var top = this.offsetTop(box);
var bottom = top + box.clientHeight;
return top <= viewBottom && bottom >= viewTop;
}
}, {
key: 'disabled',
value: function disabled() {
return !this.config.mobile && isMobile(navigator.userAgent);
}
}]);
return WOW;
}();
exports.default = WOW;
module.exports = exports['default'];
});

3
lib/wow/wow.min.js vendored Normal file

File diff suppressed because one or more lines are too long

153
logo.svg Normal file
View File

@@ -0,0 +1,153 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="210mm"
height="297mm"
viewBox="0 0 210 297"
version="1.1"
id="svg8"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
sodipodi:docname="logo(1).svg"
xml:space="preserve"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:dc="http://purl.org/dc/elements/1.1/"><defs
id="defs2" /><sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="0.35"
inkscape:cx="-148.57143"
inkscape:cy="560"
inkscape:document-units="mm"
inkscape:current-layer="layer1"
inkscape:document-rotation="0"
showgrid="false"
inkscape:window-width="1358"
inkscape:window-height="693"
inkscape:window-x="4"
inkscape:window-y="72"
inkscape:window-maximized="0"
inkscape:showpageshadow="2"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1" /><metadata
id="metadata5"><rdf:RDF><cc:Work
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title /></cc:Work></rdf:RDF></metadata><g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"><image
width="195.64049"
height="174.4738"
preserveAspectRatio="none"
xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAABHNCSVQICAgIfAhkiAAAFdpJREFU
eJztnXmUVNWdxz/3vVevqqsXmgYagrKL0A0uDILdjaJGBIwadWZiJmeiJmNOMieKmsTJYhKTyWSi
hqDGLMesk+RkJjljYjIaFZcoUWlawAWkm11AZF+6oZeqeq/eu/PHrzu2BLuaqnrdr6v7e04dAeu9
e+ve792+97eoc+dfsYHCQj3wmaNtifZdr/z5lB+OVc2jqnJ4FPg6cFWe69aX2A98uCPlHtnc8NR7
fskCZvRZlfoGewDTMlRWD5dYFoABnM7AbpsywDJUz+1g9E1dhhBWWEADMAooAexuHwvIbhgFDw14
gNP5cTv/ewTYAKRTaS+rFx9JOowHT0MT8DwQB0qBcqRdop2fCOFpH807bZACEsB6wPF8v8cHLeAD
yI8pAcYAY4HTgCnAHGACMByIBVP3XsMFWpApfi2wqfPPe4BDnf/PBZKWaST2vL4iu1K2NRCbdK2T
SDkPAD9EZkkT6fQRyNIwGZgFXNj596Jsf1SW0EAH0AzsRNpjG/AW8DZwAOgwlDq2dfUzPb5ITZ17
GaYhK0FrMkXV+DG0tLartOdbCPPfB9QCVwB1wEj6duloA14HHkVG5C7guGkYTlHM1rsOHCUWsbBM
A8/XJF2Xt159Hq111gUqpRhzzkUU2xEMpTAMhaEUruezbfUzzL7kKuV5fhQYDVwJfAYhRZAzggZa
ga3ASmAFMtsdAtot00yvff5RPWXOAmzL/GtdM7WDOvELvudiWjaMOpdpkytRSlEcs5Xn+yXA2cCn
gQ8iM0aQ8IB1wHeBJ5RSzR0px1PArpZ2EptWknaSmJFowNV4N7TWGIZB5VnzGVkaJ2qZlob5wM+A
iQEU6SE7+qeAR4A1Clpee+FxZ3rNQnyt2fL6Xkg14vs+KsOm70RYJ/6DYUb+hjVKKT117mWtW1e/
ufLc+dMbkfXx88hOMwj4wHPA7UqpTSnH9ZtWPZXTqM4XlFLvqseUOQvSZfHYS8CvgS9ykjbNEhrZ
0zwM/BxoLIpGEi1tCTbuOYrveyiV+0T8NzNAj19Wihl1i4lYZinwbeAT5O8Hd8dW4MOl8dhrL27a
jd7xcgBF5A/VdYuJRqy5wHJkv5QrHGAVcA/wQmsi1eFrzY61f877IDilztNa46cdzpr/wVY7Yn0f
WEz+pz0H+IWCDRvfPhT6zgcZqsA+ZI3OlQBHkOXkQcNQe1s7UnpL/Z8wrGCWulMevYZlczzpMDJi
bQf+DPwL+d38HAAeSaU999Abf8nja4NDp+Zkkls7aGTm+xrwqJv2Ohrrlwe+7GW1iLz92vMUF0WT
yMakI4/10cALwFttSSePrw0OSinK4kUgx8JsR38a+AtwvVI83JFyOza89ESf7HmyIoDWmiPH2kHE
huN5rE8aeNUwVOKtV5/L42uDwxlzFpB03DhwDVCcxSuSyEbvpohlrtl9tNXb3PAUnOJuPltkvY3U
svIdRta+fCEJNL66okHrDApWGKCU4kdLvwZwHnA5p74EtAEPAbclHffNNc+9qg+t79tlL2sCHG5L
ALQDjXmrjbxvS3Xt7D4bAbmgqnYRn7vrnnJgCSKQnQqakV3+1520d2hTw9NovTvvdcyErAlwZMOL
KKUcRJnL12J1EDjuheC8nwkjZs4nZlsW8CFgEac2+g8BdwH3O2762PoVf+w3jSMnJcFQSgPHELUq
HzgEuG463NO/Uor6P/wSrTkbuAORzHuL/cAXgJ+m3HRH48on+1zN7I6cRBzDUHg+HYhylw8cBzzX
yxef8g+tfarrFvNPn1gyGjmynXEKj+9FCPP7hOM6m1a9t6FGXyHrGSDtJLEjlkY2bvmav9oAP+GG
lwBVdZdjW2YxcBuwkN634W7gVuD3HSknFJ0PORDAjESpKCsFmf7zRQAN6LDuASbMvpS4HYkg6/6/
0vsr8p3A7cCj7UnH2dzwdEA1PHXktAfIZGyQBToU+M2J8IlA6owaRpbGDQ0XIFN/b0WfbcASBY+2
JlLulpfD0/kQPpMwH9CEbAlQSlE3eSy+1mcB30GMZHqDrcCtSrH8WEcyvS2DcUZ/IIibvIKCUoqq
2kV0pJzxSOefS+Yjn0auzJcoxQvNbUlvx9png65qVhgiQA/odv1dCdwLXEzmWVMDbwA3K6XqDx9v
98Msaw8R4D3gey7V0vnlyJp/LZnbSwOvAksMpV7e29zq71u3IuCa5oYhApwEWvvMvPAqohGrFPgs
cCNiFNoTfMQ4c4mh1NrdR4/7B/tY188GQwQ4CarrPkDMtuLAzcjxLdMtn4+Y199sKLVux+Fj+uiG
F4KuZl4wRIATML12EUV2JAbcAPwbmWVeD7HS/bRpGE2v7Dms9Zb6oKuZNwwRoBum1SwkHrWjwEeA
/wAqMjziIabqt0Qsc8uazXu0fntt0NXMK4YI0Ikzz19Iccy2geuAu8l8vZsGngZuL4raW1et2oZu
XR90NfOOsAlB/YLOzo8AVyN39KMzPOICTwA3nz565NZVz2wckJ0PQwToPvL/AbgfcY3rCS7wGLCk
5tzqnX96+HdovTHoagaGQb0EdBv51yAq32kZHnGAPwCfbWlP7n3owaWhcFbJBYN2Bjih85eSufNT
wG+A2xOOu3fnK/l30ugPDEoCTKv567R/NXAfMD7DI0ngV8DnnbS3f3PD0wXR+TAICTC9ZhHxqG0j
0u4DiHt3T+hAPHXuTLnpg0194KzRlxhUBKiqXURRNNJ1zr+fzNN+O/AT4C4n7R3eGBIH1Xxi0GwC
q2oXExOF76OIyDMmwyNtSICIu52011JoI78LhU8Aramed3mXtv9xJPpXJpGnFVkelrlp71ihdj4U
OAG8tMPZF32QaMQqBj4JfIXM8m4Lcir4npP2Wje88BjKLNxmKthfpn2Pcy66GtuyyhBr3DuAYRke
6/LW+YHjptsbVz45IDyUckFBEkApRXXdYmwx5rgDIUCmW70jyN7gJyk33dH40uMF3/lQgARQSlFd
uwjbMkcCXwVuIvN9/mHE6ucXKTfd0VS/POhqhgYFRQClFFPnXoYdsUYjo/mjZA7hdgC4E/ifpJtO
bhxEnQ8FRAClRjNp9qUUx+xxyHXuP5LZjGsv0vm/TaTc1KYeYuoWKgqCAGpKDedfWkvKTU8GliEx
DSMZHtuNRDp7pCPlOj0FVC5kDHgClFRfwOzxlSrlps9C1L2LkHg9PWEn8DkFj7UlndB56/QlBjQB
xs16P2dWDjc8358FfA84n8zy9g7gNgXLW5Mpd+vL4fPW6UsM2LuAyXMWMGpY3NRaXwj8lN51/hbg
FgVPHk8MdT4M0BlgWs1CyuMxS2suQyTbqfTsrqWR4NK3KaWea2lLeG+G1FWrrzHgCFBVu5h41I5q
MeG6m8x3+RqJZnarUmrlkdYOL5tMIoWKAUMArX1mXvBXh40bEeEmk/GmRiKN36KUajhwrM3f89rz
QVd1QGFAEKDLSbNT178ZkXczXep0uWrdopR6ZW9zq78/5H56/YHQE0B0/UVELLMC+BLwKXoXlGkr
cJtpGGu3HWzWLY0vBlrPgYpQnwKUmsiImRdiW9b7EPfsm+l9RK4KYLzv++awmB1UFQc8QksANXEu
NQtmMa6ibApyxr+BU0vNMgq4R8NFI0rjxrAZFwZRzQGPUBJgyphy/m7SaJV03JlIKNWrkYRNp4pJ
wP1a69lTK4crNfLcvNazEBBKApTFo6bv63mINe77yW2vMhO43/P9aVdccs4pp1QpdISNAFpDpFPg
+TGStSzXOiqgBli25+CRcVW1i4ZI0A1hIoBG4u5dh0z7VeQvEYUJXAZ8KxqxRs6oW4z2wxWJrL8Q
JgIoZLq/j96HYTsVRBAbga9GLHPYzAuvROtwxyTuC4SJACCbtnwkXXovxJAUN0tsy4xX110eYFED
A2EjQF+gBAn8dH3MjkTPPH9hf9enXzEYCQAyy/w7cGVJzLYmzr60v+vTbxisBAC5SPq2hksrSuPG
iJnz+7s+/YLBTACQfL9LtdbnTRpVrlTlrP6uT59jIBCgDTHjCmrLPhNY5vn+9BuvnT/oNIKwE6AZ
+Abizv0a+ctL0B0KyY6+dN2m7eOm1ywcVCQIMwGOIs4dPzANYzUSsXNbQGWZSPaPu2N2ZNSMusWD
hgRhJcAhxOLnoZSb7tjX3KqVYhVyfAsqt1oEMTO7M2KZw6rrFgVUTLgQRgIcBL4M/CzlphNN9cvZ
8/rzHGtPeUiq2q8gvnxBIIZkRL/Ftqx4Ve3igIoJD8JGgAPA54BfJR030d1Jc/uaZ0ikXBf4X8QY
NJ8pa7ujpLMO18dsq+CFojARQCPRNx9JOm5q40myam1qeIqUm04iN4U/JL+Jq7ujSyi6uiRmWxPP
K1yhKEwEUEjSKHfTnqPv+aWmlU/ipL02JIrHr5HgjUFgNHC3hosrSgpXKAoTAaA3179K0VS/HCft
HUU2in9CAjcHgcnAMq31eZMqy5Uafk5AxfQfwkaAXkFrTVP9cprbE/sRD98XCU4oOgu4z/P8aR+5
dl7BHQ8HJAFASLDrlW1ELPNNRCMIUiiqAZZt3P7W+EKzKBqwBADQehdrdh3UhlIbgM8gzp9BoMui
6JvRiDWquoCEogFNAAC9bRX7W9p8pVQ94jH0dkBFdaWM/bJtmcOqaxfhe0FtPfoOA54AQKdQlOgS
iu4kWKHoJmCJHbHiMy64IqBi+g4FQQCA7Wue7RKKHga+RbBC0WeBGwrBoqhgCADvEop+CnyfYIWi
rwNXlcRsa9IAFooKigAAjS89jpv2WpEMIP+NJHoIAqOBpRouGV4SNyoGqFBUcARQhklj/XIcN92M
CEWPEpxQNJFO17PJo8qVOv28gIoJDgVHAOgUilY9RVsytQ/4ApLbLyihqBp4wPP9qgWzpw6442FB
EgCEBNtWryNmR3YgGUDXEJxQdD6w9HBL6/ipcy8bUCQoWAIAaH2Qhp37MQy1Hrni3RxQUV1C0d3F
MbtyIAlFBU0AAL11Ffua27RSNCBCUZAWRX8PfMW2zPLqukUDwvWs4AkAsPf15znWnvSQVK9fQqyO
gkAMyUpym21ZxTPmfSCgYvKHQUEAeJdQ9HtEKGoJqKgS5HLqxmgk/BZFg4YA8C6h6GcEKxSVA3cB
1xTH7EiYhaJBRQCADS882mVRdB/wS4IViu6lUyiqPPuigIrJDYOOAIZl01S/nJQIRd8A/khwQtEE
4D6t9dxxI8qUGjs7oGKyx6AjAIhGsHHVU7Qlnf3I7eFzBCsU3e/7enrNjPGhOx4OSgJAl1DURDxm
v4loBGsJTiiaA9yfdNwJYROKBi0BALR+m/rNb2MYqhG54m0KqCgTCX9zT9iEokFNAAC9czV7j7Zq
pVQDIhnvCqioCJKw+i7bMstn1IXD62jQEwBg37oVXRZFzyKuZ0EJRVHgY8DtEcssrg4BCYYI0Int
a56lI+W4wO+A/wSOBVRUMXAb8PFoxIpOq+lfoWiIAN2wueHpLqHo58B3kfTxQaAcSWp5bXHUtibP
WRBQMZkxRIAT0LTyCRzXa0MykAUpFFUirmcLy4uLzP4SioYIcCKUQdOq5ThprwUJUPF/BGtRtFRr
PWf8iGFKndb3FkVDBDgJulzPEil3P3KFHKRFURViUVQ976wJKBUPqJiTY4gA7wGtNZtffpriouhu
xOtoNQELRe2J1MSpcy/oU41giAA9QGvNyjd2YRiqCVELNwVUlAFcAtxbHLPf15cxioYIkAF6z1r2
vCMU3UFwQpEFXAN8PWKZFdV9FNF8iAC9wP51K2huS/hKLIq+iASxCgI2cD1wp22ZZRLRPIhV5x3k
QAAdxIKoAIUZPl7uWPss7SknjVwff5PgXM+KgE8Ct9qWWTJjXrARzbNuaaUMjrYcB5E387VgxTUY
5cXRPL0uv+gmFP0XIhYFpRGUIsvNTdGIFZteG1zIupyGmuf7Cpm28jVkDQAzHBdlJ8WGFx/rcj27
F1kSgjoeDkPuJT5SZEei02qCIUFOHde5PBWRvxkgBhgxy8zT6/IPw4zQWL+cqRNO24/Y/QV1hQww
EgmJ96F4NGKfMfeyvBeQIwG0Qqxg8zUDlAGmHWICgBwPH1vTiFLqDWQ/0BxgcaMRElxeVhTNe26D
7DtuzCx8rU1gRE7veTdGABHLCN8m8EQkNr5ER8rxkChlvyU4uRjgdGCZhosrSovMfFoZZ93SU8aN
AJn+p+WtNnJBEo2E8BRwMjS9+BgpN90OPIjkKg4SU4Dva82C4SVF5oQ8zQRZt3RnJxUjFxr5Qikw
MekOjNg7hmWz8dAxlEQxD/JU0IVpwINac8mI0iJz3Kz35/zCrAnQqQGMQtbtfCEOzBxRVqzCYjOX
CXrrKpy0l0aWgaCcT7vjTIQEF44aVmzmuifIigBKKYaXxAHOoffZvHuDCFDlpj2LCXPy+Npg0Vi/
A6XYj5DA7YMipwMPaa0vrigtMqfkcDrIigAjZs4n6bhRYD5ydMsXDGABMLJqbEUeXxsstN5E0kmn
gScJ9kTQBYUsBz/WmsvLiqKRbHWCUyeA1owpiwOMBS4ifxpAFyYBF8Sj9oBZBgB8X4NcFPXFMtCF
yYiP43XxaCSWzS3iqRFAa6bXLSZimVHgBoJJ8VoC3Oz5/tgZ88JjP58J7Y4LErn8QB8XPQExX7vF
jljDptcspKjqgl4/rHpz26S1T0n1fCZWlGJbZgy5tnwAESmCgINE+LrTjlj7j7Un2NzwdOA3Y7lg
xrzLsS2zEpGH+yOseBsSI/E7CrY4aS/deKAFvbUeehhEJyWA9j0M02LUWfMZUVxE0k1TXhyzgfFI
7t2bkDN7kEghplgPAA2GoY4nUq5Oez5bV68HDnRG4Oi/GUJmpzKqa2uJ2palNdcBP0Jmsf5AGtEj
fgX8BtjXlnQcy1Bs2nIAjq77m0GkqJxF5ehSyoqiREyDtOcza9oktu/epzzfjwIVyIbjCuBKZN2J
9NEP0simqgG5hl0J7FXQZkes9Ms791NVWY6vNUk3za7mdnjz5bzMFNK5Y2H0aIxhMU4rjhG1TCzT
QClFa8JhwujhdCRTptYMBxYjwSOn5Fx47kgB24HHEaVyI9BSZEfcg8fasC2TjpTLrr0tqFnzr4ho
sUaJIjv60Yi4Mxk4GwmVPgY57vWnSJ9EUsltQQixBdjZ+TmO/GjHUCq9++hx/+D6v2RdkFKKj33q
VtZtetNCa6Vlr2R1fmxEADsNaaczgUuRtsrnkTgf8BAHlx3IbLoeMWt7C/F5SFkaliGjfCLyo0oQ
IkSRHxyWXVgMOXmMRY6fDtLpCcRCZxfwlq/1r2dNOX1VLgWNPfdiXt+4PY4YZkzpLLsCuZ0bg4hf
XQPGpn8HRk8wkXpXALN4p72OIrNCkwXcQng6ubcwkMaPIffmY5DMHilgfWt7IicClEQjdL77n4GB
F/7z5DCQu5sihBBnADUGA6/ze4ICMIy8/aRCapuTwgJW9Hcl8ggX2BuL2rm9xPO73rUWaM29WqGE
Bo79P1g6WzbOFrLYAAAAAElFTkSuQmCC
"
id="image340"
x="8.0130978"
y="57.905956" /></g></svg>

After

Width:  |  Height:  |  Size: 9.3 KiB

View File

@@ -0,0 +1,181 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Bayou Oaks | Kaliber Management</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="Mississippi,,Gulfport,Harrison County,Workforce,Attainable,Affordable,Mobile Home,Manufactured Home,Trailer,Park,Trailer Parks,Homes,Community,Gulf Coast,Family Communities,Clayton,Cavco,Regional,Champion,55+ parks,New Homes,All ages,Manufactured Housing" name="keywords">
<meta content="" name="description">
<!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-69CX9XJGDV"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-69CX9XJGDV'); </script>
<!-- Favicon -->
<link href="../img/favicon.ico" rel="icon">
<!-- Google Web 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=Open+Sans:wght@400;500&family=Roboto:wght@500;700;900&display=swap" rel="stylesheet">
<!-- Icon Font Stylesheet -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet">
<!-- Libraries Stylesheet -->
<link href="../lib/animate/animate.min.css" rel="stylesheet">
<link href="../lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
<link href="../lib/lightbox/css/lightbox.min.css" rel="stylesheet">
<!-- Customized Bootstrap Stylesheet -->
<link href="../css/bootstrap.min.css" rel="stylesheet">
<!-- Template Stylesheet -->
<link href="../css/style.css" rel="stylesheet">
</head>
<body>
<!-- Navbar Start -->
<nav class="navbar navbar-expand-lg bg-white navbar-light sticky-top p-0">
<a href="../index.html" class="navbar-brand d-flex align-items-center px-4 px-lg-5">
<img src="../img/logos/kaliberlogotransparent.png" alt="Kaliber Management" style="height: 68px;">
</a>
<button type="button" class="navbar-toggler me-4" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<div class="navbar-nav ms-auto p-4 p-lg-0">
<a href="../index.html" class="nav-item nav-link">Home</a>
<a href="../leadership.html" class="nav-item nav-link">Leadership</a>
<a href="../available-homes.html" class="nav-item nav-link">Available Homes</a>
<div class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle active" data-bs-toggle="dropdown">MHP Communities</a>
<div class="dropdown-menu bg-light m-0">
<a href="bayou-oaks.html" class="dropdown-item active">Bayou Oaks</a>
<a href="bluff-creek.html" class="dropdown-item">Bluff Creek</a>
<a href="camellia-trace.html" class="dropdown-item">Camellia Trace</a>
<a href="creekside-willows.html" class="dropdown-item">Creekside Willows</a>
<a href="creola.html" class="dropdown-item">Creola</a>
<a href="delmar-woods.html" class="dropdown-item">Delmar Woods</a>
<a href="glen-acres.html" class="dropdown-item">Glen Acres</a>
<a href="greenwood.html" class="dropdown-item">Greenwood</a>
<a href="griffith.html" class="dropdown-item">Griffith</a>
<a href="hamilton-oaks.html" class="dropdown-item">Hamilton Oaks</a>
<a href="livingston.html" class="dropdown-item">Livingston</a>
<a href="maddox.html" class="dropdown-item">Maddox</a>
<a href="oaklawn-estates.html" class="dropdown-item">Oaklawn Estates</a>
<a href="park-place-estates.html" class="dropdown-item">Park Place Estates</a>
<a href="pecan-point.html" class="dropdown-item">Pecan Point</a>
<a href="ridgecrest.html" class="dropdown-item">Ridgecrest</a>
<a href="saraland.html" class="dropdown-item">Saraland</a>
<a href="summerdale.html" class="dropdown-item">Summerdale</a>
</div>
</div>
<div class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">RV Communities</a>
<div class="dropdown-menu bg-light m-0">
<a href="https://cochrangajellystonepark.com" target="_blank" class="dropdown-item">Jellystone<br>Cochran GA</a>
<a href="https://www.jellystonegulfcoast.com" target="_blank" class="dropdown-item">Jellyston<br>Elberta AL</a>
<a href="https://www.oaklawnrvpark.com" target="_blank" class="dropdown-item">Oaklawn<br>RV Park</a>
<a href="https://www.creeksidewillowsrv.com/" target="_blank" class="dropdown-item">Creekside Willows<br>RV Park</a>
<a href="https://sunsetgrovervpark.com" target="_blank" class="dropdown-item">Sunset Grove<br>RV Park</a>
<a href="https://www.retreatonstyxriver.com" target="_blank" class="dropdown-item">The Retreat<br>on Styx River</a>
</div>
</div>
</div>
</nav>
<!-- Navbar End -->
<!-- Page Header Start -->
<div class="container-fluid page-header py-5 mb-5" style="--bg-image: url('../img/hero2.jpg');">
<div class="container py-5">
<h1 class="display-3 text-white mb-3 animated fadeIn">Bayou Oaks</h1>
<nav aria-label="breadcrumb animated slideInDown">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a class="text-white" href="#">Home</a></li>
<li class="breadcrumb-item"><a class="text-white" href="#">MHP Communities</a></li>
<li class="breadcrumb-item text-white active" aria-current="page">Bayou Oaks</li>
</ol>
</nav>
</div>
</div>
<!-- Page Header End -->
<!-- Property Start -->
<div class="container bg-light overflow-hidden my-5 px-lg-0">
<div class="container about px-lg-0">
<div class="row g-0 mx-lg-0">
<div class="col-lg-6 ps-lg-0 wow fadeIn" data-wow-delay="0.1s">
<div class="map-responsive">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d860.2756903054485!2d-89.01575618453444!3d30.404826210800593!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x889c11348bd940c7%3A0x83a5876c157b5d32!2sBayou%20Oaks%20Mobile%20Home%20Park!5e0!3m2!1sen!2sus!4v1740859791060!5m2!1sen!2sus" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
<div class="col-lg-6 about-text wow fadeIn" data-wow-delay="0.5s">
<div class="p-lg-5 pe-lg-0">
<div class="p-2 d-flex justify-content-center align-items-center">
<img class="img-fluid mb-3" src="../img/bayou-oaks-logo.webp" alt="Bayou Oaks" style="max-height:270px">
</div>
<h2 class="mb-1" style="font-size: 2rem;">Bayou Oaks</h2>
<h3 class="text-primary" style="font-size: 1rem;">1901 Switzer Rd, Gulfport, MS 39507</h3>
<p style="color: #080A0C">Located in coastal city of Gulfport Mississippi, this park offers great opportunities for people looking to step into home ownership!</p>
<a href="tel:228-641-1818" class="btn btn-primary rounded-pill py-3 px-5 mt-3">Call (228) 641-1818</a>
</div>
</div>
</div>
</div>
</div>
<!-- Property End -->
<!-- Footer Start -->
<div class="container-fluid bg-dark text-body footer mt-5 pt-5 wow fadeIn" data-wow-delay="0.1s">
<div class="container py-3">
<div class="row g-5">
<div class="col-lg-4 col-md-6">
<h4 class="text-white mb-4" style="font-size: 1.25rem;">Connect With Us</h4>
<p class="mb-2">
<i class="fa fa-envelope me-3"></i>
<a href="mailto:information@kalibermanagement.com" style="color: white">information@kalibermanagement.com</a>
</p>
<div class="d-flex pt-2">
<a class="btn btn-square btn-outline-light btn-social" href="https://www.linkedin.com/company/kaliber-management-llc" target="_blank" ><i class="fab fa-linkedin-in"></i></a>
<a class="btn btn-square btn-outline-light btn-social" href="https://www.facebook.com/kalibermanagement/" target="_blank" ><i class="fab fa-facebook"></i></a>
</div>
</div>
<div class="col-lg-4 col-md-6">
<h4 class="text-white mb-4" style="font-size: 1.25rem;">Quick Links</h4>
<a class="btn btn-link" href="index.html">Home</a>
<a class="btn btn-link" href="privacy-policy.html">Privacy Policy</a>
<a class="btn btn-link" href="https://www.kaliber-homes.com/" target="_blank">Kaliber Homes</a>
</div>
</div>
</div>
<div class="container">
<div class="copyright">
<div class="row">
<div class="col-md-6 text-center text-md-start mb-3 mb-md-0">
<a href="#">&copy; 2025 Kaliber Management.</a> All Rights Reserved.
</div>
</div>
</div>
</div>
</div>
<!-- Footer End -->
<!-- JavaScript Libraries -->
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="lib/wow/wow.min.js"></script>
<script src="lib/easing/easing.min.js"></script>
<script src="lib/waypoints/waypoints.min.js"></script>
<script src="lib/counterup/counterup.min.js"></script>
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
<script src="lib/isotope/isotope.pkgd.min.js"></script>
<script src="lib/lightbox/js/lightbox.min.js"></script>
<!-- Template Javascript -->
<script src="js/main.js"></script>
</body>
</html>

View File

@@ -0,0 +1,182 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Bluff Creek | Kaliber Management</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="Mississippi,Gautier,Jackson County,,Workforce,Attainable,Affordable,Mobile Home,Manufactured Home,Trailer,Park,Trailer Parks,Homes,Community,Gulf Coast,Family Communities,Clayton,Cavco,Regional,Champion,55+ parks,All ages,Manufactured Housing" name="keywords">
<meta content="" name="description">
<!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-69CX9XJGDV"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-69CX9XJGDV'); </script>
<!-- Favicon -->
<link href="../img/favicon.ico" rel="icon">
<!-- Google Web 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=Open+Sans:wght@400;500&family=Roboto:wght@500;700;900&display=swap" rel="stylesheet">
<!-- Icon Font Stylesheet -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet">
<!-- Libraries Stylesheet -->
<link href="../lib/animate/animate.min.css" rel="stylesheet">
<link href="../lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
<link href="../lib/lightbox/css/lightbox.min.css" rel="stylesheet">
<!-- Customized Bootstrap Stylesheet -->
<link href="../css/bootstrap.min.css" rel="stylesheet">
<!-- Template Stylesheet -->
<link href="../css/style.css" rel="stylesheet">
</head>
<body>
<!-- Navbar Start -->
<nav class="navbar navbar-expand-lg bg-white navbar-light sticky-top p-0">
<a href="../index.html" class="navbar-brand d-flex align-items-center px-4 px-lg-5">
<img src="../img/logos/kaliberlogotransparent.png" alt="Kaliber Management" style="height: 68px;">
</a>
<button type="button" class="navbar-toggler me-4" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<div class="navbar-nav ms-auto p-4 p-lg-0">
<a href="../index.html" class="nav-item nav-link">Home</a>
<a href="../leadership.html" class="nav-item nav-link">Leadership</a>
<a href="../available-homes.html" class="nav-item nav-link">Available Homes</a>
<div class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle active" data-bs-toggle="dropdown">MHP Communities</a>
<div class="dropdown-menu bg-light m-0">
<a href="bayou-oaks.html" class="dropdown-item">Bayou Oaks</a>
<a href="bluff-creek.html" class="dropdown-item active">Bluff Creek</a>
<a href="camellia-trace.html" class="dropdown-item">Camellia Trace</a>
<a href="creekside-willows.html" class="dropdown-item">Creekside Willows</a>
<a href="creola.html" class="dropdown-item">Creola</a>
<a href="delmar-woods.html" class="dropdown-item">Delmar Woods</a>
<a href="glen-acres.html" class="dropdown-item">Glen Acres</a>
<a href="greenwood.html" class="dropdown-item">Greenwood</a>
<a href="griffith.html" class="dropdown-item">Griffith</a>
<a href="hamilton-oaks.html" class="dropdown-item">Hamilton Oaks</a>
<a href="livingston.html" class="dropdown-item">Livingston</a>
<a href="maddox.html" class="dropdown-item">Maddox</a>
<a href="oaklawn-estates.html" class="dropdown-item">Oaklawn Estates</a>
<a href="park-place-estates.html" class="dropdown-item">Park Place Estates</a>
<a href="pecan-point.html" class="dropdown-item">Pecan Point</a>
<a href="ridgecrest.html" class="dropdown-item">Ridgecrest</a>
<a href="saraland.html" class="dropdown-item">Saraland</a>
<a href="summerdale.html" class="dropdown-item">Summerdale</a>
</div>
</div>
<div class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">RV Communities</a>
<div class="dropdown-menu bg-light m-0">
<a href="https://cochrangajellystonepark.com" target="_blank" class="dropdown-item">Jellystone<br>Cochran GA</a>
<a href="https://www.jellystonegulfcoast.com" target="_blank" class="dropdown-item">Jellyston<br>Elberta AL</a>
<a href="https://www.oaklawnrvpark.com" target="_blank" class="dropdown-item">Oaklawn<br>RV Park</a>
<a href="https://www.creeksidewillowsrv.com/" target="_blank" class="dropdown-item">Creekside Willows<br>RV Park</a>
<a href="https://sunsetgrovervpark.com" target="_blank" class="dropdown-item">Sunset Grove<br>RV Park</a>
<a href="https://www.retreatonstyxriver.com" target="_blank" class="dropdown-item">The Retreat<br>on Styx River</a>
</div>
</div>
</div>
</div>
</nav>
<!-- Navbar End -->
<!-- Page Header Start -->
<div class="container-fluid page-header py-5 mb-5" style="--bg-image: url('../img/hero2.jpg');">
<div class="container py-5">
<h1 class="display-3 text-white mb-3 animated slideInDown">Bluff Creek</h1>
<nav aria-label="breadcrumb animated slideInDown">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a class="text-white" href="#">Home</a></li>
<li class="breadcrumb-item"><a class="text-white" href="#">MHP Communities</a></li>
<li class="breadcrumb-item text-white active" aria-current="page">Bluff Creek</li>
</ol>
</nav>
</div>
</div>
<!-- Page Header End -->
<!-- Property Start -->
<div class="container bg-light overflow-hidden my-5 px-lg-0">
<div class="container about px-lg-0">
<div class="row g-0 mx-lg-0">
<div class="col-lg-6 ps-lg-0 wow fadeIn" data-wow-delay="0.1s" style="min-height: 400px;">
<div class="map-responsive">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d859.70486975595!2d-88.67568948442788!3d30.46955083355246!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x889bf3ab80618e0d%3A0x5e1f64f8484f2f5d!2s8716%20Pine%20Grove%20Rd%2C%20Gautier%2C%20MS%2039553!5e0!3m2!1sen!2sus!4v1740856242659!5m2!1sen!2sus" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
<div class="col-lg-6 about-text wow fadeIn" data-wow-delay="0.5s">
<div class="p-lg-5 pe-lg-0">
<div class="p-2 d-flex justify-content-center align-items-center">
<img class="img-fluid mb-3 mt-3" src="../img/bluff-creek-logo.webp" alt="Bluff Creek" style="max-height:200px">
</div>
<h2 class="mb-1" style="font-size: 2rem;">Bluff Creek</h2>
<h3 class="text-primary" style="font-size: 1rem;">8716 Pine Grove Road, Gautier, MS 39553</h3>
<p style="color: #303E4B">Located in coastal city of Gulfport Mississippi, this park offers great opportunities for people looking to step into home ownership!</p>
<a href="tel:251-304-9779" class="btn btn-primary rounded-pill py-3 px-5 mt-3">Call (251) 304-9779</a>
</div>
</div>
</div>
</div>
</div>
<!-- Property End -->
<!-- Footer Start -->
<div class="container-fluid bg-dark text-body footer mt-5 pt-5 wow fadeIn" data-wow-delay="0.1s">
<div class="container py-3">
<div class="row g-5">
<div class="col-lg-4 col-md-6">
<h4 class="text-white mb-4" style="font-size: 1.25rem;">Connect With Us</h4>
<p class="mb-2">
<i class="fa fa-envelope me-3"></i>
<a href="mailto:information@kalibermanagement.com" style="color: white">information@kalibermanagement.com</a>
</p>
<div class="d-flex pt-2">
<a class="btn btn-square btn-outline-light btn-social" href="https://www.linkedin.com/company/kaliber-management-llc" target="_blank" ><i class="fab fa-linkedin-in"></i></a>
<a class="btn btn-square btn-outline-light btn-social" href="https://www.facebook.com/kalibermanagement/" target="_blank" ><i class="fab fa-facebook"></i></a>
</div>
</div>
<div class="col-lg-4 col-md-6">
<h4 class="text-white mb-4" style="font-size: 1.25rem;">Quick Links</h4>
<a class="btn btn-link" href="index.html">Home</a>
<a class="btn btn-link" href="privacy-policy.html">Privacy Policy</a>
<a class="btn btn-link" href="https://www.kaliber-homes.com/" target="_blank">Kaliber Homes</a>
</div>
</div>
</div>
<div class="container">
<div class="copyright">
<div class="row">
<div class="col-md-6 text-center text-md-start mb-3 mb-md-0">
<a href="#">&copy; 2025 Kaliber Management.</a> All Rights Reserved.
</div>
</div>
</div>
</div>
</div>
<!-- Footer End -->
<!-- JavaScript Libraries -->
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="lib/wow/wow.min.js"></script>
<script src="lib/easing/easing.min.js"></script>
<script src="lib/waypoints/waypoints.min.js"></script>
<script src="lib/counterup/counterup.min.js"></script>
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
<script src="lib/isotope/isotope.pkgd.min.js"></script>
<script src="lib/lightbox/js/lightbox.min.js"></script>
<!-- Template Javascript -->
<script src="js/main.js"></script>
</body>
</html>

View File

@@ -0,0 +1,183 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Camellia Trace | Kaliber Management</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="Alabama,Mobile,Mobile County,Workforce,Attainable,Affordable,,Mobile Home,Manufactured Home,Trailer,Park,Trailer Parks,Homes,Community,Gulf Coast,Family Communities,Clayton,Cavco,Regional,Champion,55+ parks,New Homes,All ages,Manufactured Housing" name="keywords">
<meta content="" name="description">
<!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-69CX9XJGDV"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-69CX9XJGDV'); </script>
<!-- Favicon -->
<link href="img/favicon.ico" rel="icon">
<!-- Google Web 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=Open+Sans:wght@400;500&family=Roboto:wght@500;700;900&display=swap" rel="stylesheet">
<!-- Icon Font Stylesheet -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet">
<!-- Libraries Stylesheet -->
<link href="../lib/animate/animate.min.css" rel="stylesheet">
<link href="../lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
<link href="../lib/lightbox/css/lightbox.min.css" rel="stylesheet">
<!-- Customized Bootstrap Stylesheet -->
<link href="../css/bootstrap.min.css" rel="stylesheet">
<!-- Template Stylesheet -->
<link href="../css/style.css" rel="stylesheet">
</head>
<body>
<!-- Navbar Start -->
<nav class="navbar navbar-expand-lg bg-white navbar-light sticky-top p-0">
<a href="../index.html" class="navbar-brand d-flex align-items-center px-4 px-lg-5">
<img src="../img/logos/kaliberlogotransparent.png" alt="Kaliber Management" style="height: 68px;">
</a>
<button type="button" class="navbar-toggler me-4" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<div class="navbar-nav ms-auto p-4 p-lg-0">
<a href="../index.html" class="nav-item nav-link">Home</a>
<a href="../leadership.html" class="nav-item nav-link">Leadership</a>
<a href="../available-homes.html" class="nav-item nav-link">Available Homes</a>
<div class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle active" data-bs-toggle="dropdown">MHP Communities</a>
<div class="dropdown-menu bg-light m-0">
<a href="bayou-oaks.html" class="dropdown-item">Bayou Oaks</a>
<a href="bluff-creek.html" class="dropdown-item">Bluff Creek</a>
<a href="camellia-trace.html" class="dropdown-item active">Camellia Trace</a>
<a href="creekside-willows.html" class="dropdown-item">Creekside Willows</a>
<a href="creola.html" class="dropdown-item">Creola</a>
<a href="delmar-woods.html" class="dropdown-item">Delmar Woods</a>
<a href="glen-acres.html" class="dropdown-item">Glen Acres</a>
<a href="greenwood.html" class="dropdown-item">Greenwood</a>
<a href="griffith.html" class="dropdown-item">Griffith</a>
<a href="hamilton-oaks.html" class="dropdown-item">Hamilton Oaks</a>
<a href="livingston.html" class="dropdown-item">Livingston</a>
<a href="maddox.html" class="dropdown-item">Maddox</a>
<a href="oaklawn-estates.html" class="dropdown-item">Oaklawn Estates</a>
<a href="park-place-estates.html" class="dropdown-item">Park Place Estates</a>
<a href="pecan-point.html" class="dropdown-item">Pecan Point</a>
<a href="ridgecrest.html" class="dropdown-item">Ridgecrest</a>
<a href="saraland.html" class="dropdown-item">Saraland</a>
<a href="summerdale.html" class="dropdown-item">Summerdale</a>
</div>
</div>
<div class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">RV Communities</a>
<div class="dropdown-menu bg-light m-0">
<a href="https://cochrangajellystonepark.com" target="_blank" class="dropdown-item">Jellystone<br>Cochran GA</a>
<a href="https://www.jellystonegulfcoast.com" target="_blank" class="dropdown-item">Jellyston<br>Elberta AL</a>
<a href="https://www.oaklawnrvpark.com" target="_blank" class="dropdown-item">Oaklawn<br>RV Park</a>
<a href="https://www.creeksidewillowsrv.com/" target="_blank" class="dropdown-item">Creekside Willows<br>RV Park</a>
<a href="https://sunsetgrovervpark.com" target="_blank" class="dropdown-item">Sunset Grove<br>RV Park</a>
<a href="https://www.retreatonstyxriver.com" target="_blank" class="dropdown-item">The Retreat<br>on Styx River</a>
</div>
</div>
</div>
</div>
</nav>
<!-- Navbar End -->
<!-- Page Header Start -->
<div class="container-fluid page-header py-5 mb-5" style="--bg-image: url('../img/hero2.jpg');">
<div class="container py-5">
<h1 class="display-3 text-white mb-3 animated slideInDown">Camellia Trace</h1>
<nav aria-label="breadcrumb animated slideInDown">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a class="text-white" href="#">Home</a></li>
<li class="breadcrumb-item"><a class="text-white" href="#">MHP Communities</a></li>
<li class="breadcrumb-item text-white active" aria-current="page">Camellia Trace</li>
</ol>
</nav>
</div>
</div>
<!-- Page Header End -->
<!-- Property Start -->
<div class="container bg-light overflow-hidden my-5 px-lg-0">
<div class="container about px-lg-0">
<div class="row g-0 mx-lg-0">
<div class="col-lg-6 ps-lg-0 wow fadeIn" data-wow-delay="0.1s" style="min-height: 400px;">
<div class="map-responsive">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d857.4823717790069!2d-88.21014292159542!3d30.720382650244765!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x889bad6ec55271d7%3A0x47f11d890fe74293!2sCamellia%20Trace%20Mobile%20Home%20Park!5e0!3m2!1sen!2sus!4v1740859845215!5m2!1sen!2sus" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
<div class="col-lg-6 about-text wow fadeIn" data-wow-delay="0.5s">
<div class="p-lg-5 pe-lg-0">
<div class="p-2 d-flex justify-content-center align-items-center">
<img class="img-fluid mb-3 mt-3" src="../img/camellia-trace-logo.png" alt="Camellia Trace Logo" style="max-height:175px">
</div>
<h2 class="mb-1" style="font-size: 2rem;">Camellia Trace</h2>
<h3 class="text-primary" style="font-size: 1rem;">1421 Cody Rd N, Mobile, AL 36618</h3>
<p style="color: #303E4B">Located at 1421 Cody Road North in Mobile, Alabama - Camellia Trace Mobile Home Park has mobile homes available with electricity, sewer, and water provided. The park is located in a quiet area of West Mobile, but is centrally located to the Howells Ferry Road and Zeigler Boulevard.
<br><br>We have homes and lot available for rent. Contact us today for more information.</p>
<a href="tel:251-304-9779" class="btn btn-primary rounded-pill py-3 px-5 mt-3">Call (251) 304-9779</a>
</div>
</div>
</div>
</div>
</div>
<!-- Property End -->
<!-- Footer Start -->
<div class="container-fluid bg-dark text-body footer mt-5 pt-5 wow fadeIn" data-wow-delay="0.1s">
<div class="container py-3">
<div class="row g-5">
<div class="col-lg-4 col-md-6">
<h4 class="text-white mb-4" style="font-size: 1.25rem;">Connect With Us</h4>
<p class="mb-2">
<i class="fa fa-envelope me-3"></i>
<a href="mailto:information@kalibermanagement.com" style="color: white">information@kalibermanagement.com</a>
</p>
<div class="d-flex pt-2">
<a class="btn btn-square btn-outline-light btn-social" href="https://www.linkedin.com/company/kaliber-management-llc" target="_blank" ><i class="fab fa-linkedin-in"></i></a>
<a class="btn btn-square btn-outline-light btn-social" href="https://www.facebook.com/kalibermanagement/" target="_blank" ><i class="fab fa-facebook"></i></a>
</div>
</div>
<div class="col-lg-4 col-md-6">
<h4 class="text-white mb-4" style="font-size: 1.25rem;">Quick Links</h4>
<a class="btn btn-link" href="index.html">Home</a>
<a class="btn btn-link" href="privacy-policy.html">Privacy Policy</a>
<a class="btn btn-link" href="https://www.kaliber-homes.com/" target="_blank">Kaliber Homes</a>
</div>
</div>
</div>
<div class="container">
<div class="copyright">
<div class="row">
<div class="col-md-6 text-center text-md-start mb-3 mb-md-0">
<a href="#">&copy; 2025 Kaliber Management.</a> All Rights Reserved.
</div>
</div>
</div>
</div>
</div>
<!-- Footer End -->
<!-- JavaScript Libraries -->
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="lib/wow/wow.min.js"></script>
<script src="lib/easing/easing.min.js"></script>
<script src="lib/waypoints/waypoints.min.js"></script>
<script src="lib/counterup/counterup.min.js"></script>
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
<script src="lib/isotope/isotope.pkgd.min.js"></script>
<script src="lib/lightbox/js/lightbox.min.js"></script>
<!-- Template Javascript -->
<script src="js/main.js"></script>
</body>
</html>

View File

@@ -0,0 +1,182 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Creekside Willows | Kaliber Management</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="Mississippi, Gulfport, Harrison County, Workforce, Attainable, Affordable, Mobile Home, Manufactured Home, Trailer, Park, Trailer Parks, Homes, Community, Gulf Coast, Family Communities, Clayton, All ages, Cavco, Regional, Champion, 55+ parks, New Homes, Manufactured Housing" name="keywords">
<meta content="" name="description">
<!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-69CX9XJGDV"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-69CX9XJGDV'); </script>
<!-- Favicon -->
<link href="../img/favicon.ico" rel="icon">
<!-- Google Web 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=Open+Sans:wght@400;500&family=Roboto:wght@500;700;900&display=swap" rel="stylesheet">
<!-- Icon Font Stylesheet -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet">
<!-- Libraries Stylesheet -->
<link href="../lib/animate/animate.min.css" rel="stylesheet">
<link href="../lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
<link href="../lib/lightbox/css/lightbox.min.css" rel="stylesheet">
<!-- Customized Bootstrap Stylesheet -->
<link href="../css/bootstrap.min.css" rel="stylesheet">
<!-- Template Stylesheet -->
<link href="../css/style.css" rel="stylesheet">
</head>
<body>
<!-- Navbar Start -->
<nav class="navbar navbar-expand-lg bg-white navbar-light sticky-top p-0">
<a href="../index.html" class="navbar-brand d-flex align-items-center px-4 px-lg-5">
<img src="../img/logos/kaliberlogotransparent.png" alt="Kaliber Management" style="height: 68px;">
</a>
<button type="button" class="navbar-toggler me-4" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<div class="navbar-nav ms-auto p-4 p-lg-0">
<a href="../index.html" class="nav-item nav-link">Home</a>
<a href="../leadership.html" class="nav-item nav-link">Leadership</a>
<a href="../available-homes.html" class="nav-item nav-link">Available Homes</a>
<div class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle active" data-bs-toggle="dropdown">MHP Communities</a>
<div class="dropdown-menu bg-light m-0">
<a href="bayou-oaks.html" class="dropdown-item">Bayou Oaks</a>
<a href="bluff-creek.html" class="dropdown-item">Bluff Creek</a>
<a href="camellia-trace.html" class="dropdown-item">Camellia Trace</a>
<a href="creekside-willows.html" class="dropdown-item active">Creekside Willows</a>
<a href="creola.html" class="dropdown-item">Creola</a>
<a href="delmar-woods.html" class="dropdown-item">Delmar Woods</a>
<a href="glen-acres.html" class="dropdown-item">Glen Acres</a>
<a href="greenwood.html" class="dropdown-item">Greenwood</a>
<a href="griffith.html" class="dropdown-item">Griffith</a>
<a href="hamilton-oaks.html" class="dropdown-item">Hamilton Oaks</a>
<a href="livingston.html" class="dropdown-item">Livingston</a>
<a href="maddox.html" class="dropdown-item">Maddox</a>
<a href="oaklawn-estates.html" class="dropdown-item">Oaklawn Estates</a>
<a href="park-place-estates.html" class="dropdown-item">Park Place Estates</a>
<a href="pecan-point.html" class="dropdown-item">Pecan Point</a>
<a href="ridgecrest.html" class="dropdown-item">Ridgecrest</a>
<a href="saraland.html" class="dropdown-item">Saraland</a>
<a href="summerdale.html" class="dropdown-item">Summerdale</a>
</div>
</div>
<div class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">RV Communities</a>
<div class="dropdown-menu bg-light m-0">
<a href="https://cochrangajellystonepark.com" target="_blank" class="dropdown-item">Jellystone<br>Cochran GA</a>
<a href="https://www.jellystonegulfcoast.com" target="_blank" class="dropdown-item">Jellyston<br>Elberta AL</a>
<a href="https://www.oaklawnrvpark.com" target="_blank" class="dropdown-item">Oaklawn<br>RV Park</a>
<a href="https://www.creeksidewillowsrv.com/" target="_blank" class="dropdown-item">Creekside Willows<br>RV Park</a>
<a href="https://sunsetgrovervpark.com" target="_blank" class="dropdown-item">Sunset Grove<br>RV Park</a>
<a href="https://www.retreatonstyxriver.com" target="_blank" class="dropdown-item">The Retreat<br>on Styx River</a>
</div>
</div>
</div>
</div>
</nav>
<!-- Navbar End -->
<!-- Page Header Start -->
<div class="container-fluid page-header py-5 mb-5" style="--bg-image: url('../img/hero2.jpg');">
<div class="container py-5">
<h1 class="display-3 text-white mb-3 animated slideInDown">Creekside Willows</h1>
<nav aria-label="breadcrumb animated slideInDown">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a class="text-white" href="#">Home</a></li>
<li class="breadcrumb-item"><a class="text-white" href="#">MHP Communities</a></li>
<li class="breadcrumb-item text-white active" aria-current="page">Creekside Willows</li>
</ol>
</nav>
</div>
</div>
<!-- Page Header End -->
<!-- Property Start -->
<div class="container bg-light overflow-hidden my-5 px-lg-0">
<div class="container about px-lg-0">
<div class="row g-0 mx-lg-0">
<div class="col-lg-6 ps-lg-0 wow fadeIn" data-wow-delay="0.1s" style="min-height: 400px;">
<div class="map-responsive">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3441.750593031076!2d-89.08499192391307!3d30.386439302285268!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x889c17ccd555cd31%3A0x3669ff29f57b3b58!2s2800%2019th%20Ave%2C%20Gulfport%2C%20MS%2039501!5e0!3m2!1sen!2sus!4v1740856377981!5m2!1sen!2sus" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
<div class="col-lg-6 about-text wow fadeIn" data-wow-delay="0.5s">
<div class="p-lg-5 pe-lg-0">
<div class="p-2 d-flex justify-content-center align-items-center">
<img class="img-fluid mb-3 mt-3" src="../img/creekside-willows-logo.png" alt="Creekside Willows Logo" style="max-height:275px">
</div>
<h2 class="mb-1" style="font-size: 2rem;">Creekside Willows</h2>
<h3 class="text-primary" style="font-size: 1rem;">2800 19th Avenue, Gulfport, MS 39501</h3>
<p style="color: #303E4B">Come make your home in the beautiful community of Gulfport Mississippi! This is a dual use community. There is a portion that's being converted to RV while another portion will remain Manufactured Housing.</p>
<a href="tel:(228) 269-0092" class="btn btn-primary rounded-pill py-3 px-5 mt-3">Call (228) 269-0092</a>
</div>
</div>
</div>
</div>
</div>
<!-- Property End -->
<!-- Footer Start -->
<div class="container-fluid bg-dark text-body footer mt-5 pt-5 wow fadeIn" data-wow-delay="0.1s">
<div class="container py-3">
<div class="row g-5">
<div class="col-lg-4 col-md-6">
<h4 class="text-white mb-4" style="font-size: 1.25rem;">Connect With Us</h4>
<p class="mb-2">
<i class="fa fa-envelope me-3"></i>
<a href="mailto:information@kalibermanagement.com" style="color: white">information@kalibermanagement.com</a>
</p>
<div class="d-flex pt-2">
<a class="btn btn-square btn-outline-light btn-social" href="https://www.linkedin.com/company/kaliber-management-llc" target="_blank" ><i class="fab fa-linkedin-in"></i></a>
<a class="btn btn-square btn-outline-light btn-social" href="https://www.facebook.com/kalibermanagement/" target="_blank" ><i class="fab fa-facebook"></i></a>
</div>
</div>
<div class="col-lg-4 col-md-6">
<h4 class="text-white mb-4" style="font-size: 1.25rem;">Quick Links</h4>
<a class="btn btn-link" href="index.html">Home</a>
<a class="btn btn-link" href="privacy-policy.html">Privacy Policy</a>
<a class="btn btn-link" href="https://www.kaliber-homes.com/" target="_blank">Kaliber Homes</a>
</div>
</div>
</div>
<div class="container">
<div class="copyright">
<div class="row">
<div class="col-md-6 text-center text-md-start mb-3 mb-md-0">
<a href="#">&copy; 2025 Kaliber Management.</a> All Rights Reserved.
</div>
</div>
</div>
</div>
</div>
<!-- Footer End -->
<!-- JavaScript Libraries -->
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="lib/wow/wow.min.js"></script>
<script src="lib/easing/easing.min.js"></script>
<script src="lib/waypoints/waypoints.min.js"></script>
<script src="lib/counterup/counterup.min.js"></script>
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
<script src="lib/isotope/isotope.pkgd.min.js"></script>
<script src="lib/lightbox/js/lightbox.min.js"></script>
<!-- Template Javascript -->
<script src="js/main.js"></script>
</body>
</html>

182
mhp-communities/creola.html Normal file
View File

@@ -0,0 +1,182 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Creola | Kaliber Management</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="" name="keywords">
<meta content="" name="description">
<!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-69CX9XJGDV"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-69CX9XJGDV'); </script>
<!-- Favicon -->
<link href="../img/favicon.ico" rel="icon">
<!-- Google Web 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=Open+Sans:wght@400;500&family=Roboto:wght@500;700;900&display=swap" rel="stylesheet">
<!-- Icon Font Stylesheet -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet">
<!-- Libraries Stylesheet -->
<link href="../lib/animate/animate.min.css" rel="stylesheet">
<link href="../lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
<link href="../lib/lightbox/css/lightbox.min.css" rel="stylesheet">
<!-- Customized Bootstrap Stylesheet -->
<link href="../css/bootstrap.min.css" rel="stylesheet">
<!-- Template Stylesheet -->
<link href="../css/style.css" rel="stylesheet">
</head>
<body>
<!-- Navbar Start -->
<nav class="navbar navbar-expand-lg bg-white navbar-light sticky-top p-0">
<a href="../index.html" class="navbar-brand d-flex align-items-center px-4 px-lg-5">
<img src="../img/logos/kaliberlogotransparent.png" alt="Kaliber Management" style="height: 68px;">
</a>
<button type="button" class="navbar-toggler me-4" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<div class="navbar-nav ms-auto p-4 p-lg-0">
<a href="../index.html" class="nav-item nav-link">Home</a>
<a href="../leadership.html" class="nav-item nav-link">Leadership</a>
<a href="../available-homes.html" class="nav-item nav-link">Available Homes</a>
<div class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle active" data-bs-toggle="dropdown">MHP Communities</a>
<div class="dropdown-menu bg-light m-0">
<a href="bayou-oaks.html" class="dropdown-item">Bayou Oaks</a>
<a href="bluff-creek.html" class="dropdown-item">Bluff Creek</a>
<a href="camellia-trace.html" class="dropdown-item">Camellia Trace</a>
<a href="creekside-willows.html" class="dropdown-item">Creekside Willows</a>
<a href="creola.html" class="dropdown-item active">Creola</a>
<a href="delmar-woods.html" class="dropdown-item">Delmar Woods</a>
<a href="glen-acres.html" class="dropdown-item">Glen Acres</a>
<a href="greenwood.html" class="dropdown-item">Greenwood</a>
<a href="griffith.html" class="dropdown-item">Griffith</a>
<a href="hamilton-oaks.html" class="dropdown-item">Hamilton Oaks</a>
<a href="livingston.html" class="dropdown-item">Livingston</a>
<a href="maddox.html" class="dropdown-item">Maddox</a>
<a href="oaklawn-estates.html" class="dropdown-item">Oaklawn Estates</a>
<a href="park-place-estates.html" class="dropdown-item">Park Place Estates</a>
<a href="pecan-point.html" class="dropdown-item">Pecan Point</a>
<a href="ridgecrest.html" class="dropdown-item">Ridgecrest</a>
<a href="saraland.html" class="dropdown-item">Saraland</a>
<a href="summerdale.html" class="dropdown-item">Summerdale</a>
</div>
</div>
<div class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">RV Communities</a>
<div class="dropdown-menu bg-light m-0">
<a href="https://cochrangajellystonepark.com" target="_blank" class="dropdown-item">Jellystone<br>Cochran GA</a>
<a href="https://www.jellystonegulfcoast.com" target="_blank" class="dropdown-item">Jellyston<br>Elberta AL</a>
<a href="https://www.oaklawnrvpark.com" target="_blank" class="dropdown-item">Oaklawn<br>RV Park</a>
<a href="https://www.creeksidewillowsrv.com/" target="_blank" class="dropdown-item">Creekside Willows<br>RV Park</a>
<a href="https://sunsetgrovervpark.com" target="_blank" class="dropdown-item">Sunset Grove<br>RV Park</a>
<a href="https://www.retreatonstyxriver.com" target="_blank" class="dropdown-item">The Retreat<br>on Styx River</a>
</div>
</div>
</div>
</div>
</nav>
<!-- Navbar End -->
<!-- Page Header Start -->
<div class="container-fluid page-header py-5 mb-5" style="--bg-image: url('../img/hero2.jpg');">
<div class="container py-5">
<h1 class="display-3 text-white mb-3 animated slideInDown">Creola</h1>
<nav aria-label="breadcrumb animated slideInDown">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a class="text-white" href="#">Home</a></li>
<li class="breadcrumb-item"><a class="text-white" href="#">MHP Communities</a></li>
<li class="breadcrumb-item text-white active" aria-current="page">Creola</li>
</ol>
</nav>
</div>
</div>
<!-- Page Header End -->
<!-- Property Start -->
<div class="container bg-light overflow-hidden my-5 px-lg-0">
<div class="container about px-lg-0">
<div class="row g-0 mx-lg-0">
<div class="col-lg-6 ps-lg-0 wow fadeIn" data-wow-delay="0.1s" style="min-height: 400px;">
<div class="map-responsive">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d855.9126477880992!2d-88.02939747039265!3d30.896434159899673!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x889af813ba74bdc1%3A0xfee7a8be92e78ce3!2s407%20Dead%20Lake%20Rd%2C%20Creola%2C%20AL%2036525!5e0!3m2!1sen!2sus!4v1740859355590!5m2!1sen!2sus" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
<div class="col-lg-6 about-text wow fadeIn" data-wow-delay="0.5s">
<div class="p-lg-5 pe-lg-0">
<div class="p-2 d-flex justify-content-center align-items-center">
<img class="img-fluid mb-3 mt-3" src="../img/creola-logo.webp" alt="Creola" style="max-height:200px">
</div>
<h2 class="mb-1" style="font-size: 2rem;">Creola</h2>
<h3 class="text-primary" style="font-size: 1rem;">407 Dead Lake Road, Creola, AL 36525</h3>
<p style="color: #303E4B">Come make your home in the beautiful community of Creola Alabama. This park will see significant infill of brand new homes to build a vibrant community!</p>
<a href="tel:(228) 269-0092" class="btn btn-primary rounded-pill py-3 px-5 mt-3">Call (228) 269-0092</a>
</div>
</div>
</div>
</div>
</div>
<!-- Property End -->
<!-- Footer Start -->
<div class="container-fluid bg-dark text-body footer mt-5 pt-5 wow fadeIn" data-wow-delay="0.1s">
<div class="container py-3">
<div class="row g-5">
<div class="col-lg-4 col-md-6">
<h4 class="text-white mb-4" style="font-size: 1.25rem;">Connect With Us</h4>
<p class="mb-2">
<i class="fa fa-envelope me-3"></i>
<a href="mailto:information@kalibermanagement.com" style="color: white">information@kalibermanagement.com</a>
</p>
<div class="d-flex pt-2">
<a class="btn btn-square btn-outline-light btn-social" href="https://www.linkedin.com/company/kaliber-management-llc" target="_blank" ><i class="fab fa-linkedin-in"></i></a>
<a class="btn btn-square btn-outline-light btn-social" href="https://www.facebook.com/kalibermanagement/" target="_blank" ><i class="fab fa-facebook"></i></a>
</div>
</div>
<div class="col-lg-4 col-md-6">
<h4 class="text-white mb-4" style="font-size: 1.25rem;">Quick Links</h4>
<a class="btn btn-link" href="index.html">Home</a>
<a class="btn btn-link" href="privacy-policy.html">Privacy Policy</a>
<a class="btn btn-link" href="https://www.kaliber-homes.com/" target="_blank">Kaliber Homes</a>
</div>
</div>
</div>
<div class="container">
<div class="copyright">
<div class="row">
<div class="col-md-6 text-center text-md-start mb-3 mb-md-0">
<a href="#">&copy; 2025 Kaliber Management.</a> All Rights Reserved.
</div>
</div>
</div>
</div>
</div>
<!-- Footer End -->
<!-- JavaScript Libraries -->
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="lib/wow/wow.min.js"></script>
<script src="lib/easing/easing.min.js"></script>
<script src="lib/waypoints/waypoints.min.js"></script>
<script src="lib/counterup/counterup.min.js"></script>
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
<script src="lib/isotope/isotope.pkgd.min.js"></script>
<script src="lib/lightbox/js/lightbox.min.js"></script>
<!-- Template Javascript -->
<script src="js/main.js"></script>
</body>
</html>

View File

@@ -0,0 +1,182 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Delmar Woods | Kaliber Management</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="" name="keywords">
<meta content="" name="description">
<!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-69CX9XJGDV"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-69CX9XJGDV'); </script>
<!-- Favicon -->
<link href="../img/favicon.ico" rel="icon">
<!-- Google Web 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=Open+Sans:wght@400;500&family=Roboto:wght@500;700;900&display=swap" rel="stylesheet">
<!-- Icon Font Stylesheet -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet">
<!-- Libraries Stylesheet -->
<link href="../lib/animate/animate.min.css" rel="stylesheet">
<link href="../lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
<link href="../lib/lightbox/css/lightbox.min.css" rel="stylesheet">
<!-- Customized Bootstrap Stylesheet -->
<link href="../css/bootstrap.min.css" rel="stylesheet">
<!-- Template Stylesheet -->
<link href="../css/style.css" rel="stylesheet">
</head>
<body>
<!-- Navbar Start -->
<nav class="navbar navbar-expand-lg bg-white navbar-light sticky-top p-0">
<a href="../index.html" class="navbar-brand d-flex align-items-center px-4 px-lg-5">
<img src="../img/logos/kaliberlogotransparent.png" alt="Kaliber Management" style="height: 68px;">
</a>
<button type="button" class="navbar-toggler me-4" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<div class="navbar-nav ms-auto p-4 p-lg-0">
<a href="../index.html" class="nav-item nav-link">Home</a>
<a href="../leadership.html" class="nav-item nav-link">Leadership</a>
<a href="../available-homes.html" class="nav-item nav-link">Available Homes</a>
<div class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle active" data-bs-toggle="dropdown">MHP Communities</a>
<div class="dropdown-menu bg-light m-0">
<a href="bayou-oaks.html" class="dropdown-item">Bayou Oaks</a>
<a href="bluff-creek.html" class="dropdown-item">Bluff Creek</a>
<a href="camellia-trace.html" class="dropdown-item">Camellia Trace</a>
<a href="creekside-willows.html" class="dropdown-item">Creekside Willows</a>
<a href="creola.html" class="dropdown-item">Creola</a>
<a href="delmar-woods.html" class="dropdown-item active">Delmar Woods</a>
<a href="glen-acres.html" class="dropdown-item">Glen Acres</a>
<a href="greenwood.html" class="dropdown-item">Greenwood</a>
<a href="griffith.html" class="dropdown-item">Griffith</a>
<a href="hamilton-oaks.html" class="dropdown-item">Hamilton Oaks</a>
<a href="livingston.html" class="dropdown-item">Livingston</a>
<a href="maddox.html" class="dropdown-item">Maddox</a>
<a href="oaklawn-estates.html" class="dropdown-item">Oaklawn Estates</a>
<a href="park-place-estates.html" class="dropdown-item">Park Place Estates</a>
<a href="pecan-point.html" class="dropdown-item">Pecan Point</a>
<a href="ridgecrest.html" class="dropdown-item">Ridgecrest</a>
<a href="saraland.html" class="dropdown-item">Saraland</a>
<a href="summerdale.html" class="dropdown-item">Summerdale</a>
</div>
</div>
<div class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">RV Communities</a>
<div class="dropdown-menu bg-light m-0">
<a href="https://cochrangajellystonepark.com" target="_blank" class="dropdown-item">Jellystone<br>Cochran GA</a>
<a href="https://www.jellystonegulfcoast.com" target="_blank" class="dropdown-item">Jellyston<br>Elberta AL</a>
<a href="https://www.oaklawnrvpark.com" target="_blank" class="dropdown-item">Oaklawn<br>RV Park</a>
<a href="https://www.creeksidewillowsrv.com/" target="_blank" class="dropdown-item">Creekside Willows<br>RV Park</a>
<a href="https://sunsetgrovervpark.com" target="_blank" class="dropdown-item">Sunset Grove<br>RV Park</a>
<a href="https://www.retreatonstyxriver.com" target="_blank" class="dropdown-item">The Retreat<br>on Styx River</a>
</div>
</div>
</div>
</div>
</nav>
<!-- Navbar End -->
<!-- Page Header Start -->
<div class="container-fluid page-header py-5 mb-5" style="--bg-image: url('../img/hero2.jpg');">
<div class="container py-5">
<h1 class="display-3 text-white mb-3 animated slideInDown">Delmar Woods</h1>
<nav aria-label="breadcrumb animated slideInDown">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a class="text-white" href="#">Home</a></li>
<li class="breadcrumb-item"><a class="text-white" href="#">MHP Communities</a></li>
<li class="breadcrumb-item text-white active" aria-current="page">Demlar Woods</li>
</ol>
</nav>
</div>
</div>
<!-- Page Header End -->
<!-- Property Start -->
<div class="container bg-light overflow-hidden my-5 px-lg-0">
<div class="container about px-lg-0">
<div class="row g-0 mx-lg-0">
<div class="col-lg-6 ps-lg-0 wow fadeIn" data-wow-delay="0.1s" style="min-height: 400px;">
<div class="map-responsive">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d420.43897093305355!2d-86.48765785488196!3d32.53918436963487!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x888e91b542e67e97%3A0x41143ede842079f9!2sDelmar%20Woods%20MHP!5e0!3m2!1sen!2sus!4v1740859913520!5m2!1sen!2sus" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
<div class="col-lg-6 about-text wow fadeIn" data-wow-delay="0.5s">
<div class="p-lg-5 pe-lg-0">
<div class="p-2 d-flex justify-content-center align-items-center">
<img class="img-fluid mb-3 mt-3" src="../img/delmar-woods-logo.png" alt="Delmar Woods" style="max-height:225px">
</div>
<h2 class="mb-1" style="font-size: 2rem;">Delmar Woods</h2>
<h3 class="text-primary" style="font-size: 1rem;">1599 Delmar Dr, Prattville, AL 36067, USA</h3>
<p style="color: #303E4B">Come make your home in the beautiful community of Prattville Alabama!</p>
<a href="tel:(334) 232-2738" class="btn btn-primary rounded-pill py-3 px-5 mt-3">Call (334) 232-2738</a>
</div>
</div>
</div>
</div>
</div>
<!-- Property End -->
<!-- Footer Start -->
<div class="container-fluid bg-dark text-body footer mt-5 pt-5 wow fadeIn" data-wow-delay="0.1s">
<div class="container py-3">
<div class="row g-5">
<div class="col-lg-4 col-md-6">
<h4 class="text-white mb-4" style="font-size: 1.25rem;">Connect With Us</h4>
<p class="mb-2">
<i class="fa fa-envelope me-3"></i>
<a href="mailto:information@kalibermanagement.com" style="color: white">information@kalibermanagement.com</a>
</p>
<div class="d-flex pt-2">
<a class="btn btn-square btn-outline-light btn-social" href="https://www.linkedin.com/company/kaliber-management-llc" target="_blank" ><i class="fab fa-linkedin-in"></i></a>
<a class="btn btn-square btn-outline-light btn-social" href="https://www.facebook.com/kalibermanagement/" target="_blank" ><i class="fab fa-facebook"></i></a>
</div>
</div>
<div class="col-lg-4 col-md-6">
<h4 class="text-white mb-4" style="font-size: 1.25rem;">Quick Links</h4>
<a class="btn btn-link" href="index.html">Home</a>
<a class="btn btn-link" href="privacy-policy.html">Privacy Policy</a>
<a class="btn btn-link" href="https://www.kaliber-homes.com/" target="_blank">Kaliber Homes</a>
</div>
</div>
</div>
<div class="container">
<div class="copyright">
<div class="row">
<div class="col-md-6 text-center text-md-start mb-3 mb-md-0">
<a href="#">&copy; 2025 Kaliber Management.</a> All Rights Reserved.
</div>
</div>
</div>
</div>
</div>
<!-- Footer End -->
<!-- JavaScript Libraries -->
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="lib/wow/wow.min.js"></script>
<script src="lib/easing/easing.min.js"></script>
<script src="lib/waypoints/waypoints.min.js"></script>
<script src="lib/counterup/counterup.min.js"></script>
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
<script src="lib/isotope/isotope.pkgd.min.js"></script>
<script src="lib/lightbox/js/lightbox.min.js"></script>
<!-- Template Javascript -->
<script src="js/main.js"></script>
</body>
</html>

View File

@@ -0,0 +1,184 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Glen Acres | Kaliber Management</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="" name="keywords">
<meta content="" name="description">
<!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-69CX9XJGDV"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-69CX9XJGDV'); </script>
<!-- Favicon -->
<link href="../img/favicon.ico" rel="icon">
<!-- Google Web 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=Open+Sans:wght@400;500&family=Roboto:wght@500;700;900&display=swap" rel="stylesheet">
<!-- Icon Font Stylesheet -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet">
<!-- Libraries Stylesheet -->
<link href="../lib/animate/animate.min.css" rel="stylesheet">
<link href="../lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
<link href="../lib/lightbox/css/lightbox.min.css" rel="stylesheet">
<!-- Customized Bootstrap Stylesheet -->
<link href="../css/bootstrap.min.css" rel="stylesheet">
<!-- Template Stylesheet -->
<link href="../css/style.css" rel="stylesheet">
</head>
<body>
<!-- Navbar Start -->
<nav class="navbar navbar-expand-lg bg-white navbar-light sticky-top p-0">
<a href="../index.html" class="navbar-brand d-flex align-items-center px-4 px-lg-5">
<img src="../img/logos/kaliberlogotransparent.png" alt="Kaliber Management" style="height: 68px;">
</a>
<button type="button" class="navbar-toggler me-4" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<div class="navbar-nav ms-auto p-4 p-lg-0">
<a href="../index.html" class="nav-item nav-link">Home</a>
<a href="../leadership.html" class="nav-item nav-link">Leadership</a>
<a href="../available-homes.html" class="nav-item nav-link">Available Homes</a>
<div class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle active" data-bs-toggle="dropdown">MHP Communities</a>
<div class="dropdown-menu bg-light m-0">
<a href="bayou-oaks.html" class="dropdown-item">Bayou Oaks</a>
<a href="bluff-creek.html" class="dropdown-item">Bluff Creek</a>
<a href="camellia-trace.html" class="dropdown-item">Camellia Trace</a>
<a href="creekside-willows.html" class="dropdown-item">Creekside Willows</a>
<a href="creola.html" class="dropdown-item">Creola</a>
<a href="delmar-woods.html" class="dropdown-item">Delmar Woods</a>
<a href="glen-acres.html" class="dropdown-item active">Glen Acres</a>
<a href="greenwood.html" class="dropdown-item">Greenwood</a>
<a href="griffith.html" class="dropdown-item">Griffith</a>
<a href="hamilton-oaks.html" class="dropdown-item">Hamilton Oaks</a>
<a href="livingston.html" class="dropdown-item">Livingston</a>
<a href="maddox.html" class="dropdown-item">Maddox</a>
<a href="oaklawn-estates.html" class="dropdown-item">Oaklawn Estates</a>
<a href="park-place-estates.html" class="dropdown-item">Park Place Estates</a>
<a href="pecan-point.html" class="dropdown-item">Pecan Point</a>
<a href="ridgecrest.html" class="dropdown-item">Ridgecrest</a>
<a href="saraland.html" class="dropdown-item">Saraland</a>
<a href="summerdale.html" class="dropdown-item">Summerdale</a>
</div>
</div>
<div class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">RV Communities</a>
<div class="dropdown-menu bg-light m-0">
<a href="https://cochrangajellystonepark.com" target="_blank" class="dropdown-item">Jellystone<br>Cochran GA</a>
<a href="https://www.jellystonegulfcoast.com" target="_blank" class="dropdown-item">Jellyston<br>Elberta AL</a>
<a href="https://www.oaklawnrvpark.com" target="_blank" class="dropdown-item">Oaklawn<br>RV Park</a>
<a href="https://www.creeksidewillowsrv.com/" target="_blank" class="dropdown-item">Creekside Willows<br>RV Park</a>
<a href="https://sunsetgrovervpark.com" target="_blank" class="dropdown-item">Sunset Grove<br>RV Park</a>
<a href="https://www.retreatonstyxriver.com" target="_blank" class="dropdown-item">The Retreat<br>on Styx River</a>
</div>
</div>
</div>
</div>
</nav>
<!-- Navbar End -->
<!-- Page Header Start -->
<div class="container-fluid page-header py-5 mb-5" style="--bg-image: url('../img/hero2.jpg');">
<div class="container py-5">
<h1 class="display-3 text-white mb-3 animated slideInDown">Glen Acres</h1>
<nav aria-label="breadcrumb animated slideInDown">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a class="text-white" href="#">Home</a></li>
<li class="breadcrumb-item"><a class="text-white" href="#">MHP Communities</a></li>
<li class="breadcrumb-item text-white active" aria-current="page">Glen Acres</li>
</ol>
</nav>
</div>
</div>
<!-- Page Header End -->
<!-- Property Start -->
<div class="container bg-light overflow-hidden my-5 px-lg-0">
<div class="container about px-lg-0">
<div class="row g-0 mx-lg-0">
<div class="col-lg-6 ps-lg-0 wow fadeIn" data-wow-delay="0.1s" style="min-height: 400px;">
<div class="map-responsive">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d857.5085509365074!2d-88.25794640385955!3d30.71743882794723!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x889bae13d472e47d%3A0x8a6aa4942791eb84!2s9171%20Glen%20Acres%20Dr%20N%2C%20Mobile%2C%20AL%2036608!5e0!3m2!1sen!2sus!4v1740859646325!5m2!1sen!2sus" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
<div class="col-lg-6 about-text wow fadeIn" data-wow-delay="0.5s">
<div class="p-lg-5 pe-lg-0">
<div class="p-2 d-flex justify-content-center align-items-center">
<img class="img-fluid mb-3 mt-3" src="../img/glen-acres-logo.webp" alt="Glen Acres Logo" style="max-height:225px">
</div>
<h2 class="mb-1" style="font-size: 2rem;">Glen Acres</h2>
<h3 class="text-primary" style="font-size: 1rem;">8903 Julie St, Mobile, AL 36608<br>8758-8766 Glen Acres Mobile, AL 36608<br>9171 Glen Acres Mobile, AL 36608</h3>
<p style="color: #303E4B">Located in Mobile, AL this park offers great opportunities for people looking for an affordable spot to anchor down their Manufactured Home and join a growing community!</p>
<a href="tel:251-304-9779" class="btn btn-primary rounded-pill py-3 px-5 mt-3">Call (251) 304-9779</a>
</div>
</div>
</div>
</div>
</div>
<!-- Property End -->
<!-- Footer Start -->
<div class="container-fluid bg-dark text-body footer mt-5 pt-5 wow fadeIn" data-wow-delay="0.1s">
<div class="container py-3">
<div class="row g-5">
<div class="col-lg-4 col-md-6">
<h4 class="text-white mb-4" style="font-size: 1.25rem;">Connect With Us</h4>
<p class="mb-2">
<i class="fa fa-envelope me-3"></i>
<a href="mailto:information@kalibermanagement.com" style="color: white">information@kalibermanagement.com</a>
</p>
<div class="d-flex pt-2">
<a class="btn btn-square btn-outline-light btn-social" href="https://www.linkedin.com/company/kaliber-management-llc" target="_blank" ><i class="fab fa-linkedin-in"></i></a>
<a class="btn btn-square btn-outline-light btn-social" href="https://www.facebook.com/kalibermanagement/" target="_blank" ><i class="fab fa-facebook"></i></a>
</div>
</div>
<div class="col-lg-4 col-md-6">
<h4 class="text-white mb-4" style="font-size: 1.25rem;">Quick Links</h4>
<a class="btn btn-link" href="index.html">Home</a>
<a class="btn btn-link" href="privacy-policy.html">Privacy Policy</a>
<a class="btn btn-link" href="https://www.kaliber-homes.com/" target="_blank">Kaliber Homes</a>
</div>
</div>
</div>
<div class="container">
<div class="copyright">
<div class="row">
<div class="col-md-6 text-center text-md-start mb-3 mb-md-0">
<a href="#">&copy; 2025 Kaliber Management.</a> All Rights Reserved.
</div>
</div>
</div>
</div>
</div>
<!-- Footer End -->
<!-- JavaScript Libraries -->
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="lib/wow/wow.min.js"></script>
<script src="lib/easing/easing.min.js"></script>
<script src="lib/waypoints/waypoints.min.js"></script>
<script src="lib/counterup/counterup.min.js"></script>
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
<script src="lib/isotope/isotope.pkgd.min.js"></script>
<script src="lib/lightbox/js/lightbox.min.js"></script>
<!-- Template Javascript -->
<script src="js/main.js"></script>
</body>
</html>

View File

@@ -0,0 +1,180 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Greenwood | Kaliber Management</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="" name="keywords">
<meta content="" name="description">
<!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-69CX9XJGDV"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-69CX9XJGDV'); </script>
<!-- Favicon -->
<link href="../img/favicon.ico" rel="icon">
<!-- Google Web 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=Open+Sans:wght@400;500&family=Roboto:wght@500;700;900&display=swap" rel="stylesheet">
<!-- Icon Font Stylesheet -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet">
<!-- Libraries Stylesheet -->
<link href="../lib/animate/animate.min.css" rel="stylesheet">
<link href="../lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
<link href="../lib/lightbox/css/lightbox.min.css" rel="stylesheet">
<!-- Customized Bootstrap Stylesheet -->
<link href="../css/bootstrap.min.css" rel="stylesheet">
<!-- Template Stylesheet -->
<link href="../css/style.css" rel="stylesheet">
</head>
<body>
<!-- Navbar Start -->
<nav class="navbar navbar-expand-lg bg-white navbar-light sticky-top p-0">
<a href="../index.html" class="navbar-brand d-flex align-items-center px-4 px-lg-5">
<img src="../img/logos/kaliberlogotransparent.png" alt="Kaliber Management" style="height: 68px;">
</a>
<button type="button" class="navbar-toggler me-4" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<div class="navbar-nav ms-auto p-4 p-lg-0">
<a href="../index.html" class="nav-item nav-link">Home</a>
<a href="../leadership.html" class="nav-item nav-link">Leadership</a>
<a href="../available-homes.html" class="nav-item nav-link">Available Homes</a>
<div class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle active" data-bs-toggle="dropdown">MHP Communities</a>
<div class="dropdown-menu bg-light m-0">
<a href="bayou-oaks.html" class="dropdown-item">Bayou Oaks</a>
<a href="bluff-creek.html" class="dropdown-item">Bluff Creek</a>
<a href="camellia-trace.html" class="dropdown-item">Camellia Trace</a>
<a href="creekside-willows.html" class="dropdown-item">Creekside Willows</a>
<a href="creola.html" class="dropdown-item">Creola</a>
<a href="delmar-woods.html" class="dropdown-item">Delmar Woods</a>
<a href="glen-acres.html" class="dropdown-item">Glen Acres</a>
<a href="greenwood.html" class="dropdown-item active">Greenwood</a>
<a href="griffith.html" class="dropdown-item">Griffith</a>
<a href="hamilton-oaks.html" class="dropdown-item">Hamilton Oaks</a>
<a href="livingston.html" class="dropdown-item">Livingston</a>
<a href="maddox.html" class="dropdown-item">Maddox</a>
<a href="oaklawn-estates.html" class="dropdown-item">Oaklawn Estates</a>
<a href="park-place-estates.html" class="dropdown-item">Park Place Estates</a>
<a href="pecan-point.html" class="dropdown-item">Pecan Point</a>
<a href="ridgecrest.html" class="dropdown-item">Ridgecrest</a>
<a href="saraland.html" class="dropdown-item">Saraland</a>
<a href="summerdale.html" class="dropdown-item">Summerdale</a>
</div>
</div>
<div class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">RV Communities</a>
<div class="dropdown-menu bg-light m-0">
<a href="https://cochrangajellystonepark.com" target="_blank" class="dropdown-item">Jellystone<br>Cochran GA</a>
<a href="https://www.jellystonegulfcoast.com" target="_blank" class="dropdown-item">Jellyston<br>Elberta AL</a>
<a href="https://www.oaklawnrvpark.com" target="_blank" class="dropdown-item">Oaklawn<br>RV Park</a>
<a href="https://www.creeksidewillowsrv.com/" target="_blank" class="dropdown-item">Creekside Willows<br>RV Park</a>
<a href="https://sunsetgrovervpark.com" target="_blank" class="dropdown-item">Sunset Grove<br>RV Park</a>
<a href="https://www.retreatonstyxriver.com" target="_blank" class="dropdown-item">The Retreat<br>on Styx River</a>
</div>
</div>
</div>
</div>
</nav>
<!-- Navbar End -->
<!-- Page Header Start -->
<div class="container-fluid page-header py-5 mb-5" style="--bg-image: url('../img/hero2.jpg');">
<div class="container py-5">
<h1 class="display-3 text-white mb-3 animated fadeIn">Greenwood</h1>
<nav aria-label="breadcrumb animated slideInDown">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a class="text-white" href="#">Home</a></li>
<li class="breadcrumb-item"><a class="text-white" href="#">MHP Communities</a></li>
<li class="breadcrumb-item text-white active" aria-current="page">Greenwood</li></li>
</ol>
</nav>
</div>
</div>
<!-- Page Header End -->
<!-- Property Start -->
<div class="container bg-light overflow-hidden my-5 px-lg-0">
<div class="container about px-lg-0">
<div class="row g-0 mx-lg-0">
<div class="col-lg-6 ps-lg-0 wow fadeIn" data-wow-delay="0.1s" style="min-height: 400px;">
<div class="map-responsive">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d429.672402886245!2d-87.61821951548953!3d30.50989440694907!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x889a75bff90f1e7d%3A0xbdb7d06d1eef9e2f!2sGreenwood%20Estates!5e0!3m2!1sen!2sus!4v1740859741101!5m2!1sen!2sus" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
<div class="col-lg-6 about-text wow fadeIn" data-wow-delay="0.5s">
<div class="p-lg-5 pe-lg-0">
<!--<img class="img-fluid mb-3" src="../img/greenwood-logo.webp" alt="Greenwood Logo" style="max-height:200px">-->
<h2 class="mb-1" style="font-size: 2rem;">Greenwood</h2>
<h3 class="text-primary" style="font-size: 1rem;">23901 Co. Rd 38, Summerdale AL, 36580</h3>
<p style="color: #303E4B">Greenwood Estates MHP is an all-ages mobile home park established in 1995, and the community comprises 40 sites with off-street parking. Greenwood Estates is situated 8.5 miles from water bodies, 6 miles from parks, and 21 miles from golf courses.</p>
<a href="tel:251-304-9779" class="btn btn-primary rounded-pill py-3 px-5 mt-3">Call (251) 304-9779</a>
</div>
</div>
</div>
</div>
</div>
<!-- Property End -->
<!-- Footer Start -->
<div class="container-fluid bg-dark text-body footer mt-5 pt-5 wow fadeIn" data-wow-delay="0.1s">
<div class="container py-3">
<div class="row g-5">
<div class="col-lg-4 col-md-6">
<h4 class="text-white mb-4" style="font-size: 1.25rem;">Connect With Us</h4>
<p class="mb-2">
<i class="fa fa-envelope me-3"></i>
<a href="mailto:information@kalibermanagement.com" style="color: white">information@kalibermanagement.com</a>
</p>
<div class="d-flex pt-2">
<a class="btn btn-square btn-outline-light btn-social" href="https://www.linkedin.com/company/kaliber-management-llc" target="_blank" ><i class="fab fa-linkedin-in"></i></a>
<a class="btn btn-square btn-outline-light btn-social" href="https://www.facebook.com/kalibermanagement/" target="_blank" ><i class="fab fa-facebook"></i></a>
</div>
</div>
<div class="col-lg-4 col-md-6">
<h4 class="text-white mb-4" style="font-size: 1.25rem;">Quick Links</h4>
<a class="btn btn-link" href="index.html">Home</a>
<a class="btn btn-link" href="privacy-policy.html">Privacy Policy</a>
<a class="btn btn-link" href="https://www.kaliber-homes.com/" target="_blank">Kaliber Homes</a>
</div>
</div>
</div>
<div class="container">
<div class="copyright">
<div class="row">
<div class="col-md-6 text-center text-md-start mb-3 mb-md-0">
<a href="#">&copy; 2025 Kaliber Management.</a> All Rights Reserved.
</div>
</div>
</div>
</div>
</div>
<!-- Footer End -->
<!-- JavaScript Libraries -->
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="lib/wow/wow.min.js"></script>
<script src="lib/easing/easing.min.js"></script>
<script src="lib/waypoints/waypoints.min.js"></script>
<script src="lib/counterup/counterup.min.js"></script>
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
<script src="lib/isotope/isotope.pkgd.min.js"></script>
<script src="lib/lightbox/js/lightbox.min.js"></script>
<!-- Template Javascript -->
<script src="js/main.js"></script>
</body>
</html>

View File

@@ -0,0 +1,182 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Griffith | Kaliber Management</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="" name="keywords">
<meta content="" name="description">
<!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-69CX9XJGDV"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-69CX9XJGDV'); </script>
<!-- Favicon -->
<link href="../img/favicon.ico" rel="icon">
<!-- Google Web 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=Open+Sans:wght@400;500&family=Roboto:wght@500;700;900&display=swap" rel="stylesheet">
<!-- Icon Font Stylesheet -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet">
<!-- Libraries Stylesheet -->
<link href="../lib/animate/animate.min.css" rel="stylesheet">
<link href="../lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
<link href="../lib/lightbox/css/lightbox.min.css" rel="stylesheet">
<!-- Customized Bootstrap Stylesheet -->
<link href="../css/bootstrap.min.css" rel="stylesheet">
<!-- Template Stylesheet -->
<link href="../css/style.css" rel="stylesheet">
</head>
<body>
<!-- Navbar Start -->
<nav class="navbar navbar-expand-lg bg-white navbar-light sticky-top p-0">
<a href="../index.html" class="navbar-brand d-flex align-items-center px-4 px-lg-5">
<img src="../img/logos/kaliberlogotransparent.png" alt="Kaliber Management" style="height: 68px;">
</a>
<button type="button" class="navbar-toggler me-4" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<div class="navbar-nav ms-auto p-4 p-lg-0">
<a href="../index.html" class="nav-item nav-link">Home</a>
<a href="../leadership.html" class="nav-item nav-link">Leadership</a>
<a href="../available-homes.html" class="nav-item nav-link">Available Homes</a>
<div class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle active" data-bs-toggle="dropdown">MHP Communities</a>
<div class="dropdown-menu bg-light m-0">
<a href="bayou-oaks.html" class="dropdown-item">Bayou Oaks</a>
<a href="bluff-creek.html" class="dropdown-item">Bluff Creek</a>
<a href="camellia-trace.html" class="dropdown-item">Camellia Trace</a>
<a href="creekside-willows.html" class="dropdown-item">Creekside Willows</a>
<a href="creola.html" class="dropdown-item">Creola</a>
<a href="delmar-woods.html" class="dropdown-item">Delmar Woods</a>
<a href="glen-acres.html" class="dropdown-item">Glen Acres</a>
<a href="greenwood.html" class="dropdown-item">Greenwood</a>
<a href="griffith.html" class="dropdown-item active">Griffith</a>
<a href="hamilton-oaks.html" class="dropdown-item">Hamilton Oaks</a>
<a href="livingston.html" class="dropdown-item">Livingston</a>
<a href="maddox.html" class="dropdown-item">Maddox</a>
<a href="oaklawn-estates.html" class="dropdown-item">Oaklawn Estates</a>
<a href="park-place-estates.html" class="dropdown-item">Park Place Estates</a>
<a href="pecan-point.html" class="dropdown-item">Pecan Point</a>
<a href="ridgecrest.html" class="dropdown-item">Ridgecrest</a>
<a href="saraland.html" class="dropdown-item">Saraland</a>
<a href="summerdale.html" class="dropdown-item">Summerdale</a>
</div>
</div>
<div class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">RV Communities</a>
<div class="dropdown-menu bg-light m-0">
<a href="https://cochrangajellystonepark.com" target="_blank" class="dropdown-item">Jellystone<br>Cochran GA</a>
<a href="https://www.jellystonegulfcoast.com" target="_blank" class="dropdown-item">Jellyston<br>Elberta AL</a>
<a href="https://www.oaklawnrvpark.com" target="_blank" class="dropdown-item">Oaklawn<br>RV Park</a>
<a href="https://www.creeksidewillowsrv.com/" target="_blank" class="dropdown-item">Creekside Willows<br>RV Park</a>
<a href="https://sunsetgrovervpark.com" target="_blank" class="dropdown-item">Sunset Grove<br>RV Park</a>
<a href="https://www.retreatonstyxriver.com" target="_blank" class="dropdown-item">The Retreat<br>on Styx River</a>
</div>
</div>
</div>
</div>
</nav>
<!-- Navbar End -->
<!-- Page Header Start -->
<div class="container-fluid page-header py-5 mb-5" style="--bg-image: url('../img/hero2.jpg');">
<div class="container py-5">
<h1 class="display-3 text-white mb-3 animated fadeIn">Griffith</h1>
<nav aria-label="breadcrumb animated slideInDown">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a class="text-white" href="#">Home</a></li>
<li class="breadcrumb-item"><a class="text-white" href="#">MHP Communities</a></li>
<li class="breadcrumb-item text-white active" aria-current="page">Griffith</li>
</ol>
</nav>
</div>
</div>
<!-- Page Header End -->
<!-- Property Start -->
<div class="container bg-light overflow-hidden my-5 px-lg-0">
<div class="container about px-lg-0">
<div class="row g-0 mx-lg-0">
<div class="col-lg-6 ps-lg-0 wow fadeIn" data-wow-delay="0.1s">
<div class="map-responsive">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d858.0796119788704!2d-88.10723553087928!3d30.653160062748633!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x889a4d9cd1001783%3A0x22a47abc8e7fd80b!2sGriffith%20Mobile%20Home%20Park!5e0!3m2!1sen!2sus!4v1755023616056!5m2!1sen!2sus" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
<div class="col-lg-6 about-text wow fadeIn" data-wow-delay="0.5s">
<div class="p-lg-5 pe-lg-0">
<div class="p-2 d-flex justify-content-center align-items-center">
<img class="img-fluid mb-3 mt-3" src="../img/griffith-housing.png" alt="Glen Acres Logo" style="max-height:275px">
</div>
<h2 class="mb-1" style="font-size: 2rem;">Griffith</h2>
<h3 class="text-primary" style="font-size: 1rem;">2654 Halls Mill Rd, Mobile, AL 36606</h3>
<p style="color: #080A0C"></p>
<a href="tel:251-325-1444" class="btn btn-primary rounded-pill py-3 px-5 mt-3">Call (251) 325-1444</a>
</div>
</div>
</div>
</div>
</div>
<!-- Property End -->
<!-- Footer Start -->
<div class="container-fluid bg-dark text-body footer mt-5 pt-5 wow fadeIn" data-wow-delay="0.1s">
<div class="container py-3">
<div class="row g-5">
<div class="col-lg-4 col-md-6">
<h4 class="text-white mb-4" style="font-size: 1.25rem;">Connect With Us</h4>
<p class="mb-2">
<i class="fa fa-envelope me-3"></i>
<a href="mailto:information@kalibermanagement.com" style="color: white">information@kalibermanagement.com</a>
</p>
<div class="d-flex pt-2">
<a class="btn btn-square btn-outline-light btn-social" href="https://www.linkedin.com/company/kaliber-management-llc" target="_blank" ><i class="fab fa-linkedin-in"></i></a>
<a class="btn btn-square btn-outline-light btn-social" href="https://www.facebook.com/kalibermanagement/" target="_blank" ><i class="fab fa-facebook"></i></a>
</div>
</div>
<div class="col-lg-4 col-md-6">
<h4 class="text-white mb-4" style="font-size: 1.25rem;">Quick Links</h4>
<a class="btn btn-link" href="index.html">Home</a>
<a class="btn btn-link" href="privacy-policy.html">Privacy Policy</a>
<a class="btn btn-link" href="https://www.kaliber-homes.com/" target="_blank">Kaliber Homes</a>
</div>
</div>
</div>
<div class="container">
<div class="copyright">
<div class="row">
<div class="col-md-6 text-center text-md-start mb-3 mb-md-0">
<a href="#">&copy; 2025 Kaliber Management.</a> All Rights Reserved.
</div>
</div>
</div>
</div>
</div>
<!-- Footer End -->
<!-- JavaScript Libraries -->
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="lib/wow/wow.min.js"></script>
<script src="lib/easing/easing.min.js"></script>
<script src="lib/waypoints/waypoints.min.js"></script>
<script src="lib/counterup/counterup.min.js"></script>
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
<script src="lib/isotope/isotope.pkgd.min.js"></script>
<script src="lib/lightbox/js/lightbox.min.js"></script>
<!-- Template Javascript -->
<script src="js/main.js"></script>
</body>
</html>

View File

@@ -0,0 +1,182 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Hamilton Oaks | Kaliber Management</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="" name="keywords">
<meta content="" name="description">
<!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-69CX9XJGDV"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-69CX9XJGDV'); </script>
<!-- Favicon -->
<link href="../img/favicon.ico" rel="icon">
<!-- Google Web 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=Open+Sans:wght@400;500&family=Roboto:wght@500;700;900&display=swap" rel="stylesheet">
<!-- Icon Font Stylesheet -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet">
<!-- Libraries Stylesheet -->
<link href="../lib/animate/animate.min.css" rel="stylesheet">
<link href="../lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
<link href="../lib/lightbox/css/lightbox.min.css" rel="stylesheet">
<!-- Customized Bootstrap Stylesheet -->
<link href="../css/bootstrap.min.css" rel="stylesheet">
<!-- Template Stylesheet -->
<link href="../css/style.css" rel="stylesheet">
</head>
<body>
<!-- Navbar Start -->
<nav class="navbar navbar-expand-lg bg-white navbar-light sticky-top p-0">
<a href="../index.html" class="navbar-brand d-flex align-items-center px-4 px-lg-5">
<img src="../img/logos/kaliberlogotransparent.png" alt="Kaliber Management" style="height: 68px;">
</a>
<button type="button" class="navbar-toggler me-4" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<div class="navbar-nav ms-auto p-4 p-lg-0">
<a href="../index.html" class="nav-item nav-link">Home</a>
<a href="../leadership.html" class="nav-item nav-link">Leadership</a>
<a href="../available-homes.html" class="nav-item nav-link">Available Homes</a>
<div class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle active" data-bs-toggle="dropdown">MHP Communities</a>
<div class="dropdown-menu bg-light m-0">
<a href="bayou-oaks.html" class="dropdown-item">Bayou Oaks</a>
<a href="bluff-creek.html" class="dropdown-item">Bluff Creek</a>
<a href="camellia-trace.html" class="dropdown-item">Camellia Trace</a>
<a href="creekside-willows.html" class="dropdown-item">Creekside Willows</a>
<a href="creola.html" class="dropdown-item">Creola</a>
<a href="delmar-woods.html" class="dropdown-item">Delmar Woods</a>
<a href="glen-acres.html" class="dropdown-item">Glen Acres</a>
<a href="greenwood.html" class="dropdown-item">Greenwood</a>
<a href="griffith.html" class="dropdown-item">Griffith</a>
<a href="hamilton-oaks.html" class="dropdown-item active">Hamilton Oaks</a>
<a href="livingston.html" class="dropdown-item">Livingston</a>
<a href="maddox.html" class="dropdown-item">Maddox</a>
<a href="oaklawn-estates.html" class="dropdown-item">Oaklawn Estates</a>
<a href="park-place-estates.html" class="dropdown-item">Park Place Estates</a>
<a href="pecan-point.html" class="dropdown-item">Pecan Point</a>
<a href="ridgecrest.html" class="dropdown-item">Ridgecrest</a>
<a href="saraland.html" class="dropdown-item">Saraland</a>
<a href="summerdale.html" class="dropdown-item">Summerdale</a>
</div>
</div>
<div class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">RV Communities</a>
<div class="dropdown-menu bg-light m-0">
<a href="https://cochrangajellystonepark.com" target="_blank" class="dropdown-item">Jellystone<br>Cochran GA</a>
<a href="https://www.jellystonegulfcoast.com" target="_blank" class="dropdown-item">Jellyston<br>Elberta AL</a>
<a href="https://www.oaklawnrvpark.com" target="_blank" class="dropdown-item">Oaklawn<br>RV Park</a>
<a href="https://www.creeksidewillowsrv.com/" target="_blank" class="dropdown-item">Creekside Willows<br>RV Park</a>
<a href="https://sunsetgrovervpark.com" target="_blank" class="dropdown-item">Sunset Grove<br>RV Park</a>
<a href="https://www.retreatonstyxriver.com" target="_blank" class="dropdown-item">The Retreat<br>on Styx River</a>
</div>
</div>
</div>
</div>
</nav>
<!-- Navbar End -->
<!-- Page Header Start -->
<div class="container-fluid page-header py-5 mb-5" style="--bg-image: url('../img/hero2.jpg');">
<div class="container py-5">
<h1 class="display-3 text-white mb-3 animated slideInDown">Hamilton Oaks</h1>
<nav aria-label="breadcrumb animated slideInDown">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a class="text-white" href="#">Home</a></li>
<li class="breadcrumb-item"><a class="text-white" href="#">MHP Communities</a></li>
<li class="breadcrumb-item text-white active" aria-current="page">Hamilton Oaks</li>
</ol>
</nav>
</div>
</div>
<!-- Page Header End -->
<!-- Property Start -->
<div class="container bg-light overflow-hidden my-5 px-lg-0">
<div class="container about px-lg-0">
<div class="row g-0 mx-lg-0">
<div class="col-lg-6 ps-lg-0 wow fadeIn" data-wow-delay="0.1s" style="min-height: 400px;">
<div class="map-responsive">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d429.07550242037!2d-88.26858389226021!3d30.645115508196277!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x889bb10dbac0a3d3%3A0x4a5b70c6d021d342!2s9600%20Jeff%20Hamilton%20Rd%2C%20Mobile%2C%20AL%2036695!5e0!3m2!1sen!2sus!4v1740860182797!5m2!1sen!2sus" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
<div class="col-lg-6 about-text wow fadeIn" data-wow-delay="0.5s">
<div class="p-lg-5 pe-lg-0">
<div class="p-2 d-flex justify-content-center align-items-center">
<img class="img-fluid mb-3" src="../img/hamilton-oaks-logo.png" alt="Hamilton Oaks" style="max-height:200px">
</div>
<h2 class="mb-1" style="font-size: 2rem;">Hamilton Oaks</h2>
<h3 class="text-primary" style="font-size: 1rem;">9600 Jeff Hamilton Rd, Mobile, AL 36695</h3>
<p style="color: #303E4B">Located in the popular West Mobile area, this park offers great opportunities for people looking to step into home ownership!</p>
<a href="tel:251-304-9779" class="btn btn-primary rounded-pill py-3 px-5 mt-3">Call (251) 304-9779</a>
</div>
</div>
</div>
</div>
</div>
<!-- Property End -->
<!-- Footer Start -->
<div class="container-fluid bg-dark text-body footer mt-5 pt-5 wow fadeIn" data-wow-delay="0.1s">
<div class="container py-3">
<div class="row g-5">
<div class="col-lg-4 col-md-6">
<h4 class="text-white mb-4" style="font-size: 1.25rem;">Connect With Us</h4>
<p class="mb-2">
<i class="fa fa-envelope me-3"></i>
<a href="mailto:information@kalibermanagement.com" style="color: white">information@kalibermanagement.com</a>
</p>
<div class="d-flex pt-2">
<a class="btn btn-square btn-outline-light btn-social" href="https://www.linkedin.com/company/kaliber-management-llc" target="_blank" ><i class="fab fa-linkedin-in"></i></a>
<a class="btn btn-square btn-outline-light btn-social" href="https://www.facebook.com/kalibermanagement/" target="_blank" ><i class="fab fa-facebook"></i></a>
</div>
</div>
<div class="col-lg-4 col-md-6">
<h4 class="text-white mb-4" style="font-size: 1.25rem;">Quick Links</h4>
<a class="btn btn-link" href="index.html">Home</a>
<a class="btn btn-link" href="privacy-policy.html">Privacy Policy</a>
<a class="btn btn-link" href="https://www.kaliber-homes.com/" target="_blank">Kaliber Homes</a>
</div>
</div>
</div>
<div class="container">
<div class="copyright">
<div class="row">
<div class="col-md-6 text-center text-md-start mb-3 mb-md-0">
<a href="#">&copy; 2025 Kaliber Management.</a> All Rights Reserved.
</div>
</div>
</div>
</div>
</div>
<!-- Footer End -->
<!-- JavaScript Libraries -->
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="lib/wow/wow.min.js"></script>
<script src="lib/easing/easing.min.js"></script>
<script src="lib/waypoints/waypoints.min.js"></script>
<script src="lib/counterup/counterup.min.js"></script>
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
<script src="lib/isotope/isotope.pkgd.min.js"></script>
<script src="lib/lightbox/js/lightbox.min.js"></script>
<!-- Template Javascript -->
<script src="js/main.js"></script>
</body>
</html>

View File

@@ -0,0 +1,182 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Livingston | Kaliber Management</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="" name="keywords">
<meta content="" name="description">
<!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-69CX9XJGDV"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-69CX9XJGDV'); </script>
<!-- Favicon -->
<link href="../img/favicon.ico" rel="icon">
<!-- Google Web 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=Open+Sans:wght@400;500&family=Roboto:wght@500;700;900&display=swap" rel="stylesheet">
<!-- Icon Font Stylesheet -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet">
<!-- Libraries Stylesheet -->
<link href="../lib/animate/animate.min.css" rel="stylesheet">
<link href="../lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
<link href="../lib/lightbox/css/lightbox.min.css" rel="stylesheet">
<!-- Customized Bootstrap Stylesheet -->
<link href="../css/bootstrap.min.css" rel="stylesheet">
<!-- Template Stylesheet -->
<link href="../css/style.css" rel="stylesheet">
</head>
<body>
<!-- Navbar Start -->
<nav class="navbar navbar-expand-lg bg-white navbar-light sticky-top p-0">
<a href="../index.html" class="navbar-brand d-flex align-items-center px-4 px-lg-5">
<img src="../img/logos/kaliberlogotransparent.png" alt="Kaliber Management" style="height: 68px;">
</a>
<button type="button" class="navbar-toggler me-4" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<div class="navbar-nav ms-auto p-4 p-lg-0">
<a href="../index.html" class="nav-item nav-link">Home</a>
<a href="../leadership.html" class="nav-item nav-link">Leadership</a>
<a href="../available-homes.html" class="nav-item nav-link">Available Homes</a>
<div class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle active" data-bs-toggle="dropdown">MHP Communities</a>
<div class="dropdown-menu bg-light m-0">
<a href="bayou-oaks.html" class="dropdown-item">Bayou Oaks</a>
<a href="bluff-creek.html" class="dropdown-item">Bluff Creek</a>
<a href="camellia-trace.html" class="dropdown-item">Camellia Trace</a>
<a href="creekside-willows.html" class="dropdown-item">Creekside Willows</a>
<a href="creola.html" class="dropdown-item">Creola</a>
<a href="delmar-woods.html" class="dropdown-item">Delmar Woods</a>
<a href="glen-acres.html" class="dropdown-item">Glen Acres</a>
<a href="greenwood.html" class="dropdown-item">Greenwood</a>
<a href="griffith.html" class="dropdown-item">Griffith</a>
<a href="hamilton-oaks.html" class="dropdown-item">Hamilton Oaks</a>
<a href="livingston.html" class="dropdown-item active">Livingston</a>
<a href="maddox.html" class="dropdown-item">Maddox</a>
<a href="oaklawn-estates.html" class="dropdown-item">Oaklawn Estates</a>
<a href="park-place-estates.html" class="dropdown-item">Park Place Estates</a>
<a href="pecan-point.html" class="dropdown-item">Pecan Point</a>
<a href="ridgecrest.html" class="dropdown-item">Ridgecrest</a>
<a href="saraland.html" class="dropdown-item">Saraland</a>
<a href="summerdale.html" class="dropdown-item">Summerdale</a>
</div>
</div>
<div class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">RV Communities</a>
<div class="dropdown-menu bg-light m-0">
<a href="https://cochrangajellystonepark.com" target="_blank" class="dropdown-item">Jellystone<br>Cochran GA</a>
<a href="https://www.jellystonegulfcoast.com" target="_blank" class="dropdown-item">Jellyston<br>Elberta AL</a>
<a href="https://www.oaklawnrvpark.com" target="_blank" class="dropdown-item">Oaklawn<br>RV Park</a>
<a href="https://www.creeksidewillowsrv.com/" target="_blank" class="dropdown-item">Creekside Willows<br>RV Park</a>
<a href="https://sunsetgrovervpark.com" target="_blank" class="dropdown-item">Sunset Grove<br>RV Park</a>
<a href="https://www.retreatonstyxriver.com" target="_blank" class="dropdown-item">The Retreat<br>on Styx River</a>
</div>
</div>
</div>
</div>
</nav>
<!-- Navbar End -->
<!-- Page Header Start -->
<div class="container-fluid page-header py-5 mb-5" style="--bg-image: url('../img/hero2.jpg');">
<div class="container py-5">
<h1 class="display-3 text-white mb-3 animated slideInDown">Livingston</h1>
<nav aria-label="breadcrumb animated slideInDown">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a class="text-white" href="#">Home</a></li>
<li class="breadcrumb-item"><a class="text-white" href="#">MHP Communities</a></li>
<li class="breadcrumb-item text-white active" aria-current="page">Livingston</li>
</ol>
</nav>
</div>
</div>
<!-- Page Header End -->
<!-- Property Start -->
<div class="container bg-light overflow-hidden my-5 px-lg-0">
<div class="container about px-lg-0">
<div class="row g-0 mx-lg-0">
<div class="col-lg-6 ps-lg-0 wow fadeIn" data-wow-delay="0.1s" style="min-height: 400px;">
<div class="map-responsive">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d420.19018821858526!2d-88.17952579891428!3d32.592282848829896!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x88844d9c44b51611%3A0xe383f09bd3f7f8ef!2sLivingston%20Mobile%20Home%20park!5e0!3m2!1sen!2sus!4v1740860244704!5m2!1sen!2sus" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
<div class="col-lg-6 about-text wow fadeIn" data-wow-delay="0.5s">
<div class="p-lg-5 pe-lg-0">
<div class="p-2 d-flex justify-content-center align-items-center">
<img class="img-fluid mb-3 mt-3" src="../img/livingston-logo.png" alt="Livingston" style="max-height:170px">
</div>
<h2 class="mb-1" style="font-size: 2rem;">Livingston</h2>
<h3 class="text-primary" style="font-size: 1rem;">210 Pickens St, Livingston, AL 35470</h3>
<p style="color: #303E4B">Located in the beautiful college town of Livingston AL, this park offers great opportunities for people looking to step into home ownership!</p>
<a href="tel:(659) 218-5442" class="btn btn-primary rounded-pill py-3 px-5 mt-3">Call (659) 218-5442</a>
</div>
</div>
</div>
</div>
</div>
<!-- Property End -->
<!-- Footer Start -->
<div class="container-fluid bg-dark text-body footer mt-5 pt-5 wow fadeIn" data-wow-delay="0.1s">
<div class="container py-3">
<div class="row g-5">
<div class="col-lg-4 col-md-6">
<h4 class="text-white mb-4" style="font-size: 1.25rem;">Connect With Us</h4>
<p class="mb-2">
<i class="fa fa-envelope me-3"></i>
<a href="mailto:information@kalibermanagement.com" style="color: white">information@kalibermanagement.com</a>
</p>
<div class="d-flex pt-2">
<a class="btn btn-square btn-outline-light btn-social" href="https://www.linkedin.com/company/kaliber-management-llc" target="_blank" ><i class="fab fa-linkedin-in"></i></a>
<a class="btn btn-square btn-outline-light btn-social" href="https://www.facebook.com/kalibermanagement/" target="_blank" ><i class="fab fa-facebook"></i></a>
</div>
</div>
<div class="col-lg-4 col-md-6">
<h4 class="text-white mb-4" style="font-size: 1.25rem;">Quick Links</h4>
<a class="btn btn-link" href="index.html">Home</a>
<a class="btn btn-link" href="privacy-policy.html">Privacy Policy</a>
<a class="btn btn-link" href="https://www.kaliber-homes.com/" target="_blank">Kaliber Homes</a>
</div>
</div>
</div>
<div class="container">
<div class="copyright">
<div class="row">
<div class="col-md-6 text-center text-md-start mb-3 mb-md-0">
<a href="#">&copy; 2025 Kaliber Management.</a> All Rights Reserved.
</div>
</div>
</div>
</div>
</div>
<!-- Footer End -->
<!-- JavaScript Libraries -->
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="lib/wow/wow.min.js"></script>
<script src="lib/easing/easing.min.js"></script>
<script src="lib/waypoints/waypoints.min.js"></script>
<script src="lib/counterup/counterup.min.js"></script>
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
<script src="lib/isotope/isotope.pkgd.min.js"></script>
<script src="lib/lightbox/js/lightbox.min.js"></script>
<!-- Template Javascript -->
<script src="js/main.js"></script>
</body>
</html>

184
mhp-communities/maddox.html Normal file
View File

@@ -0,0 +1,184 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Maddox | Kaliber Management</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="" name="keywords">
<meta content="" name="description">
<!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-69CX9XJGDV"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-69CX9XJGDV'); </script>
<!-- Favicon -->
<link href="../img/favicon.ico" rel="icon">
<!-- Google Web 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=Open+Sans:wght@400;500&family=Roboto:wght@500;700;900&display=swap" rel="stylesheet">
<!-- Icon Font Stylesheet -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet">
<!-- Libraries Stylesheet -->
<link href="../lib/animate/animate.min.css" rel="stylesheet">
<link href="../lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
<link href="../lib/lightbox/css/lightbox.min.css" rel="stylesheet">
<!-- Customized Bootstrap Stylesheet -->
<link href="../css/bootstrap.min.css" rel="stylesheet">
<!-- Template Stylesheet -->
<link href="../css/style.css" rel="stylesheet">
</head>
<body>
<!-- Navbar Start -->
<nav class="navbar navbar-expand-lg bg-white navbar-light sticky-top p-0">
<a href="../index.html" class="navbar-brand d-flex align-items-center px-4 px-lg-5">
<img src="../img/logos/kaliberlogotransparent.png" alt="Kaliber Management" style="height: 68px;">
</a>
<button type="button" class="navbar-toggler me-4" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<div class="navbar-nav ms-auto p-4 p-lg-0">
<a href="../index.html" class="nav-item nav-link">Home</a>
<a href="../leadership.html" class="nav-item nav-link">Leadership</a>
<a href="../available-homes.html" class="nav-item nav-link">Available Homes</a>
<div class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle active" data-bs-toggle="dropdown">MHP Communities</a>
<div class="dropdown-menu bg-light m-0">
<a href="bayou-oaks.html" class="dropdown-item">Bayou Oaks</a>
<a href="bluff-creek.html" class="dropdown-item">Bluff Creek</a>
<a href="camellia-trace.html" class="dropdown-item">Camellia Trace</a>
<a href="creekside-willows.html" class="dropdown-item">Creekside Willows</a>
<a href="creola.html" class="dropdown-item">Creola</a>
<a href="delmar-woods.html" class="dropdown-item">Delmar Woods</a>
<a href="glen-acres.html" class="dropdown-item">Glen Acres</a>
<a href="greenwood.html" class="dropdown-item">Greenwood</a>
<a href="griffith.html" class="dropdown-item">Griffith</a>
<a href="hamilton-oaks.html" class="dropdown-item">Hamilton Oaks</a>
<a href="livingston.html" class="dropdown-item">Livingston</a>
<a href="maddox.html" class="dropdown-item active">Maddox</a>
<a href="oaklawn-estates.html" class="dropdown-item">Oaklawn Estates</a>
<a href="park-place-estates.html" class="dropdown-item">Park Place Estates</a>
<a href="pecan-point.html" class="dropdown-item">Pecan Point</a>
<a href="ridgecrest.html" class="dropdown-item">Ridgecrest</a>
<a href="saraland.html" class="dropdown-item">Saraland</a>
<a href="summerdale.html" class="dropdown-item">Summerdale</a>
</div>
</div>
<div class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">RV Communities</a>
<div class="dropdown-menu bg-light m-0">
<a href="https://cochrangajellystonepark.com" target="_blank" class="dropdown-item">Jellystone<br>Cochran GA</a>
<a href="https://www.jellystonegulfcoast.com" target="_blank" class="dropdown-item">Jellyston<br>Elberta AL</a>
<a href="https://www.oaklawnrvpark.com" target="_blank" class="dropdown-item">Oaklawn<br>RV Park</a>
<a href="https://www.creeksidewillowsrv.com/" target="_blank" class="dropdown-item">Creekside Willows<br>RV Park</a>
<a href="https://sunsetgrovervpark.com" target="_blank" class="dropdown-item">Sunset Grove<br>RV Park</a>
<a href="https://www.retreatonstyxriver.com" target="_blank" class="dropdown-item">The Retreat<br>on Styx River</a>
</div>
</div>
</div>
</div>
</nav>
<!-- Navbar End -->
<!-- Page Header Start -->
<div class="container-fluid page-header py-5 mb-5" style="--bg-image: url('../img/hero2.jpg');">
<div class="container py-5">
<h1 class="display-3 text-white mb-3 animated slideInDown">Maddox</h1>
<nav aria-label="breadcrumb animated slideInDown">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a class="text-white" href="#">Home</a></li>
<li class="breadcrumb-item"><a class="text-white" href="#">MHP Communities</a></li>
<li class="breadcrumb-item text-white active" aria-current="page">Maddox</li>
</ol>
</nav>
</div>
</div>
<!-- Page Header End -->
<!-- Property Start -->
<div class="container bg-light overflow-hidden my-5 px-lg-0">
<div class="container about px-lg-0">
<div class="row g-0 mx-lg-0">
<div class="col-lg-6 ps-lg-0 wow fadeIn" data-wow-delay="0.1s" style="min-height: 400px;">
<div class="map-responsive">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1691.729215708411!2d-90.34656178996651!3d32.00269355708024!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8628418402f89837%3A0xa5d436aefc79cddd!2sMaddox%20Mobile%20Home%20Park!5e0!3m2!1sen!2sus!4v1740860350498!5m2!1sen!2sus" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
<div class="col-lg-6 about-text wow fadeIn" data-wow-delay="0.5s">
<div class="p-lg-5 pe-lg-0">
<div class="p-2 d-flex justify-content-center align-items-center">
<img class="img-fluid mb-3 mt-3" src="../img/maddox-logo.webp" alt="Maddox" style="max-height:260px">
</div>
<h2 class="mb-1" style="font-size: 2rem;">Maddox</h2>
<h3 class="text-primary" style="font-size: 1rem;">100 A Maddox Dr, Crystal Springs, MS 39059</h3>
<p style="color: #303E4B">Come make your home in the beautiful community of Crystal Springs Mississippi!</p>
<a href="tel:601-385-8812" class="btn btn-primary rounded-pill py-3 px-5 mt-3">Call (601) 385-8812</a>
</div>
</div>
</div>
</div>
</div>
<!-- Property End -->
<!-- Property End -->
<!-- Footer Start -->
<div class="container-fluid bg-dark text-body footer mt-5 pt-5 wow fadeIn" data-wow-delay="0.1s">
<div class="container py-3">
<div class="row g-5">
<div class="col-lg-4 col-md-6">
<h4 class="text-white mb-4" style="font-size: 1.25rem;">Connect With Us</h4>
<p class="mb-2">
<i class="fa fa-envelope me-3"></i>
<a href="mailto:information@kalibermanagement.com" style="color: white">information@kalibermanagement.com</a>
</p>
<div class="d-flex pt-2">
<a class="btn btn-square btn-outline-light btn-social" href="https://www.linkedin.com/company/kaliber-management-llc" target="_blank" ><i class="fab fa-linkedin-in"></i></a>
<a class="btn btn-square btn-outline-light btn-social" href="https://www.facebook.com/kalibermanagement/" target="_blank" ><i class="fab fa-facebook"></i></a>
</div>
</div>
<div class="col-lg-4 col-md-6">
<h4 class="text-white mb-4" style="font-size: 1.25rem;">Quick Links</h4>
<a class="btn btn-link" href="index.html">Home</a>
<a class="btn btn-link" href="privacy-policy.html">Privacy Policy</a>
<a class="btn btn-link" href="https://www.kaliber-homes.com/" target="_blank">Kaliber Homes</a>
</div>
</div>
</div>
<div class="container">
<div class="copyright">
<div class="row">
<div class="col-md-6 text-center text-md-start mb-3 mb-md-0">
<a href="#">&copy; 2025 Kaliber Management.</a> All Rights Reserved.
</div>
</div>
</div>
</div>
</div>
<!-- Footer End -->
<!-- JavaScript Libraries -->
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="lib/wow/wow.min.js"></script>
<script src="lib/easing/easing.min.js"></script>
<script src="lib/waypoints/waypoints.min.js"></script>
<script src="lib/counterup/counterup.min.js"></script>
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
<script src="lib/isotope/isotope.pkgd.min.js"></script>
<script src="lib/lightbox/js/lightbox.min.js"></script>
<!-- Template Javascript -->
<script src="js/main.js"></script>
</body>
</html>

View File

@@ -0,0 +1,182 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Oaklawn Estates | Kaliber Management</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="Mississippi, Biloxi, Harrison County, Workforce, Attainable, Affordable, Mobile Home, Manufactured Home, Manufactured Housing, Trailer, Park, Trailer Parks, Homes, Community, Gulf Coast, Family Communities, Clayton, Cavco, Regional, Champion, All ages, 55+ parks, New Homes" name="keywords">
<meta content="" name="description">
<!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-69CX9XJGDV"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-69CX9XJGDV'); </script>
<!-- Favicon -->
<link href="img/favicon.ico" rel="icon">
<!-- Google Web 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=Open+Sans:wght@400;500&family=Roboto:wght@500;700;900&display=swap" rel="stylesheet">
<!-- Icon Font Stylesheet -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet">
<!-- Libraries Stylesheet -->
<link href="../lib/animate/animate.min.css" rel="stylesheet">
<link href="../lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
<link href="../lib/lightbox/css/lightbox.min.css" rel="stylesheet">
<!-- Customized Bootstrap Stylesheet -->
<link href="../css/bootstrap.min.css" rel="stylesheet">
<!-- Template Stylesheet -->
<link href="../css/style.css" rel="stylesheet">
</head>
<body>
<!-- Navbar Start -->
<nav class="navbar navbar-expand-lg bg-white navbar-light sticky-top p-0">
<a href="../index.html" class="navbar-brand d-flex align-items-center px-4 px-lg-5">
<img src="../img/logos/kaliberlogotransparent.png" alt="Kaliber Management" style="height: 68px;">
</a>
<button type="button" class="navbar-toggler me-4" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<div class="navbar-nav ms-auto p-4 p-lg-0">
<a href="../index.html" class="nav-item nav-link">Home</a>
<a href="../leadership.html" class="nav-item nav-link">Leadership</a>
<a href="../available-homes.html" class="nav-item nav-link">Available Homes</a>
<div class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle active" data-bs-toggle="dropdown">MHP Communities</a>
<div class="dropdown-menu bg-light m-0">
<a href="bayou-oaks.html" class="dropdown-item">Bayou Oaks</a>
<a href="bluff-creek.html" class="dropdown-item">Bluff Creek</a>
<a href="camellia-trace.html" class="dropdown-item">Camellia Trace</a>
<a href="creekside-willows.html" class="dropdown-item">Creekside Willows</a>
<a href="creola.html" class="dropdown-item">Creola</a>
<a href="delmar-woods.html" class="dropdown-item">Delmar Woods</a>
<a href="glen-acres.html" class="dropdown-item">Glen Acres</a>
<a href="greenwood.html" class="dropdown-item">Greenwood</a>
<a href="griffith.html" class="dropdown-item">Griffith</a>
<a href="hamilton-oaks.html" class="dropdown-item">Hamilton Oaks</a>
<a href="livingston.html" class="dropdown-item">Livingston</a>
<a href="maddox.html" class="dropdown-item">Maddox</a>
<a href="oaklawn-estates.html" class="dropdown-item active">Oaklawn Estates</a>
<a href="park-place-estates.html" class="dropdown-item">Park Place Estates</a>
<a href="pecan-point.html" class="dropdown-item">Pecan Point</a>
<a href="ridgecrest.html" class="dropdown-item">Ridgecrest</a>
<a href="saraland.html" class="dropdown-item">Saraland</a>
<a href="summerdale.html" class="dropdown-item">Summerdale</a>
</div>
</div>
<div class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">RV Communities</a>
<div class="dropdown-menu bg-light m-0">
<a href="https://cochrangajellystonepark.com" target="_blank" class="dropdown-item">Jellystone<br>Cochran GA</a>
<a href="https://www.jellystonegulfcoast.com" target="_blank" class="dropdown-item">Jellyston<br>Elberta AL</a>
<a href="https://www.oaklawnrvpark.com" target="_blank" class="dropdown-item">Oaklawn<br>RV Park</a>
<a href="https://www.creeksidewillowsrv.com/" target="_blank" class="dropdown-item">Creekside Willows<br>RV Park</a>
<a href="https://sunsetgrovervpark.com" target="_blank" class="dropdown-item">Sunset Grove<br>RV Park</a>
<a href="https://www.retreatonstyxriver.com" target="_blank" class="dropdown-item">The Retreat<br>on Styx River</a>
</div>
</div>
</div>
</div>
</nav>
<!-- Navbar End -->
<!-- Page Header Start -->
<div class="container-fluid page-header py-5 mb-5" style="--bg-image: url('../img/hero2.jpg');">
<div class="container py-5">
<h1 class="display-3 text-white mb-3 animated slideInDown">Oaklawn Estates</h1>
<nav aria-label="breadcrumb animated slideInDown">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a class="text-white" href="#">Home</a></li>
<li class="breadcrumb-item"><a class="text-white" href="#">MHP Communities</a></li>
<li class="breadcrumb-item text-white active" aria-current="page">Oaklawn Estates</li>
</ol>
</nav>
</div>
</div>
<!-- Page Header End -->
<!-- Property Start -->
<div class="container bg-light overflow-hidden my-5 px-lg-0">
<div class="container about px-lg-0">
<div class="row g-0 mx-lg-0">
<div class="col-lg-6 ps-lg-0 wow fadeIn" data-wow-delay="0.1s" style="min-height: 400px;">
<div class="map-responsive">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d859.8081444168981!2d-88.97805308408385!3d30.457849863914333!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x889c124b05f90901%3A0xd3a86d402b37b5d!2sOaklawn%20RV%20Park!5e0!3m2!1sen!2sus!4v1740860500864!5m2!1sen!2sus" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
<div class="col-lg-6 about-text wow fadeIn" data-wow-delay="0.5s">
<div class="p-lg-5 pe-lg-0">
<div class="p-2 d-flex justify-content-center align-items-center">
<img class="img-fluid mb-3 mt-3" src="../img/oaklawn-estates-logo-new.png" alt="Oaklawn Estates Logo" style="max-height:300px">
</div>
<h2 class="mb-1" style="font-size: 2rem;">Oaklawn Estates</h2>
<h3 class="text-primary" style="font-size: 1rem;">8400 West Oaklawn Road, Biloxi, MS</h3>
<p style="color: #303E4B">Located at 8400 West Oaklawn Road in Biloxi, Mississippi - Oaklawn MH Estates provides rental lots, easily accessible right off Interstate 10, Exit 41.</p>
<a href="tel:(228)392-1233" class="btn btn-primary rounded-pill py-3 px-5 mt-3">Call (228) 392-1233</a>
</div>
</div>
</div>
</div>
</div>
<!-- Property End -->
<!-- Footer Start -->
<div class="container-fluid bg-dark text-body footer mt-5 pt-5 wow fadeIn" data-wow-delay="0.1s">
<div class="container py-3">
<div class="row g-5">
<div class="col-lg-4 col-md-6">
<h4 class="text-white mb-4" style="font-size: 1.25rem;">Connect With Us</h4>
<p class="mb-2">
<i class="fa fa-envelope me-3"></i>
<a href="mailto:information@kalibermanagement.com" style="color: white">information@kalibermanagement.com</a>
</p>
<div class="d-flex pt-2">
<a class="btn btn-square btn-outline-light btn-social" href="https://www.linkedin.com/company/kaliber-management-llc" target="_blank" ><i class="fab fa-linkedin-in"></i></a>
<a class="btn btn-square btn-outline-light btn-social" href="https://www.facebook.com/kalibermanagement/" target="_blank" ><i class="fab fa-facebook"></i></a>
</div>
</div>
<div class="col-lg-4 col-md-6">
<h4 class="text-white mb-4" style="font-size: 1.25rem;">Quick Links</h4>
<a class="btn btn-link" href="index.html">Home</a>
<a class="btn btn-link" href="privacy-policy.html">Privacy Policy</a>
<a class="btn btn-link" href="https://www.kaliber-homes.com/" target="_blank">Kaliber Homes</a>
</div>
</div>
</div>
<div class="container">
<div class="copyright">
<div class="row">
<div class="col-md-6 text-center text-md-start mb-3 mb-md-0">
<a href="#">&copy; 2025 Kaliber Management.</a> All Rights Reserved.
</div>
</div>
</div>
</div>
</div>
<!-- Footer End -->
<!-- JavaScript Libraries -->
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="lib/wow/wow.min.js"></script>
<script src="lib/easing/easing.min.js"></script>
<script src="lib/waypoints/waypoints.min.js"></script>
<script src="lib/counterup/counterup.min.js"></script>
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
<script src="lib/isotope/isotope.pkgd.min.js"></script>
<script src="lib/lightbox/js/lightbox.min.js"></script>
<!-- Template Javascript -->
<script src="js/main.js"></script>
</body>
</html>

Some files were not shown because too many files have changed in this diff Show More