Help
RSS
API
Feed
Maltego
Contact
Domain > capperbuild.com
×
More information on this domain is in
AlienVault OTX
Is this malicious?
Yes
No
DNS Resolutions
Date
IP Address
2025-01-09
18.64.174.125
(
ClassC
)
2025-01-09
18.64.174.38
(
ClassC
)
2026-01-18
3.175.34.74
(
ClassC
)
Port 80
HTTP/1.1 301 Moved PermanentlyServer: CloudFrontDate: Sun, 18 Jan 2026 08:48:12 GMTContent-Type: text/htmlContent-Length: 167Connection: keep-aliveLocation: https://capperbuild.com/X-Cache: Redirect from cloudfrontVia: 1.1 13db0457431959c4a11b5f54c65b5688.cloudfront.net (CloudFront)X-Amz-Cf-Pop: HIO52-P3X-Amz-Cf-Id: 1snTjgG0ma2wWehw1Qht72z7uH2SojkZzEIzjBVVSaPu6gweaBFpFQ html>head>title>301 Moved Permanently/title>/head>body>center>h1>301 Moved Permanently/h1>/center>hr>center>CloudFront/center>/body>/html>
Port 443
HTTP/1.1 200 OKContent-Type: text/htmlContent-Length: 116618Connection: keep-aliveDate: Sun, 18 Jan 2026 08:48:12 GMTApigw-Requestid: XX2r-hw-iYcEJlAX-Cache: Miss from cloudfrontVia: 1.1 17220d5b0843b7d6f37da152096b8a14.cloudfront.net (CloudFront)X-Amz-Cf-Pop: HIO52-P3X-Amz-Cf-Id: pOfsGQH8inl7vPdnKVS0UlTE_cdbSdV2g3CyfCfXMF1o32G-KFD-9A !DOCTYPE html>html langen> head> script>window.LANDING_SITE_ID LS-bojeiqsatc/script> script>window.LANDING_SITE_CONTACT_US_URL https://oaojaap5re2buacyhw4cycgvza0shopu.lambda-url.us-east-2.on.aws//script> script src/public/main.umd.js defer>/script> meta charsetutf-8> meta nameviewport contentwidthdevice-width, initial-scale1> link relpreconnect hrefhttps://fonts.googleapis.com> link relpreconnect hrefhttps://fonts.gstatic.com crossorigin> link relpreload hrefhttps://fonts.googleapis.com/css2?familyMontserrat:wght@300;400;500;600;700&familyRaleway:wght@300;400;500;600;700&displayswap asstyle onloadthis.onloadnull;this.relstylesheet /> noscript> link hrefhttps://fonts.googleapis.com/css2?familyMontserrat:wght@300;400;500;600;700&familyRaleway:wght@300;400;500;600;700&displayswap relstylesheet /> /noscript> style>*,::after,::before{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}::after,::before{--tw-content:}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where(title){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}typebutton,typereset,typesubmit,button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}typesearch{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}rolebutton,button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}hidden{display:none}*,::after,::before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0px}.bottom-0{bottom:0}.bottom-20{bottom:5rem}.bottom-4{bottom:1rem}.bottom-8{bottom:2rem}.bottom-\-1px\{bottom:-1px}.left-0{left:0}.left-1\/2{left:50%}.left-10{left:2.5rem}.left-4{left:1rem}.right-0{right:0}.right-10{right:2.5rem}.right-4{right:1rem}.top-0{top:0}.top-1\/2{top:50%}.top-2{top:.5rem}.top-20{top:5rem}.top-4{top:1rem}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.z-\-1\{z-index:-1}.z-\1\{z-index:1}.z-\2\{z-index:2}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.mx-auto{margin-left:auto;margin-right:auto}.my-12{margin-top:3rem;margin-bottom:3rem}.my-8{margin-top:2rem;margin-bottom:2rem}.-mb-24{margin-bottom:-6rem}.-ml-24{margin-left:-6rem}.-mr-32{margin-right:-8rem}.-mt-32{margin-top:-8rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-16{margin-left:4rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1/1}.h-1{height:.25rem}.h-12{height:3rem}.h-3{height:.75rem}.h-48{height:12rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-72{height:18rem}.h-8{height:2rem}.h-96{height:24rem}.h-\150px\{height:150px}.h-auto{height:auto}.h-full{height:100%}.max-h-64{max-height:16rem}.max-h-full{max-height:100%}.min-h-\400px\{min-height:400px}.w-12{width:3rem}.w-24{width:6rem}.w-3{width:.75rem}.w-48{width:12rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-72{width:18rem}.w-8{width:2rem}.w-96{width:24rem}.w-\150\%\{width:150%}.w-\90\%\{width:90%}.w-full{width:100%}.w-screen{width:100vw}.max-w-4xl{max-width:56rem}.max-w-full{max-width:100%}.max-w-sm{max-width:24rem}.flex-1{flex:1 1 0%}.flex-none{flex:none}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-0{--tw-scale-x:0;--tw-scale-y:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.gap-y-6{row-gap:1.5rem}.space-x-2>:not(hidden)~:not(hidden){--tw-space-x-reverse:0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-12>:not(hidden)~:not(hidden){--tw-space-y-reverse:0;margin-top:calc(3rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(3rem * var(--tw-space-y-reverse))}.space-y-2>:not(hidden)~:not(hidden){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-4>:not(hidden)~:not(hidden){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not(hidden)~:not(hidden){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.whitespace-nowrap{white-space:nowrap}.break-words{overflow-wrap:break-word}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-\var\(--button-rounded-radius\)\{border-radius:var(--button-rounded-radius)}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border-b-2{border-bottom-width:2px}.border-b-4{border-bottom-width:4px}.border-t-2{border-top-width:2px}.border-\var\(--primary-color\)\{border-color:var(--primary-color)}.border-gray-600{--tw-border-opacity:1;border-color:rgb(75 85 99 / var(--tw-border-opacity))}.bg-\\#ffffff\{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-\var\(--dark-background-color\)\{background-color:var(--dark-background-color)}.bg-\var\(--dark-text-color\)\{background-color:var(--dark-text-color)}.bg-\var\(--light-background-color\)\{background-color:var(--light-background-color)}.bg-\var\(--primary-button-bg-color\)\{background-color:var(--primary-button-bg-color)}.bg-\var\(--primary-color\)\{background-color:var(--primary-color)}.bg-\var\(--secondary-button-bg-color\)\{background-color:var(--secondary-button-bg-color)}.bg-amber-500{--tw-bg-opacity:1;background-color:rgb(245 158 11 / var(--tw-bg-opacity))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246 / var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-opacity-0{--tw-bg-opacity:0}.bg-opacity-50{--tw-bg-opacity:0.5}.bg-opacity-90{--tw-bg-opacity:0.9}.bg-\url\(\https\:\/\/imagedelivery\.net\/xaKlCos5cTg_1RWzIu_h-A\/014ff904-f03d-4a00-6a75-597d0d7d3100\/publicContain\\)\{background-image:url(https://imagedelivery.net/xaKlCos5cTg_1RWzIu_h-A/014ff904-f03d-4a00-6a75-597d0d7d3100/publicContain)}.bg-\url\(\https\:\/\/imagedelivery\.net\/xaKlCos5cTg_1RWzIu_h-A\/0a2395ee-106a-4ba2-09ee-406e21b0df00\/public\\)\{background-image:url(https://imagedelivery.net/xaKlCos5cTg_1RWzIu_h-A/0a2395ee-106a-4ba2-09ee-406e21b0df00/public)}.bg-\url\(\https\:\/\/imagedelivery\.net\/xaKlCos5cTg_1RWzIu_h-A\/5d295235-3be1-45f4-7e59-bfcd11c0c200\/public\\)\{background-image:url(https://imagedelivery.net/xaKlCos5cTg_1RWzIu_h-A/5d295235-3be1-45f4-7e59-bfcd11c0c200/public)}.bg-\url\(\https\:\/\/imagedelivery\.net\/xaKlCos5cTg_1RWzIu_h-A\/6215719b-a87f-4370-2d9e-3f52843f0500\/public\\)\{background-image:url(https://imagedelivery.net/xaKlCos5cTg_1RWzIu_h-A/6215719b-a87f-4370-2d9e-3f52843f0500/public)}.bg-\url\(\https\:\/\/imagedelivery\.net\/xaKlCos5cTg_1RWzIu_h-A\/a9a2fe2b-d5b3-4085-0849-7e076bd86200\/public\\)\{background-image:url(https://imagedelivery.net/xaKlCos5cTg_1RWzIu_h-A/a9a2fe2b-d5b3-4085-0849-7e076bd86200/public)}.bg-\url\(\https\:\/\/imagedelivery\.net\/xaKlCos5cTg_1RWzIu_h-A\/cc2d4b58-9a52-4286-0cd2-c2ee660fd900\/public\\)\{background-image:url(https://imagedelivery.net/xaKlCos5cTg_1RWzIu_h-A/cc2d4b58-9a52-4286-0cd2-c2ee660fd900/public)}.bg-\url\(\https\:\/\/imagedelivery\.net\/xaKlCos5cTg_1RWzIu_h-A\/d24fd0cf-bbd7-436e-90ee-0ddabf494e00\/publicContain\\)\{background-image:url(https://imagedelivery.net/xaKlCos5cTg_1RWzIu_h-A/d24fd0cf-bbd7-436e-90ee-0ddabf494e00/publicContain)}.bg-\url\(\https\:\/\/imagedelivery\.net\/xaKlCos5cTg_1RWzIu_h-A\/dc462265-d9a1-4eb6-9941-b158e04c1600\/publicContain\\)\{background-image:url(https://imagedelivery.net/xaKlCos5cTg_1RWzIu_h-A/dc462265-d9a1-4eb6-9941-b158e04c1600/publicContain)}.bg-\url\(\https\:\/\/imagedelivery\.net\/xaKlCos5cTg_1RWzIu_h-A\/e0ff806a-b0a1-4920-c125-04bbf4b1ba00\/publicContain\\)\{background-image:url(https://imagedelivery.net/xaKlCos5cTg_1RWzIu_h-A/e0ff806a-b0a1-4920-c125-04bbf4b1ba00/publicContain)}.bg-\url\(\https\:\/\/imagedelivery\.net\/xaKlCos5cTg_1RWzIu_h-A\/ecbe761b-0b97-401d-d8b5-651fe2e66e00\/public\\)\{background-image:url(https://imagedelivery.net/xaKlCos5cTg_1RWzIu_h-A/ecbe761b-0b97-401d-d8b5-651fe2e66e00/public)}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-\var\(--accent4-color\)\{--tw-gradient-from:var(--accent4-color) var(--tw-gradient-from-position);--tw-gradient-from-position: ;--tw-gradient-to:rgb(255 255 255 / 0) var(--tw-gradient-from-position);--tw-gradient-to-position: ;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-\var\(--primary-color\)\{--tw-gradient-from:var(--primary-color) var(--tw-gradient-from-position);--tw-gradient-from-position: ;--tw-gradient-to:rgb(255 255 255 / 0) var(--tw-gradient-from-position);--tw-gradient-to-position: ;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-gray-50{--tw-gradient-from:#f9fafb var(--tw-gradient-from-position);--tw-gradient-from-position: ;--tw-gradient-to:rgb(249 250 251 / 0) var(--tw-gradient-from-position);--tw-gradient-to-position: ;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-\var\(--accent4-color\)\{--tw-gradient-to:var(--accent4-color) var(--tw-gradient-to-position);--tw-gradient-to-position: }.to-\var\(--primary-color\)\{--tw-gradient-to:var(--primary-color) var(--tw-gradient-to-position);--tw-gradient-to-position: }.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-to-position: }.to-white{--tw-gradient-to:#fff var(--tw-gradient-to-position);--tw-gradient-to-position: }.bg-cover{background-size:cover}.bg-center{background-position:center}.fill-white{fill:#fff}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-10{padding:2.5rem}.p-2{padding:.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-\var\(--button-padding-x\)\{padding-left:var(--button-padding-x);padding-right:var(--button-padding-x)}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-24{padding-top:6rem;padding-bottom:6rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-\var\(--button-padding-y\)\{padding-top:var(--button-padding-y);padding-bottom:var(--button-padding-y)}.pb-0{padding-bottom:0}.pb-1{padding-bottom:.25rem}.pb-1\.5{padding-bottom:.375rem}.pb-12{padding-bottom:3rem}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pb-8{padding-bottom:2rem}.pt-1{padding-top:.25rem}.pt-1\.5{padding-top:.375rem}.pt-10{padding-top:2.5rem}.pt-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-8xl{font-size:6rem;line-height:1}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.font-light{font-weight:300}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.font-thin{font-weight:100}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-relaxed{line-height:1.625}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-\\#253527\{--tw-text-opacity:1;color:rgb(37 53 39 / var(--tw-text-opacity))}.text-\var\(--dark-text-color\)\{color:var(--dark-text-color)}.text-\var\(--gray-text-color\)\{color:var(--gray-text-color)}.text-\var\(--light-text-color\)\{color:var(--light-text-color)}.text-\var\(--primary-color\)\{color:var(--primary-color)}.text-\var\(--secondary-button-text-color\)\{color:var(--secondary-button-text-color)}.text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246 / var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99 / var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55 / var(--tw-text-opacity))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.text-yellow-500{--tw-text-opacity:1;color:rgb(234 179 8 / var(--tw-text-opacity))}.opacity-0{opacity:0}.opacity-10{opacity:.1}.opacity-100{opacity:1}.opacity-5{opacity:.05}.shadow-\0_0_6px_1px_rgba\(0\2c 0\2c 0\2c 0\.1\)\{--tw-shadow:0 0 6px 1px rgba(0,0,0,0.1);--tw-shadow-colored:0 0 6px 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1),0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1),0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.blur-3xl{--tw-blur:blur(64px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.brightness-75{--tw-brightness:brightness(.75);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.brightness-\0\.4\{--tw-brightness:brightness(0.4);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms}.duration-1000{transition-duration:1s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(0.4,0,0.2,1)}.\font-family\:var\(--font-family-heading\)\{font-family:var(--font-family-heading)}.\text-shadow\:_-1px_-1px_0_\#000\2c _1px_-1px_0_\#000\2c _-1px_1px_0_\#000\2c _1px_1px_0_\#000\2c _2px_2px_4px_rgba\(0\2c 0\2c 0\2c 0\.8\)\{text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,2px 2px 4px rgba(0,0,0,.8)}.\text-shadow\:_2px_2px_4px_rgba\(0\2c 0\2c 0\2c 0\.8\)\{text-shadow:2px 2px 4px rgba(0,0,0,.8)}@media (min-width:1024px){.lg\:container{width:100%}@media (min-width:640px){.lg\:container{max-width:640px}}@media (min-width:768px){.lg\:container{max-width:768px}}@media (min-width:1024px){.lg\:container{max-width:1024px}}@media (min-width:1280px){.lg\:container{max-width:1280px}}@media (min-width:1536px){.lg\:container{max-width:1536px}}}.hover\:bg-\var\(--secondary-button-hover-bg-color\)\:hover{background-color:var(--secondary-button-hover-bg-color)}.hover\:bg-white\/10:hover{background-color:rgb(255 255 255 / .1)}.hover\:text-\var\(--primary-color\)\:hover{color:var(--primary-color)}.hover\:text-\var\(--secondar-button-hover-text-color\)\:hover{color:var(--secondar-button-hover-text-color)}.hover\:text-\var\(--secondary-button-hover-text-color\)\:hover{color:var(--secondary-button-hover-text-color)}.hover\:text-gray-300:hover{--tw-text-opacity:1;color:rgb(209 213 219 / var(--tw-text-opacity))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-90:hover{opacity:.9}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1),0 8px 10px -6px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.group:hover .group-hover\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:bg-opacity-20{--tw-bg-opacity:0.2}@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:768px){.md\:h-\700px\{height:700px}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:justify-start{justify-content:flex-start}}@media (min-width:1024px){.lg\:bottom-24{bottom:6rem}.lg\:order-2{order:2}.lg\:order-3{order:3}.lg\:order-4{order:4}.lg\:mt-0{margin-top:0}.lg\:block{display:block}.lg\:hidden{display:none}.lg\:max-h-none{max-height:none}.lg\:w-1\/2{width:50%}.lg\:w-96{width:24rem}.lg\:w-auto{width:auto}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:justify-end{justify-content:flex-end}.lg\:justify-center{justify-content:center}.lg\:gap-12{gap:3rem}.lg\:gap-8{gap:2rem}.lg\:gap-y-6{row-gap:1.5rem}.lg\:space-x-12>:not(hidden)~:not(hidden){--tw-space-x-reverse:0;margin-right:calc(3rem * var(--tw-space-x-reverse));margin-left:calc(3rem * calc(1 - var(--tw-space-x-reverse)))}.lg\:space-x-24>:not(hidden)~:not(hidden){--tw-space-x-reverse:0;margin-right:calc(6rem * var(--tw-space-x-reverse));margin-left:calc(6rem * calc(1 - var(--tw-space-x-reverse)))}.lg\:space-x-6>:not(hidden)~:not(hidden){--tw-space-x-reverse:0;margin-right:calc(1.5rem * var(--tw-space-x-reverse));margin-left:calc(1.5rem * calc(1 - var(--tw-space-x-reverse)))}.lg\:space-y-0>:not(hidden)~:not(hidden){--tw-space-y-reverse:0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))}.lg\:p-0{padding:0}.lg\:p-12{padding:3rem}.lg\:px-6{padding-left:1.5rem;padding-right:1.5rem}.lg\:py-24{padding-top:6rem;padding-bottom:6rem}.lg\:py-40{padding-top:10rem;padding-bottom:10rem}.lg\:py-5{padding-top:1.25rem;padding-bottom:1.25rem}.lg\:pb-0{padding-bottom:0}.lg\:pt-2{padding-top:.5rem}.lg\:pt-6{padding-top:1.5rem}.lg\:text-left{text-align:left}.lg\:text-3xl{font-size:1.875rem;line-height:2.25rem}.lg\:text-4xl{font-size:2.25rem;line-height:2.5rem}.lg\:text-5xl{font-size:3rem;line-height:1}.lg\:text-6xl{font-size:3.75rem;line-height:1}.lg\:text-9xl{font-size:8rem;line-height:1}.lg\:text-base{font-size:1rem;line-height:1.5rem}.lg\:text-\var\(--gray-text-color\)\{color:var(--gray-text-color)}.lg\:text-\var\(--primary-button-text-color\)\{color:var(--primary-button-text-color)}.lg\:brightness-100{--tw-brightness:brightness(1);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}}@media (min-width:1280px){.xl\:px-12{padding-left:3rem;padding-right:3rem}}@media (min-width:1536px){.\32xl\:px-36{padding-left:9rem;padding-right:9rem}.\32xl\:text-2xl{font-size:1.5rem;line-height:2rem}}.opacity-0{opacity:0}.opacity-5{opacity:.05}.opacity-10{opacity:.1}.opacity-15{opacity:.15}.opacity-20{opacity:.2}.opacity-25{opacity:.25}.opacity-30{opacity:.3}.opacity-35{opacity:.35}.opacity-40{opacity:.4}.opacity-45{opacity:.45}.opacity-50{opacity:.5}.opacity-55{opacity:.55}.opacity-60{opacity:.6}.opacity-65{opacity:.65}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-85{opacity:.85}.opacity-90{opacity:.9}.opacity-95{opacity:.95}.opacity-100{opacity:1}/style> script typeapplication/ld+json> { @context: https://schema.org, @type: GeneralContractor, name: Capper Construction LLC, image: https://imagedelivery.net/xaKlCos5cTg_1RWzIu_h-A/7a9823aa-e3ac-405f-5cb6-34c679dbcc00/publicContain, url: https://capperbuild.com, telephone: +1-503-440-0194, priceRange: $$, address: { @type: PostalAddress, addressLocality: Cannon Beach, addressRegion: OR, addressCountry: US }, geo: { @type: GeoCoordinates, latitude: 45.8917, longitude: -123.9615 }, areaServed: { @type: City, name: Cannon Beach, address: { @type: PostalAddress, addressRegion: OR, addressCountry: US } }, { @type: City, name: Arch Cape, address: { @type: PostalAddress, addressRegion: OR, addressCountry: US } }, { @type: City, name: Falcon Cove, address: { @type: PostalAddress, addressRegion: OR, addressCountry: US } }, { @type: City, name: Manzanita, address: { @type: PostalAddress, addressRegion: OR, addressCountry: US } }, { @type: City, name: Seaside, address: { @type: PostalAddress, addressRegion: OR, addressCountry: US } }, { @type: City, name: Astoria, address: { @type: PostalAddress, addressRegion: OR, addressCountry: US } }, { @type: City, name: Warrenton, address: { @type: PostalAddress, addressRegion: OR, addressCountry: US } }, { @type: City, name: Gearhart, address: { @type: PostalAddress, addressRegion: OR, addressCountry: US } } , openingHoursSpecification: { @type: OpeningHoursSpecification, dayOfWeek: Monday, Tuesday, Wednesday, Thursday, Friday , opens: 08:00, closes: 17:00 } , foundingDate: 1975, description: Capper Construction LLC has been crafting custom homes and remodeling properties in Cannon Beach, Seaside, Astoria, Warrenton, and surrounding Oregon Coast communities for 50 years. Full-service general contracting expertise., aggregateRating: { @type: AggregateRating, ratingValue: 5, reviewCount: 3 }, hasOfferCatalog: { @type: OfferCatalog, name: Construction Services, itemListElement: { @type: Offer, itemOffered: { @type: Service, name: Custom Home Building, description: Custom coastal home construction throughout the Oregon Coast } }, { @type: Offer, itemOffered: { @type: Service, name: Home Remodeling, description: Residential remodeling and renovation services } }, { @type: Offer, itemOffered: { @type: Service, name: Historic Restoration, description: Historic home restoration and renovation } }, { @type: Offer, itemOffered: { @type: Service, name: General Contracting, description: Full-service general contracting for residential projects } } } } /script> style>:root { --accent-color: #ef7f09; --accent2-color: #ffcc00; --accent3-color: #ff6f61; --accent4-color: #4f7a28; --primary-color: #669c35; --dark-text-color: #2c3e50; --gray-text-color: #4f7a28; --button-padding-x: 20px; --button-padding-y: 12px; --font-family-body: Raleway, sans-serif; --light-text-color: #ffffff; --dark-border-color: #014382; --light-border-color: #d8e6f5; --font-family-heading: Montserrat, sans-serif; --button-rounded-radius: 4px; --dark-background-color: #1f2e3d; --light-background-color: #eaf3fb; --medium-background-color: #c8dff3; --primary-button-bg-color: #669c35; --primary-button-text-color: #ffffff; --secondary-button-bg-color: #fbfbfb; --secondary-button-text-color: #005b96; --primary-button-hover-bg-color: #00487a; --primary-button-hover-text-color: #ffffff; --secondary-button-hover-bg-color: #e1e1e1; --secondary-button-hover-text-color: #00487a; }/style> title>Capper Construction LLC | Custom Home Building & Remodeling in Cannon Beach, Seaside, Astoria & Warrenton/title> meta namedescription contentCapper Construction LLC has been crafting custom homes and remodeling properties in Cannon Beach, Seaside, Astoria, Warrenton, and surrounding Oregon Coast communities for 50 years. Discover precision in quality, budget, and timeline with our full-service general contracting expertise./> meta namedescription contentCapper Construction LLC has been crafting custom homes and remodeling properties in Cannon Beach, Seaside, Astoria, Warrenton, and surrounding Oregon Coast communities for 50 years. Discover precision in quality, budget, and timeline with our full-service general contracting expertise.>meta propertyog:title contentCapper Construction LLC – Custom Home Building & Remodeling on Oregon Coast>meta propertyog:description contentServing Cannon Beach, Seaside, Astoria, Warrenton & surrounding areas for 50 years. Full-service general contracting expertise.>meta nametwitter:title contentCapper Construction LLC – Custom Home Building & Remodeling on Oregon Coast>meta nametwitter:description contentExperience 50 years of excellence in custom home construction and remodeling. Serving Cannon Beach, Seaside, Astoria, Warrenton & the Oregon Coast.>meta propertyog:image contenthttps://imagedelivery.net/xaKlCos5cTg_1RWzIu_h-A/7a9823aa-e3ac-405f-5cb6-34c679dbcc00/publicContain>meta nametwitter:image contenthttps://imagedelivery.net/xaKlCos5cTg_1RWzIu_h-A/7a9823aa-e3ac-405f-5cb6-34c679dbcc00/publicContain> /head> body stylefont-family:var(--font-family-body);>header classrelative z-50 code-section hidden idglobal-header> div classw-full bg-#ffffff> div classrelative mx-auto hidden w-full bg-var(--dark-background-color) lg:block> div classcontainer mx-auto px-6 xl:px-12 2xl:px-36> div> div classflex items-center justify-between py-2> div class>/div> div classflex items-center> a href/ classmr-3 aria-labelVisit our Facebook> div classflex h-6 w-6 items-center justify-center rounded-full bg-#ffffff> i classprimary-color-text fa-brands fa-facebook-f fa-xs text-var(--primary-color) aria-hiddentrue>/i> /div> /a> a href/ classmr-3 aria-labelVisit our Twitter> div classflex h-6 w-6 items-center justify-center rounded-full bg-#ffffff> i classprimary-color-text fa-brands fa-x-twitter fa-xs text-var(--primary-color) aria-hiddentrue>/i> /div> /a> a href/ classmr-3 aria-labelVisit our Instagram> div classflex h-6 w-6 items-center justify-center rounded-full bg-#ffffff> i classprimary-color-text fa-brands fa-instagram fa-xs text-var(--primary-color) aria-hiddentrue>/i> /div> /a> /div> /div> /div> /div> /div> div class> div classmx-auto lg:container lg:px-6 lg:pt-6 xl:px-12 2xl:px-36> div classflex flex-wrap items-center justify-between p-6 pb-0 lg:gap-y-6 lg:p-0> div classorder-1 flex-none> /div> a hreftel:5034400194 classrelative order-3 mt-6 w-full text-center text-xl font-semibold lg:order-2 lg:mt-0 lg:w-auto lg:text-4xl lg:text-var(--gray-text-color)> div classabsolute left-1/2 z-1 h-full w-screen -translate-x-1/2 bg-var(--primary-button-bg-color) lg:hidden>/div> div classrelative z-2 py-4> span classmr-2 lg:hidden>i classfa-solid fa-phone mr-2 aria-hiddentrue>/i>CALL US/span>span class>/span> /div> /a> a href/contact-us classrelative order-4 w-full flex-none lg:order-3 lg:w-auto> div classflex flex-col> !-- leave this div background color set to the --secondary-button-bg-color --> div classabsolute left-1/2 z-1 h-full w-screen -translate-x-1/2 bg-var(--secondary-button-bg-color) lg:hidden>/div> div classhidden text-right font-semibold text-var(--primary-color) lg:block>/div> div classz-2 flex pb-1.5 pt-1.5 justify-center lg:pb-0 lg:pt-2 lg:justify-end> !-- leave this div variables as-is with the --secondary colors --> div classrounded bg-var(--secondary-button-bg-color) px-var(--button-padding-x) py-var(--button-padding-y) text-xl font-semibold uppercase tracking-wider text-var(--secondary-button-text-color) hover:bg-var(--secondary-button-hover-bg-color) hover:text-var(--secondary-button-hover-text-color)> br> /div> /div> /div> /a> div classorder-2 flex items-center lg:hidden> button idmobile-menu-button data-collapse-togglenavigation-menu typebutton classtext-gray-800 aria-controlsnavigation-menu aria-expandedfalse aria-labelNavigation Menu> i classfa-regular fa-bars feather feather-menu data-fontawesome-iconfa-bars data-landingsite-gallery-typeicon aria-hiddentrue>/i> /button> /div> div idnavigation-menu classrelative z-10 hidden order-4 w-full flex-grow lg:order-4 lg:block> div classabsolute left-1/2 top-0 z--1 hidden h-full w-screen -translate-x-1/2 bg-var(--primary-color) lg:block>/div> ul classflex w-full flex-col lg:text-var(--primary-button-text-color) lg:flex-row lg:items-center lg:justify-center lg:space-x-6 lg:space-y-0 lg:px-6 lg:py-5>/ul> /div> /div> /div> /div> /div>/header>nav classsticky top-0 z-40 bg-var(--dark-text-color) border-b-4 border-var(--primary-color) shadow-lg code-section idstlftv6> div classcontainer mx-auto px-6> div classflex items-center justify-center gap-4 lg:gap-8 py-4 overflow-x-auto> a href#sfsxjw classwhitespace-nowrap text-sm lg:text-base font-semibold text-white hover:text-var(--primary-color) transition-colors duration-200 px-4 py-2 rounded hover:bg-white/10> Home /a> a href#sh8e0a9 classwhitespace-nowrap text-sm lg:text-base font-semibold text-white hover:text-var(--primary-color) transition-colors duration-200 px-4 py-2 rounded hover:bg-white/10> Testimonials /a> a href#sle16vo classwhitespace-nowrap text-sm lg:text-base font-semibold text-white hover:text-var(--primary-color) transition-colors duration-200 px-4 py-2 rounded hover:bg-white/10> About Us /a> a href#syptt6n classwhitespace-nowrap text-sm lg:text-base font-semibold text-white hover:text-var(--primary-color) transition-colors duration-200 px-4 py-2 rounded hover:bg-white/10> Our Process /a> a href#s735ix classwhitespace-nowrap text-sm lg:text-base font-semibold text-white hover:text-var(--primary-color) transition-colors duration-200 px-4 py-2 rounded hover:bg-white/10> Sustainable Building /a> a href#s7sgk63 classwhitespace-nowrap text-sm lg:text-base font-semibold text-white hover:text-var(--primary-color) transition-colors duration-200 px-4 py-2 rounded hover:bg-white/10> Service Areas /a> a href#sjpgmp8 classwhitespace-nowrap text-sm lg:text-base font-semibold text-white hover:text-var(--primary-color) transition-colors duration-200 px-4 py-2 rounded hover:bg-white/10> Recent Projects /a> a href#s7sgk63 classwhitespace-nowrap text-sm lg:text-base font-semibold text-white hover:text-var(--primary-color) transition-colors duration-200 px-4 py-2 rounded hover:bg-white/10> Contact /a> /div> /div>/nav>section classoverflow-hidden code-section idsfsxjw> div classrelative md:h-700px> !-- Image Carousel Container --> div classabsolute inset-0 z-0 h-full w-full data-seo-image> !-- Carousel Images - Add your additional photos here --> div classcarousel-image active absolute inset-0 h-full w-full bg-cover bg-center object-cover brightness-75 lg:brightness-100 transition-opacity duration-1000 bg-url(https://imagedelivery.net/xaKlCos5cTg_1RWzIu_h-A/dc462265-d9a1-4eb6-9941-b158e04c1600/publicContain) data-landingsite-gallery-typeimage data-media{"id":"upload-House_6984 Large.jpeg","src":"upload","type":"image"} oncontextmenureturn false;>/div> !-- User uploaded images --> div classcarousel-image absolute inset-0 h-full w-full bg-cover bg-center object-cover brightness-75 lg:brightness-100 transition-opacity duration-1000 opacity-0 bg-url(https://imagedelivery.net/xaKlCos5cTg_1RWzIu_h-A/e0ff806a-b0a1-4920-c125-04bbf4b1ba00/publicContain) data-landingsite-gallery-typeimage data-media{"id":"upload-batch 008.jpg","src":"upload","type":"image"} oncontextmenureturn false;>/div> div classcarousel-image absolute inset-0 h-full w-full bg-cover bg-center object-cover brightness-75 lg:brightness-100 transition-opacity duration-1000 opacity-0 bg-url(https://imagedelivery.net/xaKlCos5cTg_1RWzIu_h-A/6215719b-a87f-4370-2d9e-3f52843f0500/public) data-landingsite-gallery-typeimage data-media{"id":"upload-IMG_1425.jpg","src":"upload","type":"image"} oncontextmenureturn false;>/div> div classcarousel-image absolute inset-0 h-full w-full bg-cover bg-center object-cover brightness-75 lg:brightness-100 transition-opacity duration-1000 opacity-0 bg-url(https://imagedelivery.net/xaKlCos5cTg_1RWzIu_h-A/ecbe761b-0b97-401d-d8b5-651fe2e66e00/public) data-landingsite-gallery-typeimage data-media{"id":"upload-IMG_2818.jpg","src":"upload","type":"image"} oncontextmenureturn false;>/div> div classcarousel-image absolute inset-0 h-full w-full bg-cover bg-center object-cover brightness-75 lg:brightness-100 transition-opacity duration-1000 opacity-0 bg-url(https://imagedelivery.net/xaKlCos5cTg_1RWzIu_h-A/a9a2fe2b-d5b3-4085-0849-7e076bd86200/public) data-landingsite-gallery-typeimage data-media{"id":"upload-IMG_3150.jpg","src":"upload","type":"image"} oncontextmenureturn false;>/div> div classcarousel-image absolute inset-0 h-full w-full bg-cover bg-center object-cover brightness-75 lg:brightness-100 transition-opacity duration-1000 opacity-0 bg-url(https://imagedelivery.net/xaKlCos5cTg_1RWzIu_h-A/cc2d4b58-9a52-4286-0cd2-c2ee660fd900/public) data-landingsite-gallery-typeimage data-media{"id":"upload-Photo-18.jpg","src":"upload","type":"image"} oncontextmenureturn false;>/div> div classcarousel-image absolute inset-0 h-full w-full bg-cover bg-center object-cover brightness-75 lg:brightness-100 transition-opacity duration-1000 opacity-0 bg-url(https://imagedelivery.net/xaKlCos5cTg_1RWzIu_h-A/5d295235-3be1-45f4-7e59-bfcd11c0c200/public) data-landingsite-gallery-typeimage data-media{"id":"upload-IMG_0027.JPG","src":"upload","type":"image"} oncontextmenureturn false;>/div> div classcarousel-image absolute inset-0 h-full w-full bg-cover bg-center object-cover brightness-75 lg:brightness-100 transition-opacity duration-1000 opacity-0 bg-url(https://imagedelivery.net/xaKlCos5cTg_1RWzIu_h-A/d24fd0cf-bbd7-436e-90ee-0ddabf494e00/publicContain) data-landingsite-gallery-typeimage data-media{"id":"upload-iphone 1 1237.jpg","src":"upload","type":"image"} oncontextmenureturn false;>/div> !-- New uploaded image --> div classcarousel-image absolute inset-0 h-full w-full bg-cover bg-center object-cover brightness-75 lg:brightness-100 transition-opacity duration-1000 opacity-0 bg-url(https://imagedelivery.net/xaKlCos5cTg_1RWzIu_h-A/014ff904-f03d-4a00-6a75-597d0d7d3100/publicContain) data-landingsite-gallery-typeimage data-media{"id":"upload-IMG_6249.jpg","src":"upload","type":"image"} oncontextmenureturn false;>/div> /div> div classcontainer relative z-10 mx-auto px-6 py-6 xl:px-12 2xl:px-36> div classflex h-full flex-col pt-10 lg:flex-row> div classp-10 text-center lg:w-1/2 lg:text-left text-shadow:_-1px_-1px_0_#000,_1px_-1px_0_#000,_-1px_1px_0_#000,_1px_1px_0_#000,_2px_2px_4px_rgba(0,0,0,0.8)> h3 classpb-8 text-2xl font-medium uppercase tracking-widest text-white text-shadow:_2px_2px_4px_rgba(0,0,0,0.8)> Welcome /h3> h1 classmb-6 text-3xl font-semibold text-white font-family:var(--font-family-heading) lg:text-6xl text-shadow:_2px_2px_4px_rgba(0,0,0,0.8)> Capper Construction LLC /h1> p classmb-8 text-base font-normal tracking-wide text-white 2xl:text-2xl text-shadow:_2px_2px_4px_rgba(0,0,0,0.8)> Your trusted Oregon Coast builder since 1975. /p> /div> /div> /div> !-- Carousel Controls (Optional - can be hidden if you want auto-only) --> div classabsolute bottom-8 lg:bottom-24 left-1/2 transform -translate-x-1/2 z-20 flex space-x-2> !-- Dots will be auto-generated by JavaScript based on number of images --> /div> !-- Wave SVG --> div classabsolute bottom--1px w-full z-20> svg xmlnshttp://www.w3.org/2000/svg viewBox0 0 1000 100 preserveAspectRationone classrelative left-1/2 h-150px w-150% -translate-x-1/2 transform> path classfill-white dM500,97C126.7,96.3,0.8,19.8,0,0v100l1000,0V1C1000,19.4,873.3,97.8,500,97z>/path> /svg> /div> script> document.addEventListener(DOMContentLoaded, function() { const images document.querySelectorAll(.carousel-image); const dotsContainer document.querySelector(.absolute.bottom-8); let currentIndex 0; // Only run carousel if there are multiple images if (images.length > 1) { // Create navigation dots images.forEach((_, index) > { const dot document.createElement(button); dot.className `w-3 h-3 rounded-full transition-all duration-300 ${index 0 ? bg-white : bg-white bg-opacity-50}`; dot.addEventListener(click, () > goToSlide(index)); dotsContainer.appendChild(dot); }); const dots dotsContainer.querySelectorAll(button); function goToSlide(index) { // Fade out current image imagescurrentIndex.classList.remove(active); imagescurrentIndex.style.opacity 0; // Update dots dotscurrentIndex.className w-3 h-3 rounded-full transition-all duration-300 bg-white bg-opacity-50; // Update current index currentIndex index; // Fade in new image setTimeout(() > { imagescurrentIndex.classList.add(active); imagescurrentIndex.style.opacity 1; }, 50); // Update active dot dotscurrentIndex.className w-3 h-3 rounded-full transition-all duration-300 bg-white; } function nextSlide() { const nextIndex (currentIndex + 1) % images.length; goToSlide(nextIndex); } // Auto-advance every 5 seconds setInterval(nextSlide, 5000); // Initialize all images except first to opacity 0 images.forEach((img, index) > { if (index ! 0) { img.style.opacity 0; } }); } }); /script> /div>/section>div classcontainer relative z-10 mx-auto px-4 py-24 xl:px-12 2xl:px-36 code-section idsh8e0a9> h3 classpb-4 text-center text-base font-medium uppercase tracking-widest text-var(--primary-color)>Testimonials/h3> h2 classmd:text-4x mx-auto mb-12 text-center text-4xl font-bold font-family:var(--font-family-heading)> span classpb-2>What Our Clients Think/span> /h2> div classflex flex-col items-center justify-center space-y-12 lg:flex-row lg:space-x-6 lg:space-y-0> div classmax-w-96 relative flex flex-col items-center justify-center rounded-md bg-#ffffff py-12 shadow-0_0_6px_1px_rgba(0,0,0,0.1) lg:w-96> div classabsolute right-4 top-2>i classfa-sharp fa-solid fa-quote-left text-5xl text-var(--primary-color) aria-hiddentrue>/i>/div> div classmb-2> i classfa-solid fa-star fa-xs text-yellow-500 aria-hiddentrue>/i> i classfa-solid fa-star fa-xs text-yellow-500 aria-hiddentrue>/i> i classfa-solid fa-star fa-xs text-yellow-500 aria-hiddentrue>/i> i classfa-solid fa-star fa-xs text-yellow-500 aria-hiddentrue>/i> i classfa-solid fa-star fa-xs text-yellow-500 aria-hiddentrue>/i> /div> div classmb-4 px-10 text-center font-thin tracking-wide text-var(--dark-text-color)>It has been a true delight working with you and we expect years ahead of delight enjoying Cannon Beach and the very special environment you have created for us. The attention to detail and the bottom line have been married perfectly./div> div classfont-medium uppercase tracking-wide>Susan M./div> div classfont-medium tracking-wide text-var(--primary-color)>br>/div> /div> div classmax-w-96 relative flex flex-col items-center justify-center rounded-md bg-#ffffff py-12 shadow-0_0_6px_1px_rgba(0,0,0,0.1) lg:w-96> div classabsolute right-4 top-2>i classfa-sharp fa-solid fa-quote-left text-5xl text-var(--primary-color) aria-hiddentrue>/i>/div> div classmb-2> i classfa-solid fa-star fa-xs text-yellow-500 aria-hiddentrue>/i> i classfa-solid fa-star fa-xs text-yellow-500 aria-hiddentrue>/i> i classfa-solid fa-star fa-xs text-yellow-500 aria-hiddentrue>/i> i classfa-solid fa-star fa-xs text-yellow-500 aria-hiddentrue>/i> i classfa-solid fa-star fa-xs text-yellow-500 aria-hiddentrue>/i> /div> div classmb-4 px-10 text-center font-thin tracking-wide text-var(--dark-text-color)>We have been involved in extensive remodeling of three other homes in Portland. The process and results at Cannon Beach are by far the best. We are very fortunate that you were able to undertake the task, and we couldnt be happier with the results. Besides, it has been fun to work with a first class builder and your talented subcontractors./div> div classfont-medium uppercase tracking-wide>Charles B.br>br>br>/div> /div> div classmax-w-96 relative flex flex-col items-center justify-center rounded-md bg-#ffffff py-12 shadow-0_0_6px_1px_rgba(0,0,0,0.1) lg:w-96 font-bold> div classabsolute right-4 top-2>i classfa-sharp fa-solid fa-quote-left text-5xl text-var(--primary-color) aria-hiddentrue>/i>/div> div classmb-2> i classfa-solid fa-star fa-xs text-yellow-500 aria-hiddentrue>/i> i classfa-solid fa-star fa-xs text-yellow-500 aria-hiddentrue>/i> i classfa-solid fa-star fa-xs text-yellow-500 aria-hiddentrue>/i> i classfa-solid fa-star fa-xs text-yellow-500 aria-hiddentrue>/i> i classfa-solid fa-star fa-xs text-yellow-500 aria-hiddentrue>/i> /div> div classmb-4 px-10 text-center font-thin tracking-wide text-var(--dark-text-color) font-bold>Jeremy Capper combines artistry with construction experience and competency. It is such a pleasure to work with him. He thinks! We did an extensive remodel, involving lots of design choices and difficult construction problems. We could sit down with Jeremy and hed not only come up with answers, but they were cost effective and beautiful when he was finished. I cannot recommend Capper Construction more highly.br>br>span classfont-medium uppercase tracking-wide>KARL MARLANTES/span>br>br>br>br>/div> /div> /div>/div>section classbg-var(--light-background-color) code-section idsjpgmp8> div classcontainer relative z-10 mx-auto py-24 xl:px-12 2xl:px-36> h2 classtext-4xl font-bold text-gray-900 mb-6 text-center> Recent Projects /h2> h2 classmd:text-4x mx-auto mb-2 text-center text-4xl font-bold font-family:var(--font-family-heading)> 2025 /h2> p classtext-center text-2xl lg:text-3xl text-gray-600 mb-6> Oceanfront Transformation /p> div classgrid grid-cols-2 gap-x-6 gap-y-6 lg:grid-cols-3> img classaspect-square object-cover dont-replace cursor-pointer hover:opacity-90 transition-opacity duration-300 srchttps://imagedelivery.net/xaKlCos5cTg_1RWzIu_h-A/68b8b903-6afe-482b-04ba-c2cad2093b00/publicContain altBlack-and-white photo of a porch view with a house and rock formation in the background on a clear day. data-landingsite-gallery-typeimage data-media{"id":"iv3mvaq","src":"upload","type":"image"} onclickopen2025Lightbox(0) oncontextmenureturn false;> img classaspect-square object-cover dont-replace cursor-pointer hover:opacity-90 transition-opacity duration-300 srchttps://imagedelivery.net/xaKlCos5cTg_1RWzIu_h-A/76e8af7f-1afd-4a21-7421-14a2ffeaa300/publicContain altTwo-story wooden house with a wraparound porch under a clear blue sky, surrounded by a small yard and neighboring buildings. data-landingsite-gallery-typeimage data-media{"id":"i2x8iev","src":"upload","type":"image"} onclickopen2025Lightbox(1) oncontextmenureturn false;> img classaspect-square object-cover dont-replace cursor-pointer hover:opacity-90 transition-opacity duration-300 srchttps://imagedelivery.net/xaKlCos5cTg_1RWzIu_h-A/b5390354-a999-46ae-ed08-ab3a9d90f200/publicContain altRoom with large windows and a glass door overlooking a beach with a distinctive rock formation in the distance. data-landingsite-gallery-typeimage data-media{"id":"ip3q7q","src":"upload","type":"image"} onclickopen2025Lightbox(2) oncontextmenureturn false;> img classaspect-square object-cover dont-replace cursor-pointer hover:opacity-90 transition-opacity duration-300 srchttps://imagedelivery.net/xaKlCos5cTg_1RWzIu_h-A/3ce18e37-3b62-43a1-eed2-5351410a7600/public altModern bathroom sink with marble countertop, wall-mounted faucet, and blue scallop tile backsplash. data-auth-srcnull data-landingsite-gallery-typeimage data-media{"id":"izmffqm","src":"upload","type":"image"} onclickopen2025Lightbox(3) oncontextmenureturn false;> img classaspect-square object-cover dont-replace cursor-pointer hover:opacity-90 transition-opacity duration-300 srchttps://imagedelivery.net/xaKlCos5cTg_1RWzIu_h-A/90511fce-82ac-4f2f-0494-c730485e2200/public altModern kitchen with white cabinets, stainless steel appliances, center island, and large window with a view. data-auth-srcnull data-landingsite-gallery-typeimage data-media{"id":"ioxvk9d","src":"upload","type":"image"} onclickopen2025Lightbox(4) oncontextmenureturn false;> img classaspect-square object-cover dont-replace cursor-pointer hover:opacity-90 transition-opacity duration-300 srchttps://imagedelivery.net/xaKlCos5cTg_1RWzIu_h-A/6cfd40d2-7086-42dc-a096-7e8dbbcf9900/public altModern bathroom with a white vanity, blue tiled wall, illuminated mirror, and wooden door. data-landingsite-gallery-typeimage data-media{"id":"iiokziq","src":"upload","type":"image"} onclickopen2025Lightbox(5) oncontextmenureturn false;> /div> !-- Lightbox Modal for 2025 Projects --> div idprojects2025-lightbox-modal classfixed inset-0 bg-black bg-opacity-90 z-50 hidden flex items-center justify-center p-4> div classrelative max-w-4xl max-h-full w-full h-full flex items-center justify-center> !-- Close button --> button onclickclose2025Lightbox() classabsolute top-4 right-4 text-white text-3xl hover:text-gray-300 z-60 bg-black bg-opacity-50 rounded-full w-12 h-12 flex items-center justify-center> i classfas fa-times>/i> /button> !-- Previous button --> button onclickprevious2025Image() classabsolute left-4 top-1/2 transform -translate-y-1/2 text-white text-3xl hover:text-gray-300 z-60 bg-black bg-opacity-50 rounded-full w-12 h-12 flex items-center justify-center> i classfas fa-chevron-left>/i> /button> !-- Next button --> button onclicknext2025Image() classabsolute right-4 top-1/2 transform -translate-y-1/2 text-white text-3xl hover:text-gray-300 z-60 bg-black bg-opacity-50 rounded-full w-12 h-12 flex items-center justify-center> i classfas fa-chevron-right>/i> /button> !-- Main image --> img idprojects2025-lightbox-image classmax-w-full max-h-full object-contain rounded-lg src alt> !-- Image counter --> div classabsolute bottom-4 left-1/2 transform -translate-x-1/2 text-white bg-black bg-opacity-50 px-4 py-2 rounded-full> span idprojects2025-current-image-number>1/span> / span idprojects2025-total-images>6/span> /div> /div> /div> script> // 2025 Projects Gallery data array with all images const projects2025GalleryImages { src: https://imagedelivery.net/xaKlCos5cTg_1RWzIu_h-A/68b8b903-6afe-482b-04ba-c2cad2093b00/publicContain, alt: Black-and-white photo of a porch view with a house and rock formation in the background on a clear day. }, { src: https://imagedelivery.net/xaKlCos5cTg_1RWzIu_h-A/76e8af7f-1afd-4a21-7421-14a2ffeaa300/publicContain, alt: Two-story wooden house with a wraparound porch under a clear blue sky, surrounded by a small yard and neighboring buildings. }, { src: https://imagedelivery.net/xaKlCos5cTg_1RWzIu_h-A/b5390354-a999-46ae-ed08-ab3a9d90f200/publicContain, alt: Room with large windows and a glass door overlooking a beach with a distinctive rock formation in the distance. }, { src: https://imagedelivery.net/xaKlCos5cTg_1RWzIu_h-A/3ce18e37-3b62-43a1-eed2-5351410a7600/public, alt: Modern bathroom sink with marble countertop, wall-mounted faucet, and blue scallop tile backsplash. }, { src: https://imagedelivery.net/xaKlCos5cTg_1RWzIu_h-A/90511fce-82ac-4f2f-0494-c730485e2200/public, alt: Modern kitchen with white cabinets, stainless steel appliances, center island, and large window with a view. }, { src: https://imagedelivery.net/xaKlCos5cTg_1RWzIu_h-A/6cfd40d2-7086-42dc-a096-7e8dbbcf9900/public, alt: Modern bathroom with a white vanity, blue tiled wall, illuminated mirror, and wooden door. } ; let current2025ImageIndex 0; // Open 2025 Projects lightbox with specific image function open2025Lightbox(index) { current2025ImageIndex index; const modal document.getElementById(projects2025-lightbox-modal); const image document.getElementById(projects2025-lightbox-image); const currentNumber document.getElementById(projects2025-current-image-number); const totalImages document.getElementById(projects2025-total-images); if (modal && image && projects2025GalleryImagesindex) { image.src projects2025GalleryImagesindex.src; image.alt projects2025GalleryImagesindex.alt; currentNumber.textContent index + 1; totalImages.textContent projects2025GalleryImages.length; modal.classList.remove(hidden); document.body.style.overflow hidden; // Prevent background scrolling } } // Close 2025 Projects lightbox function close2025Lightbox() { const modal document.getElementById(projects2025-lightbox-modal); if (modal) { modal.classList.add(hidden); document.body.style.overflow ; // Restore scrolling } } // Navigate to previous 2025 Projects image function previous2025Image() { current2025ImageIndex current2025ImageIndex > 0 ? current2025ImageIndex - 1 : projects2025GalleryImages.length - 1; update2025LightboxImage(); } // Navigate to next 2025 Projects image function next2025Image() { current2025ImageIndex current2025ImageIndex projects2025GalleryImages.length - 1 ? current2025ImageIndex + 1 : 0; update2025LightboxImage(); } // Update the 2025 Projects lightbox image function update2025LightboxImage() { const image document.getElementById(projects2025-lightbox-image); const currentNumber document.getElementById(projects2025-current-image-number); if (image && projects2025GalleryImagescurrent2025ImageIndex) { image.src projects2025GalleryImagescurrent2025ImageIndex.src; image.alt projects2025GalleryImagescurrent2025ImageIndex.alt; currentNumber.textContent current2025ImageIndex + 1; } } // Enhanced event listener to handle all three galleries document.addEventListener(DOMContentLoaded, function() { const projects2025Modal document.getElementById(projects2025-lightbox-modal); if (projects2025Modal) { projects2025Modal.addEventListener(click, function(e) { if (e.target projects2025Modal) { close2025Lightbox(); } }); } // Enhanced keyboard navigation for all galleries document.addEventListener(keydown, function(e) { const projects2025Modal document.getElementById(projects2025-lightbox-modal); const pastYearsModal document.getElementById(pastYears-lightbox-modal); const modal2024 document.getElementById(lightbox-modal); if (projects2025Modal && !projects2025Modal.classList.contains(hidden)) { if (e.key Escape) { close2025Lightbox(); } else if (e.key ArrowLeft) { previous2025Image(); } else if (e.key ArrowRight) { next2025Image(); } } else if (pastYearsModal && !pastYearsModal.classList.contains(hidden)) { if (e.key Escape) { closePastYearsLightbox(); } else if (e.key ArrowLeft) { previousPastYearsImage(); } else if (e.key ArrowRight) { nextPastYearsImage(); } } else if (modal2024 && !modal2024.classList.contains(hidden)) { if (e.key Escape) { closeLightbox(); } else if (e.key ArrowLeft) { previousImage(); } else if (e.key ArrowRight) { nextImage(); } } }); }); /script> /div>/section>section classbg-var(--light-background-color) code-section ids2xd8to> div classcontainer relative z-10 mx-auto py-24 xl:px-12 2xl:px-36> h3 classpb-4 text-center text-base font-medium uppercase tracking-widest text-var(--primary-color)> br> /h3> h2 classmd:text-4x mx-auto mb-2 text-center text-4xl font-bold font-family:var(--font-family-heading)> 2024 /h2> p classtext-center text-2xl lg:text-3xl text-gray-600 mb-6> Tanana Street Custom + ADU Build /p> div classtext-center my-12 relative> !-- Background text --> h2 classtext-#253527 text-8xl lg:text-9xl font-bold opacity-10 absolute inset-0 flex items-center justify-center pointer-events-none select-none> 2024 /h2> !-- Regular grid display --> div idgallery-grid classgrid gap-6 mb-6 relative z-10> !-- Top row: 3 images with exterior in center --> div classgrid grid-cols-3 gap-6> img classaspect-square object-cover dont-replace rounded-lg shadow-lg hover:shadow-xl transition-all duration-300 cursor-pointer srchttps://imagedelivery.net/xaKlCos5cTg_1RWzIu_h-A/d4e76e6f-1f1a-4d1c-d1bd-09717e3b3100/public altInterior shot of completed house project data-landingsite-gallery-typeimage data-media{"id":"upload-Photo-56.jpg","src":"upload","type":"image"} data-gallery-index0 onclickopenLightbox(0) oncontextmenureturn false;> !-- Exterior shot in center position --> img classaspect-square object-cover dont-replace rounded-lg shadow-lg hover:shadow-xl transition-all duration-300 cursor-pointer srchttps://imagedelivery.net/xaKlCos5cTg_1RWzIu_h-A/511421fc-656a-4ba5-8fc7-139e7346e800/publicContain altExterior view of completed house project data-landingsite-gallery-typeimage data-media{"id":"upload-Drone-13.jpg","src":"upload","type":"image"} data-gallery-index1 onclickopenLightbox(1) oncontextmenureturn false;> img classaspect-square object-cover dont-replace rounded-lg shadow-lg hover:shadow-xl transition-all duration-300 cursor-pointer srchttps://imagedelivery.net/xaKlCos5cTg_1RWzIu_h-A/809864f6-df85-4f88-7841-0577c4b39800/publicContain altInterior shot of completed house project data-landingsite-gallery-typeimage data-media{"id":"upload-Photo-22.jpg","src":"upload","type":"image"} data-gallery-index2 onclickopenLightbox(2) oncontextmenureturn false;> /div> !-- Middle row: 3 images --> div classgrid grid-cols-3 gap-6> img classaspect-square object-cover dont-replace rounded-lg shadow-lg hover:shadow-xl transition-all duration-300 cursor-pointer srchttps://imagedelivery.net/xaKlCos5cTg_1RWzIu_h-A/9f73d779-99f1-4aa1-612f-a882d4d77800/public altInterior shot of completed house project data-landingsite-gallery-typeimage data-media{"id":"upload-Photo-31.jpg","src":"upload","type":"image"} data-gallery-index3 onclickopenLightbox(3) oncontextmenureturn false;> img classaspect-square object-cover dont-replace rounded-lg shadow-lg hover:shadow-xl transition-all duration-300 cursor-pointer srchttps://imagedelivery.net/xaKlCos5cTg_1RWzIu_h-A/11f9a4b5-b5cf-4e9f-3730-cb3e7aca6f00/public altInterior shot of completed house project data-landingsite-gallery-typeimage data-media{"id":"upload-Photo-36.jpg","src":"upload","type":"image"} data-gallery-index4 onclickopenLightbox(4) oncontextmenureturn false;> img classaspect-square object-cover dont-replace rounded-lg shadow-lg hover:shadow-xl transition-all duration-300 cursor-pointer srchttps://imagedelivery.net/xaKlCos5cTg_1RWzIu_h-A/94c8738e-c65b-40c9-a019-c0acec477f00/public altInterior shot of completed house project data-landingsite-gallery-typeimage data-media{"id":"upload-Photo-45.jpg","src":"upload","type":"image"} data-gallery-index5 onclickopenLightbox(5) oncontextmenureturn false;> /div> !-- Bottom row: 1 centered image --> div classflex justify-center> div classw-full max-w-sm> img classaspect-square object-cover dont-replace rounded-lg shadow-lg hover:shadow-xl transition-all duration-300 w-full cursor-pointer srchttps://imagedelivery.net/xaKlCos5cTg_1RWzIu_h-A/0cf86ca1-a7c2-4f49-20cc-6d706badb700/public altInterior shot of completed house project data-landingsite-gallery-typeimage data-media{"id":"upload-Photo-18.jpg","src":"upload","type":"image"} data-gallery-index6 onclickopenLightbox(6) oncontextmenureturn false;> /div> /div> /div> !-- Lightbox Modal --> div idlightbox-modal classfixed inset-0 bg-black bg-opacity-90 z-50 hidden flex items-center justify-center p-4> div classrelative max-w-4xl max-h-full w-full h-full flex items-center justify-center> !-- Close button --> button onclickcloseLightbox() classabsolute top-4 right-4 text-white text-3xl hover:text-gray-300 z-60 bg-black bg-opacity-50 rounded-full w-12 h-12 flex items-center justify-center> i classfas fa-times>/i> /button> !-- Previous button --> button onclickpreviousImage() classabsolute left-4 top-1/2 transform -translate-y-1/2 text-white text-3xl hover:text-gray-300 z-60 bg-black bg-opacity-50 rounded-full w-12 h-12 flex items-center justify-center> i classfas fa-chevron-left>/i> /button> !-- Next button --> button onclicknextImage() classabsolute right-4 top-1/2 transform -translate-y-1/2 text-white text-3xl hover:text-gray-300 z-60 bg-black bg-opacity-50 rounded-full w-12 h-12 flex items-center justify-center> i classfas fa-chevron-right>/i> /button> !-- Main image --> img idlightbox-image classmax-w-full max-h-full object-contain rounded-lg src alt> !-- Image counter --> div classabsolute bottom-4 left-1/2 transform -translate-x-1/2 text-white bg-black bg-opacity-50 px-4 py-2 rounded-full> span idcurrent-image-number>1/span> / span idtotal-images>7/span> /div> /div> /div> /div> /div> script> // Gallery data array with all images const galleryImages { src: https://imagedelivery.net/xaKlCos5cTg_1RWzIu_h-A/d4e76e6f-1f1a-4d1c-d1bd-09717e3b3100/public, alt: Interior shot of completed house project }, { src: https://imagedelivery.net/xaKlCos5cTg_1RWzIu_h-A/511421fc-656a-4ba5-8fc7-139e7346e800/publicContain, alt: Exterior view of completed house project }, { src: https://imagedelivery.net/xaKlCos5cTg_1RWzIu_h-A/809864f6-df85-4f88-7841-0577c4b39800/publicContain, alt: Interior shot of completed house project }, { src: https://imagedelivery.net/xaKlCos5cTg_1RWzIu_h-A/9f73d779-99f1-4aa1-612f-a882d4d77800/public, alt: Interior shot of completed house project }, { src: https://imagedelivery.net/xaKlCos5cTg_1RWzIu_h-A/11f9a4b5-b5cf-4e9f-3730-cb3e7aca6f00/public, alt: Interior shot of completed house project }, { src: https://imagedelivery.net/xaKlCos5cTg_1RWzIu_h-A/94c8738e-c65b-40c9-a019-c0acec477f00/public, alt: Interior shot of completed house project }, { src: https://imagedelivery.net/xaKlCos5cTg_1RWzIu_h-A/0cf86ca1-a7c2-4f49-20cc-6d706badb700/public, alt: Interior shot of completed house project } ; let currentImageIndex 0; // Open lightbox with specific image function openLightbox(index) { currentImageIndex index; const modal document.getElementById(lightbox-modal); const image document.getElementById(lightbox-image); const currentNumber document.getElementById(current-image-number); const totalImages document.getElementById(total-images); if (modal && image && galleryImagesindex) { image.src galleryImagesindex.src; image.alt galleryImagesindex.alt; currentNumber.textContent index + 1; totalImages.textContent galleryImages.length; modal.classList.remove(hidden); document.body.style.overflow hidden; // Prevent background scrolling } } // Close lightbox function closeLightbox() { const modal document.getElementById(lightbox-modal); if (modal) { modal.classList.add(hidden); document.body.style.overflow ; // Restore scrolling } } // Navigate to previous image function previousImage() { currentImageIndex currentImageIndex > 0 ? currentImageIndex - 1 : galleryImages.length - 1; updateLightboxImage(); } // Navigate to next image function nextImage() { currentImageIndex currentImageIndex galleryImages.length - 1 ? currentImageIndex + 1 : 0; updateLightboxImage(); } // Update the lightbox image function updateLightboxImage() { const image document.getElementById(lightbox-image); const currentNumber document.getElementById(current-image-number); if (image && galleryImagescurrentImageIndex) { image.src galleryImagescurrentImageIndex.src; image.alt galleryImagescurrentImageIndex.alt; currentNumber.textContent currentImageIndex + 1; } } // Close lightbox when clicking outside the image or pressing Escape document.addEventListener(DOMContentLoaded, function() { const modal document.getElementById(lightbox-modal); if (modal) { modal.addEventListener(click, function(e) { if (e.target modal) { closeLightbox(); } }); } // Keyboard navigation document.addEventListener(keydown, function(e) { const modal document.getElementById(lightbox-modal); if (modal && !modal.classList.contains(hidden)) { if (e.key Escape) { closeLightbox(); } else if (e.key ArrowLeft) { previousImage(); } else if (e.key ArrowRight) { nextImage(); } } }); }); /script>/section>section idsqo8jpq classcode-section py-20 bg-gradient-to-br from-gray-50 to-white relative overflow-hidden> !-- Background decoration --> div classabsolute inset-0 opacity-5> div classabsolute top-20 left-10 w-72 h-72 bg-blue-500 rounded-full blur-3xl>/div> div classabsolute bottom-20 right-10 w-96 h-96 bg-amber-500 rounded-full blur-3xl>/div> /div> div classcontainer mx-auto px-6 relative z-10> !-- Header --> div classtext-center mb-16> h2 classtext-4xl font-bold text-gray-900 mb-6>The Past Few Years/h2> /div> !-- Photo Upload Grid --> div classgrid grid-cols-2 lg:grid-cols-3 gap-6 mb-12> !-- Upload Slot 1 --> div classgroup relative rounded-2xl overflow-hidden shadow-lg hover:shadow-xl transition-all duration-300 cursor-pointer onclickopenPastYearsLightbox(0)> img srchttps://imagedelivery.net/xaKlCos5cTg_1RWzIu_h-A/6c6515a4-f105-43b3-5b3e-dc4c369e6700/public altCompleted construction project data-media{"id":"upload-image.jpeg","src":"upload","type":"image"} classw-full h-auto group-hover:scale-105 transition-transform duration-300 oncontextmenureturn false;> div classabsolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-20 transition-all duration-300>/div> div classabsolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/85 to-transparent p-4> p classtext-white font-semibold text-lg tracking-wide> Chapman Point Modern /p> /div> /div> !-- Upload Slot 2 --> div classgroup relative rounded-2xl overflow-hidden shadow-lg hover:shadow-xl transition-all duration-300 cursor-pointer onclickopenPastYearsLightbox(1)> img srchttps://imagedelivery.net/xaKlCos5cTg_1RWzIu_h-A/516eb6ab-aead-40ee-583a-5d353b7d3e00/public altCompleted construction project data-media{"id":"upload-IMG_3643.jpg","src":"upload","type":"image"} classw-full h-auto group-hover:scale-105 transition-transform duration-300 oncontextmenureturn false;> div classabsolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-20 transition-all duration-300>/div> div classabsolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/85 to-transparent p-4> p classtext-white font-semibold text-lg tracking-wide> LEED Certified Zero Net Oceanfront /p> /div> /div> !-- Upload Slot 3 --> div classgroup relative rounded-2xl overflow-hidden shadow-lg hover:shadow-xl transition-all duration-300 cursor-pointer onclickopenPastYearsLightbox(2)> img srchttps://imagedelivery.net/xaKlCos5cTg_1RWzIu_h-A/40968c47-49d0-4b28-ca17-f49aa3d38b00/public altCompleted construction project data-media{"id":"upload-IMG_3271.jpeg","src":"upload","type":"image"} classw-full h-auto group-hover:scale-105 transition-transform duration-300 oncontextmenureturn false;> div classabsolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-20 transition-all duration-300>/div> div classabsolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/85 to-transparent p-4> p classtext-white font-semibold text-lg tracking-wide> Haystack Views /p> /div> /div> !-- Upload Slot 4 --> div classgroup relative rounded-2xl overflow-hidden shadow-lg hover:shadow-xl transition-all duration-300 cursor-pointer onclickopenPastYearsLightbox(3)> img srchttps://imagedelivery.net/xaKlCos5cTg_1RWzIu_h-A/fc8432d6-8a22-4fc2-4327-509b2edc5300/public altCompleted construction project data-media{"id":"upload-IMG_0846.jpg","src":"upload","type":"image"} classw-full h-auto group-hover:scale-105 transition-transform duration-300 oncontextmenureturn false;> div classabsolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-20 transition-all duration-300>/div> div classabsolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/85 to-transparent p-4> p classtext-white font-semibold text-lg tracking-wide> Elkwood Mountain Custom Build /p> /div> /div> !-- Upload Slot 5 --> div classgroup relative rounded-2xl overflow-hidden shadow-lg hover:shadow-xl transition-all duration-300 cursor-pointer onclickopenPastYearsLightbox(4)> img srchttps://imagedelivery.net/xaKlCos5cTg_1RWzIu_h-A/3cb75472-d316-4756-5bba-8004e7230f00/public altCompleted construction project data-media{"id":"upload-IMG_2943.jpeg","src":"upload","type":"image"} classw-full h-auto group-hover:scale-105 transition-transform duration-300 oncontextmenureturn false;> div classabsolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-20 transition-all duration-300>/div> /div> !-- Upload Slot 6 --> div classgroup relative rounded-2xl overflow-hidden shadow-lg hover:shadow-xl transition-all duration-300 cursor-pointer onclickopenPastYearsLightbox(5)> img srchttps://imagedelivery.net/xaKlCos5cTg_1RWzIu_h-A/708c5a62-a69d-4f97-d888-8eecd2e10600/public altCompleted construction project data-media{"id":"upload-IMG_4003.jpg","src":"upload","type":"image"} classw-full h-auto group-hover:scale-105 transition-transform duration-300 oncontextmenureturn false;> div classabsolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-20 transition-all duration-300>/div> /div> !-- Upload Slot 7 --> div classgroup relative rounded-2xl overflow-hidden shadow-lg hover:shadow-xl transition-all duration-300 cursor-pointer onclickopenPastYearsLightbox(6)> img srchttps://imagedelivery.net/xaKlCos5cTg_1RWzIu_h-A/1e60d4bf-6cbd-4594-e9b5-252bc5fbcf00/public altCompleted construction project data-media{"id":"upload-batch 025.jpg","src":"upload","type":"image"} classw-full h-auto group-hover:scale-105 transition-transform duration-300 oncontextmenureturn false;> div classabsolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-20 transition-all duration-300>/div> div classabsolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/85 to-transparent p-4> p classtext-white font-semibold text-lg tracking-wide> S-Curves Escape /p> /div> /div> !-- Upload Slot 8 --> div classgroup relative rounded-2xl overflow-hidden shadow-lg hover:shadow-xl transition-all duration-300 cursor-pointer onclickopenPastYearsLightbox(7)> img srchttps://imagedelivery.net/xaKlCos5cTg_1RWzIu_h-A/6a14e1b1-b8d8-4522-51b2-5454e6c74200/public altCompleted construction project data-media{"id":"upload-door.JPG","src":"upload","type":"image"} classw-full h-auto group-hover:scale-105 transition-transform duration-300 oncontextmenureturn false;> div classabsolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-20 transition-all duration-300>/div> div classabsolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/85 to-transparent p-4> p classtext-white font-semibold text-lg tracking-wide> Manzanita /p> /div> /div> !-- Upload Slot 9 --> div classgroup relative rounded-2xl overflow-hidden shadow-lg hover:shadow-xl transition-all duration-300 cursor-pointer onclickopenPastYearsLightbox(8)> img srchttps://imagedelivery.net/xaKlCos5cTg_1RWzIu_h-A/e55d3be5-0adf-417f-2f7c-2501f069ab00/public altCompleted construction project data-media{"id":"upload-iphone 1 1249.jpg","src":"upload","type":"image"} classw-full h-auto group-hover:scale-105 transition-transform duration-300 oncontextmenureturn false;> div classabsolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-20 transition-all duration-300>/div> div classabsolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/85 to-transparent p-4> p classtext-white font-semibold text-lg tracking-wide> Tolovana Transformation /p> /div> /div> /div> !-- Lightbox Modal for Past Years --> div idpastYears-lightbox-modal classfixed inset-0 bg-black bg-opacity-90 z-50 hidden flex items-center justify-center p-4> div classrelative max-w-4xl max-h-full w-full h-full flex items-center justify-center> !-- Close button --> button onclickclosePastYearsLightbox() classabsolute top-4 right-4 text-white text-3xl hover:text-gray-300 z-60 bg-black bg-opacity-50 rounded-full w-12 h-12 flex items-center justify-center> i classfas fa-times>/i> /button> !-- Back button (mobile friendly) --> button onclickclosePastYearsLightbox() classabsolute top-4 left-4 text-white text-lg hover:text-gray-300 z-60 bg-black bg-opacity-50 rounded-lg px-4 py-2 flex items-center gap-2> i classfas fa-arrow-left>/i> span>Back/span> /button> !-- Previous button --> button onclickpreviousPastYearsImage() classabsolute left-4 top-1/2 transform -translate-y-1/2 text-white text-3xl hover:text-gray-300 z-60 bg-black bg-opacity-50 rounded-full w-12 h-12 flex items-center justify-center> i classfas fa-chevron-left>/i> /button> !-- Next button --> button onclicknextPastYearsImage() classabsolute right-4 top-1/2 transform -translate-y-1/2 text-white text-3xl hover:text-gray-300 z-60 bg-black bg-opacity-50 rounded-full w-12 h-12 flex items-center justify-center> i classfas fa-chevron-right>/i> /button> !-- Main image --> img idpastYears-lightbox-image classmax-w-full max-h-full object-contain rounded-lg src alt> !-- Image counter --> div classabsolute bottom-4 left-1/2 transform -translate-x-1/2 text-white bg-black bg-opacity-50 px-4 py-2 rounded-full> span idpastYears-current-image-number>1/span> / span idpastYears-total-images>9/span> /div> /div> /div> /div> script> // Past Years Gallery data array with all images const pastYearsGalleryImages { src: https://imagedelivery.net/xaKlCos5cTg_1RWzIu_h-A/6c6515a4-f105-43b3-5b3e-dc4c369e6700/public, alt: Completed construction project }, { src: https://imagedelivery.net/xaKlCos5cTg_1RWzIu_h-A/516eb6ab-aead-40ee-583a-5d353b7d3e00/public, alt: Completed construction project }, { src: https://imagedelivery.net/xaKlCos5cTg_1RWzIu_h-A/40968c47-49d0-4b28-ca17-f49aa3d38b00/public, alt: Completed construction project }, { src: https://imagedelivery.net/xaKlCos5cTg_1RWzIu_h-A/fc8432d6-8a22-4fc2-4327-509b2edc5300/public, alt: Completed construction project }, { src: https://imagedelivery.net/xaKlCos5cTg_1RWzIu_h-A/3cb75472-d316-4756-5bba-8004e7230f00/public, alt: Completed construction project }, { src: https://imagedelivery.net/xaKlCos5cTg_1RWzIu_h-A/708c5a62-a69d-4f97-d888-8eecd2e10600/public, alt: Completed construction project }, { src: https://imagedelivery.net/xaKlCos5cTg_1RWzIu_h-A/1e60d4bf-6cbd-4594-e9b5-252bc5fbcf00/public, alt: Completed construction project }, { src: https://imagedelivery.net/xaKlCos5cTg_1RWzIu_h-A/6a14e1b1-b8d8-4522-51b2-5454e6c74200/public, alt: Completed construction project }, { src: https://imagedelivery.net/xaKlCos5cTg_1RWzIu_h-A/e55d3be5-0adf-417f-2f7c-2501f069ab00/public, alt: Completed construction project } ; let currentPastYearsImageIndex 0; // Open Past Years lightbox with specific image function openPastYearsLightbox(index) { currentPastYearsImageIndex index; const modal document.getElementById(pastYears-lightbox-modal); const image document.getElementById(pastYears-lightbox-image); const currentNumber document.getElementById(pastYears-current-image-number); const totalImages document.getElementById(pastYears-total-images); if (modal && image && pastYearsGalleryImagesindex) { image.src pastYearsGalleryImagesindex.src; image.alt pastYearsGalleryImagesindex.alt; currentNumber.textContent index + 1; totalImages.textContent pastYearsGalleryImages.length; modal.classList.remove(hidden); document.body.style.overflow hidden; // Prevent background scrolling } } // Close Past Years lightbox function closePastYearsLightbox() { const modal document.getElementById(pastYears-lightbox-modal); if (modal) { modal.classList.add(hidden); document.body.style.overflow ; // Restore scrolling } } // Navigate to previous Past Years image function previousPastYearsImage() { currentPastYearsImageIndex currentPastYearsImageIndex > 0 ? currentPastYearsImageIndex - 1 : pastYearsGalleryImages.length - 1; updatePastYearsLightboxImage(); } // Navigate to next Past Years image function nextPastYearsImage() { currentPastYearsImageIndex currentPastYearsImageIndex pastYearsGalleryImages.length - 1 ? currentPastYearsImageIndex + 1 : 0; updatePastYearsLightboxImage(); } // Update the Past Years lightbox image function updatePastYearsLightboxImage() { const image document.getElementById(pastYears-lightbox-image); const currentNumber document.getElementById(pastYears-current-image-number); if (image && pastYearsGalleryImagescurrentPastYearsImageIndex) { image.src pastYearsGalleryImagescurrentPastYearsImageIndex.src; image.alt pastYearsGalleryImagescurrentPastYearsImageIndex.alt; currentNumber.textContent currentPastYearsImageIndex + 1; } } // Enhanced event listener to handle both galleries document.addEventListener(DOMContentLoaded, function() { const pastYearsModal document.getElementById(pastYears-lightbox-modal); if (pastYearsModal) { pastYearsModal.addEventListener(click, function(e) { if (e.target pastYearsModal) { closePastYearsLightbox(); } }); } // Enhanced keyboard navigation for both galleries document.addEventListener(keydown, function(e) { const pastYearsModal document.getElementById(pastYears-lightbox-modal); const modal2024 document.getElementById(lightbox-modal); if (pastYearsModal && !pastYearsModal.classList.contains(hidden)) { if (e.key Escape) { closePastYearsLightbox(); } else if (e.key ArrowLeft) { previousPastYearsImage(); } else if (e.key ArrowRight) { nextPastYearsImage(); } } else if (modal2024 && !modal2024.classList.contains(hidden)) { if (e.key Escape) { closeLightbox(); } else if (e.key ArrowLeft) { previousImage(); } else if (e.key ArrowRight) { nextImage(); } } }); }); /script>/section>section classrelative code-section idsle16vo> div classabsolute inset-0 h-full w-full bg-cover bg-center object-cover brightness-0.4 bg-url(https://imagedelivery.net/xaKlCos5cTg_1RWzIu_h-A/0a2395ee-106a-4ba2-09ee-406e21b0df00/public) data-landingsite-gallery-typeimage data-media{"id":"2225431070","src":"iStock","type":"image"} altAn overcast day on the Oregon Coast, at one of the state parks known as Hug Point which is located between Manzanita and Cannon Beach. oncontextmenureturn false;>/div> div> div classcontainer relative z-10 mx-auto px-6 py-12 lg:py-40 xl:px-12 2xl:px-36> div classflex flex-col lg:flex-row lg:space-x-12> div classmb-12 flex-1> img classmax-h-64 w-full object-cover lg:max-h-none dont-replace alt srchttps://imagedelivery.net/xaKlCos5cTg_1RWzIu_h-A/ef85706f-4896-4f6a-9a1f-f674ce995e00/public data-landingsite-gallery-typeimage data-media{"id":"i3n26v3","src":"upload","type":"image"} oncontextmenureturn false;> p classmt-4 text-center text-sm italic text-var(--light-text-color) lg:text-left> Founder Michael Capper giving a tour of a custom home build in Manzanita. /p> /div> div classflex-1 text-var(--light-text-color)> div classmb-6 text-center text-4xl font-semibold font-family:var(--font-family-heading) lg:text-left> About Capper Construction /div> div classtext-center text-xl font-light lg:text-left> Established in 1975 by founder Michael Capper, our family-owned business has spent five decades mastering the art of coastal home building along the Oregon Coast. What began as one mans passion for quality craftsmanship has grown into a trusted legacy, now carried forward by the next generation. br>br> We intentionally take on a limited number of projects each year so we can stay deeply involved in every detail, from early budgeting with your architect to the final walk-through. Our specialty is complex coastal work: challenging sites, coastal weather exposure, historic homes, and projects where smart problem-solving matters as much as craftsmanship. br>br> We understand that building a home is one of lifes most significant investments. Thats why we bring uncompromising attention to quality, budget, and timeline to every project. Beyond the numbers, our deep knowledge of coastal construction means we know exactly how to build homes that stand strong against wind driven rain, salt air, and time itself. br>br> As a family-owned business rooted in this coastal community, we take pride in building more than just homes. We build lasting relationships. Whether its a custom new build, historic renovation, or smaller remodeling project, we approach each job with the same dedication and integrity that has defined our company for over 50 years. /div> div classtext-center lg:text-left mt-6> a hreftel:+15034400194 classtext-2xl text-blue-500 hover:underline>(503) 440-0194/a> /div> /div> /div> /div> /div>/section>section classrelative py-20 bg-white code-section idsyptt6n> div classcontainer mx-auto px-6 xl:px-12 2xl:px-36> !-- Section Header --> div classtext-center mb-16> h2 classtext-4xl lg:text-5xl font-bold text-var(--dark-text-color) font-family:var(--font-family-heading) mb-4> Our Process /h2> div classw-24 h-1 bg-var(--primary-color) mx-auto>/div> /div> !-- Process Steps --> div classgrid grid-cols-1 md:grid-cols-2 gap-8 lg:gap-12 mb-16> !-- Step 1 --> div classbg-var(--light-background-color) rounded-lg p-8 hover:shadow-xl transition-shadow duration-300> div classflex items-start gap-4 mb-4> div classflex-shrink-0 w-12 h-12 rounded-full bg-var(--primary-color) text-white flex items-center justify-center text-xl font-bold> 1 /div> h3 classtext-2xl font-bold text-var(--dark-text-color) font-family:var(--font-family-heading) mt-2> Initial Call & Site Visit /h3> /div> ul classspace-y-2 text-lg text-var(--gray-text-color) ml-16> li classflex items-start> i classfas fa-check text-var(--primary-color) mr-3 mt-1>/i> span>Talk through goals, budget, and timing/span> /li> li classflex items-start> i classfas fa-check text-var(--primary-color) mr-3 mt-1>/i> span>Site walk to discuss your vision in person/span> /li> /ul> /div> !-- Step 2 --> div classbg-var(--light-background-color) rounded-lg p-8 hover:shadow-xl transition-shadow duration-300> div classflex items-start gap-4 mb-4> div classflex-shrink-0 w-12 h-12 rounded-full bg-var(--primary-color) text-white flex items-center justify-center text-xl font-bold> 2 /div> h3 classtext-2xl font-bold text-var(--dark-text-color) font-family:var(--font-family-heading) mt-2> Early Budget & Team /h3> /div> ul classspace-y-2 text-lg text-var(--gray-text-color) ml-16> li classflex items-start> i classfas fa-check text-var(--primary-color) mr-3 mt-1>/i> span>Rough budget ranges based on similar coastal projects/span> /li> li classflex items-start> i classfas fa-check text-var(--primary-color) mr-3 mt-1>/i> span>Coordinate with your architect or help you find one/span> /li> /ul> /div> !-- Step 3 --> div classbg-var(--light-background-color) rounded-lg p-8 hover:shadow-xl transition-shadow duration-300> div classflex items-start gap-4 mb-4> div classflex-shrink-0 w-12 h-12 rounded-full bg-var(--primary-color) text-white flex items-center justify-center text-xl font-bold> 3 /div> h3 classtext-2xl font-bold text-var(--dark-text-color) font-family:var(--font-family-heading) mt-2> Detailed Pricing & Schedule /h3> /div> ul classspace-y-2 text-lg text-var(--gray-text-color) ml-16> li classflex items-start> i classfas fa-check text-var(--primary-color) mr-3 mt-1>/i> span>Final pricing, allowances, and timeline/span> /li> li classflex items-start> i classfas fa-check text-var(--primary-color) mr-3 mt-1>/i> span>Clear communication about whats fixed and whats flexible/span> /li> /ul> /div> !-- Step 4 --> div classbg-var(--light-background-color) rounded-lg p-8 hover:shadow-xl transition-shadow duration-300> div classflex items-start gap-4 mb-4> div classflex-shrink-0 w-12 h-12 rounded-full bg-var(--primary-color) text-white flex items-center justify-center text-xl font-bold> 4 /div> h3 classtext-2xl font-bold text-var(--dark-text-color) font-family:var(--font-family-heading) mt-2> Build & Weekly Updates /h3> /div> ul classspace-y-2 text-lg text-var(--gray-text-color) ml-16> li classflex items-start> i classfas fa-check text-var(--primary-color) mr-3 mt-1>/i> span>Regular progress photos and emails (keeping you informed wherever you are)/span> /li> li classflex items-start> i classfas fa-check text-var(--primary-color) mr-3 mt-1>/i> span>Clean, organized jobsite and clear milestones through completion/span> /li> /ul> /div> /div> !-- For Architects Section --> div classbg-gradient-to-br from-var(--primary-color) to-var(--accent4-color) rounded-xl p-8 lg:p-12 text-white> div classmax-w-4xl mx-auto> h3 classtext-3xl font-bold mb-6 font-family:var(--font-family-heading) flex items-center gap-3> i classfas fa-drafting-compass text-4xl>/i> For Architects & Designers /h3> div classspace-y-4 text-lg leading-relaxed> p> We love being involved early in the design process. If youre working on a coastal custom home or major remodel and need preliminary budgeting, constructability input, or a builder whos comfortable with complex detailing and challenging coastal sites, were happy to be a resource. /p> p classfont-medium> Were used to collaborating with architects from Portland, Seattle, and beyond on Cannon Beach and north-coast projects. /p> /div> /div> /div> /div>/section>section classrelative py-20 bg-white code-section ids735ix> div classcontainer mx-auto px-6 xl:px-12 2xl:px-36> !-- Sustainable Building Section --> div classbg-gradient-to-br from-var(--accent4-color) to-var(--primary-color) rounded-xl p-8 lg:p-12 text-white relative overflow-hidden> !-- Background decorative element --> div classabsolute top-0 right-0 w-64 h-64 bg-white opacity-5 rounded-full -mr-32 -mt-32>/div> div classabsolute bottom-0 left-0 w-48 h-48 bg-white opacity-5 rounded-full -ml-24 -mb-24>/div> div classmax-w-4xl mx-auto relative z-10> h3 classtext-3xl font-bold mb-6 font-family:var(--font-family-heading) flex items-center gap-3> i classfas fa-leaf text-4xl>/i> Sustainable Building Expertise /h3> div classspace-y-4 text-lg leading-relaxed> p> Building responsibly doesnt have to be complicated. Weve guided projects through Earth Advantage and Platinum LEED certification, and we build sustainability into our everyday practices. Whether youre interested in formal certification or simply want to minimize environmental impact, we have the experience to make it happen without unnecessary complexity. /p> p classfont-medium> If green building is part of your vision, lets talk about how we can help you achieve your goals. /p> /div> /div> /div> /div>/section>section classrelative code-section ids7sgk63> div classcontainer relative z-10 mx-auto px-6 py-12 lg:py-24 xl:px-12 2xl:px-36> !-- Service Areas Section --> div classmb-16> div classtext-center mb-12> h2 classtext-3xl lg:text-4xl font-bold text-var(--dark-text-color) font-family:var(--font-family-heading) mb-4> Serving Oregons North Coast Communities /h2> /div> div classgrid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6 lg:gap-8 mb-8> !-- Cannon Beach --> div classbg-white rounded-lg p-6 shadow-md hover:shadow-xl transition-shadow duration-300> div classflex items-center mb-4> i classfas fa-map-marker-alt text-2xl text-var(--primary-color) mr-3>/i> h3 classtext-xl font-semibold text-var(--dark-text-color) font-family:var(--font-family-heading)> Cannon Beach /h3> /div> p classtext-var(--gray-text-color) text-sm> Our home base. Specializing in custom coastal homes and historic property renovations. /p> /div> !-- Arch Cape --> div classbg-white rounded-lg p-6 shadow-md hover:shadow-xl transition-shadow duration-300> div classflex items-center mb-4> i classfas fa-map-marker-alt text-2xl text-var(--primary-color) mr-3>/i> h3 classtext-xl font-semibold text-var(--dark-text-color) font-family:var(--font-family-heading)> Arch Cape /h3> /div> p classtext-var(--gray-text-color) text-sm> Building beautiful beachfront and hillside homes in the Arch Cape area. /p> /div> !-- Falcon Cove --> div classbg-white rounded-lg p-6 shadow-md hover:shadow-xl transition-shadow duration-300> div classflex items-center mb-4> i classfas fa-map-marker-alt text-2xl text-var(--primary-color) mr-3>/i> h3 classtext-xl font-semibold text-var(--dark-text-color) font-family:var(--font-family-heading)> Falcon Cove /h3> /div> p classtext-var(--gray-text-color) text-sm> Serving Falcon Cove with quality construction and renovation services. /p> /div> !-- Manzanita --> div classbg-white rounded-lg p-6 shadow-md hover:shadow-xl transition-shadow duration-300> div classflex items-center mb-4> i classfas fa-map-marker-alt text-2xl text-var(--primary-color) mr-3>/i> h3 classtext-xl font-semibold text-var(--dark-text-color) font-family:var(--font-family-heading)> Manzanita /h3> /div> p classtext-var(--gray-text-color) text-sm> Vacation home construction and remodeling expertise in Manzanita. /p> /div> !-- Seaside --> div classbg-white rounded-lg p-6 shadow-md hover:shadow-xl transition-shadow duration-300> div classflex items-center mb-4> i classfas fa-map-marker-alt text-2xl text-var(--primary-color) mr-3>/i> h3 classtext-xl font-semibold text-var(--dark-text-color) font-family:var(--font-family-heading)> Seaside /h3> /div> p classtext-var(--gray-text-color) text-sm> Trusted contractor for residential construction and remodeling projects in Seaside. /p> /div> !-- Astoria --> div classbg-white rounded-lg p-6 shadow-md hover:shadow-xl transition-shadow duration-300> div classflex items-center mb-4> i classfas fa-map-marker-alt text-2xl text-var(--primary-color) mr-3>/i> h3 classtext-xl font-semibold text-var(--dark-text-color) font-family:var(--font-family-heading)> Astoria /h3> /div> p classtext-var(--gray-text-color) text-sm> Experienced in historic home restoration and new construction throughout Astoria. /p> /div> !-- Warrenton --> div classbg-white rounded-lg p-6 shadow-md hover:shadow-xl transition-shadow duration-300> div classflex items-center mb-4> i classfas fa-map-marker-alt text-2xl text-var(--primary-color) mr-3>/i> h3 classtext-xl font-semibold text-var(--dark-text-color) font-family:var(--font-family-heading)> Warrenton /h3> /div> p classtext-var(--gray-text-color) text-sm> Quality home building and renovation services for Warrenton homeowners. /p> /div> !-- Gearhart --> div classbg-white rounded-lg p-6 shadow-md hover:shadow-xl transition-shadow duration-300> div classflex items-center mb-4> i classfas fa-map-marker-alt text-2xl text-var(--primary-color) mr-3>/i> h3 classtext-xl font-semibold text-var(--dark-text-color) font-family:var(--font-family-heading)> Gearhart /h3> /div> p classtext-var(--gray-text-color) text-sm> Custom coastal home construction and remodeling in the Gearhart community. /p> /div> /div> p classtext-center text-var(--gray-text-color) italic> We also travel to other coastal Oregon communities for the right project. a hreftel:5034400194 classtext-var(--primary-color) hover:underline>Call us/a> to discuss your location. /p> /div> !-- Contact Form and Map Section --> div classflex flex-col lg:flex-row lg:space-x-12> div classflex flex-1 flex-col text-var(--dark-text-color)> div classmb-6 flex-none text-center text-4xl font-semibold font-family:var(--font-family-heading) lg:text-left> Contact Capper Construction LLC /div> div classflex-none pb-12 text-center text-xl font-light lg:text-left> Reach out to discuss your custom home building or remodeling project. /div> div classmb-12 flex-1> iframe classh-full w-full min-h-400px loadinglazy srchttps://maps.google.com/maps?qCannon%20Beach%2C%20Oregon&tm&z11&outputembed&iwlocnear titleGoogle Maps Iframe aria-labelGoogle Maps Iframe>/iframe> /div> /div> div classrelative flex-1 bg-var(--primary-color)> form classspace-y-6 p-8 data-landingsite-contact-form> div class> input typetext namename placeholderYour Name classmt-2 w-full rounded bg-#ffffff p-2 shadow-sm> /div> div> input typeemail nameemail placeholderYour Email classmt-2 w-full rounded bg-#ffffff p-2 shadow-sm> /div> div> input typetel namephone placeholderYour Phone classmt-2 w-full rounded bg-#ffffff p-2 shadow-sm> /div> div class> textarea namemessage rows4 placeholderHow Can We Assist With Your Project? classmt-2 w-full rounded bg-#ffffff p-2 shadow-sm>/textarea> /div> div> button typesubmit classw-full rounded-var(--button-rounded-radius) bg-var(--secondary-button-bg-color) px-var(--button-padding-x) py-var(--button-padding-y) text-sm font-normal uppercase tracking-wider text-var(--secondary-button-text-color) hover:bg-var(--secondary-button-hover-bg-color) hover:text-var(--secondar-button-hover-text-color)> Submit Inquiry /button> /div> /form> /div> /div> /div>/section>footer classbg-black code-section idglobal-footer> div classcontainer mx-auto px-6 py-24 xl:px-12 2xl:px-36> div classgrid grid-cols-1 pt-4 md:grid-cols-2 lg:grid-cols-3 lg:space-x-24> div classmb-8> a href/ classmb-8 block text-3xl tracking-wider text-white font-family:var(--font-family-heading)>Capper Construction LLC/a> div classmy-8 flex flex-row justify-center text-gray-400 md:justify-start> a href/ classmr-3 aria-labelVisit our Facebook> div classflex h-8 w-8 items-center justify-center rounded-full bg-white> i classfa-brands fa-facebook-f text-var(--primary-color) aria-hiddentrue>/i> /div> /a> a href/ classmr-3 aria-labelVisit our Twitter> div classflex h-8 w-8 items-center justify-center rounded-full bg-white> i classfa-brands fa-x-twitter text-var(--primary-color) aria-hiddentrue>/i> /div> /a> a href/ classmr-3 aria-labelVisit our Instagram> div classflex h-8 w-8 items-center justify-center rounded-full bg-white> i classfa-brands fa-instagram text-var(--primary-color) aria-hiddentrue>/i> /div> /a> /div> /div> div classmb-8> div classmb-8 border-b-2 border-var(--primary-color) pb-4 text-xl tracking-wide text-white> Contact Us /div> div classmb-2 flex items-center flex-row font-light tracking-wider text-white> i classfa-solid fa-phone mr-2 w-6 flex-none text-var(--primary-color) aria-hiddentrue>/i>span idfooter-phone>(503) 440-0194/span> /div> div classmb-2 flex items-center flex-row font-light tracking-wider text-white> i classfa-solid fa-envelope mr-2 w-6 flex-none text-var(--primary-color) aria-hiddentrue>/i>span idfooter-email classw-90% break-words>jeremy@capperbuild.com/span> /div> div classmb-2 flex items-center flex-row font-light tracking-wider text-white> i classfa-solid fa-location-dot mr-2 w-6 flex-none text-var(--primary-color) aria-hiddentrue>/i>span idfooter-address class>PO Box 14, Cannon Beach, OR/span> /div> div classmb-2 flex items-center flex-row font-light tracking-wider text-white> i classfa-solid fa-clock mr-2 w-6 flex-none text-var(--primary-color) aria-hiddentrue>/i>span idfooter-hours class>Available weekdays : 8am - 5pm/span> /div> /div> div classmb-8> div classtext-center lg:text-left> div classmb-4 text-xl font-semibold text-white>Quick Links/div> ul classflex flex-col gap-2 text-base font-light text-white> li> a href#sfsxjw classhover:text-var(--primary-color) transition-colors duration-200>Home/a> /li> li> a href#sh8e0a9 classhover:text-var(--primary-color) transition-colors duration-200>Testimonials/a> /li> li> a href#sle16vo classhover:text-var(--primary-color) transition-colors duration-200>About Us/a> /li> li> a href#syptt6n classhover:text-var(--primary-color) transition-colors duration-200>Our Process/a> /li> li> a href#s7sgk63 classhover:text-var(--primary-color) transition-colors duration-200>Service Areas/a> /li> li> a href#sjpgmp8 classhover:text-var(--primary-color) transition-colors duration-200>Recent Projects/a> /li> li> a href#s7sgk63 classhover:text-var(--primary-color) transition-colors duration-200>Contact/a> /li> /ul> /div> /div> /div> p classborder-t-2 border-gray-600 py-4 text-left text-sm text-gray-500> © 2024 Capper Construction LLC, All Rights Reserved /p> /div>/footer>script defer srchttps://kit.fontawesome.com/8e98006f77.js crossoriginanonymous>/script>/body>/html>
View on OTX
|
View on ThreatMiner
Please enable JavaScript to view the
comments powered by Disqus.
Data with thanks to
AlienVault OTX
,
VirusTotal
,
Malwr
and
others
. [
Sitemap
]