Galleries
Colorado Pool + Spa Scapes strives to ensure customer satisfaction in each and every project we undertake. We invite you to browse through our Pool Galleries listed below to see the expert craftsmanship we will bring to your backyard.
Colorado Pool + Spa Scapes strives to ensure customer satisfaction in each and every project we undertake. We invite you to browse through our Pool Galleries listed below to see the expert craftsmanship we will bring to your backyard.
<div id=”hubspot-custom-form”></div>
<script>
(function () {
var MOUNT_ID = “hubspot-custom-form”,
PORTAL_ID = “243668506”,
FORM_ID = “6c49914e-ab16-4163-a137-c0a77846916b”,
REGION = “na2”;
var CSS = [
“:root{–btn-blue:#3b71ca; –gap:16px;}”,
/* ===== 1. GLOBAL RESET ===== */
/* Remove HubSpot’s default grouping wrappers */
“form.hs-form fieldset { display: contents!important; }”,
“form.hs-form .hs-form-field { margin-bottom: 0!important; padding: 0!important; }”,
“.hs-form .hs-input, .hs-form textarea.hs-input, .hs-form select.hs-input { box-sizing: border-box!important; }”,
/* ===== 2. DESKTOP & TABLET (601px and Up) ===== */
/* We keep 2 columns active until the screen gets very small (600px) */
“@media (min-width: 601px) {“,
“form.hs-form { display: grid!important; grid-template-columns: 1fr 1fr!important; gap: var(–gap)!important; }”,
/* Force inputs to behave nicely in grid */
“.hs-form .hs-form-field { width: 100%!important; }”,
“.hs-form .hs-input, .hs-form textarea.hs-input { width: 100%!important; }”,
/* Full Width Exceptions (Message, Consent, Submit, Address) */
“.hs-form .hs-fieldtype-textarea, .hs-form .legal-consent-container, .hs-form .hs-richtext, .hs-form .actions, .hs-form .hs-submit { grid-column: 1 / -1!important; }”,
“.hs-form .hs-fieldtype-text[class*=’address’] { grid-column: 1 / -1!important; }”,
/* Button Alignment Left */
“.hs-form .actions { text-align: left!important; margin-top: 8px!important; }”,
“.hs-form .hs-button { width: auto!important; min-width: 120px; }”,
“}”,
/* ===== 3. MOBILE (600px and Below) ===== */
/* Only stack when we hit 600px */
“@media (max-width: 600px) {“,
“form.hs-form { display: grid!important; grid-template-columns: 1fr!important; gap: var(–gap)!important; }”,
/* Force everything full width */
“.hs-form .hs-form-field { width: 100%!important; }”,
“.hs-form .hs-input, .hs-form textarea.hs-input { width: 100%!important; }”,
/* Button Full Width & Centered */
“.hs-form .hs-button { width: 100%!important; }”,
“.hs-form .actions { text-align: center!important; margin-top: 8px!important; }”,
“}”,
/* ===== 4. BUTTON STYLING (Universal) ===== */
“.hs-form .hs-button { background: var(–btn-blue)!important; color: #fff!important; height: 44px!important; padding: 0 32px!important; border: 0!important; border-radius: 0!important; font-weight: 500!important; font-size: 16px!important; cursor: pointer!important; transition: opacity .15s; display: inline-block!important; }”,
“.hs-form .hs-button:hover { opacity: 0.9!important; }”
].join(“”);
function installStyles(doc){
var style = doc.createElement(“style”);
style.setAttribute(“data-hs-override”,”true”);
style.appendChild(doc.createTextNode(CSS));
if (doc.head) doc.head.appendChild(style);
}
function styleIframe(iframe){
if(iframe.contentDocument && iframe.contentDocument.body){
installStyles(iframe.contentDocument);
} else {
setTimeout(function(){ styleIframe(iframe); }, 100);
}
}
function onReady(){
var iframe = document.querySelector(“#”+MOUNT_ID+” iframe”);
if (iframe) {
styleIframe(iframe);
} else {
installStyles(document);
}
}
function render(){
if (!window.hbspt) return;
hbspt.forms.create({
portalId: PORTAL_ID,
formId: FORM_ID,
region: REGION,
target: “#”+MOUNT_ID,
onFormReady: onReady
});
}
if (window.hbspt && hbspt.forms) render();
else {
var s=document.createElement(“script”);
s.src=”https://js-na2.hsforms.net/forms/embed/v2.js”;
s.async=true; s.onload=render;
document.head.appendChild(s);
}
})();
</script>