- 扫描 ID：
- 28609eb1-316f-4614-b9fe-61ed5f2f66ec已完成
- 提交的 URL：
- https://progresskitchenbath.com/best-kitchen-and-bathroom-remodeling/index.html
- 报告完成时间：
链接 · 找到 0 个
从页面中识别出的传出链接
JavaScript 变量 · 找到 55 个
在页面窗口对象上加载的全局 JavaScript 变量是在函数外部声明的变量，可以从当前范围内的代码中的任何位置访问
| 名称 | 类型 |
|---|---|
| 0 | object |
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| dataLayer | object |
| google_tag_manager | object |
| google_tag_data | object |
| jotformEmbedHandler | function |
| for-form-embed-handler | undefined |
| getQueryParam | function |
控制台日志消息 · 找到 4 条
记录到 Web 控制台的消息
| 类型 | 类别 | 记录 |
|---|---|---|
| log | other |
|
| log | other |
|
| warning | other |
|
| warning | other |
|
HTML
页面的原始 HTML 正文
<!DOCTYPE html><html lang="en"><head>
<!-- Google Tag Manager -->
<script async="" src="https://www.googletagmanager.com/gtm.js?id=GTM-5L4MM7KW"></script><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-5L4MM7KW');</script>
<!-- End Google Tag Manager -->
<!-- Metas -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content="Transform your space with quality craftsmanship. Tailored remodeling for kitchens, bathrooms, and basements to fit your style.">
<meta name="description" content="Transform your space with quality craftsmanship. Tailored remodeling for kitchens, bathrooms, and basements to fit your style.">
<meta name="author" content="">
<!-- Title -->
<title>Expert Kitchen, Bathroom & Basement Remodeling Services</title>
<!-- Favicon -->
<link rel="shortcut icon" href="images/fav.png" title="Favicon" sizes="16x16">
<!-- bootstrap 5 -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- font family -->
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
<!-- fontawesome icons -->
<link rel="stylesheet" href="css/all.min.css">
<!-- line-awesome icons -->
<link rel="stylesheet" href="css/line-awesome.css">
<!-- themify icons -->
<link rel="stylesheet" href="css/themify-icons.css">
<!-- animate css -->
<link rel="stylesheet" href="css/animate.css">
<!-- fancybox popup -->
<link rel="stylesheet" href="css/jquery.fancybox.css">
<!-- lity popup -->
<link rel="stylesheet" href="css/lity.css">
<!-- swiper slider -->
<link rel="stylesheet" href="css/swiper8.min.css">
<!-- common style -->
<link rel="stylesheet" href="css/common_style.css">
<!-- home style -->
<link rel="stylesheet" href="css/home_1_style.css">
</head>
<body class="home-style1 loaded" style="">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5L4MM7KW"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<!-- ====== Start Loading ====== -->
<div class="loader-wrap">
<svg viewBox="0 0 1000 1000" preserveAspectRatio="none">
<path id="svg" d="M0,1005S175,995,500,995s500,5,500,5V0H0Z"></path>
</svg>
<div class="loader-wrap-heading">
<div class="text-center">
<img src="images/logo-icon.png" alt="" class="logo">
<div class="load-text">
<span>L</span>
<span>o</span>
<span>a</span>
<span>d</span>
<span>i</span>
<span>n</span>
<span>g</span>
</div>
</div>
</div>
</div>
<!-- start side_menu -->
<div class="side_menu4_overlay"></div>
<div class="side_menu4_overlay2"></div>
<div class="side_menu_style4">
<div class="content">
<div class="main_links">
<ul>
<li>
<a href="#" class="main_link" onclick="$('.side_menu_style4 .clss').trigger('click');"> Home </a>
</li>
<li>
<a href="#about" class="main_link" onclick="$('.side_menu_style4 .clss').trigger('click');"> About </a>
</li>
<li>
<a href="#services" class="main_link" onclick="$('.side_menu_style4 .clss').trigger('click');"> Services </a>
</li>
<li>
<a href="#work" class="main_link" onclick="$('.side_menu_style4 .clss').trigger('click');"> Our Work </a>
</li>
<li>
<a href="#locations" class="main_link" onclick="$('.side_menu_style4 .clss').trigger('click');"> Locations </a>
</li>
<li>
<a href="#contact" class="main_link" onclick="$('.side_menu_style4 .clss').trigger('click');"> Contact </a>
</li>
</ul>
</div>
</div>
<img src="images/chat_pat2.png" alt="" class="side_shape">
<img src="images/chat_pat2.png" alt="" class="side_shape2">
<span class="clss"> <i class="la la-times"></i> </span>
</div>
<!-- End side_menu -->
<div class="smooth-scroll-content" id="scrollsmoother-container">
<!-- Start navbar -->
<nav class="navbar navbar-expand-lg navbar-dark tc-navbar-style1 section-padding-x">
<div class="container-fluid content">
<a class="navbar-brand" href="#">
<img src="images/logo.png" alt="" class="logo">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="#">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#about">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#services">Services</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#work">Our Work</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#testimonials">Testimonials</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#locatinos">Locations</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#locaitons">Contact</a>
</li>
</ul>
<div class="nav-side">
<a href="#" class="icon ms-5 fsz-21">
<span> <i class="la la-search"></i> </span>
</a>
<a href="#" class="icon ms-3 side_menu_btn fsz-21">
<span> <i class="la la-grip-lines"></i> </span>
</a>
</div>
</div>
</div>
</nav>
<!-- End navbar -->
<!-- Start header -->
<header class="tc-header-style1" style="translate: none; rotate: none; scale: none; transform: translate(0px, 200px);">
<div class="header-slider swiper-initialized swiper-horizontal swiper-pointer-events swiper-backface-hidden">
<div class="swiper-wrapper" id="swiper-wrapper-2baa80cd4d899c17" aria-live="off" style="transform: translate3d(-790px, 0px, 0px); transition-duration: 0ms;"><div class="swiper-slide swiper-slide-duplicate swiper-slide-prev" data-swiper-slide-index="3" role="group" aria-label="4 / 4" style="width: 790px;">
<div class="slider-card">
<div class="img" data-swiper-parallax="592.5">
<img src="images/head_slide2.webp" alt="" class="img-cover">
</div>
<div class="info section-padding-x pb-70">
<div class="row align-items-end gx-5">
<div class="col-lg-6 offset-lg-2">
<h1 style="font-size: calc(9vw + 5px); transform: translate3d(-2000px, 0px, 0px); transition-duration: 0ms;" data-swiper-parallax="-2000" class="js-title"> bathroom </h1>
<h5 class="fsz-30 mt-30 fw-400"> Elegance <br> in Every Detail </h5>
</div>
<div class="col-lg-3">
<div class="cont pb-30">
<div class="text fsz-17 fw-300 lh-4">
Discover the art of bathroom luxury with our precision-crafted designs,
turning everyday routines into spa-like experiences.
</div>
<a href="#" class="butn border jotform rounded-pill mt-60 hover-bg-white">
<span> Get Free Estimate <i class="small ms-1 ti-arrow-top-right"></i>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide swiper-slide-visible swiper-slide-active" data-swiper-slide-index="0" role="group" aria-label="1 / 4" style="width: 790px;">
<div class="slider-card">
<div class="img" data-swiper-parallax="592.5">
<img src="images/head_slide0.webp" alt="" class="img-cover">
</div>
<div class="info section-padding-x pb-70">
<div class="row align-items-end gx-5">
<div class="col-lg-6 offset-lg-2">
<h1 data-swiper-parallax="-2000" class="dynamic-head" style="font-size: calc(8vw); transform: translate3d(0px, 0px, 0px); transition-duration: 0ms;"> Progress </h1>
<h5 class="fsz-30 mt-30 fw-400"> Best Design & <br> Build Company </h5>
</div>
<div class="col-lg-3">
<div class="cont pb-30">
<div class="text fsz-17 fw-300 lh-4">
Elevate your home with the best design and build company – bespoke
services tailored to your lifestyle.
</div>
<a href="#" class="butn border jotform rounded-pill mt-60 hover-bg-white">
<span> Get Free Estimate <i class="small ms-1 ti-arrow-top-right"></i>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide swiper-slide-next" data-swiper-slide-index="1" role="group" aria-label="2 / 4" style="width: 790px;">
<div class="slider-card">
<div class="img" data-swiper-parallax="592.5">
<img src="images/head_slide3.webp" alt="" class="img-cover">
</div>
<div class="info section-padding-x pb-70">
<div class="row align-items-end gx-5">
<div class="col-lg-6 offset-lg-2">
<h1 data-swiper-parallax="-2000" class="js-title" style="transform: translate3d(2000px, 0px, 0px); transition-duration: 0ms;"> home </h1>
<h5 class="fsz-30 mt-30 fw-400"> Expand Your <br> Living Space </h5>
</div>
<div class="col-lg-3">
<div class="cont pb-30">
<div class="text fsz-17 fw-300 lh-4">
Elevate your home with custom additions that seamlessly enhance space
and functionality. Perfect for families needing extra room or those
looking to increase their home’s value.
</div>
<a href="#" class="butn border jotform rounded-pill mt-60 hover-bg-white">
<span> Get Free Estimate <i class="small ms-1 ti-arrow-top-right"></i>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide" data-swiper-slide-index="2" role="group" aria-label="3 / 4" style="width: 790px;">
<div class="slider-card">
<div class="img" data-swiper-parallax="592.5">
<img src="images/head_slide1.webp" alt="" class="img-cover">
</div>
<div class="info section-padding-x pb-70">
<div class="row align-items-end gx-5">
<div class="col-lg-6 offset-lg-2">
<h1 data-swiper-parallax="-2000" class="js-title" style="transform: translate3d(2000px, 0px, 0px); transition-duration: 0ms;"> kitchen </h1>
<h5 class="fsz-30 mt-30 fw-400"> Where Dreams <br> Meet Design </h5>
</div>
<div class="col-lg-3">
<div class="cont pb-30">
<div class="text fsz-17 fw-300 lh-4">
Elevate your home with our bespoke kitchen remodeling services –
tailored to your lifestyle.
</div>
<a href="#" class="butn border jotform rounded-pill mt-60 hover-bg-white">
<span> Get Free Estimate <i class="small ms-1 ti-arrow-top-right"></i>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide swiper-slide-duplicate-prev" data-swiper-slide-index="3" role="group" aria-label="4 / 4" style="width: 790px;">
<div class="slider-card">
<div class="img" data-swiper-parallax="592.5">
<img src="images/head_slide2.webp" alt="" class="img-cover">
</div>
<div class="info section-padding-x pb-70">
<div class="row align-items-end gx-5">
<div class="col-lg-6 offset-lg-2">
<h1 style="font-size: calc(9vw + 5px); transform: translate3d(2000px, 0px, 0px); transition-duration: 0ms;" data-swiper-parallax="-2000" class="js-title"> bathroom </h1>
<h5 class="fsz-30 mt-30 fw-400"> Elegance <br> in Every Detail </h5>
</div>
<div class="col-lg-3">
<div class="cont pb-30">
<div class="text fsz-17 fw-300 lh-4">
Discover the art of bathroom luxury with our precision-crafted designs,
turning everyday routines into spa-like experiences.
</div>
<a href="#" class="butn border jotform rounded-pill mt-60 hover-bg-white">
<span> Get Free Estimate <i class="small ms-1 ti-arrow-top-right"></i>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-active" data-swiper-slide-index="0" role="group" aria-label="1 / 4" style="width: 790px;">
<div class="slider-card">
<div class="img" data-swiper-parallax="592.5">
<img src="images/head_slide0.webp" alt="" class="img-cover">
</div>
<div class="info section-padding-x pb-70">
<div class="row align-items-end gx-5">
<div class="col-lg-6 offset-lg-2">
<h1 data-swiper-parallax="-2000" class="dynamic-head" style="font-size: calc(8vw); transform: translate3d(2000px, 0px, 0px); transition-duration: 0ms;"> Progress </h1>
<h5 class="fsz-30 mt-30 fw-400"> Best Design & <br> Build Company </h5>
</div>
<div class="col-lg-3">
<div class="cont pb-30">
<div class="text fsz-17 fw-300 lh-4">
Elevate your home with the best design and build company – bespoke
services tailored to your lifestyle.
</div>
<a href="#" class="butn border jotform rounded-pill mt-60 hover-bg-white">
<span> Get Free Estimate <i class="small ms-1 ti-arrow-top-right"></i>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div></div>
<div class="slider-controls">
<div class="swiper-button-prev" tabindex="0" role="button" aria-label="Previous slide" aria-controls="swiper-wrapper-2baa80cd4d899c17"></div>
<div class="swiper-button-next" tabindex="0" role="button" aria-label="Next slide" aria-controls="swiper-wrapper-2baa80cd4d899c17"></div>
</div>
<div class="swiper-pagination swiper-pagination-fraction swiper-pagination-horizontal"><span class="swiper-pagination-current">1</span> / <span class="swiper-pagination-total">4</span></div>
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
</header>
<!-- Start header -->
<!--Contents-->
<main>
<!-- Start experience -->
<section id="about" class="tc-experience-style1 section-padding-x">
<div class="container-fluid">
<div class="row justify-content-between align-items-center">
<div class="col-lg-2">
<div class="exp-num mb-100 wow zoomIn" data-wow-delay="0.3s" style="visibility: hidden; animation-delay: 0.3s; animation-name: none;">
<h5 class="fsz-18 text-uppercase"> years of <br> experience </h5>
<h2 class="num"> +20 </h2>
</div>
</div>
<div class="col-lg-3">
<div class="img wow" style="visibility: hidden; animation-name: none;">
<img src="images/exp.webp" alt="" class="img-cover">
</div>
</div>
<div class="col-lg-3">
<div class="info wow fadeInUp" data-wow-delay="0.3s" style="visibility: hidden; animation-delay: 0.3s; animation-name: none;">
<h3 class="fsz-45 fw-600 mb-30"> What We Do </h3>
<div class="text fsz-15 color-666">
We offer a luxurious selection of modern, traditional, and classic kitchen and
bathroom remodels. Our goal is to effortlessly transform your space into the
sophisticated sanctuary of your dreams.
</div>
<a href="#" class="butn rounded-pill jotform mt-50 hover-bg-black bg-white">
<span> Request Free Estimate <i class="small ms-1 ti-arrow-top-right"></i> </span>
</a>
</div>
</div>
<div class="col-lg-2">
<div class="rotate-txt justify-content-lg-end">
<ul>
<li>
<a href="#" onclick="return false;"> Call Us Now </a>
</li>
<li>
<a href="tel:410-401-4904"> 410-401-4904 </a>
</li>
</ul>
</div>
</div>
</div>
</div>
<img src="images/c_line.png" alt="" class="c-line wow" style="visibility: hidden; animation-name: none;">
</section>
<!-- Start services -->
<section id="services" class="tc-services-style1">
<div class="content section-padding section-padding-x">
<div class="container">
<div class="title mb-80 text-center">
<p class="color-666 text-uppercase wow" style="visibility: hidden; animation-name: none;"> our services </p>
</div>
<div class="services">
<div class="row">
<div class="col-lg-3">
<a href="#" onclick="return false;" class="service-card wow fadeInUp" data-wow-delay="0.6s" style="visibility: hidden; animation-delay: 0.6s; animation-name: none;">
<div class="icon">
<i class="la la-home"></i>
</div>
<h5 class="fsz-24 mb-20"> Home Addition </h5>
<div class="img">
<img src="images/ser3.webp" alt="" class="img-cover">
</div>
<div class="text color-666 mt-50">
Expand your space with sophisticated home additions that enhance your home’s
value.
</div>
<span class="arrow"> <i class="ti-arrow-top-right"></i> </span>
</a>
</div>
<div class="col-lg-3">
<a href="#" onclick="return false;" class="service-card mt-150 wow fadeInUp" data-wow-delay="0.8s" style="visibility: hidden; animation-delay: 0.8s; animation-name: none;">
<div class="icon">
<i class="la la-door-open"></i>
</div>
<h5 class="fsz-24 mb-20"> Basement Remodeling </h5>
<div class="img">
<img src="images/ser4.webp" alt="" class="img-cover">
</div>
<div class="text color-666 mt-50">
Unlock your basement’s potential with our stylish, functional luxury
remodeling.
</div>
<span class="arrow"> <i class="ti-arrow-top-right"></i> </span>
</a>
</div>
<div class="col-lg-3">
<a href="#" onclick="return false;" class="service-card wow fadeInUp" data-wow-delay="0.2s" style="visibility: hidden; animation-delay: 0.2s; animation-name: none;">
<div class="icon">
<i class="la la-hard-hat"></i>
</div>
<h5 class="fsz-24 mb-20"> Kitchen Remodeling </h5>
<div class="img">
<img src="images/ser1.webp" alt="" class="img-cover">
</div>
<div class="text color-666 mt-50">
Transform your kitchen with our luxurious, custom solutions tailored to your
standards.
</div>
<span class="arrow"> <i class="ti-arrow-top-right"></i> </span>
</a>
</div>
<div class="col-lg-3">
<a href="#" onclick="return false;" class="service-card mt-150 wow fadeInUp" data-wow-delay="0.4s" style="visibility: hidden; animation-delay: 0.4s; animation-name: none;">
<div class="icon">
<i class="la la-bath"></i>
</div>
<h5 class="fsz-24 mb-20"> Bathroom Remodeling </h5>
<div class="img">
<img src="images/ser2.webp" alt="" class="img-cover">
</div>
<div class="text color-666 mt-50">
Elevate your bathroom with our exquisite remodeling that blends elegance and
innovation.
</div>
<span class="arrow"> <i class="ti-arrow-top-right"></i> </span>
</a>
</div>
</div>
</div>
<div class="text-center">
<a href="#" class="butn rounded-pill jotform mt-80 hover-bg-black bg-orange1 text-white">
<span> Get A Free Quote Now <i class="small ms-1 ti-arrow-top-right"></i> </span>
</a>
</div>
</div>
</div>
<div class="ser-img">
<img src="images/ser.webp" alt="">
</div>
</section>
<!-- End services -->
<!-- Start process -->
<section id="work" class="tc-process-style1">
<div class="container">
<div class="title mb-100 text-center">
<h2 class="fsz-45"> Our Process </h2>
</div>
<div class="content">
<div class="row">
<div class="col-lg-5">
<div class="info">
<div class="accordion wow fadeInUp slow" id="accordionProcess" style="visibility: hidden; animation-name: none;">
<div class="accordion-item">
<div class="accordion-header" id="headingOne">
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne">
<span class="num"> 1 / </span>
<h3> Consult & Measure </h3>
</button>
</div>
<div id="collapseOne" class="accordion-collapse collapse show" data-bs-parent="#accordionProcess">
<div class="accordion-body">
<div class="text">
Begin with a professional in-home consultation. Our expert
contractors provide precise measurements and insightful advice
for sophisticated kitchen and bathroom design planning.
</div>
</div>
</div>
</div>
<div class="accordion-item">
<div class="accordion-header" id="headingTwo">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo">
<span class="num"> 2 / </span>
<h3> Design & Visualize </h3>
</button>
</div>
<div id="collapseTwo" class="accordion-collapse collapse" data-bs-parent="#accordionProcess">
<div class="accordion-body">
<div class="text">
Our talented designers craft your ideas into 3D models,
elegantly merging your vision with our design acumen for a
transformative kitchen or bathroom renovation.
</div>
</div>
</div>
</div>
<div class="accordion-item">
<div class="accordion-header" id="headingThree">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree">
<span class="num"> 3 / </span>
<h3> Install & Perfect </h3>
</button>
</div>
<div id="collapseThree" class="accordion-collapse collapse" data-bs-parent="#accordionProcess">
<div class="accordion-body">
<div class="text">
Our skilled installers meticulously fit each element, from
luxurious countertops to elegant sinks. We refine every detail,
ensuring your complete satisfaction with a flawless finish.
</div>
</div>
</div>
</div>
</div>
<a href="#" class="butn border jotform rounded-pill mt-80 color-orange1 border-orange1 hover-bg-orange1">
<span> Book Appointment <i class="small ms-1 ti-arrow-top-right"></i> </span>
</a>
</div>
</div>
<div class="col-lg-4 offset-lg-2">
<div class="img wow" style="visibility: hidden; animation-name: none;">
<img src="images/process.webp" alt="" class="img-cover">
</div>
</div>
</div>
</div>
</div>
<img src="images/c_line2.png" alt="" class="c-line wow" style="visibility: hidden; animation-name: none;">
</section>
<!-- End process -->
<!-- Start projects -->
<section class="tc-projects-style1">
<div class="container">
<div class="title mb-70">
<h2 class="fsz-45"> Featured Projects </h2>
</div>
<div class="tabs-links mb-50">
<div class="row align-items-center">
<div class="col-lg-9">
<ul class="nav nav-pills mb-3" id="pills-tab" role="tablist">
<li class="nav-item" role="presentation">
<button class="nav-link active" id="pills-proj5-tab" data-bs-toggle="pill" data-bs-target="#pills-proj5" type="button">Featured</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="pills-proj5-tab" data-bs-toggle="pill" data-bs-target="#pills-proj1" type="button">Home Addition</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="pills-proj4-tab" data-bs-toggle="pill" data-bs-target="#pills-proj2" type="button">Basement</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="pills-proj2-tab" data-bs-toggle="pill" data-bs-target="#pills-proj3" type="button">Kitchen</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="pills-proj3-tab" data-bs-toggle="pill" data-bs-target="#pills-proj4" type="button">Bathroom</button>
</li>
</ul>
</div>
<div class="col-lg-3 mt-4 mt-lg-0 text-lg-end">
<a href="#" class="butn border jotform rounded-pill color-orange1 border-orange1 hover-bg-orange1">
<span> Get Free Estimate <i class="small ms-1 ti-arrow-top-right"></i> </span>
</a>
</div>
</div>
</div>
<div class="projects">
<div class="tab-content" id="pills-tabContent">
<div class="tab-pane fade show active" id="pills-proj1" role="tabpanel" aria-labelledby="pills-proj1-tab">
<div class="projects-content float_box_container">
<div class="projects-slider swiper-initialized swiper-horizontal swiper-pointer-events swiper-backface-hidden">
<div class="swiper-wrapper" id="swiper-wrapper-5836ea6b3835a4fe" aria-live="polite" style="transform: translate3d(0px, 0px, 0px);">
<div class="swiper-slide swiper-slide-active" role="group" aria-label="1 / 3" style="width: 496.667px; margin-right: 30px;">
<div class="project-card">
<!-- Görsel bağlantısı (tıklanabilir ve görünür) -->
<a href="assets/img/projects/proj1.jpg" class="img" data-fancybox="proj1">
<img src="assets/img/projects/proj1.jpg" alt="" class="img-cover">
</a>
<!-- Gizli görsel bağlantıları (tıklanamaz ve görünmez) -->
<a href="assets/img/projects/proj1-1.jpg" data-fancybox="proj1" style="display: none;"></a>
<a href="assets/img/projects/proj1-2.jpg" data-fancybox="proj1" style="display: none;"></a>
<a href="assets/img/projects/proj1-3.jpg" data-fancybox="proj1" style="display: none;"></a>
<div class="info">
<div class="tags">
<a href="#">Home Addition</a>
</div>
<h3 class="title"><a href="#">Home Remodeling Project</a></h3>
<div class="text">To create a beautiful look and visual simplicity in this Home remodeling Washington DC project, we remodeled their Kitchen, Bathroom, Basement, and complete Home. </div>
</div>
</div>
</div>
<div class="swiper-slide swiper-slide-next" role="group" aria-label="2 / 3" style="width: 496.667px; margin-right: 30px;">
<div class="project-card">
<!-- Görsel bağlantısı (tıklanabilir ve görünür) -->
<a href="assets/img/projects/proj2.jpg" class="img" data-fancybox="proj2">
<img src="assets/img/projects/proj2.jpg" alt="" class="img-cover">
</a>
<!-- Gizli görsel bağlantıları (tıklanamaz ve görünmez) -->
<a href="assets/img/projects/proj2-1.jpg" data-fancybox="proj2" style="display: none;"></a>
<a href="assets/img/projects/proj2-2.jpg" data-fancybox="proj2" style="display: none;"></a>
<a href="assets/img/projects/proj2-3.jpg" data-fancybox="proj2" style="display: none;"></a>
<div class="info">
<div class="tags">
<a href="#">Home Addition</a>
</div>
<h3 class="title"><a href="#">Remodeling Project in Silver Spring</a></h3>
<div class="text">We did this addition remodeling project in Silver Spring, Maryland in 2020. This basement is perfect for large gatherings and the main living area is divided into a main entertainment center, two-person coffee table with a separate media center, a wet bar and another gather area in the middle of the space. </div>
</div>
</div>
</div>
<div class="swiper-slide" role="group" aria-label="3 / 3" style="width: 496.667px; margin-right: 30px;">
<div class="project-card">
<!-- Görsel bağlantısı (tıklanabilir ve görünür) -->
<a href="assets/img/projects/proj3.jpg" class="img" data-fancybox="proj3">
<img src="assets/img/projects/proj3.jpg" alt="" class="img-cover">
</a>
<!-- Gizli görsel bağlantıları (tıklanamaz ve görünmez) -->
<a href="assets/img/projects/proj3-1.jpg" data-fancybox="proj3" style="display: none;"></a>
<a href="assets/img/projects/proj3-2.jpg" data-fancybox="proj3" style="display: none;"></a>
<a href="assets/img/projects/proj3-3.jpg" data-fancybox="proj3" style="display: none;"></a>
<div class="info">
<div class="tags">
<a href="#">Home Addition</a>
</div>
<h3 class="title"><a href="#">Home Remodeling Project in Washington</a></h3>
<div class="text">To create a spacious look and visual simplicity in this basement remodeling Washinton DC project. A basement redesign, though time-consuming and cost-intensive, not only adds to your living space, it can also increase the value of your home. Additionally, it allows you to explore ideas that you often can’t apply to your main living space.</div>
</div>
</div>
</div>
</div>
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
<div class="float-cursor float_box"> Hold <br> and Drag </div>
<!-- <div class="float_box_container">
<div class="float-cursor float_box"> Hold <br> and Drag </div>
</div> -->
</div>
</div>
<div class="tab-pane fade" id="pills-proj2" role="tabpanel" aria-labelledby="pills-proj2-tab">
<div class="projects-content float_box_container">
<div class="projects-slider swiper-initialized swiper-horizontal swiper-pointer-events">
<div class="swiper-wrapper" id="swiper-wrapper-d6381cfb10edf7c2d" aria-live="polite" style="transition-duration: 0ms;">
<div class="swiper-slide">
<div class="project-card">
<a href="assets/img/projects/proj10.jpg" class="img" data-fancybox="proj10">
<img src="assets/img/projects/proj10.jpg" alt="" class="img-cover">
</a>
<!-- Gizli görsel bağlantıları (tıklanamaz ve görünmez) -->
<a href="assets/img/projects/proj10-1.jpg" data-fancybox="proj10" style="display: none;"></a>
<a href="assets/img/projects/proj10-2.jpg" data-fancybox="proj10" style="display: none;"></a>
<a href="assets/img/projects/proj10-3.jpg" data-fancybox="proj10" style="display: none;"></a>
<div class="info">
<div class="tags">
<a href="#"> Basement </a>
</div>
<h3 class="title"> <a href="#"> Basement Remodeling Project in Rockville </a> </h3>
<div class="text"> The basement had definite potential, but it needed some major help before it could be transformed into the comfortable family area that the homeowners dreamed of. </div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="project-card">
<a href="assets/img/projects/proj11.jpg" class="img" data-fancybox="proj11">
<img src="assets/img/projects/proj11.jpg" alt="" class="img-cover">
</a>
<!-- Gizli görsel bağlantıları (tıklanamaz ve görünmez) -->
<a href="assets/img/projects/proj11-1.jpg" data-fancybox="proj11" style="display: none;"></a>
<a href="assets/img/projects/proj11-2.jpg" data-fancybox="proj11" style="display: none;"></a>
<a href="assets/img/projects/proj11-3.jpg" data-fancybox="proj11" style="display: none;"></a>
<div class="info">
<div class="tags">
<a href="#"> Basement </a>
</div>
<h3 class="title"> <a href="#"> Basement Remodeling Project in Ellicott City </a> </h3>
<div class="text"> A basement redesign, though time-consuming and cost-intensive, not only adds to your living space, it can also increase the value of your home. Additionally, it allows you to explore ideas that you often can’t apply to your main living space. </div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="project-card">
<a href="assets/img/projects/proj12-1.jpg" class="img" data-fancybox="proj12">
<img src="assets/img/projects/proj12-1.jpg" alt="" class="img-cover">
</a>
<!-- Gizli görsel bağlantıları (tıklanamaz ve görünmez) -->
<a href="assets/img/projects/proj12.jpg" data-fancybox="proj12" style="display: none;"></a>
<a href="assets/img/projects/proj12-2.jpg" data-fancybox="proj12" style="display: none;"></a>
<a href="assets/img/projects/proj12-3.jpg" data-fancybox="proj12" style="display: none;"></a>
<div class="info">
<div class="tags">
<a href="#"> Basement </a>
</div>
<h3 class="title"> <a href="#"> Basement Remodeling Project in Ellicott City </a> </h3>
<div class="text"> When you see the amazing basement remodels that these homeowners have accomplished, you’ll feel the spark of inspiration to take on this weighty but worthwhile project. </div>
</div>
</div>
</div>
</div>
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
<div class="float-cursor float_box"> Hold <br> and Drag </div>
</div>
</div>
<div class="tab-pane fade" id="pills-proj3" role="tabpanel" aria-labelledby="pills-proj3-tab">
<div class="projects-content float_box_container">
<div class="projects-slider swiper-initialized swiper-horizontal swiper-pointer-events">
<div class="swiper-wrapper" id="swiper-wrapper-4d7fbdc6712be3d10" aria-live="polite" style="transition-duration: 0ms;">
<div class="swiper-slide">
<div class="project-card">
<a href="assets/img/projects/proj7.jpg" class="img" data-fancybox="proj7">
<img src="assets/img/projects/proj7.jpg" alt="" class="img-cover">
</a>
<!-- Gizli görsel bağlantıları (tıklanamaz ve görünmez) -->
<a href="assets/img/projects/proj7-1.jpg" data-fancybox="proj7" style="display: none;"></a>
<a href="assets/img/projects/proj7-2.jpg" data-fancybox="proj7" style="display: none;"></a>
<a href="assets/img/projects/proj7-3.jpg" data-fancybox="proj7" style="display: none;"></a>
<div class="info">
<div class="tags">
<a href="#"> Kitchen </a>
</div>
<h3 class="title"> <a href="#"> Kitchen Remodeling in Rockville </a> </h3>
<div class="text"> When designing a kitchen that functions as an effective entertaining space, it’s all about the specialty features that are integrated into the space to make serving food and beverage easy like countertops, cabinets, kitchen appliances, and kitchen island. </div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="project-card">
<a href="assets/img/projects/proj8.jpg" class="img" data-fancybox="proj8">
<img src="assets/img/projects/proj8.jpg" alt="" class="img-cover">
</a>
<!-- Gizli görsel bağlantıları (tıklanamaz ve görünmez) -->
<a href="assets/img/projects/proj8-1.jpg" data-fancybox="proj8" style="display: none;"></a>
<a href="assets/img/projects/proj8-2.jpg" data-fancybox="proj8" style="display: none;"></a>
<a href="assets/img/projects/proj8-3.jpg" data-fancybox="proj8" style="display: none;"></a>
<div class="info">
<div class="tags">
<a href="#"> Kitchen </a>
</div>
<h3 class="title"> <a href="#"> Kitchen Remodeling in Rockville #2</a> </h3>
<div class="text"> Our client from Rockville, Maryland decided it was time to remodel their kitchen and add in a kitchen countertop, some pendant lights, and soft tones of backsplash against their kitchen wall. </div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="project-card">
<a href="assets/img/projects/proj9.jpg" class="img" data-fancybox="proj9">
<img src="assets/img/projects/proj9.jpg" alt="" class="img-cover">
</a>
<!-- Gizli görsel bağlantıları (tıklanamaz ve görünmez) -->
<a href="assets/img/projects/proj9-1.jpg" data-fancybox="proj9" style="display: none;"></a>
<a href="assets/img/projects/proj9-2.jpg" data-fancybox="proj9" style="display: none;"></a>
<a href="assets/img/projects/proj9-3.jpg" data-fancybox="proj9" style="display: none;"></a>
<div class="info">
<div class="tags">
<a href="#"> Kitchen </a>
</div>
<h3 class="title"> <a href="#"> Plush Kitchen Remodeling in Ellicott City </a> </h3>
<div class="text"> Investing in a kitchen remodel can be highly valuable, and for our client in Ellicott City, we meticulously planned to ensure their needs and home aesthetics were met. Check out this impressive kitchen remodeling project from Ellicott City, MD. </div>
</div>
</div>
</div>
</div>
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
<div class="float-cursor float_box"> Hold <br> and Drag </div>
</div>
</div>
<div class="tab-pane fade" id="pills-proj4" role="tabpanel" aria-labelledby="pills-proj4-tab">
<div class="projects-content float_box_container">
<div class="projects-slider swiper-initialized swiper-horizontal swiper-pointer-events">
<div class="swiper-wrapper" id="swiper-wrapper-f026104691595d10af" aria-live="polite" style="transition-duration: 0ms;">
<div class="swiper-slide">
<div class="project-card">
<a href="assets/img/projects/proj4.jpg" class="img" data-fancybox="proj4">
<img src="assets/img/projects/proj4.jpg" alt="" class="img-cover">
</a>
<!-- Gizli görsel bağlantıları (tıklanamaz ve görünmez) -->
<a href="assets/img/projects/proj4-1.jpg" data-fancybox="proj4" style="display: none;"></a>
<a href="assets/img/projects/proj4-2.jpg" data-fancybox="proj4" style="display: none;"></a>
<a href="assets/img/projects/proj4-3.jpg" data-fancybox="proj4" style="display: none;"></a>
<div class="info">
<div class="tags">
<a href="#"> Bathroom </a>
</div>
<h3 class="title"> <a href="#"> Plush Bathroom Remodeling in Rockville </a> </h3>
<div class="text"> Our design-savvy clients in Rockville, MD, trusted us for their bathroom remodel to prepare their home for the summers. This project features a plush white palette with dark accents, contrasting materials, and finishes, and glass shower walls to enhance the sense of space. </div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="project-card">
<a href="assets/img/projects/proj5.jpg" class="img" data-fancybox="proj5">
<img src="assets/img/projects/proj5.jpg" alt="" class="img-cover">
</a>
<!-- Gizli görsel bağlantıları (tıklanamaz ve görünmez) -->
<a href="assets/img/projects/proj5-1.jpg" data-fancybox="proj5" style="display: none;"></a>
<a href="assets/img/projects/proj5-2.jpg" data-fancybox="proj5" style="display: none;"></a>
<a href="assets/img/projects/proj5-3.jpg" data-fancybox="proj5" style="display: none;"></a>
<div class="info">
<div class="tags">
<a href="#"> Bathroom </a>
</div>
<h3 class="title"> <a href="#"> Bathroom Remodeling Ellicott City</a> </h3>
<div class="text"> From basic to plush, this bathroom remodeling Ellicott city MD project was fun to work on. Finally, recessed lighting in the ceiling and functional bathroom vanity gave the uplift to this bath it needed. </div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="project-card">
<a href="assets/img/projects/proj6.jpg" class="img" data-fancybox="proj6">
<img src="assets/img/projects/proj6.jpg" alt="" class="img-cover">
</a>
<!-- Gizli görsel bağlantıları (tıklanamaz ve görünmez) -->
<a href="assets/img/projects/proj6-1.jpg" data-fancybox="proj6" style="display: none;"></a>
<a href="assets/img/projects/proj6-2.jpg" data-fancybox="proj6" style="display: none;"></a>
<a href="assets/img/projects/proj6-3.jpg" data-fancybox="proj6" style="display: none;"></a>
<div class="info">
<div class="tags">
<a href="#"> Bathroom </a>
</div>
<h3 class="title"> <a href="#"> Bathroom remodeling inRockville </a> </h3>
<div class="text"> Our Rockville, MD clients trusted us for this summer-ready bathroom remodel. The design features a luxurious white palette with dark accents, a glass shower wall for spaciousness, and meticulous drywall-to-tile installation. </div>
</div>
</div>
</div>
</div>
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
<div class="float-cursor float_box"> Hold <br> and Drag </div>
</div>
</div>
<div class="tab-pane fade" id="pills-proj5" role="tabpanel" aria-labelledby="pills-proj5-tab">
<div class="projects-content float_box_container">
<div class="projects-slider swiper-initialized swiper-horizontal swiper-pointer-events">
<div class="swiper-wrapper" id="swiper-wrapper-6abbf853683e4dd4" aria-live="polite" style="transition-duration: 0ms;">
<div class="swiper-slide">
<div class="project-card">
<!-- Görsel bağlantısı (tıklanabilir ve görünür) -->
<a href="assets/img/projects/proj1.jpg" class="img" data-fancybox="proj1">
<img src="assets/img/projects/proj1.jpg" alt="" class="img-cover">
</a>
<!-- Gizli görsel bağlantıları (tıklanamaz ve görünmez) -->
<a href="assets/img/projects/proj1-1.jpg" data-fancybox="proj1" style="display: none;"></a>
<a href="assets/img/projects/proj1-2.jpg" data-fancybox="proj1" style="display: none;"></a>
<a href="assets/img/projects/proj1-3.jpg" data-fancybox="proj1" style="display: none;"></a>
<div class="info">
<div class="tags">
<a href="#">Home Addition</a>
</div>
<h3 class="title"><a href="#">Home Remodeling Project</a></h3>
<div class="text">To create a beautiful look and visual simplicity in this Home remodeling Washington DC project, we remodeled their Kitchen, Bathroom, Basement, and complete Home. </div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="project-card">
<a href="assets/img/projects/proj8.jpg" class="img" data-fancybox="proj8">
<img src="assets/img/projects/proj8.jpg" alt="" class="img-cover">
</a>
<!-- Gizli görsel bağlantıları (tıklanamaz ve görünmez) -->
<a href="assets/img/projects/proj8-1.jpg" data-fancybox="proj8" style="display: none;"></a>
<a href="assets/img/projects/proj8-2.jpg" data-fancybox="proj8" style="display: none;"></a>
<a href="assets/img/projects/proj8-3.jpg" data-fancybox="proj8" style="display: none;"></a>
<div class="info">
<div class="tags">
<a href="#"> Kitchen </a>
</div>
<h3 class="title"> <a href="#"> Kitchen Remodeling in Rockville #2</a> </h3>
<div class="text"> Our client from Rockville, Maryland decided it was time to remodel their kitchen and add in a kitchen countertop, some pendant lights, and soft tones of backsplash against their kitchen wall. </div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="project-card">
<a href="assets/img/projects/proj6.jpg" class="img" data-fancybox="proj6">
<img src="assets/img/projects/proj6.jpg" alt="" class="img-cover">
</a>
<!-- Gizli görsel bağlantıları (tıklanamaz ve görünmez) -->
<a href="assets/img/projects/proj6-1.jpg" data-fancybox="proj6" style="display: none;"></a>
<a href="assets/img/projects/proj6-2.jpg" data-fancybox="proj6" style="display: none;"></a>
<a href="assets/img/projects/proj6-3.jpg" data-fancybox="proj6" style="display: none;"></a>
<div class="info">
<div class="tags">
<a href="#"> Bathroom </a>
</div>
<h3 class="title"> <a href="#"> Bathroom remodeling inRockville </a> </h3>
<div class="text"> Our Rockville, MD clients trusted us for this summer-ready bathroom remodel. The design features a luxurious white palette with dark accents, a glass shower wall for spaciousness, and meticulous drywall-to-tile installation. </div>
</div>
</div>
</div>
</div>
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
<div class="float-cursor float_box"> Hold <br> and Drag </div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End projects -->
<!-- Start testimonials -->
<section id="testimonials" class="tc-testimonials-style1">
<div class="container">
<div class="row">
<div class="col-lg-4">
<h6 class="fsz-18 text-uppercase lh-4"> what clients say <br> about us </h6>
<div class="lg-icon color-orange1"> <i class="la la-quote-right"></i> </div>
</div>
<div class="col-lg-8">
<div class="tc-clients-style1">
<div class="clients-slider1 swiper-initialized swiper-horizontal swiper-pointer-events swiper-backface-hidden">
<div class="swiper-wrapper" id="swiper-wrapper-de0b2c9910005af45" aria-live="off" style="transform: translate3d(-760px, 0px, 0px); transition-duration: 0ms;"><div class="swiper-slide swiper-slide-duplicate swiper-slide-prev" data-swiper-slide-index="2" role="group" aria-label="3 / 3" style="width: 760px;">
<div class="clients-card">
<div class="text fsz-45 fw-600 lh-2 js-splittext-lines">
“Great variety and prices for my bathroom renovation! Found everything I needed at competitive rates, and the friendly staff made it hassle-free.”
</div>
<div class="author">
<div class="au-img">
<img src="images/comment3.webp" alt="" class="img-cover">
</div>
<div class="au-inf">
<h6 class="text-capitalize mb-2 fsz-16 fw-bold"> Christopher Di
Barolo </h6>
<p class="text-capitalize fsz-14 color-666"> Google Comment </p>
</div>
</div>
</div>
</div>
<div class="swiper-slide swiper-slide-active" data-swiper-slide-index="0" role="group" aria-label="1 / 3" style="width: 760px;">
<div class="clients-card">
<div class="text fsz-45 fw-600 lh-2 js-splittext-lines">
“Progress Kitchen and Bath remodeled my bathroom, and the results were fantastic. The team was professional, clean, and attentive to my ideas, offering great suggestions along the way. I’m thrilled with the quality and would highly recommend them!”
</div>
<div class="author">
<div class="au-img">
<img src="images/comment1.webp" alt="" class="img-cover">
</div>
<div class="au-inf">
<h6 class="text-capitalize mb-2 fsz-16 fw-bold"> Mitsuyo Sprague
</h6>
<p class="text-capitalize fsz-14 color-666"> Google Comment </p>
</div>
</div>
</div>
</div>
<div class="swiper-slide swiper-slide-next" data-swiper-slide-index="1" role="group" aria-label="2 / 3" style="width: 760px;">
<div class="clients-card">
<div class="text fsz-45 fw-600 lh-2 js-splittext-lines">
“I’ve used Progress Kitchen and Bath for two bathroom remodels and have been consistently impressed. Their team is punctual, tidy, and flexible with changes. The results are excellent, and I highly recommend them.”
</div>
<div class="author">
<div class="au-img">
<img src="images/comment2.webp" alt="" class="img-cover">
</div>
<div class="au-inf">
<h6 class="text-capitalize mb-2 fsz-16 fw-bold"> SLDELIGHTS.69
</h6>
<p class="text-capitalize fsz-14 color-666"> Google Comment </p>
</div>
</div>
</div>
</div>
<div class="swiper-slide swiper-slide-duplicate-prev" data-swiper-slide-index="2" role="group" aria-label="3 / 3" style="width: 760px;">
<div class="clients-card">
<div class="text fsz-45 fw-600 lh-2 js-splittext-lines">
“Great variety and prices for my bathroom renovation! Found everything I needed at competitive rates, and the friendly staff made it hassle-free.”
</div>
<div class="author">
<div class="au-img">
<img src="images/comment3.webp" alt="" class="img-cover">
</div>
<div class="au-inf">
<h6 class="text-capitalize mb-2 fsz-16 fw-bold"> Christopher Di
Barolo </h6>
<p class="text-capitalize fsz-14 color-666"> Google Comment </p>
</div>
</div>
</div>
</div>
<div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-active" data-swiper-slide-index="0" role="group" aria-label="1 / 3" style="width: 760px;">
<div class="clients-card">
<div class="text fsz-45 fw-600 lh-2 js-splittext-lines">
“Progress Kitchen and Bath remodeled my bathroom, and the results were fantastic. The team was professional, clean, and attentive to my ideas, offering great suggestions along the way. I’m thrilled with the quality and would highly recommend them!”
</div>
<div class="author">
<div class="au-img">
<img src="images/comment1.webp" alt="" class="img-cover">
</div>
<div class="au-inf">
<h6 class="text-capitalize mb-2 fsz-16 fw-bold"> Mitsuyo Sprague
</h6>
<p class="text-capitalize fsz-14 color-666"> Google Comment </p>
</div>
</div>
</div>
</div></div>
<div class="slider-controls">
<div class="swiper-button-prev" tabindex="0" role="button" aria-label="Previous slide" aria-controls="swiper-wrapper-de0b2c9910005af45"></div>
<div class="swiper-pagination swiper-pagination-fraction swiper-pagination-horizontal"><span class="swiper-pagination-current">1</span> / <span class="swiper-pagination-total">3</span></div>
<div class="swiper-button-next" tabindex="0" role="button" aria-label="Next slide" aria-controls="swiper-wrapper-de0b2c9910005af45"></div>
</div>
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
</div>
</div>
</div>
</div>
<div class="marq-slider swiper-initialized swiper-horizontal swiper-pointer-events">
<div class="swiper-wrapper" id="swiper-wrapper-f759d55874a638fe" aria-live="off" style="transition-duration: 10000ms; transform: translate3d(-1606px, 0px, 0px);"><div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-prev" data-swiper-slide-index="0" role="group" aria-label="1 / 4" style="margin-right: 140px;">
<a href="#" onclick="return false;"> Kitchen </a>
</div><div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-active" data-swiper-slide-index="1" role="group" aria-label="2 / 4" style="margin-right: 140px;">
<a href="#" onclick="return false;"> Bathroom </a>
</div><div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-next" data-swiper-slide-index="2" role="group" aria-label="3 / 4" style="margin-right: 140px;">
<a href="#" onclick="return false;"> Basement</a>
</div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="3" role="group" aria-label="4 / 4" style="margin-right: 140px;">
<a href="#" onclick="return false;"> Home Addition</a>
</div>
<div class="swiper-slide swiper-slide-prev" data-swiper-slide-index="0" role="group" aria-label="1 / 4" style="margin-right: 140px;">
<a href="#" onclick="return false;"> Kitchen </a>
</div>
<div class="swiper-slide swiper-slide-active" data-swiper-slide-index="1" role="group" aria-label="2 / 4" style="margin-right: 140px;">
<a href="#" onclick="return false;"> Bathroom </a>
</div>
<div class="swiper-slide swiper-slide-next" data-swiper-slide-index="2" role="group" aria-label="3 / 4" style="margin-right: 140px;">
<a href="#" onclick="return false;"> Basement</a>
</div>
<div class="swiper-slide" data-swiper-slide-index="3" role="group" aria-label="4 / 4" style="margin-right: 140px;">
<a href="#" onclick="return false;"> Home Addition</a>
</div>
<div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-prev" data-swiper-slide-index="0" role="group" aria-label="1 / 4" style="margin-right: 140px;">
<a href="#" onclick="return false;"> Kitchen </a>
</div><div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-active" data-swiper-slide-index="1" role="group" aria-label="2 / 4" style="margin-right: 140px;">
<a href="#" onclick="return false;"> Bathroom </a>
</div><div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-next" data-swiper-slide-index="2" role="group" aria-label="3 / 4" style="margin-right: 140px;">
<a href="#" onclick="return false;"> Basement</a>
</div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="3" role="group" aria-label="4 / 4" style="margin-right: 140px;">
<a href="#" onclick="return false;"> Home Addition</a>
</div></div>
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
<img src="images/c_line3.png" alt="" class="c-line">
</section>
<!-- End testimonials -->
<!-- Start awards -->
<section id="locations" class="tc-awards-style1">
<div class="container">
<div class="awards-content">
<div class="mb-80 text-center js-splittext-lines">
<h2 class="fsz-45"> Our Locations </h2>
</div>
<div class="awards-list wow fadeInUp" data-wow-delay="0.2s" style="visibility: hidden; animation-delay: 0.2s; animation-name: none;">
<div class="award-row">
<div class="row gx-0 align-items-center">
<div class="col-lg-1">
<div class="year"> 1 </div>
</div>
<div class="col-lg-5 my-3 my-lg-0">
<h6 class="title fsz-23 fw-400"> Progress Kitchen and Bath Severna Park </h6>
</div>
<div class="col-lg-5">
<p> <i class="la la-map-marker me-3"></i> Ritchie Hwy, Severna Park, MD 21146</p>
</div>
<div class="col-lg-1 text-lg-end mt-4 mt-lg-0">
<i class="ti-arrow-top-right fsz-20"></i>
</div>
</div>
</div>
<div class="award-row">
<div class="row gx-0 align-items-center">
<div class="col-lg-1">
<div class="year"> 2 </div>
</div>
<div class="col-lg-5 my-3 my-lg-0">
<h6 class="title fsz-23 fw-400"> Progress Kitchen and Bath Chantily </h6>
</div>
<div class="col-lg-5">
<p> <i class="la la-map-marker me-3"></i>1420 Sullyfield Cir suite C , Chantily, VA 20151</p>
</div>
<div class="col-lg-1 text-lg-end mt-4 mt-lg-0">
<i class="ti-arrow-top-right fsz-20"></i>
</div>
</div>
</div>
<div class="award-row">
<div class="row gx-0 align-items-center">
<div class="col-lg-1">
<div class="year"> 3 </div>
</div>
<div class="col-lg-5 my-3 my-lg-0">
<h6 class="title fsz-23 fw-400"> Progress Kitchen and Bath Chesapeake </h6>
</div>
<div class="col-lg-5">
<p> <i class="la la-map-marker me-3"></i> 1217 Battlefield Blvd N Unit 102, Chesapeake, VA 23320</p>
</div>
<div class="col-lg-1 text-lg-end mt-4 mt-lg-0">
<i class="ti-arrow-top-right fsz-20"></i>
</div>
</div>
</div>
<!-- <div class="award-row extra-content" style="display: none;">
<div class="row gx-0 align-items-center">
<div class="col-lg-1">
<div class="year"> 4 </div>
</div>
<div class="col-lg-5 my-3 my-lg-0">
<h6 class="title fsz-23 fw-400"> Kitchen and Bathroom Shop CHARLESTOWN </h6>
</div>
<div class="col-lg-5">
<p> <i class="la la-map-marker me-3"></i> 34 Jefferson Avenue
CHARLESTOWN, WV, 25414 </p>
</div>
<div class="col-lg-1 text-lg-end mt-4 mt-lg-0">
<i class="ti-arrow-top-right fsz-20"></i>
</div>
</div>
</div>
<div class="award-row extra-content" style="display: none;">
<div class="row gx-0 align-items-center">
<div class="col-lg-1">
<div class="year"> 5 </div>
</div>
<div class="col-lg-5 my-3 my-lg-0">
<h6 class="title fsz-23 fw-400"> Kitchen and Bathroom Shop CHERRY HILL </h6>
</div>
<div class="col-lg-5">
<p> <i class="la la-map-marker me-3"></i> 1162 NJ-70
Cherry Hill, New Jersey, 08034 </p>
</div>
<div class="col-lg-1 text-lg-end mt-4 mt-lg-0">
<i class="ti-arrow-top-right fsz-20"></i>
</div>
</div>
</div>
<div class="award-row extra-content" style="display: none;">
<div class="row gx-0 align-items-center">
<div class="col-lg-1">
<div class="year"> 6 </div>
</div>
<div class="col-lg-5 my-3 my-lg-0">
<h6 class="title fsz-23 fw-400"> Kitchen and Bathroom Shop CHESAPEAKE </h6>
</div>
<div class="col-lg-5">
<p> <i class="la la-map-marker me-3"></i> 1217 N Battlefield Blvd, Suite 102
Chesapeake, Virginia, 23320 </p>
</div>
<div class="col-lg-1 text-lg-end mt-4 mt-lg-0">
<i class="ti-arrow-top-right fsz-20"></i>
</div>
</div>
</div>
<div class="award-row extra-content" style="display: none;">
<div class="row gx-0 align-items-center">
<div class="col-lg-1">
<div class="year"> 7 </div>
</div>
<div class="col-lg-5 my-3 my-lg-0">
<h6 class="title fsz-23 fw-400"> Kitchen and Bathroom Shop COLUMBIA </h6>
</div>
<div class="col-lg-5">
<p> <i class="la la-map-marker me-3"></i> 6955 Oakland Mills Rd Suite M1
Columbia, Maryland, 21045 </p>
</div>
<div class="col-lg-1 text-lg-end mt-4 mt-lg-0">
<i class="ti-arrow-top-right fsz-20"></i>
</div>
</div>
</div>
<div class="award-row extra-content" style="display: none;">
<div class="row gx-0 align-items-center">
<div class="col-lg-1">
<div class="year"> 8 </div>
</div>
<div class="col-lg-5 my-3 my-lg-0">
<h6 class="title fsz-23 fw-400"> Kitchen and Bathroom Shop FAIRFAX </h6>
</div>
<div class="col-lg-5">
<p> <i class="la la-map-marker me-3"></i> 9715 Fairfax Blvd.
Fairfax, Virginia, 22031 </p>
</div>
<div class="col-lg-1 text-lg-end mt-4 mt-lg-0">
<i class="ti-arrow-top-right fsz-20"></i>
</div>
</div>
</div>
<div class="award-row extra-content" style="display: none;">
<div class="row gx-0 align-items-center">
<div class="col-lg-1">
<div class="year"> 9 </div>
</div>
<div class="col-lg-5 my-3 my-lg-0">
<h6 class="title fsz-23 fw-400"> Kitchen and Bathroom Shop FREDERICK </h6>
</div>
<div class="col-lg-5">
<p> <i class="la la-map-marker me-3"></i> 1046 W Patrick St. Ste F
Frederick, Maryland, 21703 </p>
</div>
<div class="col-lg-1 text-lg-end mt-4 mt-lg-0">
<i class="ti-arrow-top-right fsz-20"></i>
</div>
</div>
</div>
<div class="award-row extra-content" style="display: none;">
<div class="row gx-0 align-items-center">
<div class="col-lg-1">
<div class="year"> 10 </div>
</div>
<div class="col-lg-5 my-3 my-lg-0">
<h6 class="title fsz-23 fw-400"> Kitchen and Bathroom Shop FREDERICKSBURG </h6>
</div>
<div class="col-lg-5">
<p> <i class="la la-map-marker me-3"></i> 3546 Plank Road
Fredericksburg, Virginia, 22407 </p>
</div>
<div class="col-lg-1 text-lg-end mt-4 mt-lg-0">
<i class="ti-arrow-top-right fsz-20"></i>
</div>
</div>
</div>
<div class="award-row extra-content" style="display: none;">
<div class="row gx-0 align-items-center">
<div class="col-lg-1">
<div class="year"> 11 </div>
</div>
<div class="col-lg-5 my-3 my-lg-0">
<h6 class="title fsz-23 fw-400"> Kitchen and Bathroom Shop HOUSTON </h6>
</div>
<div class="col-lg-5">
<p> <i class="la la-map-marker me-3"></i> 8741 Katy Fwy
Houston, Texas, 77024 </p>
</div>
<div class="col-lg-1 text-lg-end mt-4 mt-lg-0">
<i class="ti-arrow-top-right fsz-20"></i>
</div>
</div>
</div>
<div class="award-row extra-content" style="display: none;">
<div class="row gx-0 align-items-center">
<div class="col-lg-1">
<div class="year"> 12 </div>
</div>
<div class="col-lg-5 my-3 my-lg-0">
<h6 class="title fsz-23 fw-400"> Kitchen and Bathroom Shop JUPITER, FL </h6>
</div>
<div class="col-lg-5">
<p> <i class="la la-map-marker me-3"></i> 2532 W Indiantown Rd # 5
Jupiter, FL, 33458 </p>
</div>
<div class="col-lg-1 text-lg-end mt-4 mt-lg-0">
<i class="ti-arrow-top-right fsz-20"></i>
</div>
</div>
</div>
<div class="award-row extra-content" style="display: none;">
<div class="row gx-0 align-items-center">
<div class="col-lg-1">
<div class="year"> 13 </div>
</div>
<div class="col-lg-5 my-3 my-lg-0">
<h6 class="title fsz-23 fw-400"> Kitchen and Bathroom Shop LEESBURG </h6>
</div>
<div class="col-lg-5">
<p> <i class="la la-map-marker me-3"></i> 510-G E Market St
Leesburg, Virginia, 20176 </p>
</div>
<div class="col-lg-1 text-lg-end mt-4 mt-lg-0">
<i class="ti-arrow-top-right fsz-20"></i>
</div>
</div>
</div>
<div class="award-row extra-content" style="display: none;">
<div class="row gx-0 align-items-center">
<div class="col-lg-1">
<div class="year"> 14 </div>
</div>
<div class="col-lg-5 my-3 my-lg-0">
<h6 class="title fsz-23 fw-400"> Kitchen and Bathroom Shop LOS ANGELES </h6>
</div>
<div class="col-lg-5">
<p> <i class="la la-map-marker me-3"></i> 14945 Ventura Blvd Suite 100
Sherman Oaks, CA, 91403 </p>
</div>
<div class="col-lg-1 text-lg-end mt-4 mt-lg-0">
<i class="ti-arrow-top-right fsz-20"></i>
</div>
</div>
</div>
<div class="award-row extra-content" style="display: none;">
<div class="row gx-0 align-items-center">
<div class="col-lg-1">
<div class="year"> 15 </div>
</div>
<div class="col-lg-5 my-3 my-lg-0">
<h6 class="title fsz-23 fw-400"> Kitchen and Bathroom Shop NEWPORT NEWS </h6>
</div>
<div class="col-lg-5">
<p> <i class="la la-map-marker me-3"></i> 704 Mariners Row, Ste 102
Newport News, Virginia, 23606 </p>
</div>
<div class="col-lg-1 text-lg-end mt-4 mt-lg-0">
<i class="ti-arrow-top-right fsz-20"></i>
</div>
</div>
</div>
<div class="award-row extra-content" style="display: none;">
<div class="row gx-0 align-items-center">
<div class="col-lg-1">
<div class="year"> 16 </div>
</div>
<div class="col-lg-5 my-3 my-lg-0">
<h6 class="title fsz-23 fw-400"> Kitchen and Bathroom Shop PALM BEACH GARDENS
</h6>
</div>
<div class="col-lg-5">
<p> <i class="la la-map-marker me-3"></i> 7100 Fairway Drive Suite 26
Palm Beach Gardens, FL, 33418 </p>
</div>
<div class="col-lg-1 text-lg-end mt-4 mt-lg-0">
<i class="ti-arrow-top-right fsz-20"></i>
</div>
</div>
</div>
<div class="award-row extra-content" style="display: none;">
<div class="row gx-0 align-items-center">
<div class="col-lg-1">
<div class="year"> 17 </div>
</div>
<div class="col-lg-5 my-3 my-lg-0">
<h6 class="title fsz-23 fw-400"> Kitchen and Bathroom Shop ROCKVILLE </h6>
</div>
<div class="col-lg-5">
<p> <i class="la la-map-marker me-3"></i> 16801 Crabbs Branch Way, Unit 1
Derwood, Maryland, 20855 </p>
</div>
<div class="col-lg-1 text-lg-end mt-4 mt-lg-0">
<i class="ti-arrow-top-right fsz-20"></i>
</div>
</div>
</div>
<div class="award-row extra-content" style="display: none;">
<div class="row gx-0 align-items-center">
<div class="col-lg-1">
<div class="year"> 18 </div>
</div>
<div class="col-lg-5 my-3 my-lg-0">
<h6 class="title fsz-23 fw-400"> Kitchen and Bathroom Shop TIMONIUM </h6>
</div>
<div class="col-lg-5">
<p> <i class="la la-map-marker me-3"></i> 71 W Timonium Rd Unit 2
Timonium, Maryland, 21093 </p>
</div>
<div class="col-lg-1 text-lg-end mt-4 mt-lg-0">
<i class="ti-arrow-top-right fsz-20"></i>
</div>
</div>
</div>
<div class="award-row extra-content" style="display: none;">
<div class="row gx-0 align-items-center">
<div class="col-lg-1">
<div class="year"> 19 </div>
</div>
<div class="col-lg-5 my-3 my-lg-0">
<h6 class="title fsz-23 fw-400"> Kitchen and Bathroom Shop VIRGINIA BEACH </h6>
</div>
<div class="col-lg-5">
<p> <i class="la la-map-marker me-3"></i> 4388 Holland Rd Suite 120
Virginia Beach, Virginia, 23462 </p>
</div>
<div class="col-lg-1 text-lg-end mt-4 mt-lg-0">
<i class="ti-arrow-top-right fsz-20"></i>
</div>
</div>
</div>
<div class="award-row extra-content" style="display: none;">
<div class="row gx-0 align-items-center">
<div class="col-lg-1">
<div class="year"> 20 </div>
</div>
<div class="col-lg-5 my-3 my-lg-0">
<h6 class="title fsz-23 fw-400"> Kitchen and Bathroom Shop WASHINGTON D.C. </h6>
</div>
<div class="col-lg-5">
<p> <i class="la la-map-marker me-3"></i> 1828 Wisconsin Ave NW
Washington, DC, 20007 </p>
</div>
<div class="col-lg-1 text-lg-end mt-4 mt-lg-0">
<i class="ti-arrow-top-right fsz-20"></i>
</div>
</div>
</div>
<div class="award-row extra-content" style="display: none;">
<div class="row gx-0 align-items-center">
<div class="col-lg-1">
<div class="year"> 21 </div>
</div>
<div class="col-lg-5 my-3 my-lg-0">
<h6 class="title fsz-23 fw-400"> Kitchen and Bathroom Shop WAYNE </h6>
</div>
<div class="col-lg-5">
<p> <i class="la la-map-marker me-3"></i> 375 W Lancaster Ave
Wayne, Pennsylvania, 19087 </p>
</div>
<div class="col-lg-1 text-lg-end mt-4 mt-lg-0">
<i class="ti-arrow-top-right fsz-20"></i>
</div>
</div>
</div>
<div class="award-row extra-content" style="display: none;">
<div class="row gx-0 align-items-center">
<div class="col-lg-1">
<div class="year"> 22 </div>
</div>
<div class="col-lg-5 my-3 my-lg-0">
<h6 class="title fsz-23 fw-400"> Kitchen and Bathroom Shop WILMINGTON </h6>
</div>
<div class="col-lg-5">
<p> <i class="la la-map-marker me-3"></i> 2 Righter Parkway, S 301
Wilmington, DE, 19803 </p>
</div>
<div class="col-lg-1 text-lg-end mt-4 mt-lg-0">
<i class="ti-arrow-top-right fsz-20"></i>
</div>
</div>
</div>
<div class="award-row extra-content" style="display: none;">
<div class="row gx-0 align-items-center">
<div class="col-lg-1">
<div class="year"> 23 </div>
</div>
<div class="col-lg-5 my-3 my-lg-0">
<h6 class="title fsz-23 fw-400"> Kitchen and Bathroom Shop WINCHESTER </h6>
</div>
<div class="col-lg-5">
<p> <i class="la la-map-marker me-3"></i> 235 Kernstown Commons Blvd
Winchester, Virginia, 22602 </p>
</div>
<div class="col-lg-1 text-lg-end mt-4 mt-lg-0">
<i class="ti-arrow-top-right fsz-20"></i>
</div>
</div>
</div> -->
</div>
<div class="text-center mt-100 mb-40">
<a href="javascript:showMoreContent();" class="butn border rounded-pill hover-bg-orange1">
<span> Show More <i class="small ms-1 la la-angle-down"></i> </span>
</a>
</div>
</div>
</div>
</section>
<!-- End awards -->
<!-- Start team
<section class="tc-team-style1">
<div class="container">
<div class="mb-80 js-splittext-lines">
<h2 class="fsz-45"> Meet our top-notch experts </h2>
</div>
<div class="members">
<div class="row">
<div class="col-lg-2">
<div class="member-colmn">
<a href="#" class="team-card wow zoomIn">
<div class="img">
<img src="images/team1.jpg" alt="" class="img-cover">
</div>
<h5 class="title"> jhon <br> handerson </h5>
</a>
<a href="#" class="team-card wow zoomIn" data-wow-delay="0.1s">
<div class="img">
<img src="images/team2.jpg" alt="" class="img-cover">
</div>
<h5 class="title"> jhon <br> handerson </h5>
</a>
</div>
</div>
<div class="col-lg-4">
<div class="member-colmn">
<a href="#" class="team-card wow zoomIn" data-wow-delay="0.2s">
<div class="img">
<img src="images/team3.jpg" alt="" class="img-cover">
</div>
<h5 class="title"> jhon <br> handerson </h5>
</a>
</div>
</div>
<div class="col-lg-2">
<div class="member-colmn">
<a href="#" class="team-card wow zoomIn" data-wow-delay="0.3s">
<div class="img">
<img src="images/team4.jpg" alt="" class="img-cover">
</div>
<h5 class="title"> jhon <br> handerson </h5>
</a>
<a href="#" class="team-card wow zoomIn" data-wow-delay="0.4s">
<div class="img">
<img src="images/team5.jpg" alt="" class="img-cover">
</div>
<h5 class="title"> jhon <br> handerson </h5>
</a>
</div>
</div>
<div class="col-lg-2 order-last order-lg-0">
<div class="member-colmn">
<a href="#" class="team-card wow zoomIn" data-wow-delay="0.5s">
<div class="img">
<img src="images/team6.jpg" alt="" class="img-cover">
</div>
<h5 class="title"> jhon <br> handerson </h5>
</a>
<a href="#" class="team-card team-text wow zoomIn" data-wow-delay="0.6s">
<div class="img">
<h5 class="title">
<div class="con"> <span> Get Free <br> Estimate </span> <span
class="arrow"> <i class="ti-arrow-top-right"></i> </span> </div>
</h5>
</div>
</a>
</div>
</div>
<div class="col-lg-2">
<div class="member-colmn">
<a href="#" class="team-card wow zoomIn" data-wow-delay="0.7s">
<div class="img">
<img src="images/team7.jpg" alt="" class="img-cover">
</div>
<h5 class="title"> jhon <br> handerson </h5>
</a>
</div>
</div>
</div>
</div>
<div class="numbers">
<div class="row gx-5">
<div class="col-lg-4">
<div class="number-card wow fadeInUp" data-wow-delay="0.2s">
<h3 class="perc"> 95% </h3>
<p> Happy And Repeating Customers </p>
</div>
</div>
<div class="col-lg-4">
<div class="number-card wow fadeInUp" data-wow-delay="0.4s">
<h3 class="perc"> 1000 </h3>
<p> Projects Completed in <br> +20 Years </p>
</div>
</div>
<div class="col-lg-4">
<div class="number-card wow fadeInUp" data-wow-delay="0.6s">
<h3 class="perc"> +100 </h3>
<p> Architects and <br> High Qualified Crafters </p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End team -->
<!-- Start chat -->
<section style="border-radius: 40px 40px 0 0; margin-top: -40px; z-index: 10;" class="tc-chat-style1">
<div class="container">
<div class="content">
<a style="transform: rotateZ(5deg);" href="#" class="xl-text"> reimagine your home </a>
<h5 class="mb-50 lh-5"> Let us help your dream <br> become reality </h5>
</div>
</div>
<img src="images/c_line4.png" alt="" class="c-line wow" style="visibility: hidden; animation-name: none;">
<div class="form-div">
<div class="form-background">
<iframe id="JotFormIFrame-242366467230961" title="DROP US A LINE" onload="window.parent.scrollTo(0,0)" allowtransparency="true" allow="geolocation; microphone; camera; fullscreen" src="" frameborder="0" style="min-width:100%;max-width:100%;height:100vh;border:none;border-radius:5px;" scrolling="no"></iframe>
<script src="https://cdn.jotfor.ms/s/umd/latest/for-form-embed-handler.js"></script>
<script>
// Sayfa yükleniyor...
document.addEventListener('DOMContentLoaded', function () {
// URL'den parametreleri çıkarma fonksiyonu
function getQueryParam(param) {
var url = new URL(window.location.href);
return url.searchParams.get(param) || '';
}
// Parametreleri çıkar
var campaign = getQueryParam('utm_campaign');
var campaignDetails = campaign ? campaign.split('_') : ['', '', '', '', '']; // Yeterli sayıda boş dizi elemanı sağlamak için
var keyword = getQueryParam('keyword');
var gclid = getQueryParam('gclid');
var matchTypeMap = {
'e': 'Exact match',
'p': 'Phrase match',
'b': 'Broad match'
};
var networkMap = {
'g': 'Google search',
's': 'Search partner',
'd': 'Display Network',
'u': 'Smart Shopping Campaign',
'ytv': 'YouTube videos',
'yts': 'YouTube search',
'vp': 'Google video partners'
};
var deviceMap = {
'm': 'Mobile',
't': 'Tablet',
'c': 'Computer'
};
var matchtype = matchTypeMap[getQueryParam('matchtype')] || '';
var network = networkMap[getQueryParam('network')] || '';
var device = deviceMap[getQueryParam('device')] || '';
var adposition = getQueryParam('adposition');
var devicemodel = getQueryParam('devicemodel');
var loc_interest_ms = getQueryParam('loc_interest_ms');
var loc_physical_ms = getQueryParam('loc_physical_ms');
// JotForm iframe URL'ini oluştur
var jotFormURL = `https://form.jotform.com/242366467230961?cd_account=${encodeURIComponent(campaignDetails[0] || '')}&cd_campaign=${encodeURIComponent(campaignDetails[1] || '')}&cd_ad_set=${encodeURIComponent(campaignDetails[2] || '')}&cd_ad=${encodeURIComponent(campaignDetails[3] || '')}&cd_keyword=${encodeURIComponent(keyword || '')}&cd_gclid=${encodeURIComponent(gclid || '')}&cd_match_type=${encodeURIComponent(matchtype || '')}&cd_ad_position=${encodeURIComponent(adposition || '')}&cd_device=${encodeURIComponent(device || '')}&cd_device_model=${encodeURIComponent(devicemodel || '')}&cd_loc_interest_ms=${encodeURIComponent(loc_interest_ms || '')}&cd_loc_physical_ms=${encodeURIComponent(loc_physical_ms || '')}&cd_network=${encodeURIComponent(network || '')}
`;
setTimeout(function () {
// iframe'in src niteliğini güncelle ve yükle
var iframe = document.getElementById('JotFormIFrame-242366467230961');
iframe.src = jotFormURL;
}, 1000); // Gecikme süresini 1000 ms olarak ayarla
});
</script>
</div>
</div>
</section>
<!-- End chat -->
</main>
<!--End-Contents-->
<!-- Start footer -->
<footer class="tc-footer-style1">
<div class="container">
<div style="padding-bottom: 0px;" class="top-content section-padding">
<div class="row gx-0">
<div class="col-lg-4">
<div class="info-side">
<div class="text fsz-24 color-333 lh-3 fw-600">
We believe that architecture has the power to shape lives and uplift communities. Progress Kitchen And Bath’s philosophy is passion for innovation, sustainablity and timeless aesthetics.
</div>
<!-- <div class="foot-social mt-50">
<a href="#"> <i class="fab fa-x-twitter"></i> </a>
<a href="#"> <i class="fab fa-facebook-f"></i> </a>
<a href="#"> <i class="fab fa-instagram"></i> </a>
<a href="#"> <i class="fab fa-linkedin-in"></i> </a>
<a href="#"> <i class="fab fa-youtube"></i> </a>
</div> -->
</div>
</div>
<div class="col-lg-3 offset-lg-2">
<div class="branch-card">
<h5 class="mb-20 mt-5 mt-lg-0 fw-600"> Contact </h5>
<ul class="footer-links">
<li> <a href="#locations"> See All Locaitons </a> </li>
<li> <a href="mailto:[email protected]"> [email protected] </a> </li>
<li> <a href="tel:410-401-4904"> 410-401-4904 </a> </li>
<li> <a href="#" class="butn border jotform rounded-pill color-orange1 border-orange1 hover-bg-orange1" style="padding: 10px;margin-top: 15px;">
<span> Get Free Estimate <i class="small ms-1 ti-arrow-top-right"></i>
</span>
</a>
</li>
</ul>
</div>
<!-- <div class="branch-card">
<h5 class="mb-20 mt-5 fw-600"> Boston, MA </h5>
<ul class="footer-links">
<li> <a href="#"> 3D Visualization Architect </a> </li>
<li> <a href="#"> Interior Architect </a> </li>
<li> <a href="#"> Sustainable Design Architect </a> </li>
</ul>
</div> -->
</div>
<div class="col-lg-3">
<img src="images/footer-img.png" alt="" style="padding-bottom: 40px; visibility: hidden; animation-name: none;" class="c-line wow">
<!-- <div class="branch-card">
<h5 class="mb-20 mt-5 mt-lg-0 fw-600"> Portland, OR </h5>
<ul class="footer-links">
<li> <a href="#"> 2221 Sw Broadway Dr, Portland, OR 97201 </a> </li>
<li> <a href="#"> [email protected] </a> </li>
<li> <a href="#"> (021) 4246 63 68 </a> </li>
</ul>
</div>
<div class="branch-card">
<h5 class="mb-20 mt-5 fw-600"> Helps </h5>
<ul class="footer-links">
<li> <a href="#"> Term & Conditions </a> </li>
<li> <a href="#"> Partner Policy </a> </li>
</ul>
</div>
</div> -->
</div>
</div>
<div class="foot">
<div class="row">
<div class="col-lg-6">
<p class="fsz-13"> © 2024 Copyright 2024. All Rights Reserved. </p>
</div>
<div class="col-lg-6">
<div class="foot-links mt-4 mt-lg-0">
<a href="#"> Home </a>
<a href="#about"> About </a>
<a href="#services"> Services </a>
<a href="#work"> Our Work </a>
<a href="#locations"> Locaitons </a>
<a href="#contact"> Contact </a>
</div>
</div>
</div>
</div>
</div>
</div></footer>
<!-- End footer -->
</div>
<script>
function getQueryParam(param) {
const params = new URLSearchParams(window.location.search);
return params.get(param) || '';
}
function openPopup(event) {
event.preventDefault();
const matchTypeMap = {
'e': 'Exact match',
'p': 'Phrase match',
'b': 'Broad match'
};
const networkMap = {
'g': 'Google search',
's': 'Search partner',
'd': 'Display Network',
'u': 'Smart Shopping Campaign',
'ytv': 'YouTube videos',
'yts': 'YouTube search',
'vp': 'Google video partners'
};
const deviceMap = {
'm': 'Mobile',
't': 'Tablet',
'c': 'Computer'
};
const campaignDetails = getQueryParam('utm_campaign').split('_');
const keyword = getQueryParam('keyword');
const gclid = getQueryParam('gclid');
const matchtype = matchTypeMap[getQueryParam('matchtype')] || '';
const adposition = getQueryParam('adposition');
const device = deviceMap[getQueryParam('device')] || '';
const devicemodel = getQueryParam('devicemodel');
const loc_interest_ms = getQueryParam('loc_interest_ms');
const loc_physical_ms = getQueryParam('loc_physical_ms');
const network = networkMap[getQueryParam('network')] || '';
const jotFormUrl = `https://form.jotform.com/242366467230961?cd_account=${encodeURIComponent(campaignDetails[0] || '')}&cd_campaign=${encodeURIComponent(campaignDetails[1] || '')}&cd_ad_set=${encodeURIComponent(campaignDetails[2] || '')}&cd_ad=${encodeURIComponent(campaignDetails[3] || '')}&cd_keyword=${encodeURIComponent(keyword)}&cd_gclid=${encodeURIComponent(gclid)}&cd_match_type=${encodeURIComponent(matchtype)}&cd_ad_position=${encodeURIComponent(adposition)}&cd_device=${encodeURIComponent(device)}&cd_device_model=${encodeURIComponent(devicemodel)}&cd_loc_interest_ms=${encodeURIComponent(loc_interest_ms)}&cd_loc_physical_ms=${encodeURIComponent(loc_physical_ms)}&cd_network=${encodeURIComponent(network)}`;
const overlay = document.createElement('div');
overlay.className = 'overlay';
document.body.appendChild(overlay);
const popup = document.createElement('div');
popup.className = 'popup';
overlay.appendChild(popup);
const iframe = document.createElement('iframe');
iframe.src = jotFormUrl;
popup.appendChild(iframe);
const closeButton = document.createElement('button');
closeButton.className = 'close-button';
closeButton.innerHTML = '×';
closeButton.onclick = () => {
document.body.removeChild(overlay);
};
popup.appendChild(closeButton);
}
document.querySelectorAll('.jotform').forEach(button => {
button.addEventListener('click', openPopup);
});
</script>
<!-- Start to top button -->
<!-- <a href="#" class="to_top" id="to_top">
<i class="la la-angle-up"></i>
</a> -->
<!-- End to top button -->
<!-- request -->
<script src="https://code.jquery.com/jquery-3.7.1.js"></script>
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<script src="js/bootstrap.bundle.min.js"></script>
<script src="js/wow.min.js"></script>
<script src="js/jquery.fancybox.js"></script>
<script src="js/lity.js"></script>
<script src="js/swiper8-bundle.min.js"></script>
<script src="js/jquery.waypoints.min.js"></script>
<script src="js/jquery.counterup.js"></script>
<script src="js/parallaxie.js"></script>
<!-- === Gsap === -->
<script src="js/gsap.min.js"></script>
<script src="js/ScrollSmoother.min.js"></script>
<script src="js/ScrollTrigger.min.js"></script>
<script src="js/SplitText.min.js"></script>
<!-- === common === -->
<script src="js/common_js.js"></script>
<!-- ===== home scripts scroll problemi ===== -->
<script src="js/home_1_scripts.js"></script>
</body></html>