{"id":34,"date":"2025-03-31T22:39:15","date_gmt":"2025-04-01T02:39:15","guid":{"rendered":"https:\/\/ingroundpoolservices.ca\/?page_id=34"},"modified":"2025-03-31T23:03:29","modified_gmt":"2025-04-01T03:03:29","slug":"inground-pool-service","status":"publish","type":"page","link":"https:\/\/ingroundpoolservices.ca\/","title":{"rendered":"Inground Pool Service"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\">\n  <title>Inground Pool Service (IPS) &#8211; Professional Pool Services<\/title>\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&#038;display=swap\" rel=\"stylesheet\">\n  <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" rel=\"stylesheet\">\n  <style>\n    \/* Reset and Base Styles *\/\n    :root {\n      --primary: #0074D9;\n      --primary-dark: #0063b8;\n      --primary-light: #e9f3ff;\n      --secondary: #2ECC40;\n      --gray-dark: #333333;\n      --gray: #666666;\n      --gray-light: #f6f9fc;\n      --white: #ffffff;\n      --shadow: 0 4px 6px rgba(0, 0, 0, 0.05), 0 1px 3px rgba(0, 0, 0, 0.1);\n      --shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.1), 0 5px 10px rgba(0, 0, 0, 0.05);\n      --radius: 8px;\n      --transition: all 0.3s ease;\n    }\n    \n    * {\n      margin: 0;\n      padding: 0;\n      box-sizing: border-box;\n    }\n    \n    html, body {\n      overflow-x: hidden;\n      max-width: 100%;\n      width: 100%;\n    }\n    \n    body {\n      font-family: 'Poppins', sans-serif;\n      color: var(--gray-dark);\n      line-height: 1.7;\n      background-color: var(--white);\n    }\n    \n    img {\n      max-width: 100%;\n      height: auto;\n      display: block;\n    }\n    \n    a {\n      text-decoration: none;\n      color: var(--primary);\n      transition: var(--transition);\n    }\n    \n    a:hover {\n      color: var(--primary-dark);\n    }\n    \n    h1, h2, h3, h4, h5, h6 {\n      margin-bottom: 1rem;\n      line-height: 1.3;\n      font-weight: 600;\n      color: var(--gray-dark);\n    }\n    \n    p {\n      margin-bottom: 1.5rem;\n    }\n    \n    \/* Layout and Container *\/\n    .container {\n      width: 100%;\n      max-width: 100%;\n      margin: 0 auto;\n      padding: 0 20px;\n    }\n    \n    .content-width {\n      max-width: 1440px;\n      margin: 0 auto;\n      padding: 0 20px;\n    }\n    \n    .full-width {\n      width: 100vw;\n      position: relative;\n      left: 50%;\n      right: 50%;\n      margin-left: -50vw;\n      margin-right: -50vw;\n    }\n    \n    .text-center {\n      text-align: center;\n    }\n    \n    \/* Header & Navigation *\/\n    .header {\n      background-color: var(--white);\n      position: sticky;\n      top: 0;\n      z-index: 1000;\n      box-shadow: var(--shadow);\n      width: 100%;\n    }\n    \n    .header-container {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      padding: 20px;\n      max-width: 1440px;\n      margin: 0 auto;\n    }\n    \n    .logo {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n    }\n    \n    .logo img {\n      max-height: 45px;\n    }\n    \n    .logo-text {\n      font-size: 1.5rem;\n      font-weight: 700;\n      color: var(--primary);\n    }\n    \n    .nav-toggle {\n      display: none;\n      cursor: pointer;\n      background: none;\n      border: none;\n      font-size: 1.5rem;\n      color: var(--gray-dark);\n    }\n    \n    .main-nav ul {\n      display: flex;\n      gap: 2rem;\n      list-style: none;\n    }\n    \n    .main-nav a {\n      color: var(--gray-dark);\n      font-weight: 500;\n      position: relative;\n      padding: 5px 0;\n    }\n    \n    .main-nav a:after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 0;\n      height: 2px;\n      background-color: var(--primary);\n      transition: var(--transition);\n    }\n    \n    .main-nav a:hover:after,\n    .main-nav a.active:after {\n      width: 100%;\n    }\n    \n    .header-cta {\n      background-color: var(--primary);\n      color: var(--white);\n      padding: 10px 20px;\n      border-radius: var(--radius);\n      font-weight: 500;\n      box-shadow: var(--shadow);\n    }\n    \n    .header-cta:hover {\n      background-color: var(--primary-dark);\n      color: var(--white);\n      transform: translateY(-2px);\n      box-shadow: var(--shadow-lg);\n    }\n    \n    \/* Hero Section *\/\n    .hero {\n      position: relative;\n      height: 80vh;\n      min-height: 600px;\n      display: flex;\n      align-items: center;\n      background-color: var(--primary-light);\n      overflow: hidden;\n      width: 100%;\n    }\n    \n    .hero-bg {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      z-index: 1;\n      opacity: 0.7;\n    }\n    \n    .hero-overlay {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      background: linear-gradient(135deg, rgba(0,116,217,0.8) 0%, rgba(0,116,217,0.6) 100%);\n      z-index: 2;\n    }\n    \n    .hero-content {\n      position: relative;\n      z-index: 3;\n      color: var(--white);\n      max-width: 650px;\n      margin: 0 auto;\n      padding: 0 20px;\n    }\n    \n    .hero-title {\n      font-size: 3.5rem;\n      margin-bottom: 1.5rem;\n      color: var(--white);\n    }\n    \n    .hero-subtitle {\n      font-size: 1.5rem;\n      margin-bottom: 2rem;\n      font-weight: 400;\n    }\n    \n    .btn {\n      display: inline-block;\n      padding: 15px 30px;\n      border-radius: var(--radius);\n      font-weight: 500;\n      text-align: center;\n      transition: var(--transition);\n      cursor: pointer;\n    }\n    \n    .btn-primary {\n      background-color: var(--white);\n      color: var(--primary);\n    }\n    \n    .btn-primary:hover {\n      background-color: var(--gray-light);\n      color: var(--primary-dark);\n      transform: translateY(-2px);\n      box-shadow: var(--shadow);\n    }\n    \n    .btn-secondary {\n      background-color: transparent;\n      color: var(--white);\n      border: 2px solid var(--white);\n      margin-left: 15px;\n    }\n    \n    .btn-secondary:hover {\n      background-color: var(--white);\n      color: var(--primary);\n      transform: translateY(-2px);\n    }\n    \n    \/* Sections *\/\n    .section {\n      padding: 100px 0;\n      width: 100%;\n    }\n    \n    .section-inner {\n      max-width: 1440px;\n      margin: 0 auto;\n      padding: 0 20px;\n    }\n    \n    .section-title {\n      text-align: center;\n      margin-bottom: 3rem;\n      position: relative;\n    }\n    \n    .section-title:after {\n      content: '';\n      position: absolute;\n      bottom: -10px;\n      left: 50%;\n      transform: translateX(-50%);\n      width: 60px;\n      height: 3px;\n      background-color: var(--primary);\n    }\n    \n    \/* About Section *\/\n    .about-grid {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 4rem;\n      align-items: center;\n    }\n    \n    .about-content h2 {\n      margin-bottom: 1.5rem;\n    }\n    \n    .about-image {\n      border-radius: var(--radius);\n      overflow: hidden;\n      box-shadow: var(--shadow-lg);\n    }\n    \n    .featured {\n      margin-top: 3rem;\n      display: flex;\n      gap: 2rem;\n    }\n    \n    .featured-item {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n    }\n    \n    .featured-icon {\n      font-size: 1.5rem;\n      color: var(--primary);\n    }\n    \n    \/* Services Section *\/\n    .services {\n      background-color: var(--gray-light);\n      width: 100%;\n    }\n    \n    .services-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n      gap: 30px;\n    }\n    \n    .service-card {\n      background-color: var(--white);\n      border-radius: var(--radius);\n      padding: 30px;\n      box-shadow: var(--shadow);\n      transition: var(--transition);\n    }\n    \n    .service-card:hover {\n      transform: translateY(-5px);\n      box-shadow: var(--shadow-lg);\n    }\n    \n    .service-icon {\n      font-size: 2.5rem;\n      color: var(--primary);\n      margin-bottom: 1.5rem;\n    }\n    \n    .service-link {\n      display: inline-flex;\n      align-items: center;\n      gap: 5px;\n      font-weight: 500;\n      margin-top: 10px;\n    }\n    \n    .service-link i {\n      transition: var(--transition);\n    }\n    \n    .service-link:hover i {\n      transform: translateX(5px);\n    }\n    \n    \/* Areas Section *\/\n    .areas-container {\n      text-align: center;\n      max-width: 900px;\n      margin: 0 auto;\n    }\n    \n    .areas-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));\n      gap: 20px;\n      margin-top: 3rem;\n    }\n    \n    .area-card {\n      background-color: var(--white);\n      border: 1px solid rgba(0,0,0,0.1);\n      border-radius: var(--radius);\n      padding: 15px;\n      transition: var(--transition);\n    }\n    \n    .area-card:hover {\n      background-color: var(--primary);\n      color: var(--white);\n      transform: translateY(-3px);\n      box-shadow: var(--shadow);\n    }\n    \n    \/* Gallery Section *\/\n    .gallery {\n      background-color: var(--gray-light);\n      width: 100%;\n    }\n    \n    .gallery-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));\n      gap: 20px;\n    }\n    \n    .gallery-item {\n      border-radius: var(--radius);\n      overflow: hidden;\n      position: relative;\n      height: 250px;\n    }\n    \n    .gallery-item img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      transition: var(--transition);\n    }\n    \n    .gallery-item:hover img {\n      transform: scale(1.05);\n    }\n    \n    .gallery-overlay {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      background: rgba(0,116,217,0.7);\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      opacity: 0;\n      transition: var(--transition);\n    }\n    \n    .gallery-item:hover .gallery-overlay {\n      opacity: 1;\n    }\n    \n    .gallery-icon {\n      color: var(--white);\n      font-size: 2rem;\n    }\n    \n    \/* Testimonials Section *\/\n    .testimonials {\n      background-color: var(--primary-light);\n      width: 100%;\n    }\n    \n    .testimonials-slider {\n      max-width: 800px;\n      margin: 0 auto;\n      position: relative;\n    }\n    \n    .testimonial {\n      background-color: var(--white);\n      border-radius: var(--radius);\n      padding: 30px;\n      margin: 20px 0;\n      box-shadow: var(--shadow);\n    }\n    \n    .testimonial-content {\n      font-style: italic;\n      position: relative;\n      padding: 0 20px;\n    }\n    \n    .testimonial-content:before,\n    .testimonial-content:after {\n      content: '\"';\n      font-size: 2rem;\n      color: var(--primary);\n      position: absolute;\n    }\n    \n    .testimonial-content:before {\n      left: 0;\n      top: -10px;\n    }\n    \n    .testimonial-content:after {\n      right: 0;\n      bottom: -20px;\n    }\n    \n    .testimonial-author {\n      display: flex;\n      align-items: center;\n      margin-top: 20px;\n    }\n    \n    .author-image {\n      width: 50px;\n      height: 50px;\n      border-radius: 50%;\n      overflow: hidden;\n      margin-right: 15px;\n    }\n    \n    .author-name {\n      font-weight: 600;\n    }\n    \n    .author-location {\n      font-size: 0.9rem;\n      color: var(--gray);\n    }\n    \n    .testimonial-prev,\n    .testimonial-next {\n      position: absolute;\n      top: 50%;\n      transform: translateY(-50%);\n      background: var(--primary);\n      color: white;\n      width: 40px;\n      height: 40px;\n      border-radius: 50%;\n      border: none;\n      cursor: pointer;\n      box-shadow: var(--shadow);\n      z-index: 10;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n    \n    .testimonial-prev {\n      left: -20px;\n    }\n    \n    .testimonial-next {\n      right: -20px;\n    }\n    \n    \/* FAQ Section *\/\n    .faq-container {\n      max-width: 800px;\n      margin: 0 auto;\n    }\n    \n    .faq-item {\n      margin-bottom: 20px;\n      border: 1px solid rgba(0,0,0,0.1);\n      border-radius: var(--radius);\n      overflow: hidden;\n    }\n    \n    .faq-question {\n      background-color: var(--white);\n      padding: 20px;\n      cursor: pointer;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      font-weight: 500;\n    }\n    \n    .faq-answer {\n      padding: 0 20px;\n      max-height: 0;\n      overflow: hidden;\n      transition: var(--transition);\n      background-color: var(--gray-light);\n    }\n    \n    .faq-item.active .faq-answer {\n      padding: 20px;\n      max-height: 500px;\n    }\n    \n    .faq-icon {\n      transition: var(--transition);\n    }\n    \n    .faq-item.active .faq-icon {\n      transform: rotate(180deg);\n    }\n    \n    \/* CTA Section *\/\n    .cta {\n      background-color: var(--primary);\n      color: var(--white);\n      text-align: center;\n      padding: 80px 0;\n      width: 100%;\n    }\n    \n    .cta-title {\n      color: var(--white);\n      margin-bottom: 1.5rem;\n    }\n    \n    .cta-subtitle {\n      max-width: 600px;\n      margin: 0 auto 2rem;\n    }\n    \n    \/* Blog Section *\/\n    .blog-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n      gap: 30px;\n    }\n    \n    .blog-card {\n      background-color: var(--white);\n      border-radius: var(--radius);\n      overflow: hidden;\n      box-shadow: var(--shadow);\n      transition: var(--transition);\n    }\n    \n    .blog-card:hover {\n      transform: translateY(-5px);\n      box-shadow: var(--shadow-lg);\n    }\n    \n    .blog-image {\n      height: 200px;\n      overflow: hidden;\n    }\n    \n    .blog-image img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      transition: var(--transition);\n    }\n    \n    .blog-card:hover .blog-image img {\n      transform: scale(1.05);\n    }\n    \n    .blog-content {\n      padding: 20px;\n    }\n    \n    .blog-meta {\n      display: flex;\n      gap: 15px;\n      margin-bottom: 10px;\n      font-size: 0.9rem;\n      color: var(--gray);\n    }\n    \n    .blog-title {\n      margin-bottom: 10px;\n      font-size: 1.25rem;\n    }\n    \n    .blog-excerpt {\n      margin-bottom: 15px;\n    }\n    \n    .blog-link {\n      font-weight: 500;\n      display: inline-flex;\n      align-items: center;\n      gap: 5px;\n    }\n    \n    .blog-link:hover i {\n      transform: translateX(5px);\n    }\n    \n    .blog-link i {\n      transition: var(--transition);\n    }\n    \n    \/* Contact Section *\/\n    .contact-grid {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 4rem;\n    }\n    \n    .contact-info {\n      display: flex;\n      flex-direction: column;\n      gap: 25px;\n    }\n    \n    .contact-item {\n      display: flex;\n      align-items: flex-start;\n      gap: 15px;\n    }\n    \n    .contact-icon {\n      font-size: 1.5rem;\n      color: var(--primary);\n    }\n    \n    .contact-form {\n      background-color: var(--white);\n      border-radius: var(--radius);\n      padding: 30px;\n      box-shadow: var(--shadow);\n    }\n    \n    .form-group {\n      margin-bottom: 20px;\n    }\n    \n    .form-label {\n      display: block;\n      margin-bottom: 5px;\n      font-weight: 500;\n    }\n    \n    .form-control {\n      width: 100%;\n      padding: 12px 15px;\n      border: 1px solid rgba(0,0,0,0.1);\n      border-radius: var(--radius);\n      font-family: inherit;\n      transition: var(--transition);\n    }\n    \n    .form-control:focus {\n      outline: none;\n      border-color: var(--primary);\n      box-shadow: 0 0 0 3px rgba(0,116,217,0.2);\n    }\n    \n    textarea.form-control {\n      min-height: 150px;\n      resize: vertical;\n    }\n    \n    .btn-submit {\n      background-color: var(--primary);\n      color: var(--white);\n      border: none;\n      width: 100%;\n      cursor: pointer;\n    }\n    \n    .btn-submit:hover {\n      background-color: var(--primary-dark);\n      transform: translateY(-2px);\n      box-shadow: var(--shadow);\n    }\n    \n    \/* Map Section *\/\n    .map-section {\n      height: 450px;\n      width: 100%;\n    }\n    \n    .map-section iframe {\n      width: 100%;\n      height: 100%;\n      border: 0;\n      display: block;\n    }\n    \n    \/* Footer *\/\n    .footer {\n      background-color: #1a1a1a;\n      color: rgba(255,255,255,0.7);\n      padding: 80px 0 30px;\n      width: 100%;\n    }\n    \n    .footer-inner {\n      max-width: 1440px;\n      margin: 0 auto;\n      padding: 0 20px;\n    }\n    \n    .footer-grid {\n      display: grid;\n      grid-template-columns: 2fr 1fr 1fr 1fr;\n      gap: 40px;\n      margin-bottom: 50px;\n    }\n    \n    .footer-logo {\n      margin-bottom: 20px;\n      font-size: 1.8rem;\n      font-weight: 700;\n      color: var(--white);\n    }\n    \n    .footer-about {\n      margin-bottom: 20px;\n    }\n    \n    .social-links {\n      display: flex;\n      gap: 15px;\n    }\n    \n    .social-link {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: 38px;\n      height: 38px;\n      border-radius: 50%;\n      background-color: rgba(255,255,255,0.1);\n      color: var(--white);\n      transition: var(--transition);\n    }\n    \n    .social-link:hover {\n      background-color: var(--primary);\n      color: var(--white);\n      transform: translateY(-3px);\n    }\n    \n    .footer-heading {\n      color: var(--white);\n      margin-bottom: 20px;\n      font-size: 1.2rem;\n    }\n    \n    .footer-links {\n      list-style: none;\n    }\n    \n    .footer-links li {\n      margin-bottom: 10px;\n    }\n    \n    .footer-links a {\n      color: rgba(255,255,255,0.7);\n      transition: var(--transition);\n    }\n    \n    .footer-links a:hover {\n      color: var(--white);\n      padding-left: 5px;\n    }\n    \n    .copyright {\n      text-align: center;\n      padding-top: 30px;\n      border-top: 1px solid rgba(255,255,255,0.1);\n    }\n    \n    .footer-legal-links {\n      margin-top: 10px;\n    }\n    \n    .footer-legal-links a {\n      color: rgba(255,255,255,0.7);\n      margin: 0 10px;\n      font-size: 0.9rem;\n    }\n    \n    .footer-legal-links a:hover {\n      color: var(--white);\n    }\n    \n    \/* Back to Top Button *\/\n    .back-to-top {\n      position: fixed;\n      bottom: 30px;\n      right: 30px;\n      width: 50px;\n      height: 50px;\n      background-color: var(--primary);\n      color: var(--white);\n      border-radius: 50%;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      cursor: pointer;\n      opacity: 0;\n      visibility: hidden;\n      transition: var(--transition);\n      z-index: 999;\n      box-shadow: var(--shadow);\n    }\n    \n    .back-to-top.active {\n      opacity: 1;\n      visibility: visible;\n    }\n    \n    .back-to-top:hover {\n      background-color: var(--primary-dark);\n      transform: translateY(-5px);\n      box-shadow: var(--shadow-lg);\n    }\n    \n    \/* Alert messages *\/\n    .alert {\n      padding: 15px;\n      border-radius: var(--radius);\n      margin-bottom: 20px;\n      text-align: center;\n    }\n    \n    .alert-success {\n      background-color: rgba(46, 204, 64, 0.2);\n      color: #2ECC40;\n      border: 1px solid #2ECC40;\n    }\n    \n    .alert-error {\n      background-color: rgba(255, 65, 54, 0.2);\n      color: #FF4136;\n      border: 1px solid #FF4136;\n    }\n    \n    \/* Elementor Compatibility *\/\n    .elementor-section-wrap {\n      width: 100%;\n    }\n    \n    .elementor-container {\n      max-width: 100% !important;\n    }\n    \n    .elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated {\n      padding: 0 !important;\n    }\n    \n    \/* Responsive *\/\n    @media (max-width: 1200px) {\n      .section-inner,\n      .header-container,\n      .footer-inner {\n        max-width: 100%;\n        padding: 0 20px;\n      }\n    }\n    \n    @media (max-width: 992px) {\n      .about-grid,\n      .contact-grid,\n      .footer-grid {\n        grid-template-columns: 1fr;\n        gap: 3rem;\n      }\n      \n      .hero-title {\n        font-size: 2.5rem;\n      }\n      \n      .hero-subtitle {\n        font-size: 1.2rem;\n      }\n    }\n    \n    @media (max-width: 768px) {\n      .nav-toggle {\n        display: block;\n      }\n      \n      .main-nav {\n        position: fixed;\n        top: 80px;\n        right: -100%;\n        width: 280px;\n        height: calc(100vh - 80px);\n        background-color: var(--white);\n        box-shadow: var(--shadow);\n        transition: var(--transition);\n        padding: 30px;\n        z-index: 999;\n      }\n      \n      .main-nav.active {\n        right: 0;\n      }\n      \n      .main-nav ul {\n        flex-direction: column;\n        gap: 1rem;\n      }\n      \n      .services-grid {\n        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));\n      }\n      \n      .areas-grid {\n        grid-template-columns: repeat(2, 1fr);\n      }\n      \n      .featured {\n        flex-direction: column;\n        gap: 1rem;\n      }\n      \n      .btn-secondary {\n        margin-left: 0;\n        margin-top: 15px;\n      }\n      \n      .hero {\n        height: auto;\n        padding: 100px 0;\n      }\n      \n      .gallery-grid {\n        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n      }\n      \n      .blog-grid {\n        grid-template-columns: 1fr;\n      }\n      \n      .testimonial-prev {\n        left: 5px;\n      }\n      \n      .testimonial-next {\n        right: 5px;\n      }\n    }\n    \n    @media (max-width: 576px) {\n      .section {\n        padding: 60px 0;\n      }\n      \n      .hero-title {\n        font-size: 2rem;\n      }\n      \n      .areas-grid {\n        grid-template-columns: 1fr;\n      }\n      \n      .testimonial {\n        padding: 20px;\n      }\n      \n      .footer-grid {\n        grid-template-columns: 1fr;\n        gap: 30px;\n      }\n      \n      .gallery-grid {\n        grid-template-columns: 1fr;\n      }\n    }\n  <\/style>\n<\/head>\n<body>\n  <!-- Back to Top Button -->\n  <a href=\"#\" class=\"back-to-top\" id=\"backToTop\">\n    <i class=\"fas fa-arrow-up\"><\/i>\n  <\/a>\n\n  <!-- Header -->\n  <header class=\"header\">\n    <div class=\"header-container\">\n      <a href=\"#\" class=\"logo\">\n        <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/45x45\" alt=\"IPS Logo\">\n        <span class=\"logo-text\">IPS<\/span>\n      <\/a>\n      \n      <button class=\"nav-toggle\" id=\"navToggle\" aria-label=\"Toggle Navigation\">\n        <i class=\"fas fa-bars\"><\/i>\n      <\/button>\n      \n      <nav class=\"main-nav\" id=\"mainNav\">\n        <ul class=\"nav-menu\">\n          <li><a href=\"#about\" class=\"active\">About<\/a><\/li>\n          <li><a href=\"#services\">Services<\/a><\/li>\n          <li><a href=\"#areas\">Service Areas<\/a><\/li>\n          <li><a href=\"#gallery\">Gallery<\/a><\/li>\n          <li><a href=\"#testimonials\">Testimonials<\/a><\/li>\n          <li><a href=\"#faq\">FAQ<\/a><\/li>\n          <li><a href=\"#blog\">Blog<\/a><\/li>\n          <li><a href=\"#contact\">Contact<\/a><\/li>\n        <\/ul>\n      <\/nav>\n      \n      <a href=\"#contact\" class=\"header-cta\">Get a Quote<\/a>\n    <\/div>\n  <\/header>\n\n  <!-- Hero Section -->\n  <section class=\"hero full-width\">\n    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1505751172876-fa1923c5c528?auto=format&#038;fit=crop&#038;w=1600&#038;q=80\" alt=\"Pool Service\" class=\"hero-bg\">\n    <div class=\"hero-overlay\"><\/div>\n    <div class=\"hero-content\">\n      <h1 class=\"hero-title\">Professional Pool Services for Homeowners<\/h1>\n      <p class=\"hero-subtitle\">Top-rated inground pool maintenance, repair, and installation services across the Greater Toronto Area.<\/p>\n      <div class=\"hero-buttons\">\n        <a href=\"#services\" class=\"btn btn-primary\">Our Services<\/a>\n        <a href=\"#contact\" class=\"btn btn-secondary\">Get in Touch<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- About Section -->\n  <section class=\"section\" id=\"about\">\n    <div class=\"section-inner\">\n      <h2 class=\"section-title\">About Inground Pool Service<\/h2>\n      <div class=\"about-grid\">\n        <div class=\"about-content\">\n          <h2>Your Trusted Pool Service Partner Since 1995<\/h2>\n          <p>At Inground Pool Service (IPS), we specialize in delivering comprehensive pool care solutions for homeowners throughout the Greater Toronto Area. With nearly 30 years of industry experience, we have established ourselves as a trusted name in pool maintenance, repair, and service.<\/p>\n          <p>Whether you&#8217;re getting ready for summer, closing down for winter, or need emergency repairs, our team of certified technicians ensures your pool remains in pristine condition year-round.<\/p>\n          \n          <div class=\"featured\">\n            <div class=\"featured-item\">\n              <i class=\"fas fa-check-circle featured-icon\"><\/i>\n              <span>Licensed &#038; Insured<\/span>\n            <\/div>\n            <div class=\"featured-item\">\n              <i class=\"fas fa-certificate featured-icon\"><\/i>\n              <span>100% Satisfaction<\/span>\n            <\/div>\n            <div class=\"featured-item\">\n              <i class=\"fas fa-clock featured-icon\"><\/i>\n              <span>Fast Response<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"about-image\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1588117472013-59bb13edafec?auto=format&#038;fit=crop&#038;w=800&#038;q=80\" alt=\"Pool service technician\">\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- Services Section -->\n  <section class=\"section services full-width\" id=\"services\">\n    <div class=\"section-inner\">\n      <h2 class=\"section-title\">Our Services<\/h2>\n      <div class=\"services-grid\">\n        <div class=\"service-card\">\n          <i class=\"fas fa-swimming-pool service-icon\"><\/i>\n          <h3>Seasonal Opening &#038; Closing<\/h3>\n          <p>Professional pool startup and winterization services to protect your investment throughout all seasons.<\/p>\n          <a href=\"#\" class=\"service-link\">Learn More <i class=\"fas fa-angle-right\"><\/i><\/a>\n        <\/div>\n        <div class=\"service-card\">\n          <i class=\"fas fa-tools service-icon\"><\/i>\n          <h3>Equipment Repair<\/h3>\n          <p>Expert diagnosis and repair services for all pool equipment including pumps, filters, heaters, and automation systems.<\/p>\n          <a href=\"#\" class=\"service-link\">Learn More <i class=\"fas fa-angle-right\"><\/i><\/a>\n        <\/div>\n        <div class=\"service-card\">\n          <i class=\"fas fa-flask service-icon\"><\/i>\n          <h3>Chemical Treatment<\/h3>\n          <p>Scientific water testing and treatment to maintain perfect balance, clarity, and sanitation for your pool.<\/p>\n          <a href=\"#\" class=\"service-link\">Learn More <i class=\"fas fa-angle-right\"><\/i><\/a>\n        <\/div>\n        <div class=\"service-card\">\n          <i class=\"fas fa-wrench service-icon\"><\/i>\n          <h3>Parts &#038; Installation<\/h3>\n          <p>Quality replacement parts and professional installation services for all major pool equipment brands.<\/p>\n          <a href=\"#\" class=\"service-link\">Learn More <i class=\"fas fa-angle-right\"><\/i><\/a>\n        <\/div>\n        <div class=\"service-card\">\n          <i class=\"fas fa-shield-alt service-icon\"><\/i>\n          <h3>Safety Cover Installation<\/h3>\n          <p>Custom-fitted safety covers designed to protect your pool and provide peace of mind during off-seasons.<\/p>\n          <a href=\"#\" class=\"service-link\">Learn More <i class=\"fas fa-angle-right\"><\/i><\/a>\n        <\/div>\n        <div class=\"service-card\">\n          <i class=\"fas fa-paint-roller service-icon\"><\/i>\n          <h3>Resurfacing &#038; Renovation<\/h3>\n          <p>Complete pool resurfacing, sandblasting, and renovation services to breathe new life into older pools.<\/p>\n          <a href=\"#\" class=\"service-link\">Learn More <i class=\"fas fa-angle-right\"><\/i><\/a>\n        <\/div>\n      <\/div>\n      \n      <div class=\"text-center\" style=\"margin-top: 3rem;\">\n        <a href=\"#\" class=\"btn btn-primary\">View All Services<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- Service Areas Section -->\n  <section class=\"section\" id=\"areas\">\n    <div class=\"section-inner\">\n      <div class=\"areas-container\">\n        <h2 class=\"section-title\">Areas We Serve<\/h2>\n        <p>Our professional pool services are available throughout the Greater Toronto Area. We&#8217;ve helped hundreds of homeowners in these communities maintain beautiful, functional pools.<\/p>\n        \n        <div class=\"areas-grid\">\n          <div class=\"area-card\">Aurora<\/div>\n          <div class=\"area-card\">Richmond Hill<\/div>\n          <div class=\"area-card\">Vaughan<\/div>\n          <div class=\"area-card\">Thornhill<\/div>\n          <div class=\"area-card\">Toronto<\/div>\n          <div class=\"area-card\">Markham<\/div>\n          <div class=\"area-card\">Mississauga<\/div>\n          <div class=\"area-card\">Oakville<\/div>\n          <div class=\"area-card\">Burlington<\/div>\n          <div class=\"area-card\">Etobicoke<\/div>\n          <div class=\"area-card\">North York<\/div>\n          <div class=\"area-card\">Scarborough<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- Gallery Section -->\n  <section class=\"section gallery full-width\" id=\"gallery\">\n    <div class=\"section-inner\">\n      <h2 class=\"section-title\">Our Work Gallery<\/h2>\n      <div class=\"gallery-grid\">\n        <div class=\"gallery-item\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1576013551627-0cc20b96c2a7?auto=format&#038;fit=crop&#038;w=800&#038;q=80\" alt=\"Pool gallery image\">\n          <div class=\"gallery-overlay\">\n            <i class=\"fas fa-search-plus gallery-icon\"><\/i>\n          <\/div>\n        <\/div>\n        <div class=\"gallery-item\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1576699849500-95333be0555d?auto=format&#038;fit=crop&#038;w=800&#038;q=80\" alt=\"Pool gallery image\">\n          <div class=\"gallery-overlay\">\n            <i class=\"fas fa-search-plus gallery-icon\"><\/i>\n          <\/div>\n        <\/div>\n        <div class=\"gallery-item\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1598902590972-841a939b7861?auto=format&#038;fit=crop&#038;w=800&#038;q=80\" alt=\"Pool gallery image\">\n          <div class=\"gallery-overlay\">\n            <i class=\"fas fa-search-plus gallery-icon\"><\/i>\n          <\/div>\n        <\/div>\n        <div class=\"gallery-item\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1572331165267-854da2b10ccc?auto=format&#038;fit=crop&#038;w=800&#038;q=80\" alt=\"Pool gallery image\">\n          <div class=\"gallery-overlay\">\n            <i class=\"fas fa-search-plus gallery-icon\"><\/i>\n          <\/div>\n        <\/div>\n        <div class=\"gallery-item\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1614754063392-f25da52001c7?auto=format&#038;fit=crop&#038;w=800&#038;q=80\" alt=\"Pool gallery image\">\n          <div class=\"gallery-overlay\">\n            <i class=\"fas fa-search-plus gallery-icon\"><\/i>\n          <\/div>\n        <\/div>\n        <div class=\"gallery-item\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1562683060-2894b8109306?auto=format&#038;fit=crop&#038;w=800&#038;q=80\" alt=\"Pool gallery image\">\n          <div class=\"gallery-overlay\">\n            <i class=\"fas fa-search-plus gallery-icon\"><\/i>\n          <\/div>\n        <\/div>\n      <\/div>\n      \n      <div class=\"text-center\" style=\"margin-top: 3rem;\">\n        <a href=\"#\" class=\"btn btn-primary\">View All Projects<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- Testimonials Section -->\n  <section class=\"section testimonials full-width\" id=\"testimonials\">\n    <div class=\"section-inner\">\n      <h2 class=\"section-title\">What Our Clients Say<\/h2>\n      <div class=\"testimonials-slider\">\n        <div class=\"testimonial\">\n          <div class=\"testimonial-content\">\n            <p>IPS has been maintaining our pool for three years now, and we couldn&#8217;t be happier. Their technicians are knowledgeable, professional, and always on time. I highly recommend their services to anyone with a pool!<\/p>\n          <\/div>\n          <div class=\"testimonial-author\">\n            <div class=\"author-image\">\n              <img decoding=\"async\" src=\"https:\/\/randomuser.me\/api\/portraits\/women\/65.jpg\" alt=\"Jennifer Smith\">\n            <\/div>\n            <div class=\"author-info\">\n              <div class=\"author-name\">Jennifer Smith<\/div>\n              <div class=\"author-location\">Mississauga<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n        \n        <button class=\"testimonial-prev\">\n          <i class=\"fas fa-chevron-left\"><\/i>\n        <\/button>\n        <button class=\"testimonial-next\">\n          <i class=\"fas fa-chevron-right\"><\/i>\n        <\/button>\n      <\/div>\n      \n      <div class=\"text-center\" style=\"margin-top: 3rem;\">\n        <a href=\"#\" class=\"btn btn-primary\">View All Testimonials<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- FAQ Section -->\n  <section class=\"section\" id=\"faq\">\n    <div class=\"section-inner\">\n      <h2 class=\"section-title\">Frequently Asked Questions<\/h2>\n      <div class=\"faq-container\">\n        <div class=\"faq-item active\">\n          <div class=\"faq-question\">\n            <span>When is the best time to open my pool for the season?<\/span>\n            <i class=\"fas fa-chevron-down faq-icon\"><\/i>\n          <\/div>\n          <div class=\"faq-answer\">\n            <p>In the Greater Toronto Area, we typically recommend opening your pool in late April or early May. The exact timing depends on weather conditions, but opening your pool earlier rather than later helps prevent algae growth and makes the cleaning process easier.<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"faq-item\">\n          <div class=\"faq-question\">\n            <span>How often should I test my pool water?<\/span>\n            <i class=\"fas fa-chevron-down faq-icon\"><\/i>\n          <\/div>\n          <div class=\"faq-answer\">\n            <p>For optimal pool health, we recommend testing your water 2-3 times per week during peak swimming season. This allows you to maintain proper chemical balance and address any issues before they become problems. We offer convenient water testing services and can provide you with a simple test kit for home use.<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"faq-item\">\n          <div class=\"faq-question\">\n            <span>What maintenance can I do myself, and what should I leave to professionals?<\/span>\n            <i class=\"fas fa-chevron-down faq-icon\"><\/i>\n          <\/div>\n          <div class=\"faq-answer\">\n            <p>Pool owners can typically handle routine tasks like skimming debris, brushing walls, emptying skimmer baskets, and basic water testing. However, we recommend professional assistance for seasonal openings\/closings, equipment repairs, chemical balancing issues, and any electrical work. Our maintenance plans are designed to give you peace of mind while still allowing you to enjoy your pool.<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"faq-item\">\n          <div class=\"faq-question\">\n            <span>How long does a pool resurfacing typically last?<\/span>\n            <i class=\"fas fa-chevron-down faq-icon\"><\/i>\n          <\/div>\n          <div class=\"faq-answer\">\n            <p>A professional pool resurfacing can last anywhere from 7-15 years depending on the material used, water chemistry maintenance, and environmental factors. Our premium finishes with proper maintenance can extend toward the upper end of this range.<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"faq-item\">\n          <div class=\"faq-question\">\n            <span>Do you offer emergency services?<\/span>\n            <i class=\"fas fa-chevron-down faq-icon\"><\/i>\n          <\/div>\n          <div class=\"faq-answer\">\n            <p>Yes, we understand that pool emergencies don&#8217;t always happen during business hours. That&#8217;s why we offer emergency services for critical issues like equipment failures, major leaks, or safety concerns. Our emergency line is available to clients 24\/7 during the swimming season.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n      \n      <div class=\"text-center\" style=\"margin-top: 3rem;\">\n        <a href=\"#\" class=\"btn btn-primary\">View All FAQs<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- CTA Section -->\n  <section class=\"section cta full-width\">\n    <div class=\"section-inner\">\n      <h2 class=\"cta-title\">Ready to Get Started?<\/h2>\n      <p class=\"cta-subtitle\">Contact us today for a free, no-obligation quote on your pool service needs. Our team is standing by to help!<\/p>\n      <a href=\"#contact\" class=\"btn btn-primary\">Request a Quote<\/a>\n    <\/div>\n  <\/section>\n\n  <!-- Blog Preview Section -->\n  <section class=\"section\" id=\"blog\">\n    <div class=\"section-inner\">\n      <h2 class=\"section-title\">Latest Pool Care Tips<\/h2>\n      <div class=\"blog-grid\">\n        <div class=\"blog-card\">\n          <div class=\"blog-image\">\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600184461765-d05ff6604ff3?auto=format&#038;fit=crop&#038;w=800&#038;q=80\" alt=\"Blog post\">\n          <\/div>\n          <div class=\"blog-content\">\n            <div class=\"blog-meta\">\n              <span><i class=\"far fa-calendar\"><\/i> March 15, 2025<\/span>\n              <span><i class=\"far fa-user\"><\/i> Admin<\/span>\n            <\/div>\n            <h3 class=\"blog-title\">5 Essential Pool Maintenance Tips for Spring<\/h3>\n            <div class=\"blog-excerpt\">\n              <p>Spring is the perfect time to prepare your pool for the swimming season. In this article, we cover the essential maintenance steps to ensure your pool is ready for summer fun.<\/p>\n            <\/div>\n            <a href=\"#\" class=\"blog-link\">Read More <i class=\"fas fa-arrow-right\"><\/i><\/a>\n          <\/div>\n        <\/div>\n        <div class=\"blog-card\">\n          <div class=\"blog-image\">\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1540217762207-9955ed01f420?auto=format&#038;fit=crop&#038;w=800&#038;q=80\" alt=\"Blog post\">\n          <\/div>\n          <div class=\"blog-content\">\n            <div class=\"blog-meta\">\n              <span><i class=\"far fa-calendar\"><\/i> March 5, 2025<\/span>\n              <span><i class=\"far fa-user\"><\/i> Admin<\/span>\n            <\/div>\n            <h3 class=\"blog-title\">Understanding Pool Chemical Balance: A Beginner&#8217;s Guide<\/h3>\n            <div class=\"blog-excerpt\">\n              <p>Maintaining proper chemical balance is crucial for a safe and healthy swimming pool. Learn the basics of pool chemistry and how to keep your water crystal clear.<\/p>\n            <\/div>\n            <a href=\"#\" class=\"blog-link\">Read More <i class=\"fas fa-arrow-right\"><\/i><\/a>\n          <\/div>\n        <\/div>\n        <div class=\"blog-card\">\n          <div class=\"blog-image\">\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1575429198097-0414ec08e8cd?auto=format&#038;fit=crop&#038;w=800&#038;q=80\" alt=\"Blog post\">\n          <\/div>\n          <div class=\"blog-content\">\n            <div class=\"blog-meta\">\n              <span><i class=\"far fa-calendar\"><\/i> February 22, 2025<\/span>\n              <span><i class=\"far fa-user\"><\/i> Admin<\/span>\n            <\/div>\n            <h3 class=\"blog-title\">When Is It Time to Resurface Your Pool?<\/h3>\n            <div class=\"blog-excerpt\">\n              <p>Pool resurfacing is a major renovation that extends the life of your pool. Discover the signs that indicate it&#8217;s time to consider resurfacing and what options are available.<\/p>\n            <\/div>\n            <a href=\"#\" class=\"blog-link\">Read More <i class=\"fas fa-arrow-right\"><\/i><\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n      \n      <div class=\"text-center\" style=\"margin-top: 3rem;\">\n        <a href=\"#\" class=\"btn btn-primary\">View All Articles<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- Contact Section -->\n  <section class=\"section\" id=\"contact\">\n    <div class=\"section-inner\">\n      <h2 class=\"section-title\">Contact Us<\/h2>\n      \n      <div class=\"contact-grid\">\n        <div class=\"contact-info\">\n          <div class=\"contact-item\">\n            <i class=\"fas fa-map-marker-alt contact-icon\"><\/i>\n            <div>\n              <h3>Our Location<\/h3>\n              <p>123 Pool Service Drive<br>Toronto, ON M1M 1M1<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"contact-item\">\n            <i class=\"fas fa-phone-alt contact-icon\"><\/i>\n            <div>\n              <h3>Phone Number<\/h3>\n              <p>(416) 123-4567<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"contact-item\">\n            <i class=\"fas fa-envelope contact-icon\"><\/i>\n            <div>\n              <h3>Email Address<\/h3>\n              <p>info@ingroundpoolservice.com<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"contact-item\">\n            <i class=\"fas fa-clock contact-icon\"><\/i>\n            <div>\n              <h3>Business Hours<\/h3>\n              <p>Monday &#8211; Friday: 8:00 AM &#8211; 6:00 PM<br>\n              Saturday: 9:00 AM &#8211; 4:00 PM<br>\n              Sunday: Closed<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n        \n        <div class=\"contact-form\">\n          <form action=\"#\" method=\"post\">\n            <div class=\"form-group\">\n              <label for=\"name\" class=\"form-label\">Your Name *<\/label>\n              <input type=\"text\" id=\"name\" name=\"name\" class=\"form-control\" required>\n            <\/div>\n            <div class=\"form-group\">\n              <label for=\"email\" class=\"form-label\">Email Address *<\/label>\n              <input type=\"email\" id=\"email\" name=\"email\" class=\"form-control\" required>\n            <\/div>\n            <div class=\"form-group\">\n              <label for=\"phone\" class=\"form-label\">Phone Number<\/label>\n              <input type=\"tel\" id=\"phone\" name=\"phone\" class=\"form-control\">\n            <\/div>\n            <div class=\"form-group\">\n              <label for=\"service\" class=\"form-label\">Service Needed<\/label>\n              <select id=\"service\" name=\"service\" class=\"form-control\">\n                <option value=\"opening\">Pool Opening<\/option>\n                <option value=\"closing\">Pool Closing<\/option>\n                <option value=\"maintenance\">Regular Maintenance<\/option>\n                <option value=\"repair\">Equipment Repair<\/option>\n                <option value=\"renovation\">Pool Renovation<\/option>\n                <option value=\"other\">Other Service<\/option>\n              <\/select>\n            <\/div>\n            <div class=\"form-group\">\n              <label for=\"message\" class=\"form-label\">Your Message *<\/label>\n              <textarea id=\"message\" name=\"message\" class=\"form-control\" required><\/textarea>\n            <\/div>\n            <button type=\"submit\" class=\"btn btn-submit\">Send Message<\/button>\n          <\/form>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- Google Map Section -->\n  <section class=\"map-section full-width\">\n    <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d184551.80858184456!2d-79.5181386081016!3d43.71840381990767!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89d4cb90d7c63ba5%3A0x323555502ab4c477!2sToronto%2C%20ON%2C%20Canada!5e0!3m2!1sen!2sus!4v1695238235037!5m2!1sen!2sus\" width=\"100%\" height=\"450\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\n  <\/section>\n\n  <!-- Footer -->\n  <footer class=\"footer full-width\">\n    <div class=\"footer-inner\">\n      <div class=\"footer-grid\">\n        <div class=\"footer-col\">\n          <div class=\"footer-logo\">IPS<\/div>\n          <p class=\"footer-about\">Inground Pool Service provides professional pool maintenance, repair, and renovation services across the Greater Toronto Area. With over 15 years of experience, we&#8217;re the trusted choice for all your pool needs.<\/p>\n          <div class=\"social-links\">\n            <a href=\"#\" class=\"social-link\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\n            <a href=\"#\" class=\"social-link\"><i class=\"fab fa-twitter\"><\/i><\/a>\n            <a href=\"#\" class=\"social-link\"><i class=\"fab fa-instagram\"><\/i><\/a>\n            <a href=\"#\" class=\"social-link\"><i class=\"fab fa-linkedin-in\"><\/i><\/a>\n          <\/div>\n        <\/div>\n        \n        <div class=\"footer-col\">\n          <h3 class=\"footer-heading\">Quick Links<\/h3>\n          <ul class=\"footer-links\">\n            <li><a href=\"#about\">About Us<\/a><\/li>\n            <li><a href=\"#services\">Our Services<\/a><\/li>\n            <li><a href=\"#areas\">Service Areas<\/a><\/li>\n            <li><a href=\"#gallery\">Gallery<\/a><\/li>\n            <li><a href=\"#testimonials\">Testimonials<\/a><\/li>\n            <li><a href=\"#blog\">Blog<\/a><\/li>\n            <li><a href=\"#contact\">Contact Us<\/a><\/li>\n          <\/ul>\n        <\/div>\n        \n        <div class=\"footer-col\">\n          <h3 class=\"footer-heading\">Our Services<\/h3>\n          <ul class=\"footer-links\">\n            <li><a href=\"#\">Pool Opening<\/a><\/li>\n            <li><a href=\"#\">Pool Closing<\/a><\/li>\n            <li><a href=\"#\">Weekly Maintenance<\/a><\/li>\n            <li><a href=\"#\">Equipment Repair<\/a><\/li>\n            <li><a href=\"#\">Chemical Treatment<\/a><\/li>\n            <li><a href=\"#\">Renovations<\/a><\/li>\n          <\/ul>\n        <\/div>\n        \n        <div class=\"footer-col\">\n          <h3 class=\"footer-heading\">Contact Info<\/h3>\n          <ul class=\"footer-links\">\n            <li><i class=\"fas fa-map-marker-alt\"><\/i> 123 Pool Service Drive, Toronto<\/li>\n            <li><i class=\"fas fa-phone-alt\"><\/i> (416) 123-4567<\/li>\n            <li><i class=\"fas fa-envelope\"><\/i> info@ingroundpoolservice.com<\/li>\n            <li><i class=\"fas fa-clock\"><\/i> Mon-Fri: 8AM-6PM, Sat: 9AM-4PM<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n      \n      <div class=\"copyright\">\n        <p>&copy; 2025 Inground Pool Service (IPS). All Rights Reserved.<\/p>\n        <div class=\"footer-legal-links\">\n          <a href=\"#\">Privacy Policy<\/a>\n          <a href=\"#\">Terms of Service<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/footer>\n\n  <script>\n    \/\/ Mobile navigation toggle\n    document.addEventListener('DOMContentLoaded', function() {\n      const navToggle = document.getElementById('navToggle');\n      const mainNav = document.getElementById('mainNav');\n      \n      navToggle.addEventListener('click', function() {\n        mainNav.classList.toggle('active');\n        \n        \/\/ Change icon based on menu state\n        const icon = navToggle.querySelector('i');\n        if (mainNav.classList.contains('active')) {\n          icon.classList.remove('fa-bars');\n          icon.classList.add('fa-times');\n        } else {\n          icon.classList.remove('fa-times');\n          icon.classList.add('fa-bars');\n        }\n      });\n      \n      \/\/ Close menu when clicking outside\n      document.addEventListener('click', function(event) {\n        if (!event.target.closest('.nav-toggle') && !event.target.closest('.main-nav')) {\n          mainNav.classList.remove('active');\n          const icon = navToggle.querySelector('i');\n          icon.classList.remove('fa-times');\n          icon.classList.add('fa-bars');\n        }\n      });\n      \n      \/\/ Smooth scrolling for anchor links\n      document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n        anchor.addEventListener('click', function(e) {\n          e.preventDefault();\n          \n          \/\/ Close mobile menu if open\n          mainNav.classList.remove('active');\n          const icon = navToggle.querySelector('i');\n          icon.classList.remove('fa-times');\n          icon.classList.add('fa-bars');\n          \n          const targetId = this.getAttribute('href');\n          if (targetId === '#') return;\n          \n          const targetElement = document.querySelector(targetId);\n          if (targetElement) {\n            window.scrollTo({\n              top: targetElement.offsetTop - 80,\n              behavior: 'smooth'\n            });\n          }\n        });\n      });\n      \n      \/\/ Add active class to navigation based on scroll position\n      const sections = document.querySelectorAll('section[id]');\n      window.addEventListener('scroll', function() {\n        const scrollPosition = window.scrollY + 100;\n        \n        sections.forEach(section => {\n          const sectionTop = section.offsetTop;\n          const sectionHeight = section.offsetHeight;\n          const sectionId = section.getAttribute('id');\n          \n          if (scrollPosition >= sectionTop && scrollPosition < sectionTop + sectionHeight) {\n            document.querySelector('nav a[href*=' + sectionId + ']')?.classList.add('active');\n          } else {\n            document.querySelector('nav a[href*=' + sectionId + ']')?.classList.remove('active');\n          }\n        });\n      });\n      \n      \/\/ FAQ accordion\n      const faqItems = document.querySelectorAll('.faq-item');\n      faqItems.forEach(item => {\n        const question = item.querySelector('.faq-question');\n        question.addEventListener('click', () => {\n          \/\/ Close all other items\n          faqItems.forEach(otherItem => {\n            if (otherItem !== item) {\n              otherItem.classList.remove('active');\n            }\n          });\n          \n          \/\/ Toggle current item\n          item.classList.toggle('active');\n        });\n      });\n      \n      \/\/ Back to top button\n      const backToTopButton = document.getElementById('backToTop');\n      window.addEventListener('scroll', () => {\n        if (window.scrollY > 300) {\n          backToTopButton.classList.add('active');\n        } else {\n          backToTopButton.classList.remove('active');\n        }\n      });\n      \n      backToTopButton.addEventListener('click', (e) => {\n        e.preventDefault();\n        window.scrollTo({\n          top: 0,\n          behavior: 'smooth'\n        });\n      });\n      \n      \/\/ Testimonials slider (simplified for example)\n      let currentTestimonial = 0;\n      const testimonials = document.querySelectorAll('.testimonial');\n      const testimonialsCount = testimonials.length;\n      \n      \/\/ Hide all but first testimonial\n      for (let i = 1; i < testimonialsCount; i++) {\n        testimonials[i].style.display = 'none';\n      }\n      \n      \/\/ Initialize navigation buttons\n      const nextButton = document.querySelector('.testimonial-next');\n      const prevButton = document.querySelector('.testimonial-prev');\n      \n      nextButton.addEventListener('click', () => {\n        testimonials[currentTestimonial].style.display = 'none';\n        currentTestimonial = (currentTestimonial + 1) % testimonialsCount;\n        testimonials[currentTestimonial].style.display = 'block';\n      });\n      \n      prevButton.addEventListener('click', () => {\n        testimonials[currentTestimonial].style.display = 'none';\n        currentTestimonial = (currentTestimonial - 1 + testimonialsCount) % testimonialsCount;\n        testimonials[currentTestimonial].style.display = 'block';\n      });\n    });\n  <\/script>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Inground Pool Service (IPS) &#8211; Professional Pool Services IPS About Services Service Areas Gallery Testimonials FAQ Blog Contact Get a Quote Professional Pool Services for Homeowners Top-rated inground pool maintenance, repair, and installation services across the Greater Toronto Area. Our Services Get in Touch About Inground Pool Service Your Trusted Pool Service Partner Since 1995 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"blank","meta":{"footnotes":""},"class_list":["post-34","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Inground Pool Service - Inground Pool Service (Toronto, Richmond Hill, Oakville, Etobicoke, North York)<\/title>\n<meta name=\"description\" content=\"Professional Pool Services for Homeowners Top-rated Inground Pool Service maintenance, repair, and installation services across the Greater Toronto Area.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ingroundpoolservices.ca\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Inground Pool Service - Inground Pool Service (Toronto, Richmond Hill, Oakville, Etobicoke, North York)\" \/>\n<meta property=\"og:description\" content=\"Professional Pool Services for Homeowners Top-rated Inground Pool Service maintenance, repair, and installation services across the Greater Toronto Area.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ingroundpoolservices.ca\/\" \/>\n<meta property=\"og:site_name\" content=\"Inground Pool Service (Toronto, Richmond Hill, Oakville, Etobicoke, North York)\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-01T03:03:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/via.placeholder.com\/45x45\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/ingroundpoolservices.ca\/\",\"url\":\"https:\/\/ingroundpoolservices.ca\/\",\"name\":\"Inground Pool Service - Inground Pool Service (Toronto, Richmond Hill, Oakville, Etobicoke, North York)\",\"isPartOf\":{\"@id\":\"https:\/\/ingroundpoolservices.ca\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/ingroundpoolservices.ca\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/ingroundpoolservices.ca\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/via.placeholder.com\/45x45\",\"datePublished\":\"2025-04-01T02:39:15+00:00\",\"dateModified\":\"2025-04-01T03:03:29+00:00\",\"description\":\"Professional Pool Services for Homeowners Top-rated Inground Pool Service maintenance, repair, and installation services across the Greater Toronto Area.\",\"breadcrumb\":{\"@id\":\"https:\/\/ingroundpoolservices.ca\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/ingroundpoolservices.ca\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ingroundpoolservices.ca\/#primaryimage\",\"url\":\"https:\/\/via.placeholder.com\/45x45\",\"contentUrl\":\"https:\/\/via.placeholder.com\/45x45\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/ingroundpoolservices.ca\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/ingroundpoolservices.ca\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Inground Pool Service\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/ingroundpoolservices.ca\/#website\",\"url\":\"https:\/\/ingroundpoolservices.ca\/\",\"name\":\"Inground Pool Service (Toronto, Richmond Hill, Oakville, Etobicoke, North York)\",\"description\":\"2025 Backyard Pool Opening &amp; Repair Service Packages\",\"publisher\":{\"@id\":\"https:\/\/ingroundpoolservices.ca\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/ingroundpoolservices.ca\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/ingroundpoolservices.ca\/#organization\",\"name\":\"Inground Pool Service (Toronto, Richmond Hill, Oakville, Etobicoke, North York)\",\"url\":\"https:\/\/ingroundpoolservices.ca\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ingroundpoolservices.ca\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/ingroundpoolservices.ca\/wp-content\/uploads\/2025\/04\/ips-logo.png\",\"contentUrl\":\"https:\/\/ingroundpoolservices.ca\/wp-content\/uploads\/2025\/04\/ips-logo.png\",\"width\":1024,\"height\":1024,\"caption\":\"Inground Pool Service (Toronto, Richmond Hill, Oakville, Etobicoke, North York)\"},\"image\":{\"@id\":\"https:\/\/ingroundpoolservices.ca\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Inground Pool Service - Inground Pool Service (Toronto, Richmond Hill, Oakville, Etobicoke, North York)","description":"Professional Pool Services for Homeowners Top-rated Inground Pool Service maintenance, repair, and installation services across the Greater Toronto Area.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/ingroundpoolservices.ca\/","og_locale":"en_US","og_type":"article","og_title":"Inground Pool Service - Inground Pool Service (Toronto, Richmond Hill, Oakville, Etobicoke, North York)","og_description":"Professional Pool Services for Homeowners Top-rated Inground Pool Service maintenance, repair, and installation services across the Greater Toronto Area.","og_url":"https:\/\/ingroundpoolservices.ca\/","og_site_name":"Inground Pool Service (Toronto, Richmond Hill, Oakville, Etobicoke, North York)","article_modified_time":"2025-04-01T03:03:29+00:00","og_image":[{"url":"https:\/\/via.placeholder.com\/45x45","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ingroundpoolservices.ca\/","url":"https:\/\/ingroundpoolservices.ca\/","name":"Inground Pool Service - Inground Pool Service (Toronto, Richmond Hill, Oakville, Etobicoke, North York)","isPartOf":{"@id":"https:\/\/ingroundpoolservices.ca\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ingroundpoolservices.ca\/#primaryimage"},"image":{"@id":"https:\/\/ingroundpoolservices.ca\/#primaryimage"},"thumbnailUrl":"https:\/\/via.placeholder.com\/45x45","datePublished":"2025-04-01T02:39:15+00:00","dateModified":"2025-04-01T03:03:29+00:00","description":"Professional Pool Services for Homeowners Top-rated Inground Pool Service maintenance, repair, and installation services across the Greater Toronto Area.","breadcrumb":{"@id":"https:\/\/ingroundpoolservices.ca\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ingroundpoolservices.ca\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ingroundpoolservices.ca\/#primaryimage","url":"https:\/\/via.placeholder.com\/45x45","contentUrl":"https:\/\/via.placeholder.com\/45x45"},{"@type":"BreadcrumbList","@id":"https:\/\/ingroundpoolservices.ca\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ingroundpoolservices.ca\/"},{"@type":"ListItem","position":2,"name":"Inground Pool Service"}]},{"@type":"WebSite","@id":"https:\/\/ingroundpoolservices.ca\/#website","url":"https:\/\/ingroundpoolservices.ca\/","name":"Inground Pool Service (Toronto, Richmond Hill, Oakville, Etobicoke, North York)","description":"2025 Backyard Pool Opening &amp; Repair Service Packages","publisher":{"@id":"https:\/\/ingroundpoolservices.ca\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ingroundpoolservices.ca\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/ingroundpoolservices.ca\/#organization","name":"Inground Pool Service (Toronto, Richmond Hill, Oakville, Etobicoke, North York)","url":"https:\/\/ingroundpoolservices.ca\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ingroundpoolservices.ca\/#\/schema\/logo\/image\/","url":"https:\/\/ingroundpoolservices.ca\/wp-content\/uploads\/2025\/04\/ips-logo.png","contentUrl":"https:\/\/ingroundpoolservices.ca\/wp-content\/uploads\/2025\/04\/ips-logo.png","width":1024,"height":1024,"caption":"Inground Pool Service (Toronto, Richmond Hill, Oakville, Etobicoke, North York)"},"image":{"@id":"https:\/\/ingroundpoolservices.ca\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/ingroundpoolservices.ca\/index.php?rest_route=\/wp\/v2\/pages\/34","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ingroundpoolservices.ca\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ingroundpoolservices.ca\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ingroundpoolservices.ca\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ingroundpoolservices.ca\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=34"}],"version-history":[{"count":3,"href":"https:\/\/ingroundpoolservices.ca\/index.php?rest_route=\/wp\/v2\/pages\/34\/revisions"}],"predecessor-version":[{"id":38,"href":"https:\/\/ingroundpoolservices.ca\/index.php?rest_route=\/wp\/v2\/pages\/34\/revisions\/38"}],"wp:attachment":[{"href":"https:\/\/ingroundpoolservices.ca\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=34"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}