Skip to content

Instantly share code, notes, and snippets.

@bryanwillis

bryanwillis/oakbrook.html

Created August 31, 2016 21:22
Show Gist options
  • Save bryanwillis/f1a217b6cb2372ac4b54e2e5f855df60 to your computer and use it in GitHub Desktop.
Save bryanwillis/f1a217b6cb2372ac4b54e2e5f855df60 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
oakbrook.html
<!DOCTYPE HTML>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
<meta http-equiv="Accept-CH" content="DPR, Width, Viewport-Width">
<title>Oakbrook Estates</title>
<meta name="description" content="A prestige adult manufactured home community located in Crystal Lake, IL">
<meta name="keywords" content="manufactured homes, mobile homes, Crystal Lake">
<meta name="author" content="Bryan Willis">
<meta name="description" content="Located in the beautiful city of Crystal Lake, Illinois, Oakbrook Estates is an adult community and offers quality custom-built homes."/>
<meta name="robots" content="noodp"/>
<link rel="canonical" href="http://oakbrookestates.com/" />
<link rel="publisher" href="https://plus.google.com/+OakbrookEstatesCrystalLake/about"/>
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="website" />
<meta property="og:title" content="A Prestige Adult Manufactured Home Community | Oakbrook Estates" />
<meta property="og:description" content="Located in the beautiful city of Crystal Lake, Illinois, Oakbrook Estates is an adult community and offers quality custom-built homes." />
<meta property="og:url" content="http://oakbrookestates.com/" />
<meta property="og:site_name" content="Oakbrook Estates" />
<meta property="og:image" content="http://oakbrookestates.com/wp-content/uploads/manufactured-homes.png" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:description" content="Located in the beautiful city of Crystal Lake, Illinois, Oakbrook Estates is an adult community and offers quality custom-built homes." />
<meta name="twitter:title" content="A Prestige Adult Manufactured Home Community | Oakbrook Estates" />
<meta name="twitter:site" content="@917Crookedstick" />
<meta name="twitter:image" content="http://oakbrookestates.com/wp-content/uploads/manufactured-homes.png" />
<meta name="twitter:creator" content="@917Crookedstick" />
<script type='application/ld+json'>{"@context":"http:\/\/schema.org","@type":"WebSite","url":"http:\/\/oakbrookestates.com\/","name":"Oakbrook Estates","alternateName":"Oakbrook Estates Manufactured Homes","potentialAction":{"@type":"SearchAction","target":"http:\/\/oakbrookestates.com\/?s={search_term_string}","query-input":"required name=search_term_string"}}</script>
<script type='application/ld+json'>{"@context":"http:\/\/schema.org","@type":"Organization","url":"http:\/\/oakbrookestates.com\/","sameAs":["https:\/\/www.facebook.com\/OakbrookEstatesCrystalLake\/","https:\/\/plus.google.com\/+OakbrookEstatesCrystalLake\/about","https:\/\/twitter.com\/917Crookedstick"],"name":"Oakbrook Estates","logo":"http:\/\/oakbrookestates.com\/wp-content\/uploads\/manufactured-homes.png"}</script>
<meta name="msvalidate.01" content="BA38F051926086AB45556995EFC41EF7" />
<meta name="google-site-verification" content="MN71s3IPGYPBxtt-tVBXwhz0wjpEop2akCkfcJnaJ-c" />
<link rel='dns-prefetch' href='//maps.google.com'>
<link rel='dns-prefetch' href='//fonts.googleapis.com'>
<link rel='dns-prefetch' href='//s.w.org'>
<link rel="stylesheet" href="/wp-content/themes/bootstrap-genesis/css/bootstrap.css">
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Source+Sans+Pro&#038;ver=1471841539">
<script src="/wp-includes/js/jquery/jquery.js"></script>
<script src="/wp-includes/js/jquery/jquery-migrate.min.js"></script>
<script src="/wp-content/themes/bootstrap-genesis/js/bootstrap.js"></script>
<!--[if lt IE 9]>
<script src="/wp-content/themes/genesis/lib/js/html5shiv.min.js"></script>
<![endif]-->
<style type='text/css'></style> <style type="text/css">
div.wpcf7 .screen-reader-response {
display: none;
}
div.wpcf7 img.ajax-loader {
border: none;
vertical-align: middle;
margin-left: 4px;
}
div.wpcf7 .form-inline img.ajax-loader {
display: inline;
}
div.wpcf7 div.ajax-error {
display: none;
}
div.wpcf7 .wpcf7-display-none {
display: none;
}
div.wpcf7 .form-inline .form-group {
max-width: 250px;
}
div.wpcf7 .input-group-addon img {
height: 100%;
width: auto;
max-width: none !important;
border-radius: 5px;
}
div.wpcf7 .input-group-addon.input-group-has-image {
padding: 0;
}
</style>
<link rel="icon" href="http://oakbrookestates.com/wp-content/themes/genesis/images/favicon.ico" />
<link rel="pingback" href="http://oakbrookestates.com/xmlrpc.php" />
<style>
.site-footer {
display: none;
}
</style><style>
.content, .site-footer {
display: none;
}
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-83152760-1', 'auto');
ga('send', 'pageview');
</script>
<style type="text/css" title="dynamic-css" class="options-output">.cspm_nearby_map *{font-family:"Source Sans Pro";}.cspm_nearby_map_main_color, a.cspm_nearby_map_main_color{color:#008fed;}.cspm_nearby_map_main_background, .cspm_nearby_map_main_background.active{background-color:#008fed;}.cspm_nearby_map_main_color.hover:hover, a.cspm_nearby_map_main_color.hover:hover{color:#00aeff;}.cspm_nearby_map_main_background.hover:hover{background-color:#00aeff;}</style> <style type="text/css">
ul#wp-admin-bar-dashboard-listings-default {
overflow: scroll;
height: 500px;
</style>
<link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Montserrat:400,700'>
<link rel='stylesheet' href="http://oakbrookestates.com/wp-content/themes/bootstrap-genesis/css/style.css">
<link rel='stylesheet' href="http://oakbrookestates.com/wp-content/themes/bootstrap-genesis/css/print.css" media="print">
<link rel='stylesheet' href="http://oakbrookestates.com/wp-content/themes/bootstrap-genesis/plugins/prettyphoto/css/prettyPhoto.css">
<link rel='stylesheet' href="http://oakbrookestates.com/wp-content/themes/bootstrap-genesis/plugins/owl-carousel/css/owl.carousel.css">
<link rel='stylesheet' href="http://oakbrookestates.com/wp-content/themes/bootstrap-genesis/plugins/owl-carousel/css/owl.theme.css">
<link rel='stylesheet' href='http://oakbrookestates.com/wp-content/themes/bootstrap-genesis/fonts/linearicons/linearicons.css'>
<link rel='stylesheet' href='http://oakbrookestates.com/wp-content/themes/bootstrap-genesis/fonts/brandon/brandon.css'>
<link rel='stylesheet' href='http://oakbrookestates.com/wp-content/themes/bootstrap-genesis/css/util-bs3-spacing.css'>
<link rel='stylesheet' href='http://oakbrookestates.com/wp-content/themes/bootstrap-genesis/css/util-bs3-alignment.css'>
<link rel='stylesheet' href='http://oakbrookestates.com/wp-content/themes/bootstrap-genesis/css/util-bs3-flexbox.css'>
<link rel='stylesheet' href='http://oakbrookestates.com/wp-content/themes/bootstrap-genesis/css/util-bs3-extras.css'>
<link rel="stylesheet" href="http://oakbrookestates.com/wp-content/themes/bootstrap-genesis/colors/color1.css">
<style>
/* Global Styles
**********************************/
.pos-relative {
position: relative;
}
@media print {
a[href]:after {
content: "" !important;
}
}
@media only screen and (min-width : 481px) {
.flex-row.row > [class*='col-'] > .box {
display: flex;
flex: 1;
}
}
/* Site Header - Main
**********************************/
@media (min-width: 481px) and (max-width: 992px) {
.site-header .site-header-main h1.logo {
width: 315px;
padding: 0px;
margin: 0;
height: 75px;
}
.navigation > ul > li {
float: left;
width: 50%;
}
}
@media (max-width: 992px) {
.site-header .site-header-main .container {
width: 100%!important;
margin-right: auto!important;
margin-left: auto!important;
padding-left: 30px!important;
padding-right: 30px!important;
}
.site-header .navigation .container,
.site-header .navigation .navbar-nav {
float: none;
width: 100%!important;
margin: 0!important;
padding-left: 0px!important;
padding-right: 0px!important;
}
.navigation > ul > li {
border-bottom: 1px solid #eee;
border-left: 1px solid #eee;
border-width: 1px;
border-bottom: 1px solid #eee;
position: relative;
display: block;
}
.navigation > ul > li > a {
border-bottom: none!important;
}
.navbar-obe .navbar-nav > li > a {
text-align: center;
text-transform: uppercase;
font-weight: 500;
}
}
.site-header .site-header-main .menu-toggle {
margin: 27px 0 0 0;
font-size: 26px;
}
.site-header-main {
border-top: 4px solid #3F5765;
}
.site-header-main .nav-contact-info {
color: #666;
}
.site-header-main .hours-today i.fa-chevron-down {
font-size: 10px;
position: absolute;
top: 0;
margin-top: 5px;
margin-left: 5px;
color: #666;
}
.popover {
margin-left: -90px!important;
width: 320px;
max-width: 320px !important;
margin-top: 10px!important;
}
.popover.bottom>.arrow {
left: 250px;
}
/* Site Header - Navbar
**********************************/
.navbar-obe {
border-bottom: none;
margin-bottom: 0px;
}
.navbar-obe .navbar-nav > li > a {
color: #2a91c8;
}
.navbar-obe .navbar-nav > li > a:hover,
.navbar-obe .navbar-nav > li > a:focus {
color: #3f5765;
background-color: rgb(255, 255, 255);
}
.navbar-obe .navbar-nav > li > a:hover:before,
.navbar-obe .navbar-nav > li > a:focus:before {
content: '';
width: 100%;
height: 3px;
background-color: #000;
top: 0;
left:0;
right: 0;
position: absolute;
}
@media only screen and (min-width : 992px) {
/* Flex Justified Navbar */
.navbar-flex-justified > ul {
border-left: 1px solid rgba(0,0,0,.05);
}
.navbar.navbar-flex-justified {
min-height: 0;
height: auto;
margin-bottom: 0;
}
.navbar-flex-justified .navbar-nav {
display: flex;
width: 100%;
}
.navbar-flex-justified .nav>li {
float: none;
display: flex;
justify-content: center;
flex-grow: 1;
/*flex-basis: 0;*/
}
.navbar-flex-justified .navbar-nav>li>a {
text-align: center;
display: flex;
align-items: center;
font-size: 16px;
width: 100%;
justify-content: center;
padding: 18px 8px !important;
text-transform: uppercase;
font-weight: 500;
font-size: 1.5rem;
}
}
.site-header-main .small-nav-contact-label {
font-size: 14px;
font-weight: 400;
color: #999;
}
.site-header-main .contact-info-blocks .hours-today {
font-family: 'Montserrat', sans-serif;
font-size: 16px;
}
.text-primary-dark {
color: #3F5765;
}
.nav-contact-info a {
color: #666;
}
@media only screen and (min-width: 992px) {
.navbar-nav {
border-left: 1px solid rgba(0,0,0,.05);
}
}
.middle-header {
height: 85px;
}
.footer-widget ul > li {
padding: 0 0 8px 0;
border-bottom: none;
}
</style>
<style>
.page-header:after {
content: '';
position: absolute;
background: linear-gradient( to right, rgba(0, 0, 0, 0.42), rgba(0, 0, 0, 0));
top: 0;
bottom: 0;
left: 0;
z-index: 0;
right: 0;
}
.mapbox-intro {
margin-top: 15px;
border-bottom: 2px solid #eee;
padding-bottom: 10px;
}
.mapbox {
margin-top:10px;
}
.padding-as25 {
padding: 25px;
}
h4 {
font-size: 22px;
}
#featured-properties .overlay {
line-height: 196px!important;
}
.property-featured-image .overlay {
line-height: normal!important;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.property-info h4 {
font-size: 20px;
}
.jumbotron {
background: none!important;
}
input[type="submit"] {
background-color: #2d92c8;
width: 200px;
}
.well h5 {
color: #fff;
font-size: 22px;
}
.well .btn-primary:hover {
background-color: #2d92c8;
}
#wpcf7-f238-o1 > form > div.well > div:nth-child(6) {
text-align: right;
}
.wpcf7-form .well {
background-color: #3f5765;
border: 1px solid #3f5765;
border-radius: 0;
}
div.wpcf7 img.ajax-loader {
display: none;
}
</style>
<style>
.left85 {
padding-left: 85px;
}
.div-icon-light-blue-small {
background: #2991c8;
padding: 16px;
border-radius: 50%;
}
.near-by-places h3 {
margin-bottom: 10px;
font-size: 26px;
}
.home-section-info {
background-color: #fbfbfb;
}
.site-footer,
.site-footer h3, .site-footer h4, .site-footer h5, .site-footer h6,
.site-footer .h2, .site-footer .h3, .site-footer .h4, .site-footer .h5, .site-footer .h6 {
background-color: #3f5765;
color: #fff;
}
.page-header.jumbotron {
height: 400px;
overflow: hidden;
display: flex;
flex-direction: column;
flex: 1;
justify-content: center;
width: 100%;
}
.z-index-1 {
z-index: 1;
}
.max-width-750 {
max-width: 750px
}
.home-header h3 {
color: #ffffff;
margin-bottom: 100px;
}
.site-footer,
.site-footer h3,
.site-footer h4,
.site-footer h5,
.site-footer h6,
.site-footer .h2,
.site-footer .h3,
.site-footer .h4,
.site-footer .h5,
.site-footer .h6,
.site-footer a,
.site-footer a:hover {
background-color: #3f5765;
color: #fff;
}
.property-info {
padding: 8px;}
.property-info h4 a {
font-size: 18px;
}
</style>
<style id="fadeshow">
div.fadeShow-container{z-index:-1;position:absolute;top:0;width:100%;height:100%;background:#181818;overflow:hidden}div.fadeShow-container div.image{position:absolute;width:100%;height:100%;background-position:center center;background-repeat:no-repeat;transition:opacity 1.5s ease-in-out;-moz-transition:opacity 1.5s ease-in-out;-webkit-transition:opacity 1.5s ease-in-out;opacity:0}div.fadeShow-container div.image.fillHeight{background-size:auto 100%}div.fadeShow-container div.image.active{z-index:3;opacity:1}div.fadeShow-container div.image.inactive{z-index:2;opacity:0}div.fadeShow-container div.image img{width:100px;display:none}
div.fadeShow-container div.image { background-size: cover; /* background-size: 100% auto; */ }
/* NEW HEADER BACKGROUND COLOR */
.navigation > ul > li > a {
border-right: 1px solid rgba(236, 236, 236, 0.14);
}
nav.navbar.navbar-default.navbar-flex-justified.navigation.navbar-obe {
background: #1e5467;
}
nav.navbar.navbar-default.navbar-flex-justified.navigation.navbar-obe a:hover {
background: #3b9ec1;
}
nav.navbar.navbar-default.navbar-flex-justified.navigation.navbar-obe a {
color: #fff;
}
</style>
<!--[if lte IE 9]>
<link rel="stylesheet" href="http://oakbrookestates.com/wp-content/themes/bootstrap-genesis/css/ie.css" media="screen" />
<![endif]-->
<script src="http://oakbrookestates.com/wp-content/themes/bootstrap-genesis/js/modernizr.js"></script>
</head>
<body>
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-MZ6FP9"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-MZ6FP9');</script>
<!--[if lte IE 9]>
<p class="chromeframe">You are using an outdated browser. <a href="http://browsehappy.com/">Upgrade your browser today for a better and more secure experience on the web.</a>.
<![endif]-->
<div class="body">
<header class="site-header">
<div class="middle-header site-header-main">
<div class="container">
<div class="row">
<div class="col-md-4 col-sm-8 col-xs-9">
<h1 class="logo"> <a href="/">
<img src="http://oakbrookestates.com/wp-content/uploads/manufactured-homes.png" width="600" alt="Oakbrook Estates"></a>
</h1>
</div>
<div class="col-md-8 col-sm-4 col-xs-3">
<div class="contact-info-blocks hidden-sm hidden-xs">
<div class="nav-contact-info-phone">
<i class="fa fa-phone"></i> <span class="small-nav-contact-label">Give Us a Call</span>
<span class="nav-contact-info"><a href="tel:+18154550170">(815) 455-0170</a></span>
</div>
<div class="nav-contact-info-email">
<i class="fa fa-envelope"></i> <span class="small-nav-contact-label">Email Us</span>
<span class="nav-contact-info"><a href="mailto:[email protected]?Subject=Oakbrook%20Estates%20Info" target="_blank">[email protected]</a></span>
</div>
<div class="nav-contact-info-hours">
<a title="Office Hours"
rel="popover"
tabindex="0"
role="button"
id="hours-popover"
data-toggle="popover"
data-trigger="focus"
data-popover-content="#popHours"
data-container="body"
data-placement="bottom">
<span class="nav-contact-info pos-relative display-block">
<i class="fa fa-clock-o text-primary-dark"></i> <span class="small-nav-contact-label">Office Hours Today</span>
</span>
<span class="hours-today display-block pos-relative">
12:00 PM - 8:00 PM&nbsp;<i class="fa fa-chevron-down 12px"></i>
</span>
</a>
</div>
</div>
<a href="#" class="visible-sm visible-xs menu-toggle"><i class="fa fa-bars"></i></a>
</div>
</div>
</div>
</div>
<div class="main-menu-wrapper hidden-print">
<nav class="navbar navbar-default navbar-flex-justified navigation navbar-obe">
<div class="container">
<nav class="navigation">
<ul class="nav navbar-nav old-sf-menu">
<li class="visible-lg visible-xl"><a href="/">Home</a></li>
<li><a href="http://oakbrookestates.com/about/">About</a></li>
<li><a href="http://oakbrookestates.com/properties/">Featured <span class="visible-md visible-lg visible-xl">&nbsp;Used Home&nbsp;</span>Listings</a></li>
<li><a href="http://oakbrookestates.com/floor-plans/"><span class="visible-lg visible-xl">&nbsp;New Home&nbsp;</span>Floorplans</a></li>
<li><a href="http://oakbrookestates.com/crystal-lake-amenities/">Crystal Lake Amenities<span class="visible-md visible-lg visible-xl"></a></li>
<li><a href="http://oakbrookestates.com/gallery/">Gallery</a></li>
<li><a href="http://oakbrookestates.com/contact/">Contact <span class="visible-md visible-lg visible-xl">&nbsp;Us</span></a></li>
</ul>
</nav>
</div>
</nav>
</div>
</header>
<style>
.feature-price {
font-size: 16px;
position: absolute;
right: 0;
font-weight: 700;
margin-right: 8px;
color: #2991c8;
}
.owl-carousel .owl-wrapper {
display: -webkit-box!important;
display: -ms-flexbox!important;
display: flex!important;
flex-direction: row;
}
.owl-carousel .owl-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: column;
}
.owl-carousel .property-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.owl-carousel .property-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.property-featured-image, .agent-featured-image {
}
.property-more {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: auto;
}
.owl-carousel .property-info h4 {
font-size: 20px;
line-height: 1;
margin-bottom: 13px;
}
@media (max-width:481px) {
#featured-properties > div > div:nth-child(1) > div > div.block-heading {
display: none!important;
}
}
</style>
<header class="site-showcase">
<div class="parallax page-header jumbotron home-header">
<div class="container z-index-1">
<h1 class="text-left">WELCOME TO OAKBROOK ESTATES</h1>
<h3 class="text-left">A prestige adult manufactured home community</h3>
</div>
</div>
</header>
<main class="main" role="main">
<div id="content">
<section id="featured-properties" class="pt50 pb50 home-section-featured-properties">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="block-heading">
<h4><span class="heading-icon"><i class="fa fa-star"></i></span>Featured Used Home Listings</h4>
</div>
</div>
</div>
<div class="row">
<ul class="owl-carousel owl-alt-controls" data-columns="4" data-autoplay="yes" data-pagination="no" data-arrows="yes" data-single-item="no">
<li class="item property-block" itemscope="" itemtype="http://schema.org/CreativeWork">
<a class="property-featured-image" href="/property/shamrock-double-wide-2/"><img width="2048" height="1536" src="http://oakbrookestates.com/wp-content/uploads/featured_listings/393/IMG_1131.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="277" srcset="http://oakbrookestates.com/wp-content/uploads/featured_listings/393/IMG_1131.jpg 2048w, http://oakbrookestates.com/wp-content/uploads/featured_listings/393/IMG_1131-300x225.jpg 300w, http://oakbrookestates.com/wp-content/uploads/featured_listings/393/IMG_1131-768x576.jpg 768w, http://oakbrookestates.com/wp-content/uploads/featured_listings/393/IMG_1131-1024x768.jpg 1024w, http://oakbrookestates.com/wp-content/uploads/featured_listings/393/IMG_1131-400x300.jpg 400w" sizes="(max-width: 2048px) 100vw, 2048px" /></a>
<div class="property-info">
<h4>
<a href="/property/shamrock-double-wide-2/" rel="bookmark" title="Shamrock Double-Wide">Shamrock Double-Wide</a>
</h4>
<div class="property-more" style="font-weight: 400;">
<span class="prop-bed">Bed:&nbsp;2</span>&nbsp;|&nbsp;<span class="prop-bath">Bath:&nbsp;2</span>
<span class="feature-price"><strong>$</strong>89,900</span>
<!--</span>-->
</div>
</div>
</li>
<li class="item property-block" itemscope="" itemtype="http://schema.org/CreativeWork">
<a class="property-featured-image" href="/property/shamrock-double-wide/"><img width="2048" height="1536" src="http://oakbrookestates.com/wp-content/uploads/featured_listings/390/IMG_1132.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="285" srcset="http://oakbrookestates.com/wp-content/uploads/featured_listings/390/IMG_1132.jpg 2048w, http://oakbrookestates.com/wp-content/uploads/featured_listings/390/IMG_1132-300x225.jpg 300w, http://oakbrookestates.com/wp-content/uploads/featured_listings/390/IMG_1132-768x576.jpg 768w, http://oakbrookestates.com/wp-content/uploads/featured_listings/390/IMG_1132-1024x768.jpg 1024w, http://oakbrookestates.com/wp-content/uploads/featured_listings/390/IMG_1132-400x300.jpg 400w" sizes="(max-width: 2048px) 100vw, 2048px" /></a>
<div class="property-info">
<h4>
<a href="/property/shamrock-double-wide/" rel="bookmark" title="Shamrock Double-Wide">Shamrock Double-Wide</a>
</h4>
<div class="property-more" style="font-weight: 400;">
<span class="prop-bed">Bed:&nbsp;2</span>&nbsp;|&nbsp;<span class="prop-bath">Bath:&nbsp;2</span>
<span class="feature-price"><strong>$</strong>92,900</span>
<!--</span>-->
</div>
</div>
</li>
<li class="item property-block" itemscope="" itemtype="http://schema.org/CreativeWork">
<a class="property-featured-image" href="/property/shamrock-sectional/"><img width="2048" height="1536" src="http://oakbrookestates.com/wp-content/uploads/featured_listings/385/215.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="215" srcset="http://oakbrookestates.com/wp-content/uploads/featured_listings/385/215.jpg 2048w, http://oakbrookestates.com/wp-content/uploads/featured_listings/385/215-300x225.jpg 300w, http://oakbrookestates.com/wp-content/uploads/featured_listings/385/215-768x576.jpg 768w, http://oakbrookestates.com/wp-content/uploads/featured_listings/385/215-1024x768.jpg 1024w, http://oakbrookestates.com/wp-content/uploads/featured_listings/385/215-400x300.jpg 400w" sizes="(max-width: 2048px) 100vw, 2048px" /></a>
<div class="property-info">
<h4>
<a href="/property/shamrock-sectional/" rel="bookmark" title="Shamrock Double-Wide">Shamrock Double-Wide</a>
</h4>
<div class="property-more" style="font-weight: 400;">
<span class="prop-bed">Bed:&nbsp;2</span>&nbsp;|&nbsp;<span class="prop-bath">Bath:&nbsp;2</span>
<span class="feature-price"><strong>$</strong>87,900</span>
<!--</span>-->
</div>
</div>
</li>
<li class="item property-block" itemscope="" itemtype="http://schema.org/CreativeWork">
<a class="property-featured-image" href="/property/skyline-single-wide/"><img width="2048" height="1536" src="http://oakbrookestates.com/wp-content/uploads/featured_listings/382/719.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="719" srcset="http://oakbrookestates.com/wp-content/uploads/featured_listings/382/719.jpg 2048w, http://oakbrookestates.com/wp-content/uploads/featured_listings/382/719-300x225.jpg 300w, http://oakbrookestates.com/wp-content/uploads/featured_listings/382/719-768x576.jpg 768w, http://oakbrookestates.com/wp-content/uploads/featured_listings/382/719-1024x768.jpg 1024w, http://oakbrookestates.com/wp-content/uploads/featured_listings/382/719-400x300.jpg 400w" sizes="(max-width: 2048px) 100vw, 2048px" /></a>
<div class="property-info">
<h4>
<a href="/property/skyline-single-wide/" rel="bookmark" title="Skyline Single-Wide">Skyline Single-Wide</a>
</h4>
<div class="property-more" style="font-weight: 400;">
<span class="prop-bed">Bed:&nbsp;2</span>&nbsp;|&nbsp;<span class="prop-bath">Bath:&nbsp;2</span>
<span class="feature-price"><strong>$</strong>39,900</span>
<!--</span>-->
</div>
</div>
</li>
<li class="item property-block" itemscope="" itemtype="http://schema.org/CreativeWork">
<a class="property-featured-image" href="/property/croydon-double-wide/"><img width="2048" height="1536" src="http://oakbrookestates.com/wp-content/uploads/featured_listings/380/400.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="400" srcset="http://oakbrookestates.com/wp-content/uploads/featured_listings/380/400.jpg 2048w, http://oakbrookestates.com/wp-content/uploads/featured_listings/380/400-300x225.jpg 300w, http://oakbrookestates.com/wp-content/uploads/featured_listings/380/400-768x576.jpg 768w, http://oakbrookestates.com/wp-content/uploads/featured_listings/380/400-1024x768.jpg 1024w, http://oakbrookestates.com/wp-content/uploads/featured_listings/380/400-400x300.jpg 400w" sizes="(max-width: 2048px) 100vw, 2048px" /></a>
<div class="property-info">
<h4>
<a href="/property/croydon-double-wide/" rel="bookmark" title="Croydon Double-Wide">Croydon Double-Wide</a>
</h4>
<div class="property-more" style="font-weight: 400;">
<span class="prop-bed">Bed:&nbsp;2</span>&nbsp;|&nbsp;<span class="prop-bath">Bath:&nbsp;1.5</span>
<span class="feature-price"><strong>$</strong>44,900</span>
<!--</span>-->
</div>
</div>
</li>
<li class="item property-block" itemscope="" itemtype="http://schema.org/CreativeWork">
<a class="property-featured-image" href="/property/shamrock-single-wide-with-tag/"><img width="2048" height="1536" src="http://oakbrookestates.com/wp-content/uploads/featured_listings/375/223.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="223" srcset="http://oakbrookestates.com/wp-content/uploads/featured_listings/375/223.jpg 2048w, http://oakbrookestates.com/wp-content/uploads/featured_listings/375/223-300x225.jpg 300w, http://oakbrookestates.com/wp-content/uploads/featured_listings/375/223-768x576.jpg 768w, http://oakbrookestates.com/wp-content/uploads/featured_listings/375/223-1024x768.jpg 1024w, http://oakbrookestates.com/wp-content/uploads/featured_listings/375/223-400x300.jpg 400w" sizes="(max-width: 2048px) 100vw, 2048px" /></a>
<div class="property-info">
<h4>
<a href="/property/shamrock-single-wide-with-tag/" rel="bookmark" title="Shamrock Single-Wide w/ Tag">Shamrock Single-Wide w/ Tag</a>
</h4>
<div class="property-more" style="font-weight: 400;">
<span class="prop-bed">Bed:&nbsp;2</span>&nbsp;|&nbsp;<span class="prop-bath">Bath:&nbsp;2</span>
<span class="feature-price"><strong>$</strong>69,900</span>
<!--</span>-->
</div>
</div>
</li>
<li class="item property-block" itemscope="" itemtype="http://schema.org/CreativeWork">
<a class="property-featured-image" href="/property/kropf-mfg-double-wide/"><img width="2048" height="1536" src="http://oakbrookestates.com/wp-content/uploads/kropf-mfg-double-wide/DSC02159.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="DSC02159" srcset="http://oakbrookestates.com/wp-content/uploads/kropf-mfg-double-wide/DSC02159.jpg 2048w, http://oakbrookestates.com/wp-content/uploads/kropf-mfg-double-wide/DSC02159-300x225.jpg 300w, http://oakbrookestates.com/wp-content/uploads/kropf-mfg-double-wide/DSC02159-768x576.jpg 768w, http://oakbrookestates.com/wp-content/uploads/kropf-mfg-double-wide/DSC02159-1024x768.jpg 1024w, http://oakbrookestates.com/wp-content/uploads/kropf-mfg-double-wide/DSC02159-400x300.jpg 400w" sizes="(max-width: 2048px) 100vw, 2048px" /></a>
<div class="property-info">
<h4>
<a href="/property/kropf-mfg-double-wide/" rel="bookmark" title="Kropf Mfg. Double-Wide">Kropf Mfg. Double-Wide</a>
</h4>
<div class="property-more" style="font-weight: 400;">
<span class="prop-bed">Bed:&nbsp;2</span>&nbsp;|&nbsp;<span class="prop-bath">Bath:&nbsp;2</span>
<span class="feature-price"><strong>$</strong>54,900</span>
<!--</span>-->
</div>
</div>
</li>
<li class="item property-block" itemscope="" itemtype="http://schema.org/CreativeWork">
<a class="property-featured-image" href="/property/shamrock-with-sectional/"><img width="2048" height="1536" src="http://oakbrookestates.com/wp-content/uploads/featured_listings/51/726.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="726" srcset="http://oakbrookestates.com/wp-content/uploads/featured_listings/51/726.jpg 2048w, http://oakbrookestates.com/wp-content/uploads/featured_listings/51/726-300x225.jpg 300w, http://oakbrookestates.com/wp-content/uploads/featured_listings/51/726-768x576.jpg 768w, http://oakbrookestates.com/wp-content/uploads/featured_listings/51/726-1024x768.jpg 1024w, http://oakbrookestates.com/wp-content/uploads/featured_listings/51/726-400x300.jpg 400w" sizes="(max-width: 2048px) 100vw, 2048px" /></a>
<div class="property-info">
<h4>
<a href="/property/shamrock-with-sectional/" rel="bookmark" title="Shamrock Single-Wide">Shamrock Single-Wide</a>
</h4>
<div class="property-more" style="font-weight: 400;">
<span class="prop-bed">Bed:&nbsp;2</span>&nbsp;|&nbsp;<span class="prop-bath">Bath:&nbsp;1</span>
<span class="feature-price"><strong>$</strong>52,900</span>
<!--</span>-->
</div>
</div>
</li>
</ul>
</div>
</div>
</section>
<section id="home-section-info" class="home-section-info pt70 pb70">
<div class="container">
<div class="row">
<div class="col-sm-7">
<h2 class="h1 mb30">Find Your Next Home Today</h2>
<div class="section-box"><p>Located in the beautiful <a href="http://oakbrookestates.com/crystal-lake-amenities/">city of Crystal Lake</a>, Oakbrook Estates provides a picturesque setting with natural rolling terrain, thick aged oak trees, and waterfront scenery. Just two miles from the heart of Crystal Lake, residents enjoy a pleasant, peaceful atmosphere with all the benefits of city living only minutes away. An Adult-Only Community, Oakbrook Estates stands out as <em>&#8220;The States’s Most Outstanding Manufactured Home Community&#8221;. </em>Awarded in 2000.</p>
<p>Oakbrook Estates offers high quality custom-built homes, buyers can choose and reserve one of our spacious lots up to a full year before starting construction. Beautiful pre-owned homes are also available at an affordable price.</p>
<p>Please call toll-free <a href="tel:+18006257464">(800) 625-7464</a> for an appointment to see what Oakbrook Estates homeowners have enjoyed for over 40 years!</p>
<p>&nbsp;</p>
<p><a href="http://imha.org"><img class="alignnone wp-image-320" style="width: 33.33%; padding: 0 28px 0 0;" src="http://oakbrookestates.com/wp-content/uploads/illinois-manufactured-housing-association-300x176.png" alt="Illinois Manufactured Housing Association" width="93" height="50" /></a><a href="http://manufacturedhousing.org"><img class="alignnone size-full wp-image-433" src="http://oakbrookestates.com/wp-content/uploads/1472585990index_r1_c1-jpg-e1472586147534.jpg" alt="1472585990index_r1_c1-jpg" width="161" height="67" /></a><a href="http://crystallake.org"><img class="alignnone wp-image-373" style="width: 33.33%; padding: 0px 50px 0px 50px;" src="http://oakbrookestates.com/wp-content/uploads/page/6/CL_logo2.jpg" sizes="(max-width: 50px) 100vw, 50px" srcset="http://oakbrookestates.com/wp-content/uploads/page/6/CL_logo2.jpg 198w, http://oakbrookestates.com/wp-content/uploads/page/6/CL_logo2-150x150.jpg 150w, http://oakbrookestates.com/wp-content/uploads/page/6/CL_logo2-100x100.jpg 100w" alt="Inland marketing brochure" width="50" height="50" /></a></p>
</div>
</div>
<div class="col-sm-5">
<div role="form" class="wpcf7" id="wpcf7-f238-o1" lang="en-US" dir="ltr">
<div class="screen-reader-response"></div>
<form action="/#wpcf7-f238-o1" method="post" class="wpcf7-form" novalidate="novalidate">
<div style="display: none;">
<input type="hidden" name="_wpcf7" value="238" />
<input type="hidden" name="_wpcf7_version" value="4.5" />
<input type="hidden" name="_wpcf7_locale" value="en_US" />
<input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f238-o1" />
<input type="hidden" name="_wpnonce" value="9018cb666e" />
</div>
<div class="well">
<h5>Schedule a Visit</h5>
<div class="form-group your-name"><input class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required form-control input-lg" name="your-name" type="text" value="" placeholder="Name" aria-invalid="false" aria-required="true" required></div>
<div class="form-group your-email"><input class="wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email form-control input-lg" name="your-email" type="email" value="" placeholder="Email" aria-invalid="false" aria-required="true" required></div>
<div class="form-group your-telephone"><input class="wpcf7-form-control wpcf7-text wpcf7-tel wpcf7-validates-as-tel form-control input-lg" name="your-telephone" type="tel" value="" placeholder="Phone Number" aria-invalid="false"></div>
<div class="form-group your-message"><textarea class="wpcf7-form-control wpcf7-textarea input-lg form-control" name="your-message" rows="4" placeholder="Message" aria-invalid="false"></textarea></div>
<div class="form-group"><div><input class="wpcf7-form-control wpcf7-submit btn btn-primary btn-lg" type="submit" value="Send"></div></div>
</div><div class="wpcf7-response-output wpcf7-display-none alert"></div></form></div> </div>
</div>
</div>
</section>
</div>
</main>
<footer class="site-footer pt50 pb50" style="display:block!important">
<div class="container">
<div class="row">
<div class="col-md-3 col-sm-6 footer-widget">
<h3 class="widgettitle">Our Office</h3>
<p><a class="text-white fs-19-r" href="https://www.google.com/maps/place/Oakbrook+Estates/@42.212163,-88.289306,14z/data=!4m5!3m4!1s0x0:0xba8ac92b718b4459!8m2!3d42.22227!4d-88.27729?hl=en-US">917 Crookedstick Court<br> Crystal Lake, IL 60014</a></p>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d12024.32499289185!2d-88.27451759689117!3d42.22644277159645!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x880f0cd2f72b1657%3A0xba8ac92b718b4459!2sOakbrook+Estates!5e0!3m2!1sen!2sus!4v1472588149534" width="100%" height="250" frameborder="0" style="border:0" allowfullscreen></iframe>
</div>
<div class="col-md-3 col-sm-6 footer-widget ">
<h3 class="widgettitle">Contact Us</h3>
<ul class="list-unstyled fa-ul">
<li><i class="fa-li fa fa-envelope-o"></i> <a class="text-white" href="mailto:[email protected]?Subject=Oakbrook%20Estates%20Info" target="_blank">[email protected]</a></li>
<li><i class="fa-li fa fa-phone"></i> Local: <a class="text-white" href="tel:+18154550170">(815) 455-0170</a></li>
<li class=""><i class="fa-li fa fa-globe"></i>Toll-Free: <a class="text-white" href="tel:+18006257464">(800) 625-7464</a></li>
</ul>
</div>
<div class="col-md-3 col-sm-6 footer-widget">
<h3 class="widgettitle">Office Hours</h3>
<ul class="list-unstyled">
<li><strong>Sunday:</strong> 12:00 to 6:00 pm</li>
<li><strong>Monday:</strong> By appointment only</li>
<li><strong>Tuesday:</strong> By appointment only</li>
<li><strong>Wednesday:</strong> 12:00 to 8:00 pm</li>
<li><strong>Saturday:</strong> 12:00 to 6:00 pm</li>
</ul>
</div>
<div class="col-md-3 col-sm-6 footer-widget ">
<h3 class="widgettitle">Connect With Us</h3>
<a style="background-color: #3b5998" href="https://www.facebook.com/OakbrookEstatesCrystalLake/" class="btn btn-block btn-primary mb20 fw-7 font-sans-serif btn-lg">Facebook</a>
<a style="background-color: #d73d32" href="https://plus.google.com/+OakbrookEstatesCrystalLake/about" class="btn btn-block btn-primary mb20 fw-7 font-sans-serif btn-lg">Google Plus</a>
<a style="background-color: #1da1f2" href="https://twitter.com/917Crookedstick" class="btn btn-block btn-primary mb20 fw-7 font-sans-serif btn-lg">Twitter</a>
</div>
</div>
</div>
</footer>
<footer class="site-footer-bottom">
<div class="container">
<div class="row">
<div class="text-center">
&copy; 2016 Oakbrook Estates. All Rights Reserved
</div>
</div>
</div>
</footer>
<a id="back-to-top"><i class="fa fa-angle-double-up"></i></a>
</div>
<script src="/wp-content/plugins/acf-focal-point/js/focal-point.min.js"></script>
<script src="/wp-content/plugins/contact-form-7/includes/js/jquery.form.min.js"></script>
<script type='text/javascript'>
/* <![CDATA[ */
var _wpcf7 = {"loaderUrl":"http:\/\/oakbrookestates.com\/wp-content\/plugins\/contact-form-7\/images\/ajax-loader.gif","recaptcha":{"messages":{"empty":"Please verify that you are not a robot."}},"sending":"Sending ...","cached":"1"};
/* ]]> */
</script>
<script src="/wp-content/plugins/contact-form-7/includes/js/scripts.js"></script>
<script src="/wp-content/plugins/bootstrap-for-contact-form-7/assets/scripts.min.js"></script>
<script src="https://cdn.jsdelivr.net/scrollreveal.js/3.3.1/scrollreveal.min.js"></script>
<script>
var fooReveal = {
delay : 200,
distance : '90px',
easing : 'ease-in-out',
rotate : { z: 10 },
scale : 1.1
};
window.sr = ScrollReveal();
sr.reveal('.foo', fooReveal);
sr.reveal('.included-items-section', { delay: 500, scale: 0.9 });
</script>
<!--<script src="https://cdn.jsdelivr.net/g/[email protected],[email protected],[email protected]"></script>-->
<script src="http://oakbrookestates.com/wp-content/themes/bootstrap-genesis/plugins/prettyphoto/js/prettyphoto.js"></script>
<script src="http://oakbrookestates.com/wp-content/themes/bootstrap-genesis/plugins/owl-carousel/js/owl.carousel.min.js"></script>
<script src="http://oakbrookestates.com/wp-content/themes/bootstrap-genesis/plugins/flexslider/js/jquery.flexslider.js"></script>
<script src="http://oakbrookestates.com/wp-content/themes/bootstrap-genesis/js/helper-plugins.js"></script>
<script src="http://oakbrookestates.com/wp-content/themes/bootstrap-genesis/js/waypoints.js"></script>
<script src="http://oakbrookestates.com/wp-content/themes/bootstrap-genesis/js/init.js"></script>
<!--[if lte IE 9]><script src="http://oakbrookestates.com/wp-content/themes/bootstrap-genesis/js/script_ie.js"></script><![endif]-->
<script src="http://oakbrookestates.com/wp-content/themes/bootstrap-genesis/js/parallax.min.js"></script>
<script src="http://oakbrookestates.com/wp-content/themes/bootstrap-genesis/js/fadeshow.js"></script>
<div id="myPopover" class="hide" style="width: 400px;">
<table width="400" class="cA"><tbody><tr><td class="bA V5">Sunday</td><td class="bA W5"><div>12:00 PM - 6:00 PM</div></td></tr><tr><td class="bA V5">Monday</td><td class="bA W5"><div> By Appointment Only</div></td></tr>
<tr><td class="bA V5">Tuesday</td><td class="bA W5"><div> By Appointment Only</div></td></tr><tr><td class="bA V5">Wednesday</td><td class="bA W5"><div>12:00 PM - 8:00 PM</div></td></tr><tr><td class="bA V5">Thursday</td><td class="bA W5"><div>Closed</div></td></tr><tr><td class="bA V5">Friday</td><td class="bA W5"><div>Closed</div></td></tr><tr><td class="bA V5">Saturday</td><td class="bA W5"><div>12:00 PM - 6:00 PM</div></td></tr></tbody></table>
</div>
<script>
jQuery(document).ready(function( $ ) {
$(function() {
$('.pop').on('click', function() {
$('.imagepreview').attr('src', $(this).find('img').attr('src'));
$('#imagemodal').modal('show');
});
$("#hours-popover").popover({
html : true,
content: function() {
return $('#myPopover').html();
}
});
});
});
</script>
<script>
(function($) {
$(".jumbotron").fadeShow({
speed:4000,
correctRatio:true,
shuffle:false,
images: [
'http://oakbrookestates.com/wp-content/uploads/1500x500-1024x400.jpeg',
'http://oakbrookestates.com/wp-content/uploads/page/227/manufactured-home-floorplan-1024x400.jpg',
'http://oakbrookestates.com/wp-content/uploads/20160719_154134-e1471043383809-1024x400.jpg',
'http://oakbrookestates.com/wp-content/uploads/corner-house-1024x400.jpg',
'http://oakbrookestates.com/wp-content/uploads/page/12/beautiful-park-crystal-lake-neighborhood-1024x400.jpg',
'http://oakbrookestates.com/wp-content/uploads/20160809_160601-1024x386.jpg',
],
});
})(jQuery);
</script>
</body>
</html>
<!-- Comet Cache is NOT caching this page, because the current page contains `_wpnonce` or `akismet_comment_nonce`. Note that `*nonce*` values in the markup are not cache-compatible. See http://wsharks.com/1O1Kudy for further details. -->
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment