Files

1132 lines
48 KiB
HTML
Executable File
Raw Permalink Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Title -->
<title>About Golden Sun Landscaping & Tree Service | Winfield, IL</title>
<!-- Favicon -->
<link rel="icon" type="image/x-icon" href="../../assets/images/favicon.ico">
<!-- Font-Awesome (CSS) -->
<link rel="stylesheet" href="../../assets/vendors/font-awesome/css/all.min.css">
<!-- Swiper (CSS) -->
<link rel="stylesheet" href="../../assets/vendors/swiper/swiper-bundle.min.css">
<!-- Custom Stylesheets -->
<link rel="stylesheet" href="../../assets/css/main.css">
<link rel="stylesheet" href="../../assets/css/responsive.css">
<meta name="description" content="Meet Golden Sun Landscaping & Tree Service, licensed and insured landscaping and tree care for homes and businesses in DuPage County.">
<style>
.preview-concept-banner { position: fixed; inset: 0 0 auto 0; z-index: 10000; padding: .7rem 1rem; background: #173a24; color: #fff; text-align: center; font: 600 14px/1.4 Arial, sans-serif; box-shadow: 0 2px 8px rgba(0,0,0,.22); }
.preview-concept-banner a { color: #fff; text-decoration: underline; text-underline-offset: 2px; }
.preview-concept-banner strong { color: #d8ef8c; }
body { padding-top: 45px; }
</style>
</head>
<body>
<div class="preview-concept-banner" role="note"><strong>UX Concept Preview</strong> — Golden Sun Landscaping &amp; Tree Service. <a href="../../ux-gallery.html">View proposed screens</a> · <a href="../../pricing.html">View feature pricing</a></div>
<!-- ==================== Scroll-Top Area (Start) ==================== -->
<a href="#" class="scroll-top">
<i class="fa-solid fa-arrow-up-long"></i>
</a>
<!-- ==================== Scroll-Top Area (End) ==================== -->
<!-- ==================== Header Area (Start) ==================== -->
<header class="header">
<!-- ===== Header-1 Area (Start) ===== -->
<div class="header-1">
<!-- == Contacts == -->
<ul class="header-contacts">
<li><i class="fa-solid fa-location-dot"></i><span>1N160 Cypress Ln, Winfield, IL 60190</span></li>
<li><i class="fa-solid fa-phone"></i><span>(630) 330-0486</span></li>
<li><i class="fa-solid fa-envelope"></i><span class="gmail">goldensunlandscaping@yahoo.com</span></li>
</ul>
<!-- == Social == -->
<ul class="social-contacts">
<li><a href="#" class="fab fa-facebook-f"></a></li>
<li><a href="#" class="fa-brands fa-x-twitter"></a></li>
<li><a href="#" class="fab fa-instagram"></a></li>
<li><a href="#" class="fab fa-linkedin"></a></li>
</ul>
</div>
<!-- ===== Header-1 Area (End) ===== -->
<!-- ===== Header-2 Area (Start) ===== -->
<div class="header-2">
<!-- == Logo == -->
<a class="logo" href="../../index.html">
<img src="../../assets/images/Logo/Logo.png" alt="logo">
<div class="logo-content">
<h3>Golden Sun Landscaping</h3>
<p>Landscaping & Tree Service</p>
</div>
</a>
<div class="container">
<!-- == Navbar == -->
<nav class="navbar">
<a class="nav-btn" href="../../index.html">home</a>
<div class="dropdown-menu">
<button class="nav-btn">about</button>
<div class="dropdown-content">
<a href="../../pages/About/About.html">about us</a>
<a href="../../pages/About/WhyUs.html">Why Choose Us</a>
<a href="../../pages/About/History.html">History</a>
<a href="../../pages/About/Team.html">Team</a>
<a href="../../pages/About/Team-Single.html">Team Single</a>
<a href="../../pages/About/Testimonials.html">testimonials</a>
<a href="../../pages/About/FAQs.html">FAQs</a>
</div>
</div>
<div class="dropdown-menu">
<button class="nav-btn">Pages</button>
<div class="dropdown-content">
<a href="../../pages/Pages/Gallery.html">Gallery</a>
<a href="../../pages/Pages/Pricing.html">Pricing</a>
<a href="../../pages/Pages/Process.html">work process</a>
<a href="../../pages/Pages/Awards.html">Awards</a>
<div class="side-dropdown">
<button>Event</button> <i class="fa-solid fa-chevron-right"></i>
<div class="dropdown-content">
<a href="../../pages/Pages/Events.html">Events</a>
<a href="../../pages/Pages/Event-Single.html">Event Single</a>
</div>
</div>
<div class="side-dropdown">
<button>Career</button> <i class="fa-solid fa-chevron-right"></i>
<div class="dropdown-content">
<a href="../../pages/Pages/Careers.html">Careers</a>
<a href="../../pages/Pages/Career-Single.html">Career Single</a>
<a href="../../pages/Pages/Career-Form.html">Career Form</a>
</div>
</div>
<div class="side-dropdown">
<button>Information Hub</button> <i class="fa-solid fa-chevron-right"></i>
<div class="dropdown-content">
<a href="../../pages/Pages/Not-Found.html">Not Found</a>
<a href="../../pages/Pages/Privacy-Policy.html">Privacy Policy</a>
<a href="../../pages/Pages/Terms.html">Terms & Condition</a>
</div>
</div>
<a href="../../pages/Pages/Cost-Calculator.html">cost calculator</a>
<a href="../../pages/Pages/Get-Quote.html">get a quote</a>
<a href="../../pages/Pages/Clients.html">clients</a>
</div>
</div>
<div class="dropdown-menu">
<button class="nav-btn">Service</button>
<div class="dropdown-content">
<a href="../../pages/Service/Services.html">Services</a>
<a href="../../pages/Service/Service-Single.html">Service Single</a>
</div>
</div>
<div class="dropdown-menu">
<button class="nav-btn">Project</button>
<div class="dropdown-content">
<a href="../../pages/Project/Projects.html">Projects</a>
<a href="../../pages/Project/Project-Single.html">Project Single</a>
</div>
</div>
<div class="dropdown-menu">
<button class="nav-btn">blog</button>
<div class="dropdown-content">
<a href="../../pages/Blog/Blog-Grid.html">blogs grid</a>
<a href="../../pages/Blog/Blog-List.html">blogs list</a>
<a href="../../pages/Blog/Blog-Single.html">blog Single</a>
</div>
</div>
<div class="dropdown-menu">
<button class="nav-btn">shop</button>
<div class="dropdown-content">
<a href="../../pages/Shop/Shop-Grid.html">shop grid</a>
<a href="../../pages/Shop/Shop-List.html">shop list</a>
<a href="../../pages/Shop/Product-Single.html">product Single</a>
<a href="../../pages/Shop/Wishlist.html">wishlist</a>
<a href="../../pages/Shop/Cart.html">cart</a>
<a href="../../pages/Shop/Checkout.html">checkout</a>
<a href="../../pages/Shop/Login.html">login</a>
<a href="../../pages/Shop/Register.html">register</a>
<a href="../../pages/Shop/Reset-Password.html">forgot Password</a>
</div>
</div>
<a class="nav-btn" href="../../pages/Contact/Contact.html">contact</a>
</nav>
<!-- == Icon Container == -->
<div class="icon-container">
<div id="search-btn" class="icon fa-solid fa-magnifying-glass"></div> <!-- Search Icon -->
<div id="menu-btn" class="icon fa-solid fa-bars-staggered"></div>
<a href="../../pages/Pages/Get-Quote.html" class="btn">get A quote</a>
</div>
<!-- == Search Container == -->
<form class="search-container">
<input type="search" id="search-bar" placeholder="search here" required> <!-- Search Input -->
<button type="submit"><i class="fas fa-search"></i></button> <!-- Submit Button -->
</form>
</div>
</div>
<!-- ===== Header-2 Area (End) ===== -->
<!-- ===== Mobile Menu Area (Start) ===== -->
<div class="mobile-menu">
<nav class="mobile-navbar">
<div class="nav-link">
<div class="main-nav-link"> <a class="nav-btn" href="../../index.html">home</a> </div>
</div>
<div class="nav-link">
<div class="main-nav-link"> <div class="nav-btn">about</div> <i class="fas fa-plus"></i> </div>
<div class="sub-nav-link">
<a href="../../pages/About/About.html">about us</a>
<a href="../../pages/About/WhyUs.html">Why Choose Us</a>
<a href="../../pages/About/History.html">History</a>
<a href="../../pages/About/Team.html">Team</a>
<a href="../../pages/About/Team-Single.html">Team Single</a>
<a href="../../pages/About/Testimonials.html">testimonials</a>
<a href="../../pages/About/FAQs.html">FAQs</a>
</div>
</div>
<div class="nav-link">
<div class="main-nav-link"> <div class="nav-btn">pages</div> <i class="fas fa-plus"></i> </div>
<div class="sub-nav-link">
<a href="../../pages/Pages/Gallery.html">Gallery</a>
<a href="../../pages/Pages/Pricing.html">Pricing</a>
<a href="../../pages/Pages/Process.html">work process</a>
<a href="../../pages/Pages/Awards.html">Awards</a>
<a href="../../pages/Pages/Events.html">Events</a>
<a href="../../pages/Pages/Event-Single.html">Event Single</a>
<a href="../../pages/Pages/Careers.html">Careers</a>
<a href="../../pages/Pages/Career-Single.html">Career Single</a>
<a href="../../pages/Pages/Career-Form.html">Career Form</a>
<a href="../../pages/Pages/Not-Found.html">Not Found</a>
<a href="../../pages/Pages/Privacy-Policy.html">Privacy Policy</a>
<a href="../../pages/Pages/Terms.html">Terms & Condition</a>
<a href="../../pages/Pages/Cost-Calculator.html">cost calculator</a>
<a href="../../pages/Pages/Get-Quote.html">get a quote</a>
<a href="../../pages/Pages/Clients.html">clients</a>
</div>
</div>
<div class="nav-link">
<div class="main-nav-link"> <div class="nav-btn">Service</div> <i class="fas fa-plus"></i> </div>
<div class="sub-nav-link">
<a href="../../pages/Service/Services.html">Services</a>
<a href="../../pages/Service/Service-Single.html">Service Single</a>
</div>
</div>
<div class="nav-link">
<div class="main-nav-link"> <div class="nav-btn">Project</div> <i class="fas fa-plus"></i> </div>
<div class="sub-nav-link">
<a href="../../pages/Project/Projects.html">Projects</a>
<a href="../../pages/Project/Project-Single.html">Project Single</a>
</div>
</div>
<div class="nav-link">
<div class="main-nav-link"> <div class="nav-btn">blog</div> <i class="fas fa-plus"></i> </div>
<div class="sub-nav-link">
<a href="../../pages/Blog/Blog-Grid.html">blogs grid</a>
<a href="../../pages/Blog/Blog-List.html">blogs list</a>
<a href="../../pages/Blog/Blog-Single.html">blog Single</a>
</div>
</div>
<div class="nav-link">
<div class="main-nav-link"> <div class="nav-btn">Shop</div> <i class="fas fa-plus"></i> </div>
<div class="sub-nav-link">
<a href="../../pages/Shop/Shop-Grid.html">shop grid</a>
<a href="../../pages/Shop/Shop-List.html">shop list</a>
<a href="../../pages/Shop/Product-Single.html">product Single</a>
<a href="../../pages/Shop/Wishlist.html">wishlist</a>
<a href="../../pages/Shop/Cart.html">cart</a>
<a href="../../pages/Shop/Checkout.html">checkout</a>
<a href="../../pages/Shop/Login.html">login</a>
<a href="../../pages/Shop/Register.html">register</a>
<a href="../../pages/Shop/Reset-Password.html">forgot Password</a>
</div>
</div>
<div class="nav-link">
<div class="main-nav-link"> <a class="nav-btn" href="../../pages/Contact/Contact.html">contact</a> </div>
</div>
</nav>
</div>
<!-- ===== Mobile Menu Area (End) ===== -->
</header>
<!-- ==================== Header Area (End) ==================== -->
<!-- ==================== Page-Title (Start) ==================== -->
<div class="page-title">
<div class="title">
<h2>about us</h2>
</div>
<div class="link">
<a href="../../index.html">Home</a>
<i class="fa-solid fa-angles-right"></i>
<span class="page">about us</span>
</div>
</div>
<!-- ==================== Page-Title Area (End) ==================== -->
<!-- ==================== About-Us Area (Start) ==================== -->
<section class="about-us">
<!-- ========== About Area (Start) ========== -->
<section class="about">
<!-- About Image -->
<div class="image">
<div class="sub-image first">
<img src="../../assets/images/About/About-1.jpg" alt="Golden Sun Landscaping Landscaping Team">
</div>
<div class="sub-image last">
<img src="../../assets/images/About/About-2.jpg" alt="Golden Sun Landscaping Landscaping Experts">
<div class="experience"><div><span>35</span> Years of Experience</div></div>
</div>
</div>
<!-- Introduction Content -->
<div class="content">
<div class="heading">
<div class="sub"><span>About Us</span><i class="fa-brands fa-pagelines"></i></div> <!-- Sub Heading -->
<h2>Growing Beauty with Passion & Expertise</h2> <!-- Main Heading -->
</div>
<!-- Description -->
<p>At Golden Sun Landscaping, we bring nature closer to you with innovative landscapeing solutions. With over three decades of expertise, our team combines creativity to design outdoor spaces that inspire tranquility.</p>
<!-- Key Features -->
<div class="about-features">
<div class="point-item">
<i class="fa-solid fa-pencil-ruler"></i>
<div>
<h3>Tailored Designs</h3>
<p>We create unique landscape customized to your space preferences for lasting elegance.</p>
</div>
</div> <!-- Feature 1 -->
<div class="point-item">
<i class="fa-solid fa-seedling"></i>
<div>
<h3>Landscaping Service</h3>
<p>From concept our experts craft stunning landscapes using sustainable practices.</p>
</div>
</div> <!-- Feature 2 -->
</div>
<a href="../../pages/Contact/Contact.html" class="btn">Contact Us</a> <!-- Contact Page Button -->
</div>
</section>
<!-- ========== About Area (End) ========== -->
<!-- ========== Count Area (Start) ========== -->
<div class="counting">
<!-- Statistic Box 1: Service Regions -->
<div class="box">
<div class="info">
<div class="icon"><i class="fas fa-map-marked-alt"></i> <!-- Map-marked-alt icon --></div>
<div class="content">
<h1 class="count" data-count="80">80+</h1> <!-- Count of service regions -->
<h3>Service Regions</h3> <!-- Statistic description -->
</div>
</div>
</div>
<!-- Statistic Box 2: Planting Projects -->
<div class="box">
<div class="info">
<div class="icon"><i class="fa-brands fa-pagelines"></i> <!-- Leaf icon --></div>
<div class="content">
<h1 class="count" data-count="10000">10,000+</h1> <!-- Count of planting projects -->
<h3>Planting Projects</h3> <!-- Statistic description -->
</div>
</div>
</div>
<!-- Statistic Box 3: Experience -->
<div class="box">
<div class="info">
<div class="icon"><i class="fas fa-calendar-alt"></i> <!-- Calendar icon --></div>
<div class="content">
<h1 class="count" data-count="14">14+</h1> <!-- Count of years of experience -->
<h3>Experience</h3> <!-- Statistic description -->
</div>
</div>
</div>
<!-- Statistic Box 4: Satisfied Customers -->
<div class="box">
<div class="info">
<div class="icon"><i class="fas fa-heart"></i> <!-- Heart icon --></div>
<div class="content">
<h1 class="count" data-count="24000">24,000+</h1> <!-- Count of satisfied customers -->
<h3>Satisfied Customers</h3> <!-- Statistic description -->
</div>
</div>
</div>
</div>
<!-- ========== Count Area (End) ========== -->
<!-- ========== Services Slider Area (Start) ========== -->
<section class="services">
<!-- Section Heading -->
<div class="heading">
<div class="sub"><i class="fa-brands fa-pagelines"></i><span>Explore Our Offerings</span><i class="fa-brands fa-pagelines"></i></div>
<h2>Our Services</h2>
</div>
<!-- Service Slider -->
<div class="swiper-container service-slider">
<div class="swiper-wrapper">
<!-- Service 1: Lawn Care -->
<div class="swiper-slide service-item">
<img src="../../assets/images/Service/Services/Service-1.jpg" alt="Lawn Care">
<div class="content">
<div class="icon"><i class="fa-brands fa-pagelines"></i></div>
<a href="../../pages/Service/Service-Single.html"><h3>Lawn Care</h3></a>
<p>Keep your lawn lush, healthy, and green with our professional mowing, and edging.</p>
<a href="../../pages/Service/Service-Single.html" class="btn">Read More</a>
</div>
</div>
<!-- Service 2: Landscape Design -->
<div class="swiper-slide service-item">
<img src="../../assets/images/Service/Services/Service-2.jpg" alt="Landscape Design">
<div class="content">
<div class="icon"><i class="fa-solid fa-seedling"></i></div>
<a href="../../pages/Service/Service-Single.html"><h3>Landscape Design</h3></a>
<p>Transform your outdoor space with creative designs that reflect your style & beauty.</p>
<a href="../../pages/Service/Service-Single.html" class="btn">Read More</a>
</div>
</div>
<!-- Service 3: Tree Planting -->
<div class="swiper-slide service-item">
<img src="../../assets/images/Service/Services/Service-3.jpg" alt="Tree Planting">
<div class="content">
<div class="icon"><i class="fa-solid fa-tree"></i></div>
<a href="../../pages/Service/Service-Single.html"><h3>Tree Planting</h3></a>
<p>Enhance your landscape with healthy trees, expertly planted for long-term growth.</p>
<a href="../../pages/Service/Service-Single.html" class="btn">Read More</a>
</div>
</div>
<!-- Service 4: Hardscaping Solutions -->
<div class="swiper-slide service-item">
<img src="../../assets/images/Service/Services/Service-4.jpg" alt="Hardscaping Solution">
<div class="content">
<div class="icon"><i class="fa-solid fa-tools"></i></div>
<a href="../../pages/Service/Service-Single.html"><h3>Hardscaping Solution</h3></a>
<p>Build pathways, and retaining walls that add function, and elegance to your yard.</p>
<a href="../../pages/Service/Service-Single.html" class="btn">Read More</a>
</div>
</div>
<!-- Service 5: Water Ponds -->
<div class="swiper-slide service-item">
<img src="../../assets/images/Service/Services/Service-5.jpg" alt="Water Ponds">
<div class="content">
<div class="icon"><i class="fa-solid fa-water"></i></div>
<a href="../../pages/Service/Service-Single.html"><h3>Water Ponds</h3></a>
<p>Add tranquility to your landscape with elegant ponds, & waterfalls designed to soothe.</p>
<a href="../../pages/Service/Service-Single.html" class="btn">Read More</a>
</div>
</div>
<!-- Service 6: Outdoor Décor -->
<div class="swiper-slide service-item">
<img src="../../assets/images/Service/Services/Service-6.jpg" alt="Outdoor Décor">
<div class="content">
<div class="icon"><i class="fa-solid fa-lightbulb"></i></div>
<a href="../../pages/Service/Service-Single.html"><h3>Outdoor Décor</h3></a>
<p>Illuminate your landscape with stylish, energy-efficient lighting to highlight key features.</p>
<a href="../../pages/Service/Service-Single.html" class="btn">Read More</a>
</div>
</div>
</div>
</div>
</section>
<!-- ========== Services Slider Area (End) ========== -->
<!-- ========== Why Choose Us Area (Start) ========== -->
<section class="why-us linear-bg main">
<div class="box-container">
<!-- Section Heading -->
<div class="heading">
<div class="sub"><i class="fa-brands fa-pagelines"></i><span>Why Choose Us</span><i class="fa-brands fa-pagelines"></i></div>
<h2>Rooted in Nature, Built on Trust</h2> <!-- New Main Heading -->
<!-- Main Description -->
<p>At Golden Sun Landscaping, were passionate about creating outdoor spaces that blend beauty. Our commitment to excellence ensures every landscape thrives for years.</p>
</div>
<!-- Main Content Area -->
<div class="content">
<!-- Why Choose Us Points - Left -->
<ul class="whyus-section-points one">
<li>
<i class="fa-solid fa-seedling"></i> <!-- Plant icon -->
<div class="text">
<h5>Expert Craftsmanship</h5>
<p>Our team brings years of experience to every project.</p>
</div>
</li>
<li>
<i class="fa-solid fa-leaf"></i> <!-- Leaf icon -->
<div class="text">
<h5>Sustainable Solutions</h5>
<p>We use materials & water wise technique for tomorrow.</p>
</div>
</li>
<li>
<i class="fa-solid fa-brush"></i> <!-- Design icon -->
<div class="text">
<h5>Creative Design</h5>
<p>we design landscapes that reflect your vision.</p>
</div>
</li>
</ul>
<!-- Why Choose Us Image -->
<div class="image">
<img src="../../assets/images/WhyUs/Pic-1.png" alt="Golden Sun Landscaping Landscaping & Tree Service">
</div>
<!-- Why Choose Us Points - Right -->
<ul class="whyus-section-points two">
<li>
<i class="fa-solid fa-sun"></i> <!-- Growth icon -->
<div class="text">
<h5>End-to-End Service</h5>
<p>We handle everything from design to maintenance and care.</p>
</div>
</li>
<li>
<i class="fa-solid fa-star"></i> <!-- Quality icon -->
<div class="text">
<h5>Quality Guaranteed</h5>
<p>We ensure every project the highest standards of beauty.</p>
</div>
</li>
<li>
<i class="fa-solid fa-handshake"></i> <!-- Trust icon -->
<div class="text">
<h5>Customer Commitment</h5>
<p>Your trust is our priority we turn your dreams into reality.</p>
</div>
</li>
</ul>
</div>
</div>
</section>
<!-- ========== Why Choose Us (End) ========== -->
<!-- ========== Process Slider Area (Start) ========== -->
<section class="process">
<!-- Section Heading -->
<div class="heading">
<div class="sub"><i class="fa-brands fa-pagelines"></i><span>how we work</span><i class="fa-brands fa-pagelines"></i></div>
<h2>Our Process</h2>
</div>
<!-- Process Slider -->
<div class="swiper-container process-slider">
<div class="swiper-wrapper">
<!-- Step 1: Site Consultation -->
<div class="swiper-slide process-item">
<img src="../../assets/images/Process/Process-1.jpg" alt="Site Consultation">
<div class="content">
<h3>Site<br>Consultation</h3>
<h6><span>01</span></h6>
<p>We begin with a on-site consultation to understand your goals, & space.</p>
</div>
</div>
<!-- Step 2: Concept & Design -->
<div class="swiper-slide process-item">
<img src="../../assets/images/Process/Process-2.jpg" alt="Concept & Design">
<div class="content">
<h3>Concept &<br>Design</h3>
<h6><span>02</span></h6>
<p>Our design experts craft a detailed plan that perfectly balances creativity.</p>
</div>
</div>
<!-- Step 3: Planting & Installation -->
<div class="swiper-slide process-item">
<img src="../../assets/images/Process/Process-3.jpg" alt="Planting & Installation">
<div class="content">
<h3>Planting &<br>Installation</h3>
<h6><span>03</span></h6>
<p>We bring your vision to life with expert planting touches that elevate space.</p>
</div>
</div>
<!-- Step 4: Irrigation & Care -->
<div class="swiper-slide process-item">
<img src="../../assets/images/Process/Process-4.jpg" alt="Irrigation & Care">
<div class="content">
<h3>Irrigation &<br>Care</h3>
<h6><span>04</span></h6>
<p>We install irrigation systems maintenance to keep your landscape thriving.</p>
</div>
</div>
<!-- Step 5: Quality Inspection -->
<div class="swiper-slide process-item">
<img src="../../assets/images/Process/Process-5.jpg" alt="Quality Inspection">
<div class="content">
<h3>Quality<br>Inspection</h3>
<h6><span>05</span></h6>
<p>Our team ensures every project meets standards of quality & beauty.</p>
</div>
</div>
<!-- Step 6: Client Delight -->
<div class="swiper-slide process-item">
<img src="../../assets/images/Process/Process-6.jpg" alt="Client Delight">
<div class="content">
<h3>Client<br>Delight</h3>
<h6><span>06</span></h6>
<p>We review every detail with you, ensuring complete landscape youll love.</p>
</div>
</div>
</div>
</div>
</section>
<!-- ========== Process Slider Area (End) ========== -->
<!-- ========== Home Skills Area (Start) ============= -->
<section class="custom-form home-skills linear-bg">
<div class="box-container">
<!-- Introduction Content -->
<div class="content">
<div class="heading">
<div class="sub"><span>Our Skills</span><i class="fa-brands fa-pagelines"></i></div> <!-- Sub Heading -->
<h2>Your Trusted Partner in Landscaping</h2> <!-- Main Heading -->
</div>
<!-- Description -->
<p>At Golden Sun Landscaping, we combine creativity expert care to design and maintain vibrant outdoor spaces. Our team brings years of experience in landscape planning maintenance solutions.</p>
<!-- Company's Skills -->
<div class="team-single">
<div class="skills">
<!-- Landscape Design -->
<div class="box">
<h3>Landscape Design<span> 95% </span></h3>
<div class="progress-bar"> <span style="width: 95%;"></span> </div>
</div>
<!-- Landscaping -->
<div class="box">
<h3>Landscaping<span> 90% </span></h3>
<div class="progress-bar"> <span style="width: 90%;"></span> </div>
</div>
<!-- Plant Care -->
<div class="box">
<h3>Plant Care & Maintenance<span> 88% </span></h3>
<div class="progress-bar"> <span style="width: 88%;"></span> </div>
</div>
<!-- Irrigation Systems -->
<div class="box">
<h3>Irrigation Systems<span> 92% </span></h3>
<div class="progress-bar"> <span style="width: 92%;"></span> </div>
</div>
</div>
</div>
<a href="../../pages/Contact/Contact.html" class="btn btn-2">Contact Us</a>
<!-- Contact Page Button -->
</div>
</div>
</section>
<!-- ========== Home Skills Area (End) ============== -->
<!-- ==================== Faqs Area (Start) ==================== -->
<section class="faq">
<!-- Section Heading -->
<div class="heading">
<div class="sub"><i class="fa-brands fa-pagelines"></i><span>FAQ's</span><i class="fa-brands fa-pagelines"></i></div>
<h2>Frequently Asked Questions</h2>
</div>
<div class="box-container">
<!-- FAQ Image -->
<div class="image">
<img src="../../assets/images/FAQs/FAQs.jpg" alt="FAQs Image">
</div>
<!-- FAQ Accordion Container -->
<div class="accordion-container">
<!-- FAQ Accordion 1: Service Range -->
<div class="accordion active">
<div class="accordion-heading">
<h3>What services does Golden Sun Landscaping offer?</h3>
<i class="fas fa-plus"></i>
</div>
<p class="accordion-content">Golden Sun Landscaping provides a complete range of landscapeing and landscaping services, including landscape design, lawn care, irrigation setup, plant maintenance, and outdoor decor solutions.</p>
</div>
<!-- FAQ Accordion 2: Custom Designs -->
<div class="accordion">
<div class="accordion-heading">
<h3>Can you create a design for my home?</h3>
<i class="fas fa-plus"></i>
</div>
<p class="accordion-content">Absolutely! Our designers work closely with you to understand your preferences and space requirements, crafting a personalized landscape or landscape plan that reflects your vision and lifestyle.</p>
</div>
<!-- FAQ Accordion 3: Maintenance Plans -->
<div class="accordion">
<div class="accordion-heading">
<h3>Do you offer regular maintenance services?</h3>
<i class="fas fa-plus"></i>
</div>
<p class="accordion-content">Yes, we offer flexible maintenance packages that include trimming, watering, soil care, fertilization, and pest control to keep your landscape lush and healthy all year round.</p>
</div>
<!-- FAQ Accordion 4: Eco-Friendly Practices -->
<div class="accordion">
<div class="accordion-heading">
<h3>Are your landscapeing methods eco-friendly?</h3>
<i class="fas fa-plus"></i>
</div>
<p class="accordion-content">At Golden Sun Landscaping, we prioritize sustainability. We use organic fertilizers, water-efficient irrigation systems, and native plants to reduce environmental impact and promote long-term landscape health.</p>
</div>
<!-- FAQ Accordion 5: Project Timeline -->
<div class="accordion">
<div class="accordion-heading">
<h3>How long does a typical project take?</h3>
<i class="fas fa-plus"></i>
</div>
<p class="accordion-content">Project timelines vary depending on size and complexity. Most residential landscaping projects are completed within 24 weeks after the design phase is finalized.</p>
</div>
</div>
</div>
</section>
<!-- ==================== Faqs Area (End) ==================== -->
<!-- ========== Testimonials Area (Start) ========== -->
<section class="testimonial main linear-bg">
<!-- Section Heading -->
<div class="heading">
<div class="sub"><i class="fa-brands fa-pagelines"></i><span>What Our Customers Say</span><i class="fa-brands fa-pagelines"></i></div> <!-- Sub Heading -->
<h2>Customer Testimonials</h2>
</div>
<!-- Testimonial Slider -->
<div class="swiper-container testimonial-slider">
<div class="swiper-wrapper">
<!-- Testimonial Slide 1 -->
<div class="swiper-slide testi-item">
<img src="../../assets/images/Testimonials/Pic-1.jpg" alt="Client-Pic">
<i class="fas fa-quote-right"></i>
<div class="text">
<h4>Justin Smith</h4>
<h6>Landscape Expert</h6>
</div>
<div class="rating">
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
</div>
<p>"Lorem ipsum dolor sit amet consectetur adipisicing elit. Vero voluptate omnis hic? Omnis repudiandae aliquid iure beatae distinctio temporibus quia expedita earum aliquam consequuntur. Tempora totam eum quos veniam illo."</p>
</div>
<!-- Testimonial Slide 2 -->
<div class="swiper-slide testi-item">
<img src="../../assets/images/Testimonials/Pic-2.jpg" alt="Client-Pic">
<i class="fas fa-quote-right"></i>
<div class="text">
<h4>Taylor Reed</h4>
<h6>Care Specialist</h6>
</div>
<div class="rating">
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
</div>
<p>"Lorem, ipsum dolor sit amet consectetur adipisicing elit. Molestias et sint suscipit, non quo aut, cumque repudiandae molestiae fugiat animi distinctio blanditiis tempore? Quam accusantium sed veritatis officiis obcaecati cupiditate."</p>
</div>
<!-- Testimonial Slide 3 -->
<div class="swiper-slide testi-item">
<img src="../../assets/images/Testimonials/Pic-3.jpg" alt="Client-Pic">
<i class="fas fa-quote-right"></i>
<div class="text">
<h4>Michael Brown</h4>
<h6>Landscape Specialist</h6>
</div>
<div class="rating">
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
</div>
<p>"Lorem, ipsum dolor sit amet consectetur adipisicing elit. Molestias et sint suscipit, non quo aut, cumque repudiandae molestiae fugiat animi distinctio blanditiis tempore? Quam accusantium sed veritatis officiis obcaecati cupiditate."</p>
</div>
<!-- Testimonial Slide 4 -->
<div class="swiper-slide testi-item">
<img src="../../assets/images/Testimonials/Pic-4.jpg" alt="Client-Pic">
<i class="fas fa-quote-right"></i>
<div class="text">
<h4>Nisa Klein</h4>
<h6>Landscape Specialist</h6>
</div>
<div class="rating">
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
</div>
<p>"Lorem, ipsum dolor sit amet consectetur adipisicing elit. Molestias et sint suscipit, non quo aut, cumque repudiandae molestiae fugiat animi distinctio blanditiis tempore? Quam accusantium sed veritatis officiis obcaecati cupiditate."</p>
</div>
</div>
<!-- Testimonial Slider Pagination -->
<div class="swiper-pagination swiper-pagination3"></div>
</div>
</section>
<!-- ========== Testimonials Area (End) ========== -->
<!-- ========== Team Area (Start) ========== -->
<section class="team">
<!-- Section Heading -->
<div class="heading">
<div class="sub"><i class="fa-brands fa-pagelines"></i><span>Meet Our Team</span><i class="fa-brands fa-pagelines"></i></div> <!-- Sub Heading -->
<h2>Our Team</h2>
</div>
<div class="box-container">
<!-- Team Member 1 -->
<div class="team-item">
<img src="../../assets/images/Team/Team-1.jpg" alt="Team-Image"> <!-- Team Member Image -->
<div class="content">
<div class="intro">
<a href="../../pages/About/Team-Single.html"><h3>Ethan Green</h3></a> <!-- Team Member Name -->
<p>Landscape Designer</p> <!-- Team Member Designation -->
</div>
<div class="icon-container">
<a href="#"><i class="fab fa-facebook-f"></i></a>
<a href="#"><i class="fab fa-linkedin-in"></i></a>
<a href="#"><i class="fa-brands fa-x-twitter"></i></a>
<a href="#"><i class="fab fa-instagram"></i></a>
</div>
</div>
</div>
<!-- Team Member 2 -->
<div class="team-item">
<img src="../../assets/images/Team/Team-2.jpg" alt="Team-Image">
<div class="content">
<div class="intro">
<a href="../../pages/About/Team-Single.html"><h3>Sophia Bloom</h3></a>
<p>Care Specialist</p>
</div>
<div class="icon-container">
<a href="#"><i class="fab fa-facebook-f"></i></a>
<a href="#"><i class="fab fa-linkedin-in"></i></a>
<a href="#"><i class="fa-brands fa-x-twitter"></i></a>
<a href="#"><i class="fab fa-instagram"></i></a>
</div>
</div>
</div>
<!-- Team Member 3 -->
<div class="team-item">
<img src="../../assets/images/Team/Team-3.jpg" alt="Team-Image">
<div class="content">
<div class="intro">
<a href="../../pages/About/Team-Single.html"><h3>Liam Woods</h3></a>
<p>Maintenance Expert</p>
</div>
<div class="icon-container">
<a href="#"><i class="fab fa-facebook-f"></i></a>
<a href="#"><i class="fab fa-linkedin-in"></i></a>
<a href="#"><i class="fa-brands fa-x-twitter"></i></a>
<a href="#"><i class="fab fa-instagram"></i></a>
</div>
</div>
</div>
<!-- Team Member 4 -->
<div class="team-item">
<img src="../../assets/images/Team/Team-4.jpg" alt="Team-Image">
<div class="content">
<div class="intro">
<a href="../../pages/About/Team-Single.html"><h3>Olivia Fern</h3></a>
<p>Design Consultant</p>
</div>
<div class="icon-container">
<a href="#"><i class="fab fa-facebook-f"></i></a>
<a href="#"><i class="fab fa-linkedin-in"></i></a>
<a href="#"><i class="fa-brands fa-x-twitter"></i></a>
<a href="#"><i class="fab fa-instagram"></i></a>
</div>
</div>
</div>
</div>
</section>
<!-- ========== Team Area (End) ========== -->
<!-- ========== Banner Area (Start) ========== -->
<section class="banner">
<div class="content">
<div class="heading">
<div class="sub">
<span>Nurture Nature with Golden Sun Landscaping</span>
<i class="fa-brands fa-pagelines"></i>
</div>
</div>
<h2>Transform Your Landscape into a Green Paradise</h2>
<a href="../../pages/Pages/Get-Quote.html" class="btn">Get a Free Quote</a>
</div>
</section>
<!-- ========== Banner Area (End) ========== -->
<!-- ========== Clients Area (Start) ========== -->
<section class="clients">
<!-- Client Slider Container -->
<div class="swiper-container client-slider">
<!-- Clients Logo -->
<div class="swiper-wrapper">
<div class="swiper-slide client-item"><a href="#"><img src="../../assets/images/Clients/Client-1.png" alt="Client-Logo"></a></div>
<div class="swiper-slide client-item"><a href="#"><img src="../../assets/images/Clients/Client-2.png" alt="Client-Logo"></a></div>
<div class="swiper-slide client-item"><a href="#"><img src="../../assets/images/Clients/Client-3.png" alt="Client-Logo"></a></div>
<div class="swiper-slide client-item"><a href="#"><img src="../../assets/images/Clients/Client-4.png" alt="Client-Logo"></a></div>
<div class="swiper-slide client-item"><a href="#"><img src="../../assets/images/Clients/Client-5.png" alt="Client-Logo"></a></div>
<div class="swiper-slide client-item"><a href="#"><img src="../../assets/images/Clients/Client-6.png" alt="Client-Logo"></a></div>
<div class="swiper-slide client-item"><a href="#"><img src="../../assets/images/Clients/Client-7.png" alt="Client-Logo"></a></div>
<div class="swiper-slide client-item"><a href="#"><img src="../../assets/images/Clients/Client-8.png" alt="Client-Logo"></a></div>
</div>
</div>
</section>
<!-- ========== Clients Area (End) ========== -->
</section>
<!-- ==================== About-Us Area (End) ==================== -->
<!-- ==================== Footer Area (Start) ==================== -->
<footer class="footer">
<div class="box-container">
<!-- Landscaping & Tree Service Company Information & Social Media Links -->
<div class="footer-item">
<!-- Landscaping & Tree Service Company Logo -->
<a class="logo" href="../../index.html">
<img src="../../assets/images/Logo/Logo.png" alt="logo">
<div class="logo-content">
<h3>Golden Sun Landscaping</h3>
<p>Landscaping & Tree Service</p>
</div>
</a>
<!-- Description -->
<p>Transforming outdoor spaces with premium landscapeing and landscaping solutions.</p>
<!-- Contact Information -->
<div class="info connect">
<p><i class="fas fa-phone"></i><span>(630) 330-0486</span></p>
<p><i class="fas fa-envelope"></i><span class="gmail">goldensunlandscaping@yahoo.com</span></p>
<p><i class="fas fa-map-marker-alt"></i><span>1N160 Cypress Ln, Winfield, IL 60190</span></p>
</div>
<!-- Social Media Links -->
<div class="social">
<a href="#"><i class="fab fa-facebook-f"></i></a>
<a href="#"><i class="fa-brands fa-x-twitter"></i></a>
<a href="#"><i class="fab fa-instagram"></i></a>
<a href="#"><i class="fab fa-linkedin"></i></a>
</div>
</div>
<!-- Landscaping & Tree Service Services Offered -->
<div class="footer-item">
<h2>Our Services</h2>
<div class="info links">
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Lawn Care</a></p>
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Landscape Design</a></p>
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Tree Planting</a></p>
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Hardscaping Solution</a></p>
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">water ponds</a></p>
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Outdoor Décor</a></p>
</div>
</div>
<!-- Quick Links -->
<div class="footer-item">
<h2>Quick Links</h2>
<div class="info links">
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/About/About.html">About Us</a></p>
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Services.html">Services</a></p>
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Project/Projects.html">Projects</a></p>
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Blog/Blog-Grid.html">Blog</a></p>
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Shop/Shop-Grid.html">Shop</a></p>
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Contact/Contact.html">Contact Us</a></p>
</div>
</div>
<!-- Newsletter Subscription -->
<div class="footer-item">
<h2>Newsletter</h2>
<p>Stay informed and up-to-date with the latest trends, helpful tips, and exclusive special offers.</p>
<form class="dark-form" method="post" id="newsletter-form-2">
<div class="input-field">
<label for="news-email-2" class="fas fa-envelope"></label>
<input type="email" id="news-email-2" name="email" class="box" placeholder="Your email address" required>
</div>
<button type="submit" class="btn" name="submit" id="submit-2">Subscribe</button>
<span class="alert" id="msg-2"></span>
</form>
</div>
</div>
<!-- Landscaping & Tree Service Company's Name and Copyright -->
<div class="content">
<p>Designed By <span>NorthStar_Themes</span> | All Rights Reserved</p>
</div>
</footer>
<!-- ==================== Footer Area (End) ==================== -->
<!-- Jquery -->
<script src="../../assets/vendors/jquery/jquery.min.js"></script>
<!-- Swiper (JS) -->
<script src="../../assets/vendors/swiper/swiper-bundle.min.js"></script>
<!-- Custom Script Files -->
<script src="../../assets/js/script.js"></script> <!-- Custom JavaScript file with additional website functionality. -->
<script src="../../assets/js/nav-link-toggler.js"></script> <!-- Manages navigation link toggling (e.g., hamburger menu) for mobile devices -->
<script src="../../assets/js/newsletter.js"></script>
<script src="../../assets/js/client-slider.js"></script> <!-- Controls the interactive Client Slider for showcasing business clients. -->
<script src="../../assets/js/counter-up.js"></script> <!-- Manages the "Counter Up" feature to animate numerical counting on the website. -->
<script src="../../assets/js/testi-slider.js"></script> <!-- Controls the interactive Testimonial Slider for showcasing customer testimonials. -->
<script src="../../assets/js/service-slider.js"></script> <!-- Script for controlling the service slider on the website -->
<script src="../../assets/js/process-slider.js"></script> <!-- Script for controlling the process slider on the website -->
<p class="aiml-site-credit">Made by <a href="https://aimloperations.com" rel="noopener noreferrer" target="_blank">AI ML Operations, LLC</a></p>
</body>
</html>