CINXE.COM

O'Hara's Son Roofing Company

<!doctype html> <html xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml" lang="en-US" > <head> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- This is Squarespace. --><!-- point-chicken-jx84 --> <base href=""> <meta charset="utf-8" /> <title>O&#39;Hara&#39;s Son Roofing Company</title> <meta http-equiv="Accept-CH" content="Sec-CH-UA-Platform-Version, Sec-CH-UA-Model" /><link rel="icon" type="image/x-icon" href="https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/1683040972343-BUOR5KEUDV74MKJHEA5I/favicon.ico?format=100w"/> <link rel="canonical" href="https://oharasson.com"/> <meta property="og:site_name" content="O'Hara's Son Roofing Company"/> <meta property="og:title" content="O&#39;Hara&#39;s Son Roofing Company"/> <meta property="og:url" content="https://oharasson.com"/> <meta property="og:type" content="website"/> <meta property="og:image" content="http://static1.squarespace.com/static/64512ab80c2bf831895cd0de/t/64512abf0c2bf831895cd1b4/1630440202434/Tewksbury%2C+MA_Project+River_2.JPG?format=1500w"/> <meta property="og:image:width" content="1500"/> <meta property="og:image:height" content="1125"/> <meta itemprop="name" content="O'Hara's Son Roofing Company"/> <meta itemprop="url" content="https://oharasson.com"/> <meta itemprop="thumbnailUrl" content="http://static1.squarespace.com/static/64512ab80c2bf831895cd0de/t/64512abf0c2bf831895cd1b4/1630440202434/Tewksbury%2C+MA_Project+River_2.JPG?format=1500w"/> <link rel="image_src" href="http://static1.squarespace.com/static/64512ab80c2bf831895cd0de/t/64512abf0c2bf831895cd1b4/1630440202434/Tewksbury%2C+MA_Project+River_2.JPG?format=1500w" /> <meta itemprop="image" content="http://static1.squarespace.com/static/64512ab80c2bf831895cd0de/t/64512abf0c2bf831895cd1b4/1630440202434/Tewksbury%2C+MA_Project+River_2.JPG?format=1500w"/> <meta name="twitter:title" content="O'Hara's Son Roofing Company"/> <meta name="twitter:image" content="http://static1.squarespace.com/static/64512ab80c2bf831895cd0de/t/64512abf0c2bf831895cd1b4/1630440202434/Tewksbury%2C+MA_Project+River_2.JPG?format=1500w"/> <meta name="twitter:url" content="https://oharasson.com"/> <meta name="twitter:card" content="summary"/> <meta name="description" content="" /> <link rel="preconnect" href="https://images.squarespace-cdn.com"> <script type="text/javascript" src="//use.typekit.net/ik/eM29Af4f-LHiI57c_pGQUbLcpS4W14bxCt250XnPVEJfeGwIfFHN4UJLFRbh52jhWDjXFQIkjAJtwewkjcjtwDIt5QmRZ2gqZs75MkG0jAFu-WsoShFGZAsude80ZkoRdhXCHKoyjamTiY8Djhy8ZYmC-Ao1Oco8if37OcBDOcu8OfG0SeNTd1bljhyTjhl8dKu7p26XO1FUiABkZWF3jAF8OcFzdP37O1FUiABkZWF3jAF8ShFGZAsude80ZkoRdhXCjAFu-WsoShFGZAsude80ZkoRdhXCjAFu-WsoShFGZAsude80Zko0ZWbCjWw0dA9CdeNRjAUGdaFXOeNGjW4ySaFzdKoRdhXCSeNTd1bljhyTjhl8dKu7p26XO1FUiABkZWF3jAF8OcFzdPUDSWmyScmDSeBRZWFR-emqiAUTdcS0jhNlOYiaikoyjamTiY8Djhy8ZYmC-Ao1OcFzdPUaiaS0jAFu-WsoShFGZAsude80Zko0ZWbCiaiaOcBDOcu8OYiaikoz-eBkjWFDdht0jhNlOYiaiko3dh80ifuR-e8R-hm0OATt52b0SaBujW48Sagyjh90jhNlOYiaikoDSWmyScmDSeBRZWFR-emqiAUTdcS0jhNlJ6uy-asTiKu1ScNXZWFnH6qJXeXbMg6IJMJ7fbRAdsMMeM96MKG4fF4lIMMjgkMfH6qJXAXbMg65JMJ7fbRQdsMMegI6MTMg8JOdTbj.js"></script> <script type="text/javascript">try{Typekit.load();}catch(e){}</script> <script type="text/javascript" crossorigin="anonymous" defer="defer" nomodule="nomodule" src="//assets.squarespace.com/@sqs/polyfiller/1.6/legacy.js"></script> <script type="text/javascript" crossorigin="anonymous" defer="defer" src="//assets.squarespace.com/@sqs/polyfiller/1.6/modern.js"></script> <script type="text/javascript">SQUARESPACE_ROLLUPS = {};</script> <script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/extract-css-runtime-cfefd327a0184b71767e-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-extract_css_runtime');</script> <script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/extract-css-runtime-cfefd327a0184b71767e-min.en-US.js" defer ></script><script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/extract-css-moment-js-vendor-6c569122bfa66a51a056-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-extract_css_moment_js_vendor');</script> <script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/extract-css-moment-js-vendor-6c569122bfa66a51a056-min.en-US.js" defer ></script><script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/cldr-resource-pack-32136deb9638cc6130b2-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-cldr_resource_pack');</script> <script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/cldr-resource-pack-32136deb9638cc6130b2-min.en-US.js" defer ></script><script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/common-vendors-stable-61293f01d648eef165fc-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-common_vendors_stable');</script> <script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/common-vendors-stable-61293f01d648eef165fc-min.en-US.js" defer ></script><script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/common-vendors-be0091dc488b10891ed6-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-common_vendors');</script> <script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/common-vendors-be0091dc488b10891ed6-min.en-US.js" defer ></script><script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/common-8997c7beea8215f3454c-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-common');</script> <script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/common-8997c7beea8215f3454c-min.en-US.js" defer ></script><script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/performance-d9f618c1beaea97b6499-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-performance');</script> <script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/performance-d9f618c1beaea97b6499-min.en-US.js" defer ></script><script data-name="static-context">Static = window.Static || {}; Static.SQUARESPACE_CONTEXT = {"betaFeatureFlags":["commerce_clearpay","hideable_header_footer","pages_panel_v3_search_bar","fluid_engine_clean_up_grid_contextual_change","hideable_header_footer_for_videos","campaigns_global_uc_ab","i18n_beta_website_locales","gdpr_cookie_banner","is_feature_gate_refresh_enabled","themes","campaigns_thumbnail_layout","hideable_header_footer_for_courses","contacts_and_campaigns_redesign","member_areas_feature","scripts_defer","supports_versioned_template_assets","accounting_orders_sync","unify_edit_mode_p2","campaigns_new_image_layout_picker","fluid_engine","campaigns_discount_section_in_blasts","override_block_styles","marketing_landing_page","nested_categories_migration_enabled","campaigns_discount_section_in_automations","hide_header_footer_beta","campaigns_black_friday_banners","visitor_react_forms","new_stacked_index","campaigns_import_discounts","commerce_site_visitor_metrics","blueprint_content_replacement","collection_typename_switching","enable_css_variable_tweaks","hideable_header_footer_for_memberareas","toggle_preview_new_shortcut","nested_categories"],"videoAssetsFeatureFlags":["mux-data-video-collection","mux-data-course-collection"],"facebookAppId":"314192535267336","facebookApiVersion":"v6.0","rollups":{"squarespace-announcement-bar":{"js":"//assets.squarespace.com/universal/scripts-compressed/announcement-bar-abc247145d9c909b7ca1-min.en-US.js"},"squarespace-audio-player":{"css":"//assets.squarespace.com/universal/styles-compressed/audio-player-ef238f99d44a3bdc6fbe-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/audio-player-7b2d6f5ce8ae62cf892f-min.en-US.js"},"squarespace-blog-collection-list":{"css":"//assets.squarespace.com/universal/styles-compressed/blog-collection-list-8ec841cacfb75d4282f4-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/blog-collection-list-44fda292525bdeb0ee8a-min.en-US.js"},"squarespace-calendar-block-renderer":{"css":"//assets.squarespace.com/universal/styles-compressed/calendar-block-renderer-b15e2d46a617c8add4b4-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/calendar-block-renderer-ba9e797b1c6edb9a3bac-min.en-US.js"},"squarespace-chartjs-helpers":{"css":"//assets.squarespace.com/universal/styles-compressed/chartjs-helpers-9e75b5d75bb5cb4c1f67-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/chartjs-helpers-6f4b03f58cff68354645-min.en-US.js"},"squarespace-comments":{"css":"//assets.squarespace.com/universal/styles-compressed/comments-a0d9356d7c1596ab2c53-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/comments-80a567d7afca7ea1dbfe-min.en-US.js"},"squarespace-custom-css-popup":{"css":"//assets.squarespace.com/universal/styles-compressed/custom-css-popup-d6e0f953c836d9289b10-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/custom-css-popup-e2cb25f18b44030af57f-min.en-US.js"},"squarespace-dialog":{"css":"//assets.squarespace.com/universal/styles-compressed/dialog-2dcac307baebe70727dc-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/dialog-dbb8daeadaf90e62b274-min.en-US.js"},"squarespace-events-collection":{"css":"//assets.squarespace.com/universal/styles-compressed/events-collection-b15e2d46a617c8add4b4-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/events-collection-297bf44c7cd0c7f15d78-min.en-US.js"},"squarespace-form-rendering-utils":{"js":"//assets.squarespace.com/universal/scripts-compressed/form-rendering-utils-a92219a77cf6d4679390-min.en-US.js"},"squarespace-forms":{"css":"//assets.squarespace.com/universal/styles-compressed/forms-b952cddb94c5d471b8d3-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/forms-49fd9d5237aa589917dd-min.en-US.js"},"squarespace-gallery-collection-list":{"css":"//assets.squarespace.com/universal/styles-compressed/gallery-collection-list-8ec841cacfb75d4282f4-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/gallery-collection-list-dabc951e1bbbe8467525-min.en-US.js"},"squarespace-image-zoom":{"css":"//assets.squarespace.com/universal/styles-compressed/image-zoom-8ec841cacfb75d4282f4-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/image-zoom-485cb3cf26fda8199e47-min.en-US.js"},"squarespace-pinterest":{"css":"//assets.squarespace.com/universal/styles-compressed/pinterest-8ec841cacfb75d4282f4-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/pinterest-7ad9f70c56d9c6b0ae65-min.en-US.js"},"squarespace-popup-overlay":{"css":"//assets.squarespace.com/universal/styles-compressed/popup-overlay-e89b4cc96c222ed66c64-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/popup-overlay-ece7db5c4bfceb54a50a-min.en-US.js"},"squarespace-product-quick-view":{"css":"//assets.squarespace.com/universal/styles-compressed/product-quick-view-2f87c3dcb76ca485179d-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/product-quick-view-3c6b64e906196e37ee93-min.en-US.js"},"squarespace-products-collection-item-v2":{"css":"//assets.squarespace.com/universal/styles-compressed/products-collection-item-v2-8ec841cacfb75d4282f4-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/products-collection-item-v2-1ed64b36a5caefb0bf3d-min.en-US.js"},"squarespace-products-collection-list-v2":{"css":"//assets.squarespace.com/universal/styles-compressed/products-collection-list-v2-8ec841cacfb75d4282f4-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/products-collection-list-v2-91090125416a47e4fecb-min.en-US.js"},"squarespace-search-page":{"css":"//assets.squarespace.com/universal/styles-compressed/search-page-917382e71b023cec7555-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/search-page-9f4098985bf13af25db5-min.en-US.js"},"squarespace-search-preview":{"js":"//assets.squarespace.com/universal/scripts-compressed/search-preview-4e7434a694d83d8766a0-min.en-US.js"},"squarespace-simple-liking":{"css":"//assets.squarespace.com/universal/styles-compressed/simple-liking-4279cc7bb78333b8db43-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/simple-liking-f5b368f59d68ab9f9480-min.en-US.js"},"squarespace-social-buttons":{"css":"//assets.squarespace.com/universal/styles-compressed/social-buttons-3a7d186e7e5e3b30911b-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/social-buttons-b71ef5af6c65212fb342-min.en-US.js"},"squarespace-tourdates":{"css":"//assets.squarespace.com/universal/styles-compressed/tourdates-8ec841cacfb75d4282f4-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/tourdates-22e5cff21f07efe64af0-min.en-US.js"},"squarespace-website-overlays-manager":{"css":"//assets.squarespace.com/universal/styles-compressed/website-overlays-manager-efd3c12d460f58781eb3-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/website-overlays-manager-db7ec709521a62f0b755-min.en-US.js"}},"pageType":1,"website":{"id":"64512ab80c2bf831895cd0de","identifier":"point-chicken-jx84","websiteType":1,"contentModifiedOn":1713908070108,"cloneable":false,"hasBeenCloneable":false,"siteStatus":{},"language":"en-US","timeZone":"America/Chicago","machineTimeZoneOffset":-21600000,"timeZoneOffset":-21600000,"timeZoneAbbr":"CST","siteTitle":"O'Hara's Son Roofing Company","fullSiteTitle":"O'Hara's Son Roofing Company","siteDescription":"","logoImageId":"64512aca0c2bf831895cd2e9","shareButtonOptions":{"8":true,"6":true,"1":true,"4":true,"3":true,"2":true,"7":true},"logoImageUrl":"//images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/1683040970803-2AOBTAPN8CJ526ZCT5DS/OSR_logo_web_large.jpg","authenticUrl":"https://oharasson.com","internalUrl":"https://point-chicken-jx84.squarespace.com","baseUrl":"https://oharasson.com","primaryDomain":"oharasson.com","sslSetting":3,"isHstsEnabled":true,"socialAccounts":[{"serviceId":64,"screenname":"Instagram","addedOn":1683920659900,"profileUrl":"https://www.instagram.com/oharasson/?hl=en","iconEnabled":true,"serviceName":"instagram-unauth"},{"serviceId":65,"screenname":"LinkedIn","addedOn":1683920671469,"profileUrl":"https://www.linkedin.com/company/o&#39;hara&#39;s-son-roofing-company/","iconEnabled":true,"serviceName":"linkedin-unauth"},{"serviceId":60,"screenname":"Facebook","addedOn":1683920687587,"profileUrl":"https://www.facebook.com/Oharasson","iconEnabled":true,"serviceName":"facebook-unauth"}],"typekitId":"","statsMigrated":false,"imageMetadataProcessingEnabled":false,"screenshotId":"90066728e56d51a587757264428a2925f9185d41c7573ad8d906191d337d9a77","captchaSettings":{"enabledForDonations":false},"showOwnerLogin":false},"websiteSettings":{"id":"64512ab80c2bf831895cd0e1","websiteId":"64512ab80c2bf831895cd0de","subjects":[],"country":"US","state":"IL","simpleLikingEnabled":true,"mobileInfoBarSettings":{"isContactEmailEnabled":false,"isContactPhoneNumberEnabled":false,"isLocationEnabled":false,"isBusinessHoursEnabled":false},"commentLikesAllowed":true,"commentAnonAllowed":true,"commentThreaded":true,"commentApprovalRequired":false,"commentAvatarsOn":true,"commentSortType":2,"commentFlagThreshold":0,"commentFlagsAllowed":true,"commentEnableByDefault":true,"commentDisableAfterDaysDefault":0,"disqusShortname":"","commentsEnabled":false,"storeSettings":{"returnPolicy":null,"termsOfService":null,"privacyPolicy":null,"expressCheckout":false,"continueShoppingLinkUrl":"/","useLightCart":false,"showNoteField":false,"shippingCountryDefaultValue":"US","billToShippingDefaultValue":false,"showShippingPhoneNumber":true,"isShippingPhoneRequired":false,"showBillingPhoneNumber":true,"isBillingPhoneRequired":false,"currenciesSupported":["USD","CAD","GBP","AUD","EUR","CHF","NOK","SEK","DKK","NZD","SGD","MXN","HKD","CZK","ILS","MYR","RUB","PHP","PLN","THB","BRL","ARS","COP","IDR","INR","JPY","ZAR"],"defaultCurrency":"USD","selectedCurrency":"USD","measurementStandard":1,"showCustomCheckoutForm":false,"checkoutPageMarketingOptInEnabled":true,"enableMailingListOptInByDefault":false,"sameAsRetailLocation":false,"merchandisingSettings":{"scarcityEnabledOnProductItems":false,"scarcityEnabledOnProductBlocks":false,"scarcityMessageType":"DEFAULT_SCARCITY_MESSAGE","scarcityThreshold":10,"multipleQuantityAllowedForServices":true,"restockNotificationsEnabled":false,"restockNotificationsSuccessText":"","restockNotificationsMailingListSignUpEnabled":false,"relatedProductsEnabled":false,"relatedProductsOrdering":"random","soldOutVariantsDropdownDisabled":false,"productComposerOptedIn":false,"productComposerABTestOptedOut":false,"productReviewsEnabled":false},"minimumOrderSubtotalEnabled":false,"minimumOrderSubtotal":{"currency":"USD","value":"0.00"},"isLive":false,"multipleQuantityAllowedForServices":true},"useEscapeKeyToLogin":false,"ssBadgeType":1,"ssBadgePosition":4,"ssBadgeVisibility":1,"ssBadgeDevices":1,"pinterestOverlayOptions":{"mode":"disabled"},"ampEnabled":false,"userAccountsSettings":{"loginAllowed":false,"signupAllowed":false}},"cookieSettings":{"isCookieBannerEnabled":false,"isRestrictiveCookiePolicyEnabled":false,"cookieBannerText":"","cookieBannerTheme":"","cookieBannerVariant":"","cookieBannerPosition":"","cookieBannerCtaVariant":"","cookieBannerCtaText":"","cookieBannerAcceptType":"OPT_IN","cookieBannerOptOutCtaText":"","cookieBannerHasOptOut":false,"cookieBannerHasManageCookies":true,"cookieBannerManageCookiesLabel":"","cookieBannerSavedPreferencesText":"","cookieBannerSavedPreferencesLayout":"PILL"},"websiteCloneable":false,"collection":{"title":"Home","id":"64512abf0c2bf831895cd1ca","fullUrl":"/","type":23,"permissionType":1},"subscribed":false,"appDomain":"squarespace.com","templateTweakable":true,"tweakJSON":{"form-use-theme-colors":"false","header-logo-height":"149px","header-mobile-logo-max-height":"50px","header-vert-padding":"2.2vw","header-width":"Full","maxPageWidth":"1500px","pagePadding":"3vw","tweak-blog-alternating-side-by-side-image-aspect-ratio":"1:1 Square","tweak-blog-alternating-side-by-side-image-spacing":"6%","tweak-blog-alternating-side-by-side-meta-spacing":"20px","tweak-blog-alternating-side-by-side-primary-meta":"Categories","tweak-blog-alternating-side-by-side-read-more-spacing":"20px","tweak-blog-alternating-side-by-side-secondary-meta":"Date","tweak-blog-basic-grid-columns":"2","tweak-blog-basic-grid-image-aspect-ratio":"3:2 Standard","tweak-blog-basic-grid-image-spacing":"50px","tweak-blog-basic-grid-meta-spacing":"37px","tweak-blog-basic-grid-primary-meta":"Categories","tweak-blog-basic-grid-read-more-spacing":"37px","tweak-blog-basic-grid-secondary-meta":"Date","tweak-blog-item-custom-width":"75","tweak-blog-item-show-author-profile":"true","tweak-blog-item-width":"Medium","tweak-blog-masonry-columns":"2","tweak-blog-masonry-horizontal-spacing":"30px","tweak-blog-masonry-image-spacing":"20px","tweak-blog-masonry-meta-spacing":"20px","tweak-blog-masonry-primary-meta":"Categories","tweak-blog-masonry-read-more-spacing":"20px","tweak-blog-masonry-secondary-meta":"Date","tweak-blog-masonry-vertical-spacing":"30px","tweak-blog-side-by-side-image-aspect-ratio":"1:1 Square","tweak-blog-side-by-side-image-spacing":"6%","tweak-blog-side-by-side-meta-spacing":"20px","tweak-blog-side-by-side-primary-meta":"Categories","tweak-blog-side-by-side-read-more-spacing":"20px","tweak-blog-side-by-side-secondary-meta":"Date","tweak-blog-single-column-image-spacing":"50px","tweak-blog-single-column-meta-spacing":"30px","tweak-blog-single-column-primary-meta":"Categories","tweak-blog-single-column-read-more-spacing":"30px","tweak-blog-single-column-secondary-meta":"Date","tweak-events-stacked-show-thumbnails":"true","tweak-events-stacked-thumbnail-size":"3:2 Standard","tweak-fixed-header":"true","tweak-fixed-header-style":"Scroll Back","tweak-global-animations-animation-curve":"ease","tweak-global-animations-animation-delay":"0.6s","tweak-global-animations-animation-duration":"0.60s","tweak-global-animations-animation-style":"fade","tweak-global-animations-animation-type":"slide","tweak-global-animations-complexity-level":"detailed","tweak-global-animations-enabled":"true","tweak-portfolio-grid-basic-custom-height":"10","tweak-portfolio-grid-overlay-custom-height":"20","tweak-portfolio-hover-follow-acceleration":"10%","tweak-portfolio-hover-follow-animation-duration":"Medium","tweak-portfolio-hover-follow-animation-type":"Fade","tweak-portfolio-hover-follow-delimiter":"Forward Slash","tweak-portfolio-hover-follow-front":"false","tweak-portfolio-hover-follow-layout":"Inline","tweak-portfolio-hover-follow-size":"75","tweak-portfolio-hover-follow-text-spacing-x":"1.5","tweak-portfolio-hover-follow-text-spacing-y":"1.5","tweak-portfolio-hover-static-animation-duration":"Medium","tweak-portfolio-hover-static-animation-type":"Scale Up","tweak-portfolio-hover-static-delimiter":"Forward Slash","tweak-portfolio-hover-static-front":"false","tweak-portfolio-hover-static-layout":"Stacked","tweak-portfolio-hover-static-size":"75","tweak-portfolio-hover-static-text-spacing-x":"1.5","tweak-portfolio-hover-static-text-spacing-y":"1.5","tweak-portfolio-index-background-animation-duration":"Medium","tweak-portfolio-index-background-animation-type":"Fade","tweak-portfolio-index-background-custom-height":"50","tweak-portfolio-index-background-delimiter":"None","tweak-portfolio-index-background-height":"Large","tweak-portfolio-index-background-horizontal-alignment":"Center","tweak-portfolio-index-background-link-format":"Stacked","tweak-portfolio-index-background-persist":"false","tweak-portfolio-index-background-vertical-alignment":"Middle","tweak-portfolio-index-background-width":"Full","tweak-product-basic-item-click-action":"None","tweak-product-basic-item-gallery-aspect-ratio":"3:4 Three-Four (Vertical)","tweak-product-basic-item-gallery-design":"Slideshow","tweak-product-basic-item-gallery-width":"50%","tweak-product-basic-item-hover-action":"None","tweak-product-basic-item-image-spacing":"2vw","tweak-product-basic-item-image-zoom-factor":"2","tweak-product-basic-item-product-variant-display":"Dropdown","tweak-product-basic-item-thumbnail-placement":"Side","tweak-product-basic-item-variant-picker-layout":"Dropdowns","tweak-products-add-to-cart-button":"false","tweak-products-columns":"2","tweak-products-gutter-column":"2vw","tweak-products-gutter-row":"2vw","tweak-products-header-text-alignment":"Middle","tweak-products-image-aspect-ratio":"1:1 Square","tweak-products-image-text-spacing":"0.5vw","tweak-products-mobile-columns":"1","tweak-products-text-alignment":"Left","tweak-products-width":"Full","tweak-transparent-header":"false"},"templateId":"5c5a519771c10ba3470d8101","templateVersion":"7.1","pageFeatures":[1,2,4],"gmRenderKey":"QUl6YVN5Q0JUUk9xNkx1dkZfSUUxcjQ2LVQ0QWVUU1YtMGQ3bXk4","templateScriptsRootUrl":"https://static1.squarespace.com/static/vta/5c5a519771c10ba3470d8101/scripts/","impersonatedSession":false,"tzData":{"zones":[[-360,"US","C%sT",null]],"rules":{"US":[[1967,2006,null,"Oct","lastSun","2:00","0","S"],[1987,2006,null,"Apr","Sun>=1","2:00","1:00","D"],[2007,"max",null,"Mar","Sun>=8","2:00","1:00","D"],[2007,"max",null,"Nov","Sun>=1","2:00","0","S"]]}},"showAnnouncementBar":false,"recaptchaEnterpriseContext":{"recaptchaEnterpriseSiteKey":"6LdDFQwjAAAAAPigEvvPgEVbb7QBm-TkVJdDTlAv"},"i18nContext":{"timeZoneData":{"id":"America/Chicago","name":"Central Time"}},"env":"PRODUCTION"};</script><script type="application/ld+json">{"url":"https://oharasson.com","name":"O'Hara's Son Roofing Company","description":"","image":"//images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/1683040970803-2AOBTAPN8CJ526ZCT5DS/OSR_logo_web_large.jpg","@context":"http://schema.org","@type":"WebSite"}</script><link rel="stylesheet" type="text/css" href="https://static1.squarespace.com/static/versioned-site-css/64512ab80c2bf831895cd0de/38/5c5a519771c10ba3470d8101/64512ab90c2bf831895cd0e6/1585/site.css"/><!-- Auto Scroll Layout Sections from Will-Myers.com --> <script> (function(){ let playInBackend = true, timing = 5, section = '', direction = 1; //1 = forwards, 0 = backwards /*Do not Adjust below this line*/ function AutoScrollLayout(e){e=""==e?document.querySelector(".user-items-list-section"):document.querySelector(e);let t,n,o,i,c,r=!1,s=e.querySelectorAll('button[class*="__arrow-button"]');function d(){t=setInterval(u,n)}function u(){o=document.querySelector("body.sqs-edit-mode-active"),i=document.querySelector(".sqs-modal-lightbox-open"),r||o||i||!c||s[direction].click()}n=1e3*timing;if(document.addEventListener("visibilitychange",function(){r=!!document.hidden}),["mousedown","touchstart"].forEach(t=>{e.addEventListener(t,function(){r=!0})}),["mouseup","touchend"].forEach(n=>{e.addEventListener(n,function(){r=!1,clearInterval(t),d()})}),window.IntersectionObserver){new IntersectionObserver((e,t)=>{e.forEach(e=>{c=!!e.isIntersecting})},{rootMargin:"-75px 0px -75px 0px"}).observe(e)}s[direction]&&d()}window.addEventListener("load",function(){let e=new Array;e.push(section),section.includes(",")&&(e=section.split(",")),e.forEach(e=>{(window.top==window.self||window.top!==window.self&&playInBackend)&&new AutoScrollLayout(e)})}); }()); </script><script>Static.COOKIE_BANNER_CAPABLE = true;</script> <!-- End of Squarespace Headers --> <link rel="stylesheet" type="text/css" href="https://static1.squarespace.com/static/vta/5c5a519771c10ba3470d8101/versioned-assets/1728407958569-DI71YIND73BBQN7RBZCZ/static.css"> </head> <body id="collection-64512abf0c2bf831895cd1ca" class=" primary-button-style-solid primary-button-shape-rounded secondary-button-style-solid secondary-button-shape-rounded tertiary-button-style-solid tertiary-button-shape-rounded form-field-style-solid form-field-shape-square form-field-border-all form-field-checkbox-type-icon form-field-checkbox-fill-solid form-field-checkbox-color-inverted form-field-checkbox-shape-square form-field-checkbox-layout-stack form-field-radio-type-icon form-field-radio-fill-solid form-field-radio-color-normal form-field-radio-shape-pill form-field-radio-layout-stack form-field-survey-fill-solid form-field-survey-color-normal form-field-survey-shape-pill form-field-hover-focus-outline form-submit-button-style-label header-overlay-alignment-center header-width-full tweak-fixed-header tweak-fixed-header-style-scroll-back tweak-blog-alternating-side-by-side-width-full tweak-blog-alternating-side-by-side-image-aspect-ratio-11-square tweak-blog-alternating-side-by-side-text-alignment-left tweak-blog-alternating-side-by-side-read-more-style-show tweak-blog-alternating-side-by-side-image-text-alignment-middle tweak-blog-alternating-side-by-side-delimiter-bullet tweak-blog-alternating-side-by-side-meta-position-top tweak-blog-alternating-side-by-side-primary-meta-categories tweak-blog-alternating-side-by-side-secondary-meta-date tweak-blog-alternating-side-by-side-excerpt-show tweak-blog-basic-grid-width-full tweak-blog-basic-grid-image-aspect-ratio-32-standard tweak-blog-basic-grid-text-alignment-left tweak-blog-basic-grid-delimiter-bullet tweak-blog-basic-grid-image-placement-above tweak-blog-basic-grid-read-more-style-show tweak-blog-basic-grid-primary-meta-categories tweak-blog-basic-grid-secondary-meta-date tweak-blog-basic-grid-excerpt-show tweak-blog-item-width-medium tweak-blog-item-text-alignment-left tweak-blog-item-meta-position-above-title tweak-blog-item-show-categories tweak-blog-item-show-date tweak-blog-item-show-author-name tweak-blog-item-show-author-profile tweak-blog-item-delimiter-bullet tweak-blog-masonry-width-full tweak-blog-masonry-text-alignment-left tweak-blog-masonry-primary-meta-categories tweak-blog-masonry-secondary-meta-date tweak-blog-masonry-meta-position-top tweak-blog-masonry-read-more-style-show tweak-blog-masonry-delimiter-space tweak-blog-masonry-image-placement-above tweak-blog-masonry-excerpt-show tweak-blog-side-by-side-width-full tweak-blog-side-by-side-image-placement-left tweak-blog-side-by-side-image-aspect-ratio-11-square tweak-blog-side-by-side-primary-meta-categories tweak-blog-side-by-side-secondary-meta-date tweak-blog-side-by-side-meta-position-top tweak-blog-side-by-side-text-alignment-left tweak-blog-side-by-side-image-text-alignment-middle tweak-blog-side-by-side-read-more-style-show tweak-blog-side-by-side-delimiter-bullet tweak-blog-side-by-side-excerpt-show tweak-blog-single-column-width-full tweak-blog-single-column-text-alignment-center tweak-blog-single-column-image-placement-above tweak-blog-single-column-delimiter-bullet tweak-blog-single-column-read-more-style-show tweak-blog-single-column-primary-meta-categories tweak-blog-single-column-secondary-meta-date tweak-blog-single-column-meta-position-top tweak-blog-single-column-content-full-post tweak-events-stacked-width-full tweak-events-stacked-height-large tweak-events-stacked-show-thumbnails tweak-events-stacked-thumbnail-size-32-standard tweak-events-stacked-date-style-with-text tweak-events-stacked-show-time tweak-events-stacked-show-location tweak-events-stacked-show-excerpt tweak-global-animations-enabled tweak-global-animations-complexity-level-detailed tweak-global-animations-animation-style-fade tweak-global-animations-animation-type-slide tweak-global-animations-animation-curve-ease tweak-portfolio-grid-basic-width-inset tweak-portfolio-grid-basic-height-custom tweak-portfolio-grid-basic-image-aspect-ratio-43-four-three tweak-portfolio-grid-basic-text-alignment-left tweak-portfolio-grid-basic-hover-effect-fade tweak-portfolio-grid-overlay-width-full tweak-portfolio-grid-overlay-height-small tweak-portfolio-grid-overlay-image-aspect-ratio-43-four-three tweak-portfolio-grid-overlay-text-placement-center tweak-portfolio-grid-overlay-show-text-after-hover tweak-portfolio-index-background-link-format-stacked tweak-portfolio-index-background-width-full tweak-portfolio-index-background-height-large tweak-portfolio-index-background-vertical-alignment-middle tweak-portfolio-index-background-horizontal-alignment-center tweak-portfolio-index-background-delimiter-none tweak-portfolio-index-background-animation-type-fade tweak-portfolio-index-background-animation-duration-medium tweak-portfolio-hover-follow-layout-inline tweak-portfolio-hover-follow-delimiter-forward-slash tweak-portfolio-hover-follow-animation-type-fade tweak-portfolio-hover-follow-animation-duration-medium tweak-portfolio-hover-static-layout-stacked tweak-portfolio-hover-static-delimiter-forward-slash tweak-portfolio-hover-static-animation-type-scale-up tweak-portfolio-hover-static-animation-duration-medium tweak-product-basic-item-product-variant-display-dropdown tweak-product-basic-item-product-subscription-display-radio tweak-product-basic-item-product-subscription-border-shape-square tweak-product-basic-item-width-full tweak-product-basic-item-gallery-aspect-ratio-34-three-four-vertical tweak-product-basic-item-text-alignment-left tweak-product-basic-item-navigation-breadcrumbs tweak-product-basic-item-description-position-below-price tweak-product-basic-item-description-position-mobile-below-add-to-cart-button tweak-product-basic-item-content-alignment-top tweak-product-basic-item-gallery-design-slideshow tweak-product-basic-item-gallery-placement-left tweak-product-basic-item-thumbnail-placement-side tweak-product-basic-item-click-action-none tweak-product-basic-item-hover-action-none tweak-product-basic-item-variant-picker-layout-dropdowns tweak-product-basic-item-add-to-cart-standalone tweak-product-basic-item-add-to-cart-mobile-standalone tweak-products-width-full tweak-products-image-aspect-ratio-11-square tweak-products-text-alignment-left tweak-products-price-show tweak-products-nested-category-type-top tweak-products-category-title tweak-products-header-text-alignment-middle tweak-products-breadcrumbs image-block-poster-text-alignment-left image-block-card-content-position-center image-block-card-text-alignment-left image-block-overlap-content-position-center image-block-overlap-text-alignment-left image-block-collage-content-position-center image-block-collage-text-alignment-left image-block-stack-text-alignment-left hide-opentable-icons opentable-style-dark tweak-product-quick-view-button-style-floating tweak-product-quick-view-button-position-bottom tweak-product-quick-view-lightbox-excerpt-display-truncate tweak-product-quick-view-lightbox-show-arrows tweak-product-quick-view-lightbox-show-close-button tweak-product-quick-view-lightbox-controls-weight-light native-currency-code-usd collection-layout-default collection-64512abf0c2bf831895cd1ca homepage view-list mobile-style-available sqs-seven-one " tabindex="-1" > <div id="siteWrapper" class="clearfix site-wrapper" > <div id="floatingCart" class="floating-cart hidden"> <a href="/cart" class="icon icon--stroke icon--fill icon--cart sqs-custom-cart"> <span class="Cart-inner"> <svg class="icon icon--cart" width="61" height="49" viewBox="0 0 61 49"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.5 2C0.5 1.17157 1.17157 0.5 2 0.5H13.6362C14.3878 0.5 15.0234 1.05632 15.123 1.80135L16.431 11.5916H59C59.5122 11.5916 59.989 11.8529 60.2645 12.2847C60.54 12.7165 60.5762 13.2591 60.3604 13.7236L50.182 35.632C49.9361 36.1614 49.4054 36.5 48.8217 36.5H18.0453C17.2937 36.5 16.6581 35.9437 16.5585 35.1987L12.3233 3.5H2C1.17157 3.5 0.5 2.82843 0.5 2ZM16.8319 14.5916L19.3582 33.5H47.8646L56.6491 14.5916H16.8319Z" /> <path d="M18.589 35H49.7083L60 13H16L18.589 35Z" /> <path d="M21 49C23.2091 49 25 47.2091 25 45C25 42.7909 23.2091 41 21 41C18.7909 41 17 42.7909 17 45C17 47.2091 18.7909 49 21 49Z" /> <path d="M45 49C47.2091 49 49 47.2091 49 45C49 42.7909 47.2091 41 45 41C42.7909 41 41 42.7909 41 45C41 47.2091 42.7909 49 45 49Z" /> </svg> <div class="legacy-cart icon-cart-quantity"> <span class="sqs-cart-quantity">0</span> </div> </span> </a> </div> <header data-test="header" id="header" class=" white header theme-col--primary " data-section-theme="white" data-controller="Header" data-current-styles="{ &quot;layout&quot;: &quot;navRight&quot;, &quot;action&quot;: { &quot;href&quot;: &quot;/contact&quot;, &quot;buttonText&quot;: &quot;Contact Us&quot;, &quot;newWindow&quot;: false }, &quot;showSocial&quot;: true, &quot;socialOptions&quot;: { &quot;socialBorderShape&quot;: &quot;none&quot;, &quot;socialBorderStyle&quot;: &quot;outline&quot;, &quot;socialBorderThickness&quot;: { &quot;unit&quot;: &quot;px&quot;, &quot;value&quot;: 1.0 } }, &quot;sectionTheme&quot;: &quot;white&quot;, &quot;menuOverlayAnimation&quot;: &quot;fade&quot;, &quot;cartStyle&quot;: &quot;cart&quot;, &quot;cartText&quot;: &quot;Cart&quot;, &quot;showEmptyCartState&quot;: true, &quot;cartOptions&quot;: { &quot;iconType&quot;: &quot;solid-7&quot;, &quot;cartBorderShape&quot;: &quot;none&quot;, &quot;cartBorderStyle&quot;: &quot;outline&quot;, &quot;cartBorderThickness&quot;: { &quot;unit&quot;: &quot;px&quot;, &quot;value&quot;: 1.0 } }, &quot;showButton&quot;: true, &quot;showCart&quot;: false, &quot;showAccountLogin&quot;: false, &quot;headerStyle&quot;: &quot;theme&quot;, &quot;languagePicker&quot;: { &quot;enabled&quot;: false, &quot;iconEnabled&quot;: false, &quot;iconType&quot;: &quot;globe&quot;, &quot;flagShape&quot;: &quot;shiny&quot;, &quot;languageFlags&quot;: [ ] }, &quot;mobileOptions&quot;: { &quot;layout&quot;: &quot;logoLeftNavRight&quot;, &quot;menuIcon&quot;: &quot;doubleLineHamburger&quot;, &quot;menuIconOptions&quot;: { &quot;style&quot;: &quot;doubleLineHamburger&quot;, &quot;thickness&quot;: { &quot;unit&quot;: &quot;px&quot;, &quot;value&quot;: 1.0 } } }, &quot;dynamicOptions&quot;: { &quot;border&quot;: { &quot;enabled&quot;: false, &quot;position&quot;: &quot;allSides&quot;, &quot;thickness&quot;: { &quot;unit&quot;: &quot;px&quot;, &quot;value&quot;: 4.0 }, &quot;color&quot;: { &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;, &quot;sitePaletteColor&quot;: { &quot;colorName&quot;: &quot;black&quot;, &quot;alphaModifier&quot;: 1.0 } } } }, &quot;solidOptions&quot;: { &quot;headerOpacity&quot;: { &quot;unit&quot;: &quot;%&quot;, &quot;value&quot;: 100.0 }, &quot;border&quot;: { &quot;enabled&quot;: false, &quot;position&quot;: &quot;allSides&quot;, &quot;thickness&quot;: { &quot;unit&quot;: &quot;px&quot;, &quot;value&quot;: 4.0 }, &quot;color&quot;: { &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;, &quot;sitePaletteColor&quot;: { &quot;colorName&quot;: &quot;black&quot;, &quot;alphaModifier&quot;: 1.0 } } }, &quot;dropShadow&quot;: { &quot;enabled&quot;: false, &quot;blur&quot;: { &quot;unit&quot;: &quot;px&quot;, &quot;value&quot;: 30.0 }, &quot;spread&quot;: { &quot;unit&quot;: &quot;px&quot;, &quot;value&quot;: 0.0 }, &quot;distance&quot;: { &quot;unit&quot;: &quot;px&quot;, &quot;value&quot;: 0.0 }, &quot;color&quot;: { &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;, &quot;sitePaletteColor&quot;: { &quot;colorName&quot;: &quot;black&quot;, &quot;alphaModifier&quot;: 1.0 } } }, &quot;blurBackground&quot;: { &quot;enabled&quot;: false, &quot;blurRadius&quot;: { &quot;unit&quot;: &quot;px&quot;, &quot;value&quot;: 12.0 } }, &quot;backgroundColor&quot;: { &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;, &quot;sitePaletteColor&quot;: { &quot;colorName&quot;: &quot;white&quot;, &quot;alphaModifier&quot;: 1.0 } }, &quot;navigationColor&quot;: { &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;, &quot;sitePaletteColor&quot;: { &quot;colorName&quot;: &quot;black&quot;, &quot;alphaModifier&quot;: 1.0 } } }, &quot;gradientOptions&quot;: { &quot;gradientType&quot;: &quot;faded&quot;, &quot;headerOpacity&quot;: { &quot;unit&quot;: &quot;%&quot;, &quot;value&quot;: 90.0 }, &quot;border&quot;: { &quot;enabled&quot;: false, &quot;position&quot;: &quot;allSides&quot;, &quot;thickness&quot;: { &quot;unit&quot;: &quot;px&quot;, &quot;value&quot;: 4.0 }, &quot;color&quot;: { &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;, &quot;sitePaletteColor&quot;: { &quot;colorName&quot;: &quot;black&quot;, &quot;alphaModifier&quot;: 1.0 } } }, &quot;dropShadow&quot;: { &quot;enabled&quot;: false, &quot;blur&quot;: { &quot;unit&quot;: &quot;px&quot;, &quot;value&quot;: 30.0 }, &quot;spread&quot;: { &quot;unit&quot;: &quot;px&quot;, &quot;value&quot;: 0.0 }, &quot;distance&quot;: { &quot;unit&quot;: &quot;px&quot;, &quot;value&quot;: 0.0 }, &quot;color&quot;: { &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;, &quot;sitePaletteColor&quot;: { &quot;colorName&quot;: &quot;black&quot;, &quot;alphaModifier&quot;: 1.0 } } }, &quot;blurBackground&quot;: { &quot;enabled&quot;: false, &quot;blurRadius&quot;: { &quot;unit&quot;: &quot;px&quot;, &quot;value&quot;: 12.0 } }, &quot;backgroundColor&quot;: { &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;, &quot;sitePaletteColor&quot;: { &quot;colorName&quot;: &quot;white&quot;, &quot;alphaModifier&quot;: 1.0 } }, &quot;navigationColor&quot;: { &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;, &quot;sitePaletteColor&quot;: { &quot;colorName&quot;: &quot;black&quot;, &quot;alphaModifier&quot;: 1.0 } } }, &quot;dropShadowOptions&quot;: { &quot;enabled&quot;: false, &quot;blur&quot;: { &quot;unit&quot;: &quot;px&quot;, &quot;value&quot;: 12.0 }, &quot;spread&quot;: { &quot;unit&quot;: &quot;px&quot;, &quot;value&quot;: 0.0 }, &quot;distance&quot;: { &quot;unit&quot;: &quot;px&quot;, &quot;value&quot;: 12.0 } }, &quot;borderOptions&quot;: { &quot;enabled&quot;: false, &quot;position&quot;: &quot;bottom&quot;, &quot;thickness&quot;: { &quot;unit&quot;: &quot;px&quot;, &quot;value&quot;: 4.0 } }, &quot;showPromotedElement&quot;: false, &quot;buttonVariant&quot;: &quot;primary&quot;, &quot;blurBackground&quot;: { &quot;enabled&quot;: false, &quot;blurRadius&quot;: { &quot;unit&quot;: &quot;px&quot;, &quot;value&quot;: 12.0 } }, &quot;headerOpacity&quot;: { &quot;unit&quot;: &quot;%&quot;, &quot;value&quot;: 100.0 } }" data-section-id="header" data-header-style="theme" data-language-picker="{ &quot;enabled&quot;: false, &quot;iconEnabled&quot;: false, &quot;iconType&quot;: &quot;globe&quot;, &quot;flagShape&quot;: &quot;shiny&quot;, &quot;languageFlags&quot;: [ ] }" data-first-focusable-element tabindex="-1" style=" --solidHeaderBackgroundColor: hsla(var(--white-hsl), 1); --solidHeaderNavigationColor: hsla(var(--black-hsl), 1); --gradientHeaderBackgroundColor: hsla(var(--white-hsl), 1); --gradientHeaderNavigationColor: hsla(var(--black-hsl), 1); " > <div class="sqs-announcement-bar-dropzone"></div> <div class="header-announcement-bar-wrapper"> <a href="#page" class="header-skip-link sqs-button-element--primary" > Skip to Content </a> <style> @supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) { .header-blur-background { } } </style> <div class="header-border" data-header-style="theme" data-header-usability-enabled="true" data-header-border="false" data-test="header-border" style=" " ></div> <div class="header-dropshadow" data-header-style="theme" data-header-usability-enabled="true" data-header-dropshadow="false" data-test="header-dropshadow" style=" " ></div> <div class='header-inner container--fluid header-mobile-layout-logo-left-nav-right header-layout-nav-right ' style=" " data-test="header-inner" > <!-- Background --> <div class="header-background theme-bg--primary"></div> <div class="header-display-desktop" data-content-field="site-title"> <!-- Social --> <!-- Title and nav wrapper --> <div class="header-title-nav-wrapper"> <!-- Title --> <div class=" header-title " data-animation-role="header-element" > <div class="header-title-logo"> <a href="/" data-animation-role="header-element"> <img elementtiming="nbf-header-logo-desktop" src="//images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/1683040970803-2AOBTAPN8CJ526ZCT5DS/OSR_logo_web_large.jpg?format=1500w" alt="O&amp;#39;Hara&amp;#39;s Son Roofing Company" style="display:block" fetchpriority="high" loading="eager" decoding="async" data-loader="raw"> </a> </div> </div> <!-- Nav --> <div class="header-nav"> <div class="header-nav-wrapper"> <nav class="header-nav-list"> <div class="header-nav-item header-nav-item--collection header-nav-item--active header-nav-item--homepage"> <a href="/" data-animation-role="header-element" aria-current="page" > Home </a> </div> <div class="header-nav-item header-nav-item--collection"> <a href="/about" data-animation-role="header-element" > About </a> </div> <div class="header-nav-item header-nav-item--folder"> <a class="header-nav-folder-title" href="/services-1" tabindex="-1" data-animation-role="header-element" > Services </a> <div class="header-nav-folder-content"> <div class="header-nav-folder-item"> <a href="/new-construction" > <span class="header-nav-folder-item-content"> New Construction </span> </a> </div> <div class="header-nav-folder-item"> <a href="/roof-replacement" > <span class="header-nav-folder-item-content"> Commercial Roof Replacement </span> </a> </div> <div class="header-nav-folder-item"> <a href="/leak-repair-service" > <span class="header-nav-folder-item-content"> Leak Repair &amp; Service </span> </a> </div> <div class="header-nav-folder-item"> <a href="/preventative-maintenance-1" > <span class="header-nav-folder-item-content"> Preventative Maintenance </span> </a> </div> </div> </div> <div class="header-nav-item header-nav-item--collection"> <a href="/careers" data-animation-role="header-element" > Careers </a> </div> <div class="header-nav-item header-nav-item--folder"> <a class="header-nav-folder-title" href="/emergency-line" tabindex="-1" data-animation-role="header-element" > [24-Hour Emergency Leak Line] </a> <div class="header-nav-folder-content"> <div class="header-nav-folder-item header-nav-folder-item--external"> <a href="tel:8447663677" target="_blank" >844-ROOFOSR</a> </div> </div> </div> <div class="header-nav-item header-nav-item--collection"> <a href="/service-partners" data-animation-role="header-element" > Service Partners </a> </div> </nav> </div> </div> </div> <!-- Actions --> <div class="header-actions header-actions--right"> <div class="header-actions-action header-actions-action--social"> <a class="icon icon--fill header-icon header-icon-border-shape-none header-icon-border-style-outline" href="https://www.instagram.com/oharasson/?hl=en" target="_blank" aria-label="Instagram"> <svg viewBox="23 23 64 64"> <use xlink:href="#instagram-unauth-icon" width="110" height="110"></use> </svg> </a> <a class="icon icon--fill header-icon header-icon-border-shape-none header-icon-border-style-outline" href="https://www.linkedin.com/company/o&#39;hara&#39;s-son-roofing-company/" target="_blank" aria-label="LinkedIn"> <svg viewBox="23 23 64 64"> <use xlink:href="#linkedin-unauth-icon" width="110" height="110"></use> </svg> </a> <a class="icon icon--fill header-icon header-icon-border-shape-none header-icon-border-style-outline" href="https://www.facebook.com/Oharasson" target="_blank" aria-label="Facebook"> <svg viewBox="23 23 64 64"> <use xlink:href="#facebook-unauth-icon" width="110" height="110"></use> </svg> </a> </div> <div class="showOnMobile"> </div> <div class="showOnDesktop"> </div> <div class="header-actions-action header-actions-action--cta" data-animation-role="header-element"> <a class="btn btn--border theme-btn--primary-inverse sqs-button-element--primary" href="/contact" > Contact Us </a> </div> </div> <style> .top-bun, .patty, .bottom-bun { height: 1px; } </style> <!-- Burger --> <div class="header-burger menu-overlay-has-visible-non-navigation-items " data-animation-role="header-element"> <button class="header-burger-btn burger" data-test="header-burger"> <span hidden class="js-header-burger-open-title visually-hidden">Open Menu</span> <span hidden class="js-header-burger-close-title visually-hidden">Close Menu</span> <div class="burger-box"> <div class="burger-inner header-menu-icon-doubleLineHamburger"> <div class="top-bun"></div> <div class="patty"></div> <div class="bottom-bun"></div> </div> </div> </button> </div> </div> <div class="header-display-mobile" data-content-field="site-title"> <!-- Social --> <!-- Title and nav wrapper --> <div class="header-title-nav-wrapper"> <!-- Title --> <div class=" header-title " data-animation-role="header-element" > <div class="header-title-logo"> <a href="/" data-animation-role="header-element"> <img elementtiming="nbf-header-logo-desktop" src="//images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/1683040970803-2AOBTAPN8CJ526ZCT5DS/OSR_logo_web_large.jpg?format=1500w" alt="O&amp;#39;Hara&amp;#39;s Son Roofing Company" style="display:block" fetchpriority="high" loading="eager" decoding="async" data-loader="raw"> </a> </div> </div> <!-- Nav --> <div class="header-nav"> <div class="header-nav-wrapper"> <nav class="header-nav-list"> <div class="header-nav-item header-nav-item--collection header-nav-item--active header-nav-item--homepage"> <a href="/" data-animation-role="header-element" aria-current="page" > Home </a> </div> <div class="header-nav-item header-nav-item--collection"> <a href="/about" data-animation-role="header-element" > About </a> </div> <div class="header-nav-item header-nav-item--folder"> <a class="header-nav-folder-title" href="/services-1" tabindex="-1" data-animation-role="header-element" > Services </a> <div class="header-nav-folder-content"> <div class="header-nav-folder-item"> <a href="/new-construction" > <span class="header-nav-folder-item-content"> New Construction </span> </a> </div> <div class="header-nav-folder-item"> <a href="/roof-replacement" > <span class="header-nav-folder-item-content"> Commercial Roof Replacement </span> </a> </div> <div class="header-nav-folder-item"> <a href="/leak-repair-service" > <span class="header-nav-folder-item-content"> Leak Repair &amp; Service </span> </a> </div> <div class="header-nav-folder-item"> <a href="/preventative-maintenance-1" > <span class="header-nav-folder-item-content"> Preventative Maintenance </span> </a> </div> </div> </div> <div class="header-nav-item header-nav-item--collection"> <a href="/careers" data-animation-role="header-element" > Careers </a> </div> <div class="header-nav-item header-nav-item--folder"> <a class="header-nav-folder-title" href="/emergency-line" tabindex="-1" data-animation-role="header-element" > [24-Hour Emergency Leak Line] </a> <div class="header-nav-folder-content"> <div class="header-nav-folder-item header-nav-folder-item--external"> <a href="tel:8447663677" target="_blank" >844-ROOFOSR</a> </div> </div> </div> <div class="header-nav-item header-nav-item--collection"> <a href="/service-partners" data-animation-role="header-element" > Service Partners </a> </div> </nav> </div> </div> </div> <!-- Actions --> <div class="header-actions header-actions--right"> <div class="header-actions-action header-actions-action--social"> <a class="icon icon--fill header-icon header-icon-border-shape-none header-icon-border-style-outline" href="https://www.instagram.com/oharasson/?hl=en" target="_blank" aria-label="Instagram"> <svg viewBox="23 23 64 64"> <use xlink:href="#instagram-unauth-icon" width="110" height="110"></use> </svg> </a> <a class="icon icon--fill header-icon header-icon-border-shape-none header-icon-border-style-outline" href="https://www.linkedin.com/company/o&#39;hara&#39;s-son-roofing-company/" target="_blank" aria-label="LinkedIn"> <svg viewBox="23 23 64 64"> <use xlink:href="#linkedin-unauth-icon" width="110" height="110"></use> </svg> </a> <a class="icon icon--fill header-icon header-icon-border-shape-none header-icon-border-style-outline" href="https://www.facebook.com/Oharasson" target="_blank" aria-label="Facebook"> <svg viewBox="23 23 64 64"> <use xlink:href="#facebook-unauth-icon" width="110" height="110"></use> </svg> </a> </div> <div class="showOnMobile"> </div> <div class="showOnDesktop"> </div> <div class="header-actions-action header-actions-action--cta" data-animation-role="header-element"> <a class="btn btn--border theme-btn--primary-inverse sqs-button-element--primary" href="/contact" > Contact Us </a> </div> </div> <style> .top-bun, .patty, .bottom-bun { height: 1px; } </style> <!-- Burger --> <div class="header-burger menu-overlay-has-visible-non-navigation-items " data-animation-role="header-element"> <button class="header-burger-btn burger" data-test="header-burger"> <span hidden class="js-header-burger-open-title visually-hidden">Open Menu</span> <span hidden class="js-header-burger-close-title visually-hidden">Close Menu</span> <div class="burger-box"> <div class="burger-inner header-menu-icon-doubleLineHamburger"> <div class="top-bun"></div> <div class="patty"></div> <div class="bottom-bun"></div> </div> </div> </button> </div> </div> </div> </div> <!-- (Mobile) Menu Navigation --> <div class="header-menu header-menu--folder-list " data-section-theme="" data-current-styles="{ &quot;layout&quot;: &quot;navRight&quot;, &quot;action&quot;: { &quot;href&quot;: &quot;/contact&quot;, &quot;buttonText&quot;: &quot;Contact Us&quot;, &quot;newWindow&quot;: false }, &quot;showSocial&quot;: true, &quot;socialOptions&quot;: { &quot;socialBorderShape&quot;: &quot;none&quot;, &quot;socialBorderStyle&quot;: &quot;outline&quot;, &quot;socialBorderThickness&quot;: { &quot;unit&quot;: &quot;px&quot;, &quot;value&quot;: 1.0 } }, &quot;sectionTheme&quot;: &quot;white&quot;, &quot;menuOverlayAnimation&quot;: &quot;fade&quot;, &quot;cartStyle&quot;: &quot;cart&quot;, &quot;cartText&quot;: &quot;Cart&quot;, &quot;showEmptyCartState&quot;: true, &quot;cartOptions&quot;: { &quot;iconType&quot;: &quot;solid-7&quot;, &quot;cartBorderShape&quot;: &quot;none&quot;, &quot;cartBorderStyle&quot;: &quot;outline&quot;, &quot;cartBorderThickness&quot;: { &quot;unit&quot;: &quot;px&quot;, &quot;value&quot;: 1.0 } }, &quot;showButton&quot;: true, &quot;showCart&quot;: false, &quot;showAccountLogin&quot;: false, &quot;headerStyle&quot;: &quot;theme&quot;, &quot;languagePicker&quot;: { &quot;enabled&quot;: false, &quot;iconEnabled&quot;: false, &quot;iconType&quot;: &quot;globe&quot;, &quot;flagShape&quot;: &quot;shiny&quot;, &quot;languageFlags&quot;: [ ] }, &quot;mobileOptions&quot;: { &quot;layout&quot;: &quot;logoLeftNavRight&quot;, &quot;menuIcon&quot;: &quot;doubleLineHamburger&quot;, &quot;menuIconOptions&quot;: { &quot;style&quot;: &quot;doubleLineHamburger&quot;, &quot;thickness&quot;: { &quot;unit&quot;: &quot;px&quot;, &quot;value&quot;: 1.0 } } }, &quot;dynamicOptions&quot;: { &quot;border&quot;: { &quot;enabled&quot;: false, &quot;position&quot;: &quot;allSides&quot;, &quot;thickness&quot;: { &quot;unit&quot;: &quot;px&quot;, &quot;value&quot;: 4.0 }, &quot;color&quot;: { &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;, &quot;sitePaletteColor&quot;: { &quot;colorName&quot;: &quot;black&quot;, &quot;alphaModifier&quot;: 1.0 } } } }, &quot;solidOptions&quot;: { &quot;headerOpacity&quot;: { &quot;unit&quot;: &quot;%&quot;, &quot;value&quot;: 100.0 }, &quot;border&quot;: { &quot;enabled&quot;: false, &quot;position&quot;: &quot;allSides&quot;, &quot;thickness&quot;: { &quot;unit&quot;: &quot;px&quot;, &quot;value&quot;: 4.0 }, &quot;color&quot;: { &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;, &quot;sitePaletteColor&quot;: { &quot;colorName&quot;: &quot;black&quot;, &quot;alphaModifier&quot;: 1.0 } } }, &quot;dropShadow&quot;: { &quot;enabled&quot;: false, &quot;blur&quot;: { &quot;unit&quot;: &quot;px&quot;, &quot;value&quot;: 30.0 }, &quot;spread&quot;: { &quot;unit&quot;: &quot;px&quot;, &quot;value&quot;: 0.0 }, &quot;distance&quot;: { &quot;unit&quot;: &quot;px&quot;, &quot;value&quot;: 0.0 }, &quot;color&quot;: { &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;, &quot;sitePaletteColor&quot;: { &quot;colorName&quot;: &quot;black&quot;, &quot;alphaModifier&quot;: 1.0 } } }, &quot;blurBackground&quot;: { &quot;enabled&quot;: false, &quot;blurRadius&quot;: { &quot;unit&quot;: &quot;px&quot;, &quot;value&quot;: 12.0 } }, &quot;backgroundColor&quot;: { &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;, &quot;sitePaletteColor&quot;: { &quot;colorName&quot;: &quot;white&quot;, &quot;alphaModifier&quot;: 1.0 } }, &quot;navigationColor&quot;: { &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;, &quot;sitePaletteColor&quot;: { &quot;colorName&quot;: &quot;black&quot;, &quot;alphaModifier&quot;: 1.0 } } }, &quot;gradientOptions&quot;: { &quot;gradientType&quot;: &quot;faded&quot;, &quot;headerOpacity&quot;: { &quot;unit&quot;: &quot;%&quot;, &quot;value&quot;: 90.0 }, &quot;border&quot;: { &quot;enabled&quot;: false, &quot;position&quot;: &quot;allSides&quot;, &quot;thickness&quot;: { &quot;unit&quot;: &quot;px&quot;, &quot;value&quot;: 4.0 }, &quot;color&quot;: { &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;, &quot;sitePaletteColor&quot;: { &quot;colorName&quot;: &quot;black&quot;, &quot;alphaModifier&quot;: 1.0 } } }, &quot;dropShadow&quot;: { &quot;enabled&quot;: false, &quot;blur&quot;: { &quot;unit&quot;: &quot;px&quot;, &quot;value&quot;: 30.0 }, &quot;spread&quot;: { &quot;unit&quot;: &quot;px&quot;, &quot;value&quot;: 0.0 }, &quot;distance&quot;: { &quot;unit&quot;: &quot;px&quot;, &quot;value&quot;: 0.0 }, &quot;color&quot;: { &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;, &quot;sitePaletteColor&quot;: { &quot;colorName&quot;: &quot;black&quot;, &quot;alphaModifier&quot;: 1.0 } } }, &quot;blurBackground&quot;: { &quot;enabled&quot;: false, &quot;blurRadius&quot;: { &quot;unit&quot;: &quot;px&quot;, &quot;value&quot;: 12.0 } }, &quot;backgroundColor&quot;: { &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;, &quot;sitePaletteColor&quot;: { &quot;colorName&quot;: &quot;white&quot;, &quot;alphaModifier&quot;: 1.0 } }, &quot;navigationColor&quot;: { &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;, &quot;sitePaletteColor&quot;: { &quot;colorName&quot;: &quot;black&quot;, &quot;alphaModifier&quot;: 1.0 } } }, &quot;dropShadowOptions&quot;: { &quot;enabled&quot;: false, &quot;blur&quot;: { &quot;unit&quot;: &quot;px&quot;, &quot;value&quot;: 12.0 }, &quot;spread&quot;: { &quot;unit&quot;: &quot;px&quot;, &quot;value&quot;: 0.0 }, &quot;distance&quot;: { &quot;unit&quot;: &quot;px&quot;, &quot;value&quot;: 12.0 } }, &quot;borderOptions&quot;: { &quot;enabled&quot;: false, &quot;position&quot;: &quot;bottom&quot;, &quot;thickness&quot;: { &quot;unit&quot;: &quot;px&quot;, &quot;value&quot;: 4.0 } }, &quot;showPromotedElement&quot;: false, &quot;buttonVariant&quot;: &quot;primary&quot;, &quot;blurBackground&quot;: { &quot;enabled&quot;: false, &quot;blurRadius&quot;: { &quot;unit&quot;: &quot;px&quot;, &quot;value&quot;: 12.0 } }, &quot;headerOpacity&quot;: { &quot;unit&quot;: &quot;%&quot;, &quot;value&quot;: 100.0 } }" data-section-id="overlay-nav" data-show-account-login="false" data-test="header-menu"> <div class="header-menu-bg theme-bg--primary"></div> <div class="header-menu-nav"> <nav class="header-menu-nav-list"> <div data-folder="root" class="header-menu-nav-folder"> <div class="header-menu-nav-folder-content"> <!-- Menu Navigation --> <div class="header-menu-nav-wrapper"> <div class="container header-menu-nav-item header-menu-nav-item--collection header-menu-nav-item--active header-menu-nav-item--homepage"> <a href="/" aria-current="page" > <div class="header-menu-nav-item-content"> Home </div> </a> </div> <div class="container header-menu-nav-item header-menu-nav-item--collection"> <a href="/about" > <div class="header-menu-nav-item-content"> About </div> </a> </div> <div class="container header-menu-nav-item"> <a data-folder-id="/services-1" href="/services-1" > <div class="header-menu-nav-item-content"> <span class="visually-hidden">Folder:</span> <span>Services</span> <span class="chevron chevron--right"></span> </div> </a> </div> <div data-folder="/services-1" class="header-menu-nav-folder"> <div class="header-menu-nav-folder-content"> <div class="header-menu-controls container header-menu-nav-item"> <a class="header-menu-controls-control header-menu-controls-control--active" data-action="back" href="/"> <span class="chevron chevron--left"></span><span>Back</span> </a> </div> <div class="container header-menu-nav-item"> <a href="/new-construction" > <div class="header-menu-nav-item-content"> New Construction </div> </a> </div> <div class="container header-menu-nav-item"> <a href="/roof-replacement" > <div class="header-menu-nav-item-content"> Commercial Roof Replacement </div> </a> </div> <div class="container header-menu-nav-item"> <a href="/leak-repair-service" > <div class="header-menu-nav-item-content"> Leak Repair &amp; Service </div> </a> </div> <div class="container header-menu-nav-item"> <a href="/preventative-maintenance-1" > <div class="header-menu-nav-item-content"> Preventative Maintenance </div> </a> </div> </div> </div> <div class="container header-menu-nav-item header-menu-nav-item--collection"> <a href="/careers" > <div class="header-menu-nav-item-content"> Careers </div> </a> </div> <div class="container header-menu-nav-item"> <a data-folder-id="/emergency-line" href="/emergency-line" > <div class="header-menu-nav-item-content"> <span class="visually-hidden">Folder:</span> <span>[24-Hour Emergency Leak Line]</span> <span class="chevron chevron--right"></span> </div> </a> </div> <div data-folder="/emergency-line" class="header-menu-nav-folder"> <div class="header-menu-nav-folder-content"> <div class="header-menu-controls container header-menu-nav-item"> <a class="header-menu-controls-control header-menu-controls-control--active" data-action="back" href="/"> <span class="chevron chevron--left"></span><span>Back</span> </a> </div> <div class="container header-menu-nav-item header-menu-nav-item--external"> <a href="tel:8447663677" target="_blank" >844-ROOFOSR</a> </div> </div> </div> <div class="container header-menu-nav-item header-menu-nav-item--collection"> <a href="/service-partners" > <div class="header-menu-nav-item-content"> Service Partners </div> </a> </div> </div> </div> <div class="header-menu-actions social-accounts"> <div class="header-menu-actions-action header-menu-actions-action--social mobile"> <a class="icon icon--lg icon--fill header-icon header-icon-border-shape-none header-icon-border-style-outline" href="https://www.instagram.com/oharasson/?hl=en" target="_blank" aria-label="Instagram"> <svg viewBox="23 23 64 64"> <use xlink:href="#instagram-unauth-icon" width="110" height="110"></use> </svg> </a> </div> <div class="header-menu-actions-action header-menu-actions-action--social mobile"> <a class="icon icon--lg icon--fill header-icon header-icon-border-shape-none header-icon-border-style-outline" href="https://www.linkedin.com/company/o&#39;hara&#39;s-son-roofing-company/" target="_blank" aria-label="LinkedIn"> <svg viewBox="23 23 64 64"> <use xlink:href="#linkedin-unauth-icon" width="110" height="110"></use> </svg> </a> </div> <div class="header-menu-actions-action header-menu-actions-action--social mobile"> <a class="icon icon--lg icon--fill header-icon header-icon-border-shape-none header-icon-border-style-outline" href="https://www.facebook.com/Oharasson" target="_blank" aria-label="Facebook"> <svg viewBox="23 23 64 64"> <use xlink:href="#facebook-unauth-icon" width="110" height="110"></use> </svg> </a> </div> </div> <div class="header-menu-cta"> <a class="theme-btn--primary btn sqs-button-element--primary" href="/contact" > Contact Us </a> </div> </div> </nav> </div> </div> </header> <main id="page" class="container" role="main"> <article class="sections" id="sections" data-page-sections="64512abf0c2bf831895cd1c9"> <section data-test="page-section" data-section-theme="bright" class='page-section has-section-divider user-items-list-section full-bleed-section bright' data-section-id="645287c72d59bf10c5d46e6c" data-controller="SectionWrapperController" data-current-styles="{ &quot;imageFocalPoint&quot;: { &quot;x&quot;: 0.5, &quot;y&quot;: 0.5 }, &quot;imageOverlayOpacity&quot;: 0.3, &quot;backgroundColor&quot;: &quot;white&quot;, &quot;sectionTheme&quot;: &quot;bright&quot;, &quot;imageEffect&quot;: &quot;none&quot;, &quot;backgroundMode&quot;: &quot;image&quot;, &quot;backgroundImage&quot;: null }" data-current-context="{ &quot;video&quot;: { &quot;filter&quot;: 1, &quot;videoFallbackContentItem&quot;: null, &quot;nativeVideoContentItem&quot;: null, &quot;videoSourceProvider&quot;: &quot;none&quot; }, &quot;backgroundImageId&quot;: null, &quot;backgroundMediaEffect&quot;: { &quot;type&quot;: &quot;none&quot; }, &quot;divider&quot;: { &quot;enabled&quot;: true, &quot;type&quot;: &quot;none&quot;, &quot;width&quot;: { &quot;value&quot;: 100, &quot;unit&quot;: &quot;vw&quot; }, &quot;height&quot;: { &quot;value&quot;: 6, &quot;unit&quot;: &quot;vw&quot; }, &quot;isFlipX&quot;: false, &quot;isFlipY&quot;: false, &quot;offset&quot;: { &quot;value&quot;: 0, &quot;unit&quot;: &quot;px&quot; }, &quot;stroke&quot;: { &quot;style&quot;: &quot;solid&quot;, &quot;color&quot;: { &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;, &quot;sitePaletteColor&quot;: { &quot;colorName&quot;: &quot;accent&quot;, &quot;alphaModifier&quot;: 1 } }, &quot;thickness&quot;: { &quot;value&quot;: 15, &quot;unit&quot;: &quot;px&quot; }, &quot;dashLength&quot;: { &quot;value&quot;: 5, &quot;unit&quot;: &quot;px&quot; }, &quot;gapLength&quot;: { &quot;value&quot;: 15, &quot;unit&quot;: &quot;px&quot; }, &quot;linecap&quot;: &quot;square&quot; } }, &quot;typeName&quot;: &quot;portfolio-grid-basic&quot; }" data-animation="" data-json-schema-section > <div class="section-border" data-controller="SectionDivider" style="clip-path: url(#section-divider-645287c72d59bf10c5d46e6c);" > <div class="section-background"> </div> </div> <div class='content-wrapper' style=' ' > <div class="content" > <div class="user-items-list" style=" min-height: 100px; padding-top: 0vmax; padding-bottom: 0vmax; " data-card-theme="" data-section-id="user-items-list" data-section-title-enabled="false" data-space-below-section-title-value="40" data-space-below-section-title-unit="px" data-layout-width="full-bleed" > <style> .user-items-list-item-container[data-section-id="645287c72d59bf10c5d46e6c"] .list-item-content__title { font-size: 3rem; } .user-items-list-item-container[data-section-id="645287c72d59bf10c5d46e6c"] .list-item-content__description { font-size: 1.4rem; } .user-items-list-item-container[data-section-id="645287c72d59bf10c5d46e6c"] .list-item-content__button { font-size: 1.1rem; } @supports (--test-custom-property: true) { .user-items-list-item-container[data-section-id="645287c72d59bf10c5d46e6c"] { --title-font-size-value: 3; --body-font-size-value: 1.4; --button-font-size-value: 1.1; } } </style> <div class=" user-items-list-item-container user-items-list-banner-slideshow " data-controller="UserItemsListBannerSlideshow" data-progress-indicators-placement="" data-is-infinite-enabled="true" data-is-card-enabled="false" data-title-alignment="left" data-body-alignment="left" data-button-alignment="left" data-show-adjacent-slides="false" data-card-vertical-position="bottom" data-card-horizontal-position="left" data-navigation-controls="arrows" data-navigation-placement="bottom" data-navigation-alignment="right" data-space-between-slides-value="0" data-space-between-slides-unit="px" data-section-id="645287c72d59bf10c5d46e6c" data-current-context="{ &quot;userItems&quot;: [ { &quot;title&quot;: &quot;&quot;, &quot;description&quot;: &quot;Description goes here&quot;, &quot;button&quot;: { &quot;buttonText&quot;: &quot;&quot;, &quot;buttonLink&quot;: &quot;/&quot; }, &quot;imageId&quot;: &quot;64d4fd754f522c7e45f9f691&quot;, &quot;image&quot;: { &quot;id&quot;: &quot;64d4fd754f522c7e45f9f691&quot;, &quot;recordType&quot;: 2, &quot;addedOn&quot;: 1691680117491, &quot;updatedOn&quot;: 1691680117540, &quot;workflowState&quot;: 1, &quot;publishOn&quot;: 1691680117491, &quot;authorId&quot;: &quot;64dfae821c776406bf29df16&quot;, &quot;systemDataId&quot;: &quot;79242537-8960-4974-9f97-5b8b0dede56d&quot;, &quot;systemDataVariants&quot;: &quot;1850x888,100w,300w,500w,750w,1000w,1500w&quot;, &quot;systemDataSourceType&quot;: &quot;JPG&quot;, &quot;filename&quot;: &quot;OSR_Slide_TopContractors.jpg&quot;, &quot;mediaFocalPoint&quot;: { &quot;x&quot;: 0.5, &quot;y&quot;: 0.5, &quot;source&quot;: 3 }, &quot;colorData&quot;: { &quot;topLeftAverage&quot;: &quot;d8cdd1&quot;, &quot;topRightAverage&quot;: &quot;d5ced2&quot;, &quot;bottomLeftAverage&quot;: &quot;5c5741&quot;, &quot;bottomRightAverage&quot;: &quot;514d40&quot;, &quot;centerAverage&quot;: &quot;6b7579&quot;, &quot;suggestedBgColor&quot;: &quot;8d8683&quot; }, &quot;urlId&quot;: &quot;6yaqqvoc8uxe4trtg3dwbmhylgxiz8&quot;, &quot;title&quot;: &quot;&quot;, &quot;body&quot;: null, &quot;likeCount&quot;: 0, &quot;commentCount&quot;: 0, &quot;publicCommentCount&quot;: 0, &quot;commentState&quot;: 2, &quot;unsaved&quot;: false, &quot;author&quot;: { &quot;id&quot;: &quot;64dfae821c776406bf29df16&quot;, &quot;displayName&quot;: &quot;System Admin&quot;, &quot;firstName&quot;: &quot;System&quot;, &quot;lastName&quot;: &quot;Admin&quot;, &quot;avatarUrl&quot;: &quot;https://images.squarespace-cdn.com/content/v2/namespaces/memberAccountAvatars/libraries/64dfae821c776406bf29df16/99eda23a380c48b6a0f1a13137d86d1d/99eda23a380c48b6a0f1a13137d86d1d.jpeg?format=300w&quot;, &quot;bio&quot;: &quot;&quot;, &quot;avatarAssetUrl&quot;: &quot;https://images.squarespace-cdn.com/content/v2/namespaces/memberAccountAvatars/libraries/64dfae821c776406bf29df16/99eda23a380c48b6a0f1a13137d86d1d/99eda23a380c48b6a0f1a13137d86d1d.jpeg?format=300w&quot; }, &quot;assetUrl&quot;: &quot;https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/79242537-8960-4974-9f97-5b8b0dede56d/OSR_Slide_TopContractors.jpg&quot;, &quot;contentType&quot;: &quot;image/jpeg&quot;, &quot;items&quot;: [ ], &quot;pushedServices&quot;: { }, &quot;pendingPushedServices&quot;: { }, &quot;originalSize&quot;: &quot;1850x888&quot;, &quot;recordTypeLabel&quot;: &quot;image&quot; } }, { &quot;title&quot;: &quot;New Commercial Roof Construction&quot;, &quot;description&quot;: &quot;&lt;p class=\&quot;\&quot; style=\&quot;white-space:pre-wrap;\&quot;&gt;It all begins with an idea. Maybe you want to launch a business. Maybe you want to turn a hobby into something more. Or maybe you have a creative project to share with the world. Whatever it is, the way you tell your story online can make all the difference.&lt;\/p&gt;&quot;, &quot;button&quot;: { &quot;buttonText&quot;: &quot;More Info&quot;, &quot;buttonLink&quot;: &quot;/new-construction&quot;, &quot;buttonNewWindow&quot;: false }, &quot;imageId&quot;: &quot;6452a59c2a0a9b42b1bbe7bc&quot;, &quot;imageAltText&quot;: &quot;New Commercial Roof Construction&quot;, &quot;image&quot;: { &quot;id&quot;: &quot;6452a59c2a0a9b42b1bbe7bc&quot;, &quot;recordType&quot;: 2, &quot;addedOn&quot;: 1683137948908, &quot;updatedOn&quot;: 1683137948955, &quot;workflowState&quot;: 1, &quot;publishOn&quot;: 1683137948908, &quot;authorId&quot;: &quot;64dfae821c776406bf29df16&quot;, &quot;systemDataId&quot;: &quot;10c70c0f-689c-41d9-b962-f0fc439ac46c&quot;, &quot;systemDataVariants&quot;: &quot;1850x888,100w,300w,500w,750w,1000w,1500w&quot;, &quot;systemDataSourceType&quot;: &quot;JPG&quot;, &quot;filename&quot;: &quot;newConstruction.jpg&quot;, &quot;mediaFocalPoint&quot;: { &quot;x&quot;: 0.5, &quot;y&quot;: 0.5, &quot;source&quot;: 3 }, &quot;colorData&quot;: { &quot;topLeftAverage&quot;: &quot;3f4248&quot;, &quot;topRightAverage&quot;: &quot;6f6d62&quot;, &quot;bottomLeftAverage&quot;: &quot;080b17&quot;, &quot;bottomRightAverage&quot;: &quot;312e29&quot;, &quot;centerAverage&quot;: &quot;9b907b&quot;, &quot;suggestedBgColor&quot;: &quot;534e47&quot; }, &quot;urlId&quot;: &quot;n7xoe21xb3p47udlses1q0xapv1hqi&quot;, &quot;title&quot;: &quot;&quot;, &quot;body&quot;: null, &quot;likeCount&quot;: 0, &quot;commentCount&quot;: 0, &quot;publicCommentCount&quot;: 0, &quot;commentState&quot;: 2, &quot;unsaved&quot;: false, &quot;author&quot;: { &quot;id&quot;: &quot;64dfae821c776406bf29df16&quot;, &quot;displayName&quot;: &quot;System Admin&quot;, &quot;firstName&quot;: &quot;System&quot;, &quot;lastName&quot;: &quot;Admin&quot;, &quot;avatarUrl&quot;: &quot;https://images.squarespace-cdn.com/content/v2/namespaces/memberAccountAvatars/libraries/64dfae821c776406bf29df16/99eda23a380c48b6a0f1a13137d86d1d/99eda23a380c48b6a0f1a13137d86d1d.jpeg?format=300w&quot;, &quot;bio&quot;: &quot;&quot;, &quot;avatarAssetUrl&quot;: &quot;https://images.squarespace-cdn.com/content/v2/namespaces/memberAccountAvatars/libraries/64dfae821c776406bf29df16/99eda23a380c48b6a0f1a13137d86d1d/99eda23a380c48b6a0f1a13137d86d1d.jpeg?format=300w&quot; }, &quot;assetUrl&quot;: &quot;https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/10c70c0f-689c-41d9-b962-f0fc439ac46c/newConstruction.jpg&quot;, &quot;contentType&quot;: &quot;image/jpeg&quot;, &quot;items&quot;: [ ], &quot;pushedServices&quot;: { }, &quot;pendingPushedServices&quot;: { }, &quot;originalSize&quot;: &quot;1850x888&quot;, &quot;recordTypeLabel&quot;: &quot;image&quot; } }, { &quot;title&quot;: &quot;Commercial Roof Replacement&quot;, &quot;description&quot;: &quot;Description goes here&quot;, &quot;button&quot;: { &quot;buttonText&quot;: &quot;More Info&quot;, &quot;buttonLink&quot;: &quot;/roof-replacement&quot;, &quot;buttonNewWindow&quot;: false }, &quot;imageAltText&quot;: &quot;Commercial Roof Replacement&quot;, &quot;imageId&quot;: &quot;6452a5b79b079337018fd215&quot;, &quot;image&quot;: { &quot;id&quot;: &quot;6452a5b79b079337018fd215&quot;, &quot;recordType&quot;: 2, &quot;addedOn&quot;: 1683137975963, &quot;updatedOn&quot;: 1683137976012, &quot;workflowState&quot;: 1, &quot;publishOn&quot;: 1683137975963, &quot;authorId&quot;: &quot;64dfae821c776406bf29df16&quot;, &quot;systemDataId&quot;: &quot;fd3938f1-4d84-463a-b1a3-fa92c46ec082&quot;, &quot;systemDataVariants&quot;: &quot;1850x888,100w,300w,500w,750w,1000w,1500w&quot;, &quot;systemDataSourceType&quot;: &quot;JPG&quot;, &quot;filename&quot;: &quot;roofReplacement.jpg&quot;, &quot;mediaFocalPoint&quot;: { &quot;x&quot;: 0.5, &quot;y&quot;: 0.5, &quot;source&quot;: 3 }, &quot;colorData&quot;: { &quot;topLeftAverage&quot;: &quot;333334&quot;, &quot;topRightAverage&quot;: &quot;4f5058&quot;, &quot;bottomLeftAverage&quot;: &quot;3d352e&quot;, &quot;bottomRightAverage&quot;: &quot;2e371f&quot;, &quot;centerAverage&quot;: &quot;9b9594&quot;, &quot;suggestedBgColor&quot;: &quot;5b5955&quot; }, &quot;urlId&quot;: &quot;19fpidamwiwcj4d7ye8qx4bmfhxbk3&quot;, &quot;title&quot;: &quot;&quot;, &quot;body&quot;: null, &quot;likeCount&quot;: 0, &quot;commentCount&quot;: 0, &quot;publicCommentCount&quot;: 0, &quot;commentState&quot;: 2, &quot;unsaved&quot;: false, &quot;author&quot;: { &quot;id&quot;: &quot;64dfae821c776406bf29df16&quot;, &quot;displayName&quot;: &quot;System Admin&quot;, &quot;firstName&quot;: &quot;System&quot;, &quot;lastName&quot;: &quot;Admin&quot;, &quot;avatarUrl&quot;: &quot;https://images.squarespace-cdn.com/content/v2/namespaces/memberAccountAvatars/libraries/64dfae821c776406bf29df16/99eda23a380c48b6a0f1a13137d86d1d/99eda23a380c48b6a0f1a13137d86d1d.jpeg?format=300w&quot;, &quot;bio&quot;: &quot;&quot;, &quot;avatarAssetUrl&quot;: &quot;https://images.squarespace-cdn.com/content/v2/namespaces/memberAccountAvatars/libraries/64dfae821c776406bf29df16/99eda23a380c48b6a0f1a13137d86d1d/99eda23a380c48b6a0f1a13137d86d1d.jpeg?format=300w&quot; }, &quot;assetUrl&quot;: &quot;https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/fd3938f1-4d84-463a-b1a3-fa92c46ec082/roofReplacement.jpg&quot;, &quot;contentType&quot;: &quot;image/jpeg&quot;, &quot;items&quot;: [ ], &quot;pushedServices&quot;: { }, &quot;pendingPushedServices&quot;: { }, &quot;originalSize&quot;: &quot;1850x888&quot;, &quot;recordTypeLabel&quot;: &quot;image&quot; } }, { &quot;title&quot;: &quot;Commercial Roof Leak Repair &amp; Service&quot;, &quot;description&quot;: &quot;Description goes here&quot;, &quot;button&quot;: { &quot;buttonText&quot;: &quot;More Info&quot;, &quot;buttonLink&quot;: &quot;/leak-repair-service&quot;, &quot;buttonNewWindow&quot;: false }, &quot;imageId&quot;: &quot;6452a87ddda31126844e7961&quot;, &quot;imageAltText&quot;: &quot;Commercial Roof Leak Repair &amp; Service&quot;, &quot;image&quot;: { &quot;id&quot;: &quot;6452a87ddda31126844e7961&quot;, &quot;recordType&quot;: 2, &quot;addedOn&quot;: 1683138685114, &quot;updatedOn&quot;: 1683138685162, &quot;workflowState&quot;: 1, &quot;publishOn&quot;: 1683138685114, &quot;authorId&quot;: &quot;64dfae821c776406bf29df16&quot;, &quot;systemDataId&quot;: &quot;b4d47d14-cdbf-4fcb-b72c-225105a664d9&quot;, &quot;systemDataVariants&quot;: &quot;1850x888,100w,300w,500w,750w,1000w,1500w&quot;, &quot;systemDataSourceType&quot;: &quot;JPG&quot;, &quot;filename&quot;: &quot;LeakRepair.jpg&quot;, &quot;mediaFocalPoint&quot;: { &quot;x&quot;: 0.5, &quot;y&quot;: 0.5, &quot;source&quot;: 3 }, &quot;colorData&quot;: { &quot;topLeftAverage&quot;: &quot;222518&quot;, &quot;topRightAverage&quot;: &quot;595e4f&quot;, &quot;bottomLeftAverage&quot;: &quot;303614&quot;, &quot;bottomRightAverage&quot;: &quot;646341&quot;, &quot;centerAverage&quot;: &quot;9a9c93&quot;, &quot;suggestedBgColor&quot;: &quot;767a6a&quot; }, &quot;urlId&quot;: &quot;fhi6ch0mo4oxoyja7j28h9jobm52em&quot;, &quot;title&quot;: &quot;&quot;, &quot;body&quot;: null, &quot;likeCount&quot;: 0, &quot;commentCount&quot;: 0, &quot;publicCommentCount&quot;: 0, &quot;commentState&quot;: 2, &quot;unsaved&quot;: false, &quot;author&quot;: { &quot;id&quot;: &quot;64dfae821c776406bf29df16&quot;, &quot;displayName&quot;: &quot;System Admin&quot;, &quot;firstName&quot;: &quot;System&quot;, &quot;lastName&quot;: &quot;Admin&quot;, &quot;avatarUrl&quot;: &quot;https://images.squarespace-cdn.com/content/v2/namespaces/memberAccountAvatars/libraries/64dfae821c776406bf29df16/99eda23a380c48b6a0f1a13137d86d1d/99eda23a380c48b6a0f1a13137d86d1d.jpeg?format=300w&quot;, &quot;bio&quot;: &quot;&quot;, &quot;avatarAssetUrl&quot;: &quot;https://images.squarespace-cdn.com/content/v2/namespaces/memberAccountAvatars/libraries/64dfae821c776406bf29df16/99eda23a380c48b6a0f1a13137d86d1d/99eda23a380c48b6a0f1a13137d86d1d.jpeg?format=300w&quot; }, &quot;assetUrl&quot;: &quot;https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/b4d47d14-cdbf-4fcb-b72c-225105a664d9/LeakRepair.jpg&quot;, &quot;contentType&quot;: &quot;image/jpeg&quot;, &quot;items&quot;: [ ], &quot;pushedServices&quot;: { }, &quot;pendingPushedServices&quot;: { }, &quot;originalSize&quot;: &quot;1850x888&quot;, &quot;recordTypeLabel&quot;: &quot;image&quot; } }, { &quot;title&quot;: &quot;Preventative Maintenance for Commercial Roofing&quot;, &quot;description&quot;: &quot;&lt;p class=\&quot;\&quot; style=\&quot;white-space:pre-wrap;\&quot;&gt;It all begins with an idea. Maybe you want to launch a business. Maybe you want to turn a hobby into something more. Or maybe you have a creative project to share with the world. Whatever it is, the way you tell your story online can make all the difference. &lt;\/p&gt;&lt;p class=\&quot;\&quot; data-rte-preserve-empty=\&quot;true\&quot; style=\&quot;white-space:pre-wrap;\&quot;&gt;&lt;\/p&gt;&quot;, &quot;button&quot;: { &quot;buttonText&quot;: &quot;More Info&quot;, &quot;buttonLink&quot;: &quot;/preventative-maintenance-1&quot;, &quot;buttonNewWindow&quot;: false }, &quot;imageId&quot;: &quot;6452a5aa6be0d9733c7346f2&quot;, &quot;imageAltText&quot;: &quot;Preventative Maintenance for Commercial Roofing&quot;, &quot;image&quot;: { &quot;id&quot;: &quot;6452a5aa6be0d9733c7346f2&quot;, &quot;recordType&quot;: 2, &quot;addedOn&quot;: 1683137962335, &quot;updatedOn&quot;: 1683137962374, &quot;workflowState&quot;: 1, &quot;publishOn&quot;: 1683137962335, &quot;authorId&quot;: &quot;64dfae821c776406bf29df16&quot;, &quot;systemDataId&quot;: &quot;374a2928-739e-4ff2-817c-35cef69015f0&quot;, &quot;systemDataVariants&quot;: &quot;1850x888,100w,300w,500w,750w,1000w,1500w&quot;, &quot;systemDataSourceType&quot;: &quot;JPG&quot;, &quot;filename&quot;: &quot;maintenance.jpg&quot;, &quot;mediaFocalPoint&quot;: { &quot;x&quot;: 0.5, &quot;y&quot;: 0.5, &quot;source&quot;: 3 }, &quot;colorData&quot;: { &quot;topLeftAverage&quot;: &quot;2e3339&quot;, &quot;topRightAverage&quot;: &quot;7e7164&quot;, &quot;bottomLeftAverage&quot;: &quot;4c505a&quot;, &quot;bottomRightAverage&quot;: &quot;7d7a7d&quot;, &quot;centerAverage&quot;: &quot;7e7c80&quot;, &quot;suggestedBgColor&quot;: &quot;4d4f4f&quot; }, &quot;urlId&quot;: &quot;jzanppzalbhwdtml7lug6ntiqml11a&quot;, &quot;title&quot;: &quot;&quot;, &quot;body&quot;: null, &quot;likeCount&quot;: 0, &quot;commentCount&quot;: 0, &quot;publicCommentCount&quot;: 0, &quot;commentState&quot;: 2, &quot;unsaved&quot;: false, &quot;author&quot;: { &quot;id&quot;: &quot;64dfae821c776406bf29df16&quot;, &quot;displayName&quot;: &quot;System Admin&quot;, &quot;firstName&quot;: &quot;System&quot;, &quot;lastName&quot;: &quot;Admin&quot;, &quot;avatarUrl&quot;: &quot;https://images.squarespace-cdn.com/content/v2/namespaces/memberAccountAvatars/libraries/64dfae821c776406bf29df16/99eda23a380c48b6a0f1a13137d86d1d/99eda23a380c48b6a0f1a13137d86d1d.jpeg?format=300w&quot;, &quot;bio&quot;: &quot;&quot;, &quot;avatarAssetUrl&quot;: &quot;https://images.squarespace-cdn.com/content/v2/namespaces/memberAccountAvatars/libraries/64dfae821c776406bf29df16/99eda23a380c48b6a0f1a13137d86d1d/99eda23a380c48b6a0f1a13137d86d1d.jpeg?format=300w&quot; }, &quot;assetUrl&quot;: &quot;https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/374a2928-739e-4ff2-817c-35cef69015f0/maintenance.jpg&quot;, &quot;contentType&quot;: &quot;image/jpeg&quot;, &quot;items&quot;: [ ], &quot;pushedServices&quot;: { }, &quot;pendingPushedServices&quot;: { }, &quot;originalSize&quot;: &quot;1850x888&quot;, &quot;recordTypeLabel&quot;: &quot;image&quot; } } ], &quot;styles&quot;: { &quot;imageFocalPoint&quot;: { &quot;x&quot;: 0.5, &quot;y&quot;: 0.5 }, &quot;imageOverlayOpacity&quot;: 0.3, &quot;backgroundColor&quot;: &quot;white&quot;, &quot;sectionTheme&quot;: &quot;bright&quot;, &quot;imageEffect&quot;: &quot;none&quot;, &quot;backgroundMode&quot;: &quot;image&quot;, &quot;backgroundImage&quot;: null }, &quot;video&quot;: { &quot;filter&quot;: 1, &quot;videoFallbackContentItem&quot;: null, &quot;nativeVideoContentItem&quot;: null, &quot;videoSourceProvider&quot;: &quot;none&quot; }, &quot;backgroundImageFocalPoint&quot;: null, &quot;backgroundImageId&quot;: null, &quot;options&quot;: { &quot;isCardEnabled&quot;: false, &quot;isShowAdjacentSlides&quot;: false, &quot;isInfiniteEnabled&quot;: true, &quot;slideDurationMs&quot;: 1000, &quot;isMediaEnabled&quot;: true, &quot;isTitleEnabled&quot;: true, &quot;isBodyEnabled&quot;: false, &quot;isButtonEnabled&quot;: true, &quot;layoutWidth&quot;: &quot;full-bleed&quot;, &quot;titleAlignment&quot;: &quot;left&quot;, &quot;bodyAlignment&quot;: &quot;left&quot;, &quot;buttonAlignment&quot;: &quot;left&quot;, &quot;cardHorizontalPosition&quot;: &quot;left&quot;, &quot;cardVerticalPosition&quot;: &quot;bottom&quot;, &quot;titleFontSize&quot;: &quot;heading-2&quot;, &quot;bodyFontSize&quot;: &quot;paragraph-2&quot;, &quot;buttonFontSize&quot;: &quot;button-medium&quot;, &quot;customOptions&quot;: { &quot;customTitleFontSize&quot;: { &quot;value&quot;: 3, &quot;unit&quot;: &quot;rem&quot; }, &quot;customBodyFontSize&quot;: { &quot;value&quot;: 1.4, &quot;unit&quot;: &quot;rem&quot; }, &quot;customButtonFontSize&quot;: { &quot;value&quot;: 1.1, &quot;unit&quot;: &quot;rem&quot; } }, &quot;minSlideHeight&quot;: { &quot;value&quot;: 75, &quot;unit&quot;: &quot;vh&quot; }, &quot;verticalPaddingTop&quot;: { &quot;value&quot;: 0, &quot;unit&quot;: &quot;vmax&quot; }, &quot;verticalPaddingBottom&quot;: { &quot;value&quot;: 0, &quot;unit&quot;: &quot;vmax&quot; }, &quot;slideContentPaddingTop&quot;: { &quot;value&quot;: 2, &quot;unit&quot;: &quot;%&quot; }, &quot;slideContentPaddingRight&quot;: { &quot;value&quot;: 4, &quot;unit&quot;: &quot;%&quot; }, &quot;slideContentPaddingBottom&quot;: { &quot;value&quot;: 0, &quot;unit&quot;: &quot;%&quot; }, &quot;slideContentPaddingLeft&quot;: { &quot;value&quot;: 4, &quot;unit&quot;: &quot;%&quot; }, &quot;spaceBetweenSlides&quot;: { &quot;value&quot;: 0, &quot;unit&quot;: &quot;px&quot; }, &quot;spaceBelowTitle&quot;: { &quot;value&quot;: 1, &quot;unit&quot;: &quot;%&quot; }, &quot;spaceBelowBody&quot;: { &quot;value&quot;: 4, &quot;unit&quot;: &quot;%&quot; }, &quot;cardPaddingTop&quot;: { &quot;value&quot;: 2, &quot;unit&quot;: &quot;%&quot; }, &quot;cardPaddingRight&quot;: { &quot;value&quot;: 2, &quot;unit&quot;: &quot;%&quot; }, &quot;cardPaddingBottom&quot;: { &quot;value&quot;: 2, &quot;unit&quot;: &quot;%&quot; }, &quot;cardPaddingLeft&quot;: { &quot;value&quot;: 2, &quot;unit&quot;: &quot;%&quot; }, &quot;navigationOffset&quot;: { &quot;value&quot;: 3, &quot;unit&quot;: &quot;vw&quot; }, &quot;slideContentWidth&quot;: { &quot;value&quot;: 30, &quot;unit&quot;: &quot;%&quot; }, &quot;navigationControls&quot;: &quot;arrows&quot;, &quot;navigationPlacement&quot;: &quot;bottom&quot;, &quot;navigationAlignment&quot;: &quot;right&quot;, &quot;progressIndicators&quot;: &quot;bars&quot; }, &quot;layout&quot;: &quot;banner-slideshow&quot;, &quot;isSectionTitleEnabled&quot;: false, &quot;sectionTitle&quot;: &quot;&lt;p class=\&quot;\&quot; style=\&quot;white-space:pre-wrap;\&quot;&gt;Make it stand out.&lt;\/p&gt;&quot;, &quot;spaceBelowSectionTitle&quot;: { &quot;value&quot;: 40, &quot;unit&quot;: &quot;px&quot; }, &quot;sectionTitleAlignment&quot;: &quot;center&quot;, &quot;isSectionButtonEnabled&quot;: false, &quot;sectionButton&quot;: { &quot;buttonText&quot;: &quot;Make It&quot;, &quot;buttonLink&quot;: &quot;#&quot;, &quot;buttonNewWindow&quot;: false }, &quot;sectionButtonSize&quot;: &quot;medium&quot;, &quot;sectionButtonAlignment&quot;: &quot;center&quot;, &quot;spaceAboveSectionButton&quot;: { &quot;value&quot;: 40, &quot;unit&quot;: &quot;px&quot; } }" data-layout-width="full-bleed" data-title-font-unit="rem" data-description-font-unit="rem" data-button-font-unit="rem" data-vertical-padding-top-value="0" data-vertical-padding-bottom-value="0" data-vertical-padding-top-unit="vmax" data-vertical-padding-bottom-unit="vmax" data-has-multiple-slides > <div class="slideshow-wrapper"> <div class="slideshow-gutter"> <div class="slideshow-holder"> <ul class="slides" style=" min-height: 75vh; "> <li class=" slide list-item " style=" padding-top: 2%; padding-right: 4%; padding-bottom: 0%; padding-left: 4%; padding-bottom: calc(0% + 3vw + 60px); " data-is-card-enabled="false" > <div class="slide-media-container"> <img alt="" data-src="https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/79242537-8960-4974-9f97-5b8b0dede56d/OSR_Slide_TopContractors.jpg" data-image="https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/79242537-8960-4974-9f97-5b8b0dede56d/OSR_Slide_TopContractors.jpg" data-image-dimensions="1850x888" data-image-focal-point="0.5,0.5" alt="OSR_Slide_TopContractors.jpg" data-load="false" elementtiming="nbf-list-slideshow" src="https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/79242537-8960-4974-9f97-5b8b0dede56d/OSR_Slide_TopContractors.jpg" width="1850" height="888" alt="" sizes="" class="list-slideshow-image" style="display:block;object-position: 50% 50%;" srcset="https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/79242537-8960-4974-9f97-5b8b0dede56d/OSR_Slide_TopContractors.jpg?format=100w 100w, https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/79242537-8960-4974-9f97-5b8b0dede56d/OSR_Slide_TopContractors.jpg?format=300w 300w, https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/79242537-8960-4974-9f97-5b8b0dede56d/OSR_Slide_TopContractors.jpg?format=500w 500w, https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/79242537-8960-4974-9f97-5b8b0dede56d/OSR_Slide_TopContractors.jpg?format=750w 750w, https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/79242537-8960-4974-9f97-5b8b0dede56d/OSR_Slide_TopContractors.jpg?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/79242537-8960-4974-9f97-5b8b0dede56d/OSR_Slide_TopContractors.jpg?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/79242537-8960-4974-9f97-5b8b0dede56d/OSR_Slide_TopContractors.jpg?format=2500w 2500w" fetchpriority="high" loading="eager" decoding="async" data-loader="sqs"> </div> <div class="slide-content list-item-card-background " style=" width: 350px; min-width: 30%; max-width: 100%; " > <h2 class="list-item-content__title list-item-content--hidden" ></h2> <div class="list-item-content__button-container list-item-content--hidden" style="margin-top: 4%;" data-animation-role="button" > <a class=" list-item-content__button sqs-block-button-element sqs-block-button-element--medium sqs-button-element--primary " href="/" > </a> </div> </div> </li> <li class=" slide list-item " style=" padding-top: 2%; padding-right: 4%; padding-bottom: 0%; padding-left: 4%; padding-bottom: calc(0% + 3vw + 60px); " data-is-card-enabled="false" > <div class="slide-media-container"> <img alt="New Commercial Roof Construction" data-src="https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/10c70c0f-689c-41d9-b962-f0fc439ac46c/newConstruction.jpg" data-image="https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/10c70c0f-689c-41d9-b962-f0fc439ac46c/newConstruction.jpg" data-image-dimensions="1850x888" data-image-focal-point="0.5,0.5" alt="newConstruction.jpg" data-load="false" elementtiming="nbf-list-slideshow" src="https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/10c70c0f-689c-41d9-b962-f0fc439ac46c/newConstruction.jpg" width="1850" height="888" alt="" sizes="" class="list-slideshow-image" style="display:block;object-position: 50% 50%;" srcset="https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/10c70c0f-689c-41d9-b962-f0fc439ac46c/newConstruction.jpg?format=100w 100w, https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/10c70c0f-689c-41d9-b962-f0fc439ac46c/newConstruction.jpg?format=300w 300w, https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/10c70c0f-689c-41d9-b962-f0fc439ac46c/newConstruction.jpg?format=500w 500w, https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/10c70c0f-689c-41d9-b962-f0fc439ac46c/newConstruction.jpg?format=750w 750w, https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/10c70c0f-689c-41d9-b962-f0fc439ac46c/newConstruction.jpg?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/10c70c0f-689c-41d9-b962-f0fc439ac46c/newConstruction.jpg?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/10c70c0f-689c-41d9-b962-f0fc439ac46c/newConstruction.jpg?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs"> </div> <div class="slide-content list-item-card-background " style=" width: 350px; min-width: 30%; max-width: 100%; " > <h2 class="list-item-content__title" >New Commercial Roof Construction</h2> <div class="list-item-content__button-container" style="margin-top: 4%;" data-animation-role="button" > <a class=" list-item-content__button sqs-block-button-element sqs-block-button-element--medium sqs-button-element--primary " href="/new-construction" > More Info </a> </div> </div> </li> <li class=" slide list-item " style=" padding-top: 2%; padding-right: 4%; padding-bottom: 0%; padding-left: 4%; padding-bottom: calc(0% + 3vw + 60px); " data-is-card-enabled="false" > <div class="slide-media-container"> <img alt="Commercial Roof Replacement" data-src="https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/fd3938f1-4d84-463a-b1a3-fa92c46ec082/roofReplacement.jpg" data-image="https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/fd3938f1-4d84-463a-b1a3-fa92c46ec082/roofReplacement.jpg" data-image-dimensions="1850x888" data-image-focal-point="0.5,0.5" alt="roofReplacement.jpg" data-load="false" elementtiming="nbf-list-slideshow" src="https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/fd3938f1-4d84-463a-b1a3-fa92c46ec082/roofReplacement.jpg" width="1850" height="888" alt="" sizes="" class="list-slideshow-image" style="display:block;object-position: 50% 50%;" srcset="https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/fd3938f1-4d84-463a-b1a3-fa92c46ec082/roofReplacement.jpg?format=100w 100w, https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/fd3938f1-4d84-463a-b1a3-fa92c46ec082/roofReplacement.jpg?format=300w 300w, https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/fd3938f1-4d84-463a-b1a3-fa92c46ec082/roofReplacement.jpg?format=500w 500w, https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/fd3938f1-4d84-463a-b1a3-fa92c46ec082/roofReplacement.jpg?format=750w 750w, https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/fd3938f1-4d84-463a-b1a3-fa92c46ec082/roofReplacement.jpg?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/fd3938f1-4d84-463a-b1a3-fa92c46ec082/roofReplacement.jpg?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/fd3938f1-4d84-463a-b1a3-fa92c46ec082/roofReplacement.jpg?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs"> </div> <div class="slide-content list-item-card-background " style=" width: 350px; min-width: 30%; max-width: 100%; " > <h2 class="list-item-content__title" >Commercial Roof Replacement</h2> <div class="list-item-content__button-container" style="margin-top: 4%;" data-animation-role="button" > <a class=" list-item-content__button sqs-block-button-element sqs-block-button-element--medium sqs-button-element--primary " href="/roof-replacement" > More Info </a> </div> </div> </li> <li class=" slide list-item " style=" padding-top: 2%; padding-right: 4%; padding-bottom: 0%; padding-left: 4%; padding-bottom: calc(0% + 3vw + 60px); " data-is-card-enabled="false" > <div class="slide-media-container"> <img alt="Commercial Roof Leak Repair &amp; Service" data-src="https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/b4d47d14-cdbf-4fcb-b72c-225105a664d9/LeakRepair.jpg" data-image="https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/b4d47d14-cdbf-4fcb-b72c-225105a664d9/LeakRepair.jpg" data-image-dimensions="1850x888" data-image-focal-point="0.5,0.5" alt="LeakRepair.jpg" data-load="false" elementtiming="nbf-list-slideshow" src="https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/b4d47d14-cdbf-4fcb-b72c-225105a664d9/LeakRepair.jpg" width="1850" height="888" alt="" sizes="" class="list-slideshow-image" style="display:block;object-position: 50% 50%;" srcset="https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/b4d47d14-cdbf-4fcb-b72c-225105a664d9/LeakRepair.jpg?format=100w 100w, https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/b4d47d14-cdbf-4fcb-b72c-225105a664d9/LeakRepair.jpg?format=300w 300w, https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/b4d47d14-cdbf-4fcb-b72c-225105a664d9/LeakRepair.jpg?format=500w 500w, https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/b4d47d14-cdbf-4fcb-b72c-225105a664d9/LeakRepair.jpg?format=750w 750w, https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/b4d47d14-cdbf-4fcb-b72c-225105a664d9/LeakRepair.jpg?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/b4d47d14-cdbf-4fcb-b72c-225105a664d9/LeakRepair.jpg?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/b4d47d14-cdbf-4fcb-b72c-225105a664d9/LeakRepair.jpg?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs"> </div> <div class="slide-content list-item-card-background " style=" width: 350px; min-width: 30%; max-width: 100%; " > <h2 class="list-item-content__title" >Commercial Roof Leak Repair &amp; Service</h2> <div class="list-item-content__button-container" style="margin-top: 4%;" data-animation-role="button" > <a class=" list-item-content__button sqs-block-button-element sqs-block-button-element--medium sqs-button-element--primary " href="/leak-repair-service" > More Info </a> </div> </div> </li> <li class=" slide list-item " style=" padding-top: 2%; padding-right: 4%; padding-bottom: 0%; padding-left: 4%; padding-bottom: calc(0% + 3vw + 60px); " data-is-card-enabled="false" > <div class="slide-media-container"> <img alt="Preventative Maintenance for Commercial Roofing" data-src="https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/374a2928-739e-4ff2-817c-35cef69015f0/maintenance.jpg" data-image="https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/374a2928-739e-4ff2-817c-35cef69015f0/maintenance.jpg" data-image-dimensions="1850x888" data-image-focal-point="0.5,0.5" alt="maintenance.jpg" data-load="false" elementtiming="nbf-list-slideshow" src="https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/374a2928-739e-4ff2-817c-35cef69015f0/maintenance.jpg" width="1850" height="888" alt="" sizes="" class="list-slideshow-image" style="display:block;object-position: 50% 50%;" srcset="https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/374a2928-739e-4ff2-817c-35cef69015f0/maintenance.jpg?format=100w 100w, https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/374a2928-739e-4ff2-817c-35cef69015f0/maintenance.jpg?format=300w 300w, https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/374a2928-739e-4ff2-817c-35cef69015f0/maintenance.jpg?format=500w 500w, https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/374a2928-739e-4ff2-817c-35cef69015f0/maintenance.jpg?format=750w 750w, https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/374a2928-739e-4ff2-817c-35cef69015f0/maintenance.jpg?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/374a2928-739e-4ff2-817c-35cef69015f0/maintenance.jpg?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/374a2928-739e-4ff2-817c-35cef69015f0/maintenance.jpg?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs"> </div> <div class="slide-content list-item-card-background " style=" width: 350px; min-width: 30%; max-width: 100%; " > <h2 class="list-item-content__title" >Preventative Maintenance for Commercial Roofing</h2> <div class="list-item-content__button-container" style="margin-top: 4%;" data-animation-role="button" > <a class=" list-item-content__button sqs-block-button-element sqs-block-button-element--medium sqs-button-element--primary " href="/preventative-maintenance-1" > More Info </a> </div> </div> </li> </ul> </div> </div> <div class="mobile-arrows"> <button class=" mobile-arrow-button mobile-arrow-button--left " aria-label=" Previous " data-animation-role="button" > <div class=" user-items-list-banner-slideshow__arrow-icon-background mobile-arrow-icon-background-area "> </div> <svg class="mobile-arrow-icon" viewBox="0 0 24 14" xmlns="http://www.w3.org/2000/svg"> <path class="user-items-list-banner-slideshow__arrow-icon-foreground mobile-arrow-icon-path" d="M7.87012 13L2.00021 7L7.87012 1" stroke-width="2" fill="none" /> <path class="user-items-list-banner-slideshow__arrow-icon-foreground mobile-arrow-icon-path" d="M22.9653 7L3.03948 7" stroke-width="2" stroke-linecap="square" fill="none" /> </svg> </button> <button class=" mobile-arrow-button mobile-arrow-button--right " aria-label=" Next " data-animation-role="button" > <div class=" user-items-list-banner-slideshow__arrow-icon-background mobile-arrow-icon-background-area "> </div> <svg class="mobile-arrow-icon" viewBox="0 0 24 14" xmlns="http://www.w3.org/2000/svg"> <path class="user-items-list-banner-slideshow__arrow-icon-foreground mobile-arrow-icon-path" d="M16.1299 1L21.9998 7L16.1299 13" stroke-width="2" fill="none" /> <path class="user-items-list-banner-slideshow__arrow-icon-foreground mobile-arrow-icon-path" d="M1.03472 7H20.9605" stroke-width="2" stroke-linecap="square" fill="none" /> </svg> </button> </div> <div class="desktop-arrows arrows-bottom-outer"> <div class="arrows-bottom-wrapper" style=" padding-right: 4%; padding-bottom: 3vw; padding-left: 4%; " > <div class="arrows-bottom"> <button class=" user-items-list-banner-slideshow__arrow-button user-items-list-banner-slideshow__arrow-button--left " aria-label=" Previous " data-animation-role="button" > <div class=" user-items-list-banner-slideshow__arrow-icon-background user-items-list-banner-slideshow__arrow-icon-background-area "> </div> <svg class="user-items-list-banner-slideshow__arrow-icon" viewBox="0 0 44 18" xmlns="http://www.w3.org/2000/svg"> <path class="user-items-list-banner-slideshow__arrow-icon-foreground user-items-list-banner-slideshow__arrow-icon-path" d="M9.90649 16.96L2.1221 9.17556L9.9065 1.39116" /> <path class="user-items-list-banner-slideshow__arrow-icon-foreground user-items-list-banner-slideshow__arrow-icon-path" d="M42.8633 9.18125L3.37868 9.18125" /> </svg> </button> <button class=" user-items-list-banner-slideshow__arrow-button user-items-list-banner-slideshow__arrow-button--right " aria-label=" Next " data-animation-role="button" > <div class=" user-items-list-banner-slideshow__arrow-icon-background user-items-list-banner-slideshow__arrow-icon-background-area "> </div> <svg class="user-items-list-banner-slideshow__arrow-icon" viewBox="0 0 44 18" xmlns="http://www.w3.org/2000/svg"> <path class="user-items-list-banner-slideshow__arrow-icon-foreground user-items-list-banner-slideshow__arrow-icon-path" d="M34.1477 1.39111L41.9321 9.17551L34.1477 16.9599" /> <path class="user-items-list-banner-slideshow__arrow-icon-foreground user-items-list-banner-slideshow__arrow-icon-path" d="M1.19088 9.16982H40.6755" /> </svg> </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class="section-divider-display" style=" --stroke-thickness: 15px; --stroke-dasharray: 0; --stroke-linecap: square; --section-divider-stroke-color: hsla(var(--accent-hsl), 1); " > <style> .has-section-divider[data-section-id="645287c72d59bf10c5d46e6c"] { padding-bottom: var(--divider-height); z-index: var(--z-index); } .has-section-divider[data-section-id="645287c72d59bf10c5d46e6c"] .background-pause-button { bottom: calc(14px + var(--divider-height)); } .has-section-divider[data-section-id="645287c72d59bf10c5d46e6c"] .section-divider-svg-clip { display: none; } .has-section-divider[data-section-id="645287c72d59bf10c5d46e6c"].background-width--inset:not(.content-collection):not(.gallery-section):not(.user-items-list-section) { padding-bottom: calc(var(--sqs-site-gutter) + var(--divider-height)); } .has-section-divider[data-section-id="645287c72d59bf10c5d46e6c"].background-width--inset:not(.content-collection):not(.gallery-section):not(.user-items-list-section) .section-background { bottom: calc(var(--sqs-site-gutter) + var(--divider-height)); } .has-section-divider[data-section-id="645287c72d59bf10c5d46e6c"] .section-divider-block { height: var(--divider-height); } </style> <style data-section-divider-style> .has-section-divider[data-section-id="645287c72d59bf10c5d46e6c"] { padding-bottom: 6vw; } .has-section-divider[data-section-id="645287c72d59bf10c5d46e6c"].background-width--inset:not(.content-collection):not(.gallery-section):not(.user-items-list-section) { padding-bottom: calc(var(--sqs-site-gutter) + 6vw); } </style> <div class="section-divider-block"></div> <svg class="section-divider-svg-clip"> <clipPath id="section-divider-645287c72d59bf10c5d46e6c" clipPathUnits="objectBoundingBox" > <path class="section-divider-clip" d="M0,0" /> </clipPath> </svg> <svg class="section-divider-svg-stroke" viewBox="0 0 1 1" preserveAspectRatio="none"> <path class="section-divider-stroke" d="M0,0" vector-effect="non-scaling-stroke" /> </svg> </div> </section> <section data-test="page-section" data-section-theme="dark" class='page-section has-section-divider full-bleed-section layout-engine-section background-width--full-bleed section-height--small content-width--wide horizontal-alignment--center vertical-alignment--middle dark' data-section-id="64513367fb5256626c258b94" data-controller="SectionWrapperController" data-current-styles="{ &quot;imageOverlayOpacity&quot;: 0.15, &quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;, &quot;sectionHeight&quot;: &quot;section-height--small&quot;, &quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;, &quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;, &quot;contentWidth&quot;: &quot;content-width--wide&quot;, &quot;customContentWidth&quot;: 50, &quot;sectionTheme&quot;: &quot;dark&quot;, &quot;sectionAnimation&quot;: &quot;none&quot;, &quot;backgroundMode&quot;: &quot;image&quot; }" data-current-context="{ &quot;video&quot;: { &quot;playbackSpeed&quot;: 0.5, &quot;filter&quot;: 1, &quot;filterStrength&quot;: 0, &quot;zoom&quot;: 0, &quot;videoSourceProvider&quot;: &quot;none&quot; }, &quot;backgroundImageId&quot;: null, &quot;backgroundMediaEffect&quot;: { &quot;type&quot;: &quot;none&quot; }, &quot;divider&quot;: { &quot;enabled&quot;: true, &quot;type&quot;: &quot;pointed&quot;, &quot;width&quot;: { &quot;unit&quot;: &quot;vw&quot;, &quot;value&quot;: 100.0 }, &quot;height&quot;: { &quot;unit&quot;: &quot;vw&quot;, &quot;value&quot;: 2.0 }, &quot;isFlipX&quot;: true, &quot;isFlipY&quot;: false, &quot;offset&quot;: { &quot;unit&quot;: &quot;px&quot;, &quot;value&quot;: 0.0 }, &quot;stroke&quot;: { &quot;style&quot;: &quot;solid&quot;, &quot;color&quot;: { &quot;type&quot;: &quot;THEME_COLOR&quot; }, &quot;thickness&quot;: { &quot;unit&quot;: &quot;px&quot;, &quot;value&quot;: 6.0 }, &quot;dashLength&quot;: { &quot;unit&quot;: &quot;px&quot;, &quot;value&quot;: 5.0 }, &quot;gapLength&quot;: { &quot;unit&quot;: &quot;px&quot;, &quot;value&quot;: 15.0 }, &quot;linecap&quot;: &quot;square&quot; } }, &quot;typeName&quot;: &quot;portfolio-grid-basic&quot; }" data-animation="none" data-fluid-engine-section > <div class="section-border" data-controller="SectionDivider" style="clip-path: url(#section-divider-64513367fb5256626c258b94);" > <div class="section-background"> </div> </div> <div class='content-wrapper' style=' ' > <div class="content" > <div data-fluid-engine="true"><style> .fe-6451336724b1ffac05a79041 { --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (8 - 1)) ) / 8 ); display: grid; position: relative; grid-area: 1/1/-1/-1; grid-template-rows: repeat(9,minmax(24px, auto)); grid-template-columns: minmax(var(--grid-gutter), 1fr) repeat(8, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr); row-gap: 11.0px; column-gap: 11.0px; } @media (min-width: 768px) { .background-width--inset .fe-6451336724b1ffac05a79041 { --inset-padding: calc(var(--sqs-site-gutter) * 2); } .fe-6451336724b1ffac05a79041 { --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (24 - 1)) ) / 24 ); --inset-padding: 0vw; --row-height-scaling-factor: 0.0215; --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) )); grid-template-rows: repeat(4,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto)); grid-template-columns: minmax(var(--grid-gutter), 1fr) repeat(24, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr); } } .fe-block-64513367f70ef4dfd4c161c5 { grid-area: 1/2/10/10; z-index: 0; @media (max-width: 767px) { } } .fe-block-64513367f70ef4dfd4c161c5 .sqs-block { justify-content: flex-start; } .fe-block-64513367f70ef4dfd4c161c5 .sqs-block-alignment-wrapper { align-items: flex-start; } @media (min-width: 768px) { .fe-block-64513367f70ef4dfd4c161c5 { grid-area: 1/3/5/25; z-index: 0; } .fe-block-64513367f70ef4dfd4c161c5 .sqs-block { justify-content: flex-start; } .fe-block-64513367f70ef4dfd4c161c5 .sqs-block-alignment-wrapper { align-items: flex-start; } } </style><div class="fluid-engine fe-6451336724b1ffac05a79041"><div class="fe-block fe-block-64513367f70ef4dfd4c161c5"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="&#123;&quot;topLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;topRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;&#125;" id="block-64513367f70ef4dfd4c161c5"><div class="sqs-block-content"> <div class="sqs-html-content"> <h2 style="text-align:center;white-space:pre-wrap;">One of The Nation鈥檚 Top Commercial Roofing Contractors</h2><p style="text-align:center;white-space:pre-wrap;" class="">Our mission is to provide the highest quality service, materials, and workmanship while maintaining our reputation&nbsp;as one of the nation鈥檚 best commercial roofing companies.</p> </div> </div></div></div></div></div> </div> </div> <div class="section-divider-display" style=" --stroke-thickness: 6px; --stroke-dasharray: 0; --stroke-linecap: square; " > <style> .has-section-divider[data-section-id="64513367fb5256626c258b94"] { padding-bottom: var(--divider-height); z-index: var(--z-index); } .has-section-divider[data-section-id="64513367fb5256626c258b94"] .background-pause-button { bottom: calc(14px + var(--divider-height)); } .has-section-divider[data-section-id="64513367fb5256626c258b94"] .section-divider-svg-clip { display: block; } .has-section-divider[data-section-id="64513367fb5256626c258b94"].background-width--inset:not(.content-collection):not(.gallery-section):not(.user-items-list-section) { padding-bottom: calc(var(--sqs-site-gutter) + var(--divider-height)); } .has-section-divider[data-section-id="64513367fb5256626c258b94"].background-width--inset:not(.content-collection):not(.gallery-section):not(.user-items-list-section) .section-background { bottom: calc(var(--sqs-site-gutter) + var(--divider-height)); } .has-section-divider[data-section-id="64513367fb5256626c258b94"] .section-divider-block { height: var(--divider-height); } </style> <style data-section-divider-style> .has-section-divider[data-section-id="64513367fb5256626c258b94"] { padding-bottom: 2vw; } .has-section-divider[data-section-id="64513367fb5256626c258b94"].background-width--inset:not(.content-collection):not(.gallery-section):not(.user-items-list-section) { padding-bottom: calc(var(--sqs-site-gutter) + 2vw); } </style> <div class="section-divider-block"></div> <svg class="section-divider-svg-clip"> <clipPath id="section-divider-64513367fb5256626c258b94" clipPathUnits="objectBoundingBox" > <path class="section-divider-clip" d="M0,0" /> </clipPath> </svg> <svg class="section-divider-svg-stroke" viewBox="0 0 1 1" preserveAspectRatio="none"> <path class="section-divider-stroke" d="M0,0" vector-effect="non-scaling-stroke" /> </svg> </div> </section> <section data-test="page-section" data-section-theme="light" class='page-section full-bleed-section layout-engine-section background-width--full-bleed section-height--medium content-width--wide horizontal-alignment--center vertical-alignment--middle light' data-section-id="645133623c42afb3fb777d22" data-controller="SectionWrapperController" data-current-styles="{ &quot;imageOverlayOpacity&quot;: 0.15, &quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;, &quot;sectionHeight&quot;: &quot;section-height--medium&quot;, &quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;, &quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;, &quot;contentWidth&quot;: &quot;content-width--wide&quot;, &quot;customContentWidth&quot;: 50, &quot;sectionTheme&quot;: &quot;light&quot;, &quot;sectionAnimation&quot;: &quot;none&quot;, &quot;backgroundMode&quot;: &quot;image&quot; }" data-current-context="{ &quot;video&quot;: { &quot;playbackSpeed&quot;: 0.5, &quot;filter&quot;: 1, &quot;filterStrength&quot;: 0, &quot;zoom&quot;: 0, &quot;videoSourceProvider&quot;: &quot;none&quot; }, &quot;backgroundImageId&quot;: null, &quot;backgroundMediaEffect&quot;: { &quot;type&quot;: &quot;none&quot; }, &quot;divider&quot;: { &quot;enabled&quot;: false }, &quot;typeName&quot;: &quot;portfolio-grid-basic&quot; }" data-animation="none" data-fluid-engine-section > <div class="section-border" > <div class="section-background"> </div> </div> <div class='content-wrapper' style=' ' > <div class="content" > <div data-fluid-engine="true"><style> .fe-645133628867a0b3f3d82976 { --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (8 - 1)) ) / 8 ); display: grid; position: relative; grid-area: 1/1/-1/-1; grid-template-rows: repeat(32,minmax(24px, auto)); grid-template-columns: minmax(var(--grid-gutter), 1fr) repeat(8, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr); row-gap: 11.0px; column-gap: 11.0px; } @media (min-width: 768px) { .background-width--inset .fe-645133628867a0b3f3d82976 { --inset-padding: calc(var(--sqs-site-gutter) * 2); } .fe-645133628867a0b3f3d82976 { --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (24 - 1)) ) / 24 ); --inset-padding: 0vw; --row-height-scaling-factor: 0.0215; --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) )); grid-template-rows: repeat(8,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto)); grid-template-columns: minmax(var(--grid-gutter), 1fr) repeat(24, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr); } } .fe-block-yui_3_17_2_1_1683040988692_18307 { grid-area: 1/2/7/10; z-index: 2; @media (max-width: 767px) { } } .fe-block-yui_3_17_2_1_1683040988692_18307 .sqs-block { justify-content: center; } .fe-block-yui_3_17_2_1_1683040988692_18307 .sqs-block-alignment-wrapper { align-items: center; } @media (min-width: 768px) { .fe-block-yui_3_17_2_1_1683040988692_18307 { grid-area: 1/3/7/7; z-index: 2; } .fe-block-yui_3_17_2_1_1683040988692_18307 .sqs-block { justify-content: center; } .fe-block-yui_3_17_2_1_1683040988692_18307 .sqs-block-alignment-wrapper { align-items: center; } } .fe-block-yui_3_17_2_1_1683040988692_23707 { grid-area: 7/2/9/10; z-index: 6; @media (max-width: 767px) { } } .fe-block-yui_3_17_2_1_1683040988692_23707 .sqs-block { justify-content: flex-start; } .fe-block-yui_3_17_2_1_1683040988692_23707 .sqs-block-alignment-wrapper { align-items: flex-start; } @media (min-width: 768px) { .fe-block-yui_3_17_2_1_1683040988692_23707 { grid-area: 7/2/9/8; z-index: 6; } .fe-block-yui_3_17_2_1_1683040988692_23707 .sqs-block { justify-content: flex-start; } .fe-block-yui_3_17_2_1_1683040988692_23707 .sqs-block-alignment-wrapper { align-items: flex-start; } } .fe-block-5139de806af6e8a635ca { grid-area: 9/2/15/10; z-index: 3; @media (max-width: 767px) { } } .fe-block-5139de806af6e8a635ca .sqs-block { justify-content: center; } .fe-block-5139de806af6e8a635ca .sqs-block-alignment-wrapper { align-items: center; } @media (min-width: 768px) { .fe-block-5139de806af6e8a635ca { grid-area: 1/9/7/13; z-index: 3; } .fe-block-5139de806af6e8a635ca .sqs-block { justify-content: center; } .fe-block-5139de806af6e8a635ca .sqs-block-alignment-wrapper { align-items: center; } } .fe-block-46e48e088ef79d4dee63 { grid-area: 15/2/17/10; z-index: 7; @media (max-width: 767px) { } } .fe-block-46e48e088ef79d4dee63 .sqs-block { justify-content: flex-start; } .fe-block-46e48e088ef79d4dee63 .sqs-block-alignment-wrapper { align-items: flex-start; } @media (min-width: 768px) { .fe-block-46e48e088ef79d4dee63 { grid-area: 7/8/9/14; z-index: 7; } .fe-block-46e48e088ef79d4dee63 .sqs-block { justify-content: flex-start; } .fe-block-46e48e088ef79d4dee63 .sqs-block-alignment-wrapper { align-items: flex-start; } } .fe-block-a573f802cd8abba9d014 { grid-area: 17/2/23/10; z-index: 4; @media (max-width: 767px) { } } .fe-block-a573f802cd8abba9d014 .sqs-block { justify-content: center; } .fe-block-a573f802cd8abba9d014 .sqs-block-alignment-wrapper { align-items: center; } @media (min-width: 768px) { .fe-block-a573f802cd8abba9d014 { grid-area: 1/15/7/19; z-index: 4; } .fe-block-a573f802cd8abba9d014 .sqs-block { justify-content: center; } .fe-block-a573f802cd8abba9d014 .sqs-block-alignment-wrapper { align-items: center; } } .fe-block-77ffc586e42e2405485a { grid-area: 23/2/25/10; z-index: 8; @media (max-width: 767px) { } } .fe-block-77ffc586e42e2405485a .sqs-block { justify-content: flex-start; } .fe-block-77ffc586e42e2405485a .sqs-block-alignment-wrapper { align-items: flex-start; } @media (min-width: 768px) { .fe-block-77ffc586e42e2405485a { grid-area: 7/14/9/20; z-index: 8; } .fe-block-77ffc586e42e2405485a .sqs-block { justify-content: flex-start; } .fe-block-77ffc586e42e2405485a .sqs-block-alignment-wrapper { align-items: flex-start; } } .fe-block-4b3d9ec32381c3f5c910 { grid-area: 25/2/31/10; z-index: 5; @media (max-width: 767px) { } } .fe-block-4b3d9ec32381c3f5c910 .sqs-block { justify-content: center; } .fe-block-4b3d9ec32381c3f5c910 .sqs-block-alignment-wrapper { align-items: center; } @media (min-width: 768px) { .fe-block-4b3d9ec32381c3f5c910 { grid-area: 1/21/7/25; z-index: 5; } .fe-block-4b3d9ec32381c3f5c910 .sqs-block { justify-content: center; } .fe-block-4b3d9ec32381c3f5c910 .sqs-block-alignment-wrapper { align-items: center; } } .fe-block-1a919f915a932ccb7cf5 { grid-area: 31/2/33/10; z-index: 9; @media (max-width: 767px) { } } .fe-block-1a919f915a932ccb7cf5 .sqs-block { justify-content: flex-start; } .fe-block-1a919f915a932ccb7cf5 .sqs-block-alignment-wrapper { align-items: flex-start; } @media (min-width: 768px) { .fe-block-1a919f915a932ccb7cf5 { grid-area: 7/20/9/26; z-index: 9; } .fe-block-1a919f915a932ccb7cf5 .sqs-block { justify-content: flex-start; } .fe-block-1a919f915a932ccb7cf5 .sqs-block-alignment-wrapper { align-items: flex-start; } } </style><div class="fluid-engine fe-645133628867a0b3f3d82976"><div class="fe-block fe-block-yui_3_17_2_1_1683040988692_18307"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-block-type="5" id="block-yui_3_17_2_1_1683040988692_18307"><div class="sqs-block-content"> <div class=" image-block-outer-wrapper layout-caption-below design-layout-fluid image-position-center combination-animation-site-default individual-animation-site-default " data-test="image-block-fluid-outer-wrapper" > <div class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper" data-animation-role="image" > <div class="fluid-image-container sqs-image-content" style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;" > <a class="sqs-block-image-link content-fit" href="/new-construction" > <img data-stretch="false" data-src="https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/26178c49-bcce-4d61-b43c-5373769f14db/OSR_newConstruction.png" data-image="https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/26178c49-bcce-4d61-b43c-5373769f14db/OSR_newConstruction.png" data-image-dimensions="612x612" data-image-focal-point="0.5,0.5" alt="New Construction" data-load="false" elementtiming="system-image-block" src="https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/26178c49-bcce-4d61-b43c-5373769f14db/OSR_newConstruction.png" width="612" height="612" alt="" sizes="(max-width: 640px) 100vw, (max-width: 767px) 100vw, 16.666666666666664vw" style="display:block;object-fit: contain; object-position: 50% 50%" srcset="https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/26178c49-bcce-4d61-b43c-5373769f14db/OSR_newConstruction.png?format=100w 100w, https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/26178c49-bcce-4d61-b43c-5373769f14db/OSR_newConstruction.png?format=300w 300w, https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/26178c49-bcce-4d61-b43c-5373769f14db/OSR_newConstruction.png?format=500w 500w, https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/26178c49-bcce-4d61-b43c-5373769f14db/OSR_newConstruction.png?format=750w 750w, https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/26178c49-bcce-4d61-b43c-5373769f14db/OSR_newConstruction.png?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/26178c49-bcce-4d61-b43c-5373769f14db/OSR_newConstruction.png?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/26178c49-bcce-4d61-b43c-5373769f14db/OSR_newConstruction.png?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs"> <div class="fluidImageOverlay"></div> </a> </div> </div> </div> <style> .sqs-block-image .sqs-block-content { height: 100%; width: 100%; } .fe-block-yui_3_17_2_1_1683040988692_18307 .fluidImageOverlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; mix-blend-mode: normal; opacity: 0; } </style> </div></div></div><div class="fe-block fe-block-yui_3_17_2_1_1683040988692_23707"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="&#123;&quot;topLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;topRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;&#125;" id="block-yui_3_17_2_1_1683040988692_23707"><div class="sqs-block-content"> <div class="sqs-html-content"> <h4 style="text-align:center;white-space:pre-wrap;"><strong>New Commercial <br>Roof Construction</strong></h4> </div> </div></div></div><div class="fe-block fe-block-5139de806af6e8a635ca"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-block-type="5" id="block-5139de806af6e8a635ca"><div class="sqs-block-content"> <div class=" image-block-outer-wrapper layout-caption-below design-layout-fluid image-position-center combination-animation-site-default individual-animation-site-default " data-test="image-block-fluid-outer-wrapper" > <div class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper" data-animation-role="image" > <div class="fluid-image-container sqs-image-content" style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;" > <a class="sqs-block-image-link content-fit" href="/roof-replacement" > <img data-stretch="false" data-src="https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/41a510c5-4862-437b-8365-7c508626bebb/OSR_RoofReplacement.png" data-image="https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/41a510c5-4862-437b-8365-7c508626bebb/OSR_RoofReplacement.png" data-image-dimensions="612x612" data-image-focal-point="0.5,0.5" alt="Commercial Roof Replacement" data-load="false" elementtiming="system-image-block" src="https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/41a510c5-4862-437b-8365-7c508626bebb/OSR_RoofReplacement.png" width="612" height="612" alt="" sizes="(max-width: 640px) 100vw, (max-width: 767px) 100vw, 16.666666666666664vw" style="display:block;object-fit: contain; object-position: 50% 50%" srcset="https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/41a510c5-4862-437b-8365-7c508626bebb/OSR_RoofReplacement.png?format=100w 100w, https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/41a510c5-4862-437b-8365-7c508626bebb/OSR_RoofReplacement.png?format=300w 300w, https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/41a510c5-4862-437b-8365-7c508626bebb/OSR_RoofReplacement.png?format=500w 500w, https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/41a510c5-4862-437b-8365-7c508626bebb/OSR_RoofReplacement.png?format=750w 750w, https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/41a510c5-4862-437b-8365-7c508626bebb/OSR_RoofReplacement.png?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/41a510c5-4862-437b-8365-7c508626bebb/OSR_RoofReplacement.png?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/41a510c5-4862-437b-8365-7c508626bebb/OSR_RoofReplacement.png?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs"> <div class="fluidImageOverlay"></div> </a> </div> </div> </div> <style> .sqs-block-image .sqs-block-content { height: 100%; width: 100%; } .fe-block-5139de806af6e8a635ca .fluidImageOverlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; mix-blend-mode: normal; opacity: 0; } </style> </div></div></div><div class="fe-block fe-block-46e48e088ef79d4dee63"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="&#123;&quot;topLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;topRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;&#125;" id="block-46e48e088ef79d4dee63"><div class="sqs-block-content"> <div class="sqs-html-content"> <h4 style="text-align:center;white-space:pre-wrap;"><strong>Commercial<br>Roof Replacement</strong></h4> </div> </div></div></div><div class="fe-block fe-block-a573f802cd8abba9d014"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-block-type="5" id="block-a573f802cd8abba9d014"><div class="sqs-block-content"> <div class=" image-block-outer-wrapper layout-caption-below design-layout-fluid image-position-center combination-animation-site-default individual-animation-site-default " data-test="image-block-fluid-outer-wrapper" > <div class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper" data-animation-role="image" > <div class="fluid-image-container sqs-image-content" style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;" > <a class="sqs-block-image-link content-fit" href="/leak-repair-service" > <img data-stretch="false" data-src="https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/9d36a0a0-62fb-4fcb-aba8-3f093f11094c/OSR_leakRepair.png" data-image="https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/9d36a0a0-62fb-4fcb-aba8-3f093f11094c/OSR_leakRepair.png" data-image-dimensions="612x612" data-image-focal-point="0.5,0.5" alt="Leak Repair &amp; Service" data-load="false" elementtiming="system-image-block" src="https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/9d36a0a0-62fb-4fcb-aba8-3f093f11094c/OSR_leakRepair.png" width="612" height="612" alt="" sizes="(max-width: 640px) 100vw, (max-width: 767px) 100vw, 16.666666666666664vw" style="display:block;object-fit: contain; object-position: 50% 50%" srcset="https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/9d36a0a0-62fb-4fcb-aba8-3f093f11094c/OSR_leakRepair.png?format=100w 100w, https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/9d36a0a0-62fb-4fcb-aba8-3f093f11094c/OSR_leakRepair.png?format=300w 300w, https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/9d36a0a0-62fb-4fcb-aba8-3f093f11094c/OSR_leakRepair.png?format=500w 500w, https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/9d36a0a0-62fb-4fcb-aba8-3f093f11094c/OSR_leakRepair.png?format=750w 750w, https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/9d36a0a0-62fb-4fcb-aba8-3f093f11094c/OSR_leakRepair.png?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/9d36a0a0-62fb-4fcb-aba8-3f093f11094c/OSR_leakRepair.png?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/9d36a0a0-62fb-4fcb-aba8-3f093f11094c/OSR_leakRepair.png?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs"> <div class="fluidImageOverlay"></div> </a> </div> </div> </div> <style> .sqs-block-image .sqs-block-content { height: 100%; width: 100%; } .fe-block-a573f802cd8abba9d014 .fluidImageOverlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; mix-blend-mode: normal; opacity: 0; } </style> </div></div></div><div class="fe-block fe-block-77ffc586e42e2405485a"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="&#123;&quot;topLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;topRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;&#125;" id="block-77ffc586e42e2405485a"><div class="sqs-block-content"> <div class="sqs-html-content"> <h4 style="text-align:center;white-space:pre-wrap;"><strong>Commercial Leak <br>Repair &amp; Service</strong></h4> </div> </div></div></div><div class="fe-block fe-block-4b3d9ec32381c3f5c910"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-block-type="5" id="block-4b3d9ec32381c3f5c910"><div class="sqs-block-content"> <div class=" image-block-outer-wrapper layout-caption-below design-layout-fluid image-position-center combination-animation-site-default individual-animation-site-default " data-test="image-block-fluid-outer-wrapper" > <div class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper" data-animation-role="image" > <div class="fluid-image-container sqs-image-content" style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;" > <a class="sqs-block-image-link content-fit" href="/preventative-maintenance-1" > <img data-stretch="false" data-src="https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/2added11-ec45-425c-9bac-0c695852ca8c/OSR_Maintenance.png" data-image="https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/2added11-ec45-425c-9bac-0c695852ca8c/OSR_Maintenance.png" data-image-dimensions="612x612" data-image-focal-point="0.5,0.5" alt="Preventative Maintenance" data-load="false" elementtiming="system-image-block" src="https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/2added11-ec45-425c-9bac-0c695852ca8c/OSR_Maintenance.png" width="612" height="612" alt="" sizes="(max-width: 640px) 100vw, (max-width: 767px) 100vw, 16.666666666666664vw" style="display:block;object-fit: contain; object-position: 50% 50%" srcset="https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/2added11-ec45-425c-9bac-0c695852ca8c/OSR_Maintenance.png?format=100w 100w, https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/2added11-ec45-425c-9bac-0c695852ca8c/OSR_Maintenance.png?format=300w 300w, https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/2added11-ec45-425c-9bac-0c695852ca8c/OSR_Maintenance.png?format=500w 500w, https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/2added11-ec45-425c-9bac-0c695852ca8c/OSR_Maintenance.png?format=750w 750w, https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/2added11-ec45-425c-9bac-0c695852ca8c/OSR_Maintenance.png?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/2added11-ec45-425c-9bac-0c695852ca8c/OSR_Maintenance.png?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/2added11-ec45-425c-9bac-0c695852ca8c/OSR_Maintenance.png?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs"> <div class="fluidImageOverlay"></div> </a> </div> </div> </div> <style> .sqs-block-image .sqs-block-content { height: 100%; width: 100%; } .fe-block-4b3d9ec32381c3f5c910 .fluidImageOverlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; mix-blend-mode: normal; opacity: 0; } </style> </div></div></div><div class="fe-block fe-block-1a919f915a932ccb7cf5"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="&#123;&quot;topLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;topRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;&#125;" id="block-1a919f915a932ccb7cf5"><div class="sqs-block-content"> <div class="sqs-html-content"> <h4 style="text-align:center;white-space:pre-wrap;"><strong>Preventive Maintenance<br>for Commercial Roofs</strong></h4> </div> </div></div></div></div></div> </div> </div> </section> <section data-test="page-section" data-section-theme="" class='page-section full-bleed-section layout-engine-section background-width--full-bleed section-height--medium content-width--wide horizontal-alignment--center vertical-alignment--middle has-background ' data-section-id="6452825764eeae6a5cef5b65" data-controller="SectionWrapperController" data-current-styles="{ &quot;backgroundImage&quot;: { &quot;id&quot;: &quot;6452ace793e68f035f91e1d4&quot;, &quot;recordType&quot;: 2, &quot;addedOn&quot;: 1683139815825, &quot;updatedOn&quot;: 1683139815852, &quot;workflowState&quot;: 1, &quot;publishOn&quot;: 1683139815825, &quot;authorId&quot;: &quot;64dfae821c776406bf29df16&quot;, &quot;systemDataId&quot;: &quot;38191bed-265c-4739-8258-8ade58f24b5b&quot;, &quot;systemDataVariants&quot;: &quot;1850x888,100w,300w,500w,750w,1000w,1500w&quot;, &quot;systemDataSourceType&quot;: &quot;JPG&quot;, &quot;filename&quot;: &quot;sectionBack.jpg&quot;, &quot;mediaFocalPoint&quot;: { &quot;x&quot;: 0.5, &quot;y&quot;: 0.5, &quot;source&quot;: 3 }, &quot;colorData&quot;: { &quot;topLeftAverage&quot;: &quot;e8e8e7&quot;, &quot;topRightAverage&quot;: &quot;e8e7e8&quot;, &quot;bottomLeftAverage&quot;: &quot;f0f1ee&quot;, &quot;bottomRightAverage&quot;: &quot;f4f3f3&quot;, &quot;centerAverage&quot;: &quot;f3f3f3&quot;, &quot;suggestedBgColor&quot;: &quot;eeeeee&quot; }, &quot;urlId&quot;: &quot;8kdd5wyuyrlny5dgqz0l9ulkeh7sr5&quot;, &quot;title&quot;: &quot;&quot;, &quot;body&quot;: null, &quot;likeCount&quot;: 0, &quot;commentCount&quot;: 0, &quot;publicCommentCount&quot;: 0, &quot;commentState&quot;: 2, &quot;unsaved&quot;: false, &quot;author&quot;: { &quot;id&quot;: &quot;64dfae821c776406bf29df16&quot;, &quot;displayName&quot;: &quot;System Admin&quot;, &quot;firstName&quot;: &quot;System&quot;, &quot;lastName&quot;: &quot;Admin&quot;, &quot;avatarUrl&quot;: &quot;https://images.squarespace-cdn.com/content/v2/namespaces/memberAccountAvatars/libraries/64dfae821c776406bf29df16/99eda23a380c48b6a0f1a13137d86d1d/99eda23a380c48b6a0f1a13137d86d1d.jpeg?format=300w&quot;, &quot;bio&quot;: &quot;&quot;, &quot;avatarAssetUrl&quot;: &quot;https://images.squarespace-cdn.com/content/v2/namespaces/memberAccountAvatars/libraries/64dfae821c776406bf29df16/99eda23a380c48b6a0f1a13137d86d1d/99eda23a380c48b6a0f1a13137d86d1d.jpeg?format=300w&quot; }, &quot;assetUrl&quot;: &quot;https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/38191bed-265c-4739-8258-8ade58f24b5b/sectionBack.jpg&quot;, &quot;contentType&quot;: &quot;image/jpeg&quot;, &quot;items&quot;: [ ], &quot;pushedServices&quot;: { }, &quot;pendingPushedServices&quot;: { }, &quot;originalSize&quot;: &quot;1850x888&quot;, &quot;recordTypeLabel&quot;: &quot;image&quot; }, &quot;imageOverlayOpacity&quot;: 0.33, &quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;, &quot;sectionHeight&quot;: &quot;section-height--medium&quot;, &quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;, &quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;, &quot;contentWidth&quot;: &quot;content-width--wide&quot;, &quot;customContentWidth&quot;: 50, &quot;sectionTheme&quot;: &quot;&quot;, &quot;sectionAnimation&quot;: &quot;none&quot;, &quot;backgroundMode&quot;: &quot;image&quot;, &quot;imageEffect&quot;: &quot;none&quot; }" data-current-context="{ &quot;video&quot;: { &quot;playbackSpeed&quot;: 0.5, &quot;filter&quot;: 1, &quot;filterStrength&quot;: 0, &quot;zoom&quot;: 0, &quot;videoSourceProvider&quot;: &quot;none&quot; }, &quot;backgroundImageId&quot;: null, &quot;backgroundMediaEffect&quot;: { &quot;type&quot;: &quot;parallax&quot;, &quot;rotation&quot;: 90, &quot;intensity&quot;: 29 }, &quot;divider&quot;: { &quot;enabled&quot;: false }, &quot;typeName&quot;: &quot;portfolio-grid-basic&quot; }" data-animation="none" data-fluid-engine-section > <div class="section-border" > <div class="section-background"> <div class="section-background-content" data-controller="BackgroundImageFXParallax" > <img alt="" data-image-focal-point="0.5,0.5" crossOrigin data-src="https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/38191bed-265c-4739-8258-8ade58f24b5b/sectionBack.jpg" data-image="https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/38191bed-265c-4739-8258-8ade58f24b5b/sectionBack.jpg" data-image-dimensions="1850x888" data-image-focal-point="0.5,0.5" alt="sectionBack.jpg" data-load="false" elementtiming="nbf-background-image-fx" src="https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/38191bed-265c-4739-8258-8ade58f24b5b/sectionBack.jpg" width="1850" height="888" alt="" sizes="(max-width: 799px) 200vw, 100vw" class="background-image-fx" style="display:block;object-position: 50% 50%" srcset="https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/38191bed-265c-4739-8258-8ade58f24b5b/sectionBack.jpg?format=100w 100w, https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/38191bed-265c-4739-8258-8ade58f24b5b/sectionBack.jpg?format=300w 300w, https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/38191bed-265c-4739-8258-8ade58f24b5b/sectionBack.jpg?format=500w 500w, https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/38191bed-265c-4739-8258-8ade58f24b5b/sectionBack.jpg?format=750w 750w, https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/38191bed-265c-4739-8258-8ade58f24b5b/sectionBack.jpg?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/38191bed-265c-4739-8258-8ade58f24b5b/sectionBack.jpg?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/38191bed-265c-4739-8258-8ade58f24b5b/sectionBack.jpg?format=2500w 2500w" fetchpriority="low" loading="lazy" decoding="async" data-loader="sqs"> <div class="section-background-canvas background-fx-canvas"></div> </div> <div class="section-background-overlay" style="opacity: 0.33;"></div> </div> </div> <div class='content-wrapper' style=' ' > <div class="content" > <div data-fluid-engine="true"><style> .fe-6452825764eeae6a5cef5b64 { --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (8 - 1)) ) / 8 ); display: grid; position: relative; grid-area: 1/1/-1/-1; grid-template-rows: repeat(4,minmax(24px, auto)); grid-template-columns: minmax(var(--grid-gutter), 1fr) repeat(8, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr); row-gap: 11.0px; column-gap: 11.0px; } @media (min-width: 768px) { .background-width--inset .fe-6452825764eeae6a5cef5b64 { --inset-padding: calc(var(--sqs-site-gutter) * 2); } .fe-6452825764eeae6a5cef5b64 { --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (24 - 1)) ) / 24 ); --inset-padding: 0vw; --row-height-scaling-factor: 0.0215; --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) )); grid-template-rows: repeat(4,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto)); grid-template-columns: minmax(var(--grid-gutter), 1fr) repeat(24, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr); } } .fe-block-423b820a4bec1ca39b71 { grid-area: 1/2/3/10; z-index: 0; @media (max-width: 767px) { } } .fe-block-423b820a4bec1ca39b71 .sqs-block { justify-content: flex-start; } .fe-block-423b820a4bec1ca39b71 .sqs-block-alignment-wrapper { align-items: flex-start; } @media (min-width: 768px) { .fe-block-423b820a4bec1ca39b71 { grid-area: 1/8/3/20; z-index: 0; } .fe-block-423b820a4bec1ca39b71 .sqs-block { justify-content: flex-start; } .fe-block-423b820a4bec1ca39b71 .sqs-block-alignment-wrapper { align-items: flex-start; } } .fe-block-7c4969f7fd148477a291 { grid-area: 3/4/5/8; z-index: 1; @media (max-width: 767px) { } } .fe-block-7c4969f7fd148477a291 .sqs-block { justify-content: center; } .fe-block-7c4969f7fd148477a291 .sqs-block-alignment-wrapper { align-items: center; } @media (min-width: 768px) { .fe-block-7c4969f7fd148477a291 { grid-area: 3/12/5/16; z-index: 1; } .fe-block-7c4969f7fd148477a291 .sqs-block { justify-content: center; } .fe-block-7c4969f7fd148477a291 .sqs-block-alignment-wrapper { align-items: center; } } </style><div class="fluid-engine fe-6452825764eeae6a5cef5b64"><div class="fe-block fe-block-423b820a4bec1ca39b71"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="&#123;&quot;topLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;topRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;&#125;" id="block-423b820a4bec1ca39b71"><div class="sqs-block-content"> <div class="sqs-html-content"> <h2 style="text-align:center;white-space:pre-wrap;">Let鈥檚 Work Together</h2> </div> </div></div></div><div class="fe-block fe-block-7c4969f7fd148477a291"><div class="sqs-block button-block sqs-block-button sqs-stretched" data-block-type="53" id="block-7c4969f7fd148477a291"><div class="sqs-block-content"> <div class="sqs-block-button-container sqs-block-button-container--center" data-animation-role="button" data-alignment="center" data-button-size="medium" data-button-type="primary" > <a href="/contact" class="sqs-block-button-element--medium sqs-button-element--primary sqs-block-button-element" > Contact Us </a> </div> </div></div></div></div></div> </div> </div> </section> <section data-test="page-section" data-section-theme="white" class='page-section content-collection full-bleed-section collection-type-portfolio-grid-basic background-width--full-bleed section-height--medium content-width--wide horizontal-alignment--center vertical-alignment--middle white' data-section-id="64512abf0c2bf831895cd1d2" data-controller="SectionWrapperController" data-current-styles="{ &quot;imageOverlayOpacity&quot;: 0.15, &quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;, &quot;sectionHeight&quot;: &quot;section-height--medium&quot;, &quot;customSectionHeight&quot;: 10, &quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;, &quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;, &quot;contentWidth&quot;: &quot;content-width--wide&quot;, &quot;customContentWidth&quot;: 50, &quot;sectionTheme&quot;: &quot;white&quot;, &quot;sectionAnimation&quot;: &quot;none&quot;, &quot;backgroundMode&quot;: &quot;image&quot; }" data-current-context="{ &quot;video&quot;: { &quot;playbackSpeed&quot;: 0.5, &quot;filter&quot;: 1, &quot;filterStrength&quot;: 0, &quot;zoom&quot;: 0, &quot;videoSourceProvider&quot;: &quot;none&quot; }, &quot;backgroundImageId&quot;: null, &quot;backgroundMediaEffect&quot;: null, &quot;divider&quot;: null, &quot;typeName&quot;: &quot;portfolio-grid-basic&quot; }" data-animation="none" > <div class="section-border" > <div class="section-background"> </div> </div> <div class='content-wrapper' style=' ' > <div class="content" > <div id="gridThumbs" class="portfolio-grid-basic grid-wrapper collection-content-wrapper" data-animation-role="section"> </div> </div> </div> </section> </article> </main> <footer class="sections" id="footer-sections" data-footer-sections> <section data-test="page-section" data-section-theme="bright" class='page-section full-bleed-section layout-engine-section background-width--full-bleed section-height--small content-width--wide horizontal-alignment--center vertical-alignment--top bright' data-section-id="6451306c4df9e5471a1f8a67" data-controller="SectionWrapperController" data-current-styles="{ &quot;imageOverlayOpacity&quot;: 0.15, &quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;, &quot;sectionHeight&quot;: &quot;section-height--small&quot;, &quot;customSectionHeight&quot;: 20, &quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;, &quot;verticalAlignment&quot;: &quot;vertical-alignment--top&quot;, &quot;contentWidth&quot;: &quot;content-width--wide&quot;, &quot;customContentWidth&quot;: 50, &quot;sectionTheme&quot;: &quot;bright&quot;, &quot;sectionAnimation&quot;: &quot;none&quot;, &quot;backgroundMode&quot;: &quot;image&quot; }" data-current-context="{ &quot;video&quot;: { &quot;playbackSpeed&quot;: 0.5, &quot;filter&quot;: 1, &quot;filterStrength&quot;: 0, &quot;zoom&quot;: 0, &quot;videoSourceProvider&quot;: &quot;none&quot; }, &quot;backgroundImageId&quot;: null, &quot;backgroundMediaEffect&quot;: { &quot;type&quot;: &quot;none&quot; }, &quot;divider&quot;: { &quot;enabled&quot;: false }, &quot;typeName&quot;: &quot;portfolio-grid-basic&quot; }" data-animation="none" data-fluid-engine-section > <div class="section-border" > <div class="section-background"> </div> </div> <div class='content-wrapper' style=' ' > <div class="content" > <div data-fluid-engine="true"><style> .fe-6451306c9cae04ade86c7948 { --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (8 - 1)) ) / 8 ); display: grid; position: relative; grid-area: 1/1/-1/-1; grid-template-rows: repeat(55,minmax(24px, auto)); grid-template-columns: minmax(var(--grid-gutter), 1fr) repeat(8, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr); row-gap: 11.0px; column-gap: 11.0px; } @media (min-width: 768px) { .background-width--inset .fe-6451306c9cae04ade86c7948 { --inset-padding: calc(var(--sqs-site-gutter) * 2); } .fe-6451306c9cae04ade86c7948 { --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (24 - 1)) ) / 24 ); --inset-padding: 0vw; --row-height-scaling-factor: 0.0215; --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) )); grid-template-rows: repeat(10,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto)); grid-template-columns: minmax(var(--grid-gutter), 1fr) repeat(24, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr); } } .fe-block-yui_3_17_2_1_1704232010608_2466 { grid-area: 1/2/7/10; z-index: 7; @media (max-width: 767px) { } } .fe-block-yui_3_17_2_1_1704232010608_2466 .sqs-block { justify-content: center; } .fe-block-yui_3_17_2_1_1704232010608_2466 .sqs-block-alignment-wrapper { align-items: center; } @media (min-width: 768px) { .fe-block-yui_3_17_2_1_1704232010608_2466 { grid-area: 1/2/7/8; z-index: 7; } .fe-block-yui_3_17_2_1_1704232010608_2466 .sqs-block { justify-content: center; } .fe-block-yui_3_17_2_1_1704232010608_2466 .sqs-block-alignment-wrapper { align-items: center; } } .fe-block-6451306c024bb43d540fd38f { grid-area: 7/2/17/10; z-index: 0; @media (max-width: 767px) { } } .fe-block-6451306c024bb43d540fd38f .sqs-block { justify-content: flex-start; } .fe-block-6451306c024bb43d540fd38f .sqs-block-alignment-wrapper { align-items: flex-start; } @media (min-width: 768px) { .fe-block-6451306c024bb43d540fd38f { grid-area: 1/8/10/13; z-index: 0; } .fe-block-6451306c024bb43d540fd38f .sqs-block { justify-content: flex-start; } .fe-block-6451306c024bb43d540fd38f .sqs-block-alignment-wrapper { align-items: flex-start; } } .fe-block-c62a831f065e3210ea93 { grid-area: 17/2/19/10; z-index: 1; @media (max-width: 767px) { } } .fe-block-c62a831f065e3210ea93 .sqs-block { justify-content: flex-start; } .fe-block-c62a831f065e3210ea93 .sqs-block-alignment-wrapper { align-items: flex-start; } @media (min-width: 768px) { .fe-block-c62a831f065e3210ea93 { grid-area: 1/13/3/17; z-index: 1; } .fe-block-c62a831f065e3210ea93 .sqs-block { justify-content: flex-start; } .fe-block-c62a831f065e3210ea93 .sqs-block-alignment-wrapper { align-items: flex-start; } } .fe-block-yui_3_17_2_1_1704230654263_2765 { grid-area: 19/2/25/10; z-index: 4; @media (max-width: 767px) { } } .fe-block-yui_3_17_2_1_1704230654263_2765 .sqs-block { justify-content: center; } .fe-block-yui_3_17_2_1_1704230654263_2765 .sqs-block-alignment-wrapper { align-items: center; } @media (min-width: 768px) { .fe-block-yui_3_17_2_1_1704230654263_2765 { grid-area: 2/13/4/14; z-index: 4; } .fe-block-yui_3_17_2_1_1704230654263_2765 .sqs-block { justify-content: center; } .fe-block-yui_3_17_2_1_1704230654263_2765 .sqs-block-alignment-wrapper { align-items: center; } } .fe-block-39904f658666cc7577c9 { grid-area: 25/2/31/10; z-index: 6; @media (max-width: 767px) { } } .fe-block-39904f658666cc7577c9 .sqs-block { justify-content: center; } .fe-block-39904f658666cc7577c9 .sqs-block-alignment-wrapper { align-items: center; } @media (min-width: 768px) { .fe-block-39904f658666cc7577c9 { grid-area: 2/14/4/15; z-index: 6; } .fe-block-39904f658666cc7577c9 .sqs-block { justify-content: center; } .fe-block-39904f658666cc7577c9 .sqs-block-alignment-wrapper { align-items: center; } } .fe-block-1145d7c476ad0332679f { grid-area: 31/2/37/10; z-index: 5; @media (max-width: 767px) { } } .fe-block-1145d7c476ad0332679f .sqs-block { justify-content: center; } .fe-block-1145d7c476ad0332679f .sqs-block-alignment-wrapper { align-items: center; } @media (min-width: 768px) { .fe-block-1145d7c476ad0332679f { grid-area: 2/15/4/16; z-index: 5; } .fe-block-1145d7c476ad0332679f .sqs-block { justify-content: center; } .fe-block-1145d7c476ad0332679f .sqs-block-alignment-wrapper { align-items: center; } } .fe-block-yui_3_17_2_1_1703177974243_2466 { grid-area: 38/2/47/10; z-index: 3; @media (max-width: 767px) { } } .fe-block-yui_3_17_2_1_1703177974243_2466 .sqs-block { justify-content: flex-start; } .fe-block-yui_3_17_2_1_1703177974243_2466 .sqs-block-alignment-wrapper { align-items: flex-start; } @media (min-width: 768px) { .fe-block-yui_3_17_2_1_1703177974243_2466 { grid-area: 4/17/10/26; z-index: 3; } .fe-block-yui_3_17_2_1_1703177974243_2466 .sqs-block { justify-content: flex-start; } .fe-block-yui_3_17_2_1_1703177974243_2466 .sqs-block-alignment-wrapper { align-items: flex-start; } } .fe-block-yui_3_17_2_1_1691674900038_6718 { grid-area: 48/2/51/10; z-index: 2; @media (max-width: 767px) { } } .fe-block-yui_3_17_2_1_1691674900038_6718 .sqs-block { justify-content: center; } .fe-block-yui_3_17_2_1_1691674900038_6718 .sqs-block-alignment-wrapper { align-items: center; } @media (min-width: 768px) { .fe-block-yui_3_17_2_1_1691674900038_6718 { grid-area: 1/17/4/23; z-index: 2; } .fe-block-yui_3_17_2_1_1691674900038_6718 .sqs-block { justify-content: center; } .fe-block-yui_3_17_2_1_1691674900038_6718 .sqs-block-alignment-wrapper { align-items: center; } } .fe-block-6451306c0038c0d5e0ae55f9 { grid-area: 51/2/56/10; z-index: 1; @media (max-width: 767px) { } } .fe-block-6451306c0038c0d5e0ae55f9 .sqs-block { justify-content: flex-start; } .fe-block-6451306c0038c0d5e0ae55f9 .sqs-block-alignment-wrapper { align-items: flex-start; } @media (min-width: 768px) { .fe-block-6451306c0038c0d5e0ae55f9 { grid-area: 4/13/8/15; z-index: 1; } .fe-block-6451306c0038c0d5e0ae55f9 .sqs-block { justify-content: flex-start; } .fe-block-6451306c0038c0d5e0ae55f9 .sqs-block-alignment-wrapper { align-items: flex-start; } } </style><div class="fluid-engine fe-6451306c9cae04ade86c7948"><div class="fe-block fe-block-yui_3_17_2_1_1704232010608_2466"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-block-type="5" id="block-yui_3_17_2_1_1704232010608_2466"><div class="sqs-block-content"> <div class=" image-block-outer-wrapper layout-caption-below design-layout-fluid image-position-center combination-animation-site-default individual-animation-site-default " data-test="image-block-fluid-outer-wrapper" > <div class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper" data-animation-role="image" > <div class="fluid-image-container sqs-image-content" style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;" > <div class="content-fit"> <img data-stretch="false" data-src="https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/83c6ca31-69fc-46b0-8383-f3b17c9e3092/OSR_skully.png" data-image="https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/83c6ca31-69fc-46b0-8383-f3b17c9e3092/OSR_skully.png" data-image-dimensions="600x561" data-image-focal-point="0.5,0.5" alt="OSR Skully Graphic" data-load="false" elementtiming="system-image-block" src="https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/83c6ca31-69fc-46b0-8383-f3b17c9e3092/OSR_skully.png" width="600" height="561" alt="" sizes="(max-width: 640px) 100vw, (max-width: 767px) 100vw, 25vw" style="display:block;object-fit: contain; object-position: 50% 50%" srcset="https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/83c6ca31-69fc-46b0-8383-f3b17c9e3092/OSR_skully.png?format=100w 100w, https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/83c6ca31-69fc-46b0-8383-f3b17c9e3092/OSR_skully.png?format=300w 300w, https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/83c6ca31-69fc-46b0-8383-f3b17c9e3092/OSR_skully.png?format=500w 500w, https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/83c6ca31-69fc-46b0-8383-f3b17c9e3092/OSR_skully.png?format=750w 750w, https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/83c6ca31-69fc-46b0-8383-f3b17c9e3092/OSR_skully.png?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/83c6ca31-69fc-46b0-8383-f3b17c9e3092/OSR_skully.png?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/83c6ca31-69fc-46b0-8383-f3b17c9e3092/OSR_skully.png?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs"> <div class="fluidImageOverlay"></div> </div> </div> </div> </div> <style> .sqs-block-image .sqs-block-content { height: 100%; width: 100%; } .fe-block-yui_3_17_2_1_1704232010608_2466 .fluidImageOverlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; mix-blend-mode: normal; opacity: 0; } </style> </div></div></div><div class="fe-block fe-block-6451306c024bb43d540fd38f"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="&#123;&quot;topLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;topRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;&#125;" id="block-6451306c024bb43d540fd38f"><div class="sqs-block-content"> <div class="sqs-html-content"> <p class="sqsrte-large" style="white-space:pre-wrap;"><strong>O鈥橦ara鈥檚 Son Roofing</strong> </p><p class="" style="white-space:pre-wrap;">(847) 255 3600<br>6437 N Avondale Ave.<br>Chicago, IL 60631</p><p class="" style="white-space:pre-wrap;"><a href="mailto:info@oharasson.com">info@oharasson.com</a></p><p class="" style="white-space:pre-wrap;"><strong>Office Hours<br></strong>Monday - Friday<br>8 am - 5 pm</p> </div> </div></div></div><div class="fe-block fe-block-c62a831f065e3210ea93"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="&#123;&quot;topLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;topRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;&#125;" id="block-c62a831f065e3210ea93"><div class="sqs-block-content"> <div class="sqs-html-content"> <p class="sqsrte-large" style="white-space:pre-wrap;"><strong>Follow</strong> </p> </div> </div></div></div><div class="fe-block fe-block-yui_3_17_2_1_1704230654263_2765"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-block-type="5" id="block-yui_3_17_2_1_1704230654263_2765"><div class="sqs-block-content"> <div class=" image-block-outer-wrapper layout-caption-below design-layout-fluid image-position-center combination-animation-site-default individual-animation-site-default " data-test="image-block-fluid-outer-wrapper" > <div class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper" data-animation-role="image" > <div class="fluid-image-container sqs-image-content" style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;" > <a class="sqs-block-image-link content-fit" href="https://www.facebook.com/Oharasson" > <img data-stretch="false" data-src="https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/5e4395e4-bd73-4a67-b722-575b9a0e2cf6/OSR_FB-Icon.png" data-image="https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/5e4395e4-bd73-4a67-b722-575b9a0e2cf6/OSR_FB-Icon.png" data-image-dimensions="400x416" data-image-focal-point="0.5,0.5" alt="OSR Facebook Account" data-load="false" elementtiming="system-image-block" src="https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/5e4395e4-bd73-4a67-b722-575b9a0e2cf6/OSR_FB-Icon.png" width="400" height="416" alt="" sizes="(max-width: 640px) 100vw, (max-width: 767px) 100vw, 4.166666666666666vw" style="display:block;object-fit: contain; object-position: 50% 50%" srcset="https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/5e4395e4-bd73-4a67-b722-575b9a0e2cf6/OSR_FB-Icon.png?format=100w 100w, https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/5e4395e4-bd73-4a67-b722-575b9a0e2cf6/OSR_FB-Icon.png?format=300w 300w, https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/5e4395e4-bd73-4a67-b722-575b9a0e2cf6/OSR_FB-Icon.png?format=500w 500w, https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/5e4395e4-bd73-4a67-b722-575b9a0e2cf6/OSR_FB-Icon.png?format=750w 750w, https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/5e4395e4-bd73-4a67-b722-575b9a0e2cf6/OSR_FB-Icon.png?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/5e4395e4-bd73-4a67-b722-575b9a0e2cf6/OSR_FB-Icon.png?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/5e4395e4-bd73-4a67-b722-575b9a0e2cf6/OSR_FB-Icon.png?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs"> <div class="fluidImageOverlay"></div> </a> </div> </div> </div> <style> .sqs-block-image .sqs-block-content { height: 100%; width: 100%; } .fe-block-yui_3_17_2_1_1704230654263_2765 .fluidImageOverlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; mix-blend-mode: normal; opacity: 0; } </style> </div></div></div><div class="fe-block fe-block-39904f658666cc7577c9"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-block-type="5" id="block-39904f658666cc7577c9"><div class="sqs-block-content"> <div class=" image-block-outer-wrapper layout-caption-below design-layout-fluid image-position-center combination-animation-site-default individual-animation-site-default " data-test="image-block-fluid-outer-wrapper" > <div class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper" data-animation-role="image" > <div class="fluid-image-container sqs-image-content" style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;" > <a class="sqs-block-image-link content-fit" href="https://www.instagram.com/oharasson/?hl=en" > <img data-stretch="false" data-src="https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/cfb422f8-9640-4d93-aa0a-c0a058ce17ec/OSR_Insta-Icon.png" data-image="https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/cfb422f8-9640-4d93-aa0a-c0a058ce17ec/OSR_Insta-Icon.png" data-image-dimensions="400x416" data-image-focal-point="0.5,0.5" alt="OSR Instagram Account" data-load="false" elementtiming="system-image-block" src="https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/cfb422f8-9640-4d93-aa0a-c0a058ce17ec/OSR_Insta-Icon.png" width="400" height="416" alt="" sizes="(max-width: 640px) 100vw, (max-width: 767px) 100vw, 4.166666666666666vw" style="display:block;object-fit: contain; object-position: 50% 50%" srcset="https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/cfb422f8-9640-4d93-aa0a-c0a058ce17ec/OSR_Insta-Icon.png?format=100w 100w, https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/cfb422f8-9640-4d93-aa0a-c0a058ce17ec/OSR_Insta-Icon.png?format=300w 300w, https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/cfb422f8-9640-4d93-aa0a-c0a058ce17ec/OSR_Insta-Icon.png?format=500w 500w, https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/cfb422f8-9640-4d93-aa0a-c0a058ce17ec/OSR_Insta-Icon.png?format=750w 750w, https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/cfb422f8-9640-4d93-aa0a-c0a058ce17ec/OSR_Insta-Icon.png?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/cfb422f8-9640-4d93-aa0a-c0a058ce17ec/OSR_Insta-Icon.png?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/cfb422f8-9640-4d93-aa0a-c0a058ce17ec/OSR_Insta-Icon.png?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs"> <div class="fluidImageOverlay"></div> </a> </div> </div> </div> <style> .sqs-block-image .sqs-block-content { height: 100%; width: 100%; } .fe-block-39904f658666cc7577c9 .fluidImageOverlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; mix-blend-mode: normal; opacity: 0; } </style> </div></div></div><div class="fe-block fe-block-1145d7c476ad0332679f"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-block-type="5" id="block-1145d7c476ad0332679f"><div class="sqs-block-content"> <div class=" image-block-outer-wrapper layout-caption-below design-layout-fluid image-position-center combination-animation-site-default individual-animation-site-default " data-test="image-block-fluid-outer-wrapper" > <div class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper" data-animation-role="image" > <div class="fluid-image-container sqs-image-content" style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;" > <a class="sqs-block-image-link content-fit" href="https://www.linkedin.com/company/o'hara's-son-roofing-company/" > <img data-stretch="false" data-src="https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/53c065fa-ae74-41ce-b236-b8c115986700/OSR_Linked-Icon.png" data-image="https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/53c065fa-ae74-41ce-b236-b8c115986700/OSR_Linked-Icon.png" data-image-dimensions="400x416" data-image-focal-point="0.5,0.5" alt="OSR LinkedIn Account" data-load="false" elementtiming="system-image-block" src="https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/53c065fa-ae74-41ce-b236-b8c115986700/OSR_Linked-Icon.png" width="400" height="416" alt="" sizes="(max-width: 640px) 100vw, (max-width: 767px) 100vw, 4.166666666666666vw" style="display:block;object-fit: contain; object-position: 50% 50%" srcset="https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/53c065fa-ae74-41ce-b236-b8c115986700/OSR_Linked-Icon.png?format=100w 100w, https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/53c065fa-ae74-41ce-b236-b8c115986700/OSR_Linked-Icon.png?format=300w 300w, https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/53c065fa-ae74-41ce-b236-b8c115986700/OSR_Linked-Icon.png?format=500w 500w, https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/53c065fa-ae74-41ce-b236-b8c115986700/OSR_Linked-Icon.png?format=750w 750w, https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/53c065fa-ae74-41ce-b236-b8c115986700/OSR_Linked-Icon.png?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/53c065fa-ae74-41ce-b236-b8c115986700/OSR_Linked-Icon.png?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/53c065fa-ae74-41ce-b236-b8c115986700/OSR_Linked-Icon.png?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs"> <div class="fluidImageOverlay"></div> </a> </div> </div> </div> <style> .sqs-block-image .sqs-block-content { height: 100%; width: 100%; } .fe-block-1145d7c476ad0332679f .fluidImageOverlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; mix-blend-mode: normal; opacity: 0; } </style> </div></div></div><div class="fe-block fe-block-yui_3_17_2_1_1703177974243_2466"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="&#123;&quot;topLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;topRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;&#125;" id="block-yui_3_17_2_1_1703177974243_2466"><div class="sqs-block-content"> <div class="sqs-html-content"> <p class="sqsrte-small" style="white-space:pre-wrap;"><strong>State Contractor/Roofing Licenses<br></strong>AL: #56859, AK: #218337, AR: #411230622, AZ: #342039, CA: #1112198, CT: #MCO.0904442, DC: #410523000747, DE: #DE-2021-000004186, FL: #CCC1334180, IA: #C140673, ID: #RCE-66938, IL: #104.016249, KS: #17-007300, LA: #72720, MN: #IR742423, MS: #24580-SC, MT #273104, NC: #86806, ND: #49611, NE: #16035-22, NM: #412927, NV: #0090775, OK: #80005140, RI: #CR-339, TN: #78919, UT: #13604914-5501, VA: #2705176992, WA: #OHARASR783L7, WV: #WV060905</p> </div> </div></div></div><div class="fe-block fe-block-yui_3_17_2_1_1691674900038_6718"><div class="sqs-block button-block sqs-block-button" data-block-type="53" id="block-yui_3_17_2_1_1691674900038_6718"><div class="sqs-block-content"> <div class="sqs-block-button-container sqs-block-button-container--left" data-animation-role="button" data-alignment="left" data-button-size="medium" data-button-type="primary" > <a href="tel:+18447663677" class="sqs-block-button-element--medium sqs-button-element--primary sqs-block-button-element" > 24-Hour Emergency Leak Line </a> </div> </div></div></div><div class="fe-block fe-block-6451306c0038c0d5e0ae55f9"><div class="sqs-block code-block sqs-block-code" data-block-type="23" id="block-6451306c0038c0d5e0ae55f9"><div class="sqs-block-content"><a href="https://www.bbb.org/us/il/chicago/profile/roofing-contractors/oharas-son-roofing-company-0654-12014651/#sealclick" target="_blank" rel="nofollow"><img src="https://seal-chicago.bbb.org/seals/blue-seal-69-145-bbb-12014651.png" style="border: 0;" alt="O'Hara's Son Roofing Company BBB Business Review" /></a></div></div></div></div></div> </div> </div> </section> </footer> </div> <script defer="defer" src="https://static1.squarespace.com/static/vta/5c5a519771c10ba3470d8101/scripts/site-bundle.52ea73b8b291c5b1ca2f5fd3f653785d.js" type="text/javascript"></script> <svg xmlns="http://www.w3.org/2000/svg" version="1.1" style="display:none" data-usage="social-icons-svg"><symbol id="instagram-unauth-icon" viewBox="0 0 64 64"><path d="M46.91,25.816c-0.073-1.597-0.326-2.687-0.697-3.641c-0.383-0.986-0.896-1.823-1.73-2.657c-0.834-0.834-1.67-1.347-2.657-1.73c-0.954-0.371-2.045-0.624-3.641-0.697C36.585,17.017,36.074,17,32,17s-4.585,0.017-6.184,0.09c-1.597,0.073-2.687,0.326-3.641,0.697c-0.986,0.383-1.823,0.896-2.657,1.73c-0.834,0.834-1.347,1.67-1.73,2.657c-0.371,0.954-0.624,2.045-0.697,3.641C17.017,27.415,17,27.926,17,32c0,4.074,0.017,4.585,0.09,6.184c0.073,1.597,0.326,2.687,0.697,3.641c0.383,0.986,0.896,1.823,1.73,2.657c0.834,0.834,1.67,1.347,2.657,1.73c0.954,0.371,2.045,0.624,3.641,0.697C27.415,46.983,27.926,47,32,47s4.585-0.017,6.184-0.09c1.597-0.073,2.687-0.326,3.641-0.697c0.986-0.383,1.823-0.896,2.657-1.73c0.834-0.834,1.347-1.67,1.73-2.657c0.371-0.954,0.624-2.045,0.697-3.641C46.983,36.585,47,36.074,47,32S46.983,27.415,46.91,25.816z M44.21,38.061c-0.067,1.462-0.311,2.257-0.516,2.785c-0.272,0.7-0.597,1.2-1.122,1.725c-0.525,0.525-1.025,0.85-1.725,1.122c-0.529,0.205-1.323,0.45-2.785,0.516c-1.581,0.072-2.056,0.087-6.061,0.087s-4.48-0.015-6.061-0.087c-1.462-0.067-2.257-0.311-2.785-0.516c-0.7-0.272-1.2-0.597-1.725-1.122c-0.525-0.525-0.85-1.025-1.122-1.725c-0.205-0.529-0.45-1.323-0.516-2.785c-0.072-1.582-0.087-2.056-0.087-6.061s0.015-4.48,0.087-6.061c0.067-1.462,0.311-2.257,0.516-2.785c0.272-0.7,0.597-1.2,1.122-1.725c0.525-0.525,1.025-0.85,1.725-1.122c0.529-0.205,1.323-0.45,2.785-0.516c1.582-0.072,2.056-0.087,6.061-0.087s4.48,0.015,6.061,0.087c1.462,0.067,2.257,0.311,2.785,0.516c0.7,0.272,1.2,0.597,1.725,1.122c0.525,0.525,0.85,1.025,1.122,1.725c0.205,0.529,0.45,1.323,0.516,2.785c0.072,1.582,0.087,2.056,0.087,6.061S44.282,36.48,44.21,38.061z M32,24.297c-4.254,0-7.703,3.449-7.703,7.703c0,4.254,3.449,7.703,7.703,7.703c4.254,0,7.703-3.449,7.703-7.703C39.703,27.746,36.254,24.297,32,24.297z M32,37c-2.761,0-5-2.239-5-5c0-2.761,2.239-5,5-5s5,2.239,5,5C37,34.761,34.761,37,32,37z M40.007,22.193c-0.994,0-1.8,0.806-1.8,1.8c0,0.994,0.806,1.8,1.8,1.8c0.994,0,1.8-0.806,1.8-1.8C41.807,22.999,41.001,22.193,40.007,22.193z"/></symbol><symbol id="instagram-unauth-mask" viewBox="0 0 64 64"><path d="M43.693,23.153c-0.272-0.7-0.597-1.2-1.122-1.725c-0.525-0.525-1.025-0.85-1.725-1.122c-0.529-0.205-1.323-0.45-2.785-0.517c-1.582-0.072-2.056-0.087-6.061-0.087s-4.48,0.015-6.061,0.087c-1.462,0.067-2.257,0.311-2.785,0.517c-0.7,0.272-1.2,0.597-1.725,1.122c-0.525,0.525-0.85,1.025-1.122,1.725c-0.205,0.529-0.45,1.323-0.516,2.785c-0.072,1.582-0.087,2.056-0.087,6.061s0.015,4.48,0.087,6.061c0.067,1.462,0.311,2.257,0.516,2.785c0.272,0.7,0.597,1.2,1.122,1.725s1.025,0.85,1.725,1.122c0.529,0.205,1.323,0.45,2.785,0.516c1.581,0.072,2.056,0.087,6.061,0.087s4.48-0.015,6.061-0.087c1.462-0.067,2.257-0.311,2.785-0.516c0.7-0.272,1.2-0.597,1.725-1.122s0.85-1.025,1.122-1.725c0.205-0.529,0.45-1.323,0.516-2.785c0.072-1.582,0.087-2.056,0.087-6.061s-0.015-4.48-0.087-6.061C44.143,24.476,43.899,23.682,43.693,23.153z M32,39.703c-4.254,0-7.703-3.449-7.703-7.703s3.449-7.703,7.703-7.703s7.703,3.449,7.703,7.703S36.254,39.703,32,39.703z M40.007,25.793c-0.994,0-1.8-0.806-1.8-1.8c0-0.994,0.806-1.8,1.8-1.8c0.994,0,1.8,0.806,1.8,1.8C41.807,24.987,41.001,25.793,40.007,25.793z M0,0v64h64V0H0z M46.91,38.184c-0.073,1.597-0.326,2.687-0.697,3.641c-0.383,0.986-0.896,1.823-1.73,2.657c-0.834,0.834-1.67,1.347-2.657,1.73c-0.954,0.371-2.044,0.624-3.641,0.697C36.585,46.983,36.074,47,32,47s-4.585-0.017-6.184-0.09c-1.597-0.073-2.687-0.326-3.641-0.697c-0.986-0.383-1.823-0.896-2.657-1.73c-0.834-0.834-1.347-1.67-1.73-2.657c-0.371-0.954-0.624-2.044-0.697-3.641C17.017,36.585,17,36.074,17,32c0-4.074,0.017-4.585,0.09-6.185c0.073-1.597,0.326-2.687,0.697-3.641c0.383-0.986,0.896-1.823,1.73-2.657c0.834-0.834,1.67-1.347,2.657-1.73c0.954-0.371,2.045-0.624,3.641-0.697C27.415,17.017,27.926,17,32,17s4.585,0.017,6.184,0.09c1.597,0.073,2.687,0.326,3.641,0.697c0.986,0.383,1.823,0.896,2.657,1.73c0.834,0.834,1.347,1.67,1.73,2.657c0.371,0.954,0.624,2.044,0.697,3.641C46.983,27.415,47,27.926,47,32C47,36.074,46.983,36.585,46.91,38.184z M32,27c-2.761,0-5,2.239-5,5s2.239,5,5,5s5-2.239,5-5S34.761,27,32,27z"/></symbol><symbol id="linkedin-unauth-icon" viewBox="0 0 64 64"><path d="M20.4,44h5.4V26.6h-5.4V44z M23.1,18c-1.7,0-3.1,1.4-3.1,3.1c0,1.7,1.4,3.1,3.1,3.1 c1.7,0,3.1-1.4,3.1-3.1C26.2,19.4,24.8,18,23.1,18z M39.5,26.2c-2.6,0-4.4,1.4-5.1,2.8h-0.1v-2.4h-5.2V44h5.4v-8.6 c0-2.3,0.4-4.5,3.2-4.5c2.8,0,2.8,2.6,2.8,4.6V44H46v-9.5C46,29.8,45,26.2,39.5,26.2z"/></symbol><symbol id="linkedin-unauth-mask" viewBox="0 0 64 64"><path d="M0,0v64h64V0H0z M25.8,44h-5.4V26.6h5.4V44z M23.1,24.3c-1.7,0-3.1-1.4-3.1-3.1c0-1.7,1.4-3.1,3.1-3.1 c1.7,0,3.1,1.4,3.1,3.1C26.2,22.9,24.8,24.3,23.1,24.3z M46,44h-5.4v-8.4c0-2,0-4.6-2.8-4.6c-2.8,0-3.2,2.2-3.2,4.5V44h-5.4V26.6 h5.2V29h0.1c0.7-1.4,2.5-2.8,5.1-2.8c5.5,0,6.5,3.6,6.5,8.3V44z"/></symbol><symbol id="facebook-unauth-icon" viewBox="0 0 64 64"><path d="M34.1,47V33.3h4.6l0.7-5.3h-5.3v-3.4c0-1.5,0.4-2.6,2.6-2.6l2.8,0v-4.8c-0.5-0.1-2.2-0.2-4.1-0.2 c-4.1,0-6.9,2.5-6.9,7V28H24v5.3h4.6V47H34.1z"/></symbol><symbol id="facebook-unauth-mask" viewBox="0 0 64 64"><path d="M0,0v64h64V0H0z M39.6,22l-2.8,0c-2.2,0-2.6,1.1-2.6,2.6V28h5.3l-0.7,5.3h-4.6V47h-5.5V33.3H24V28h4.6V24 c0-4.6,2.8-7,6.9-7c2,0,3.6,0.1,4.1,0.2V22z"/></symbol></svg> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10