Files
preview_sites/proposals/golden-sun-landscaping/mockup/pages/Service/Service-Single.html
T

570 lines
25 KiB
HTML
Executable File
Raw 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>Landscaping Services | Golden Sun Landscaping</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">
<!-- Magnific-Popup (CSS) -->
<link rel="stylesheet" href="../../assets/vendors/magnific-popup/magnific-popup.css">
<!-- Custom Stylesheets -->
<link rel="stylesheet" href="../../assets/css/main.css">
<link rel="stylesheet" href="../../assets/css/responsive.css">
<meta name="description" content="Golden Sun Landscaping delivers licensed and insured landscape design, maintenance, cleanup, and tree services across 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>Service Single</h2>
</div>
<div class="link">
<a href="../../index.html">Home</a>
<i class="fa-solid fa-angles-right"></i>
<span class="page">Service Single</span>
</div>
</div>
<!-- ==================== Page-Title (End) ==================== -->
<!-- ==================== Service Single (Start) ==================== -->
<section class="service-single page-single">
<!-- ========== Service Sidebar Area (Start) ========== -->
<div class="sidebar">
<div class="category sidebar-item">
<!-- Sidebar Heading -->
<div class="sidebar-heading">
<h2>our services</h2>
</div>
<!-- Services List -->
<div class="box-container">
<a href="./Service-Single.html"><span><i class="fa-brands fa-pagelines"></i>Lawn Care</span></a>
<a href="./Service-Single.html"><span><i class="fa-solid fa-seedling"></i>Landscape Design</span></a>
<a href="./Service-Single.html"><span><i class="fa-solid fa-tree"></i>Tree Planting</span></a>
<a href="./Service-Single.html"><span><i class="fa-solid fa-tools"></i>Hardscaping</span></a>
<a href="./Service-Single.html"><span><i class="fa-solid fa-water"></i>Water Ponds</span></a>
<a href="./Service-Single.html"><span><i class="fa-solid fa-lightbulb"></i>Outdoor Decor</span></a>
</div>
</div>
</div>
<!-- ========== Service Sidebar Area (End) ========== -->
<!-- ========== Service Info Container (Start) ========== -->
<div class="service-info page-info">
<!-- Service Image -->
<div class="image">
<img src="../../assets/images/Service/Services/Service-1.jpg" alt="Lawn Care">
</div>
<div class="content">
<!-- Service Main Heading -->
<h1 class="main-heading">Lawn Care</h1>
<!-- Service Description -->
<p>Keep your lawn healthy, green, and picture-perfect with our expert lawn care services. We focus on nurturing your grass and soil to promote long-lasting growth and a naturally vibrant appearance.</p>
<p>Our professional team offers complete lawn care solutions, including mowing, fertilizing, aeration, pest control, irrigation management, and seasonal treatments. Whether its a small residential yard or a large commercial landscape, we ensure your lawn stays lush, clean, and beautifully maintained all year round.</p>
<!-- Service Gallery -->
<div class="page-gallery">
<a href="../../assets/images/Service/Service-Gallery/1.jpg">
<img src="../../assets/images/Service/Service-Gallery/1.jpg" alt="Lawn Care Gallery Image 1">
</a>
<a href="../../assets/images/Service/Service-Gallery/2.jpg">
<img src="../../assets/images/Service/Service-Gallery/2.jpg" alt="Lawn Care Gallery Image 2">
</a>
</div>
<!-- Key Features -->
<div class="sub-section">
<div class="box-container">
<h2 class="sub-heading">Key Features:</h2>
<p>Our lawn care services are designed to ensure your grass stays healthy, lush, and beautifully maintained:</p>
<ul>
<li><i class="fa-solid fa-check"></i>Comprehensive Lawn Health Treatments</li>
<li><i class="fa-solid fa-check"></i>Professional Mowing and Edging</li>
<li><i class="fa-solid fa-check"></i>Soil Aeration and Fertilization Plans</li>
<li><i class="fa-solid fa-check"></i>Weed, Pest, and Disease Control</li>
<li><i class="fa-solid fa-check"></i>Customized Care for Every Season</li>
</ul>
</div>
</div>
<!-- Service Process -->
<div class="sub-section">
<div class="box-container">
<h2 class="sub-heading">Service Process:</h2>
<p>Our lawn care process follows a structured approach to achieve lasting health and beauty for your lawn:</p>
<ul>
<li><i class="fa-brands fa-pagelines"></i>Site Evaluation and Lawn Health Inspection</li>
<li><i class="fa-brands fa-pagelines"></i>Customized Lawn Care Program Planning</li>
<li><i class="fa-brands fa-pagelines"></i>Scheduled Mowing, Trimming, and Treatments</li>
<li><i class="fa-brands fa-pagelines"></i>Fertilization and Weed Control Applications</li>
<li><i class="fa-brands fa-pagelines"></i>Ongoing Monitoring and Maintenance Feedback</li>
</ul>
</div>
</div>
<!-- Service FAQs -->
<div class="faq sub-section">
<h2 class="sub-heading">Frequently Asked Questions</h2>
<!-- FAQ Accordion Container -->
<div class="accordion-container">
<!-- FAQ Accordion 1 -->
<div class="accordion active">
<div class="accordion-heading">
<h3>What does your lawn care service include?</h3>
<i class="fas fa-plus"></i>
</div>
<div class="accordion-content">
<p>Our lawn care service includes mowing, edging, fertilizing, aeration, weed and pest control, and seasonal treatments. We tailor our approach based on your lawns soil, grass type, and environmental conditions.</p>
</div>
</div>
<!-- FAQ Accordion 2 -->
<div class="accordion">
<div class="accordion-heading">
<h3>How often should I schedule lawn care services?</h3>
<i class="fas fa-plus"></i>
</div>
<div class="accordion-content">
<p>We recommend bi-weekly or monthly lawn care depending on the grass growth rate, season, and your aesthetic goals. Our team will suggest a schedule that best suits your propertys needs.</p>
</div>
</div>
<!-- FAQ Accordion 3 -->
<div class="accordion">
<div class="accordion-heading">
<h3>Do you use eco-friendly lawn care methods?</h3>
<i class="fas fa-plus"></i>
</div>
<div class="accordion-content">
<p>Yes! We offer eco-friendly lawn care options using organic fertilizers and natural pest control methods. This approach keeps your lawn green and healthy without harming the environment.</p>
</div>
</div>
<!-- FAQ Accordion 4 -->
<div class="accordion">
<div class="accordion-heading">
<h3>Can you revive a neglected or damaged lawn?</h3>
<i class="fas fa-plus"></i>
</div>
<div class="accordion-content">
<p>Definitely. Our lawn restoration services help bring life back to dry, patchy, or damaged lawns. Through soil improvement, reseeding, and treatment plans, we restore your lawns natural beauty and strength.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- ========== Service Info Container (End) ========== -->
</section>
<!-- ==================== Service Single (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>
<!-- Magnific-Popup JS -->
<script src="../../assets/vendors/magnific-popup/jquery.magnific-popup.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/page-gallery.js"></script> <!-- Manages the gallery functionality of lightbox view. -->
<script src="../../assets/js/accordion.js"></script> <!-- Controls the functionality of accordions for displaying content sections. -->
<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>