ai_ml_operations/preview_sites
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added more preview pages and more templates

Browse Source
This commit is contained in:
westfarn
2026-07-21 07:10:03 -05:00
parent c6119ffdf5
commit b19fdee30d
3726 changed files with 651487 additions and 6169 deletions
Download Patch File Download Diff File Expand all files Collapse all files
proposals/paint-to-please/mockup/assets/css/style.css
+26 -9
View File
@@ -1313,7 +1313,7 @@ p {
outline: none;
}
.btn-primary {
background-color: #F52A85;
background-color: #C2185B;
color: #fff;
-webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922);
box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922);
@@ -1740,6 +1740,9 @@ p {
.flyoutMenu .flyout__inner .menu__header-top .closest__btn {
cursor: pointer;
width: auto;
background: transparent;
border: none;
padding: 0;
}
.flyoutMenu .flyout__inner .menu__header-top .brand__logo {
max-width: 150px;
@@ -3346,7 +3349,7 @@ p {
.footer__widget p {
font-family: "Inter", sans-serif;
font-size: 16px;
color: #677a85;
color: #4A5568;
line-height: 24px;
margin-bottom: 0;
}
@@ -3380,8 +3383,8 @@ p {
}
.footer__widget .social__icon ul li a {
font-size: 16px;
color: #F52A85;
background: rgba(245, 42, 133, 0.1);
color: #C2185B;
background: rgba(194, 24, 91, 0.12);
height: 40px;
width: 40px;
-webkit-box-align: center;
@@ -3439,10 +3442,9 @@ p {
.footer__widget .widget__list li a {
font-family: "Inter", sans-serif;
font-size: 16px;
color: #677a85;
color: #4A5568;
line-height: 24px;
font-weight: 400;
color: #677a85;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
@@ -3558,7 +3560,7 @@ p {
font-size: 16px;
font-weight: 400;
line-height: 24px;
color: #677a85;
color: #4A5568;
text-transform: capitalize;
margin-bottom: 0;
}
@@ -3567,7 +3569,7 @@ p {
font-size: 16px;
font-weight: 400;
line-height: 24px;
color: #677a85;
color: #4A5568;
display: inline-block;
position: relative;
margin-left: 16px;
@@ -3600,4 +3602,19 @@ p {
/*********************************
/* Footer Section End
*********************************/
*********************************/
.preview-concept-banner a {
color: #93c5fd;
margin-left: 6px;
text-decoration: underline;
text-underline-offset: 2px;
}
.footer__bottom .aiml-credit {
margin-top: 8px;
}
.footer__bottom .aiml-credit a {
color: #4A5568;
}
proposals/paint-to-please/mockup/assets/js/scripts.js
+6 -1
View File
@@ -89,20 +89,25 @@
*********************************/
$(".toggler__btn").on("click", function (event) {
event.preventDefault();
$(".flyoutMenu").toggleClass("active");
var isOpen = $(".flyoutMenu").toggleClass("active").hasClass("active");
$(this).attr("aria-expanded", isOpen ? "true" : "false");
$(this).attr("aria-label", isOpen ? "Close menu" : "Open menu");
});
$(".closest__btn").on("click", function (event) {
event.preventDefault();
$(".flyoutMenu").removeClass("active");
$(".toggler__btn").attr("aria-expanded", "false").attr("aria-label", "Open menu");
});
$('.flyout-main__menu li a').on('click', function () {
$('.flyoutMenu').removeClass('active');
$(".toggler__btn").attr("aria-expanded", "false").attr("aria-label", "Open menu");
});
$(document).on("click", function (e) {
if ($(e.target).closest(".flyout__inner").length === 0 && $(e.target).closest(".toggler__btn").length === 0) {
$(".flyoutMenu").removeClass("active");
$(".toggler__btn").attr("aria-expanded", "false").attr("aria-label", "Open menu");
}
});
proposals/paint-to-please/mockup/index.html
+97 -97
View File
@@ -34,6 +34,8 @@
"areaServed": ["Wheaton", "DuPage County"]
}
</script>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<style>
.preview-concept-banner{position:fixed;top:0;left:0;right:0;z-index:99999;background:#1a2332;color:#fff;font:600 13px/1.4 system-ui,sans-serif;padding:8px 16px;text-align:center}
.preview-concept-banner span{opacity:.85;font-weight:400}
@@ -47,23 +49,23 @@
</style>
<link rel="shortcut icon" href="assets/images/logo/favicon.png" type="image/f-icon" />
<!-- font awesome -->
<link rel="stylesheet" href="assets/css/all.min.css" />
<!-- bootstraph -->
<!-- Critical CSS -->
<link rel="stylesheet" href="assets/css/bootstrap.min.css" />
<!-- Swiper js -->
<link rel="stylesheet" href="assets/css/swiper-bundle.min.css" />
<!-- Progress bar -->
<link rel="stylesheet" href="assets/css/jquery.rprogessbar.min.css" />
<!-- FancyBox Js -->
<link rel="stylesheet" href="assets/css/jquery.fancybox.min.css" />
<!-- Aos -->
<link rel="stylesheet" href="assets/css/aos.css" />
<!-- User's CSS Here -->
<link rel="stylesheet" href="assets/css/style.css" />
<!-- Secondary CSS (non-blocking) -->
<link rel="stylesheet" href="assets/css/all.min.css" media="print" onload="this.media='all'" />
<noscript><link rel="stylesheet" href="assets/css/all.min.css" /></noscript>
<link rel="stylesheet" href="assets/css/swiper-bundle.min.css" media="print" onload="this.media='all'" />
<noscript><link rel="stylesheet" href="assets/css/swiper-bundle.min.css" /></noscript>
<link rel="stylesheet" href="assets/css/jquery.rprogessbar.min.css" media="print" onload="this.media='all'" />
<noscript><link rel="stylesheet" href="assets/css/jquery.rprogessbar.min.css" /></noscript>
<link rel="stylesheet" href="assets/css/jquery.fancybox.min.css" media="print" onload="this.media='all'" />
<noscript><link rel="stylesheet" href="assets/css/jquery.fancybox.min.css" /></noscript>
<link rel="stylesheet" href="assets/css/aos.css" media="print" onload="this.media='all'" />
<noscript><link rel="stylesheet" href="assets/css/aos.css" /></noscript>
</head>
<body>
<div class="preview-concept-banner">UX Concept Preview — Paint to Please <span>· Concept site — not live</span> · <a href="ux-gallery.html" style="color:#93c5fd;margin-left:6px">Feature gallery</a> · <a href="pricing.html" style="color:#93c5fd">Pricing</a></div>
<div class="preview-concept-banner">UX Concept Preview — Paint to Please <span>· Concept site — not live</span> · <a href="ux-gallery.html">Feature gallery</a> · <a href="pricing.html">Pricing</a></div>
<!-- pre-loader start -->
<div class="preloader">
<div class="loader">
@@ -88,7 +90,7 @@
<div class="header__wrapper">
<!-- Logo Start -->
<div class="header__logo">
<a href="index.html"><img src="assets/images/logo/logo.png" alt="Paint to Please" /><span class="ptp-wordmark"><strong>Paint to Please</strong><small>Wheaton, IL</small></span></a>
<a href="index.html"><img src="assets/images/logo/logo.png" alt="Paint to Please" width="416" height="126" /><span class="ptp-wordmark"><strong>Paint to Please</strong><small>Wheaton, IL</small></span></a>
</div>
<!-- Logo End -->
<!-- Header Menu Start -->
@@ -112,7 +114,7 @@
</ul>
<!-- Header Toggle Start -->
<div class="header__toggle d-lg-none">
<button class="toggler__btn">
<button type="button" class="toggler__btn" aria-label="Open menu" aria-expanded="false" aria-controls="flyout-menu">
<svg width="18" height="12" viewBox="0 0 18 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 12H18V10H0V12ZM0 7H18V5H0V7ZM0 0V2H18V0H0Z" fill="#667085" />
</svg>
@@ -151,7 +153,7 @@
</div>
<div class="col-lg-6 col-md-6">
<div class="banner__figure">
<div class="hero__image"><img src="assets/images/banner/banner-02.png" alt="about-pic" /></div>
<div class="hero__image"><img src="assets/images/banner/banner-02.png" alt="Interior painting in a Wheaton home" width="900" height="900" fetchpriority="high" /></div>
</div>
</div>
</div>
@@ -165,11 +167,11 @@
<div class="row align-items-center">
<div class="col-lg-6">
<div class="about__image" data-aos="fade-right" data-aos-duration="1000">
<img src="assets/images/about/about-01.png" class="main-image" alt="about" />
<img src="assets/images/about/shape.png" class="shape" alt="shape" />
<img src="assets/images/about/about-01.png" class="main-image" alt="Paint to Please craftsman at work" width="900" height="900" loading="lazy" decoding="async" />
<img src="assets/images/about/shape.png" class="shape" alt="" width="185" height="95" loading="lazy" decoding="async" />
<div class="mission__wrapper text-center">
<div class="icon">
<img src="assets/images/about/badge.png" alt="badge" />
<img src="assets/images/about/badge.png" alt="" width="40" height="41" loading="lazy" decoding="async" />
</div>
<div class="mission__content">
<h5 class="title">Our Promise</h5>
@@ -228,7 +230,7 @@
<div class="col-lg-4 col-md-6 col-sm-6">
<div class="service__box" data-aos="fade-up" data-aos-duration="1000">
<div class="service__icon" data-bg="#F52A85">
<img src="assets/images/icon/s-icon-01.png" alt="service" />
<img src="assets/images/icon/s-icon-01.png" alt="" loading="lazy" decoding="async" />
</div>
<div class="service__content">
<h4 class="title"><a href="#contact">Interior Walls &amp; Ceilings</a></h4>
@@ -242,7 +244,7 @@
<div class="col-lg-4 col-md-6 col-sm-6">
<div class="service__box" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="200">
<div class="service__icon" data-bg="#1ECBEA">
<img src="assets/images/icon/s-icon-02.png" alt="service" />
<img src="assets/images/icon/s-icon-02.png" alt="" loading="lazy" decoding="async" />
</div>
<div class="service__content">
<h4 class="title"><a href="#contact">Wallpaper Removal</a></h4>
@@ -256,7 +258,7 @@
<div class="col-lg-4 col-md-6 col-sm-6">
<div class="service__box" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="200">
<div class="service__icon" data-bg="#F52A85">
<img src="assets/images/icon/s-icon-03.png" alt="service" />
<img src="assets/images/icon/s-icon-03.png" alt="" loading="lazy" decoding="async" />
</div>
<div class="service__content">
<h4 class="title"><a href="#contact">Trim &amp; Baseboards</a></h4>
@@ -270,7 +272,7 @@
<div class="col-lg-4 col-md-6 col-sm-6">
<div class="service__box" data-aos="fade-up" data-aos-duration="1000">
<div class="service__icon" data-bg="#F5962A">
<img src="assets/images/icon/s-icon-04.png" alt="service" />
<img src="assets/images/icon/s-icon-04.png" alt="" loading="lazy" decoding="async" />
</div>
<div class="service__content">
<h4 class="title"><a href="#contact">Fireplaces &amp; Built-Ins</a></h4>
@@ -284,7 +286,7 @@
<div class="col-lg-4 col-md-6 col-sm-6">
<div class="service__box" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="200">
<div class="service__icon" data-bg="#F52A85">
<img src="assets/images/icon/s-icon-05.png" alt="service" />
<img src="assets/images/icon/s-icon-05.png" alt="" loading="lazy" decoding="async" />
</div>
<div class="service__content">
<h4 class="title"><a href="#contact">Cabinet Painting</a></h4>
@@ -298,7 +300,7 @@
<div class="col-lg-4 col-md-6 col-sm-6">
<div class="service__box" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="200">
<div class="service__icon" data-bg="#CC2AF5">
<img src="assets/images/icon/s-icon-06.png" alt="service" />
<img src="assets/images/icon/s-icon-06.png" alt="" loading="lazy" decoding="async" />
</div>
<div class="service__content">
<h4 class="title"><a href="#contact">Multi-Room Projects</a></h4>
@@ -321,7 +323,7 @@
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-6">
<div class="counter__box" data-bg="#F52A85" data-aos="fade-up" data-aos-duration="1000">
<div class="icon">
<img src="assets/images/counter/counter-01.png" alt="counter" />
<img src="assets/images/counter/counter-01.png" alt="" loading="lazy" decoding="async" />
</div>
<div class="counter__content">
<div class="counter__value">
@@ -335,7 +337,7 @@
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-6">
<div class="counter__box" data-bg="#1ECBEA" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="200">
<div class="icon">
<img src="assets/images/counter/counter-02.png" alt="counter" />
<img src="assets/images/counter/counter-02.png" alt="" loading="lazy" decoding="async" />
</div>
<div class="counter__content">
<div class="counter__value">
@@ -349,7 +351,7 @@
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-6">
<div class="counter__box" data-bg="#F5962A" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="200">
<div class="icon">
<img src="assets/images/counter/counter-03.png" alt="counter" />
<img src="assets/images/counter/counter-03.png" alt="" loading="lazy" decoding="async" />
</div>
<div class="counter__content">
<div class="counter__value">
@@ -363,7 +365,7 @@
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-6">
<div class="counter__box" data-bg="#1EC651" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="200">
<div class="icon">
<img src="assets/images/counter/counter-04.png" alt="counter" />
<img src="assets/images/counter/counter-04.png" alt="" loading="lazy" decoding="async" />
</div>
<div class="counter__content">
<div class="counter__value">
@@ -423,7 +425,7 @@
</div>
<div class="col-lg-6 col-md-6">
<div class="choose__sideImage" data-aos="fade-left" data-aos-duration="1000">
<img src="assets/images/choose/choose-01.png" alt="choose-image" />
<img src="assets/images/choose/choose-01.png" alt="Finished interior painting detail" width="900" height="900" loading="lazy" decoding="async" />
</div>
</div>
</div>
@@ -438,9 +440,9 @@
<div class="col-lg-4 col-md-6 col-sm-6">
<div class="project__box" data-aos="fade-up" data-aos-duration="1000">
<div class="project__image">
<img src="assets/images/project/project-01.jpg" alt="project-image" />
<img src="assets/images/project/project-01.jpg" alt="Family room and trim painting project" loading="lazy" decoding="async" />
</div>
<a data-fancybox="gallery" href="assets/images/project/project-01.jpg">
<a data-fancybox="gallery" href="assets/images/project/project-01.jpg" aria-label="View Family Room &amp; Trim project">
<div class="popup__button"><i class="fa-solid fa-magnifying-glass"></i></div>
</a>
<div class="project__content">
@@ -452,9 +454,9 @@
<div class="col-lg-4 col-md-6 col-sm-6">
<div class="project__box" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="200">
<div class="project__image">
<img src="assets/images/project/project-02.jpg" alt="project-image" />
<img src="assets/images/project/project-02.jpg" alt="Kitchen refresh painting project" loading="lazy" decoding="async" />
</div>
<a data-fancybox="gallery" href="assets/images/project/project-02.jpg">
<a data-fancybox="gallery" href="assets/images/project/project-02.jpg" aria-label="View Kitchen Refresh project">
<div class="popup__button"><i class="fa-solid fa-magnifying-glass"></i></div>
</a>
<div class="project__content">
@@ -466,9 +468,9 @@
<div class="col-lg-4 col-md-6 col-sm-6">
<div class="project__box" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="200">
<div class="project__image">
<img src="assets/images/project/project-03.jpg" alt="project-image" />
<img src="assets/images/project/project-03.jpg" alt="Living spaces painting project" loading="lazy" decoding="async" />
</div>
<a data-fancybox="gallery" href="assets/images/project/project-03.jpg">
<a data-fancybox="gallery" href="assets/images/project/project-03.jpg" aria-label="View Living Spaces project">
<div class="popup__button"><i class="fa-solid fa-magnifying-glass"></i></div>
</a>
<div class="project__content">
@@ -480,9 +482,9 @@
<div class="col-lg-6 col-md-6 col-sm-6">
<div class="project__box" data-aos="fade-up" data-aos-duration="1000">
<div class="project__image">
<img src="assets/images/project/project-04.jpg" alt="project-image" />
<img src="assets/images/project/project-04.jpg" alt="Fireplace and bookcase painting project" loading="lazy" decoding="async" />
</div>
<a data-fancybox="gallery" href="assets/images/project/project-04.jpg">
<a data-fancybox="gallery" href="assets/images/project/project-04.jpg" aria-label="View Fireplace &amp; Bookcase project">
<div class="popup__button"><i class="fa-solid fa-magnifying-glass"></i></div>
</a>
<div class="project__content">
@@ -494,9 +496,9 @@
<div class="col-lg-6 col-md-12">
<div class="project__box" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="200">
<div class="project__image">
<img src="assets/images/project/project-05.jpg" alt="project-image" />
<img src="assets/images/project/project-05.jpg" alt="Whole-home refresh painting project" loading="lazy" decoding="async" />
</div>
<a data-fancybox="gallery" href="assets/images/project/project-05.jpg">
<a data-fancybox="gallery" href="assets/images/project/project-05.jpg" aria-label="View Whole-Home Refresh project">
<div class="popup__button"><i class="fa-solid fa-magnifying-glass"></i></div>
</a>
<div class="project__content">
@@ -532,7 +534,7 @@
<p class="testimonial__content">Bill did a great job on our family room — lots of trim, a fireplace, and a bookcase. The edges look amazing.</p>
<div class="testimonial__avatar">
<div class="avatar">
<img src="assets/images/testimonial/avatar-01.png" alt="avatar" />
<img src="assets/images/testimonial/avatar-01.png" alt="" loading="lazy" decoding="async" />
</div>
<div class="avatar__content">
<h4 class="title">Ann B.</h4>
@@ -558,7 +560,7 @@
<p class="testimonial__content">Highly recommend Bill. Professional, honest, fair pricing. Beautiful finished product — neat, fast, and efficient.</p>
<div class="testimonial__avatar">
<div class="avatar">
<img src="assets/images/testimonial/avatar-02.png" alt="avatar" />
<img src="assets/images/testimonial/avatar-02.png" alt="" loading="lazy" decoding="async" />
</div>
<div class="avatar__content">
<h4 class="title">Phyllis V.</h4>
@@ -584,7 +586,7 @@
<p class="testimonial__content">Very professional, honest, hardworking, and fair. Did a great job painting two rooms in my home.</p>
<div class="testimonial__avatar">
<div class="avatar">
<img src="assets/images/testimonial/avatar-03.png" alt="avatar" />
<img src="assets/images/testimonial/avatar-03.png" alt="" loading="lazy" decoding="async" />
</div>
<div class="avatar__content">
<h4 class="title">Luann M.</h4>
@@ -610,7 +612,7 @@
<p class="testimonial__content">Responsive when we needed the kitchen, family room, baths, and laundry painted. Fast, flexible, neat, and reasonable.</p>
<div class="testimonial__avatar">
<div class="avatar">
<img src="assets/images/testimonial/avatar-04.png" alt="avatar" />
<img src="assets/images/testimonial/avatar-04.png" alt="" loading="lazy" decoding="async" />
</div>
<div class="avatar__content">
<h4 class="title">Clara H.</h4>
@@ -636,7 +638,7 @@
<p class="testimonial__content">Bill was fabulous — probably the best painter we have ever had. Meticulous, fast, and highly recommended.</p>
<div class="testimonial__avatar">
<div class="avatar">
<img src="assets/images/testimonial/avatar-01.png" alt="avatar" />
<img src="assets/images/testimonial/avatar-01.png" alt="" loading="lazy" decoding="async" />
</div>
<div class="avatar__content">
<h4 class="title">Gina D.</h4>
@@ -662,7 +664,7 @@
<p class="testimonial__content">On time, thorough, and respectful of our home. Clean lines and a finish we are proud of.</p>
<div class="testimonial__avatar">
<div class="avatar">
<img src="assets/images/testimonial/avatar-02.png" alt="avatar" />
<img src="assets/images/testimonial/avatar-02.png" alt="" loading="lazy" decoding="async" />
</div>
<div class="avatar__content">
<h4 class="title">Local Homeowner</h4>
@@ -692,7 +694,7 @@
<p class="testimonial__content">Bill did a great job on our family room — lots of trim, a fireplace, and a bookcase. The edges look amazing.</p>
<div class="testimonial__avatar">
<div class="avatar">
<img src="assets/images/testimonial/avatar-01.png" alt="avatar" />
<img src="assets/images/testimonial/avatar-01.png" alt="" loading="lazy" decoding="async" />
</div>
<div class="avatar__content">
<h4 class="title">Ann B.</h4>
@@ -718,7 +720,7 @@
<p class="testimonial__content">Highly recommend Bill. Professional, honest, fair pricing. Beautiful finished product — neat, fast, and efficient.</p>
<div class="testimonial__avatar">
<div class="avatar">
<img src="assets/images/testimonial/avatar-02.png" alt="avatar" />
<img src="assets/images/testimonial/avatar-02.png" alt="" loading="lazy" decoding="async" />
</div>
<div class="avatar__content">
<h4 class="title">Phyllis V.</h4>
@@ -744,7 +746,7 @@
<p class="testimonial__content">Very professional, honest, hardworking, and fair. Did a great job painting two rooms in my home.</p>
<div class="testimonial__avatar">
<div class="avatar">
<img src="assets/images/testimonial/avatar-03.png" alt="avatar" />
<img src="assets/images/testimonial/avatar-03.png" alt="" loading="lazy" decoding="async" />
</div>
<div class="avatar__content">
<h4 class="title">Luann M.</h4>
@@ -770,7 +772,7 @@
<p class="testimonial__content">Responsive when we needed the kitchen, family room, baths, and laundry painted. Fast, flexible, neat, and reasonable.</p>
<div class="testimonial__avatar">
<div class="avatar">
<img src="assets/images/testimonial/avatar-04.png" alt="avatar" />
<img src="assets/images/testimonial/avatar-04.png" alt="" loading="lazy" decoding="async" />
</div>
<div class="avatar__content">
<h4 class="title">Clara H.</h4>
@@ -796,7 +798,7 @@
<p class="testimonial__content">Bill was fabulous — probably the best painter we have ever had. Meticulous, fast, and highly recommended.</p>
<div class="testimonial__avatar">
<div class="avatar">
<img src="assets/images/testimonial/avatar-01.png" alt="avatar" />
<img src="assets/images/testimonial/avatar-01.png" alt="" loading="lazy" decoding="async" />
</div>
<div class="avatar__content">
<h4 class="title">Gina D.</h4>
@@ -822,7 +824,7 @@
<p class="testimonial__content">On time, thorough, and respectful of our home. Clean lines and a finish we are proud of.</p>
<div class="testimonial__avatar">
<div class="avatar">
<img src="assets/images/testimonial/avatar-02.png" alt="avatar" />
<img src="assets/images/testimonial/avatar-02.png" alt="" loading="lazy" decoding="async" />
</div>
<div class="avatar__content">
<h4 class="title">Local Homeowner</h4>
@@ -866,7 +868,7 @@
<div class="col-lg-4 col-md-4 col-sm-6">
<div class="team__card text-left" data-aos="fade-up" data-aos-duration="1000">
<div class="team__avatar">
<img src="assets/images/team/team-01.jpg" alt="image" />
<img src="assets/images/team/team-01.jpg" alt="Bill, owner and interior painter" loading="lazy" decoding="async" />
</div>
<div class="team__content">
<h5><a href="#contact">Bill</a></h5>
@@ -874,16 +876,16 @@
<div class="social__icon">
<ul>
<li>
<a href="#"><i class="fab fa-facebook-f"></i></a>
<a href="#" aria-label="Facebook"><i class="fab fa-facebook-f" aria-hidden="true"></i></a>
</li>
<li>
<a href="#"><i class="fab fa-linkedin-in"></i></a>
<a href="#" aria-label="LinkedIn"><i class="fab fa-linkedin-in" aria-hidden="true"></i></a>
</li>
<li>
<a href="#"><i class="fab fa-instagram"></i></a>
<a href="#" aria-label="Instagram"><i class="fab fa-instagram" aria-hidden="true"></i></a>
</li>
<li>
<a href="#"><i class="fab fa-dribbble"></i></a>
<a href="#" aria-label="Dribbble"><i class="fab fa-dribbble" aria-hidden="true"></i></a>
</li>
</ul>
</div>
@@ -893,7 +895,7 @@
<div class="col-lg-4 col-md-4 col-sm-6">
<div class="team__card text-left" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="200">
<div class="team__avatar">
<img src="assets/images/team/team-02.jpg" alt="image" />
<img src="assets/images/team/team-02.jpg" alt="Estimate and prep phase" loading="lazy" decoding="async" />
</div>
<div class="team__content">
<h5><a href="#contact">Estimate &amp; Prep</a></h5>
@@ -901,16 +903,16 @@
<div class="social__icon">
<ul>
<li>
<a href="#"><i class="fab fa-facebook-f"></i></a>
<a href="#" aria-label="Facebook"><i class="fab fa-facebook-f" aria-hidden="true"></i></a>
</li>
<li>
<a href="#"><i class="fab fa-linkedin-in"></i></a>
<a href="#" aria-label="LinkedIn"><i class="fab fa-linkedin-in" aria-hidden="true"></i></a>
</li>
<li>
<a href="#"><i class="fab fa-instagram"></i></a>
<a href="#" aria-label="Instagram"><i class="fab fa-instagram" aria-hidden="true"></i></a>
</li>
<li>
<a href="#"><i class="fab fa-dribbble"></i></a>
<a href="#" aria-label="Dribbble"><i class="fab fa-dribbble" aria-hidden="true"></i></a>
</li>
</ul>
</div>
@@ -920,7 +922,7 @@
<div class="col-lg-4 col-md-4 col-sm-6">
<div class="team__card text-left" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="200">
<div class="team__avatar">
<img src="assets/images/team/team-03.jpg" alt="image" />
<img src="assets/images/team/team-03.jpg" alt="Paint and finish phase" loading="lazy" decoding="async" />
</div>
<div class="team__content">
<h5><a href="#contact">Paint &amp; Finish</a></h5>
@@ -928,16 +930,16 @@
<div class="social__icon">
<ul>
<li>
<a href="#"><i class="fab fa-facebook-f"></i></a>
<a href="#" aria-label="Facebook"><i class="fab fa-facebook-f" aria-hidden="true"></i></a>
</li>
<li>
<a href="#"><i class="fab fa-linkedin-in"></i></a>
<a href="#" aria-label="LinkedIn"><i class="fab fa-linkedin-in" aria-hidden="true"></i></a>
</li>
<li>
<a href="#"><i class="fab fa-instagram"></i></a>
<a href="#" aria-label="Instagram"><i class="fab fa-instagram" aria-hidden="true"></i></a>
</li>
<li>
<a href="#"><i class="fab fa-dribbble"></i></a>
<a href="#" aria-label="Dribbble"><i class="fab fa-dribbble" aria-hidden="true"></i></a>
</li>
</ul>
</div>
@@ -967,7 +969,7 @@
<div class="contact__box--inner">
<div class="contact__box__wrap" data-aos="fade-up" data-aos-duration="1000">
<div class="icon">
<img src="assets/images/icon/phone.png" alt="icon" />
<img src="assets/images/icon/phone.png" alt="" loading="lazy" decoding="async" />
</div>
<div class="contact__inform">
<span>Phone</span>
@@ -977,7 +979,7 @@
</div>
<div class="contact__box__wrap" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="200">
<div class="icon">
<img src="assets/images/icon/email.png" alt="icon" />
<img src="assets/images/icon/email.png" alt="" loading="lazy" decoding="async" />
</div>
<div class="contact__inform">
<span>Service Area</span>
@@ -986,7 +988,7 @@
</div>
<div class="contact__box__wrap" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="200">
<div class="icon">
<img src="assets/images/icon/clock.png" alt="icon" />
<img src="assets/images/icon/clock.png" alt="" loading="lazy" decoding="async" />
</div>
<div class="contact__inform">
<span>Availability</span>
@@ -1042,7 +1044,7 @@
<div class="col-lg-4 col-md-6 col-sm-6">
<div class="blog__post" data-aos="fade-up" data-aos-duration="1000">
<div class="blog__figure">
<img src="assets/images/blog/blog-01.jpg" alt="blog_image" />
<img src="assets/images/blog/blog-01.jpg" alt="Interior prep before painting" loading="lazy" decoding="async" />
</div>
<div class="blog__content">
<div class="blog__meta">
@@ -1062,7 +1064,7 @@
<div class="col-lg-4 col-md-6 col-sm-6">
<div class="blog__post" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="200">
<div class="blog__figure">
<img src="assets/images/blog/blog-02.jpg" alt="blog_image" />
<img src="assets/images/blog/blog-02.jpg" alt="Choosing interior paint colors" loading="lazy" decoding="async" />
</div>
<div class="blog__content">
<div class="blog__meta">
@@ -1082,7 +1084,7 @@
<div class="col-lg-4 col-md-6 col-sm-6">
<div class="blog__post" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="200">
<div class="blog__figure">
<img src="assets/images/blog/blog-03.jpg" alt="blog_image" />
<img src="assets/images/blog/blog-03.jpg" alt="Wallpaper removal before painting" loading="lazy" decoding="async" />
</div>
<div class="blog__content">
<div class="blog__meta">
@@ -1136,7 +1138,7 @@
<div class="footer__wrapper" data-aos="fade-up" data-aos-duration="1000">
<div class="footer__widget">
<div class="logo">
<a href="index.html"><img src="assets/images/logo/logo.png" alt="Paint to Please" /></a>
<a href="index.html"><img src="assets/images/logo/logo.png" alt="Paint to Please" width="416" height="126" loading="lazy" decoding="async" /></a>
</div>
<p>
Paint to Please — interior painting in Wheaton, Illinois. Meticulous work, fair pricing, and finishes done right.
@@ -1147,16 +1149,16 @@
<div class="social__icon">
<ul>
<li>
<a href="#"><i class="fab fa-instagram"></i></a>
<a href="#" aria-label="Instagram"><i class="fab fa-instagram" aria-hidden="true"></i></a>
</li>
<li>
<a href="#"><i class="fab fa-dribbble"></i></a>
<a href="#" aria-label="Dribbble"><i class="fab fa-dribbble" aria-hidden="true"></i></a>
</li>
<li>
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="#" aria-label="Twitter"><i class="fab fa-twitter" aria-hidden="true"></i></a>
</li>
<li>
<a href="#"><i class="fab fa-youtube"></i></a>
<a href="#" aria-label="YouTube"><i class="fab fa-youtube" aria-hidden="true"></i></a>
</li>
</ul>
</div>
@@ -1224,7 +1226,7 @@
</script>
Paint to Please · Concept preview. All rights reserved.
</p>
<p class="aiml-credit" style="margin-top:8px;opacity:.85">Made by <a href="https://aimloperations.com" rel="noopener noreferrer" target="_blank">AI ML Operations, LLC</a></p>
<p class="aiml-credit">Made by <a href="https://aimloperations.com" rel="noopener noreferrer" target="_blank">AI ML Operations, LLC</a></p>
</div>
<div class="link">
<a href="#">Privacy Policy</a>
@@ -1241,27 +1243,27 @@
<!-- Footer Section End -->
<!-- Header Flyout Menu Start -->
<div class="flyoutMenu">
<div class="flyoutMenu" id="flyout-menu">
<div class="flyout__flip">
<div class="flyout__inner">
<div class="menu__header-top">
<div class="brand__logo">
<a href="index.html"><img src="assets/images/logo/logo.png" alt="Paint to Please" /><span class="ptp-wordmark"><strong>Paint to Please</strong><small>Wheaton, IL</small></span></a>
<a href="index.html"><img src="assets/images/logo/logo.png" alt="Paint to Please" width="416" height="126" /><span class="ptp-wordmark"><strong>Paint to Please</strong><small>Wheaton, IL</small></span></a>
</div>
<!-- Close -->
<div class="closest__btn action__btn">
<button type="button" class="closest__btn action__btn" aria-label="Close menu">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18 6L6 18" stroke="#344054" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
<path d="M6 6L18 18" stroke="#344054" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</div>
</button>
<!-- Close -->
</div>
<!-- Search Form -->
<form action="search.html" method="post" class="search__form">
<input type="search" class="form-control" name="search" placeholder="What are you looking for..." />
<button type="submit">
<img src="assets/images/search.png" alt="search" />
<button type="submit" aria-label="Search">
<img src="assets/images/search.png" alt="" loading="lazy" decoding="async" />
</button>
</form>
<!-- Search Form -->
@@ -1280,19 +1282,17 @@
</div>
<!-- Header Flyout Menu End -->
<!-- Scroll-top -->
<button class="scroll-top scroll-to-target" data-target="html">scroll</button>
<button type="button" class="scroll-top scroll-to-target" data-target="html" aria-label="Scroll to top">scroll</button>
<!-- Scroll-top-end-->
<!-- JS -->
<script src="assets/js/jquery-3.6.0.min.js"></script>
<script src="assets/js/popper.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/bootstrap.bundle.min.js"></script>
<script src="assets/js/swiper-bundle.min.js"></script>
<script src="assets/js/counterup.min.js"></script>
<script src="assets/js/jquery.waypoints.js"></script>
<script src="assets/js/jQuery.rProgressbar.min.js"></script>
<script src="assets/js/jquery.fancybox.min.js"></script>
<script src="assets/js/aos.js"></script>
<script src="assets/js/scripts.js"></script>
<script defer src="assets/js/jquery-3.6.0.min.js"></script>
<script defer src="assets/js/bootstrap.bundle.min.js"></script>
<script defer src="assets/js/swiper-bundle.min.js"></script>
<script defer src="assets/js/counterup.min.js"></script>
<script defer src="assets/js/jquery.waypoints.js"></script>
<script defer src="assets/js/jQuery.rProgressbar.min.js"></script>
<script defer src="assets/js/jquery.fancybox.min.js"></script>
<script defer src="assets/js/aos.js"></script>
<script defer src="assets/js/scripts.js"></script>
</body>
</html>