Showing source for: https://zaap.bio/gutter-cleaning
Duration: 0.992934s
Server: nginx/1.18.0 (Ubuntu)
<!DOCTYPE html>
<html lang="en" class="link-html">
<head>
<title>guttercleaningnow</title>
<meta name="description" content="">
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta property="og:site_name" content="guttercleaningnow">
<meta property="og:title" content="guttercleaningnow">
<meta property="og:description" content="">
<meta property="og:image" content="">
<meta property="og:url" content="https://zaap.bio/gutter-cleaning">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<meta name="twitter:title" content="guttercleaningnow">
<meta name="twitter:description" content="">
<meta name="twitter:image" content="">
<meta name="twitter:card" content="summary_large_image">
<meta name="robots" content="index">
<!-- Open Graph / Facebook -->
<!-- <meta property="og:" content="" /> -->
<!-- Twitter -->
<meta property="twitter:type" content="website" />
<meta property="twitter:url" content="https://zaap.bio/gutter-cleaning" />
<link href="https://zaap.bio/favicon.ico" rel="icon" />
<link rel="apple-touch-icon" sizes="180x180" href="https://zaap.bio/favicon.ico" />
<link href="https://zaap.bio/assets/page/css/app.css" rel="stylesheet" media="screen">
<link href="https://zaap.bio/assets/page/css/link-custom.css?v=20261015231803" rel="stylesheet" media="screen">
<link href="https://zaap.bio/assets/page/css/growl-notification.min.css" rel="stylesheet" media="screen">
<link rel="canonical" href="https://zaap.bio/gutter-cleaning" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/build/css/intlTelInput.css">
<link href="https://zaap.bio/assets/page/css/bootstrap.min.css" rel="stylesheet" media="screen">
<link href="https://zaap.bio/assets/page/css/custom.css" rel="stylesheet" media="screen">
<link href="https://zaap.bio/assets/page/css/bannerLayout.css" rel="stylesheet" media="screen">
<link href="https://zaap.bio/assets/page/css/productTab.css" rel="stylesheet" media="screen">
<style>
html {
background-color: white !important;
}
.profile_banner_main.portfolioBanner{
left: 0;
right: 0;
top: 0;
border-radius: 0px !important;
}
#navbar,
.footer {
display: none;
}
.link-body {
background-color: #bca88d !important;
}
.link-footer {
/* background-color: #212930; */
padding: 30px 0;
margin-top: 30px;
padding-bottom:20px;
color: #1E242A;
/* border-top: 1px dashed #1E242A; */
font-size: 12px;
font-weight:500;
}
.container {
max-width: 1300px;
}
.link-card a,.link-card .link-btn-rounded {
border-radius: 40px;
padding: 16px;
min-height: 360px;
max-height: 360px;
}
.product-card-a {
border-radius: 40px;
padding: 16px;
min-height: 360px;
max-height: 360px;
height: 100%;
min-height: inherit;
}
.link-card-single div:first-child,
.link-card-single div:first-child a,
.product-card-a {
height: 100%;
min-height: inherit;
}
.link-card-single div:first-child a,
.product-card-a {
max-height: fit-content !important;
}
.product-link-title {
font-size: 18px;
}
.product-link-description {
font-size: 14px;
}
.slick-track {
margin-left: 0 !important;
}
.font-weight-medium2 {
font-weight: 600;
}
.profile-img-div {
justify-content: center;
}
.profile-info-div h2,
.profile-info-div p,
.profile-info-div small {
text-align: center;
}
@media(max-width:767px) {
.user-avatar {
width: 100px;
height: 100px;
}
.profile-main {
padding: 25px 0;
}
}
@media(max-width:550px) {
footer {
height: auto;
}
.checkout-modal-dialog{
width: 96% !important;
}
}
@media(max-width:500px) {
.purchase-btn,.price-btn{
min-width: 45% !important;
font-size: 14px !important
}
}
@media(max-width:400px) {
.link-img-div {
/* height:150px; */
}
}
.slick-track {
display: flex !important;
}
.slick-slide {
height: inherit !important;
}
.links-slider {
flex-basis: 100%;
padding-left: 10px;
padding-right: 10px;
/* padding-bottom:20px; */
padding-bottom: 10px;
padding-top: 10px;
}
.links-slider-main {
margin-bottom: 10px;
}
._embed_video_wrapper {
border: none !important;
}
.links-slider-main::-webkit-scrollbar {
height: 0.5em;
}
.links-slider-main::-webkit-scrollbar-track {}
.links-slider-main::-webkit-scrollbar-thumb {
background-color: #d3d3d3;
border-radius: 50px;
}
@media(min-width:767px) {
.links-slider {
flex-wrap: wrap;
display: flex;
align-items: center;
margin: 0;
}
}
@media(max-width:767px) {
.link-content {
padding: 0rem 1rem;
}
.links-slider-main {
overflow-x: scroll;
overflow-y: hidden;
}
.links-slider {
display: flex;
}
}
.post-card h4,
.post-card p {
color: #ffffff !important;
}
.single-link-block-arrow svg rect{
fill: #ffffff !important;
}
.folder-title{
color: #1E242A !important;
}
.product-title,.product-short-description,.product-description{
color: #1E242A !important;
}
.product-title{
letter-spacing: -1px;
font-weight: 600;
}
.folder-title {
font-size: 22px;
text-align: center;
font-weight: 500 !important;
}
.btn-primary:focus,
.btn-primary.focus {
box-shadow: 0px 0px 15px #00008024 !important;
}
.div-block-342,
.product-card-price-badge {
color: #fff;
}
.profile_title {
overflow-wrap: anywhere;
}
.single-link-block-img{
background-color: #ab6040 !important;
}
.widget-block {
background-color: #ab6040 !important;
}
.post-border-light {
box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.08);
transition: box-shadow 0.3s ease;
}
.post-border-light:hover {
box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.08);
}
.post-border-dark {
box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.08);
transition: box-shadow 0.3s ease;
}
.post-border-dark:hover {
box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.08);
}
.skeleton-line,.skeleton-img,.skeleton-button{
background-color: #3e3f29 !important;
filter: brightness(0.5);
}
.subscribe-next-btn, .subscribe-btn,.page-menu-btn, .page-menu-btn-inverse, .purchase-btn{
background-color: #ffffff !important;
border:none;
color: #1E242A !important;
font-weight: 500;
}
.product-card-a a.product-card-learn-more-btn{
border-color: transparent !important;
background-color: #3e3f29 !important;
color: #ffffff !important;
}
.price-btn,.page-menu-btn-inverse{
border: 3px solid #ffffff !important;
color: #ffffff !important;
background: transparent !important;
}
.purchase-btn{
border: 3px solid transparent !important;
padding-top:15px !important;
padding-bottom:13px !important;
}
.purchase-btn,.price-btn{
border-radius: 16px !important;
min-width: 220px;
font-size: 16px;
font-weight: 700;
}
.price-btn{
padding-top:12px !important;
padding-bottom:12px !important;
}
/*
input.brand_input{
font-weight: 400;
font-size: 16px !important;
line-height: 1.3;
letter-spacing: 0;
color: #3A3A40 !important;
padding: 10px 14px !important;
border-radius: 8px;
background: #fff;
outline: none !important;
height: 42px;
width: 100%;
flex-basis: 100%;
border: 1px solid #DDDDED !important;
border-radius: 8px !important;
box-shadow: 0px 1px 2px 0px #0A0D120D !important;
} */
.brand_Label{
color: #6E6E77;
font-weight: 600;
font-size: 14px;
line-height: 1.3;
letter-spacing: 0%;
margin: 0 ;
margin-bottom: 6px
}
.brand_button{
height: 40px;
padding: 10px 16px;
font-size: 14px;
line-height: 1.3;
font-weight: 600;
box-shadow: none;
border: 0;
background-color: #5345F5;
color: white;
width: 100%;
box-shadow: 0px 4px 8px 0px #5345F54D;
min-width: auto;
border-radius: 8px !important;
}
.brand_button_bordered{
height: 40px;
padding: 10px 16px;
line-height: 1.3;
font-weight: 600;
background-color: #fff;
color: #1E242A !important;
width: 100%;
box-shadow: 0px 4px 8px 0px #00000015;
min-width: auto;
border-radius: 8px !important;
border:1px solid #ddd !important;
font-size: 14px;
}
.link-body {
min-height: 100vh;
}
.text-block-main {
border-radius: 40px;
}
a.product-card-purchase-btn {
font-weight: 600
}
.product-card-a a.product-card-purchase-btn,
.product-card-a .product-card-price-badge {
border-color: transparent !important;
background-color: #3e3f29 !important;
color: #ffffff !important;
}
.come-from-modal.left .modal-dialog,
.come-from-modal.right .modal-dialog {
position: fixed;
margin: auto;
width: 500px;
height: 100%;
-webkit-transform: translate3d(0%, 0, 0);
-ms-transform: translate3d(0%, 0, 0);
-o-transform: translate3d(0%, 0, 0);
transform: translate3d(0%, 0, 0);
}
.come-from-modal.left .modal-content,
.come-from-modal.right .modal-content {
height: 90vh;
overflow-y: auto;
border-radius: 15px;
padding: 24px !important;
}
.checkout_modal h4{
font-weight: 600;
font-size: 18px;
line-height: 1;
letter-spacing: 0%;
color: #3A3A40;
margin-bottom: 24px;
}
.come-from-modal.left .modal-body,
.come-from-modal.right .modal-body {
padding: 15px 15px 80px;
}
.come-from-modal.right.fade .modal-dialog {
right: 2%;
-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
-moz-transition: opacity 0.3s linear, right 0.3s ease-out;
-o-transition: opacity 0.3s linear, right 0.3s ease-out;
transition: opacity 0.3s linear, right 0.3s ease-out;
}
.come-from-modal.right.fade.in .modal-dialog {
right: 0;
}
#checkoutModal .modal-body h4{
font-weight: 600;
}
.cart-details img{
border-radius: 10px;
}
.cart-details p{
color: #5B5B5B !important;
font-weight: 500;
}
.cart-details strong{
color: #5B5B5B !important;
font-weight: 700;
}
#checkoutModal .up-in-toggle {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
border-radius: 7px;
color: #5B5B5B;
background: #f1f1f1;
min-height: 45px;
}
#checkoutModal .up-in-toggle label {
display: inline-block;
width: 60px;
text-align: center;
font-size: 0.9rem;
padding: 10px 16px;
text-align: center;
width: 50%;
float: left;
color: #5B5B5B;
transition: all 0.1s ease-in-out;
}
#checkoutModal .up-in-toggle label:hover {
cursor: pointer;
}
#checkoutModal .up-in-toggle input {
clip: rect(0, 0, 0, 0);
height: 1px;
width: 1px;
border: 0;
overflow: hidden;
flex-basis: auto;
}
#checkoutModal .up-in-toggle input:checked + label {
background: #ffffff;
font-weight: 500;
border: 1px solid #DDDDED;
}
.marketing_checkbox{
display: flex;
align-items: center;
gap: 8px;
}
.marketing_checkbox>label{
font-weight: 300;
font-size: 14px;
line-height: 1.3;
letter-spacing: 0%;
color: #8D8D98;
}
#checkoutModal .up-in-toggle label:first-of-type {
border-radius: 7px;
}
#checkoutModal .up-in-toggle label:last-of-type {
border-radius: 7px;
}
#checkoutModal input.form-control, #checkoutModal textarea.form-control{
border-radius: 14px !important;
border: 1px solid #D6D6D6 !important;
padding: 8px 15px !important;
font-weight: 500 !important;
}
#checkoutModal input.form-control:focus, #checkoutModal textarea.form-control:focus{
color: #5b5b5b !important;
}
#checkoutModal input.form-control::placeholder, #checkoutModal textarea.form-control::placeholder{
color: #8991A8 !important;
font-weight:500 !important;
}
.btn-purchase-block{
border-radius: 14px !important;
color: white;
}
#checkoutModal small{
color: #8991A8 !important;
}
#checkoutModal .modal-footer{
border: none !important;
display: flex;
/* padding:10px 10%; */
align-items: center;
justify-content: center;
}
#checkoutModal .modal-content{
overflow: hidden;
}
.modal-content-indiv{
overflow-y: auto;
}
.modal-content-indiv::-webkit-scrollbar {
width: 0.25em;
}
.modal-content-indiv::-webkit-scrollbar-thumb {
background-color: #dfdfdf;
}
.link-content{
padding-bottom: 100px;
}
.page-footer{
/* position: absolute; */
width: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
bottom: 0;
left: 0;
padding: 30px 0;
transition: 0.6s all ease;
}
.accordion-body {
background-color: #ab6040 !important;
color: #ffffff !important;
border-color: #ab6040 !important;
}
.content-text a{
color: #ffffff;
text-decoration: underline;
font-weight: 600;
}
.product-content-divider {
background: #ffffff !important;
opacity: 0.2;
}
.product-content-image{
border: 2px solid #ffffff;
}
body{
font-family: 'GT Walsheim Pro';
}
.mt-0{
margin-top: 0 !important;
}
.main-bio-section{
min-height: 100dvh;
width: 100%;
position: relative;
display: flex;
background-color: #bca88d !important;
background-image: url('https://images.zaap.ai/public/1a25e4e1be760b666e59451b4a70929889d82fe3e685a450ed97.webp') !important;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
}
.main-bio-section .banner_layoutTab{
background-color: transparent !important;
background: transparent !important;
}
.banner_layout_wrapper,
.portfolio-content .tab-content
{
background-color: #ffdfac !important;
}
/* @media(max-width: 767px){
.banner_layout_wrapper{
background-color: transparent !important;
}
} */
@media(max-width: 575px){
.portfolio-content .tab-content{
background-color: transparent !important;
}
}
.artist-image:after{
background: linear-gradient(0deg, #ffdfac , transparent) !important;
}
.blur-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
backdrop-filter: blur(0px);
-webkit-backdrop-filter: blur(0px);
}
.fade-left,
.fade-right{
background-image:none !important;
}
.main-bio-section:not(.blur-overlay)>*{
z-index: 1;
}
.main-bio-section:not(.blur-overlay)>.modal{
z-index: 1050 !important;
}
.user-area{
width: 30%;
height: fit-content;
padding: 50px;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
position: sticky;
top: 0px;
}
.user_profile_pic .crop-container{
filter: drop-shadow(0px 0px 20px #ffffff58);
}
.user-name{
font-size: 30px;
font-style: normal;
font-weight: 500;
line-height: 1;
margin-top: 20px;
color: #000000 !important;
}
.user-name>svg{
margin-bottom: 5px
}
.user-descrip{
font-style: normal;
margin-top: 10px;
font-size: 16px;
font-weight: 500;
line-height: 1.3em;
color: #000000 !important;
}
.social-links-user{
display: flex;
flex-wrap:wrap;
align-items: center;
justify-content: flex-start;
gap: 7px;
margin-top: 20px;
margin-bottom: 0px;
}
.social-links-u{
border-radius: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
transition: 0.5s ease-out !important;
width: 50px;
height: 50px;
aspect-ratio: 1/1;
position: relative;
background-color: #ab6040;
}
.TabDropDown{
background-color: #ab6040 !important;
color :#ffffff !important;
}
.category-btn.active{
background-color: #ab6040 !important;
color :#ffffff !important;
}
.social-links-u:not(.youtube) svg path,
.socialBlockIcon svg path{
fill:#ffffff !important;
}
.link-fullpath,
.social_showmore{
color:#ffffff !important;
}
.social-link-wrapper:hover{
opacity: 0.5;
}
.promo-u{
display: flex;
justify-content: center;
align-items: center;
color: #000000;
font-weight: 500;
gap: 5px;
font-size: 17px;
line-height: 1.3;
background-color: #000;
border-radius: 100px;
padding: 13px 18px 12px;
margin-bottom: 24px;
position: fixed;
bottom: 24px;
}
.promo-u:hover{
color: #333 !important
}
.content-area{
width: 100%;
padding: 50px;
/* padding-bottom: 16px; */
display: flex;
flex-direction: column;
align-items: center;
max-width: 800px;
}
.switch-button-area{
max-width: 800px;
width: 100%;
padding: 10px 0;
display: flex;
align-items: center;
justify-content: flex-end;
padding-right: 1rem;
padding-left: 1rem;
padding-bottom: 0;
}
@media(max-width: 900px){
.switch-button-area{
justify-content: flex-start;
padding-left: 1.4rem;
}
}
.switch-button{
text-align: center;
/* color: #FFF; */
/* font-family: 'GT Walsheim Pro'; */
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 1;
transition: 0.3s;
cursor: pointer;
color:#ffffff !important;
position: relative;
text-wrap: nowrap;
padding: 16px 10px;
border-radius: 0 !important;
border-bottom: 3px solid transparent;
}
.TabDropDown a.switch-button:not(.active){
color: #ffffff !important;
}
.switch-button.toggleBtn{
color: #ffffff !important;
}
.TabDropDown a.switch-button.active{
color: #ab6040 !important;
background: #ffffff !important;
}
.switch-button>span{
line-height: 1;
display: block;
}
.switch-button:not(.active):hover{
opacity: 0.5;
}
.switch-button:focus-visible{
outline: 2px solid #ffffff;
outline-offset: 2px;
}
.cont-circle-area{
display: flex;
align-items: center;
gap: 8px;
}
.expadd-20{
padding-left: 20px;
}
.cont-circle-area>span,.blocks-title,.headingSpan{
font-size: 18px;
font-weight: 600;
line-height: 1.3;
text-decoration: none;
color: #ffffff !important;;
width: 80%;
text-wrap: wrap;
display: inline-block;
word-break: break-word;
line-height: 1.5;
}
.cont-circle-area>span{
width: 100%;
}
.headingSpan{
width: 100%;
}
.con-circle{
display: flex;
justify-content: center;
align-items: center;
border-radius: 100%;
z-index: 99;
width: 45px;
height: 45px;
position: relative;
aspect-ratio: 1;
background-color: #3e3f29;
}
.next-arrow svg path,.con-circle svg path,.con-circle svg rect{
stroke: #ffffff;
}
.play-icon svg path{
stroke: none;
fill: #ffffff !important;
}
.contact-area{
max-width: 800px;
width: 100%;
}
.social-area{
max-width: 800px;
width: 100%;
}
.links-area{
position: relative;
max-width: 800px;
width: 100%;
}
.p_l-24{
padding-left: 47px;
}
.position-relative{
position: relative;
width: 100%;
}
.link-slide{
position: relative;
overflow-y: hidden;
overflow-x: auto;
padding: 3px 0;
margin-left: -8px;
}
.link-slide::-webkit-scrollbar{
display: none;
}
.link-box{
width: 100%;
display: flex;
margin-top: 15px !important;
/* padding-left: 8px;
*/
}
.link-box:not(.swiper-wrapper){
gap: 15px;
}
.link-cards{
max-width: 340px !important;
min-width: 340px !important;
width: 100% !important;
border-radius: 24px;
overflow: hidden;
text-decoration: none;
transition: 0.3s ease-in-out !important;
height:380px;
display: flex;
min-height:380px;
flex-direction: column;
cursor: pointer;
}
.singleCard .link-cards{
max-width: 100% !important;
}
.fullwidth .link-cards{
max-width: 360px !important;
}
.fullwidth .link-cards.soft{
max-width: 346px !important;
}
.fullwidth .link-cards.hard{
max-width: 355px !important;
}
.link-cards:hover{
transform: translateY(-1%);
}
.link-cards a:not(.link-cards-btn) {
display: flex;
flex-direction: column;
height: 100%;
flex: 1;
}
.card-banner-image{
max-height: 186px;
height: 100vh;
position: relative;
}
.card-banner-image::before{
content: '';
position: absolute;
bottom:-2px;
left: 0;
display: block;
right: 0;
background: linear-gradient(0deg, var(--color), 65%, transparent, transparent);
min-height: 30px;
}
.card-banner-image>img{
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 0;
object-position: center;
}
.card-cont{
height: 100%;
position: relative;
display: flex;
/* align-items: flex-end; */
width: 100%;
padding: 20px;
padding-top: 5px;
flex: 1;
}
.card-cont>.d-flex{
width: 100%;
}
.cont-box-card{
flex: 1;
}
.card-cont>.d-flex{
width: 100%;
}
.cont-box-card{
flex: 1;
}
.cont-box-card>h2{
font-size: 18px !important;
font-weight: 600 !important;
line-height: 1.2;
text-decoration: none;
margin-bottom: 0px;
}
.cont-box-card>p{
color: #e4f0c2;
margin-top: 10px;
margin-bottom: 0px;
font-size: 16px;
font-weight: 300;
line-height: 1.2;
}
.cont-black>h2{
color: #000;
}
.cont-black>p{
color: #000;
}
.visit-link{
margin-top: auto;
width: fit-content;
padding: 10px 15px;
background-color: #fff;
border-radius: 56px;
text-decoration: none;
font-weight: 500;
border: none;
line-height:1;
font-size: 16px;
color: #000;
mix-blend-mode: normal;
font-size: 14px;
}
.visit-link2{
width: fit-content;
height: 30px;
background-color: #2c2c2c;
border-radius: 30px;
flex-direction: row;
justify-content: center;
align-items: center;
margin-top: 0;
margin-right: 0;
padding-left: 18px;
padding-right: 18px;
text-decoration: none;
display: flex;
color: white;
font-weight: 500;
font-size:14px;
}
.text-yellow{
color: #ffc508;
}
.next-arrow{
position: absolute;
top: 50%;
z-index: 99;
width: 40px;
height: 40px;
background-color: #585858;
border-radius: 100%;
justify-content: center;
align-items: center;
margin-right: 7px;
opacity: 1;
display: flex;
transition: 0.5s;
background-color: #3e3f29;
}
.left-arrow{
left: 0px;
cursor: pointer;
}
.right-arrow{
right: 0px;
cursor: pointer;
}
.fade-left{
background-image: linear-gradient(-90deg,rgba(52,54,47,0),#bca88d);
width: 100px;
position: absolute;
left: 0;
top:0;
z-index: 3;
bottom: 0;
left: -8px;
}
.instagram-right-fade{
height: 320px !important;
}
.fade-right{
background-image: linear-gradient(90deg,rgba(52,54,47,0),#bca88d);
width: 100px;
position: absolute;
right: 0;
z-index: 3;
bottom: 0;
top:0;
}
.banner_layout_mainContent .fade-left,
.portfolio-content .fade-left{
background-image: linear-gradient(-90deg,rgba(52,54,47,0),#ffdfac);
}
.banner_layout_mainContent .fade-right,
.portfolio-content .fade-right{
background-image: linear-gradient(90deg,rgba(52,54,47,0),#ffdfac);
}
@media(max-width: 575px){
.portfolio-content .fade-left{
background-image: linear-gradient(-90deg,rgba(52,54,47,0),#bca88d);
}
.portfolio-content .fade-right{
background-image: linear-gradient(90deg,rgba(52,54,47,0),#bca88d);
}
}
.banner-box{
width: 100%;
border-radius: 24px;
background: #ab6040;
padding: 24px 22px;
margin-top: 30px;
}
.phonewidget .iti--inline-dropdown .iti__dropdown-content {
border-color: #ab6040 !important;
background-color: #bca88d !important;
border-radius: 15px;
overflow: hidden;
max-height: 165px;
}
.phonewidget .iti__search-input{
border: none !important;
outline: none !important;
border-radius: 0 !important;
background-color: #ab6040 !important;
color: #1E242A !important;
padding: 8px 10px !important;
}
.phonewidget .iti__country-name,
.phonewidget .iti__dial-code{
color: #1E242A !important;
}
.phonewidget .iti__country-list::-webkit-scrollbar {
width: 7px;
height: 7px;
}
.phonewidget .iti__country-list::-webkit-scrollbar-track {
background-color: #ab6040 !important;
}
.phonewidget .iti__country-list::-webkit-scrollbar-thumb {
-webkit-border-radius: 10px;
border-radius: 10px;
background-color: #bca88d !important;
}
.inp-area{
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
margin-top: 21px;
}
.inp-area>input{
width: 100%;
border: none;
outline: none;
padding: 15px 18px;
border-radius: 48px;
background: #33362F;
color: #FFF;
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 1.3;
}
.inp-area>input::placeholder{
font-weight: 500;
}
.message-box>textarea {
width: 100%;
border-radius: 21px;
/* background: #33362F; */
border: none;
outline: none;
padding: 12px 20px;
background-color: #bca88d !important;
color: #1E242A !important;
}
.message-box>textarea::placeholder{
color: #ffffff !important;
}
.sub-btn{
border: none;
outline: none;
border-radius: 56px;
background: #FFF;
color: #292B26;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
display: inline-flex;
height: 30px;
padding: 6px 20px;
justify-content: center;
align-items: center;
gap: 5px;
margin-top: 21px;
}
.para-cont{
color: #FFF;
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.inp-area2{
display: flex;
align-items: center;
justify-content: center;
gap: 5px;
margin-top: 10px;
}
.inp-area2>input,.phone-dropdown-inp {
width: 100%;
border: none;
outline: none;
padding: 0px 18px;
border-radius: 48px;
background-color: #bca88d !important;
color: #1E242A;
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 106.1%;
height: 50px;
/* font-family: 'GT Walsheim Pro'; */
/* background: transparent; */
/* border: 3px solid #ffffff !important; */
}
.inp-area2 input::placeholder,.message-box>textarea::placeholder,
.inp-area2 input,
.phone-dropdown .iti__selected-dial-code{
color: #1E242A !important;
}
/* .inp-area2>input::placeholder{
color: white;
font-weight: 500;
} */
.sub-btn2{
border:none;
/* color: #fff; */
font-size: 16px;
font-weight: 500;
line-height: 1.3;
width: fit-content;
padding: 0;
border-radius: 45px !important;
text-decoration: none;
/* font-family: 'GT Walsheim Pro'; */
background-color: #bca88d !important;
color:#1E242A !important;
border:none;
/* color: #1E242A !important;
*/
min-width: 100px;
}
.sub-btn2>span{
height: 50px;
padding-left: 20px !important;
padding-right: 20px !important;
justify-content: center !important;
align-items: center !important;
display: flex;
}
.mt-20{
margin-top: 20px;
}
.banner-box2{
width: 100%;
border-radius: 24px;
background: #292B26;
padding: 12px;
margin-top: 36px;
display: flex;
align-items: center;
gap: 28px;
}
.best-link{
width: 100%;
/* max-width: 800px; */
/* max-width: calc(100% - 3px); */
/* background-color: #292b26; */
border-radius: 24px;
gap: 15px;
align-items: center;
padding: 18px;
text-decoration: none;
transition: all .2s;
display: flex;
overflow: hidden;
margin-top: 28px;
background: #ab6040;
color: #ffffff;
}
.best-link:hover{
transform: scale(1.01);
/* background-color: #1d1f1c; */
}
.testimonial_card{
background: #ab6040;
color: #ffffff;
}
:root{
/* product tab page root colors */
--bg-theme-color: #bca88d;
--price-tag-color: #3e3f29;
--price-tag-text: #ffffff;
--cardBackground: #ab6040;
--cardFontColor: #ffffff;
}
.testimonial-stars svg{
fill: #bca88d;
}
a:hover{
text-decoration: none;
color: #ffffff;
}
.visit-link {
color: #000000;
}
.banner-img{
width: 150px;
min-width: 150px;
border-radius: 15px;
justify-content: center;
align-items: center;
display: flex;
position: relative;
overflow: hidden;
}
.banner-img>img{
width: 100%;
}
.banner-box2_right>h2{
color: #FFF;
font-size: 19px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-align: left;
}
.banner-box2_right>p{
color: #FFF;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin-top: 7px;
text-align: left;
width: 305px;
}
.banner-box2_right>a{
border-radius: 56px;
background: #FFF;
display: inline-flex;
padding: 6px 20px;
justify-content: center;
align-items: center;
gap: 5px;
flex-shrink: 0;
text-decoration: none;
color: #000000;
margin-top: 15px;
}
.playbutton{
margin-left: 24px;
}
.tiktok_video{
width: 303px;
height: 539px;
/* background-color: red; */
border-radius: 17px;
overflow: hidden;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.tiktok_video>img{
height: 100%;
pointer-events:none;
}
.extra-height{
height: 545px;
}
.video-play{
position: absolute;
cursor: pointer;
}
.nopadding{
padding: 0 0 !important;
padding-bottom: 15px !important;
overflow: hidden !important;
}
.padding-24{
padding: 20px;
}
.tiktok_wrapper{
margin-top: 10px;
}
.textbox {
min-height: 59px;
width: 100%;
max-width: 800px;
/* background-color: #292b26; */
border-radius: 30px;
/* flex-direction: column;
justify-content: center;
align-items: center; */
margin-top: 28px;
margin-bottom: 0;
padding: 24px;
/* display: flex; */
background-color: #ab6040 !important;
color: #ffffff;
}
.textbox p{
margin-bottom: 0;
}
.slick-dots li button{
background-color: #ab6040 !important;
}
.link-description {
margin-top: 12px;
font-size: 16px;
font-weight: 300;
line-height: 1.2;
}
.link-description.descp-heading-one{
font-size: 28px;
font-weight: 700;
margin-top: 0;
}
.link-description.descp-heading-two {
font-size: 22px;
font-weight: 600;
}
@media(max-width:767px){
.link-description.descp-heading-one {
font-size: 25px;
}
.link-description.descp-heading-two {
font-size: 18px;
font-weight: 600;
}
.item-row-unit .link-cards{
min-width: 340px !important;
}
}
.youtube-videos{
width: 100%;
height: auto;
max-width: 800px;
background-color: #0d0101;
border-radius: 30px;
padding: 10px;
position: relative;
overflow: hidden;
margin-top: 20px;
}
.youtube-videos>img,
.youtube-videos>iframe
{
width: 100%;
border-radius: 20px;
}
.youtube-videos>span{
color: #e4f0c2;
font-size: 20px;
font-weight: 500;
line-height: 1.3;
text-decoration: none;
position: absolute;
bottom: 0;
left: 0;
}
.div-block-535 {
width: 100%;
height: auto;
background-color: rgba(41,43,38,0);
/* background-image: linear-gradient(rgba(80,42,37,0),#0d0101 25%); */
flex-direction: column;
justify-content: center;
align-items: center;
padding: 20px;
display: flex;
position: absolute;
top: 0;
bottom: 0%;
left: 0%;
right: 0%;
}
.zaapheading {
/* color: #e4f0c2; */
font-size: 18px;
font-weight: 600;
line-height: 1.3;
text-decoration: none;
}
.spaceer-10 {
width: 100%;
height: 15px;
}
.link-button {
width: auto;
height: 30px;
background-color: #2c2c2c;
border-radius: 30px;
flex-direction: row;
justify-content: center;
align-items: center;
margin-top: 0;
margin-right: 0;
padding-left: 18px;
padding-right: 18px;
text-decoration: none;
display: flex;
color: white;
}
.color-purple{
background-color: #7b30e0;
}
@media (max-width:1200px) {
.main-bio-section > div:not(.share_link) {
flex-direction: column;
align-items: center;
}
.content-area {
align-items: center;
padding-left:0px !important;
}
.user-area {
padding-left:0px !important;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
gap: 0;
justify-content: flex-start;
height: fit-content;
position: static;
max-width: 735px;
}
.user-detail-area{
max-width: 800px;
width: 100%;
}
.content-area {
width: 100%;
padding-top: 0px !important;
}
.fade-right, .fade-left {
width: 30px;
}
}
@media (max-width:767px) {
.next-arrow{
display: none !important;
}
.link-slide {
margin-right: -20px;
margin-left: -20px;
padding: 0 20px;
}
.fade-right,.fade-left{
display: none !important;
}
}
@media (max-width:600px) {
.content-area {
padding: 20px;
}
}
@media (max-width:660px) {
.banner-box2 {
flex-direction: column;
align-items: flex-start;
}
.banner-img {
width: 100%;
height: auto;
max-width: 170px;
}
.banner-img>img{
width: 100%;
height: auto;
}
.inp-area2{
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
margin-top: 21px;
flex-wrap: wrap;
}
.inp-area2>input,
.inp-area2 .iti
{
flex-basis: 100%;
width: 100%;
}
.inp-area2 .iti input{
width:100% !important;
}
.sub-btn {
width: 100%;
background: #33362F;
color: #fff;
height: 45px;
}
.sub-btn>svg>path{
fill: #fff;
}
.sub-btn2 {
width: 100%;
}
.best-link{
flex-direction: column;
}
.best-link-div{
width: 100%;
justify-content: flex-start !important;
}
}
@media (max-width:530px) {
.switch-button-area{
justify-content: center;
}
.banner-img {
max-width: 100%;
}
/* .user_profile_pic {
width: 114px;
height: 114px;
} */
.user-name {
width: 100%;
text-align: center;
font-size: 25px;
}
.user-name svg{
margin-right: -25px;
}
.user-descrip {
font-size: 18px;
max-width: 400px;
width: 100%;
text-align: center;
}
.cont-box-card>h2 {
font-size: 18px;
}
.banner-box {
padding: 18px;
}
.best-link {
flex-direction: column;
padding:0;
gap: 0;
}
.banner-img {
padding: 10px;
}
.banner-img > img {
border-radius: 10px;
}
.best-link-div {
flex-direction: column;
align-items: flex-start !important;
}
.visit-single-link{
text-align: left;
padding-bottom: 20px;
padding-left: 20px;
}
.best-single-link{
align-items: flex-start !important;
}
/* .singlelinkcontent .zaapheading,.singlelinkcontent .link-description{
text-align: left;
} */
.banner-img {
border-radius: 0;
}
.user-area {
padding: 20px ;
padding-right: 0px !important;
padding-top: 0px !important;
}
.user-detail-area{
display: flex !important;
justify-content: center !important;
flex-direction: column !important;
align-items: center !important
}
.social-links-user{
justify-content: center !important;
}
.link-description {
margin-bottom: 0;
}
.singlelinkcontent {
padding: 15px;
/* background: linear-gradient(0deg, rgb(255 98 62)60%, transparent); */
padding-top: 6rem;
margin-top: -5rem;
z-index: 1;
}
.best_single .singlelinkcontent{
padding: 0 !important;
margin: 0 !important;
}
}
@media (max-width:1200px) {
.forwebpromo{
display: none;
}
.main-bio-banner-section .forwebpromo{
display: flex;
position: fixed;
transform: translate(-50%, 0);
left: 50%;
bottom: 16px;
}
.footer-area,.footer-area .forwebpromo{
display: flex !important;
}
}
@media (max-width:420px) {
.inp-area2>input {
flex-basis: 100%;
}
.inp-area {
flex-wrap: wrap;
}
.fade-right, .fade-left {
width: 20px;
}
.link-cards,
.item-row-unit .link-cards {
max-width: 315px !important;
min-width: 315px !important;
}
}
@media (max-width:375px) {
.link-cards,
.item-row-unit .link-cards {
min-width: 280px !important;
max-width: 280px !important;
}
}
.new-bio-page-widgets-width{
max-width: 735px;
width: 100%;
}
.best-single-link{
display: flex;
justify-content: space-between;
align-items: center;
box-shadow: none;
}
.best-link-div{
display: flex;
align-items: center;
justify-content: center;
gap: 15px;
}
.visit-single-link{
padding-left: 14px;
}
.view-insta-btn {
background: #ffffff;
color: #bca88d;
border-radius: 50px;
padding: 0px 18px;
text-wrap:nowrap;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
height: 30px;
display: flex;
align-items:center;
cursor:pointer;
}
.view-insta-btn:hover{
color: #d3d3d3;
text-decoration: none;
opacity: 0.9;
}
.instagram-link-cards{
transition: 0.3s ease;
z-index: 0;
}
.instagram-link-cards:not(:first-child){
margin-left: -2.5rem;
}
.instagram-link-cards:hover {
transform:rotate(-5deg);
}
.instagram-link-box {
padding: 0 10px 0px 0px;
}
.user-area {
padding-left: 65px;
padding-right: 20px ;
}
.content-area {
padding-left: 65px;
padding-right: 0px;
min-width: 735px;
}
@media (max-width:800px) {
.content-area{
min-width: 100%;
}
}
.link-card-shadow.hard {
box-shadow: -6px 6px 0px 0px var(--color-dark);
margin-bottom: 8px;
}
.link-card-shadow.soft {
box-shadow: 0px 0px 10px 3px var(--color-dark);
margin-left: 5px;
margin-right: 5px;
margin-bottom: 5px;
}
.testimonial_card.link-card-shadow.soft {
margin-top: 5px
}
.lead-magnet-image-bg {
background: #bca88d;
border: 1px solid rgba(000, 000, 000, 0.06);
}
.lead-magnet-image-bg {
border-radius: 16px;
border: 1px solid rgba(255, 255, 255, 0.06);
background: linear-gradient(0deg, #1F211E 0%, #1F211E 100%);
width: 290.983px;
min-height: 183.729px;
transform: rotate(358deg);
position: relative;
height: 100%;
margin-top: -5px;
}
.link-text-color, .cont-circle-area .link-text-color,
.nsfw-footer-link {
color:#ffffff !important;
}
.nsfw-footer-link:hover {
color:#ffffff !important;
}
.lead-magnet-terms {
color:#ffffff;
}
/* Global button color styling */
.view-insta-btn,
.visit-link,
.sub-btn2 {
background-color: #3e3f29 !important;
color: #ffffff !important;
}
.visit-link svg path{
stroke: #ffffff !important;
}
.visit-link.price{
min-width: fit-content;
position: relative;
}
.visit-link.price:before{
content: '';
display: block;
border-style: solid;
border-width: 20px 20px 0 20px;
position: absolute;
top: 0;
right: -20px;
border-color: #3e3f29 transparent transparent transparent ;
}
.visit-link.price:after{
content: '';
display: block;
border-style: solid;
border-width: 0px 20px 20px 20px;
position: absolute;
bottom: 0;
right: -20px;
border-color: transparent transparent #3e3f29 transparent;
}
.sub-btn2 .submit-arrow path{
fill: #ffffff !important;
}
/* apply block_rounding to all except pp and Zaap Branding.*/
/* Card Elements */
.best-link,
.banner-box,
.youtube-videos,
.link-cards,
.portfolio-image,
.portfolio-video,
.textbox,
.profile_banner_main,
.tiktok_video,
.spotify-pp,
.testimonial_card,
.artist-image.old:before,
.banner_layout_wrapper,
.product__card,
.youtube-videos>img {
}
.portfolio-content .tab-content{
}
/* Input & Dropdown */
.message-box > textarea,
.inp-area2 input,
.phone-dropdown .iti__selected-dial-code,
.phone-dropdown .iti__selected-country-primary,
.phonewidget .iti--inline-dropdown .iti__dropdown-content ,
.banner-img{
}
/* Buttons & Icons */
.visit-link,
.linkIconImage,
.visit-single-link,
.view-insta-btn,
.social-links-u,
.con-circle,
.sub-btn2,
.right-arrow,
.left-arrow,
.btn-youtube-play,
.inp-area2 input,
.message-box > textarea,
.product__price, .switch-button.toggleBtn,
.phonewidget .iti--inline-dropdown .iti__dropdown-content {
}
.contact-block-shadow{
--color: #ab6040;
}
@media (max-width:330px) {
.promo-u{
font-size: 16px;
}
}
</style><link href="https://zaap.bio/assets/page/css/animate.min.css" rel="stylesheet" media="screen">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous">
</script>
<script src="https://player.twitch.tv/js/embed/v1.js"></script>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-NCJ94ZHH');</script>
<!-- End Google Tag Manager -->
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5FJWKTJ7" height="0" width="0"
style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<div class="full-page-loader d-none">
<div class="lds-ripple">
<div></div>
<div></div>
</div>
</div>
<section
class="main-bio-section main-bio-banner-section bannerTopspace brandBottomSpace ">
<div class="blur-overlay"></div>
<div class="banner_layout_wrapper ">
<div class="banner_layout_container">
<div class="profile_banner_main"></div>
<div class="banner_layout_content content_no_image">
<h1 class="user-name heading-font-size mb-0">guttercleaningnow
</h1>
<div class="social-links-user horizontal">
<span class="social-link-wrapper">
<a data-link-url="390180" data-type="socials" class="social-links-u"
href="https://guttercleaningnow.com/gutter-cleaning/" title="guttercleaningnow.com/gutter-cleaning" aria-label="guttercleaningnow.com/gutter-cleaning" target="_blank" >
<svg width="18" height="22" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M40 0C62.0914 0 80 17.9086 80 40C80 62.0914 62.0914 80 40 80C17.9086 80 0 62.0914 0 40C0 17.9086 17.9086 0 40 0ZM40 8C22.3269 8 8 22.3269 8 40C8 57.6731 22.3269 72 40 72C57.6731 72 72 57.6731 72 40C72 22.3269 57.6731 8 40 8ZM60.8829 23.8692L60.7653 24.2943L52.28 49.7502C51.9317 50.7953 51.1706 51.6435 50.1855 52.106L49.7502 52.28L24.2943 60.7653C21.3094 61.7603 18.4631 59.0948 19.1171 56.1308L19.2347 55.7057L27.72 30.2498C28.0683 29.2047 28.8294 28.3565 29.8145 27.894L30.2498 27.72L55.7057 19.2347C58.6906 18.2397 61.5369 20.9052 60.8829 23.8692ZM34.6769 34.6769L29.3566 50.6434L45.3203 45.3203L34.6769 34.6769Z" fill="black"/>
</svg>
</a>
</span>
</div>
</div>
</div>
<div class="tab-content new-bio-page-widgets-width d-block" id="tabs">
<div class="banner_layout_mainContent tab-pane active w-100" id="bio">
</div>
<div class="tab-pane " id="products">
<div class="product-card-grid"></div>
</div>
</div>
</div>
<a href="https://zaap.ai?utm_source=zaapbio&utm_medium=button&bio=gutter-cleaning" target="_blank"
class="promo-u forwebpromo">
<span class="brand-font">Create your free</span>
<img src="https://s3.us-east-1.amazonaws.com/images.zaap.ai/brand/zaap-email-logo.png" width="70px" alt="">
<span class="brand-font">page</span>
</a>
</section>
<script>
async function addToCart(tier, product_id) {
const productId = product_id || "";
const url = "https://zaap.bio/gutter-cleaning/cart/add/" + productId;
try {
const res = await fetch(url, {
method: "POST",
headers: {
"X-CSRF-TOKEN": "xYI5bcJsTEF1eXBViqu5poPFjm0CavnfhupN2tSV",
"Accept": "application/json",
"Content-Type": "application/json"
},
body: JSON.stringify({
tier
})
});
const data = await res.json();
try{
if (data.success) {
document.getElementById("item_count").innerText = data.cart_count;
}
}catch(error){
console.log(error.message);
}
return data;
} catch (error) {
console.error("Error adding to cart:", error);
return {
success: false
};
}
}
async function buyNow(tier) {
const data = await addToCart(tier);
if (data.success) {
window.location.href = "https://zaap.bio/gutter-cleaning/checkout";
}
}
async function handleProductCardClick(navigationOption, product_id, product_slug) {
if (navigationOption === 'product') {
window.location.href = "https://zaap.bio/gutter-cleaning/" + product_slug;
} else if (navigationOption === 'checkout') {
const data = await addToCart(undefined, product_id);
console.log(data);
if (data.success) {
window.location.href = "https://zaap.bio/gutter-cleaning/checkout";
}
}
}
</script>
<div class="modal fade" id="create_tiktok_widget" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="position-relative">
<div class="modal-header-float">
<button type="button" class="btn-close opacity-100" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-content" style="height:100%;">
<iframe scrolling="yes" src="" style="height:700px;width:auto;" id="tiktok_iframe"
frameborder="0"></iframe>
</div>
</div>
</div>
</div>
<div class="modal fade" id="create_portfolio_video_widget" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="position-relative">
<div class="modal-header-float">
<button type="button" class="btn-close opacity-100" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-content" style="height:100%;border-radius: 20px;overflow:hidden">
<iframe
src=""
style="height:700px;width:auto;"
allow="accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture;"
id="portfolio_video_iframe"
frameborder="0"
></iframe>
</div>
</div>
</div>
</div>
<div class="modal fade" id="youtube_shorts_play" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content" style="height:100%;">
<div class="modal-header-float">
<button type="button" class="btn-close opacity-100" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<iframe src="" style="height: 90vh;" id="youtube_shorts_iframe" frameborder="0"></iframe>
</div>
</div>
</div>
<div class="modal fade" id="youtube_play" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-xlarge" role="document">
<div class="modal-content" style="height:100%;">
<div class="modal-header-float">
<button type="button" class="btn-close opacity-100" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<iframe style="min-height: 500px" id="youtube_iframe"src="" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
</div>
<div class="modal fade come-from-modal" id="postModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-md" style="max-width: 650px" role="document">
<div class="modal-content" style="border-radius: 20px;padding:0; overflow:hidden">
<div class="modal-body" style="padding:0; overflow-y:auto; overflow-x:hidden">
</div>
</div>
</div>
</div>
<div class="modal fade" id="subscribeButtonModal" tabindex="-1"
aria-labelledby="subscribeButtonModalLabel"aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content share-modal">
<div class="modal-header">
<h1 class="modal-title fs-5" id="subscribeButtonModalLabel"></h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="share-modal-header">
<h1>
guttercleaningnow
</h1>
</div>
<form action="" class="emailwidget mt-4">
<input class="brand_input" type="text" name="name"
placeholder="Name" required>
<input class="brand_input mt-3" type="email" name="email"
placeholder="Email" required>
<button type="submit" class="sub-btn2 hover-effect w-100 mt-3">
<span>
Join
</span>
</button>
</form>
</div>
</div>
</div>
</div>
<div class="modal fade" id="shareButtonModal" tabindex="-1" aria-labelledby="shareButtonModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content share-modal">
<div class="modal-header">
<h1 class="modal-title fs-5" id="subscribeButtonModalLabel"></h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="share-modal-header">
<h1>
guttercleaningnow
</h1>
</div>
<div class="modal-body">
<div class="share-link d-flex align-items-center justify-content-between mb-3 gap-2">
<input type="text" class="brand_input" id="shareUrl"
value="zaap.bio/gutter-cleaning" readonly />
<button class="brand_button_bordered copy_btn" id="copyBtn">
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24"
fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round" class="lucide lucide-files-icon lucide-files">
<path d="M15 2h-4a2 2 0 0 0-2 2v11a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V8" />
<path d="M16.706 2.706A2.4 2.4 0 0 0 15 2v5a1 1 0 0 0 1 1h5a2.4 2.4 0 0 0-.706-1.706z" />
<path d="M5 7a2 2 0 0 0-2 2v11a2 2 0 0 0 2 2h8a2 2 0 0 0 1.732-1" />
</svg>
</button>
</div>
<div class="share-options">
<a target="_blank" href="https://www.facebook.com/sharer.php?u=https://zaap.bio/gutter-cleaning"
class="share-item">
Share on Facebook
<button class="share_icon">
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24"
fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round"
class="lucide lucide-square-arrow-out-up-right-icon lucide-square-arrow-out-up-right">
<path d="M21 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h6" />
<path d="m21 3-9 9" />
<path d="M15 3h6v6" />
</svg>
</button>
</a>
<a target="_blank" href="https://www.linkedin.com/sharing/share-offsite/?url=https://zaap.bio/gutter-cleaning"
class="share-item">
Share on LinkedIn
<button class="share_icon">
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24"
fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round"
class="lucide lucide-square-arrow-out-up-right-icon lucide-square-arrow-out-up-right">
<path d="M21 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h6" />
<path d="m21 3-9 9" />
<path d="M15 3h6v6" />
</svg>
</button>
</a>
<a target="_blank" href="https://twitter.com/intent/tweet?text=https://zaap.bio/gutter-cleaning"
class="share-item">
Share on Twitter
<button class="share_icon">
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24"
fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round"
class="lucide lucide-square-arrow-out-up-right-icon lucide-square-arrow-out-up-right">
<path d="M21 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h6" />
<path d="m21 3-9 9" />
<path d="M15 3h6v6" />
</svg>
</button>
</a>
<a target="_blank" href="https://wa.me/?text=https://zaap.bio/gutter-cleaning" class="share-item">
Share via WhatsApp
<button class="share_icon">
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24"
fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round"
class="lucide lucide-square-arrow-out-up-right-icon lucide-square-arrow-out-up-right">
<path d="M21 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h6" />
<path d="m21 3-9 9" />
<path d="M15 3h6v6" />
</svg>
</button>
</a>
<a target="_blank" href="https://www.messenger.com/new" class="share-item">
Share via Messenger
<button class="share_icon">
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18"
viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
stroke-linecap="round" stroke-linejoin="round"
class="lucide lucide-square-arrow-out-up-right-icon lucide-square-arrow-out-up-right">
<path d="M21 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h6" />
<path d="m21 3-9 9" />
<path d="M15 3h6v6" />
</svg>
</button>
</a>
<a target="_blank"
href="mailto:?subject= Check out my Zaap page! &body= Check out my Zaap page! - https://zaap.bio/gutter-cleaning"
class="share-item">
Share via Email
<button class="share_icon">
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18"
viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
stroke-linecap="round" stroke-linejoin="round"
class="lucide lucide-square-arrow-out-up-right-icon lucide-square-arrow-out-up-right">
<path d="M21 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h6" />
<path d="m21 3-9 9" />
<path d="M15 3h6v6" />
</svg>
</button>
</a>
</div>
</div>
<div class="modal-footer border-0 flex-column">
<p class="small text-muted text-center mb-2">Create your own website on <img
src="https://s3.us-east-1.amazonaws.com/images.zaap.ai/brand/zaap-email-logo.png" height="16px" alt=""> for free!</p>
<div class="d-flex gap-2 w-100 mt-2">
<a href="https://app.zaap.ai/register" class="brand_button text-center text-white w-100">Sign
up</a>
<a href="https://www.zaap.ai/" class="brand_button_bordered text-center w-100">Learn more</a>
</div>
</div>
</div>
</div>
</div>
<script>
document.getElementById('copyBtn').addEventListener('click', function() {
const input = document.getElementById('shareUrl');
navigator.clipboard.writeText(input.value);
// optional feedback
this.innerHTML =
'<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check-check-icon lucide-check-check"><path d="M18 6 7 17l-5-5"/><path d="m22 10-7.5 7.5L13 16"/></svg>';
setTimeout(() => {
this.innerHTML =
`<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-files-icon lucide-files"><path d="M15 2h-4a2 2 0 0 0-2 2v11a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V8"/><path d="M16.706 2.706A2.4 2.4 0 0 0 15 2v5a1 1 0 0 0 1 1h5a2.4 2.4 0 0 0-.706-1.706z"/><path d="M5 7a2 2 0 0 0-2 2v11a2 2 0 0 0 2 2h8a2 2 0 0 0 1.732-1"/></svg>`;
}, 1000);
});
</script>
<input type="hidden" id="url" name="url" value="https://zaap.bio/" />
<input type="hidden" name="global_token" value="d303e64f956b4524da5a4365dfafb91c" />
<input type="hidden" name="number_decimal_point" value="." />
<input type="hidden" name="number_thousands_separator" value="," />
<script>
/* Some global variables */
window.altum = {};
let global_token = document.querySelector('input[name="global_token"]').value;
let url = document.querySelector('input[name="url"]').value;
let decimal_point = document.querySelector('[name="number_decimal_point"]').value;
let thousands_separator = document.querySelector('[name="number_thousands_separator"]').value;
</script>
<script src="https://zaap.bio/assets/page/js/libraries/jquery.min.js?v=3.1"></script>
<script src="https://zaap.bio/assets/page/js/libraries/popper.min.js?v=3.1"></script>
<script src="https://zaap.bio/assets/page/js/libraries/bootstrap.min.js?v=3.1"></script>
<script src="https://zaap.bio/assets/page/js/main.js?v=3.1"></script>
<script src="https://zaap.bio/assets/page/js/functions.js?v=3.1"></script>
<script src="https://zaap.bio/assets/page/growl-notification/growl-notification.min.js"></script>
<script>
let startTime = Date.now();
let buttonClickCount = 0;
document.addEventListener('click', async function (e) {
// Check if clicked element is button or link
if (!e.target.getAttribute('data-link-url') && ( e.target.tagName === 'BUTTON' || e.target.tagName === 'A')) {
// Immediately prevent default behavior
button_clicks(null,e);
}
});
async function button_clicks(url = null, e) {
e.preventDefault(); // Prevent default click behavior
buttonClickCount++;
// Determine the URL and element
let linkElement = e.currentTarget; // Clicked element
if (e.target.tagName === 'A') {
linkElement = e.target;
}
const resolvedUrl = linkElement.tagName === 'A' ? (linkElement?.getAttribute('data-href') ?? linkElement?.href) : url;
if (resolvedUrl) {
// Store stats (assuming this function exists)
// store_stats();
function moveToLink(){
setTimeout(() => {
// Handle navigation
if (linkElement.target === '_blank') {
// Open in a new tab
window.open(resolvedUrl, '_blank');
} else {
// Open in the same tab
window.location.href = resolvedUrl;
}
}, 300);
}
// Check if the link has `data-toggle="tab"`
const isTabToggle = linkElement.getAttribute('data-toggle') === 'tab';
if (!isTabToggle) {
try {
// Send interaction events
await sendInteractionEvents('link_clicked', resolvedUrl);
moveToLink();
} catch (error) {
console.error('Network error:', error);
moveToLink();
}
}
} else {
console.warn('No valid URL found for the click event.');
}
}
// beforeunload alone never fires on mobile Safari, so time on page
// and button clicks were simply not recorded for most mobile
// visitors. pagehide and a hidden tab are the reliable signals
// there. Any of them can fire more than once per visit, and the
// server adds what it receives, so only what is new since the last
// send goes out.
let sentClicks = 0;
window.addEventListener('beforeunload', function () { store_stats(); });
window.addEventListener('pagehide', function () { store_stats(); });
document.addEventListener('visibilitychange', function () {
if (document.visibilityState === 'hidden') {
store_stats();
} else {
startTime = Date.now();
}
});
async function store_stats() {
let timeOnPage = Math.floor((Date.now() - startTime)); // Time in milliseconds
let newClicks = buttonClickCount - sentClicks;
if (timeOnPage < 1 && newClicks < 1) return;
startTime = Date.now();
sentClicks = buttonClickCount;
try {
const response = await fetch('https://zaap.bio/store-stats', {
keepalive: true,
method: 'POST',
headers: {
'Content-Type': 'application/json',
'X-CSRF-TOKEN': 'xYI5bcJsTEF1eXBViqu5poPFjm0CavnfhupN2tSV'
},
body: JSON.stringify({
project_id: '216414',
time_on_page: timeOnPage,
button_clicks: newClicks,
dynamic_id: ""
})
});
} catch (error) {
console.error('Network error:', error);
}
}
async function sendInteractionEvents(key, value) {
fetch('https://zaap.bio/store-event', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
'X-CSRF-TOKEN': 'xYI5bcJsTEF1eXBViqu5poPFjm0CavnfhupN2tSV'
},
body: JSON.stringify({
dynamic_id: "",
event_type: key,
value: value,
})
});
}
$(document).on("click", ".btn-tiktok-play", function() {
$("#create_tiktok_widget").modal('show');
$("#tiktok_iframe").attr('src', $(this).attr('data-url'));
});
$(document).on('click', '#create_tiktok_widget .close', function() {
$('#create_tiktok_widget').modal('hide');
});
$(document).on("click", ".btn-portfolio-video-play", function() {
$("#create_portfolio_video_widget").modal('show');
$("#portfolio_video_iframe").attr('style', $(this).data('style')).attr('src', '');
setTimeout(() => {
$("#portfolio_video_iframe").attr('src', $(this).attr('data-url'));
const player = Stream(document.getElementById('portfolio_video_iframe'))
player.play();
}, 100);
});
$('#create_portfolio_video_widget').on('hidden.bs.modal', function () {
$("#portfolio_video_iframe").attr('src', '');
});
$(document).on('click', ".btn-youtube-play", function () {
$("#youtube_play").modal('show');
$("#youtube_iframe").attr(
'src',
'https://www.youtube.com/embed/' + $(this).attr('data-url') +
'?controls=0&modestbranding=0&showinfo=0&autohide=1&iv_load_policy=3&autoplay=1'
);
});
$(document).on('click',".btn-youtubeshorts-play",function() {
$("#youtube_shorts_play").modal('show');
$("#youtube_shorts_iframe").attr('src','https://www.youtube.com/embed/'+$(this).attr('data-url'));
});
$(document).on('click', '#youtube_shorts_play .close', function() {
$('#youtube_shorts_play').modal('hide');
});
// Hide the iframe when the modal is closed
const modals = [
{ modalId: '#create_tiktok_widget', iframeId: '#tiktok_iframe' },
{ modalId: '#youtube_play', iframeId: '#youtube_iframe' },
{ modalId: '#youtube_shorts_play', iframeId: '#youtube_shorts_iframe' }
];
modals.forEach(({ modalId, iframeId }) => {
$(modalId).on('hidden.bs.modal', function () {
$(iframeId).attr('src', '');
});
});
$(document).ready(function() {
setTimeout(() => {
$(".twitter-card").removeClass('loading-skeleton');
}, 5000);
});
</script>
<script>
/* Internal tracking for biolink links */
$(document).on('click', '[data-link-url]', event => {
let url = $(event.currentTarget).data('link-url');
let type = $(event.currentTarget).data('type') ?? 'block';
$.ajaxSetup({
"headers": {
'X-CSRF-TOKEN': 'xYI5bcJsTEF1eXBViqu5poPFjm0CavnfhupN2tSV'
}
})
$.ajax({
url: "https://zaap.bio/track-link",
type: "POST",
data: {
url: url,
type: type,
},
});
button_clicks(event.currentTarget?.href,event);
});
</script>
<script>
function handleRemoveBadge(){
$('.banner-badge').addClass('d-none');
$('.brand-badge').removeClass('d-none');
}
/* Go over all mail buttons to make sure the user can still submit mail */
$(document).on("click", ".subscribe-next-btn", function(e) {
if ($(this).parent().find('input').val() == '') {
GrowlNotification.notify({
description: "Email is required",
type: "error",
position: "top-right",
closeTimeout: 3000
});
return;
} else {
$(this).parent().addClass('d-none');
$(this).parent().removeClass('d-flex');
$(this).parent().next().addClass('d-flex');
$(this).parent().next().removeClass('d-none');
}
});
$(document).on("submit", ".emailwidget", function(e) {
e.preventDefault();
var subscription_email = $(this).find('input[name="email"]');
var subscription_name = $(this).find('input[name="name"]');
var downloadUrl = $(this).find('input[name="download-url"]');
var block_id = $(this).find('input[name="block-id"]');
var dataObject = {
subscription_email: subscription_email.val(),
subscription_name: subscription_name.val(),
};
if (downloadUrl) {
dataObject.downloadUrl = downloadUrl.val();
dataObject.block_id = block_id.val();
}
if (subscription_name.val() == '') {
GrowlNotification.notify({
description: "Name is required",
type: "error",
position: "top-right",
closeTimeout: 3000
});
return false;
}
if (subscription_email.val() == '') {
GrowlNotification.notify({
description: "Email is required",
type: "error",
position: "top-right",
closeTimeout: 3000
});
return false;
}
$.ajaxSetup({
"headers": {
'X-CSRF-TOKEN': 'xYI5bcJsTEF1eXBViqu5poPFjm0CavnfhupN2tSV'
}
})
// console.log("https://zaap.bio/gutter-cleaning");
$.ajax({
url: "https://zaap.bio/gutter-cleaning",
type: "POST",
data: dataObject,
dataType: "json",
success: (data) => {
// data = JSON.parse(data);
if(data.error){
GrowlNotification.notify({
description: data.error,
type: "error",
position: "top-right",
closeTimeout: 5000
});
return false;
}
GrowlNotification.notify({
description: "Subscribed Successfully!",
type: "success",
position: "top-right",
closeTimeout: 5000
});
subscription_email.val('');
subscription_name.val('');
if (downloadUrl.val()) {
window.location.href = downloadUrl.val();
}
},
error: ($xhr) => {
var data = $xhr.responseJSON;
// console.log(data.status_code);
if (data?.status_code != 200) {
if (data?.error) {
GrowlNotification.notify({
description: data.error,
type: "error",
position: "top-right",
closeTimeout: 3000
});
return false;
}else if (data?.errors) {
for (i in data.errors) {
GrowlNotification.notify({
description: data.errors[i][0],
type: "error",
position: "top-right",
closeTimeout: 3000
});
}
}
}
return false;
}
});
});
function initPhoneInput(){
window.phoneInputInstances = {};
// Initialize each phone input
$(".phone-dropdown-inp").each(function (index) {
// Ensure each input has a unique ID
if (!this.id) {
this.id = "phone_number_" + index;
}
// Initialize intlTelInput and store the instance
const instance = window.intlTelInput(this, {
initialCountry: "us",
preferredCountries: ["us", "ca"],
formatOnDisplay: true,
containerClass: "phone-dropdown",
separateDialCode: true,
strictMode: true,
loadUtils: () => import("https://cdn.jsdelivr.net/npm/[email protected]/build/js/utils.js"),
});
// Store the instance with the input's ID
window.phoneInputInstances[this.id] = instance;
});
}
// phone widget
$(document).ready(function () {
// Store all phone input instances in this object
initPhoneInput();
})
$(document).on('submit', '.phonewidget', function (e) {
e.preventDefault();
showLoader();
let form = $(this);
let subscription_name = form.find('input[name="name"]').val().trim();
let phoneInput = form.find('input[name="phone"]'); // Get the specific input field inside this form
let iti = window.phoneInputInstances[phoneInput.attr('id')];// Get instance for this input
// Frontend Validation
if (!subscription_name) {
GrowlNotification.notify({
description: "Name is required",
type: "error",
position: "top-right",
closeTimeout: 3000
});
hideLoader();
return;
}
// Ensure `iti` is initialized
if (!iti) {
GrowlNotification.notify({
description: "Phone input is not initialized properly",
type: "error",
position: "top-right",
closeTimeout: 3000
});
hideLoader();
return;
}
// Extract country code
let countryData = iti.getSelectedCountryData();
let phone_code = '+' + countryData.dialCode;
let country_code = countryData.iso2;
// Check if phone number is valid
if (!iti.isValidNumber()) {
GrowlNotification.notify({
description: "Enter a valid phone number",
type: "error",
position: "top-right",
closeTimeout: 3000
});
hideLoader();
return;
}
let subscription_phone = phoneInput.val().trim().replace(/\D/g, '');
let dataObject = {
subscription_phone: subscription_phone,
subscription_name: subscription_name,
phone_code: phone_code,
country_code: country_code,
};
// CSRF Token Setup
$.ajaxSetup({
headers: { 'X-CSRF-TOKEN': 'xYI5bcJsTEF1eXBViqu5poPFjm0CavnfhupN2tSV' }
});
// AJAX Request
$.ajax({
url: "https://zaap.bio/gutter-cleaning/contact-subscribe",
type: "POST",
data: dataObject,
dataType: "json",
success: (data) => {
if (data.error) {
GrowlNotification.notify({
description: data.error,
type: "error",
position: "top-right",
closeTimeout: 5000
});
hideLoader();
return;
}
GrowlNotification.notify({
description: "Subscribed Successfully!",
type: "success",
position: "top-right",
closeTimeout: 5000
});
// Clear input fields
form.find('input[name="phone"]').val('');
form.find('input[name="name"]').val('');
hideLoader();
},
error: ($xhr) => {
hideLoader();
var data = $xhr.responseJSON;
// console.log(data.status_code);
if (data.status_code != 200) {
for (i in data.errors) {
GrowlNotification.notify({
description: data.errors[i][0],
type: "error",
position: "top-right",
closeTimeout: 3000
});
}
}
return false;
}
});
});
$('form[id^="mail_"]').each((index, element) => {
let link_id = $(element).find('input[name="link_id"]').val();
let is_converted = localStorage.getItem(`mail_${link_id}`);
if (is_converted) {
/* Set the submit button to disabled */
$(element).find('button[type="submit"]').attr('disabled', 'disabled');
}
});
/* Form handling for mail submissions if any */
$(document).on('submit', 'form[id^="mail_"]', event => {
let base_url = $('[name="url"]').val();
let link_id = $(event.currentTarget).find('input[name="link_id"]').val();
let is_converted = localStorage.getItem(`mail_${link_id}`);
if (!is_converted) {
$.ajax({
type: 'POST',
url: `${base_url}link-ajax`,
data: $(event.currentTarget).serialize(),
success: (data) => {
let notification_container = $(event.currentTarget).find(
'.notification-container');
if (data.status == 'error') {
notification_container.html('');
display_notifications(data.message, 'error', notification_container);
} else if (data.status == 'success') {
display_notifications(data.message, 'success', notification_container);
setTimeout(() => {
/* Hide modal */
$(event.currentTarget).closest('.modal').modal('hide');
/* Remove the notification */
notification_container.html('');
/* Set the localstorage to mention that the user was converted */
localStorage.setItem(`mail_${link_id}`, true);
/* Set the submit button to disabled */
$(event.currentTarget).find('button[type="submit"]').attr(
'disabled', 'disabled');
}, 1000);
}
},
dataType: 'json'
});
}
event.preventDefault();
});
$(document).on('submit', '#form_contact', function(e) {
e.preventDefault();
var email = $(this).find('input[name="email"]');
var name = $(this).find('input[name="name"]');
var phone = $(this).find('input[name="phone"]');
var message = $(this).find('textarea[name="message"]');
console.log(message);
var contact_form_id = $(this).find('input[name="contact_form_id"]');
var url = "https://zaap.bio/gutter-cleaning/contact-form-submit";
if (name.attr("data-required") && name.val() == '') {
GrowlNotification.notify({
description: "Name is required",
type: "error",
position: "top-right",
closeTimeout: 3000
});
return false;
}
if (email.attr("data-required") && email.val() == '') {
GrowlNotification.notify({
description: "Email is required",
type: "error",
position: "top-right",
closeTimeout: 3000
});
return false;
}
if (phone.attr("data-required") && phone.val() == '') {
GrowlNotification.notify({
description: "Phone is required",
type: "error",
position: "top-right",
closeTimeout: 3000
});
return false;
}
if(message.attr("data-required") && message.val() == ''){
GrowlNotification.notify({
description: "Message is required",
type: "error",
position: "top-right",
closeTimeout: 3000
});
return false;
}
$.ajaxSetup({
"headers": {
'X-CSRF-TOKEN': 'xYI5bcJsTEF1eXBViqu5poPFjm0CavnfhupN2tSV'
}
})
$.ajax({
url:url,
type: 'POST',
data: {
email: email.val(),
name: name.val(),
phone: phone.val(),
message: message.val(),
contact_form_id: contact_form_id.val(),
},
success: (data) => {
GrowlNotification.notify({
description: "Form Submitted Successfully!",
type: "success",
position: "top-right",
closeTimeout: 5000
});
email.val('');
name.val('');
phone.val('');
message.val('');
return false;
},
error: ($xhr) => {
var data = $xhr.responseJSON;
// console.log(data.status_code);
if (data.status_code != 200) {
for (i in data.errors) {
GrowlNotification.notify({
description: data.errors[i][0],
type: "error",
position: "top-right",
closeTimeout: 3000
});
}
}
return false;
}
});
});
$(document).on('click', '.contact-accordion-button', function() {
const $btn = $(this);
$btn.css({
transform: "scale(1.3)",
});
setTimeout(() => {
$btn.css({
transform: "scale(0)",
});
setTimeout(() => {
$btn.hide();
$btn.next().slideDown(500);
}, 500);
}, 300);
});
</script>
<script>
const projectTabs = [{"id":32292,"project_id":216414,"name":"Home","slug":"bio","type":"bio","order":1,"is_active":1,"created_at":"2026-10-02T01:05:35.000000Z","updated_at":"2026-10-02T01:05:35.000000Z"}];
const isPro = false;
let hash = window.location.hash.replace('#', '') || null;
let activeTabType =
projectTabs.find(t => (t.slug === hash) || (!t.slug && t.type === hash))
?.type
|| projectTabs[0]?.type
|| 'bio';
let activeTabIndex = projectTabs.findIndex(t => t?.slug === hash);
// Handle Tabs
function initTabs() {
const hash = window.location.hash.replace('#', '');
let tab = null;
if (hash) {
tab = projectTabs.find(t => (t.slug && t.slug === hash) || (!t.slug && t.type === hash));
}
if (!tab) {
tab = projectTabs[0] || { id: null, slug: 'bio', type: 'bio' };
}
const tabSlug = '#' + (tab.slug || tab.type);
const tabId = tab.id;
const tabType = tab.type;
let $tab = $('a[data-value="' + (tabSlug || tabType) + '"]');
if (tabType) {
showTab($tab, tabId, tabType, tabSlug);
}
}
$(document).ready(function() {
if (activeTabIndex >= 0 || (hash && activeTabType !== 'bio') ) {
initTabs();
}
});
// Handle tab click event
$(document).on('click', '.tab', function() {
var tabSlug = $(this).attr("data-value");
var tabType = $(this).attr("data-type");
var tabId = $(this).attr("data-id");
showTab($(this), tabId, tabType, tabSlug);
window.location.hash = tabSlug;
});
// A tab is an anchor without an href, so Enter and Space raise no click
// of their own - the tabs would be reachable but not operable. The click
// path above is reused rather than repeated, so the two cannot drift.
$(document).on('keydown', '.tab', function(e) {
if (e.key === 'Enter' || e.key === ' ' || e.key === 'Spacebar') {
e.preventDefault(); // Space would otherwise scroll the page
$(this).trigger('click');
}
});
var postsLoaded = false;
function showTab(tab, tabId, tabType, tabSlug) {
$(".tab").removeClass("active");
tab.addClass("active");
// The active class is styling only. Without this a screen reader keeps
// announcing the first tab as the selected one, whichever is open.
$(".tab").attr("aria-selected", "false");
tab.attr("aria-selected", "true");
$(".tab-pane").removeClass("active");
$("#" + tabType).addClass("active");
const $tabContent = $(".tab-content");
if (tabType === "posts") {
if (0 > 0 && isPro) {
loadPosts();
} else {
$(".posts-main").hide();
}
} else if (tabType === "products") {
loadProducts();
} else if (tabId) {
// $tabContent.html('');
$tabContent.addClass("invisible");
$tabContent.addClass("is-loading");
loadTab(tabId);
setTimeout(() => {
$tabContent.removeClass("invisible");
}, 500);
}
$('html,body').animate({ scrollTop: 0 }, 100);
// reload Twitter widgets
setTimeout(() => {
if (typeof twttr !== 'undefined') {
twttr.widgets.load(
document.querySelector('.twitter-card')
).then(() => {
$(".twitter-card").removeClass('loading-skeleton');
});
}
}, 1500);
}
function updateActiveTab(tab, wrapper) {
let index = tab.data("rel");
let totalTabs = wrapper.find(".tab").length;
let percentage = (100 / totalTabs) * (index - 1);
let $tabContent = $(".tab-content");
}
document.addEventListener('DOMContentLoaded', function() {
const container = document.getElementById('bio-tabs-container');
const tabsWrapper = container?.querySelector('.nav-tabs');
const moreDropdown = document.getElementById('more-tabs-dropdown');
const dropdownMenu = moreDropdown?.querySelector('.dropdown-menu');
const tabs = Array.from(tabsWrapper?.querySelectorAll('.tab'));
function getTabFullWidth(tab) {
const style = window.getComputedStyle(tab);
const marginLeft = parseFloat(style.marginLeft) || 0;
const marginRight = parseFloat(style.marginRight) || 0;
return tab.offsetWidth + marginLeft + marginRight;
}
function getFlexGap(wrapper) {
const style = window.getComputedStyle(wrapper);
return parseFloat(style.columnGap) || parseFloat(style.gap) || 0;
}
function checkOverflow() {
// Reset
tabs.forEach(tab => tab.style.display = '');
dropdownMenu.innerHTML = '';
moreDropdown.classList.add('d-none');
container.classList.remove('tab-overLay');
const containerStyle = window.getComputedStyle(container);
const containerPaddingLeft = parseFloat(containerStyle.paddingLeft) || 0;
const containerPaddingRight = parseFloat(containerStyle.paddingRight) || 0;
const containerWidth = container.clientWidth - containerPaddingLeft - containerPaddingRight;
const moreBtnWidth = moreDropdown.offsetWidth || 0;
const gap = getFlexGap(tabsWrapper);
let totalWidth = 0;
let hasOverflow = false;
tabs.forEach((tab, index) => {
const tabWidth = getTabFullWidth(tab);
totalWidth += tabWidth;
// Add gap except for the first tab
if (index > 0) totalWidth += gap;
if (totalWidth + moreBtnWidth > containerWidth) {
hasOverflow = true;
}
});
// Agar koi bhi tab overflow ho raha hai to sab ko dropdown mein move karo
if (hasOverflow) {
moreDropdown.classList.remove('d-none');
container.classList.add('tab-overLay');
tabs.forEach(tab => {
const clonedTab = tab.cloneNode(true);
dropdownMenu.appendChild(clonedTab);
tab.style.display = 'none';
});
}
}
checkOverflow();
window.addEventListener('resize', checkOverflow);
});
function loadTab(tabId) {
let $tabContent = $(".tab-content");
var url = "https://zaap.bio/gutter-cleaning/load-tab";
$.ajaxSetup({
headers: {
"X-CSRF-TOKEN": "xYI5bcJsTEF1eXBViqu5poPFjm0CavnfhupN2tSV",
},
});
$.ajax({
url: url,
type: "GET",
data: {
tab: tabId,
slug: "gutter-cleaning",
dynamic_id: ""
},
success: function(response) {
$tabContent.html(response);
initializeAllSliders();
initPhoneInput();
$tabContent.removeClass("is-loading");
},
error: function(xhr, status, error) {
$tabContent.removeClass("is-loading");
console.log(error);
},
});
}
function loadPosts() {
var url =
"https://zaap.bio/gutter-cleaning/get-posts";
$.ajaxSetup({
headers: {
"X-CSRF-TOKEN": "xYI5bcJsTEF1eXBViqu5poPFjm0CavnfhupN2tSV",
},
});
$.ajax({
url: url,
type: "GET",
success: function(response) {
$(".posts-main").html(response);
postsLoaded = true;
},
error: function(xhr, status, error) {
console.log(error); // Check for any error messages
},
});
}
function loadProducts(category = "") {
var url =
"https://zaap.bio/gutter-cleaning/get-products";
$.ajaxSetup({
headers: {
"X-CSRF-TOKEN": "xYI5bcJsTEF1eXBViqu5poPFjm0CavnfhupN2tSV",
},
});
$.ajax({
url: url,
type: "GET",
data: { category: category }, // 👈 category bhej rahe hain
success: function (response) {
$(".product-card-grid").html(response);
postsLoaded = true;
},
error: function (xhr, status, error) {
console.log(error);
},
});
}
$(document).on("click", ".category-btn", function () {
$(".category-btn").removeClass("active");
$(this).addClass("active");
let category = $(this).text().trim();
if (category === "All") {
category = "";
}
loadProducts(category);
});
$(document).on('click', ".page-post", function() {
var slug = $(this).attr('data-slug');
var url = `${baseUrl}/${projectSlug}/post/${slug}`;
// get current domain
var currentHost = window.location.origin;
let finalUrl = '';
var baseUrl = "https://zaap.bio";
if (currentHost == baseUrl) {
// Use configured base URL (zaap.bio)
var projectSlug = "gutter-cleaning";
finalUrl = `${baseUrl}/${projectSlug}/post/${slug}`;
} else {
// Use current domain (custom domain)
finalUrl = `${currentHost}/post/${slug}`;
}
window.location.href = finalUrl;
return;
var postid = $(this).attr('data-id'); // Get the data-id of the clicked post
var url =
"https://zaap.bio/gutter-cleaning/get-posts";
showLoader();
$.ajaxSetup({
"headers": {
'X-CSRF-TOKEN': 'xYI5bcJsTEF1eXBViqu5poPFjm0CavnfhupN2tSV'
}
});
$.ajax({
url: url + '?post=' + postid,
type: "GET",
success: function(response) {
hideLoader();
$("#postModal").modal('show');
$("#postModal .modal-body").html(response);
var urlhash = window.location.href
var url = urlhash.replace('#posts', '') + '?post=' + slug;
console.log(url);
window.history.pushState('', '', url);
}
});
// $("#postModal").on('hide.bs.modal', function() {
// var url = window.location.href;
// if (url.indexOf("?post=") !== -1) {
// url = url.split("?post=")[0] + "#posts"; // Update the URL with the modified hash
// history.pushState(null, null, url); // Update the URL in the browser without reloading the page
// }
// });
});
var originalUrl = window.location.href;
window.addEventListener('hashchange', function() {
var updatedUrl = window.location.href;
if (updatedUrl !== originalUrl) {
originalUrl = updatedUrl;
}
});
document.querySelector('#postModal').addEventListener('click', function() {
var newUrl = originalUrl + '?post=posting';
history.pushState(null, null, newUrl);
});
$("#postModal").on('hide.bs.modal', function() {
history.pushState(null, null, originalUrl);
});
</script>
<!-- Swiper JS -->
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
<script>
function initializeSwiper(sliderType) {
$("." + sliderType + "-slider").each(function () {
try {
const $this = $(this);
const sliderId = $this.data('id');
const autoScroll = $this.data('autoscroll') === true || $this.data('autoscroll') === 'true';
if (!sliderId) return;
const containerSelector = '.' + sliderType + '-slider-' + sliderId;
const containerEl = document.querySelector(containerSelector);
// console.log("sliderType",sliderType,"containerEl",containerEl)
if (!containerEl) return;
const leftArrow = document.querySelector("." + sliderType + '-left-arrow-' + sliderId);
const rightArrow = document.querySelector("." + sliderType + '-right-arrow-' + sliderId);
const leftFade = document.querySelector("." + sliderType + '-left-fade-' + sliderId);
const rightFade = document.querySelector("." + sliderType + '-right-fade-' + sliderId);
const swiper = new Swiper(containerSelector, {
slidesPerView: 'auto',
spaceBetween: sliderType == "instagram" ? 0 : 15,
freeMode: true,
autoplay: autoScroll ? {
delay: 3000,
disableOnInteraction: false,
} : false,
navigation: {
nextEl: rightArrow,
prevEl: leftArrow,
},
on: {
init: function (swiperInstance) {
updateFadeVisibility(swiperInstance);
},
slideChange: function (swiperInstance) {
updateFadeVisibility(swiperInstance);
},
reachEnd: function (swiperInstance) {
updateFadeVisibility(swiperInstance);
},
reachBeginning: function (swiperInstance) {
updateFadeVisibility(swiperInstance);
},
fromEdge: function (swiperInstance) {
updateFadeVisibility(swiperInstance);
}
}
});
function updateFadeVisibility(swiperInstance) {
const isBeginning = swiperInstance.isBeginning;
const isEnd = swiperInstance.isEnd;
if (leftArrow) leftArrow.style.opacity = isBeginning ? '0' : '1';
if (leftFade) leftFade.style.display = isBeginning ? 'none' : 'block';
if (rightArrow) rightArrow.style.opacity = isEnd ? '0' : '1';
if (rightFade) rightFade.style.display = isEnd ? 'none' : 'block';
}} catch (error) {
// console.log("error in initializeSwiper",sliderType,error)
}
});
}
// ✅ Initialize all sliders
function initializeAllSliders() {
const sliderTypes = [
"posts",
"tiktok",
"folder-link",
"folder-portfolio",
"youtube",
"instagram",
"spotify",
"instagram",
'testimonial',
];
sliderTypes.forEach(type => initializeSwiper(type));
}
$(document).ready(function () {
initializeAllSliders();
});
</script>
</body>
<!-- Google Tag Manager (noscript) -->
<!-- End Google Tag Manager (noscript) -->
</html>
| # |
Url |
Url |
Source |
Date |
| 1 |
https://zaap.bio/gutter-cleaning |
|
2026-10-15 23:18:03 |
| 2 |
https://www.texarkanatwins.com/%25… |
|
2026-10-15 23:18:02 |
| 3 |
https://auth.mediacorp.sg/u/login?… |
|
2026-10-15 23:18:01 |
| 4 |
https://auth.mediacorp.sg/u/login?… |
|
2026-10-15 23:18:00 |
| 5 |
https://www.texarkanatwins.com/%25… |
|
2026-10-15 23:17:58 |
| 6 |
https://www.texarkanatwins.com/%25… |
|
2026-10-15 23:17:58 |
| 7 |
https://www.texarkanatwins.com/%25… |
|
2026-10-15 23:17:58 |
| 8 |
https://www.texarkanatwins.com/%25… |
|
2026-10-15 23:17:57 |
| 9 |
https://www.texarkanatwins.com/%25… |
|
2026-10-15 23:17:57 |
| 10 |
https://www.texarkanatwins.com/%25… |
|
2026-10-15 23:17:56 |
| 11 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-15 23:17:56 |
| 12 |
https://www.youtube.com/watch?app=… |
|
2026-10-15 23:17:55 |
| 13 |
https://www.texarkanatwins.com/%25… |
|
2026-10-15 23:17:54 |
| 14 |
https://www.texarkanatwins.com/%25… |
|
2026-10-15 23:17:54 |
| 15 |
https://www.texarkanatwins.com/%25… |
|
2026-10-15 23:17:53 |
| 16 |
https://www.texarkanatwins.com/%25… |
|
2026-10-15 23:17:53 |
| 17 |
https://www.texarkanatwins.com/%25… |
|
2026-10-15 23:17:52 |
| 18 |
https://www.texarkanatwins.com/%25… |
|
2026-10-15 23:17:52 |
| 19 |
https://www.texarkanatwins.com/%25… |
|
2026-10-15 23:17:51 |
| 20 |
https://www.texarkanatwins.com/%25… |
|
2026-10-15 23:17:51 |