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'Hara'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'Hara'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'hara'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="{ "layout": "navRight", "action": { "href": "/contact", "buttonText": "Contact Us", "newWindow": false }, "showSocial": true, "socialOptions": { "socialBorderShape": "none", "socialBorderStyle": "outline", "socialBorderThickness": { "unit": "px", "value": 1.0 } }, "sectionTheme": "white", "menuOverlayAnimation": "fade", "cartStyle": "cart", "cartText": "Cart", "showEmptyCartState": true, "cartOptions": { "iconType": "solid-7", "cartBorderShape": "none", "cartBorderStyle": "outline", "cartBorderThickness": { "unit": "px", "value": 1.0 } }, "showButton": true, "showCart": false, "showAccountLogin": false, "headerStyle": "theme", "languagePicker": { "enabled": false, "iconEnabled": false, "iconType": "globe", "flagShape": "shiny", "languageFlags": [ ] }, "mobileOptions": { "layout": "logoLeftNavRight", "menuIcon": "doubleLineHamburger", "menuIconOptions": { "style": "doubleLineHamburger", "thickness": { "unit": "px", "value": 1.0 } } }, "dynamicOptions": { "border": { "enabled": false, "position": "allSides", "thickness": { "unit": "px", "value": 4.0 }, "color": { "type": "SITE_PALETTE_COLOR", "sitePaletteColor": { "colorName": "black", "alphaModifier": 1.0 } } } }, "solidOptions": { "headerOpacity": { "unit": "%", "value": 100.0 }, "border": { "enabled": false, "position": "allSides", "thickness": { "unit": "px", "value": 4.0 }, "color": { "type": "SITE_PALETTE_COLOR", "sitePaletteColor": { "colorName": "black", "alphaModifier": 1.0 } } }, "dropShadow": { "enabled": false, "blur": { "unit": "px", "value": 30.0 }, "spread": { "unit": "px", "value": 0.0 }, "distance": { "unit": "px", "value": 0.0 }, "color": { "type": "SITE_PALETTE_COLOR", "sitePaletteColor": { "colorName": "black", "alphaModifier": 1.0 } } }, "blurBackground": { "enabled": false, "blurRadius": { "unit": "px", "value": 12.0 } }, "backgroundColor": { "type": "SITE_PALETTE_COLOR", "sitePaletteColor": { "colorName": "white", "alphaModifier": 1.0 } }, "navigationColor": { "type": "SITE_PALETTE_COLOR", "sitePaletteColor": { "colorName": "black", "alphaModifier": 1.0 } } }, "gradientOptions": { "gradientType": "faded", "headerOpacity": { "unit": "%", "value": 90.0 }, "border": { "enabled": false, "position": "allSides", "thickness": { "unit": "px", "value": 4.0 }, "color": { "type": "SITE_PALETTE_COLOR", "sitePaletteColor": { "colorName": "black", "alphaModifier": 1.0 } } }, "dropShadow": { "enabled": false, "blur": { "unit": "px", "value": 30.0 }, "spread": { "unit": "px", "value": 0.0 }, "distance": { "unit": "px", "value": 0.0 }, "color": { "type": "SITE_PALETTE_COLOR", "sitePaletteColor": { "colorName": "black", "alphaModifier": 1.0 } } }, "blurBackground": { "enabled": false, "blurRadius": { "unit": "px", "value": 12.0 } }, "backgroundColor": { "type": "SITE_PALETTE_COLOR", "sitePaletteColor": { "colorName": "white", "alphaModifier": 1.0 } }, "navigationColor": { "type": "SITE_PALETTE_COLOR", "sitePaletteColor": { "colorName": "black", "alphaModifier": 1.0 } } }, "dropShadowOptions": { "enabled": false, "blur": { "unit": "px", "value": 12.0 }, "spread": { "unit": "px", "value": 0.0 }, "distance": { "unit": "px", "value": 12.0 } }, "borderOptions": { "enabled": false, "position": "bottom", "thickness": { "unit": "px", "value": 4.0 } }, "showPromotedElement": false, "buttonVariant": "primary", "blurBackground": { "enabled": false, "blurRadius": { "unit": "px", "value": 12.0 } }, "headerOpacity": { "unit": "%", "value": 100.0 } }" data-section-id="header" data-header-style="theme" data-language-picker="{ "enabled": false, "iconEnabled": false, "iconType": "globe", "flagShape": "shiny", "languageFlags": [ ] }" 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&#39;Hara&#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 & 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'hara'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&#39;Hara&#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 & 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'hara'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="{ "layout": "navRight", "action": { "href": "/contact", "buttonText": "Contact Us", "newWindow": false }, "showSocial": true, "socialOptions": { "socialBorderShape": "none", "socialBorderStyle": "outline", "socialBorderThickness": { "unit": "px", "value": 1.0 } }, "sectionTheme": "white", "menuOverlayAnimation": "fade", "cartStyle": "cart", "cartText": "Cart", "showEmptyCartState": true, "cartOptions": { "iconType": "solid-7", "cartBorderShape": "none", "cartBorderStyle": "outline", "cartBorderThickness": { "unit": "px", "value": 1.0 } }, "showButton": true, "showCart": false, "showAccountLogin": false, "headerStyle": "theme", "languagePicker": { "enabled": false, "iconEnabled": false, "iconType": "globe", "flagShape": "shiny", "languageFlags": [ ] }, "mobileOptions": { "layout": "logoLeftNavRight", "menuIcon": "doubleLineHamburger", "menuIconOptions": { "style": "doubleLineHamburger", "thickness": { "unit": "px", "value": 1.0 } } }, "dynamicOptions": { "border": { "enabled": false, "position": "allSides", "thickness": { "unit": "px", "value": 4.0 }, "color": { "type": "SITE_PALETTE_COLOR", "sitePaletteColor": { "colorName": "black", "alphaModifier": 1.0 } } } }, "solidOptions": { "headerOpacity": { "unit": "%", "value": 100.0 }, "border": { "enabled": false, "position": "allSides", "thickness": { "unit": "px", "value": 4.0 }, "color": { "type": "SITE_PALETTE_COLOR", "sitePaletteColor": { "colorName": "black", "alphaModifier": 1.0 } } }, "dropShadow": { "enabled": false, "blur": { "unit": "px", "value": 30.0 }, "spread": { "unit": "px", "value": 0.0 }, "distance": { "unit": "px", "value": 0.0 }, "color": { "type": "SITE_PALETTE_COLOR", "sitePaletteColor": { "colorName": "black", "alphaModifier": 1.0 } } }, "blurBackground": { "enabled": false, "blurRadius": { "unit": "px", "value": 12.0 } }, "backgroundColor": { "type": "SITE_PALETTE_COLOR", "sitePaletteColor": { "colorName": "white", "alphaModifier": 1.0 } }, "navigationColor": { "type": "SITE_PALETTE_COLOR", "sitePaletteColor": { "colorName": "black", "alphaModifier": 1.0 } } }, "gradientOptions": { "gradientType": "faded", "headerOpacity": { "unit": "%", "value": 90.0 }, "border": { "enabled": false, "position": "allSides", "thickness": { "unit": "px", "value": 4.0 }, "color": { "type": "SITE_PALETTE_COLOR", "sitePaletteColor": { "colorName": "black", "alphaModifier": 1.0 } } }, "dropShadow": { "enabled": false, "blur": { "unit": "px", "value": 30.0 }, "spread": { "unit": "px", "value": 0.0 }, "distance": { "unit": "px", "value": 0.0 }, "color": { "type": "SITE_PALETTE_COLOR", "sitePaletteColor": { "colorName": "black", "alphaModifier": 1.0 } } }, "blurBackground": { "enabled": false, "blurRadius": { "unit": "px", "value": 12.0 } }, "backgroundColor": { "type": "SITE_PALETTE_COLOR", "sitePaletteColor": { "colorName": "white", "alphaModifier": 1.0 } }, "navigationColor": { "type": "SITE_PALETTE_COLOR", "sitePaletteColor": { "colorName": "black", "alphaModifier": 1.0 } } }, "dropShadowOptions": { "enabled": false, "blur": { "unit": "px", "value": 12.0 }, "spread": { "unit": "px", "value": 0.0 }, "distance": { "unit": "px", "value": 12.0 } }, "borderOptions": { "enabled": false, "position": "bottom", "thickness": { "unit": "px", "value": 4.0 } }, "showPromotedElement": false, "buttonVariant": "primary", "blurBackground": { "enabled": false, "blurRadius": { "unit": "px", "value": 12.0 } }, "headerOpacity": { "unit": "%", "value": 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 & 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'hara'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="{ "imageFocalPoint": { "x": 0.5, "y": 0.5 }, "imageOverlayOpacity": 0.3, "backgroundColor": "white", "sectionTheme": "bright", "imageEffect": "none", "backgroundMode": "image", "backgroundImage": null }" data-current-context="{ "video": { "filter": 1, "videoFallbackContentItem": null, "nativeVideoContentItem": null, "videoSourceProvider": "none" }, "backgroundImageId": null, "backgroundMediaEffect": { "type": "none" }, "divider": { "enabled": true, "type": "none", "width": { "value": 100, "unit": "vw" }, "height": { "value": 6, "unit": "vw" }, "isFlipX": false, "isFlipY": false, "offset": { "value": 0, "unit": "px" }, "stroke": { "style": "solid", "color": { "type": "SITE_PALETTE_COLOR", "sitePaletteColor": { "colorName": "accent", "alphaModifier": 1 } }, "thickness": { "value": 15, "unit": "px" }, "dashLength": { "value": 5, "unit": "px" }, "gapLength": { "value": 15, "unit": "px" }, "linecap": "square" } }, "typeName": "portfolio-grid-basic" }" 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="{ "userItems": [ { "title": "", "description": "Description goes here", "button": { "buttonText": "", "buttonLink": "/" }, "imageId": "64d4fd754f522c7e45f9f691", "image": { "id": "64d4fd754f522c7e45f9f691", "recordType": 2, "addedOn": 1691680117491, "updatedOn": 1691680117540, "workflowState": 1, "publishOn": 1691680117491, "authorId": "64dfae821c776406bf29df16", "systemDataId": "79242537-8960-4974-9f97-5b8b0dede56d", "systemDataVariants": "1850x888,100w,300w,500w,750w,1000w,1500w", "systemDataSourceType": "JPG", "filename": "OSR_Slide_TopContractors.jpg", "mediaFocalPoint": { "x": 0.5, "y": 0.5, "source": 3 }, "colorData": { "topLeftAverage": "d8cdd1", "topRightAverage": "d5ced2", "bottomLeftAverage": "5c5741", "bottomRightAverage": "514d40", "centerAverage": "6b7579", "suggestedBgColor": "8d8683" }, "urlId": "6yaqqvoc8uxe4trtg3dwbmhylgxiz8", "title": "", "body": null, "likeCount": 0, "commentCount": 0, "publicCommentCount": 0, "commentState": 2, "unsaved": false, "author": { "id": "64dfae821c776406bf29df16", "displayName": "System Admin", "firstName": "System", "lastName": "Admin", "avatarUrl": "https://images.squarespace-cdn.com/content/v2/namespaces/memberAccountAvatars/libraries/64dfae821c776406bf29df16/99eda23a380c48b6a0f1a13137d86d1d/99eda23a380c48b6a0f1a13137d86d1d.jpeg?format=300w", "bio": "", "avatarAssetUrl": "https://images.squarespace-cdn.com/content/v2/namespaces/memberAccountAvatars/libraries/64dfae821c776406bf29df16/99eda23a380c48b6a0f1a13137d86d1d/99eda23a380c48b6a0f1a13137d86d1d.jpeg?format=300w" }, "assetUrl": "https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/79242537-8960-4974-9f97-5b8b0dede56d/OSR_Slide_TopContractors.jpg", "contentType": "image/jpeg", "items": [ ], "pushedServices": { }, "pendingPushedServices": { }, "originalSize": "1850x888", "recordTypeLabel": "image" } }, { "title": "New Commercial Roof Construction", "description": "<p class=\"\" style=\"white-space:pre-wrap;\">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.<\/p>", "button": { "buttonText": "More Info", "buttonLink": "/new-construction", "buttonNewWindow": false }, "imageId": "6452a59c2a0a9b42b1bbe7bc", "imageAltText": "New Commercial Roof Construction", "image": { "id": "6452a59c2a0a9b42b1bbe7bc", "recordType": 2, "addedOn": 1683137948908, "updatedOn": 1683137948955, "workflowState": 1, "publishOn": 1683137948908, "authorId": "64dfae821c776406bf29df16", "systemDataId": "10c70c0f-689c-41d9-b962-f0fc439ac46c", "systemDataVariants": "1850x888,100w,300w,500w,750w,1000w,1500w", "systemDataSourceType": "JPG", "filename": "newConstruction.jpg", "mediaFocalPoint": { "x": 0.5, "y": 0.5, "source": 3 }, "colorData": { "topLeftAverage": "3f4248", "topRightAverage": "6f6d62", "bottomLeftAverage": "080b17", "bottomRightAverage": "312e29", "centerAverage": "9b907b", "suggestedBgColor": "534e47" }, "urlId": "n7xoe21xb3p47udlses1q0xapv1hqi", "title": "", "body": null, "likeCount": 0, "commentCount": 0, "publicCommentCount": 0, "commentState": 2, "unsaved": false, "author": { "id": "64dfae821c776406bf29df16", "displayName": "System Admin", "firstName": "System", "lastName": "Admin", "avatarUrl": "https://images.squarespace-cdn.com/content/v2/namespaces/memberAccountAvatars/libraries/64dfae821c776406bf29df16/99eda23a380c48b6a0f1a13137d86d1d/99eda23a380c48b6a0f1a13137d86d1d.jpeg?format=300w", "bio": "", "avatarAssetUrl": "https://images.squarespace-cdn.com/content/v2/namespaces/memberAccountAvatars/libraries/64dfae821c776406bf29df16/99eda23a380c48b6a0f1a13137d86d1d/99eda23a380c48b6a0f1a13137d86d1d.jpeg?format=300w" }, "assetUrl": "https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/10c70c0f-689c-41d9-b962-f0fc439ac46c/newConstruction.jpg", "contentType": "image/jpeg", "items": [ ], "pushedServices": { }, "pendingPushedServices": { }, "originalSize": "1850x888", "recordTypeLabel": "image" } }, { "title": "Commercial Roof Replacement", "description": "Description goes here", "button": { "buttonText": "More Info", "buttonLink": "/roof-replacement", "buttonNewWindow": false }, "imageAltText": "Commercial Roof Replacement", "imageId": "6452a5b79b079337018fd215", "image": { "id": "6452a5b79b079337018fd215", "recordType": 2, "addedOn": 1683137975963, "updatedOn": 1683137976012, "workflowState": 1, "publishOn": 1683137975963, "authorId": "64dfae821c776406bf29df16", "systemDataId": "fd3938f1-4d84-463a-b1a3-fa92c46ec082", "systemDataVariants": "1850x888,100w,300w,500w,750w,1000w,1500w", "systemDataSourceType": "JPG", "filename": "roofReplacement.jpg", "mediaFocalPoint": { "x": 0.5, "y": 0.5, "source": 3 }, "colorData": { "topLeftAverage": "333334", "topRightAverage": "4f5058", "bottomLeftAverage": "3d352e", "bottomRightAverage": "2e371f", "centerAverage": "9b9594", "suggestedBgColor": "5b5955" }, "urlId": "19fpidamwiwcj4d7ye8qx4bmfhxbk3", "title": "", "body": null, "likeCount": 0, "commentCount": 0, "publicCommentCount": 0, "commentState": 2, "unsaved": false, "author": { "id": "64dfae821c776406bf29df16", "displayName": "System Admin", "firstName": "System", "lastName": "Admin", "avatarUrl": "https://images.squarespace-cdn.com/content/v2/namespaces/memberAccountAvatars/libraries/64dfae821c776406bf29df16/99eda23a380c48b6a0f1a13137d86d1d/99eda23a380c48b6a0f1a13137d86d1d.jpeg?format=300w", "bio": "", "avatarAssetUrl": "https://images.squarespace-cdn.com/content/v2/namespaces/memberAccountAvatars/libraries/64dfae821c776406bf29df16/99eda23a380c48b6a0f1a13137d86d1d/99eda23a380c48b6a0f1a13137d86d1d.jpeg?format=300w" }, "assetUrl": "https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/fd3938f1-4d84-463a-b1a3-fa92c46ec082/roofReplacement.jpg", "contentType": "image/jpeg", "items": [ ], "pushedServices": { }, "pendingPushedServices": { }, "originalSize": "1850x888", "recordTypeLabel": "image" } }, { "title": "Commercial Roof Leak Repair & Service", "description": "Description goes here", "button": { "buttonText": "More Info", "buttonLink": "/leak-repair-service", "buttonNewWindow": false }, "imageId": "6452a87ddda31126844e7961", "imageAltText": "Commercial Roof Leak Repair & Service", "image": { "id": "6452a87ddda31126844e7961", "recordType": 2, "addedOn": 1683138685114, "updatedOn": 1683138685162, "workflowState": 1, "publishOn": 1683138685114, "authorId": "64dfae821c776406bf29df16", "systemDataId": "b4d47d14-cdbf-4fcb-b72c-225105a664d9", "systemDataVariants": "1850x888,100w,300w,500w,750w,1000w,1500w", "systemDataSourceType": "JPG", "filename": "LeakRepair.jpg", "mediaFocalPoint": { "x": 0.5, "y": 0.5, "source": 3 }, "colorData": { "topLeftAverage": "222518", "topRightAverage": "595e4f", "bottomLeftAverage": "303614", "bottomRightAverage": "646341", "centerAverage": "9a9c93", "suggestedBgColor": "767a6a" }, "urlId": "fhi6ch0mo4oxoyja7j28h9jobm52em", "title": "", "body": null, "likeCount": 0, "commentCount": 0, "publicCommentCount": 0, "commentState": 2, "unsaved": false, "author": { "id": "64dfae821c776406bf29df16", "displayName": "System Admin", "firstName": "System", "lastName": "Admin", "avatarUrl": "https://images.squarespace-cdn.com/content/v2/namespaces/memberAccountAvatars/libraries/64dfae821c776406bf29df16/99eda23a380c48b6a0f1a13137d86d1d/99eda23a380c48b6a0f1a13137d86d1d.jpeg?format=300w", "bio": "", "avatarAssetUrl": "https://images.squarespace-cdn.com/content/v2/namespaces/memberAccountAvatars/libraries/64dfae821c776406bf29df16/99eda23a380c48b6a0f1a13137d86d1d/99eda23a380c48b6a0f1a13137d86d1d.jpeg?format=300w" }, "assetUrl": "https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/b4d47d14-cdbf-4fcb-b72c-225105a664d9/LeakRepair.jpg", "contentType": "image/jpeg", "items": [ ], "pushedServices": { }, "pendingPushedServices": { }, "originalSize": "1850x888", "recordTypeLabel": "image" } }, { "title": "Preventative Maintenance for Commercial Roofing", "description": "<p class=\"\" style=\"white-space:pre-wrap;\">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. <\/p><p class=\"\" data-rte-preserve-empty=\"true\" style=\"white-space:pre-wrap;\"><\/p>", "button": { "buttonText": "More Info", "buttonLink": "/preventative-maintenance-1", "buttonNewWindow": false }, "imageId": "6452a5aa6be0d9733c7346f2", "imageAltText": "Preventative Maintenance for Commercial Roofing", "image": { "id": "6452a5aa6be0d9733c7346f2", "recordType": 2, "addedOn": 1683137962335, "updatedOn": 1683137962374, "workflowState": 1, "publishOn": 1683137962335, "authorId": "64dfae821c776406bf29df16", "systemDataId": "374a2928-739e-4ff2-817c-35cef69015f0", "systemDataVariants": "1850x888,100w,300w,500w,750w,1000w,1500w", "systemDataSourceType": "JPG", "filename": "maintenance.jpg", "mediaFocalPoint": { "x": 0.5, "y": 0.5, "source": 3 }, "colorData": { "topLeftAverage": "2e3339", "topRightAverage": "7e7164", "bottomLeftAverage": "4c505a", "bottomRightAverage": "7d7a7d", "centerAverage": "7e7c80", "suggestedBgColor": "4d4f4f" }, "urlId": "jzanppzalbhwdtml7lug6ntiqml11a", "title": "", "body": null, "likeCount": 0, "commentCount": 0, "publicCommentCount": 0, "commentState": 2, "unsaved": false, "author": { "id": "64dfae821c776406bf29df16", "displayName": "System Admin", "firstName": "System", "lastName": "Admin", "avatarUrl": "https://images.squarespace-cdn.com/content/v2/namespaces/memberAccountAvatars/libraries/64dfae821c776406bf29df16/99eda23a380c48b6a0f1a13137d86d1d/99eda23a380c48b6a0f1a13137d86d1d.jpeg?format=300w", "bio": "", "avatarAssetUrl": "https://images.squarespace-cdn.com/content/v2/namespaces/memberAccountAvatars/libraries/64dfae821c776406bf29df16/99eda23a380c48b6a0f1a13137d86d1d/99eda23a380c48b6a0f1a13137d86d1d.jpeg?format=300w" }, "assetUrl": "https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/374a2928-739e-4ff2-817c-35cef69015f0/maintenance.jpg", "contentType": "image/jpeg", "items": [ ], "pushedServices": { }, "pendingPushedServices": { }, "originalSize": "1850x888", "recordTypeLabel": "image" } } ], "styles": { "imageFocalPoint": { "x": 0.5, "y": 0.5 }, "imageOverlayOpacity": 0.3, "backgroundColor": "white", "sectionTheme": "bright", "imageEffect": "none", "backgroundMode": "image", "backgroundImage": null }, "video": { "filter": 1, "videoFallbackContentItem": null, "nativeVideoContentItem": null, "videoSourceProvider": "none" }, "backgroundImageFocalPoint": null, "backgroundImageId": null, "options": { "isCardEnabled": false, "isShowAdjacentSlides": false, "isInfiniteEnabled": true, "slideDurationMs": 1000, "isMediaEnabled": true, "isTitleEnabled": true, "isBodyEnabled": false, "isButtonEnabled": true, "layoutWidth": "full-bleed", "titleAlignment": "left", "bodyAlignment": "left", "buttonAlignment": "left", "cardHorizontalPosition": "left", "cardVerticalPosition": "bottom", "titleFontSize": "heading-2", "bodyFontSize": "paragraph-2", "buttonFontSize": "button-medium", "customOptions": { "customTitleFontSize": { "value": 3, "unit": "rem" }, "customBodyFontSize": { "value": 1.4, "unit": "rem" }, "customButtonFontSize": { "value": 1.1, "unit": "rem" } }, "minSlideHeight": { "value": 75, "unit": "vh" }, "verticalPaddingTop": { "value": 0, "unit": "vmax" }, "verticalPaddingBottom": { "value": 0, "unit": "vmax" }, "slideContentPaddingTop": { "value": 2, "unit": "%" }, "slideContentPaddingRight": { "value": 4, "unit": "%" }, "slideContentPaddingBottom": { "value": 0, "unit": "%" }, "slideContentPaddingLeft": { "value": 4, "unit": "%" }, "spaceBetweenSlides": { "value": 0, "unit": "px" }, "spaceBelowTitle": { "value": 1, "unit": "%" }, "spaceBelowBody": { "value": 4, "unit": "%" }, "cardPaddingTop": { "value": 2, "unit": "%" }, "cardPaddingRight": { "value": 2, "unit": "%" }, "cardPaddingBottom": { "value": 2, "unit": "%" }, "cardPaddingLeft": { "value": 2, "unit": "%" }, "navigationOffset": { "value": 3, "unit": "vw" }, "slideContentWidth": { "value": 30, "unit": "%" }, "navigationControls": "arrows", "navigationPlacement": "bottom", "navigationAlignment": "right", "progressIndicators": "bars" }, "layout": "banner-slideshow", "isSectionTitleEnabled": false, "sectionTitle": "<p class=\"\" style=\"white-space:pre-wrap;\">Make it stand out.<\/p>", "spaceBelowSectionTitle": { "value": 40, "unit": "px" }, "sectionTitleAlignment": "center", "isSectionButtonEnabled": false, "sectionButton": { "buttonText": "Make It", "buttonLink": "#", "buttonNewWindow": false }, "sectionButtonSize": "medium", "sectionButtonAlignment": "center", "spaceAboveSectionButton": { "value": 40, "unit": "px" } }" 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 & 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 & 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="{ "imageOverlayOpacity": 0.15, "backgroundWidth": "background-width--full-bleed", "sectionHeight": "section-height--small", "horizontalAlignment": "horizontal-alignment--center", "verticalAlignment": "vertical-alignment--middle", "contentWidth": "content-width--wide", "customContentWidth": 50, "sectionTheme": "dark", "sectionAnimation": "none", "backgroundMode": "image" }" data-current-context="{ "video": { "playbackSpeed": 0.5, "filter": 1, "filterStrength": 0, "zoom": 0, "videoSourceProvider": "none" }, "backgroundImageId": null, "backgroundMediaEffect": { "type": "none" }, "divider": { "enabled": true, "type": "pointed", "width": { "unit": "vw", "value": 100.0 }, "height": { "unit": "vw", "value": 2.0 }, "isFlipX": true, "isFlipY": false, "offset": { "unit": "px", "value": 0.0 }, "stroke": { "style": "solid", "color": { "type": "THEME_COLOR" }, "thickness": { "unit": "px", "value": 6.0 }, "dashLength": { "unit": "px", "value": 5.0 }, "gapLength": { "unit": "px", "value": 15.0 }, "linecap": "square" } }, "typeName": "portfolio-grid-basic" }" 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="{"topLeft":{"unit":"px","value":0.0},"topRight":{"unit":"px","value":0.0},"bottomLeft":{"unit":"px","value":0.0},"bottomRight":{"unit":"px","value":0.0}}" 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 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="{ "imageOverlayOpacity": 0.15, "backgroundWidth": "background-width--full-bleed", "sectionHeight": "section-height--medium", "horizontalAlignment": "horizontal-alignment--center", "verticalAlignment": "vertical-alignment--middle", "contentWidth": "content-width--wide", "customContentWidth": 50, "sectionTheme": "light", "sectionAnimation": "none", "backgroundMode": "image" }" data-current-context="{ "video": { "playbackSpeed": 0.5, "filter": 1, "filterStrength": 0, "zoom": 0, "videoSourceProvider": "none" }, "backgroundImageId": null, "backgroundMediaEffect": { "type": "none" }, "divider": { "enabled": false }, "typeName": "portfolio-grid-basic" }" 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="{"topLeft":{"unit":"px","value":0.0},"topRight":{"unit":"px","value":0.0},"bottomLeft":{"unit":"px","value":0.0},"bottomRight":{"unit":"px","value":0.0}}" 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="{"topLeft":{"unit":"px","value":0.0},"topRight":{"unit":"px","value":0.0},"bottomLeft":{"unit":"px","value":0.0},"bottomRight":{"unit":"px","value":0.0}}" 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 & 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="{"topLeft":{"unit":"px","value":0.0},"topRight":{"unit":"px","value":0.0},"bottomLeft":{"unit":"px","value":0.0},"bottomRight":{"unit":"px","value":0.0}}" 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 & 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="{"topLeft":{"unit":"px","value":0.0},"topRight":{"unit":"px","value":0.0},"bottomLeft":{"unit":"px","value":0.0},"bottomRight":{"unit":"px","value":0.0}}" 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="{ "backgroundImage": { "id": "6452ace793e68f035f91e1d4", "recordType": 2, "addedOn": 1683139815825, "updatedOn": 1683139815852, "workflowState": 1, "publishOn": 1683139815825, "authorId": "64dfae821c776406bf29df16", "systemDataId": "38191bed-265c-4739-8258-8ade58f24b5b", "systemDataVariants": "1850x888,100w,300w,500w,750w,1000w,1500w", "systemDataSourceType": "JPG", "filename": "sectionBack.jpg", "mediaFocalPoint": { "x": 0.5, "y": 0.5, "source": 3 }, "colorData": { "topLeftAverage": "e8e8e7", "topRightAverage": "e8e7e8", "bottomLeftAverage": "f0f1ee", "bottomRightAverage": "f4f3f3", "centerAverage": "f3f3f3", "suggestedBgColor": "eeeeee" }, "urlId": "8kdd5wyuyrlny5dgqz0l9ulkeh7sr5", "title": "", "body": null, "likeCount": 0, "commentCount": 0, "publicCommentCount": 0, "commentState": 2, "unsaved": false, "author": { "id": "64dfae821c776406bf29df16", "displayName": "System Admin", "firstName": "System", "lastName": "Admin", "avatarUrl": "https://images.squarespace-cdn.com/content/v2/namespaces/memberAccountAvatars/libraries/64dfae821c776406bf29df16/99eda23a380c48b6a0f1a13137d86d1d/99eda23a380c48b6a0f1a13137d86d1d.jpeg?format=300w", "bio": "", "avatarAssetUrl": "https://images.squarespace-cdn.com/content/v2/namespaces/memberAccountAvatars/libraries/64dfae821c776406bf29df16/99eda23a380c48b6a0f1a13137d86d1d/99eda23a380c48b6a0f1a13137d86d1d.jpeg?format=300w" }, "assetUrl": "https://images.squarespace-cdn.com/content/v1/64512ab80c2bf831895cd0de/38191bed-265c-4739-8258-8ade58f24b5b/sectionBack.jpg", "contentType": "image/jpeg", "items": [ ], "pushedServices": { }, "pendingPushedServices": { }, "originalSize": "1850x888", "recordTypeLabel": "image" }, "imageOverlayOpacity": 0.33, "backgroundWidth": "background-width--full-bleed", "sectionHeight": "section-height--medium", "horizontalAlignment": "horizontal-alignment--center", "verticalAlignment": "vertical-alignment--middle", "contentWidth": "content-width--wide", "customContentWidth": 50, "sectionTheme": "", "sectionAnimation": "none", "backgroundMode": "image", "imageEffect": "none" }" data-current-context="{ "video": { "playbackSpeed": 0.5, "filter": 1, "filterStrength": 0, "zoom": 0, "videoSourceProvider": "none" }, "backgroundImageId": null, "backgroundMediaEffect": { "type": "parallax", "rotation": 90, "intensity": 29 }, "divider": { "enabled": false }, "typeName": "portfolio-grid-basic" }" 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="{"topLeft":{"unit":"px","value":0.0},"topRight":{"unit":"px","value":0.0},"bottomLeft":{"unit":"px","value":0.0},"bottomRight":{"unit":"px","value":0.0}}" 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="{ "imageOverlayOpacity": 0.15, "backgroundWidth": "background-width--full-bleed", "sectionHeight": "section-height--medium", "customSectionHeight": 10, "horizontalAlignment": "horizontal-alignment--center", "verticalAlignment": "vertical-alignment--middle", "contentWidth": "content-width--wide", "customContentWidth": 50, "sectionTheme": "white", "sectionAnimation": "none", "backgroundMode": "image" }" data-current-context="{ "video": { "playbackSpeed": 0.5, "filter": 1, "filterStrength": 0, "zoom": 0, "videoSourceProvider": "none" }, "backgroundImageId": null, "backgroundMediaEffect": null, "divider": null, "typeName": "portfolio-grid-basic" }" 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="{ "imageOverlayOpacity": 0.15, "backgroundWidth": "background-width--full-bleed", "sectionHeight": "section-height--small", "customSectionHeight": 20, "horizontalAlignment": "horizontal-alignment--center", "verticalAlignment": "vertical-alignment--top", "contentWidth": "content-width--wide", "customContentWidth": 50, "sectionTheme": "bright", "sectionAnimation": "none", "backgroundMode": "image" }" data-current-context="{ "video": { "playbackSpeed": 0.5, "filter": 1, "filterStrength": 0, "zoom": 0, "videoSourceProvider": "none" }, "backgroundImageId": null, "backgroundMediaEffect": { "type": "none" }, "divider": { "enabled": false }, "typeName": "portfolio-grid-basic" }" 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="{"topLeft":{"unit":"px","value":0.0},"topRight":{"unit":"px","value":0.0},"bottomLeft":{"unit":"px","value":0.0},"bottomRight":{"unit":"px","value":0.0}}" 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="{"topLeft":{"unit":"px","value":0.0},"topRight":{"unit":"px","value":0.0},"bottomLeft":{"unit":"px","value":0.0},"bottomRight":{"unit":"px","value":0.0}}" 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="{"topLeft":{"unit":"px","value":0.0},"topRight":{"unit":"px","value":0.0},"bottomLeft":{"unit":"px","value":0.0},"bottomRight":{"unit":"px","value":0.0}}" 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>