1863 lines
83 KiB
HTML
Executable File
1863 lines
83 KiB
HTML
Executable File
<!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>Golden Sun Landscaping & Tree Service | Landscaping in 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">
|
||
|
||
<!-- Magnific-Popup (CSS) -->
|
||
<link rel="stylesheet" href="./assets/vendors/magnific-popup/magnific-popup.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="Licensed & insured landscaping and tree service in Winfield and DuPage County: design, lawn care, patios, cleanup, grading, and more.">
|
||
|
||
|
||
<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; }
|
||
.logo-content .logo-name { display:block; font-size:2rem; font-weight:700; line-height:1.2; color:inherit; }
|
||
.counting .count { display:block; font-size:4rem; font-weight:700; margin:0; }
|
||
.features .feature-title { font-size:2rem; font-weight:700; margin:0.5rem 0; }
|
||
:root { --main-color: #1b6b2a; }
|
||
.heading .sub span,
|
||
.award-item .tag span,
|
||
.award-item p span,
|
||
.process-item .content .process-step span,
|
||
.features .feature-item .icon,
|
||
.home .content .text .slide-eyebrow,
|
||
.home .content .text .slide-eyebrow span { color: #145523; }
|
||
.mobile-navbar .nav-link { background: #145523; }
|
||
.mobile-navbar .main-nav-link,
|
||
.mobile-navbar .main-nav-link a,
|
||
.mobile-navbar .nav-btn { color: #fff !important; }
|
||
.swiper-pagination-bullet {
|
||
width: 24px !important;
|
||
height: 24px !important;
|
||
margin: 0 6px !important;
|
||
opacity: 0.85;
|
||
}
|
||
.swiper-pagination-bullet-active { width: 36px !important; }
|
||
.header .icon-container button.icon {
|
||
background: none; border: 0; padding: 0; font: inherit; color: inherit; cursor: pointer;
|
||
min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center;
|
||
}
|
||
.visually-hidden {
|
||
position: absolute !important;
|
||
width: 1px !important;
|
||
height: 1px !important;
|
||
padding: 0 !important;
|
||
margin: -1px !important;
|
||
overflow: hidden !important;
|
||
clip: rect(0,0,0,0) !important;
|
||
white-space: nowrap !important;
|
||
border: 0 !important;
|
||
}
|
||
.home .content .text .slide-eyebrow { font-size: 1.6rem; font-weight: 600; margin-bottom: 1rem; }
|
||
.process-item .content .process-step { font-size: 2rem; font-weight: 700; margin: 0.5rem 0; }
|
||
</style>
|
||
|
||
<meta name="robots" content="index, follow">
|
||
<link rel="canonical" href="https://golden-sun-landscaping-preview.aimloperations.com/">
|
||
<meta property="og:type" content="website">
|
||
<meta property="og:title" content="Golden Sun Landscaping & Tree Service | Landscaping in Winfield, IL">
|
||
<meta property="og:description" content="Licensed and insured landscaping, lawn maintenance, patios, cleanup, grading, and tree service in DuPage County.">
|
||
<meta property="og:url" content="https://golden-sun-landscaping-preview.aimloperations.com/">
|
||
<meta property="og:locale" content="en_US">
|
||
<meta name="twitter:card" content="summary">
|
||
<meta name="twitter:title" content="Golden Sun Landscaping & Tree Service | Landscaping in Winfield, IL">
|
||
<meta name="twitter:description" content="Licensed and insured landscaping, lawn maintenance, patios, cleanup, grading, and tree service in DuPage County.">
|
||
<script type="application/ld+json">
|
||
{"@context":"https://schema.org","@type":"LandscapingBusiness","name":"Golden Sun Landscaping & Tree Service","url":"https://goldensunlandscapingsvc.com/","telephone":"(630) 330-0486","email":"goldensunlandscaping@yahoo.com","address":{"@type":"PostalAddress","streetAddress":"1N160 Cypress Ln","addressLocality":"Winfield","addressRegion":"IL","postalCode":"60190","addressCountry":"US"},"areaServed":["Winfield","Glen Ellyn","Wheaton","Carol Stream","Glendale Heights","Bartlett","Bloomingdale"],"description":"Licensed and insured residential and commercial landscaping and tree service in DuPage County."}
|
||
</script>
|
||
</head>
|
||
<body id="top">
|
||
<div class="preview-concept-banner" role="note"><strong>UX Concept Preview</strong> — Golden Sun Landscaping & 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="#top" class="scroll-top" aria-label="Scroll to top">
|
||
<i class="fa-solid fa-arrow-up-long" aria-hidden="true"></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="https://www.yelp.com/biz/golden-sun-landscaping-winfield" class="fab fa-facebook-f" aria-label="Golden Sun on Yelp" rel="noopener noreferrer" target="_blank"></a></li>
|
||
<li><a href="https://goldensunlandscapingsvc.com/" class="fa-brands fa-x-twitter" aria-label="Golden Sun website" rel="noopener noreferrer" target="_blank"></a></li>
|
||
<li><a href="https://www.yelp.com/biz/golden-sun-landscaping-winfield" class="fab fa-instagram" aria-label="Golden Sun on Yelp reviews" rel="noopener noreferrer" target="_blank"></a></li>
|
||
<li><a href="mailto:goldensunlandscaping@yahoo.com" class="fab fa-linkedin" aria-label="Email Golden Sun Landscaping"></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="Golden Sun Landscaping logo" width="48" height="48">
|
||
<div class="logo-content">
|
||
<span class="logo-name">Golden Sun Landscaping</span>
|
||
<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">
|
||
<button type="button" id="search-btn" class="icon fa-solid fa-magnifying-glass" aria-label="Open search"></button>
|
||
<button type="button" id="menu-btn" class="icon fa-solid fa-bars-staggered" aria-label="Open menu"></button>
|
||
<a href="./pages/Pages/Get-Quote.html" class="btn">get A quote</a>
|
||
</div>
|
||
|
||
<!-- == Search Container == -->
|
||
<form class="search-container">
|
||
<label class="visually-hidden" for="search-bar">Search the site</label>
|
||
<input type="search" id="search-bar" placeholder="search here" required>
|
||
<button type="submit" aria-label="Submit search"><i class="fas fa-search" aria-hidden="true"></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) ==================== -->
|
||
|
||
|
||
|
||
<!-- ==================== Home-Slider Area (Start) ==================== -->
|
||
<section class="home">
|
||
|
||
<!-- Home Slider -->
|
||
<div class="swiper-container home-slider">
|
||
<div class="swiper-wrapper">
|
||
|
||
<!-- Home Slide-1 -->
|
||
<div class="swiper-slide home-item">
|
||
<img src="./assets/images/Home/Home-1.jpg" alt="Golden Sun Landscaping Landscaping & Tree Service"> <!-- Slide Image -->
|
||
<div class="content">
|
||
<div class="text">
|
||
<p class="slide-eyebrow">Licensed & Insured · Residential & Commercial <i class="fa-brands fa-pagelines"></i></p> <!-- Slide Subheading -->
|
||
<h1>Professional <span>Landscaping & Tree Service</span> Solutions</h1> <!-- Slide Heading -->
|
||
<a href="./pages/Contact/Contact.html" class="btn">Get in Touch</a> <!-- Contact Page Button -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Home Slide-2 -->
|
||
<div class="swiper-slide home-item">
|
||
<img src="./assets/images/Home/Home-2.jpg" alt="Golden Sun Landscaping Landscape Design Services"> <!-- Slide Image -->
|
||
<div class="content">
|
||
<div class="text">
|
||
<p class="slide-eyebrow">Serving Winfield & DuPage County <i class="fa-brands fa-pagelines"></i></p> <!-- Slide Subheading -->
|
||
<h2>Creative <span>Landscape Design & Installation</span> Services</h2> <!-- Slide Heading -->
|
||
<a href="./pages/Contact/Contact.html" class="btn">Request a Quote</a> <!-- Contact Page Button -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Home Slide-3 -->
|
||
<div class="swiper-slide home-item">
|
||
<img src="./assets/images/Home/Home-3.jpg" alt="Golden Sun Landscaping Custom Landscaping"> <!-- Slide Image -->
|
||
<div class="content">
|
||
<div class="text">
|
||
<p class="slide-eyebrow">Your Landscape, Our Passion <i class="fa-brands fa-pagelines"></i></p> <!-- Slide Subheading -->
|
||
<h2>Custom <span>Landscaping & Outdoor</span> Creations</h2> <!-- Slide Heading -->
|
||
<a href="./pages/Contact/Contact.html" class="btn">Contact Us</a> <!-- Contact Page Button -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<!-- Home Slider Pagination -->
|
||
<div class="swiper-pagination swiper-pagination1"></div>
|
||
|
||
<!-- Home Slider Navigation arrows -->
|
||
<div class="swiper-button-next"></div>
|
||
<div class="swiper-button-prev"></div>
|
||
|
||
</div>
|
||
|
||
</section>
|
||
<!-- ==================== Home-Slider Area (End) ==================== -->
|
||
|
||
|
||
|
||
<!-- ==================== Features Area (Start) =================== -->
|
||
<section class="features">
|
||
|
||
<div class="box-container">
|
||
|
||
<!-- Feature 1 - Plant Variety -->
|
||
<div class="feature-item">
|
||
<i class="fas fa-seedling"></i> <!-- Seedling icon -->
|
||
<p class="feature-title">Wide Plant<br>Variety</p>
|
||
<p>Explore rich collection of vibrant shrubs & trees to beautify outdoor space.</p>
|
||
</div>
|
||
|
||
<!-- Feature 2 - Expert Consultation -->
|
||
<div class="feature-item">
|
||
<i class="fas fa-tools"></i> <!-- Tools icon -->
|
||
<p class="feature-title">Expert<br>Consultation</p>
|
||
<p>Get professional guidance for landscape design, & perfect landscape planning.</p>
|
||
</div>
|
||
|
||
<!-- Feature 3 - Custom Landscaping -->
|
||
<div class="feature-item">
|
||
<i class="fas fa-paint-roller"></i> <!-- Paint roller icon -->
|
||
<p class="feature-title">Custom<br>Landscaping</p>
|
||
<p>We design personalized landscapes blend beauty & balance effortlessly.</p>
|
||
</div>
|
||
|
||
<!-- Feature 4 - Eco-Friendly Solutions -->
|
||
<div class="feature-item">
|
||
<i class="fas fa-recycle"></i> <!-- Recycling icon -->
|
||
<p class="feature-title">Eco-Friendly<br>Solutions</p>
|
||
<p>Incorporating landscapeing methods to create healthier outdoor environments.</p>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</section>
|
||
<!-- ==================== Features Area (End) ==================== -->
|
||
|
||
|
||
|
||
<!-- ==================== 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) ====================== -->
|
||
|
||
|
||
|
||
<!-- ==================== Awards Area (Start) ==================== -->
|
||
<section class="awards main linear-bg">
|
||
|
||
<!-- Section Heading -->
|
||
<div class="heading">
|
||
<div class="sub"><i class="fa-brands fa-pagelines"></i><span>Green Thumb Excellence</span><i class="fa-brands fa-pagelines"></i></div>
|
||
<h2>Our Awards</h2>
|
||
</div>
|
||
|
||
<div class="box-container">
|
||
|
||
<!-- Award 1 -->
|
||
<div class="award-item">
|
||
<h3>Best<br>Landscape Design</h3>
|
||
<div class="middle"><div class="tag"><span>by Green Award</span></div></div>
|
||
<p>Recognized for outstanding creativity & innovation in residential design <span>2025</span></p>
|
||
</div>
|
||
|
||
<!-- Award 2 -->
|
||
<div class="award-item">
|
||
<h3>Eco-Friendly<br>Initiative Award</h3>
|
||
<div class="middle"><div class="tag"><span>by NC Council</span></div></div>
|
||
<p>Honored for promoting sustainable landscapeing conscious landscaping <span>2024</span></p>
|
||
</div>
|
||
|
||
<!-- Award 3 -->
|
||
<div class="award-item">
|
||
<h3>Excellence in<br>Maintenance</h3>
|
||
<div class="middle"><div class="tag"><span>by GdPro Magazine</span></div></div>
|
||
<p>Awarded for maintaining premium landscapes with care, and eco-sensitivity <span>2023</span></p>
|
||
</div>
|
||
|
||
<!-- Award 4 -->
|
||
<div class="award-item">
|
||
<h3>Outstanding<br>Services</h3>
|
||
<div class="middle"><div class="tag"><span>by Green Awards</span></div></div>
|
||
<p>Recognized for delivering exceptional customer satisfaction solutions <span>2022</span></p>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</section>
|
||
<!-- ==================== Awards Area (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>
|
||
<p class="process-step"><span>01</span></p>
|
||
<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>
|
||
<p class="process-step"><span>02</span></p>
|
||
<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>
|
||
<p class="process-step"><span>03</span></p>
|
||
<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>
|
||
<p class="process-step"><span>04</span></p>
|
||
<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>
|
||
<p class="process-step"><span>05</span></p>
|
||
<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>
|
||
<p class="process-step"><span>06</span></p>
|
||
<p>We review every detail with you, ensuring complete landscape you’ll love.</p>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
</section>
|
||
<!-- ==================== Process 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, we’re 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">
|
||
<h3>Expert Craftsmanship</h3>
|
||
<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">
|
||
<h3>Sustainable Solutions</h3>
|
||
<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">
|
||
<h3>Creative Design</h3>
|
||
<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">
|
||
<h3>End-to-End Service</h3>
|
||
<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">
|
||
<h3>Quality Guaranteed</h3>
|
||
<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">
|
||
<h3>Customer Commitment</h3>
|
||
<p>Your trust is our priority we turn your dreams into reality.</p>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</section>
|
||
<!-- ==================== Why Choose Us Area (End) ==================== -->
|
||
|
||
|
||
|
||
<!-- ==================== Service 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 Mowing & Maintenance</h3></a>
|
||
<p>Reliable mowing, edging, seasonal care, and routine maintenance for residential and commercial properties.</p>
|
||
<a href="./pages/Service/Service-Single.html" class="btn">View lawn mowing & maintenance details</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 & Patio Design</h3></a>
|
||
<p>Thoughtful landscape and patio designs that make outdoor living more useful and inviting.</p>
|
||
<a href="./pages/Service/Service-Single.html" class="btn">View landscape & patio design details</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 Service</h3></a>
|
||
<p>Professional tree service and site care for healthier, safer outdoor spaces.</p>
|
||
<a href="./pages/Service/Service-Single.html" class="btn">View tree service details</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>Land Clearing & Grading</h3></a>
|
||
<p>Clear, shape, and prepare your property for landscaping, drainage, or a new outdoor plan.</p>
|
||
<a href="./pages/Service/Service-Single.html" class="btn">View land clearing & grading details</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>Mulching & Yard Cleanup</h3></a>
|
||
<p>Fresh mulch and thorough seasonal cleanup to keep beds and yards looking cared for.</p>
|
||
<a href="./pages/Service/Service-Single.html" class="btn">View mulching & yard cleanup details</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>Fall & Winter Cleanup</h3></a>
|
||
<p>Seasonal renovation and cleanup support to prepare your property for every season.</p>
|
||
<a href="./pages/Service/Service-Single.html" class="btn">View fall & winter cleanup details</a>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
</section>
|
||
<!-- ==================== Service Slider 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">
|
||
<p class="count" data-count="80">80+</p> <!-- 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">
|
||
<p class="count" data-count="10000">10,000+</p> <!-- 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">
|
||
<p class="count" data-count="14">14+</p> <!-- 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">
|
||
<p class="count" data-count="24000">24,000+</p> <!-- Count of satisfied customers -->
|
||
<h3>Satisfied Customers</h3> <!-- Statistic description -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
<!-- ==================== Count Area (End) ==================== -->
|
||
|
||
|
||
|
||
<!-- ==================== Pricing Area (Start) ==================== -->
|
||
<section class="pricing">
|
||
|
||
<div class="heading">
|
||
<div class="sub"><i class="fa-brands fa-pagelines"></i><span>Explore Our Packages</span><i class="fa-brands fa-pagelines"></i></div>
|
||
<h2>Landscaping Plans</h2>
|
||
</div>
|
||
|
||
<!-- Pricing Plans -->
|
||
<div class="box-container">
|
||
|
||
<!-- Pricing Plan 1 - Basic Landscaping Plan -->
|
||
<div class="plan-item">
|
||
<img src="./assets/images/Pricing/Plan-1.jpg" alt="Basic Landscaping Plan"> <!-- Plan Image -->
|
||
<div class="content">
|
||
<div class="intro">
|
||
<h3>Basic<br>Landscaping</h3>
|
||
<i class="fa-brands fa-pagelines"></i>
|
||
</div>
|
||
<div class="middle"><div class="price"><div class="tag">$49/<span>m</span></div></div></div>
|
||
<div class="bottom">
|
||
<ul> <!-- Plan Features -->
|
||
<li><i class="fa-solid fa-leaf"></i> Lawn Mowing & Trimming</li>
|
||
<li><i class="fa-solid fa-leaf"></i> Basic Plant Care</li>
|
||
<li><i class="fa-solid fa-leaf"></i> Soil Fertilization</li>
|
||
<li><i class="fa-solid fa-leaf"></i> Weed Removal</li>
|
||
<li><i class="fa-solid fa-leaf"></i> Seasonal Cleanup</li>
|
||
</ul>
|
||
<a href="./pages/Contact/Contact.html" class="btn">Request this landscaping plan</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Pricing Plan 2 - Premium Landscaping -->
|
||
<div class="plan-item">
|
||
<img src="./assets/images/Pricing/Plan-2.jpg" alt="Landscaping Plan"> <!-- Plan Image -->
|
||
<div class="content">
|
||
<div class="intro">
|
||
<h3>Premium<br>Landscaping</h3>
|
||
<i class="fa-brands fa-pagelines"></i>
|
||
</div>
|
||
<div class="middle"><div class="price"><div class="tag">$79/<span>m</span></div></div></div>
|
||
<div class="bottom">
|
||
<ul> <!-- Plan Features -->
|
||
<li><i class="fa-solid fa-leaf"></i> Custom Landscape Design</li>
|
||
<li><i class="fa-solid fa-leaf"></i> Tree & Shrub Planting</li>
|
||
<li><i class="fa-solid fa-leaf"></i> Pathway & Stonework Setup</li>
|
||
<li><i class="fa-solid fa-leaf"></i> Landscape Lighting Installation</li>
|
||
<li><i class="fa-solid fa-leaf"></i> Decorative Plant Arrangement</li>
|
||
</ul>
|
||
<a href="./pages/Contact/Contact.html" class="btn">Request this landscaping plan</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Pricing Plan 3 - Cimplete Planing -->
|
||
<div class="plan-item">
|
||
<img src="./assets/images/Pricing/Plan-3.jpg" alt="Maintenance Plan"> <!-- Plan Image -->
|
||
<div class="content">
|
||
<div class="intro">
|
||
<h3>Complete<br>Planing</h3>
|
||
<i class="fa-brands fa-pagelines"></i>
|
||
</div>
|
||
<div class="middle"><div class="price"><div class="tag">$99/<span>m</span></div></div></div>
|
||
<div class="bottom">
|
||
<ul> <!-- Plan Features -->
|
||
<li><i class="fa-solid fa-leaf"></i> Full Landscape Upkeep</li>
|
||
<li><i class="fa-solid fa-leaf"></i> Irrigation System Care</li>
|
||
<li><i class="fa-solid fa-leaf"></i> Pest & Disease Control</li>
|
||
<li><i class="fa-solid fa-leaf"></i> Monthly Soil Health Check</li>
|
||
<li><i class="fa-solid fa-leaf"></i> Regular Landscape Updates</li>
|
||
</ul>
|
||
<a href="./pages/Contact/Contact.html" class="btn">Request this landscaping plan</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</section>
|
||
<!-- ==================== Pricing 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) ==================== -->
|
||
|
||
|
||
|
||
<!-- ==================== Projects Area (Start) ==================== -->
|
||
<section class="projects">
|
||
|
||
<!-- Section Heading -->
|
||
<div class="heading">
|
||
<div class="sub"><i class="fa-brands fa-pagelines"></i><span>Explore Our Work</span><i class="fa-brands fa-pagelines"></i></div>
|
||
<h2>Our Projects</h2>
|
||
</div>
|
||
|
||
<!-- Projects Filter Buttons -->
|
||
<ul class="tab-buttons">
|
||
<li class="button active" data-filter="*">All</li>
|
||
<li class="button" data-filter=".maintenance">Lawn Maintenance</li>
|
||
<li class="button" data-filter=".design">Landscape Design</li>
|
||
<li class="button" data-filter=".hardscaping">Hardscaping</li>
|
||
</ul>
|
||
|
||
<!-- Projects Container -->
|
||
<div class="box-container">
|
||
|
||
<!-- Project 1 - Zen Landscape -->
|
||
<div class="project-item design">
|
||
<div class="projects-content">
|
||
<img src="./assets/images/Project/Projects/Project-1.jpg" alt="Zen Landscape"> <!-- Project Image -->
|
||
<div class="content">
|
||
<div class="btn-container">
|
||
<a class="view" href="./assets/images/Project/Projects/Project-1.jpg" aria-label="Enlarge zen landscape project photo"><i class="fa-solid fa-plus" aria-hidden="true"></i></a>
|
||
<a href="./pages/Project/Project-Single.html" aria-label="Open zen landscape project details"><i class="fa-solid fa-link" aria-hidden="true"></i></a>
|
||
</div>
|
||
<div class="text">
|
||
<p>Landscape Design</p>
|
||
<a href="./pages/Project/Project-Single.html"><h3>Zen Landscape Landscaping</h3></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Project 2 - Green Lawn Revive -->
|
||
<div class="project-item maintenance">
|
||
<div class="projects-content">
|
||
<img src="./assets/images/Project/Projects/Project-2.jpg" alt="Green Lawn">
|
||
<div class="content">
|
||
<div class="btn-container">
|
||
<a class="view" href="./assets/images/Project/Projects/Project-2.jpg" aria-label="Enlarge green lawn revive project photo"><i class="fa-solid fa-plus" aria-hidden="true"></i></a>
|
||
<a href="./pages/Project/Project-Single.html" aria-label="Open green lawn revive project details"><i class="fa-solid fa-link" aria-hidden="true"></i></a>
|
||
</div>
|
||
<div class="text">
|
||
<p>Lawn Maintenance</p>
|
||
<a href="./pages/Project/Project-Single.html"><h3>Green Lawn Revive Project</h3></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Project 3 - Modern Courtyard -->
|
||
<div class="project-item design">
|
||
<div class="projects-content">
|
||
<img src="./assets/images/Project/Projects/Project-3.jpg" alt="Modern Courtyard">
|
||
<div class="content">
|
||
<div class="btn-container">
|
||
<a class="view" href="./assets/images/Project/Projects/Project-3.jpg" aria-label="Enlarge modern courtyard project photo"><i class="fa-solid fa-plus" aria-hidden="true"></i></a>
|
||
<a href="./pages/Project/Project-Single.html" aria-label="Open modern courtyard project details"><i class="fa-solid fa-link" aria-hidden="true"></i></a>
|
||
</div>
|
||
<div class="text">
|
||
<p>Landscape Design</p>
|
||
<a href="./pages/Project/Project-Single.html"><h3>Modern Courtyard Makeover</h3></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Project 4 - Stone Pathway Patio -->
|
||
<div class="project-item hardscaping">
|
||
<div class="projects-content">
|
||
<img src="./assets/images/Project/Projects/Project-4.jpg" alt="Stone Pathway Patio">
|
||
<div class="content">
|
||
<div class="btn-container">
|
||
<a class="view" href="./assets/images/Project/Projects/Project-4.jpg" aria-label="Enlarge stone pathway patio project photo"><i class="fa-solid fa-plus" aria-hidden="true"></i></a>
|
||
<a href="./pages/Project/Project-Single.html" aria-label="Open stone pathway patio project details"><i class="fa-solid fa-link" aria-hidden="true"></i></a>
|
||
</div>
|
||
<div class="text">
|
||
<p>Hardscaping</p>
|
||
<a href="./pages/Project/Project-Single.html"><h3>Stone Pathway Patio Design</h3></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Project 5 - Smart Irrigation Setup -->
|
||
<div class="project-item maintenance">
|
||
<div class="projects-content">
|
||
<img src="./assets/images/Project/Projects/Project-5.jpg" alt="Irrigation System">
|
||
<div class="content">
|
||
<div class="btn-container">
|
||
<a class="view" href="./assets/images/Project/Projects/Project-5.jpg" aria-label="Enlarge irrigation system project photo"><i class="fa-solid fa-plus" aria-hidden="true"></i></a>
|
||
<a href="./pages/Project/Project-Single.html" aria-label="Open irrigation system project details"><i class="fa-solid fa-link" aria-hidden="true"></i></a>
|
||
</div>
|
||
<div class="text">
|
||
<p>Lawn Maintenance</p>
|
||
<a href="./pages/Project/Project-Single.html"><h3>Smart Irrigation System Setup</h3></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Project 6 - Wooden Deck Retreat -->
|
||
<div class="project-item hardscaping">
|
||
<div class="projects-content">
|
||
<img src="./assets/images/Project/Projects/Project-6.jpg" alt="Wooden Deck Retreat">
|
||
<div class="content">
|
||
<div class="btn-container">
|
||
<a class="view" href="./assets/images/Project/Projects/Project-6.jpg" aria-label="Enlarge wooden deck project photo"><i class="fa-solid fa-plus" aria-hidden="true"></i></a>
|
||
<a href="./pages/Project/Project-Single.html" aria-label="Open wooden deck project details"><i class="fa-solid fa-link" aria-hidden="true"></i></a>
|
||
</div>
|
||
<div class="text">
|
||
<p>Hardscaping</p>
|
||
<a href="./pages/Project/Project-Single.html"><h3>Wooden Deck Backyard Retreat</h3></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</section>
|
||
<!-- ==================== Projects Area (End) ==================== -->
|
||
|
||
|
||
|
||
<!-- ==================== Get A Quote Area (Start) ==================== -->
|
||
<section class="custom-form get-quote linear-bg">
|
||
<div class="box-container">
|
||
<div class="content">
|
||
<form class="dark-form" id="quote-form" method="post">
|
||
<!-- Form Heading -->
|
||
<div class="heading">
|
||
<div class="sub"><span>Personalized Landscape Solutions</span><i class="fa-brands fa-pagelines"></i></div>
|
||
<h2>Request A Quote</h2>
|
||
</div>
|
||
|
||
<div class="input-box">
|
||
<!-- Name Input Field -->
|
||
<div class="input-field">
|
||
<label for="name" class="fa-solid fa-user"><span class="visually-hidden">Name</span></label>
|
||
<input type="text" name="name" class="box" id="name" placeholder="Name" required>
|
||
</div>
|
||
|
||
<!-- Email Input Field -->
|
||
<div class="input-field">
|
||
<label for="email" class="fa-solid fa-envelope"><span class="visually-hidden">Email</span></label>
|
||
<input type="email" name="email" class="box" id="email" placeholder="Email" required>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="input-box">
|
||
<!-- Phone Number Input Field -->
|
||
<div class="input-field">
|
||
<label for="number" class="fa-solid fa-phone"><span class="visually-hidden">Phone number</span></label>
|
||
<input type="number" name="number" class="box" id="number" placeholder="Phone Number" required>
|
||
</div>
|
||
|
||
<!-- Service Type Select Field -->
|
||
<div class="select">
|
||
<div class="select-container">
|
||
<label for="service-type" class="fa-brands fa-pagelines"><span class="visually-hidden">Service type</span></label>
|
||
<select class="select-box" id="service-type" name="service-type" required aria-label="Service type">
|
||
<option value="">Service Type</option>
|
||
<option value="lawn-maintenance">Lawn Maintenance</option>
|
||
<option value="landscape-design">Landscape Design</option>
|
||
<option value="tree-planting">Tree Planting</option>
|
||
<option value="hardscaping">Hardscaping</option>
|
||
<option value="water-features">Water Features</option>
|
||
<option value="outdoor-lighting">Outdoor Lighting</option>
|
||
</select>
|
||
<div class="icon-container">
|
||
<i class="fas fa-angle-down"></i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="input-box">
|
||
<!-- Address Input Field -->
|
||
<div class="input-field">
|
||
<label for="address" class="fa-solid fa-location-dot"><span class="visually-hidden">Address</span></label>
|
||
<input type="text" name="address" class="box" id="address" placeholder="Address" required>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="input-box">
|
||
<!-- Property Type Select Field -->
|
||
<div class="select">
|
||
<div class="select-container">
|
||
<label for="property-type" class="fa-solid fa-building"><span class="visually-hidden">Property type</span></label>
|
||
<select class="select-box" id="property-type" name="property-type" required aria-label="Property type">
|
||
<option value="">Property Type</option>
|
||
<option value="residential">Residential</option>
|
||
<option value="commercial">Commercial</option>
|
||
</select>
|
||
<div class="icon-container">
|
||
<i class="fas fa-angle-down"></i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Area Size Input Field (sq m) -->
|
||
<div class="input-field">
|
||
<label for="area-size" class="fas fa-ruler-horizontal"><span class="visually-hidden">Area size in square meters</span></label>
|
||
<input type="number" name="area-size" class="box" id="area-size" min="0" placeholder="Area Size (sq m)"
|
||
required>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="input-box">
|
||
<!-- Landscape Style Select Field -->
|
||
<div class="select">
|
||
<div class="select-container">
|
||
<label for="landscape-style" class="fa-solid fa-tree"><span class="visually-hidden">Landscape style</span></label>
|
||
<select class="select-box" id="landscape-style" name="landscape-style" required aria-label="Landscape style">
|
||
<option value="">Landscape Style</option>
|
||
<option value="native">Native</option>
|
||
<option value="formal">Formal</option>
|
||
<option value="cottage">Cottage</option>
|
||
<option value="japanese">Japanese</option>
|
||
<option value="modern">Modern</option>
|
||
<option value="eclectic">Eclectic</option>
|
||
<option value="default">No Preference</option>
|
||
</select>
|
||
<div class="icon-container">
|
||
<i class="fas fa-angle-down"></i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Project Urgency Select Field -->
|
||
<div class="select">
|
||
<div class="select-container">
|
||
<label for="project-urgency" class="fas fa-clock"><span class="visually-hidden">Project urgency</span></label>
|
||
<select class="select-box" id="project-urgency" name="project-urgency" required aria-label="Project urgency">
|
||
<option value="">Project Urgency</option>
|
||
<option value="asap">ASAP</option>
|
||
<option value="within-a-month">Within a Month</option>
|
||
<option value="within-three-months">Within 1-3 Months</option>
|
||
<option value="no-rush">No Rush</option>
|
||
</select>
|
||
<div class="icon-container">
|
||
<i class="fas fa-angle-down"></i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Comment Text Area -->
|
||
<div class="input-field text-area">
|
||
<label for="comment" class="fa-solid fa-comment"><span class="visually-hidden">Message</span></label>
|
||
<textarea cols="30" rows="10" name="comment" class="box" id="comment" placeholder="Message"
|
||
required></textarea>
|
||
</div>
|
||
|
||
<!-- Extra Services Checkboxes -->
|
||
<div class="extra-services">
|
||
<!-- Automated Irrigation Checkbox -->
|
||
<div class="checkbox-label">
|
||
<input type="checkbox" id="automated-irrigation-checkbox" name="extra-services[]"
|
||
value="Automated Irrigation">
|
||
<label for="automated-irrigation-checkbox">Automated Irrigation</label>
|
||
<div class="checkbox-indicator"></div>
|
||
</div>
|
||
|
||
<!-- Custom Pathways Checkbox -->
|
||
<div class="checkbox-label">
|
||
<input type="checkbox" id="custom-pathways-checkbox" name="extra-services[]" value="Custom Pathways">
|
||
<label for="custom-pathways-checkbox">Custom Pathways</label>
|
||
<div class="checkbox-indicator"></div>
|
||
</div>
|
||
|
||
<!-- Outdoor Seating Checkbox -->
|
||
<div class="checkbox-label">
|
||
<input type="checkbox" id="outdoor-seating-checkbox" name="extra-services[]" value="Outdoor Seating Area">
|
||
<label for="outdoor-seating-checkbox">Outdoor Seating Area</label>
|
||
<div class="checkbox-indicator"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Submit Button for Booking Confirmation -->
|
||
<button type="submit" class="btn" name="submit" id="submit">submit</button>
|
||
<span class="alert" id="msg"></span>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!-- ==================== Get A Quote Area (End) ==================== -->
|
||
|
||
|
||
|
||
<!-- ==================== Events Area (Start) ==================== -->
|
||
<section class="events">
|
||
|
||
<!-- Section Heading -->
|
||
<div class="heading">
|
||
<div class="sub"><i class="fa-brands fa-pagelines"></i><span>Landscaping Events</span><i class="fa-brands fa-pagelines"></i></div>
|
||
<h2>Upcoming Events</h2>
|
||
</div>
|
||
|
||
<!-- Events Container -->
|
||
<div class="box-container">
|
||
|
||
<!-- Event 1 -->
|
||
<div class="event-item">
|
||
<div class="image">
|
||
<img src="./assets/images/Event/Events/Event-1.jpg" alt="Event-Image"> <!-- Event Image -->
|
||
</div>
|
||
<div class="content">
|
||
<div class="date"><span>10<br>Sep</span></div>
|
||
<a class="main-heading" href="./pages/Pages/Event-Single.html">Spring Bloom Landscaping Workshop</a> <!-- Event Title -->
|
||
<div class="details">
|
||
<h3><i class="fas fa-map-marker-alt"></i><span>Golden Sun Landscaping Community Landscape</span></h3>
|
||
<h3><i class="fas fa-clock"></i><span>09:00 AM - 12:00 PM</span></h3>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Event 2 -->
|
||
<div class="event-item">
|
||
<div class="image">
|
||
<img src="./assets/images/Event/Events/Event-2.jpg" alt="Event-Image"> <!-- Event Image -->
|
||
</div>
|
||
<div class="content">
|
||
<div class="date"><span>25<br>Sep</span></div>
|
||
<a class="main-heading" href="./pages/Pages/Event-Single.html">Eco-Friendly Landscape Design Seminar</a>
|
||
<div class="details">
|
||
<h3><i class="fas fa-map-marker-alt"></i><span>Golden Sun Landscaping Design Studio</span></h3>
|
||
<h3><i class="fas fa-clock"></i><span>11:00 AM - 03:00 PM</span></h3>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Event 3 -->
|
||
<div class="event-item">
|
||
<div class="image">
|
||
<img src="./assets/images/Event/Events/Event-3.jpg" alt="Event-Image"> <!-- Event Image -->
|
||
</div>
|
||
<div class="content">
|
||
<div class="date"><span>07<br>Oct</span></div>
|
||
<a class="main-heading" href="./pages/Pages/Event-Single.html">Community Tree Planting Day</a>
|
||
<div class="details">
|
||
<h3><i class="fas fa-map-marker-alt"></i><span>GreenVille Botanical Park</span></h3>
|
||
<h3><i class="fas fa-clock"></i><span>08:00 AM - 01:00 PM</span></h3>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</section>
|
||
<!-- ==================== Events 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) ==================== -->
|
||
|
||
|
||
|
||
<!-- ==================== 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="https://www.yelp.com/biz/golden-sun-landscaping-winfield" aria-label="Facebook" rel="noopener noreferrer" target="_blank"><i class="fab fa-facebook-f" aria-hidden="true"></i></a>
|
||
<a href="https://www.yelp.com/biz/golden-sun-landscaping-winfield" aria-label="LinkedIn" rel="noopener noreferrer" target="_blank"><i class="fab fa-linkedin-in" aria-hidden="true"></i></a>
|
||
<a href="https://www.yelp.com/biz/golden-sun-landscaping-winfield" aria-label="X (Twitter)" rel="noopener noreferrer" target="_blank"><i class="fa-brands fa-x-twitter" aria-hidden="true"></i></a>
|
||
<a href="https://www.yelp.com/biz/golden-sun-landscaping-winfield" aria-label="Instagram" rel="noopener noreferrer" target="_blank"><i class="fab fa-instagram" aria-hidden="true"></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="https://www.yelp.com/biz/golden-sun-landscaping-winfield" aria-label="Facebook" rel="noopener noreferrer" target="_blank"><i class="fab fa-facebook-f" aria-hidden="true"></i></a>
|
||
<a href="https://www.yelp.com/biz/golden-sun-landscaping-winfield" aria-label="LinkedIn" rel="noopener noreferrer" target="_blank"><i class="fab fa-linkedin-in" aria-hidden="true"></i></a>
|
||
<a href="https://www.yelp.com/biz/golden-sun-landscaping-winfield" aria-label="X (Twitter)" rel="noopener noreferrer" target="_blank"><i class="fa-brands fa-x-twitter" aria-hidden="true"></i></a>
|
||
<a href="https://www.yelp.com/biz/golden-sun-landscaping-winfield" aria-label="Instagram" rel="noopener noreferrer" target="_blank"><i class="fab fa-instagram" aria-hidden="true"></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="https://www.yelp.com/biz/golden-sun-landscaping-winfield" aria-label="Facebook" rel="noopener noreferrer" target="_blank"><i class="fab fa-facebook-f" aria-hidden="true"></i></a>
|
||
<a href="https://www.yelp.com/biz/golden-sun-landscaping-winfield" aria-label="LinkedIn" rel="noopener noreferrer" target="_blank"><i class="fab fa-linkedin-in" aria-hidden="true"></i></a>
|
||
<a href="https://www.yelp.com/biz/golden-sun-landscaping-winfield" aria-label="X (Twitter)" rel="noopener noreferrer" target="_blank"><i class="fa-brands fa-x-twitter" aria-hidden="true"></i></a>
|
||
<a href="https://www.yelp.com/biz/golden-sun-landscaping-winfield" aria-label="Instagram" rel="noopener noreferrer" target="_blank"><i class="fab fa-instagram" aria-hidden="true"></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="https://www.yelp.com/biz/golden-sun-landscaping-winfield" aria-label="Facebook" rel="noopener noreferrer" target="_blank"><i class="fab fa-facebook-f" aria-hidden="true"></i></a>
|
||
<a href="https://www.yelp.com/biz/golden-sun-landscaping-winfield" aria-label="LinkedIn" rel="noopener noreferrer" target="_blank"><i class="fab fa-linkedin-in" aria-hidden="true"></i></a>
|
||
<a href="https://www.yelp.com/biz/golden-sun-landscaping-winfield" aria-label="X (Twitter)" rel="noopener noreferrer" target="_blank"><i class="fa-brands fa-x-twitter" aria-hidden="true"></i></a>
|
||
<a href="https://www.yelp.com/biz/golden-sun-landscaping-winfield" aria-label="Instagram" rel="noopener noreferrer" target="_blank"><i class="fab fa-instagram" aria-hidden="true"></i></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</section>
|
||
<!-- ==================== Team 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">
|
||
<h3>Justin Smith</h3>
|
||
<p class="testimonial-role">Landscape Expert</p>
|
||
</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">
|
||
<h3>Taylor Reed</h3>
|
||
<p class="testimonial-role">Care Specialist</p>
|
||
</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">
|
||
<h3>Michael Brown</h3>
|
||
<p class="testimonial-role">Landscape Specialist</p>
|
||
</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">
|
||
<h3>Nisa Klein</h3>
|
||
<p class="testimonial-role">Landscape Specialist</p>
|
||
</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) ==================== -->
|
||
|
||
|
||
|
||
<!-- ==================== 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 2–4 weeks after the design phase is finalized.</p>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</section>
|
||
<!-- ==================== Faqs Area (End) ==================== -->
|
||
|
||
|
||
|
||
<!-- ==================== Newsletter Area (Start) ==================== -->
|
||
<section class="newsletter-subscribe">
|
||
<div class="content">
|
||
<h2>Subscribe To Our Newsletter</h2> <!-- Newsletter Heading -->
|
||
<p>Stay inspired with the latest landscaping trends, expert landscapeing tips, eco-friendly ideas, and exclusive offers.</p>
|
||
<!-- Newsletter Description -->
|
||
<form class="newsletter-form" method="post" id="newsletter-form-1">
|
||
<div class="box-container">
|
||
<label class="visually-hidden" for="sub-email-1">Newsletter email</label>
|
||
<input type="email" id="sub-email-1" name="email" placeholder="Your email address" required aria-label="Newsletter email">
|
||
<!-- Email Input Field -->
|
||
<button type="submit" class="btn" name="submit" id="submit-1">Subscribe</button> <!-- Subscribe Button -->
|
||
</div>
|
||
<!-- Alert Message -->
|
||
<span class="alert" id="msg-1"></span>
|
||
</form>
|
||
</div>
|
||
</section>
|
||
<!-- ==================== Newsletter Area (End) ==================== -->
|
||
|
||
|
||
|
||
<!-- ==================== Blogs Area (Start) ==================== -->
|
||
<section class="blog main">
|
||
|
||
<!-- Section Heading -->
|
||
<div class="heading">
|
||
<div class="sub"><i class="fa-brands fa-pagelines"></i><span>our recent articles</span><i class="fa-brands fa-pagelines"></i></div> <!-- Sub Heading -->
|
||
<h2>our blogs</h2>
|
||
</div>
|
||
|
||
<!-- Latest Blogs -->
|
||
<div class="box-container">
|
||
|
||
<!-- Blog-1 -->
|
||
<div class="blog-item">
|
||
<div class="image">
|
||
<img src="./assets/images/Blog/Blogs/Blog-1.jpg" alt="Blog-Image"> <!-- Blog Image -->
|
||
</div>
|
||
<div class="content">
|
||
<div class="date"><div class="tag"><span>25</span> Oct</div></div> <!-- Blog Date -->
|
||
<div class="details">
|
||
<h3><i class="fa-solid fa-circle-user"></i><span>By Admin</span></h3> <!-- Blog Author -->
|
||
<h3><i class="fa-solid fa-tags"></i><span>Landscape Design</span></h3> <!-- Blog Category -->
|
||
</div>
|
||
<a class="main-heading" href="./pages/Blog/Blog-Single.html">Transform Your Space with Creative Ideas</a> <!-- Blog Title -->
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Blog-2 -->
|
||
<div class="blog-item">
|
||
<div class="image">
|
||
<img src="./assets/images/Blog/Blogs/Blog-2.jpg" alt="Blog-Image"> <!-- Blog Image -->
|
||
</div>
|
||
<div class="content">
|
||
<div class="date"><div class="tag"><span>20</span> Oct</div></div> <!-- Blog Date -->
|
||
<div class="details">
|
||
<h3><i class="fa-solid fa-circle-user"></i><span>By Admin</span></h3>
|
||
<h3><i class="fa-solid fa-tags"></i><span>Landscaping</span></h3>
|
||
</div>
|
||
<a class="main-heading" href="./pages/Blog/Blog-Single.html">Top 5 landscapeing Trends, Redefine Your Landscape</a>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Blog-3 -->
|
||
<div class="blog-item">
|
||
<div class="image">
|
||
<img src="./assets/images/Blog/Blogs/Blog-3.jpg" alt="Blog-Image">
|
||
</div>
|
||
<div class="content">
|
||
<div class="date"><div class="tag"><span>15</span> Oct</div></div>
|
||
<div class="details">
|
||
<h3><i class="fa-solid fa-circle-user"></i><span>By Admin</span></h3>
|
||
<h3><i class="fa-solid fa-tags"></i><span>Plant Care</span></h3>
|
||
</div>
|
||
<a class="main-heading" href="./pages/Blog/Blog-Single.html">How to Keep Your Landscape Green Year Round</a>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</section>
|
||
<!-- ==================== Blogs Area (End) ==================== -->
|
||
|
||
|
||
|
||
<!-- ==================== Clients Area (Start) ==================== -->
|
||
<section class="home-clients clients">
|
||
|
||
<!-- Client Slider Container -->
|
||
<div class="swiper-container client-slider">
|
||
|
||
<!-- Clients Logo -->
|
||
<div class="swiper-wrapper">
|
||
<div class="swiper-slide client-item"><a href="./pages/About/About.html" aria-label="About Golden Sun Landscaping client work"><img src="./assets/images/Clients/Client-1.png" alt=""></a></div>
|
||
<div class="swiper-slide client-item"><a href="./pages/About/About.html" aria-label="About Golden Sun Landscaping client work"><img src="./assets/images/Clients/Client-2.png" alt=""></a></div>
|
||
<div class="swiper-slide client-item"><a href="./pages/About/About.html" aria-label="About Golden Sun Landscaping client work"><img src="./assets/images/Clients/Client-3.png" alt=""></a></div>
|
||
<div class="swiper-slide client-item"><a href="./pages/About/About.html" aria-label="About Golden Sun Landscaping client work"><img src="./assets/images/Clients/Client-4.png" alt=""></a></div>
|
||
<div class="swiper-slide client-item"><a href="./pages/About/About.html" aria-label="About Golden Sun Landscaping client work"><img src="./assets/images/Clients/Client-5.png" alt=""></a></div>
|
||
<div class="swiper-slide client-item"><a href="./pages/About/About.html" aria-label="About Golden Sun Landscaping client work"><img src="./assets/images/Clients/Client-6.png" alt=""></a></div>
|
||
<div class="swiper-slide client-item"><a href="./pages/About/About.html" aria-label="About Golden Sun Landscaping client work"><img src="./assets/images/Clients/Client-7.png" alt=""></a></div>
|
||
<div class="swiper-slide client-item"><a href="./pages/About/About.html" aria-label="About Golden Sun Landscaping client work"><img src="./assets/images/Clients/Client-8.png" alt=""></a></div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</section>
|
||
<!-- ==================== Clients 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="Golden Sun Landscaping logo">
|
||
<div class="logo-content">
|
||
<span class="logo-name">Golden Sun Landscaping</span>
|
||
<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="https://www.yelp.com/biz/golden-sun-landscaping-winfield" aria-label="Golden Sun on Yelp" rel="noopener noreferrer" target="_blank"><i class="fab fa-facebook-f" aria-hidden="true"></i></a>
|
||
<a href="https://goldensunlandscapingsvc.com/" aria-label="Golden Sun website" rel="noopener noreferrer" target="_blank"><i class="fa-brands fa-x-twitter" aria-hidden="true"></i></a>
|
||
<a href="https://www.yelp.com/biz/golden-sun-landscaping-winfield" aria-label="Golden Sun Yelp reviews" rel="noopener noreferrer" target="_blank"><i class="fab fa-instagram" aria-hidden="true"></i></a>
|
||
<a href="mailto:goldensunlandscaping@yahoo.com" aria-label="Email Golden Sun Landscaping"><i class="fab fa-linkedin" aria-hidden="true"></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"><span class="visually-hidden">Newsletter email</span></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>
|
||
|
||
<!-- Magnific-Popup JS -->
|
||
<script src="./assets/vendors/magnific-popup/jquery.magnific-popup.min.js"></script>
|
||
|
||
<!-- Isotope (JS) -->
|
||
<script src="./assets/vendors/isotope/isotope.pkgd.min.js"></script>
|
||
|
||
<!-- Custom Script Files -->
|
||
<script src="assets/js/script.js"></script> <!-- Additional website functionality -->
|
||
<script src="assets/js/nav-link-toggler.js"></script> <!-- Mobile navigation link toggling -->
|
||
<script src="assets/js/home-slider.js"></script> <!-- Dynamic Home Slider -->
|
||
<script src="assets/js/counter-up.js"></script> <!-- Numerical counting animation -->
|
||
<script src="assets/js/service-slider.js"></script> <!-- Service slider control -->
|
||
<script src="assets/js/process-slider.js"></script> <!-- Process slider control -->
|
||
<script src="assets/js/projects.js"></script> <!-- Projects functionality, including image filtering -->
|
||
<script src="assets/js/testi-slider.js"></script> <!-- Interactive Testimonial Slider -->
|
||
<script src="assets/js/client-slider.js"></script> <!-- Interactive Client Slider -->
|
||
<script src="assets/js/newsletter.js"></script>
|
||
<script src="assets/js/quote.js"></script>
|
||
<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> |