added more preview pages and more templates
This commit is contained in:
+1131
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,476 @@
|
||||
<!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>LeafLine | Gardening and Landscaping Website</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">
|
||||
|
||||
<!-- Custom Stylesheets -->
|
||||
<link rel="stylesheet" href="../../assets/css/main.css">
|
||||
<link rel="stylesheet" href="../../assets/css/responsive.css">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- ==================== 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>LeafLine Company</span></li>
|
||||
<li><i class="fa-solid fa-phone"></i><span>+123-456-7890</span></li>
|
||||
<li><i class="fa-solid fa-envelope"></i><span class="gmail">info@leafline.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>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</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>FAQs</h2>
|
||||
</div>
|
||||
|
||||
<div class="link">
|
||||
<a href="../../index.html">Home</a>
|
||||
<i class="fa-solid fa-angles-right"></i>
|
||||
<span class="page">FAQs</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ==================== Page-Title (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 LeafLine offer?</h3>
|
||||
<i class="fas fa-plus"></i>
|
||||
</div>
|
||||
<p class="accordion-content">LeafLine provides a complete range of gardening and landscaping services, including garden 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 garden 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 garden lush and healthy all year round.</p>
|
||||
</div>
|
||||
|
||||
<!-- FAQ Accordion 4: Eco-Friendly Practices -->
|
||||
<div class="accordion">
|
||||
<div class="accordion-heading">
|
||||
<h3>Are your gardening methods eco-friendly?</h3>
|
||||
<i class="fas fa-plus"></i>
|
||||
</div>
|
||||
<p class="accordion-content">At LeafLine, we prioritize sustainability. We use organic fertilizers, water-efficient irrigation systems, and native plants to reduce environmental impact and promote long-term garden 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) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Footer Area (Start) ==================== -->
|
||||
<footer class="footer">
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Gardening and Landscaping Company Information & Social Media Links -->
|
||||
<div class="footer-item">
|
||||
|
||||
<!-- Gardening and Landscaping Company Logo -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<!-- Description -->
|
||||
<p>Transforming outdoor spaces with premium gardening and landscaping solutions.</p>
|
||||
|
||||
<!-- Contact Information -->
|
||||
<div class="info connect">
|
||||
<p><i class="fas fa-phone"></i><span>+123-456-7890</span></p>
|
||||
<p><i class="fas fa-envelope"></i><span class="gmail">info@leafline.com</span></p>
|
||||
<p><i class="fas fa-map-marker-alt"></i><span>LeafLine Company</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>
|
||||
|
||||
<!-- Gardening and Landscaping 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">Garden 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>
|
||||
|
||||
<!-- Gardening and Landscaping 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>
|
||||
|
||||
<!-- 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/accordion.js"></script> <!-- Controls the functionality of accordions for displaying content sections. -->
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,432 @@
|
||||
<!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>LeafLine | Gardening and Landscaping Website</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">
|
||||
|
||||
<!-- Custom Stylesheets -->
|
||||
<link rel="stylesheet" href="../../assets/css/main.css">
|
||||
<link rel="stylesheet" href="../../assets/css/responsive.css">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- ==================== 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>LeafLine Company</span></li>
|
||||
<li><i class="fa-solid fa-phone"></i><span>+123-456-7890</span></li>
|
||||
<li><i class="fa-solid fa-envelope"></i><span class="gmail">info@leafline.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>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</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>History</h2>
|
||||
</div>
|
||||
|
||||
<div class="link">
|
||||
<a href="../../index.html">Home</a>
|
||||
<i class="fa-solid fa-angles-right"></i>
|
||||
<span class="page">History</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ==================== Page-Title (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== History Area (Start) ==================== -->
|
||||
<section class="history">
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<div class="history-item">
|
||||
<h3>Best Landscaping<br>Design Award</h3>
|
||||
<div class="middle"><div class="tag"><span>2019</span></div></div>
|
||||
<p>Recognized for our innovative landscape designs that bring nature closer to modern living, blending beauty with sustainability.</p>
|
||||
</div>
|
||||
|
||||
<div class="history-item">
|
||||
<h3>Green Initiative<br>Certification</h3>
|
||||
<div class="middle"><div class="tag"><span>2021</span></div></div>
|
||||
<p>Honored for our commitment to eco-friendly gardening practices and promoting greener, healthier outdoor environments.</p>
|
||||
</div>
|
||||
|
||||
<div class="history-item">
|
||||
<h3>Community Garden<br>Project Launch</h3>
|
||||
<div class="middle"><div class="tag"><span>2023</span></div></div>
|
||||
<p>Started a citywide initiative encouraging community participation in creating shared gardens for local neighborhoods.</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</section>
|
||||
<!-- ==================== History Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Footer Area (Start) ==================== -->
|
||||
<footer class="footer">
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Gardening and Landscaping Company Information & Social Media Links -->
|
||||
<div class="footer-item">
|
||||
|
||||
<!-- Gardening and Landscaping Company Logo -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<!-- Description -->
|
||||
<p>Transforming outdoor spaces with premium gardening and landscaping solutions.</p>
|
||||
|
||||
<!-- Contact Information -->
|
||||
<div class="info connect">
|
||||
<p><i class="fas fa-phone"></i><span>+123-456-7890</span></p>
|
||||
<p><i class="fas fa-envelope"></i><span class="gmail">info@leafline.com</span></p>
|
||||
<p><i class="fas fa-map-marker-alt"></i><span>LeafLine Company</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>
|
||||
|
||||
<!-- Gardening and Landscaping 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">Garden 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>
|
||||
|
||||
<!-- Gardening and Landscaping 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,491 @@
|
||||
<!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>LeafLine | Gardening and Landscaping Website</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">
|
||||
|
||||
<!-- Custom Stylesheets -->
|
||||
<link rel="stylesheet" href="../../assets/css/main.css">
|
||||
<link rel="stylesheet" href="../../assets/css/responsive.css">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- ==================== 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>LeafLine Company</span></li>
|
||||
<li><i class="fa-solid fa-phone"></i><span>+123-456-7890</span></li>
|
||||
<li><i class="fa-solid fa-envelope"></i><span class="gmail">info@leafline.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>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</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>Team Single</h2>
|
||||
</div>
|
||||
|
||||
<div class="link">
|
||||
<a href="../../index.html">Home</a>
|
||||
<i class="fa-solid fa-angles-right"></i>
|
||||
<span class="page">Team Single</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ==================== Page-Title (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Team Single Area (Start) ==================== -->
|
||||
<section class="team-single">
|
||||
|
||||
<!-- Team Introduction -->
|
||||
<div class="team-intro">
|
||||
|
||||
<!-- Team Image -->
|
||||
<div class="image">
|
||||
<img src="../../assets/images/Team/Team-1.jpg" alt="David Johnson">
|
||||
</div>
|
||||
|
||||
<!-- Team Information -->
|
||||
<div class="information">
|
||||
|
||||
<h3>Ethan Green</h3> <!-- Team Name -->
|
||||
<h5>Landscape Designer</h5> <!-- Team Position -->
|
||||
|
||||
<div class="team-about">
|
||||
<div class="text">
|
||||
Ethan Green is a talented Landscape Designer passionate about transforming outdoor spaces into vibrant, sustainable environments. With a deep understanding of plant design and modern landscaping trends, he creates harmonious gardens that balance aesthetics with functionality. His creative vision and dedication to eco-friendly solutions make every project a true reflection of nature’s beauty. With a deep understanding of plant design and modern landscaping trends, he creates harmonious gardens that balance aesthetics with functionality. His creative vision a true reflection of nature’s beauty.
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Team Contact Information -->
|
||||
<ul class="team-personal-info">
|
||||
<li><h6><i class="fa-solid fa-phone"></i> Phone:</h6><span>111-222-3344</span></li> <!-- Phone Number -->
|
||||
<li><h6><i class="fa-solid fa-envelope"></i> Email:</h6><span>green.ethan@example.com</span></li> <!-- Email Address -->
|
||||
<li><h6><i class="fas fa-map-marker-alt"></i> Website:</h6><span>www.ethangreen.com</span></li> <!-- Website -->
|
||||
</ul>
|
||||
|
||||
<!-- Team Social Media Accounts -->
|
||||
<div class="icon-container">
|
||||
<a href="#"><i class="fab fa-facebook-f"></i></a> <!-- Facebook Link -->
|
||||
<a href="#"><i class="fab fa-linkedin-in"></i></a> <!-- LinkedIn Link -->
|
||||
<a href="#"><i class="fa-brands fa-x-twitter"></i></a> <!-- Twitter Link -->
|
||||
<a href="#"><i class="fab fa-instagram"></i></a> <!-- Instagram Link -->
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="box-container page-info">
|
||||
|
||||
<!-- Team Member's Experience -->
|
||||
<div class="team-experience sub-section">
|
||||
<h4>Personal Experience</h4>
|
||||
<div class="text">Ethan’s journey as a landscape designer reflects his passion for creativity and sustainability. His expertise spans various roles, including:</div>
|
||||
<ul>
|
||||
<li><i class="fa-solid fa-briefcase"></i> Landscape Designer</li>
|
||||
<li><i class="fa-solid fa-briefcase"></i> Garden Planning Consultant</li>
|
||||
<li><i class="fa-solid fa-briefcase"></i> Outdoor Space Stylist</li>
|
||||
<li><i class="fa-solid fa-briefcase"></i> Sustainable Design Advisor</li>
|
||||
<li><i class="fa-solid fa-briefcase"></i> Horticulture Expert</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- Team Member's Skills -->
|
||||
<div class="team-skills sub-section">
|
||||
<h4>Professional Skills</h4>
|
||||
<div class="skills">
|
||||
|
||||
<!-- Landscape Design -->
|
||||
<div class="box">
|
||||
<h3>Landscape Design<span> 96% </span></h3>
|
||||
<div class="progress-bar"> <span style="width: 96%;"></span> </div>
|
||||
</div>
|
||||
|
||||
<!-- Plant Arrangement -->
|
||||
<div class="box">
|
||||
<h3>Plant Arrangement<span> 92% </span></h3>
|
||||
<div class="progress-bar"> <span style="width: 92%;"></span> </div>
|
||||
</div>
|
||||
|
||||
<!-- Eco-Friendly Landscaping -->
|
||||
<div class="box">
|
||||
<h3>Eco-Friendly Landscaping<span> 88% </span></h3>
|
||||
<div class="progress-bar"> <span style="width: 88%;"></span> </div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</section>
|
||||
<!-- ==================== Team Single Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Footer Area (Start) ==================== -->
|
||||
<footer class="footer">
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Gardening and Landscaping Company Information & Social Media Links -->
|
||||
<div class="footer-item">
|
||||
|
||||
<!-- Gardening and Landscaping Company Logo -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<!-- Description -->
|
||||
<p>Transforming outdoor spaces with premium gardening and landscaping solutions.</p>
|
||||
|
||||
<!-- Contact Information -->
|
||||
<div class="info connect">
|
||||
<p><i class="fas fa-phone"></i><span>+123-456-7890</span></p>
|
||||
<p><i class="fas fa-envelope"></i><span class="gmail">info@leafline.com</span></p>
|
||||
<p><i class="fas fa-map-marker-alt"></i><span>LeafLine Company</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>
|
||||
|
||||
<!-- Gardening and Landscaping 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">Garden 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>
|
||||
|
||||
<!-- Gardening and Landscaping 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,488 @@
|
||||
<!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>LeafLine | Gardening and Landscaping Website</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">
|
||||
|
||||
<!-- Custom Stylesheets -->
|
||||
<link rel="stylesheet" href="../../assets/css/main.css">
|
||||
<link rel="stylesheet" href="../../assets/css/responsive.css">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- ==================== 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>LeafLine Company</span></li>
|
||||
<li><i class="fa-solid fa-phone"></i><span>+123-456-7890</span></li>
|
||||
<li><i class="fa-solid fa-envelope"></i><span class="gmail">info@leafline.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>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</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>Team</h2>
|
||||
</div>
|
||||
|
||||
<div class="link">
|
||||
<a href="../../index.html">Home</a>
|
||||
<i class="fa-solid fa-angles-right"></i>
|
||||
<span class="page">Team</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ==================== Page-Title (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Team Area (Start) ==================== -->
|
||||
<section class="team">
|
||||
|
||||
<!-- Section Heading -->
|
||||
<div class="heading">
|
||||
<div class="sub"><i class="fa-brands fa-pagelines"></i><span>Meet Our Team</span><i class="fa-brands fa-pagelines"></i></div> <!-- Sub Heading -->
|
||||
<h2>Our Team</h2>
|
||||
</div>
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Team Member 1 -->
|
||||
<div class="team-item">
|
||||
<img src="../../assets/images/Team/Team-1.jpg" alt="Team-Image"> <!-- Team Member Image -->
|
||||
<div class="content">
|
||||
<div class="intro">
|
||||
<a href="../../pages/About/Team-Single.html"><h3>Ethan Green</h3></a> <!-- Team Member Name -->
|
||||
<p>Landscape Designer</p> <!-- Team Member Designation -->
|
||||
</div>
|
||||
<div class="icon-container">
|
||||
<a href="#"><i class="fab fa-facebook-f"></i></a>
|
||||
<a href="#"><i class="fab fa-linkedin-in"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-x-twitter"></i></a>
|
||||
<a href="#"><i class="fab fa-instagram"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Team Member 2 -->
|
||||
<div class="team-item">
|
||||
<img src="../../assets/images/Team/Team-2.jpg" alt="Team-Image">
|
||||
<div class="content">
|
||||
<div class="intro">
|
||||
<a href="../../pages/About/Team-Single.html"><h3>Sophia Bloom</h3></a>
|
||||
<p>Care Specialist</p>
|
||||
</div>
|
||||
<div class="icon-container">
|
||||
<a href="#"><i class="fab fa-facebook-f"></i></a>
|
||||
<a href="#"><i class="fab fa-linkedin-in"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-x-twitter"></i></a>
|
||||
<a href="#"><i class="fab fa-instagram"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Team Member 3 -->
|
||||
<div class="team-item">
|
||||
<img src="../../assets/images/Team/Team-3.jpg" alt="Team-Image">
|
||||
<div class="content">
|
||||
<div class="intro">
|
||||
<a href="../../pages/About/Team-Single.html"><h3>Liam Woods</h3></a>
|
||||
<p>Maintenance Expert</p>
|
||||
</div>
|
||||
<div class="icon-container">
|
||||
<a href="#"><i class="fab fa-facebook-f"></i></a>
|
||||
<a href="#"><i class="fab fa-linkedin-in"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-x-twitter"></i></a>
|
||||
<a href="#"><i class="fab fa-instagram"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Team Member 4 -->
|
||||
<div class="team-item">
|
||||
<img src="../../assets/images/Team/Team-4.jpg" alt="Team-Image">
|
||||
<div class="content">
|
||||
<div class="intro">
|
||||
<a href="../../pages/About/Team-Single.html"><h3>Olivia Fern</h3></a>
|
||||
<p>Design Consultant</p>
|
||||
</div>
|
||||
<div class="icon-container">
|
||||
<a href="#"><i class="fab fa-facebook-f"></i></a>
|
||||
<a href="#"><i class="fab fa-linkedin-in"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-x-twitter"></i></a>
|
||||
<a href="#"><i class="fab fa-instagram"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</section>
|
||||
<!-- ==================== Team (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Footer Area (Start) ==================== -->
|
||||
<footer class="footer">
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Gardening and Landscaping Company Information & Social Media Links -->
|
||||
<div class="footer-item">
|
||||
|
||||
<!-- Gardening and Landscaping Company Logo -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<!-- Description -->
|
||||
<p>Transforming outdoor spaces with premium gardening and landscaping solutions.</p>
|
||||
|
||||
<!-- Contact Information -->
|
||||
<div class="info connect">
|
||||
<p><i class="fas fa-phone"></i><span>+123-456-7890</span></p>
|
||||
<p><i class="fas fa-envelope"></i><span class="gmail">info@leafline.com</span></p>
|
||||
<p><i class="fas fa-map-marker-alt"></i><span>LeafLine Company</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>
|
||||
|
||||
<!-- Gardening and Landscaping 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">Garden 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>
|
||||
|
||||
<!-- Gardening and Landscaping 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,507 @@
|
||||
<!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>LeafLine | Gardening and Landscaping Website</title>
|
||||
|
||||
<!-- Favicon -->
|
||||
<link rel="icon" type="image/x-icon" href="../../assets/images/favicon.ico">
|
||||
|
||||
<!-- Font-Awesome (CSS) -->
|
||||
<link rel="stylesheet" href="../../assets/vendors/font-awesome/css/all.min.css">
|
||||
|
||||
<!-- Swiper (CSS) -->
|
||||
<link rel="stylesheet" href="../../assets/vendors/swiper/swiper-bundle.min.css">
|
||||
|
||||
<!-- Custom Stylesheets -->
|
||||
<link rel="stylesheet" href="../../assets/css/main.css">
|
||||
<link rel="stylesheet" href="../../assets/css/responsive.css">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- ==================== 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>LeafLine Company</span></li>
|
||||
<li><i class="fa-solid fa-phone"></i><span>+123-456-7890</span></li>
|
||||
<li><i class="fa-solid fa-envelope"></i><span class="gmail">info@leafline.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>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</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>testimonials</h2>
|
||||
</div>
|
||||
|
||||
<div class="link">
|
||||
<a href="../../index.html">Home</a>
|
||||
<i class="fa-solid fa-angles-right"></i>
|
||||
<span class="page">testimonials</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ==================== Page-Title (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Testimonials Area (Start) ==================== -->
|
||||
<section class="testimonial">
|
||||
|
||||
<!-- Section Heading -->
|
||||
<div class="heading">
|
||||
<div class="sub"><i class="fa-brands fa-pagelines"></i><span>What Our Clients Say</span><i class="fa-brands fa-pagelines"></i></div> <!-- Sub Heading -->
|
||||
<h2>Client Testimonials</h2>
|
||||
</div>
|
||||
|
||||
<!-- Testimonial Slider -->
|
||||
<div class="swiper-container testimonial-slider">
|
||||
|
||||
<div class="swiper-wrapper">
|
||||
|
||||
<!-- Testimonial Slide 1 -->
|
||||
<div class="swiper-slide testi-item">
|
||||
<img src="../../assets/images/Testimonials/Pic-1.jpg" alt="Client-Pic">
|
||||
<i class="fas fa-quote-right"></i>
|
||||
<div class="text">
|
||||
<h4>Justin Smith</h4>
|
||||
<h6>Garden Expert</h6>
|
||||
</div>
|
||||
<div class="rating">
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
</div>
|
||||
<p>"Lorem ipsum dolor sit amet consectetur adipisicing elit. Vero voluptate omnis hic? Omnis repudiandae aliquid iure beatae distinctio temporibus quia expedita earum aliquam consequuntur. Tempora totam eum quos veniam illo."</p>
|
||||
</div>
|
||||
|
||||
<!-- Testimonial Slide 2 -->
|
||||
<div class="swiper-slide testi-item">
|
||||
<img src="../../assets/images/Testimonials/Pic-2.jpg" alt="Client-Pic">
|
||||
<i class="fas fa-quote-right"></i>
|
||||
<div class="text">
|
||||
<h4>Taylor Reed</h4>
|
||||
<h6>Care Specialist</h6>
|
||||
</div>
|
||||
<div class="rating">
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
</div>
|
||||
<p>"Lorem, ipsum dolor sit amet consectetur adipisicing elit. Molestias et sint suscipit, non quo aut, cumque repudiandae molestiae fugiat animi distinctio blanditiis tempore? Quam accusantium sed veritatis officiis obcaecati cupiditate."</p>
|
||||
</div>
|
||||
|
||||
<!-- Testimonial Slide 3 -->
|
||||
<div class="swiper-slide testi-item">
|
||||
<img src="../../assets/images/Testimonials/Pic-3.jpg" alt="Client-Pic">
|
||||
<i class="fas fa-quote-right"></i>
|
||||
<div class="text">
|
||||
<h4>Michael Brown</h4>
|
||||
<h6>Garden Specialist</h6>
|
||||
</div>
|
||||
<div class="rating">
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
</div>
|
||||
<p>"Lorem, ipsum dolor sit amet consectetur adipisicing elit. Molestias et sint suscipit, non quo aut, cumque repudiandae molestiae fugiat animi distinctio blanditiis tempore? Quam accusantium sed veritatis officiis obcaecati cupiditate."</p>
|
||||
</div>
|
||||
|
||||
<!-- Testimonial Slide 4 -->
|
||||
<div class="swiper-slide testi-item">
|
||||
<img src="../../assets/images/Testimonials/Pic-4.jpg" alt="Client-Pic">
|
||||
<i class="fas fa-quote-right"></i>
|
||||
<div class="text">
|
||||
<h4>Nisa Klein</h4>
|
||||
<h6>Garden Specialist</h6>
|
||||
</div>
|
||||
<div class="rating">
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
</div>
|
||||
<p>"Lorem, ipsum dolor sit amet consectetur adipisicing elit. Molestias et sint suscipit, non quo aut, cumque repudiandae molestiae fugiat animi distinctio blanditiis tempore? Quam accusantium sed veritatis officiis obcaecati cupiditate."</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Testimonial Slider Pagination -->
|
||||
<div class="swiper-pagination swiper-pagination3"></div>
|
||||
|
||||
</div>
|
||||
|
||||
</section>
|
||||
<!-- ==================== Testimonials Area (End) ==================== -->
|
||||
|
||||
|
||||
<!-- ==================== Footer Area (Start) ==================== -->
|
||||
<footer class="footer">
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Gardening and Landscaping Company Information & Social Media Links -->
|
||||
<div class="footer-item">
|
||||
|
||||
<!-- Gardening and Landscaping Company Logo -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<!-- Description -->
|
||||
<p>Transforming outdoor spaces with premium gardening and landscaping solutions.</p>
|
||||
|
||||
<!-- Contact Information -->
|
||||
<div class="info connect">
|
||||
<p><i class="fas fa-phone"></i><span>+123-456-7890</span></p>
|
||||
<p><i class="fas fa-envelope"></i><span class="gmail">info@leafline.com</span></p>
|
||||
<p><i class="fas fa-map-marker-alt"></i><span>LeafLine Company</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>
|
||||
|
||||
<!-- Gardening and Landscaping 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">Garden 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>
|
||||
|
||||
<!-- Gardening and Landscaping Company's Name and Copyright -->
|
||||
<div class="content">
|
||||
<p>Designed By <span>NorthStar_Themes</span> | All Rights Reserved</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
<!-- ==================== Footer Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- Jquery -->
|
||||
<script src="../../assets/vendors/jquery/jquery.min.js"></script>
|
||||
|
||||
<!-- Swiper (JS) -->
|
||||
<script src="../../assets/vendors/swiper/swiper-bundle.min.js"></script>
|
||||
|
||||
<!-- Custom Script Files -->
|
||||
<script src="../../assets/js/script.js"></script> <!-- Custom JavaScript file with additional website functionality. -->
|
||||
<script src="../../assets/js/nav-link-toggler.js"></script> <!-- Manages navigation link toggling (e.g., hamburger menu) for mobile devices -->
|
||||
<script src="../../assets/js/newsletter.js"></script>
|
||||
<script src="../../assets/js/testi-slider.js"></script> <!-- Controls the interactive Testimonial Slider for showcasing customer testimonials. -->
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,482 @@
|
||||
<!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>LeafLine | Gardening and Landscaping Website</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">
|
||||
|
||||
<!-- Custom Stylesheets -->
|
||||
<link rel="stylesheet" href="../../assets/css/main.css">
|
||||
<link rel="stylesheet" href="../../assets/css/responsive.css">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- ==================== 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>LeafLine Company</span></li>
|
||||
<li><i class="fa-solid fa-phone"></i><span>+123-456-7890</span></li>
|
||||
<li><i class="fa-solid fa-envelope"></i><span class="gmail">info@leafline.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>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</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>Why Choose Us</h2>
|
||||
</div>
|
||||
|
||||
<div class="link">
|
||||
<a href="../../index.html">Home</a>
|
||||
<i class="fa-solid fa-angles-right"></i>
|
||||
<span class="page">Why Choose Us</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ==================== Page-Title (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Why Choose Us Area (Start) ==================== -->
|
||||
<section class="why-us">
|
||||
|
||||
<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 LeafLine, we’re passionate about creating outdoor spaces that blend beauty. Our commitment to excellence ensures every garden thrives for years.</p>
|
||||
</div>
|
||||
|
||||
<!-- Main Content Area -->
|
||||
<div class="content">
|
||||
|
||||
<!-- Why Choose Us Points - Left -->
|
||||
<ul class="whyus-section-points one">
|
||||
<li>
|
||||
<i class="fa-solid fa-seedling"></i> <!-- Plant icon -->
|
||||
<div class="text">
|
||||
<h5>Expert Craftsmanship</h5>
|
||||
<p>Our team brings years of experience to every project.</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<i class="fa-solid fa-leaf"></i> <!-- Leaf icon -->
|
||||
<div class="text">
|
||||
<h5>Sustainable Solutions</h5>
|
||||
<p>We use materials & water wise technique for tomorrow.</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<i class="fa-solid fa-brush"></i> <!-- Design icon -->
|
||||
<div class="text">
|
||||
<h5>Creative Design</h5>
|
||||
<p>we design landscapes that reflect your vision.</p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<!-- Why Choose Us Image -->
|
||||
<div class="image">
|
||||
<img src="../../assets/images/WhyUs/Pic-1.png" alt="LeafLine Gardening and Landscaping">
|
||||
</div>
|
||||
|
||||
<!-- Why Choose Us Points - Right -->
|
||||
<ul class="whyus-section-points two">
|
||||
<li>
|
||||
<i class="fa-solid fa-sun"></i> <!-- Growth icon -->
|
||||
<div class="text">
|
||||
<h5>End-to-End Service</h5>
|
||||
<p>We handle everything from design to maintenance and care.</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<i class="fa-solid fa-star"></i> <!-- Quality icon -->
|
||||
<div class="text">
|
||||
<h5>Quality Guaranteed</h5>
|
||||
<p>We ensure every project the highest standards of beauty.</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<i class="fa-solid fa-handshake"></i> <!-- Trust icon -->
|
||||
<div class="text">
|
||||
<h5>Customer Commitment</h5>
|
||||
<p>Your trust is our priority we turn your dreams into reality.</p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</section>
|
||||
<!-- ==================== Why Choose Us Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Footer Area (Start) ==================== -->
|
||||
<footer class="footer">
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Gardening and Landscaping Company Information & Social Media Links -->
|
||||
<div class="footer-item">
|
||||
|
||||
<!-- Gardening and Landscaping Company Logo -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<!-- Description -->
|
||||
<p>Transforming outdoor spaces with premium gardening and landscaping solutions.</p>
|
||||
|
||||
<!-- Contact Information -->
|
||||
<div class="info connect">
|
||||
<p><i class="fas fa-phone"></i><span>+123-456-7890</span></p>
|
||||
<p><i class="fas fa-envelope"></i><span class="gmail">info@leafline.com</span></p>
|
||||
<p><i class="fas fa-map-marker-alt"></i><span>LeafLine Company</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>
|
||||
|
||||
<!-- Gardening and Landscaping 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">Garden 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>
|
||||
|
||||
<!-- Gardening and Landscaping 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,636 @@
|
||||
<!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>LeafLine | Gardening and Landscaping Website</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">
|
||||
|
||||
<!-- Custom Stylesheets -->
|
||||
<link rel="stylesheet" href="../../assets/css/main.css">
|
||||
<link rel="stylesheet" href="../../assets/css/responsive.css">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- ==================== 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>LeafLine Company</span></li>
|
||||
<li><i class="fa-solid fa-phone"></i><span>+123-456-7890</span></li>
|
||||
<li><i class="fa-solid fa-envelope"></i><span class="gmail">info@leafline.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>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</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>Blog Grid</h2>
|
||||
</div>
|
||||
|
||||
<div class="link">
|
||||
<a href="../../index.html">Home</a>
|
||||
<i class="fa-solid fa-angles-right"></i>
|
||||
<span class="page">Blog Grid</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ==================== Page-Title (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Blog Grid (Start) ==================== -->
|
||||
<section class="blog grid">
|
||||
|
||||
<!-- ========== Blog Sidebar Area (Start) ========== -->
|
||||
<div class="sidebar">
|
||||
|
||||
<!-- ===== Search Area (Start) ===== -->
|
||||
<div class="search sidebar-item">
|
||||
|
||||
<div class="sidebar-heading">
|
||||
<h2>search</h2>
|
||||
</div>
|
||||
|
||||
<!-- Blog Search Form -->
|
||||
<form class="blog-search-container box-container">
|
||||
<div class="input-box">
|
||||
<input type="search" id="blog-search" placeholder="search..." required> <!-- Search Input -->
|
||||
<button type="submit"><i class="fas fa-search"></i></button> <!-- Submit Button -->
|
||||
</div>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
<!-- ===== Search Area (End) ===== -->
|
||||
|
||||
<!-- ===== Category Area (Start) ===== -->
|
||||
<div class="category sidebar-item">
|
||||
|
||||
<div class="sidebar-heading">
|
||||
<h2>categories</h2>
|
||||
</div>
|
||||
|
||||
<!-- Blog Categories -->
|
||||
<div class="box-container">
|
||||
<a href="#" class="item"> <span><i class="fa-brands fa-pagelines"></i>Garden Design</span> <p>(30)</p> </a>
|
||||
<a href="#" class="item"> <span><i class="fa-brands fa-pagelines"></i>Landscaping</span> <p>(20)</p> </a>
|
||||
<a href="#" class="item"> <span><i class="fa-brands fa-pagelines"></i>Plant Care</span> <p>(15)</p> </a>
|
||||
<a href="#" class="item"> <span><i class="fa-brands fa-pagelines"></i>Outdoor Living</span> <p>(10)</p> </a>
|
||||
<a href="#" class="item"> <span><i class="fa-brands fa-pagelines"></i>Eco Gardening</span> <p>(05)</p> </a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ===== Category Area (End) ===== -->
|
||||
|
||||
<!-- ===== Recent Posts Area (Start) ===== -->
|
||||
<div class="recent-posts sidebar-item">
|
||||
|
||||
<div class="sidebar-heading">
|
||||
<h2>recent posts</h2>
|
||||
</div>
|
||||
|
||||
<!-- Recent Posts -->
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Recent Post 1 -->
|
||||
<div class="post-item">
|
||||
<img src="../../assets/images/Blog/Blogs/Blog-1.jpg" alt="Recent-Post-Image"> <!-- Post image -->
|
||||
<a class="main-heading" href="../../pages/Blog/Blog-Single.html">Transform Your Space with Creative Ideas</a> <!-- Post title -->
|
||||
</div>
|
||||
|
||||
<!-- Recent Post 2 -->
|
||||
<div class="post-item">
|
||||
<img src="../../assets/images/Blog/Blogs/Blog-2.jpg" alt="Recent-Post-Image"> <!-- Post image -->
|
||||
<a class="main-heading" href="../../pages/Blog/Blog-Single.html">Top 5 gardening Trends, Redefine Your Garden</a> <!-- Post title -->
|
||||
</div>
|
||||
|
||||
<!-- Recent Post 3 -->
|
||||
<div class="post-item">
|
||||
<img src="../../assets/images/Blog/Blogs/Blog-3.jpg" alt="Recent-Post-Image"> <!-- Post image -->
|
||||
<a class="main-heading" href="../../pages/Blog/Blog-Single.html">How to Keep Your Garden Green Year Round</a> <!-- Post title -->
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ===== Recent Posts Area (End) ===== -->
|
||||
|
||||
<!-- ===== Tags Area (Start) ===== -->
|
||||
<div class="tags sidebar-item">
|
||||
|
||||
<div class="sidebar-heading">
|
||||
<h2>tags</h2>
|
||||
</div>
|
||||
|
||||
<!-- Tags -->
|
||||
<div class="box-container">
|
||||
<a href="#" class="tag-item">Garden</a>
|
||||
<a href="#" class="tag-item">Style</a>
|
||||
<a href="#" class="tag-item">Blossom</a>
|
||||
<a href="#" class="tag-item">Greenery</a>
|
||||
<a href="#" class="tag-item">Landscaping</a>
|
||||
<a href="#" class="tag-item">design</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ===== Tags Area (End) ===== -->
|
||||
|
||||
</div>
|
||||
<!-- ========== Blog Sidebar Area (End) ========== -->
|
||||
|
||||
<!-- ========== Blog Container (Start) ========== -->
|
||||
<div class="blog-container grid">
|
||||
|
||||
<!-- ===== Blogs (Start) ===== -->
|
||||
<div class="blog-items">
|
||||
|
||||
<!-- Blog-1 -->
|
||||
<div class="blog-item">
|
||||
<div class="image">
|
||||
<img src="../../assets/images/Blog/Blogs/Blog-1.jpg" alt="Blog-Image"> <!-- Blog Image -->
|
||||
<div class="date"><div class="tag"><span>25</span> Oct</div></div> <!-- Blog Date -->
|
||||
</div>
|
||||
<div class="content">
|
||||
<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>Garden 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 class="date"><div class="tag"><span>20</span> Oct</div></div> <!-- Blog Date -->
|
||||
</div>
|
||||
<div class="content">
|
||||
<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 gardening Trends, Redefine Your Garden</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 class="date"><div class="tag"><span>15</span> Oct</div></div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<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 Garden Green Year Round</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Blog-4 -->
|
||||
<div class="blog-item">
|
||||
<div class="image">
|
||||
<img src="../../assets/images/Blog/Blogs/Blog-4.jpg" alt="Blog-Image">
|
||||
<div class="date"><div class="tag"><span>10</span> Oct</div></div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<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>Outdoor Living</span></h3>
|
||||
</div>
|
||||
<a class="main-heading" href="../../pages/Blog/Blog-Single.html">Create a Relaxing Space with good Landscaping</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Blog-5 -->
|
||||
<div class="blog-item">
|
||||
<div class="image">
|
||||
<img src="../../assets/images/Blog/Blogs/Blog-5.jpg" alt="Blog-Image">
|
||||
<div class="date"><div class="tag"><span>05</span> Oct</div></div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<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>Eco Gardening</span></h3>
|
||||
</div>
|
||||
<a class="main-heading" href="../../pages/Blog/Blog-Single.html">Eco-Friendly Gardening: Simple Ways Go Green</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Blog-6 -->
|
||||
<div class="blog-item">
|
||||
<div class="image">
|
||||
<img src="../../assets/images/Blog/Blogs/Blog-6.jpg" alt="Blog-Image">
|
||||
<div class="date"><div class="tag"><span>01</span> Oct</div></div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<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>Garden Maintenance</span></h3>
|
||||
</div>
|
||||
<a class="main-heading" href="../../pages/Blog/Blog-Single.html">Essential Maintenance Tips for a Perfect Garden</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ===== Blogs (End) ===== -->
|
||||
|
||||
<!-- ===== Pagination (Start) ===== -->
|
||||
<div class="pages-no">
|
||||
|
||||
<div class="container">
|
||||
|
||||
<!-- Previous page button -->
|
||||
<div class="item">
|
||||
<i class="fas fa-arrow-left"></i>
|
||||
</div>
|
||||
|
||||
<!-- Page numbers -->
|
||||
<div class="numbers">
|
||||
<div class="item active">1</div> <!-- Active page number -->
|
||||
<div class="item">2</div> <!-- Page number 2 -->
|
||||
<div class="item">3</div> <!-- Page number 3 -->
|
||||
</div>
|
||||
|
||||
<!-- Next page button-->
|
||||
<div class="item">
|
||||
<i class="fa-solid fa-arrow-right"></i>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ===== Pagination (End) ===== -->
|
||||
|
||||
</div>
|
||||
<!-- ========== Blog Container (End) ========== -->
|
||||
|
||||
</section>
|
||||
<!-- ==================== Blog Grid (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Footer Area (Start) ==================== -->
|
||||
<footer class="footer">
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Gardening and Landscaping Company Information & Social Media Links -->
|
||||
<div class="footer-item">
|
||||
|
||||
<!-- Gardening and Landscaping Company Logo -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<!-- Description -->
|
||||
<p>Transforming outdoor spaces with premium gardening and landscaping solutions.</p>
|
||||
|
||||
<!-- Contact Information -->
|
||||
<div class="info connect">
|
||||
<p><i class="fas fa-phone"></i><span>+123-456-7890</span></p>
|
||||
<p><i class="fas fa-envelope"></i><span class="gmail">info@leafline.com</span></p>
|
||||
<p><i class="fas fa-map-marker-alt"></i><span>LeafLine Company</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>
|
||||
|
||||
<!-- Gardening and Landscaping 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">Garden 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>
|
||||
|
||||
<!-- Gardening and Landscaping 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,603 @@
|
||||
<!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>LeafLine | Gardening and Landscaping Website</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">
|
||||
|
||||
<!-- Custom Stylesheets -->
|
||||
<link rel="stylesheet" href="../../assets/css/main.css">
|
||||
<link rel="stylesheet" href="../../assets/css/responsive.css">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- ==================== 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>LeafLine Company</span></li>
|
||||
<li><i class="fa-solid fa-phone"></i><span>+123-456-7890</span></li>
|
||||
<li><i class="fa-solid fa-envelope"></i><span class="gmail">info@leafline.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>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</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>Blog List</h2>
|
||||
</div>
|
||||
|
||||
<div class="link">
|
||||
<a href="../../index.html">Home</a>
|
||||
<i class="fa-solid fa-angles-right"></i>
|
||||
<span class="page">Blog List</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ==================== Page-Title (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Blog List (Start) ==================== -->
|
||||
<section class="blog list">
|
||||
|
||||
<!-- ========== Blog Sidebar Area (Start) ========== -->
|
||||
<div class="sidebar">
|
||||
|
||||
<!-- ===== Search Area (Start) ===== -->
|
||||
<div class="search sidebar-item">
|
||||
|
||||
<div class="sidebar-heading">
|
||||
<h2>search</h2>
|
||||
</div>
|
||||
|
||||
<!-- Blog Search Form -->
|
||||
<form class="blog-search-container box-container">
|
||||
<div class="input-box">
|
||||
<input type="search" id="blog-search" placeholder="search..." required> <!-- Search Input -->
|
||||
<button type="submit"><i class="fas fa-search"></i></button> <!-- Submit Button -->
|
||||
</div>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
<!-- ===== Search Area (End) ===== -->
|
||||
|
||||
<!-- ===== Category Area (Start) ===== -->
|
||||
<div class="category sidebar-item">
|
||||
|
||||
<div class="sidebar-heading">
|
||||
<h2>categories</h2>
|
||||
</div>
|
||||
|
||||
<!-- Blog Categories -->
|
||||
<div class="box-container">
|
||||
<a href="#" class="item"> <span><i class="fa-brands fa-pagelines"></i>Garden Design</span> <p>(30)</p> </a>
|
||||
<a href="#" class="item"> <span><i class="fa-brands fa-pagelines"></i>Landscaping</span> <p>(20)</p> </a>
|
||||
<a href="#" class="item"> <span><i class="fa-brands fa-pagelines"></i>Plant Care</span> <p>(15)</p> </a>
|
||||
<a href="#" class="item"> <span><i class="fa-brands fa-pagelines"></i>Outdoor Living</span> <p>(10)</p> </a>
|
||||
<a href="#" class="item"> <span><i class="fa-brands fa-pagelines"></i>Eco Gardening</span> <p>(05)</p> </a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ===== Category Area (End) ===== -->
|
||||
|
||||
<!-- ===== Recent Posts Area (Start) ===== -->
|
||||
<div class="recent-posts sidebar-item">
|
||||
|
||||
<div class="sidebar-heading">
|
||||
<h2>recent posts</h2>
|
||||
</div>
|
||||
|
||||
<!-- Recent Posts -->
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Recent Post 1 -->
|
||||
<div class="post-item">
|
||||
<img src="../../assets/images/Blog/Blogs/Blog-1.jpg" alt="Recent-Post-Image"> <!-- Post image -->
|
||||
<a class="main-heading" href="../../pages/Blog/Blog-Single.html">Transform Your Space with Creative Ideas</a> <!-- Post title -->
|
||||
</div>
|
||||
|
||||
<!-- Recent Post 2 -->
|
||||
<div class="post-item">
|
||||
<img src="../../assets/images/Blog/Blogs/Blog-2.jpg" alt="Recent-Post-Image"> <!-- Post image -->
|
||||
<a class="main-heading" href="../../pages/Blog/Blog-Single.html">Top 5 gardening Trends, Redefine Your Garden</a> <!-- Post title -->
|
||||
</div>
|
||||
|
||||
<!-- Recent Post 3 -->
|
||||
<div class="post-item">
|
||||
<img src="../../assets/images/Blog/Blogs/Blog-3.jpg" alt="Recent-Post-Image"> <!-- Post image -->
|
||||
<a class="main-heading" href="../../pages/Blog/Blog-Single.html">How to Keep Your Garden Green Year Round</a> <!-- Post title -->
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ===== Recent Posts Area (End) ===== -->
|
||||
|
||||
<!-- ===== Tags Area (Start) ===== -->
|
||||
<div class="tags sidebar-item">
|
||||
|
||||
<div class="sidebar-heading">
|
||||
<h2>tags</h2>
|
||||
</div>
|
||||
|
||||
<!-- Tags -->
|
||||
<div class="box-container">
|
||||
<a href="#" class="tag-item">Garden</a>
|
||||
<a href="#" class="tag-item">Style</a>
|
||||
<a href="#" class="tag-item">Blossom</a>
|
||||
<a href="#" class="tag-item">Greenery</a>
|
||||
<a href="#" class="tag-item">Landscaping</a>
|
||||
<a href="#" class="tag-item">design</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ===== Tags Area (End) ===== -->
|
||||
|
||||
</div>
|
||||
<!-- ========== Blog Sidebar Area (End) ========== -->
|
||||
|
||||
<!-- ========== Blog Container (Start) ========== -->
|
||||
<div class="blog-container list">
|
||||
|
||||
<!-- ===== Blogs (Start) ===== -->
|
||||
|
||||
<!-- Blog-1 -->
|
||||
<div class="blog-item">
|
||||
<div class="image">
|
||||
<img src="../../assets/images/Blog/Blogs/Blog-1.jpg" alt="Blog-Image"> <!-- Blog Image -->
|
||||
<div class="date"><div class="tag"><span>25</span> Oct</div></div> <!-- Blog Date -->
|
||||
</div>
|
||||
<div class="content">
|
||||
<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>Garden 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 class="date"><div class="tag"><span>20</span> Oct</div></div> <!-- Blog Date -->
|
||||
</div>
|
||||
<div class="content">
|
||||
<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 gardening Trends, Redefine Your Garden</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 class="date"><div class="tag"><span>15</span> Oct</div></div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<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 Garden Green Year Round</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Blog-4 -->
|
||||
<div class="blog-item">
|
||||
<div class="image">
|
||||
<img src="../../assets/images/Blog/Blogs/Blog-4.jpg" alt="Blog-Image">
|
||||
<div class="date"><div class="tag"><span>10</span> Oct</div></div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<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>Outdoor Living</span></h3>
|
||||
</div>
|
||||
<a class="main-heading" href="../../pages/Blog/Blog-Single.html">Create a Relaxing Space with good Landscaping</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- ===== Blogs (End) ===== -->
|
||||
|
||||
<!-- ===== Pagination (Start) ===== -->
|
||||
<div class="pages-no">
|
||||
|
||||
<div class="container">
|
||||
|
||||
<!-- Previous page button -->
|
||||
<div class="item">
|
||||
<i class="fas fa-arrow-left"></i>
|
||||
</div>
|
||||
|
||||
<!-- Page numbers -->
|
||||
<div class="numbers">
|
||||
<div class="item active">1</div> <!-- Active page number -->
|
||||
<div class="item">2</div> <!-- Page number 2 -->
|
||||
<div class="item">3</div> <!-- Page number 3 -->
|
||||
</div>
|
||||
|
||||
<!-- Next page button-->
|
||||
<div class="item">
|
||||
<i class="fa-solid fa-arrow-right"></i>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ===== Pagination (End) ===== -->
|
||||
|
||||
</div>
|
||||
<!-- ========== Blog Container (End) ========== -->
|
||||
|
||||
</section>
|
||||
<!-- ==================== Blog List (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Footer Area (Start) ==================== -->
|
||||
<footer class="footer">
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Gardening and Landscaping Company Information & Social Media Links -->
|
||||
<div class="footer-item">
|
||||
|
||||
<!-- Gardening and Landscaping Company Logo -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<!-- Description -->
|
||||
<p>Transforming outdoor spaces with premium gardening and landscaping solutions.</p>
|
||||
|
||||
<!-- Contact Information -->
|
||||
<div class="info connect">
|
||||
<p><i class="fas fa-phone"></i><span>+123-456-7890</span></p>
|
||||
<p><i class="fas fa-envelope"></i><span class="gmail">info@leafline.com</span></p>
|
||||
<p><i class="fas fa-map-marker-alt"></i><span>LeafLine Company</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>
|
||||
|
||||
<!-- Gardening and Landscaping 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">Garden 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>
|
||||
|
||||
<!-- Gardening and Landscaping 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,685 @@
|
||||
<!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>LeafLine | Gardening and Landscaping Website</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">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- ==================== 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>LeafLine Company</span></li>
|
||||
<li><i class="fa-solid fa-phone"></i><span>+123-456-7890</span></li>
|
||||
<li><i class="fa-solid fa-envelope"></i><span class="gmail">info@leafline.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>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</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>Blog Single</h2>
|
||||
</div>
|
||||
|
||||
<div class="link">
|
||||
<a href="../../index.html">Home</a>
|
||||
<i class="fa-solid fa-angles-right"></i>
|
||||
<span class="page">Blog Single</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ==================== Page-Title (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Blog Single (Start) ==================== -->
|
||||
<section class="blog-single">
|
||||
|
||||
<!-- ========== Blog-Info Container (Start) ========== -->
|
||||
<div class="blog-container">
|
||||
|
||||
<!-- Blog Information -->
|
||||
<div class="blog-info page-info">
|
||||
|
||||
<div class="image">
|
||||
<img src="../../assets/images/Blog/Blogs/Blog-1.jpg" alt="Transform Your Space with Creative Ideas"> <!-- Houseplants Image -->
|
||||
<div class="date"><div class="tag"><span>25</span> Oct</div></div> <!-- Blog Date -->
|
||||
</div>
|
||||
|
||||
<div class="content">
|
||||
|
||||
<!-- Blog Main Heading -->
|
||||
<h2 class="main-heading">Transform Your Space with Creative Ideas</h2>
|
||||
|
||||
<!-- Blog Details -->
|
||||
<div class="details">
|
||||
<h5><i class="fa-solid fa-circle-user"></i><span>By Admin</span></h5> <!-- Author -->
|
||||
<h5><i class="fa-solid fa-tags"></i><span>Plant Care</span></h5> <!-- Category -->
|
||||
</div>
|
||||
|
||||
<!-- Blog Description -->
|
||||
<p>Discover creative ideas to transform your outdoor and indoor spaces into stunning natural retreats. From small balcony gardens to expansive landscapes, explore design inspiration that breathes new life into every corner of your home.</p>
|
||||
<p>Learn how to combine textures, colors, and natural elements to craft beautiful, functional spaces. Whether you’re revamping your patio, designing a zen garden, or refreshing your living room with plants, these ideas will spark your imagination and creativity.</p>
|
||||
|
||||
<!-- Important Note -->
|
||||
<div class="important">
|
||||
<i class="fa-solid fa-quote-left"></i>
|
||||
<div class="box-container">
|
||||
Redefine your surroundings with fresh, innovative landscaping and décor concepts. Turn every space—indoors or outdoors—into a reflection of your unique style and love for nature.
|
||||
<div class="intro">
|
||||
<span></span>
|
||||
<h2>Creative Design Expert</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p>Embrace the art of transformation and let nature inspire your design journey. From minimalist layouts to lush garden corners, create spaces that evoke beauty, tranquility, and harmony. With the right ideas, your dream environment is just a step away.</p>
|
||||
|
||||
<!-- Blog Gallery -->
|
||||
<div class="blog-gallery page-gallery">
|
||||
|
||||
<a href="../../assets/images/Blog/Blog-Gallery/1.jpg">
|
||||
<img src="../../assets/images/Blog/Blog-Gallery/1.jpg" alt="Blog Example 1">
|
||||
</a>
|
||||
<a href="../../assets/images/Blog/Blog-Gallery/2.jpg">
|
||||
<img src="../../assets/images/Blog/Blog-Gallery/2.jpg" alt="Blog Example 2">
|
||||
</a>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Blog Description -->
|
||||
<p>Explore our inspiring gallery of creative design ideas to reimagine your home and garden. From cozy indoor nooks to breathtaking outdoor landscapes, discover how a touch of greenery and thoughtful design can completely transform your space. Let these visuals motivate you to craft your own peaceful, nature-inspired retreat.</p>
|
||||
|
||||
<!-- End Details -->
|
||||
<div class="end-details">
|
||||
|
||||
<!-- Blog Tags -->
|
||||
<div class="tags">
|
||||
<a href="#"><span>Design</span></a>
|
||||
<a href="#"><span>Landscaping</span></a>
|
||||
<a href="#"><span>Inspiration</span></a>
|
||||
</div>
|
||||
|
||||
<!-- Social Media Share Buttons -->
|
||||
<div class="share">
|
||||
<h3>Share:</h3>
|
||||
<i class="fab fa-facebook-f"></i>
|
||||
<i class="fab fa-linkedin-in"></i>
|
||||
<i class="fa-brands fa-x-twitter"></i>
|
||||
<i class="fab fa-pinterest"></i>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Blog Comments -->
|
||||
<div class="comments">
|
||||
|
||||
<h4>3 Comments</h4>
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Comment-1 -->
|
||||
<div class="comment-item">
|
||||
|
||||
<div class="main comment">
|
||||
<div class="comment-image">
|
||||
<img src="../../assets/images/Blog/Comments/Pic-1.jpg" alt="Comment-Author-Pic">
|
||||
</div>
|
||||
<div class="comment-content">
|
||||
<div class="comment-intro">
|
||||
<div class="text">
|
||||
<h3>Benjamin Alexander</h3>
|
||||
<h6>Aug 12, 2025</h6>
|
||||
</div>
|
||||
<div class='icon-item'><i class="fas fa-reply"></i><span>Reply</span></div>
|
||||
</div>
|
||||
<p class="text">These ideas are fantastic! I never realized how much a few plants and smart lighting could transform my living space. Definitely trying the wall garden concept next weekend.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Reply to Comment 1 -->
|
||||
<div class="reply comment">
|
||||
<div class="comment-image">
|
||||
<img src="../../assets/images/Blog/Comments/Pic-2.jpg" alt="Comment-Author-Pic">
|
||||
</div>
|
||||
<div class="comment-content">
|
||||
<div class="comment-intro">
|
||||
<div class="text">
|
||||
<h3>Isabella Grace</h3>
|
||||
<h6>Aug 19, 2025</h6>
|
||||
</div>
|
||||
<div class='icon-item'><i class="fas fa-reply"></i><span>Reply</span></div>
|
||||
</div>
|
||||
<p class="text">Right? I added a few hanging planters and it completely changed the mood of my room. Simple ideas can make such a big difference!</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Comment-2 -->
|
||||
<div class="comment-item">
|
||||
|
||||
<div class="main comment">
|
||||
<div class="comment-image">
|
||||
<img src="../../assets/images/Blog/Comments/Pic-3.jpg" alt="Comment-Author-Pic">
|
||||
</div>
|
||||
<div class="comment-content">
|
||||
<div class="comment-intro">
|
||||
<div class="text">
|
||||
<h3>Samuel James</h3>
|
||||
<h6>Aug 25, 2025</h6>
|
||||
</div>
|
||||
<div class='icon-item'><i class="fas fa-reply"></i><span>Reply</span></div>
|
||||
</div>
|
||||
<p class="text">Thanks for sharing such inspiring ideas! I’m planning to redesign my patio and this post gave me the motivation I needed to start.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- Leave A Comment Form -->
|
||||
<div class="leave-reply">
|
||||
|
||||
<!-- Comment Form -->
|
||||
<form class="form" action="#">
|
||||
<h3>Leave a Comment</h3> <!-- Heading -->
|
||||
<div class="input-box">
|
||||
<input type="text" name="name" class="box" id="name" placeholder="Name" required> <!-- Name Input -->
|
||||
<input type="email" name="email" class="box" id="email" placeholder="Email" required> <!-- Email Input -->
|
||||
</div>
|
||||
<textarea cols="30" rows="10" name="comment" class="box" id="comment" placeholder="Comment" required></textarea> <!-- Comment Textarea -->
|
||||
<input type="submit" value="Submit" class="btn"> <!-- Submit Button -->
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ========== Blog-Info Container (End) ========== -->
|
||||
|
||||
<!-- ========== Blog Sidebar Area (Start) ========== -->
|
||||
<div class="sidebar">
|
||||
|
||||
<!-- ===== Search Area (Start) ===== -->
|
||||
<div class="search sidebar-item">
|
||||
|
||||
<div class="sidebar-heading">
|
||||
<h2>search</h2>
|
||||
</div>
|
||||
|
||||
<!-- Blog Search Form -->
|
||||
<form class="blog-search-container box-container">
|
||||
<div class="input-box">
|
||||
<input type="search" id="blog-search" placeholder="search..." required> <!-- Search Input -->
|
||||
<button type="submit"><i class="fas fa-search"></i></button> <!-- Submit Button -->
|
||||
</div>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
<!-- ===== Search Area (End) ===== -->
|
||||
|
||||
<!-- ===== Category Area (Start) ===== -->
|
||||
<div class="category sidebar-item">
|
||||
|
||||
<div class="sidebar-heading">
|
||||
<h2>categories</h2>
|
||||
</div>
|
||||
|
||||
<!-- Blog Categories -->
|
||||
<div class="box-container">
|
||||
<a href="#" class="item"> <span><i class="fa-brands fa-pagelines"></i>Garden Design</span> <p>(30)</p> </a>
|
||||
<a href="#" class="item"> <span><i class="fa-brands fa-pagelines"></i>Landscaping</span> <p>(20)</p> </a>
|
||||
<a href="#" class="item"> <span><i class="fa-brands fa-pagelines"></i>Plant Care</span> <p>(15)</p> </a>
|
||||
<a href="#" class="item"> <span><i class="fa-brands fa-pagelines"></i>Outdoor Living</span> <p>(10)</p> </a>
|
||||
<a href="#" class="item"> <span><i class="fa-brands fa-pagelines"></i>Eco Gardening</span> <p>(05)</p> </a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ===== Category Area (End) ===== -->
|
||||
|
||||
<!-- ===== Recent Posts Area (Start) ===== -->
|
||||
<div class="recent-posts sidebar-item">
|
||||
|
||||
<div class="sidebar-heading">
|
||||
<h2>recent posts</h2>
|
||||
</div>
|
||||
|
||||
<!-- Recent Posts -->
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Recent Post 1 -->
|
||||
<div class="post-item">
|
||||
<img src="../../assets/images/Blog/Blogs/Blog-1.jpg" alt="Recent-Post-Image"> <!-- Post image -->
|
||||
<a class="main-heading" href="../../pages/Blog/Blog-Single.html">Transform Your Space with Creative Ideas</a> <!-- Post title -->
|
||||
</div>
|
||||
|
||||
<!-- Recent Post 2 -->
|
||||
<div class="post-item">
|
||||
<img src="../../assets/images/Blog/Blogs/Blog-2.jpg" alt="Recent-Post-Image"> <!-- Post image -->
|
||||
<a class="main-heading" href="../../pages/Blog/Blog-Single.html">Top 5 gardening Trends, Redefine Your Garden</a> <!-- Post title -->
|
||||
</div>
|
||||
|
||||
<!-- Recent Post 3 -->
|
||||
<div class="post-item">
|
||||
<img src="../../assets/images/Blog/Blogs/Blog-3.jpg" alt="Recent-Post-Image"> <!-- Post image -->
|
||||
<a class="main-heading" href="../../pages/Blog/Blog-Single.html">How to Keep Your Garden Green Year Round</a> <!-- Post title -->
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ===== Recent Posts Area (End) ===== -->
|
||||
|
||||
<!-- ===== Tags Area (Start) ===== -->
|
||||
<div class="tags sidebar-item">
|
||||
|
||||
<div class="sidebar-heading">
|
||||
<h2>tags</h2>
|
||||
</div>
|
||||
|
||||
<!-- Tags -->
|
||||
<div class="box-container">
|
||||
<a href="#" class="tag-item">Garden</a>
|
||||
<a href="#" class="tag-item">Style</a>
|
||||
<a href="#" class="tag-item">Blossom</a>
|
||||
<a href="#" class="tag-item">Greenery</a>
|
||||
<a href="#" class="tag-item">Landscaping</a>
|
||||
<a href="#" class="tag-item">design</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ===== Tags Area (End) ===== -->
|
||||
|
||||
</div>
|
||||
<!-- ========== Blog Sidebar Area (End) ========== -->
|
||||
|
||||
</section>
|
||||
<!-- ==================== Blog Single (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Footer Area (Start) ==================== -->
|
||||
<footer class="footer">
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Gardening and Landscaping Company Information & Social Media Links -->
|
||||
<div class="footer-item">
|
||||
|
||||
<!-- Gardening and Landscaping Company Logo -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<!-- Description -->
|
||||
<p>Transforming outdoor spaces with premium gardening and landscaping solutions.</p>
|
||||
|
||||
<!-- Contact Information -->
|
||||
<div class="info connect">
|
||||
<p><i class="fas fa-phone"></i><span>+123-456-7890</span></p>
|
||||
<p><i class="fas fa-envelope"></i><span class="gmail">info@leafline.com</span></p>
|
||||
<p><i class="fas fa-map-marker-alt"></i><span>LeafLine Company</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>
|
||||
|
||||
<!-- Gardening and Landscaping 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">Garden 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>
|
||||
|
||||
<!-- Gardening and Landscaping 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. -->
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,568 @@
|
||||
<!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>Contact Golden Sun Landscaping & Tree Service | Winfield, IL</title>
|
||||
|
||||
<!-- Favicon -->
|
||||
<link rel="icon" type="image/x-icon" href="../../assets/images/favicon.ico">
|
||||
|
||||
<!-- Font-Awesome (CSS) -->
|
||||
<link rel="stylesheet" href="../../assets/vendors/font-awesome/css/all.min.css">
|
||||
|
||||
<!-- Custom Stylesheets -->
|
||||
<link rel="stylesheet" href="../../assets/css/main.css">
|
||||
<link rel="stylesheet" href="../../assets/css/responsive.css">
|
||||
|
||||
<meta name="description" content="Request landscaping, lawn maintenance, patio, cleanup, or tree service in Winfield and nearby DuPage communities.">
|
||||
|
||||
<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 & 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>Contact</h2>
|
||||
</div>
|
||||
|
||||
<div class="link">
|
||||
<a href="../../index.html">Home</a>
|
||||
<i class="fa-solid fa-angles-right"></i>
|
||||
<span class="page">Contact</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ==================== Page-Title (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Contact Area (Start) ==================== -->
|
||||
<section class="contact" id="contact">
|
||||
|
||||
<!-- ========== Contact Info (Start) ========== -->
|
||||
<div class="contact-info">
|
||||
|
||||
<!-- Address Info -->
|
||||
<div class="info-item">
|
||||
<i class="fa-solid fa-map-location-dot"></i>
|
||||
<div class="content">
|
||||
<h3>address</h3>
|
||||
<p>1N160 Cypress Ln, Winfield, IL 60190</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Phone Info -->
|
||||
<div class="info-item">
|
||||
<i class="fas fa-phone"></i>
|
||||
<div class="content">
|
||||
<h3>call us</h3>
|
||||
<p>(630) 330-0486</p>
|
||||
<p>+111-222-333</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Email Info -->
|
||||
<div class="info-item">
|
||||
<i class="fas fa-envelope"></i>
|
||||
<div class="content">
|
||||
<h3>mail us</h3>
|
||||
<p class="gmail">goldensunlandscaping@yahoo.com</p>
|
||||
<p class="gmail">xyz@gmail.com</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Email Info -->
|
||||
<div class="info-item">
|
||||
<i class="fa-solid fa-clock"></i>
|
||||
<div class="content">
|
||||
<h3>Opening Hours</h3>
|
||||
<p>Mon - Fri: 7 AM - 7 PM</p>
|
||||
<p>Sat - Sun: 8 AM - 6 PM</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ========== Contact Info (End) ========== -->
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- ========== Contact Form (Start) ========== -->
|
||||
<form method="post" class="dark-form" id="contact-form">
|
||||
|
||||
<!-- Form Heading -->
|
||||
<div class="heading">
|
||||
<div class="sub"><span>Contact Us for Assistance</span><i class="fa-brands fa-pagelines"></i></div> <!-- Sub Heading -->
|
||||
<h2>Send Us a Message</h2>
|
||||
</div>
|
||||
|
||||
<!-- Name Input Field -->
|
||||
<div class="input-box">
|
||||
<div class="input-field">
|
||||
<label for="name" class="fas fa-user"></label>
|
||||
<input type="text" name="name" class="box" id="name" placeholder="Name" required>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Email Input Field -->
|
||||
<div class="input-box">
|
||||
<div class="input-field">
|
||||
<label for="email" class="fa-solid fa-envelope"></label>
|
||||
<input type="email" name="email" class="box" id="email" placeholder="Email" required>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Phone Number Input Field -->
|
||||
<div class="input-box">
|
||||
<div class="input-field">
|
||||
<label for="number" class="fas fa-phone"></label>
|
||||
<input type="number" name="number" class="box" id="number" placeholder="Phone Number" required>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Comment/Message Textarea -->
|
||||
<div class="input-box">
|
||||
<div class="input-field text-area">
|
||||
<label for="comment" class="fas fa-comment"></label>
|
||||
<textarea cols="30" rows="10" name="comment" class="box" id="comment" placeholder="Message" required></textarea>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Submit Button -->
|
||||
<button type="submit" class="btn" name="submit" id="submit">Submit</button>
|
||||
|
||||
<!-- Alert Message -->
|
||||
<span class="alert" id="msg"></span>
|
||||
|
||||
</form>
|
||||
<!-- ========== Contact Form (End) ========== -->
|
||||
|
||||
<!-- ========== Google Map (Start) ========== -->
|
||||
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d924234.6303368191!2d66.59494515823903!3d25.193389461148573!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3eb33e06651d4bbf%3A0x9cf92f44555a0c23!2sKarachi%2C%20Karachi%20City%2C%20Sindh%2C%20Pakistan!5e0!3m2!1sen!2s!4v1645287442276!5m2!1sen!2s" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
|
||||
<!-- ========== Google Map (End) ========== -->
|
||||
|
||||
</div>
|
||||
|
||||
</section>
|
||||
<!-- ==================== Contact Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Footer Area (Start) ==================== -->
|
||||
<footer class="footer">
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Landscaping & Tree Service Company Information & Social Media Links -->
|
||||
<div class="footer-item">
|
||||
|
||||
<!-- Landscaping & Tree Service Company Logo -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>Golden Sun Landscaping</h3>
|
||||
<p>Landscaping & Tree Service</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<!-- Description -->
|
||||
<p>Transforming outdoor spaces with premium landscapeing and landscaping solutions.</p>
|
||||
|
||||
<!-- Contact Information -->
|
||||
<div class="info connect">
|
||||
<p><i class="fas fa-phone"></i><span>(630) 330-0486</span></p>
|
||||
<p><i class="fas fa-envelope"></i><span class="gmail">goldensunlandscaping@yahoo.com</span></p>
|
||||
<p><i class="fas fa-map-marker-alt"></i><span>1N160 Cypress Ln, Winfield, IL 60190</span></p>
|
||||
</div>
|
||||
|
||||
<!-- Social Media Links -->
|
||||
<div class="social">
|
||||
<a href="#"><i class="fab fa-facebook-f"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-x-twitter"></i></a>
|
||||
<a href="#"><i class="fab fa-instagram"></i></a>
|
||||
<a href="#"><i class="fab fa-linkedin"></i></a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Landscaping & Tree Service Services Offered -->
|
||||
<div class="footer-item">
|
||||
<h2>Our Services</h2>
|
||||
<div class="info links">
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Lawn Care</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Landscape Design</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Tree Planting</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Hardscaping Solution</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">water ponds</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Outdoor Décor</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Quick Links -->
|
||||
<div class="footer-item">
|
||||
<h2>Quick Links</h2>
|
||||
<div class="info links">
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/About/About.html">About Us</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Services.html">Services</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Project/Projects.html">Projects</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Blog/Blog-Grid.html">Blog</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Shop/Shop-Grid.html">Shop</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Contact/Contact.html">Contact Us</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Newsletter Subscription -->
|
||||
<div class="footer-item">
|
||||
|
||||
<h2>Newsletter</h2>
|
||||
<p>Stay informed and up-to-date with the latest trends, helpful tips, and exclusive special offers.</p>
|
||||
<form class="dark-form" method="post" id="newsletter-form-2">
|
||||
<div class="input-field">
|
||||
<label for="news-email-2" class="fas fa-envelope"></label>
|
||||
<input type="email" id="news-email-2" name="email" class="box" placeholder="Your email address" required>
|
||||
</div>
|
||||
<button type="submit" class="btn" name="submit" id="submit-2">Subscribe</button>
|
||||
<span class="alert" id="msg-2"></span>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Landscaping & Tree Service Company's Name and Copyright -->
|
||||
<div class="content">
|
||||
<p>Designed By <span>NorthStar_Themes</span> | All Rights Reserved</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
<!-- ==================== Footer Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- Jquery -->
|
||||
<script src="../../assets/vendors/jquery/jquery.min.js"></script>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Custom Script ==================== -->
|
||||
|
||||
<!-- Contact-Form Script -->
|
||||
<script>
|
||||
jQuery(document).ready(function($) {
|
||||
$('#contact-form').on('submit', function (e) {
|
||||
e.preventDefault(); // Prevent the default form submission
|
||||
|
||||
var form = $(this);
|
||||
var msgElement = form.find('#msg');
|
||||
var submitBtn = form.find('#submit');
|
||||
|
||||
// Clear previous message and update button text
|
||||
msgElement.html('').show();
|
||||
submitBtn.html('Processing...').attr('disabled', true);
|
||||
|
||||
// Submit form data using AJAX
|
||||
$.ajax({
|
||||
url: '../../assets/php/submit.php',
|
||||
type: 'post',
|
||||
data: form.serialize(),
|
||||
success: function (result) {
|
||||
msgElement.html(result).fadeIn(); // Display success message
|
||||
submitBtn.html('Submit').attr('disabled', false); // Reset button text and enable button
|
||||
form[0].reset(); // Reset form fields
|
||||
|
||||
// Clear success message after 5 seconds
|
||||
setTimeout(function () {
|
||||
msgElement.fadeOut('slow'); // Fade out message
|
||||
}, 4000); // 4 seconds delay
|
||||
},
|
||||
error: function () {
|
||||
msgElement.html('<span style="color: red;">Error occurred. Please try again later.</span>').fadeIn(); // Display error message if AJAX request fails
|
||||
submitBtn.html('Submit').attr('disabled', false); // Reset button text and enable button
|
||||
}
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
<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>
|
||||
@@ -0,0 +1,449 @@
|
||||
<!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>LeafLine | Gardening and Landscaping Website</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">
|
||||
|
||||
<!-- Custom Stylesheets -->
|
||||
<link rel="stylesheet" href="../../assets/css/main.css">
|
||||
<link rel="stylesheet" href="../../assets/css/responsive.css">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- ==================== 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>LeafLine Company</span></li>
|
||||
<li><i class="fa-solid fa-phone"></i><span>+123-456-7890</span></li>
|
||||
<li><i class="fa-solid fa-envelope"></i><span class="gmail">info@leafline.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>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</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>Awards</h2>
|
||||
</div>
|
||||
|
||||
<div class="link">
|
||||
<a href="../../index.html">Home</a>
|
||||
<i class="fa-solid fa-angles-right"></i>
|
||||
<span class="page">Awards</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ==================== Page-Title (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Awards Area (Start) ==================== -->
|
||||
<section class="awards">
|
||||
|
||||
<!-- 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>Garden 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 gardening 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 gardens 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) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Footer Area (Start) ==================== -->
|
||||
<footer class="footer">
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Gardening and Landscaping Company Information & Social Media Links -->
|
||||
<div class="footer-item">
|
||||
|
||||
<!-- Gardening and Landscaping Company Logo -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<!-- Description -->
|
||||
<p>Transforming outdoor spaces with premium gardening and landscaping solutions.</p>
|
||||
|
||||
<!-- Contact Information -->
|
||||
<div class="info connect">
|
||||
<p><i class="fas fa-phone"></i><span>+123-456-7890</span></p>
|
||||
<p><i class="fas fa-envelope"></i><span class="gmail">info@leafline.com</span></p>
|
||||
<p><i class="fas fa-map-marker-alt"></i><span>LeafLine Company</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>
|
||||
|
||||
<!-- Gardening and Landscaping 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">Garden 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>
|
||||
|
||||
<!-- Gardening and Landscaping 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,549 @@
|
||||
<!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>LeafLine | Gardening and Landscaping Website</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">
|
||||
|
||||
<!-- Custom Stylesheets -->
|
||||
<link rel="stylesheet" href="../../assets/css/main.css">
|
||||
<link rel="stylesheet" href="../../assets/css/responsive.css">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- ==================== 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>LeafLine Company</span></li>
|
||||
<li><i class="fa-solid fa-phone"></i><span>+123-456-7890</span></li>
|
||||
<li><i class="fa-solid fa-envelope"></i><span class="gmail">info@leafline.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>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</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>Career Form</h2>
|
||||
</div>
|
||||
|
||||
<div class="link">
|
||||
<a href="../../index.html">Home</a>
|
||||
<i class="fa-solid fa-angles-right"></i>
|
||||
<span class="page">Career Form</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ==================== Page-Title (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Career Area (Start) ==================== -->
|
||||
<section class="custom-form career-form linear-bg">
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<div class="content">
|
||||
|
||||
<form class="dark-form" id="career-form" method="post">
|
||||
|
||||
<!-- Form Heading -->
|
||||
<div class="heading">
|
||||
<div class="sub"><span>Join Our Crew</span><i class="fa-solid fa-hard-hat"></i></div> <!-- Sub Heading -->
|
||||
<h2>Career Application</h2>
|
||||
</div>
|
||||
|
||||
<div class="input-box">
|
||||
|
||||
<!-- Name Input Field -->
|
||||
<div class="input-field">
|
||||
<label for="name" class="fas fa-user"></label>
|
||||
<input type="text" name="name" class="box" id="name" placeholder="Your Name" required>
|
||||
</div>
|
||||
|
||||
<!-- Email Input Field -->
|
||||
<div class="input-field">
|
||||
<label for="email" class="fa-solid fa-envelope"></label>
|
||||
<input type="email" name="email" class="box" id="email" placeholder="Your Email" required>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="input-box">
|
||||
|
||||
<!-- Phone Number Input Field -->
|
||||
<div class="input-field">
|
||||
<label for="number" class="fas fa-phone"></label>
|
||||
<input type="number" name="number" class="box" id="number" placeholder="Your Phone Number" required>
|
||||
</div>
|
||||
|
||||
<!-- Position Applied For Select Field -->
|
||||
<div class="select">
|
||||
<div class="select-container">
|
||||
<label for="position" class="fas fa-briefcase"></label>
|
||||
<select class="select-box" id="position" name="position" required>
|
||||
<option value="">Select Position</option>
|
||||
<option value="landscaper">Landscaper</option>
|
||||
<option value="horticulturist">Horticulturist</option>
|
||||
<option value="gardener">Gardener</option>
|
||||
<option value="landscape-designer">Landscape Designer</option>
|
||||
<option value="Other">Other</option>
|
||||
</select>
|
||||
<div class="icon-container">
|
||||
<i class="fas fa-angle-down"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="input-box">
|
||||
|
||||
<!-- Location Input Field -->
|
||||
<div class="input-field">
|
||||
<label for="location" class="fas fa-map-marker-alt"></label>
|
||||
<input type="text" name="location" class="box" id="location" placeholder="Your Location" required>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="input-box">
|
||||
|
||||
<!-- Education Input Field -->
|
||||
<div class="input-field">
|
||||
<label for="education" class="fas fa-graduation-cap"></label>
|
||||
<input type="text" name="education" class="box" id="education" placeholder="Highest Qualification" required>
|
||||
</div>
|
||||
|
||||
<!-- Years of Experience Input Field -->
|
||||
<div class="input-field">
|
||||
<label for="experience" class="fas fa-briefcase"></label>
|
||||
<input type="number" name="experience" class="box" id="experience" placeholder="Years of Experience" required>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Message Text Area -->
|
||||
<div class="input-field text-area">
|
||||
<label for="message" class="fas fa-comment"></label>
|
||||
<textarea cols="30" rows="10" name="message" class="box" id="message" placeholder="Why do you want to work with us? Additional Comments" required></textarea>
|
||||
</div>
|
||||
|
||||
<!-- Submit Button for Career Application -->
|
||||
<button type="submit" class="btn" name="submit" id="submit">Submit</button>
|
||||
<span class="alert" id="msg"></span>
|
||||
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</section>
|
||||
<!-- ==================== Career Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Footer Area (Start) ==================== -->
|
||||
<footer class="footer">
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Gardening and Landscaping Company Information & Social Media Links -->
|
||||
<div class="footer-item">
|
||||
|
||||
<!-- Gardening and Landscaping Company Logo -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<!-- Description -->
|
||||
<p>Transforming outdoor spaces with premium gardening and landscaping solutions.</p>
|
||||
|
||||
<!-- Contact Information -->
|
||||
<div class="info connect">
|
||||
<p><i class="fas fa-phone"></i><span>+123-456-7890</span></p>
|
||||
<p><i class="fas fa-envelope"></i><span class="gmail">info@leafline.com</span></p>
|
||||
<p><i class="fas fa-map-marker-alt"></i><span>LeafLine Company</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>
|
||||
|
||||
<!-- Gardening and Landscaping 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">Garden 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>
|
||||
|
||||
<!-- Gardening and Landscaping 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>
|
||||
|
||||
<!-- 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 for handling the career form functionality -->
|
||||
<script>
|
||||
jQuery(document).ready(function($) {
|
||||
|
||||
$('#career-form').on('submit', function (e) {
|
||||
|
||||
e.preventDefault(); // Prevent the default form submission
|
||||
|
||||
var form = $(this);
|
||||
var msgElement = form.find('#msg');
|
||||
var submitBtn = form.find('#submit');
|
||||
|
||||
// Clear previous message and update button text
|
||||
msgElement.html('').show();
|
||||
submitBtn.html('Processing...').attr('disabled', true);
|
||||
|
||||
// Submit form data using AJAX
|
||||
$.ajax({
|
||||
url: '../../assets/php/career-form.php',
|
||||
type: 'post',
|
||||
data: form.serialize(),
|
||||
success: function (result) {
|
||||
msgElement.html(result).fadeIn(); // Display success message
|
||||
submitBtn.html('Submit').attr('disabled', false); // Reset button text and enable button
|
||||
form[0].reset(); // Reset form fields
|
||||
|
||||
// Clear success message after 5 seconds
|
||||
setTimeout(function () {
|
||||
msgElement.fadeOut('slow'); // Fade out message
|
||||
}, 4000); // 4 seconds delay
|
||||
},
|
||||
error: function () {
|
||||
msgElement.html('<span style="color: red;">Error occurred. Please try again later.</span>').fadeIn(); // Display error message if AJAX request fails
|
||||
submitBtn.html('Submit').attr('disabled', false); // Reset button text and enable button
|
||||
}
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,558 @@
|
||||
<!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>LeafLine | Gardening and Landscaping Website</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">
|
||||
|
||||
<!-- Custom Stylesheets -->
|
||||
<link rel="stylesheet" href="../../assets/css/main.css">
|
||||
<link rel="stylesheet" href="../../assets/css/responsive.css">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- ==================== 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>LeafLine Company</span></li>
|
||||
<li><i class="fa-solid fa-phone"></i><span>+123-456-7890</span></li>
|
||||
<li><i class="fa-solid fa-envelope"></i><span class="gmail">info@leafline.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>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</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>Career Single</h2>
|
||||
</div>
|
||||
|
||||
<div class="link">
|
||||
<a href="../../index.html">Home</a>
|
||||
<i class="fa-solid fa-angles-right"></i>
|
||||
<span class="page">Career Single</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ==================== Page-Title (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Position Single Area (Start) ==================== -->
|
||||
<section class="position-single page-single">
|
||||
|
||||
<!-- ========== Position Info Area (Start) ========== -->
|
||||
<div class="position-info page-info">
|
||||
|
||||
<!-- Position Image -->
|
||||
<div class="image">
|
||||
<img src="../../assets/images/Career/Positions/Position-1.jpg" alt="Career Position">
|
||||
</div>
|
||||
|
||||
<div class="content">
|
||||
|
||||
<!-- Main Heading -->
|
||||
<h3 class="main-heading">Landscaper</h3>
|
||||
|
||||
<!-- Role Overview -->
|
||||
<div class="sub-section">
|
||||
<h3 class="sub-heading">Job Overview:</h3>
|
||||
<p>We are seeking a talented and dedicated Landscaper to join our LeafLine team. As a Landscaper, you will design, build, and maintain beautiful outdoor spaces that enhance both functionality and aesthetics. This role requires creativity, attention to detail, and hands-on experience with landscaping tools and techniques.</p>
|
||||
</div>
|
||||
|
||||
<!-- Key Responsibilities -->
|
||||
<div class="sub-section">
|
||||
<h3 class="sub-heading">Job Responsibilities:</h3>
|
||||
<p>As a Landscaper, your key duties will include:</p>
|
||||
<ul>
|
||||
<li><i class="fa-solid fa-circle-notch"></i> Designing and implementing layouts for residential properties.</li>
|
||||
<li><i class="fa-solid fa-circle-notch"></i> Installing plants, trees, shrubs, and hardscape features.</li>
|
||||
<li><i class="fa-solid fa-circle-notch"></i> Maintaining and improving existing landscapes through pruning.</li>
|
||||
<li><i class="fa-solid fa-circle-notch"></i> Operating and maintaining landscaping equipment safely.</li>
|
||||
<li><i class="fa-solid fa-circle-notch"></i> Collaborating with designers to ensure project satisfaction.</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- Qualifications & Skills -->
|
||||
<div class="sub-section">
|
||||
<h3 class="sub-heading">Qualifications & Skills:</h3>
|
||||
<p>To excel in this position, candidates should have:</p>
|
||||
<ul>
|
||||
<li><i class="fa-solid fa-circle-notch"></i> Proven experience in landscaping, horticulture, or outdoor design.</li>
|
||||
<li><i class="fa-solid fa-circle-notch"></i> Strong knowledge of plants, soil types, irrigation, and hardscaping methods.</li>
|
||||
<li><i class="fa-solid fa-circle-notch"></i> Ability to interpret design plans landscaping projects accurately.</li>
|
||||
<li><i class="fa-solid fa-circle-notch"></i> Excellent teamwork and communication skills.</li>
|
||||
<li><i class="fa-solid fa-circle-notch"></i> Physical stamina to work outdoors in various weather conditions.</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ========== Position Info Area (End) ========== -->
|
||||
|
||||
<!-- ========== Position Sidebar (Start) ========== -->
|
||||
<div class="position-sidebar page-sidebar">
|
||||
|
||||
<!-- Position Information Heading -->
|
||||
<h3 class="sub-heading">Position Information</h3>
|
||||
|
||||
<div class="container">
|
||||
|
||||
<!-- Location -->
|
||||
<div class="detail-item">
|
||||
<i class="fas fa-map-marker-alt"></i>
|
||||
<div class="detail-content">
|
||||
<h3>Location</h3>
|
||||
<p>LeafLine, Bloomtown</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Time Commitment -->
|
||||
<div class="detail-item">
|
||||
<i class="fas fa-clock"></i>
|
||||
<div class="detail-content">
|
||||
<h3>Time Commitment</h3>
|
||||
<p>Full Time</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Working Hours -->
|
||||
<div class="detail-item">
|
||||
<i class="fas fa-clock"></i>
|
||||
<div class="detail-content">
|
||||
<h3>Working Hours</h3>
|
||||
<p>8:00 AM – 5:00 PM</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Experience -->
|
||||
<div class="detail-item">
|
||||
<i class="fa-solid fa-briefcase"></i>
|
||||
<div class="detail-content">
|
||||
<h3>Experience</h3>
|
||||
<p>Minimum 2 Years in Landscaping or Horticulture</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Number of Positions -->
|
||||
<div class="detail-item">
|
||||
<i class="fas fa-users"></i>
|
||||
<div class="detail-content">
|
||||
<h3>Number of Positions</h3>
|
||||
<p>3 Open Positions</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Working Days -->
|
||||
<div class="detail-item">
|
||||
<i class="fas fa-calendar-alt"></i>
|
||||
<div class="detail-content">
|
||||
<h3>Working Days</h3>
|
||||
<p>Monday to Saturday</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Salary -->
|
||||
<div class="detail-item">
|
||||
<i class="fa-solid fa-money-bill"></i>
|
||||
<div class="detail-content">
|
||||
<h3>Salary</h3>
|
||||
<p>$45K - $60K</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Application Deadline -->
|
||||
<div class="detail-item">
|
||||
<i class="fas fa-calendar-days"></i>
|
||||
<div class="detail-content">
|
||||
<h3>Application Deadline</h3>
|
||||
<p>Apply by Nov 30, 2025</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Contact -->
|
||||
<div class="detail-item">
|
||||
<i class="fas fa-phone-alt"></i>
|
||||
<div class="detail-content">
|
||||
<h3>Contact</h3>
|
||||
<p>(123) 456-7890 | careers@leafline.com</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Career Now Button -->
|
||||
<a href="./Career-Form.html" class="btn">Apply Now</a>
|
||||
|
||||
</div>
|
||||
<!-- ========== Position Sidebar (End) ========== -->
|
||||
|
||||
</section>
|
||||
<!-- ==================== Position Single (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Footer Area (Start) ==================== -->
|
||||
<footer class="footer">
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Gardening and Landscaping Company Information & Social Media Links -->
|
||||
<div class="footer-item">
|
||||
|
||||
<!-- Gardening and Landscaping Company Logo -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<!-- Description -->
|
||||
<p>Transforming outdoor spaces with premium gardening and landscaping solutions.</p>
|
||||
|
||||
<!-- Contact Information -->
|
||||
<div class="info connect">
|
||||
<p><i class="fas fa-phone"></i><span>+123-456-7890</span></p>
|
||||
<p><i class="fas fa-envelope"></i><span class="gmail">info@leafline.com</span></p>
|
||||
<p><i class="fas fa-map-marker-alt"></i><span>LeafLine Company</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>
|
||||
|
||||
<!-- Gardening and Landscaping 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">Garden 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>
|
||||
|
||||
<!-- Gardening and Landscaping 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,579 @@
|
||||
<!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>LeafLine | Gardening and Landscaping Website</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">
|
||||
|
||||
<!-- Custom Stylesheets -->
|
||||
<link rel="stylesheet" href="../../assets/css/main.css">
|
||||
<link rel="stylesheet" href="../../assets/css/responsive.css">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- ==================== 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>LeafLine Company</span></li>
|
||||
<li><i class="fa-solid fa-phone"></i><span>+123-456-7890</span></li>
|
||||
<li><i class="fa-solid fa-envelope"></i><span class="gmail">info@leafline.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>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</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>Careers</h2>
|
||||
</div>
|
||||
|
||||
<div class="link">
|
||||
<a href="../../index.html">Home</a>
|
||||
<i class="fa-solid fa-angles-right"></i>
|
||||
<span class="page">Careers</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ==================== Page-Title (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Career Area (Start) ==================== -->
|
||||
<section class="career">
|
||||
|
||||
<!-- ========== Career Page Introduction (Start) ========== -->
|
||||
<section class="career-intro">
|
||||
|
||||
<!-- Introduction Content -->
|
||||
<div class="content">
|
||||
|
||||
<div class="heading">
|
||||
<div class="sub"><span>Join Our Team</span><i class="fas fa-leaf"></i></div> <!-- Sub Heading -->
|
||||
<h2>Join Our Landscaping Team</h2> <!-- Main Heading -->
|
||||
</div>
|
||||
|
||||
<!-- Description -->
|
||||
<p>At LeafLine, we believe in cultivating both nature and talent. We're looking for passionate, creative, and hardworking individuals to join our growing team of gardening and landscaping experts. Whether you’re skilled in design, plant care, or outdoor maintenance, LeafLine offers a rewarding environment where your work truly blossoms.</p>
|
||||
|
||||
<!-- Key Features -->
|
||||
<ul class="career-features">
|
||||
<li><i class="fas fa-briefcase"></i><span>Exciting Roles in Gardening</span></li> <!-- Feature 1 -->
|
||||
<li><i class="fas fa-briefcase"></i><span>Experience with Expert Designers</span></li> <!-- Feature 2 -->
|
||||
<li><i class="fas fa-briefcase"></i><span>ComprehensiveTraining Programs</span></li> <!-- Feature 3 -->
|
||||
<li><i class="fas fa-briefcase"></i><span>Opportunities for Career Growth</span></li> <!-- Feature 4 -->
|
||||
<li><i class="fas fa-briefcase"></i><span>Commitment to Sustainable Practices</span></li> <!-- Feature 5 -->
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Career Image -->
|
||||
<div class="image">
|
||||
<img src="../../assets/images/Career/Intro/Intro.jpg" alt="Career-Image">
|
||||
</div>
|
||||
|
||||
</section>
|
||||
<!-- ========== Career Page Introduction (End) ========== -->
|
||||
|
||||
<!-- ========== Career Benefits for Employees (Start) ========== -->
|
||||
<div class="career-benefits">
|
||||
|
||||
<!-- Career Growth -->
|
||||
<div class="benefit-item">
|
||||
<i class="fas fa-seedling"></i> <!-- Growth Icon -->
|
||||
<h3>Career Growth</h3> <!-- Benefit Title -->
|
||||
<p>Grow your career with LeafLine through diverse opportunities in garden design, landscaping, and sustainable outdoor solutions.</p>
|
||||
</div>
|
||||
|
||||
<!-- Training Opportunities -->
|
||||
<div class="benefit-item">
|
||||
<i class="fas fa-graduation-cap"></i> <!-- Graduation Cap Icon -->
|
||||
<h3>Training Programs</h3> <!-- Benefit Title -->
|
||||
<p>Enhance your skills with expert-led horticulture & landscaping training programs designed to help you thrive professionally.</p>
|
||||
</div>
|
||||
|
||||
<!-- Competitive Salary -->
|
||||
<div class="benefit-item">
|
||||
<i class="fas fa-money-bill-alt"></i> <!-- Money Icon -->
|
||||
<h3>Competitive Pay</h3> <!-- Benefit Title -->
|
||||
<p>Receive attractive compensation packages with performance rewards and benefits that value your hard work and creativity.</p>
|
||||
</div>
|
||||
|
||||
<!-- Flexible Schedule -->
|
||||
<div class="benefit-item">
|
||||
<i class="fas fa-clock"></i> <!-- Clock Icon -->
|
||||
<h3>Flexible Hours</h3> <!-- Benefit Title -->
|
||||
<p>Enjoy flexible working hours that support a healthy work balance, allowing you to stay inspired both at work and home.</p>
|
||||
</div>
|
||||
|
||||
<!-- Team Collaboration -->
|
||||
<div class="benefit-item">
|
||||
<i class="fas fa-users"></i> <!-- Users Icon -->
|
||||
<h3>Team Collaboration</h3> <!-- Benefit Title -->
|
||||
<p>Be part of a friendly, supportive team that values creativity, cooperation, and a shared passion for nature and green spaces.</p>
|
||||
</div>
|
||||
|
||||
<!-- Growth Opportunities -->
|
||||
<div class="benefit-item">
|
||||
<i class="fas fa-arrow-up"></i> <!-- Arrow Icon -->
|
||||
<h3>Personal Development</h3> <!-- Benefit Title -->
|
||||
<p>Discover endless opportunities to expand your knowledge, enhance your skills, and advance your career within LeafLine’s growing network.</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ========== Career Benefits for Employees (End) ========== -->
|
||||
|
||||
<!-- ========== Career Positions (Start) ========== -->
|
||||
<div class="career-positions">
|
||||
|
||||
<!-- Section Heading -->
|
||||
<div class="heading">
|
||||
<div class="sub"><i class="fas fa-leaf"></i><span>Career Opportunities</span><i class="fas fa-leaf"></i></div>
|
||||
<h2>Open Positions</h2>
|
||||
</div>
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Position 1: Landscaper -->
|
||||
<div class="position-item">
|
||||
<div class="label"><span>full<br>time</span></div>
|
||||
<a href="../../pages/Pages/Career-Single.html"><h3>Landscaper</h3></a>
|
||||
<div class="details">
|
||||
<h5><i class="fas fa-map-marker-alt"></i><span>LeafLine, Bloomtown</span></h5>
|
||||
<h5><i class="fas fa-money-bill"></i><span>$45K - $60K</span></h5>
|
||||
<h5><i class="fas fa-briefcase"></i><span>Outdoor Projects</span></h5>
|
||||
</div>
|
||||
<a href="#" class="btn">Apply Now</a>
|
||||
</div>
|
||||
|
||||
<!-- Position 2: Horticulturist -->
|
||||
<div class="position-item">
|
||||
<div class="label"><span>full<br>time</span></div>
|
||||
<a href="../../pages/Pages/Career-Single.html"><h3>Horticulturist</h3></a>
|
||||
<div class="details">
|
||||
<h5><i class="fas fa-map-marker-alt"></i><span>LeafLine, Greenfield City</span></h5>
|
||||
<h5><i class="fas fa-money-bill"></i><span>$55K - $70K</span></h5>
|
||||
<h5><i class="fas fa-briefcase"></i><span>Research & Development</span></h5>
|
||||
</div>
|
||||
<a href="#" class="btn">Apply Now</a>
|
||||
</div>
|
||||
|
||||
<!-- Position 3: Gardener -->
|
||||
<div class="position-item">
|
||||
<div class="label"><span>full<br>time</span></div>
|
||||
<a href="../../pages/Pages/Career-Single.html"><h3>Gardener</h3></a>
|
||||
<div class="details">
|
||||
<h5><i class="fas fa-map-marker-alt"></i><span>LeafLine, Greenfield City</span></h5>
|
||||
<h5><i class="fas fa-money-bill"></i><span>$40K - $55K</span></h5>
|
||||
<h5><i class="fas fa-briefcase"></i><span>On-site Position</span></h5>
|
||||
</div>
|
||||
<a href="#" class="btn">Apply Now</a>
|
||||
</div>
|
||||
|
||||
<!-- Position 4: Landscape Designer -->
|
||||
<div class="position-item">
|
||||
<div class="label"><span>full<br>time</span></div>
|
||||
<a href="../../pages/Pages/Career-Single.html"><h3>Landscape Designer</h3></a>
|
||||
<div class="details">
|
||||
<h5><i class="fas fa-map-marker-alt"></i><span>LeafLine, Rose Valley</span></h5>
|
||||
<h5><i class="fas fa-money-bill"></i><span>$60K - $75K</span></h5>
|
||||
<h5><i class="fas fa-briefcase"></i><span>Hybrid (Office + Field)</span></h5>
|
||||
</div>
|
||||
<a href="#" class="btn">Apply Now</a>
|
||||
</div>
|
||||
|
||||
<!-- Position 5: Garden Technician -->
|
||||
<div class="position-item">
|
||||
<div class="label"><span>part<br>time</span></div>
|
||||
<a href="../../pages/Pages/Career-Single.html"><h3>Garden Technician</h3></a>
|
||||
<div class="details">
|
||||
<h5><i class="fas fa-map-marker-alt"></i><span>LeafLine, Meadow Park</span></h5>
|
||||
<h5><i class="fas fa-money-bill"></i><span>$25K - $35K</span></h5>
|
||||
<h5><i class="fas fa-briefcase"></i><span>Maintenance Department</span></h5>
|
||||
</div>
|
||||
<a href="#" class="btn">Apply Now</a>
|
||||
</div>
|
||||
|
||||
<!-- Position 6: Landscape Architect -->
|
||||
<div class="position-item">
|
||||
<div class="label"><span>full<br>time</span></div>
|
||||
<a href="../../pages/Pages/Career-Single.html"><h3>Landscape Architect</h3></a>
|
||||
<div class="details">
|
||||
<h5><i class="fas fa-map-marker-alt"></i><span>LeafLine, Greenfield City</span></h5>
|
||||
<h5><i class="fas fa-money-bill"></i><span>$70K - $90K</span></h5>
|
||||
<h5><i class="fas fa-briefcase"></i><span>Creative Design Studio</span></h5>
|
||||
</div>
|
||||
<a href="#" class="btn">Apply Now</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ========== Career Positions (End) ========== -->
|
||||
|
||||
</section>
|
||||
<!-- ==================== Career Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Footer Area (Start) ==================== -->
|
||||
<footer class="footer">
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Gardening and Landscaping Company Information & Social Media Links -->
|
||||
<div class="footer-item">
|
||||
|
||||
<!-- Gardening and Landscaping Company Logo -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<!-- Description -->
|
||||
<p>Transforming outdoor spaces with premium gardening and landscaping solutions.</p>
|
||||
|
||||
<!-- Contact Information -->
|
||||
<div class="info connect">
|
||||
<p><i class="fas fa-phone"></i><span>+123-456-7890</span></p>
|
||||
<p><i class="fas fa-envelope"></i><span class="gmail">info@leafline.com</span></p>
|
||||
<p><i class="fas fa-map-marker-alt"></i><span>LeafLine Company</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>
|
||||
|
||||
<!-- Gardening and Landscaping 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">Garden 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>
|
||||
|
||||
<!-- Gardening and Landscaping 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,430 @@
|
||||
<!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>LeafLine | Gardening and Landscaping Website</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">
|
||||
|
||||
<!-- Custom Stylesheets -->
|
||||
<link rel="stylesheet" href="../../assets/css/main.css">
|
||||
<link rel="stylesheet" href="../../assets/css/responsive.css">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- ==================== 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>LeafLine Company</span></li>
|
||||
<li><i class="fa-solid fa-phone"></i><span>+123-456-7890</span></li>
|
||||
<li><i class="fa-solid fa-envelope"></i><span class="gmail">info@leafline.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>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</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>Clients</h2>
|
||||
</div>
|
||||
|
||||
<div class="link">
|
||||
<a href="../../index.html">Home</a>
|
||||
<i class="fa-solid fa-angles-right"></i>
|
||||
<span class="page">Clients</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ==================== Page-Title (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Clients Area (Start) ==================== -->
|
||||
<section class="clients">
|
||||
|
||||
<!-- Section Heading -->
|
||||
<div class="heading">
|
||||
<div class="sub"><i class="fa-brands fa-pagelines"></i><span>Valued Client Partners</span><i class="fa-brands fa-pagelines"></i></div>
|
||||
<h2>Our Clients</h2>
|
||||
</div>
|
||||
|
||||
<!-- Clients Logo -->
|
||||
<div class="box-container">
|
||||
|
||||
<div class="client-item"><a href="#"><img src="../../assets/images/Clients/Client-1.png" alt="Client-Logo"></a></div>
|
||||
<div class="client-item"><a href="#"><img src="../../assets/images/Clients/Client-2.png" alt="Client-Logo"></a></div>
|
||||
<div class="client-item"><a href="#"><img src="../../assets/images/Clients/Client-3.png" alt="Client-Logo"></a></div>
|
||||
<div class="client-item"><a href="#"><img src="../../assets/images/Clients/Client-4.png" alt="Client-Logo"></a></div>
|
||||
<div class="client-item"><a href="#"><img src="../../assets/images/Clients/Client-5.png" alt="Client-Logo"></a></div>
|
||||
<div class="client-item"><a href="#"><img src="../../assets/images/Clients/Client-6.png" alt="Client-Logo"></a></div>
|
||||
<div class="client-item"><a href="#"><img src="../../assets/images/Clients/Client-7.png" alt="Client-Logo"></a></div>
|
||||
<div class="client-item"><a href="#"><img src="../../assets/images/Clients/Client-8.png" alt="Client-Logo"></a></div>
|
||||
|
||||
</div>
|
||||
|
||||
</section>
|
||||
<!-- ==================== Clients Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Footer Area (Start) ==================== -->
|
||||
<footer class="footer">
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Gardening and Landscaping Company Information & Social Media Links -->
|
||||
<div class="footer-item">
|
||||
|
||||
<!-- Gardening and Landscaping Company Logo -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<!-- Description -->
|
||||
<p>Transforming outdoor spaces with premium gardening and landscaping solutions.</p>
|
||||
|
||||
<!-- Contact Information -->
|
||||
<div class="info connect">
|
||||
<p><i class="fas fa-phone"></i><span>+123-456-7890</span></p>
|
||||
<p><i class="fas fa-envelope"></i><span class="gmail">info@leafline.com</span></p>
|
||||
<p><i class="fas fa-map-marker-alt"></i><span>LeafLine Company</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>
|
||||
|
||||
<!-- Gardening and Landscaping 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">Garden 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>
|
||||
|
||||
<!-- Gardening and Landscaping 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,582 @@
|
||||
<!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>LeafLine | Gardening and Landscaping Website</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">
|
||||
|
||||
<!-- Custom Stylesheets -->
|
||||
<link rel="stylesheet" href="../../assets/css/main.css">
|
||||
<link rel="stylesheet" href="../../assets/css/responsive.css">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- ==================== 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>LeafLine Company</span></li>
|
||||
<li><i class="fa-solid fa-phone"></i><span>+123-456-7890</span></li>
|
||||
<li><i class="fa-solid fa-envelope"></i><span class="gmail">info@leafline.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>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</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>cost calculator</h2>
|
||||
</div>
|
||||
|
||||
<div class="link">
|
||||
<a href="../../index.html">Home</a>
|
||||
<i class="fa-solid fa-angles-right"></i>
|
||||
<span class="page">cost calculator</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ==================== Page-Title (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Cost Calculator Area (Start) ==================== -->
|
||||
<section class="custom-form cost-calculator linear-bg">
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<div class="content">
|
||||
|
||||
<!-- Cost Calculator Form (Start) -->
|
||||
<form method="post" class="calculator-form dark-form">
|
||||
|
||||
<!-- Form Heading -->
|
||||
<div class="heading">
|
||||
<div class="sub"><span>Estimate Your Garden Expenses</span><i class="fa-brands fa-pagelines"></i></div>
|
||||
<h2>Cost Calculator</h2>
|
||||
</div>
|
||||
|
||||
<div class="input-box">
|
||||
|
||||
<!-- Service Type Select Field -->
|
||||
<div class="select">
|
||||
<div class="select-container">
|
||||
<label for="service-type" class="fa-brands fa-pagelines"></label>
|
||||
<select class="select-box" id="service-type" name="service-type" required>
|
||||
<option value="">Service Type</option>
|
||||
<option value="lawn-maintenance">Lawn Maintenance</option>
|
||||
<option value="garden-design">Garden 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">
|
||||
|
||||
<!-- Property Type Select Field -->
|
||||
<div class="select">
|
||||
<div class="select-container">
|
||||
<label for="property-type" class="fa-solid fa-building"></label>
|
||||
<select class="select-box" id="property-type" name="property-type" required>
|
||||
<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"></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">
|
||||
|
||||
<!-- Garden Style Select Field -->
|
||||
<div class="select">
|
||||
<div class="select-container">
|
||||
<label for="garden-style" class="fa-solid fa-tree"></label>
|
||||
<select class="select-box" id="garden-style" name="garden-style" required>
|
||||
<option value="">Garden 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>
|
||||
|
||||
<!-- Number of Plants Input Field -->
|
||||
<div class="input-field">
|
||||
<label for="number-of-plants" class="fas fa-seedling"></label>
|
||||
<input type="number" name="number-of-plants" class="box" id="number-of-plants" min="0" placeholder="Number of plants" required>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="input-box">
|
||||
|
||||
<!-- Project Urgency Select Field -->
|
||||
<div class="select">
|
||||
<div class="select-container">
|
||||
<label for="project-urgency" class="fas fa-clock"></label>
|
||||
<select class="select-box" id="project-urgency" name="project-urgency" required>
|
||||
<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>
|
||||
|
||||
<!-- Soil Type Select Field -->
|
||||
<div class="select">
|
||||
<div class="select-container">
|
||||
<label for="soil-type" class="fas fa-layer-group"></label>
|
||||
<select class="select-box" id="soil-type" name="soil-type" required>
|
||||
<option value="">Soil Type</option>
|
||||
<option value="loam">Loam</option>
|
||||
<option value="sandy">Sandy</option>
|
||||
<option value="clay">Clay</option>
|
||||
<option value="silt">Silt</option>
|
||||
<option value="peat">Peat</option>
|
||||
<option value="chalk">Chalk</option>
|
||||
<option value="rocky">Rocky</option>
|
||||
</select>
|
||||
<div class="icon-container">
|
||||
<i class="fas fa-angle-down"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Extra Services Checkboxes -->
|
||||
<div class="extra-services">
|
||||
|
||||
<!-- Automated Irrigation Checkbox -->
|
||||
<div class="checkbox-label">
|
||||
<input type="checkbox" id="automated-irrigation-checkbox">
|
||||
<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">
|
||||
<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">
|
||||
<label for="outdoor-seating-checkbox">Outdoor Seating Area</label>
|
||||
<div class="checkbox-indicator"></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Total Cost Display -->
|
||||
<div class="cost-total">
|
||||
<h5>total</h5>
|
||||
<span>$0</span>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
<!-- Cost Calculator Form (End) -->
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</section>
|
||||
<!-- ==================== Cost Calculator Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Footer Area (Start) ==================== -->
|
||||
<footer class="footer">
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Gardening and Landscaping Company Information & Social Media Links -->
|
||||
<div class="footer-item">
|
||||
|
||||
<!-- Gardening and Landscaping Company Logo -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<!-- Description -->
|
||||
<p>Transforming outdoor spaces with premium gardening and landscaping solutions.</p>
|
||||
|
||||
<!-- Contact Information -->
|
||||
<div class="info connect">
|
||||
<p><i class="fas fa-phone"></i><span>+123-456-7890</span></p>
|
||||
<p><i class="fas fa-envelope"></i><span class="gmail">info@leafline.com</span></p>
|
||||
<p><i class="fas fa-map-marker-alt"></i><span>LeafLine Company</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>
|
||||
|
||||
<!-- Gardening and Landscaping 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">Garden 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>
|
||||
|
||||
<!-- Gardening and Landscaping 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>
|
||||
|
||||
<!-- 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/cost-calculator.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,611 @@
|
||||
<!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>LeafLine | Gardening and Landscaping Website</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">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- ==================== 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>LeafLine Company</span></li>
|
||||
<li><i class="fa-solid fa-phone"></i><span>+123-456-7890</span></li>
|
||||
<li><i class="fa-solid fa-envelope"></i><span class="gmail">info@leafline.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>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</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>Event Single</h2>
|
||||
</div>
|
||||
|
||||
<div class="link">
|
||||
<a href="../../index.html">Home</a>
|
||||
<i class="fa-solid fa-angles-right"></i>
|
||||
<span class="page">Event Single</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ==================== Page-Title (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Event Single (Start) ==================== -->
|
||||
<section class="event-single page-single">
|
||||
|
||||
<!-- Event Info Area -->
|
||||
<div class="event-info page-info">
|
||||
|
||||
<!-- Event Image -->
|
||||
<div class="image">
|
||||
<img src="../../assets/images/Event/Events/Event-1.jpg" alt="Gardening Workshop">
|
||||
</div>
|
||||
|
||||
<!-- Event Content -->
|
||||
<div class="content">
|
||||
|
||||
<!-- Main Heading -->
|
||||
<h3 class="main-heading">Spring Bloom Gardening Workshop</h3>
|
||||
|
||||
<!-- Event Important Note -->
|
||||
<p class="important">Join us for the Spring Bloom Gardening Workshop and celebrate the season of growth with hands-on learning and expert guidance in garden design and plant care.</p>
|
||||
|
||||
<!-- Event Description -->
|
||||
<p>Experience the beauty of spring at our exclusive Spring Bloom Gardening Workshop. This event is designed to inspire garden enthusiasts with practical tips on seasonal planting, soil preparation, floral arrangement, and sustainable gardening methods. Learn from professionals and bring your garden to life this spring.</p>
|
||||
|
||||
<!-- Event Gallery -->
|
||||
<div class="page-gallery">
|
||||
<a href="../../assets/images/Event/Event-Gallery/1.jpg">
|
||||
<img src="../../assets/images/Event/Event-Gallery/1.jpg" alt="Gardening Workshop-Gallery-Image">
|
||||
</a>
|
||||
<a href="../../assets/images/Event/Event-Gallery/2.jpg">
|
||||
<img src="../../assets/images/Event/Event-Gallery/2.jpg" alt="Gardening Workshop-Gallery-Image">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<!-- Event Agenda -->
|
||||
<div class="sub-section">
|
||||
<h3 class="sub-heading">Event Agenda:</h3>
|
||||
<p>Join us for the Spring Bloom Gardening Workshop and enjoy a day filled with learning, creativity, and nature-inspired experiences:</p>
|
||||
<ul>
|
||||
<li><i class="fa-solid fa-arrow-right"></i>Welcome Session and Introduction to Spring Gardening Essentials.</li>
|
||||
<li><i class="fa-solid fa-arrow-right"></i>Seasonal Planting Techniques and Flower Arrangement Ideas.</li>
|
||||
<li><i class="fa-solid fa-arrow-right"></i>Soil Enrichment and Organic Fertilizer Preparation.</li>
|
||||
<li><i class="fa-solid fa-arrow-right"></i>Eco-Friendly Watering and Sustainable Garden Maintenance.</li>
|
||||
<li><i class="fa-solid fa-arrow-right"></i>Live Demonstrations and Hands-On Planting Activities.</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- Event Speakers -->
|
||||
<div class="event-speakers sub-section">
|
||||
|
||||
<h3 class="sub-heading">Event Speakers:</h3>
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Speaker 1 -->
|
||||
<div class="team-item">
|
||||
<img src="../../assets/images/Event/Speaker/Speaker-1.jpg" alt="Team-Image"> <!-- Team Member Image -->
|
||||
<div class="content">
|
||||
<div class="intro">
|
||||
<a href="../../pages/About/Team-Single.html"><h3>Sophia Bloom</h3></a> <!-- Team Member Name -->
|
||||
<p>Landscape Designer</p> <!-- Team Member Designation -->
|
||||
</div>
|
||||
<div class="icon-container">
|
||||
<a href="#"><i class="fab fa-facebook-f"></i></a>
|
||||
<a href="#"><i class="fab fa-linkedin-in"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-x-twitter"></i></a>
|
||||
<a href="#"><i class="fab fa-instagram"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Speaker 2 -->
|
||||
<div class="team-item">
|
||||
<img src="../../assets/images/Event/Speaker/Speaker-2.jpg" alt="Team-Image">
|
||||
<div class="content">
|
||||
<div class="intro">
|
||||
<a href="../../pages/About/Team-Single.html"><h3>John Smith</h3></a>
|
||||
<p>Design Specialist</p>
|
||||
</div>
|
||||
<div class="icon-container">
|
||||
<a href="#"><i class="fab fa-facebook-f"></i></a>
|
||||
<a href="#"><i class="fab fa-linkedin-in"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-x-twitter"></i></a>
|
||||
<a href="#"><i class="fab fa-instagram"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Speaker 3 -->
|
||||
<div class="team-item">
|
||||
<img src="../../assets/images/Event/Speaker/Speaker-3.jpg" alt="Team-Image">
|
||||
<div class="content">
|
||||
<div class="intro">
|
||||
<a href="../../pages/About/Team-Single.html"><h3>Oliver Fields</h3></a>
|
||||
<p>Soil Expert</p>
|
||||
</div>
|
||||
<div class="icon-container">
|
||||
<a href="#"><i class="fab fa-facebook-f"></i></a>
|
||||
<a href="#"><i class="fab fa-linkedin-in"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-x-twitter"></i></a>
|
||||
<a href="#"><i class="fab fa-instagram"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Event Venue Map -->
|
||||
<div class="event-map sub-section">
|
||||
<h3 class="sub-heading">Event Venue:</h3>
|
||||
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d924234.6303368191!2d66.59494515823903!3d25.193389461148573!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3eb33e06651d4bbf%3A0x9cf92f44555a0c23!2sKarachi%2C%20Karachi%20City%2C%20Sindh%2C%20Pakistan!5e0!3m2!1sen!2s!4v1645287442276!5m2!1sen!2s" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- Event Info Area (End) -->
|
||||
|
||||
<!-- Event Single Area -->
|
||||
<div class="event-sidebar page-sidebar">
|
||||
|
||||
<h3 class="sub-heading">Event Single</h3>
|
||||
|
||||
<div class="container">
|
||||
|
||||
<!-- Event Date -->
|
||||
<div class="detail-item">
|
||||
<i class="fa-regular fa-calendar-days"></i>
|
||||
<div class="detail-content">
|
||||
<h3>Date</h3>
|
||||
<p>Sep 10, 2025</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Event Time -->
|
||||
<div class="detail-item">
|
||||
<i class="fa-solid fa-clock"></i>
|
||||
<div class="detail-content">
|
||||
<h3>Time</h3>
|
||||
<p>09:00 AM - 12:00 PM</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Event Venue -->
|
||||
<div class="detail-item">
|
||||
<i class="fa-solid fa-map"></i>
|
||||
<div class="detail-content">
|
||||
<h3>Venue</h3>
|
||||
<p>LeafLine Community Garden</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Event Organizer -->
|
||||
<div class="detail-item">
|
||||
<i class="fa-solid fa-user"></i>
|
||||
<div class="detail-content">
|
||||
<h3>Organizer</h3>
|
||||
<p>Garden Enthusiasts Association</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Event Phone Number -->
|
||||
<div class="detail-item">
|
||||
<i class="fa-solid fa-phone"></i>
|
||||
<div class="detail-content">
|
||||
<h3>Contact No</h3>
|
||||
<p>+444-555-9999</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Event Email -->
|
||||
<div class="detail-item">
|
||||
<i class="fa-solid fa-envelope"></i>
|
||||
<div class="detail-content">
|
||||
<h3>Email</h3>
|
||||
<p class="gmail">info@garden.com</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Event Entry Fee -->
|
||||
<div class="detail-item">
|
||||
<i class="fa-solid fa-dollar-sign"></i>
|
||||
<div class="detail-content">
|
||||
<h3>Entry Fee</h3>
|
||||
<p>Free Admission</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Button to Register for the Event -->
|
||||
<a href="#" class="btn">register now</a>
|
||||
|
||||
</div>
|
||||
<!-- Event Single Area (End) -->
|
||||
|
||||
</section>
|
||||
<!-- ==================== Event Single (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Footer Area (Start) ==================== -->
|
||||
<footer class="footer">
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Gardening and Landscaping Company Information & Social Media Links -->
|
||||
<div class="footer-item">
|
||||
|
||||
<!-- Gardening and Landscaping Company Logo -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<!-- Description -->
|
||||
<p>Transforming outdoor spaces with premium gardening and landscaping solutions.</p>
|
||||
|
||||
<!-- Contact Information -->
|
||||
<div class="info connect">
|
||||
<p><i class="fas fa-phone"></i><span>+123-456-7890</span></p>
|
||||
<p><i class="fas fa-envelope"></i><span class="gmail">info@leafline.com</span></p>
|
||||
<p><i class="fas fa-map-marker-alt"></i><span>LeafLine Company</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>
|
||||
|
||||
<!-- Gardening and Landscaping 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">Garden 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>
|
||||
|
||||
<!-- Gardening and Landscaping 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. -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,512 @@
|
||||
<!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>LeafLine | Gardening and Landscaping Website</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">
|
||||
|
||||
<!-- Custom Stylesheets -->
|
||||
<link rel="stylesheet" href="../../assets/css/main.css">
|
||||
<link rel="stylesheet" href="../../assets/css/responsive.css">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- ==================== 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>LeafLine Company</span></li>
|
||||
<li><i class="fa-solid fa-phone"></i><span>+123-456-7890</span></li>
|
||||
<li><i class="fa-solid fa-envelope"></i><span class="gmail">info@leafline.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>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</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>Events</h2>
|
||||
</div>
|
||||
|
||||
<div class="link">
|
||||
<a href="../../index.html">Home</a>
|
||||
<i class="fa-solid fa-angles-right"></i>
|
||||
<span class="page">Events</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ==================== Page-Title (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Events Area (Start) ==================== -->
|
||||
<section class="events">
|
||||
|
||||
<!-- Section Heading -->
|
||||
<div class="heading">
|
||||
<div class="sub"><i class="fa-brands fa-pagelines"></i><span>Gardening 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 Gardening Workshop</a> <!-- Event Title -->
|
||||
<div class="details">
|
||||
<h3><i class="fas fa-map-marker-alt"></i><span>LeafLine Community Garden</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>LeafLine 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>
|
||||
|
||||
<!-- Event 4 -->
|
||||
<div class="event-item">
|
||||
<div class="image">
|
||||
<img src="../../assets/images/Event/Events/Event-4.jpg" alt="Event-Image"> <!-- Event Image -->
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="date"><span>20<br>Oct</span></div>
|
||||
<a class="main-heading" href="../../pages/Pages/Event-Single.html">Garden Makeover Challenge</a>
|
||||
<div class="details">
|
||||
<h3><i class="fas fa-map-marker-alt"></i><span>LeafLine Landscape Hub</span></h3>
|
||||
<h3><i class="fas fa-clock"></i><span>02:00 PM - 06:00 PM</span></h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Event 5 -->
|
||||
<div class="event-item">
|
||||
<div class="image">
|
||||
<img src="../../assets/images/Event/Events/Event-5.jpg" alt="Event-Image"> <!-- Event Image -->
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="date"><span>25<br>Oct</span></div>
|
||||
<a class="main-heading" href="../../pages/Pages/Event-Single.html">Organic Gardening & Composting Workshop</a>
|
||||
<div class="details">
|
||||
<h3><i class="fas fa-map-marker-alt"></i><span>Urban Roots Garden Center</span></h3>
|
||||
<h3><i class="fas fa-clock"></i><span>10:30 AM - 01:30 PM</span></h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Event 6 -->
|
||||
<div class="event-item">
|
||||
<div class="image">
|
||||
<img src="../../assets/images/Event/Events/Event-6.jpg" alt="Event-Image"> <!-- Event Image -->
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="date"><span>29<br>Oct</span></div>
|
||||
<a class="main-heading" href="../../pages/Pages/Event-Single.html">Garden Décor & Lighting Expo</a>
|
||||
<div class="details">
|
||||
<h3><i class="fas fa-map-marker-alt"></i><span>BloomField Green Expo Hall</span></h3>
|
||||
<h3><i class="fas fa-clock"></i><span>03:00 PM - 07:00 PM</span></h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</section>
|
||||
<!-- ==================== Events Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Footer Area (Start) ==================== -->
|
||||
<footer class="footer">
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Gardening and Landscaping Company Information & Social Media Links -->
|
||||
<div class="footer-item">
|
||||
|
||||
<!-- Gardening and Landscaping Company Logo -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<!-- Description -->
|
||||
<p>Transforming outdoor spaces with premium gardening and landscaping solutions.</p>
|
||||
|
||||
<!-- Contact Information -->
|
||||
<div class="info connect">
|
||||
<p><i class="fas fa-phone"></i><span>+123-456-7890</span></p>
|
||||
<p><i class="fas fa-envelope"></i><span class="gmail">info@leafline.com</span></p>
|
||||
<p><i class="fas fa-map-marker-alt"></i><span>LeafLine Company</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>
|
||||
|
||||
<!-- Gardening and Landscaping 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">Garden 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>
|
||||
|
||||
<!-- Gardening and Landscaping 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,508 @@
|
||||
<!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>LeafLine | Gardening and Landscaping Website</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">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- ==================== 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>LeafLine Company</span></li>
|
||||
<li><i class="fa-solid fa-phone"></i><span>+123-456-7890</span></li>
|
||||
<li><i class="fa-solid fa-envelope"></i><span class="gmail">info@leafline.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>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</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>Gallery</h2>
|
||||
</div>
|
||||
|
||||
<div class="link">
|
||||
<a href="../../index.html">Home</a>
|
||||
<i class="fa-solid fa-angles-right"></i>
|
||||
<span class="page">Gallery</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ==================== Page-Title (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Gallery Area (Start) ==================== -->
|
||||
<section class="gallery">
|
||||
|
||||
<!-- Section Heading -->
|
||||
<div class="heading">
|
||||
<div class="sub"><i class="fa-brands fa-pagelines"></i><span>Explore Our Gallery</span><i class="fa-brands fa-pagelines"></i></div>
|
||||
<h2>Our Gallery</h2>
|
||||
</div>
|
||||
|
||||
<!-- Gallery Container -->
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Gallery Item 1 -->
|
||||
<div class="gallery-item gallery-1">
|
||||
<img src="../../assets/images/Gallery/Gallery-1.jpg" alt="Gallery-Image"> <!-- Gallery Image -->
|
||||
<div class="content">
|
||||
<a href="../../assets/images/Gallery/Gallery-1.jpg"><i class="fas fa-plus"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Gallery Item 2 -->
|
||||
<div class="gallery-item gallery-2">
|
||||
<img src="../../assets/images/Gallery/Gallery-2.jpg" alt="Gallery-Image"> <!-- Gallery Image -->
|
||||
<div class="content">
|
||||
<a href="../../assets/images/Gallery/Gallery-2.jpg"><i class="fas fa-plus"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Gallery Item 3 -->
|
||||
<div class="gallery-item gallery-3">
|
||||
<img src="../../assets/images/Gallery/Gallery-3.jpg" alt="Gallery-Image"> <!-- Gallery Image -->
|
||||
<div class="content">
|
||||
<a href="../../assets/images/Gallery/Gallery-3.jpg"><i class="fas fa-plus"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Gallery Item 4 -->
|
||||
<div class="gallery-item gallery-4">
|
||||
<img src="../../assets/images/Gallery/Gallery-4.jpg" alt="Gallery-Image"> <!-- Gallery Image -->
|
||||
<div class="content">
|
||||
<a href="../../assets/images/Gallery/Gallery-4.jpg"><i class="fas fa-plus"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Gallery Item 5 -->
|
||||
<div class="gallery-item gallery-5">
|
||||
<img src="../../assets/images/Gallery/Gallery-5.jpg" alt="Gallery-Image"> <!-- Gallery Image -->
|
||||
<div class="content">
|
||||
<a href="../../assets/images/Gallery/Gallery-5.jpg"><i class="fas fa-plus"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Gallery Item 6 -->
|
||||
<div class="gallery-item gallery-6">
|
||||
<img src="../../assets/images/Gallery/Gallery-6.jpg" alt="Gallery-Image"> <!-- Gallery Image -->
|
||||
<div class="content">
|
||||
<a href="../../assets/images/Gallery/Gallery-6.jpg"><i class="fas fa-plus"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Gallery Item 7 -->
|
||||
<div class="gallery-item gallery-7">
|
||||
<img src="../../assets/images/Gallery/Gallery-7.jpg" alt="Gallery-Image"> <!-- Gallery Image -->
|
||||
<div class="content">
|
||||
<a href="../../assets/images/Gallery/Gallery-7.jpg"><i class="fas fa-plus"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Gallery Item 8 -->
|
||||
<div class="gallery-item gallery-8">
|
||||
<img src="../../assets/images/Gallery/Gallery-8.jpg" alt="Gallery-Image"> <!-- Gallery Image -->
|
||||
<div class="content">
|
||||
<a href="../../assets/images/Gallery/Gallery-8.jpg"><i class="fas fa-plus"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Gallery Item 9 -->
|
||||
<div class="gallery-item gallery-9">
|
||||
<img src="../../assets/images/Gallery/Gallery-9.jpg" alt="Gallery-Image"> <!-- Gallery Image -->
|
||||
<div class="content">
|
||||
<a href="../../assets/images/Gallery/Gallery-9.jpg"><i class="fas fa-plus"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Gallery Item 10 -->
|
||||
<div class="gallery-item gallery-10">
|
||||
<img src="../../assets/images/Gallery/Gallery-10.jpg" alt="Gallery-Image"> <!-- Gallery Image -->
|
||||
<div class="content">
|
||||
<a href="../../assets/images/Gallery/Gallery-10.jpg"><i class="fas fa-plus"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</section>
|
||||
<!-- ==================== Gallery Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Footer Area (Start) ==================== -->
|
||||
<footer class="footer">
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Gardening and Landscaping Company Information & Social Media Links -->
|
||||
<div class="footer-item">
|
||||
|
||||
<!-- Gardening and Landscaping Company Logo -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<!-- Description -->
|
||||
<p>Transforming outdoor spaces with premium gardening and landscaping solutions.</p>
|
||||
|
||||
<!-- Contact Information -->
|
||||
<div class="info connect">
|
||||
<p><i class="fas fa-phone"></i><span>+123-456-7890</span></p>
|
||||
<p><i class="fas fa-envelope"></i><span class="gmail">info@leafline.com</span></p>
|
||||
<p><i class="fas fa-map-marker-alt"></i><span>LeafLine Company</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>
|
||||
|
||||
<!-- Gardening and Landscaping 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">Garden 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>
|
||||
|
||||
<!-- Gardening and Landscaping 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/gallery.js"></script> <!-- Manages the Portfolio functionality, including image filtering -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,581 @@
|
||||
<!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>Request a Landscaping Quote | 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">
|
||||
|
||||
<!-- Custom Stylesheets -->
|
||||
<link rel="stylesheet" href="../../assets/css/main.css">
|
||||
<link rel="stylesheet" href="../../assets/css/responsive.css">
|
||||
|
||||
<meta name="description" content="Request a quote for landscaping, lawn maintenance, patios, cleanup, grading, or tree services in Winfield and 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 & 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>Get a Quote</h2>
|
||||
</div>
|
||||
|
||||
<div class="link">
|
||||
<a href="../../index.html">Home</a>
|
||||
<i class="fa-solid fa-angles-right"></i>
|
||||
<span class="page">Get a Quote</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ==================== Page-Title (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"></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"></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"></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"></label>
|
||||
<select class="select-box" id="service-type" name="service-type" required>
|
||||
<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"></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"></label>
|
||||
<select class="select-box" id="property-type" name="property-type" required>
|
||||
<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"></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"></label>
|
||||
<select class="select-box" id="landscape-style" name="landscape-style" required>
|
||||
<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"></label>
|
||||
<select class="select-box" id="project-urgency" name="project-urgency" required>
|
||||
<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"></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) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== 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>
|
||||
|
||||
<!-- 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/quote.js"></script>
|
||||
|
||||
|
||||
<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>
|
||||
@@ -0,0 +1,421 @@
|
||||
<!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>LeafLine | Gardening and Landscaping Website</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">
|
||||
|
||||
<!-- Custom Stylesheets -->
|
||||
<link rel="stylesheet" href="../../assets/css/main.css">
|
||||
<link rel="stylesheet" href="../../assets/css/responsive.css">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- ==================== 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>LeafLine Company</span></li>
|
||||
<li><i class="fa-solid fa-phone"></i><span>+123-456-7890</span></li>
|
||||
<li><i class="fa-solid fa-envelope"></i><span class="gmail">info@leafline.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>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</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>Not Found</h2>
|
||||
</div>
|
||||
|
||||
<div class="link">
|
||||
<a href="../../index.html">Home</a>
|
||||
<i class="fa-solid fa-angles-right"></i>
|
||||
<span class="page">Not Found</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ==================== Page-Title (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Not Found Area (Start) ================== -->
|
||||
<section class="not-found">
|
||||
|
||||
<div class="box-container">
|
||||
<img src="../../assets/images/Not-Found/Pic-1.png" alt="Not Found Image">
|
||||
<h5><span>sorry!</span> Page Not Found</h5>
|
||||
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Dolorum quae eius delectus fugiat sint</p>
|
||||
<a href="../../index.html" class="btn btn-2">Go Back Home<i class="fa-solid fa-house-chimney"></i></a>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
<!-- ==================== Not Found Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Footer Area (Start) ==================== -->
|
||||
<footer class="footer">
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Gardening and Landscaping Company Information & Social Media Links -->
|
||||
<div class="footer-item">
|
||||
|
||||
<!-- Gardening and Landscaping Company Logo -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<!-- Description -->
|
||||
<p>Transforming outdoor spaces with premium gardening and landscaping solutions.</p>
|
||||
|
||||
<!-- Contact Information -->
|
||||
<div class="info connect">
|
||||
<p><i class="fas fa-phone"></i><span>+123-456-7890</span></p>
|
||||
<p><i class="fas fa-envelope"></i><span class="gmail">info@leafline.com</span></p>
|
||||
<p><i class="fas fa-map-marker-alt"></i><span>LeafLine Company</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>
|
||||
|
||||
<!-- Gardening and Landscaping 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">Garden 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>
|
||||
|
||||
<!-- Gardening and Landscaping 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,487 @@
|
||||
<!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>LeafLine | Gardening and Landscaping Website</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">
|
||||
|
||||
<!-- Custom Stylesheets -->
|
||||
<link rel="stylesheet" href="../../assets/css/main.css">
|
||||
<link rel="stylesheet" href="../../assets/css/responsive.css">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- ==================== 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>LeafLine Company</span></li>
|
||||
<li><i class="fa-solid fa-phone"></i><span>+123-456-7890</span></li>
|
||||
<li><i class="fa-solid fa-envelope"></i><span class="gmail">info@leafline.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>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</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>Pricing</h2>
|
||||
</div>
|
||||
|
||||
<div class="link">
|
||||
<a href="../../index.html">Home</a>
|
||||
<i class="fa-solid fa-angles-right"></i>
|
||||
<span class="page">Pricing</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ==================== Page-Title (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Pricing Plans 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 Gardening Plan -->
|
||||
<div class="plan-item">
|
||||
<img src="../../assets/images/Pricing/Plan-1.jpg" alt="Basic Gardening Plan"> <!-- Plan Image -->
|
||||
<div class="content">
|
||||
<div class="intro">
|
||||
<h3>Basic<br>Gardening</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="#" class="btn">Select Plan</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Pricing Plan 2 - Premium Gardening -->
|
||||
<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>Gardening</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> Garden Lighting Installation</li>
|
||||
<li><i class="fa-solid fa-leaf"></i> Decorative Plant Arrangement</li>
|
||||
</ul>
|
||||
<a href="#" class="btn">Select 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 Garden 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="#" class="btn">Select Plan</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</section>
|
||||
<!-- ==================== Pricing Plans Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Footer Area (Start) ==================== -->
|
||||
<footer class="footer">
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Gardening and Landscaping Company Information & Social Media Links -->
|
||||
<div class="footer-item">
|
||||
|
||||
<!-- Gardening and Landscaping Company Logo -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<!-- Description -->
|
||||
<p>Transforming outdoor spaces with premium gardening and landscaping solutions.</p>
|
||||
|
||||
<!-- Contact Information -->
|
||||
<div class="info connect">
|
||||
<p><i class="fas fa-phone"></i><span>+123-456-7890</span></p>
|
||||
<p><i class="fas fa-envelope"></i><span class="gmail">info@leafline.com</span></p>
|
||||
<p><i class="fas fa-map-marker-alt"></i><span>LeafLine Company</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>
|
||||
|
||||
<!-- Gardening and Landscaping 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">Garden 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>
|
||||
|
||||
<!-- Gardening and Landscaping 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,502 @@
|
||||
<!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>LeafLine | Gardening and Landscaping Website</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">
|
||||
|
||||
<!-- Custom Stylesheets -->
|
||||
<link rel="stylesheet" href="../../assets/css/main.css">
|
||||
<link rel="stylesheet" href="../../assets/css/responsive.css">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- ==================== 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>LeafLine Company</span></li>
|
||||
<li><i class="fa-solid fa-phone"></i><span>+123-456-7890</span></li>
|
||||
<li><i class="fa-solid fa-envelope"></i><span class="gmail">info@leafline.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>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</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>Privacy Policy</h2>
|
||||
</div>
|
||||
|
||||
<div class="link">
|
||||
<a href="../../index.html">Home</a>
|
||||
<i class="fa-solid fa-angles-right"></i>
|
||||
<span class="page">Privacy Policy</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ==================== Page-Title (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Privacy Policy Area (Start) ===================== -->
|
||||
<section class="policy">
|
||||
|
||||
<!-- Tab Buttons -->
|
||||
<div class="policy-tab-buttons">
|
||||
<a class="category active" href="#overview">1. Overview</a>
|
||||
<a class="category" href="#data-privacy">2. Client Information</a>
|
||||
<a class="category" href="#terms-of-service">3. Terms of Service</a>
|
||||
<a class="category" href="#project-rights">4. Project Rights</a>
|
||||
<a class="category" href="#safety-security">5. Safety & Care</a>
|
||||
<a class="category" href="#payments">6. Payments</a>
|
||||
<a class="category" href="#third-party">7. Third-Party Services</a>
|
||||
<a class="category" href="#warranties">8. Warranties & Maintenance</a>
|
||||
<a class="category" href="#compliance">9. Environmental Compliance</a>
|
||||
<a class="category" href="#policy-updates">10. Policy Updates</a>
|
||||
</div>
|
||||
|
||||
<!-- Tab Sections -->
|
||||
<div class="policy-tabs">
|
||||
|
||||
<!-- Policy Item 1: Overview -->
|
||||
<div class="policy-item" id="overview">
|
||||
<h3>1. Overview</h3>
|
||||
<p>Welcome to <strong>LeafLine</strong>, your trusted partner in gardening, landscaping, and outdoor design. Our mission is to create beautiful, sustainable green spaces that bring life and serenity to your surroundings.</p>
|
||||
</div>
|
||||
|
||||
<!-- Policy Item 2: Client Information -->
|
||||
<div class="policy-item" id="data-privacy">
|
||||
<h3>2. Client Information</h3>
|
||||
<p>We collect only the necessary details to plan and manage your garden or landscape project effectively, including:</p>
|
||||
<ul>
|
||||
<li>Client name, contact details, and project location</li>
|
||||
<li>Landscape or gardening requirements and design preferences</li>
|
||||
<li>Payment and billing details</li>
|
||||
<li>Any permits or approvals related to outdoor installations</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- Policy Item 3: Terms of Service -->
|
||||
<div class="policy-item" id="terms-of-service">
|
||||
<h3>3. Terms of Service</h3>
|
||||
<p>By using our gardening and landscaping services, you agree to our terms regarding project timelines, plant selection, and eco-friendly material usage. All work is performed according to local landscaping standards and guidelines.</p>
|
||||
</div>
|
||||
|
||||
<!-- Policy Item 4: Project Rights -->
|
||||
<div class="policy-item" id="project-rights">
|
||||
<h3>4. Project Rights</h3>
|
||||
<p>Clients have the right to:</p>
|
||||
<ul>
|
||||
<li>Receive regular updates on design and progress</li>
|
||||
<li>Request modifications within the scope of the agreed project</li>
|
||||
<li>Raise concerns about sustainability or quality standards</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- Policy Item 5: Safety & Care -->
|
||||
<div class="policy-item" id="safety-security">
|
||||
<h3>5. Safety & Care</h3>
|
||||
<p>We prioritize the safety of your property and our team. All gardening and landscaping work is carried out using safe, environmentally responsible methods that protect plants, soil, and wildlife.</p>
|
||||
</div>
|
||||
|
||||
<!-- Policy Item 6: Payments -->
|
||||
<div class="policy-item" id="payments">
|
||||
<h3>6. Payments</h3>
|
||||
<p>Payments must be made according to the terms stated in the contract. Delayed payments may cause project interruptions or additional service charges.</p>
|
||||
</div>
|
||||
|
||||
<!-- Policy Item 7: Third-Party Services -->
|
||||
<div class="policy-item" id="third-party">
|
||||
<h3>7. Third-Party Services</h3>
|
||||
<p>LeafLine may collaborate with third-party suppliers for materials, irrigation systems, or specialized gardening services. All partners are carefully selected to maintain our quality and eco-standards.</p>
|
||||
</div>
|
||||
|
||||
<!-- Policy Item 8: Warranties & Maintenance -->
|
||||
<div class="policy-item" id="warranties">
|
||||
<h3>8. Warranties & Maintenance</h3>
|
||||
<p>We offer warranties on plant installations, garden structures, and irrigation systems as specified in your project agreement. Ongoing maintenance plans are available to ensure long-term beauty and health of your garden.</p>
|
||||
</div>
|
||||
|
||||
<!-- Policy Item 9: Environmental Compliance -->
|
||||
<div class="policy-item" id="compliance">
|
||||
<h3>9. Environmental Compliance</h3>
|
||||
<p>All our projects comply with local environmental laws, sustainability guidelines, and water management regulations. We strive to promote eco-conscious landscaping practices in every project.</p>
|
||||
</div>
|
||||
|
||||
<!-- Policy Item 10: Policy Updates -->
|
||||
<div class="policy-item" id="policy-updates">
|
||||
<h3>10. Policy Updates</h3>
|
||||
<p>LeafLine reserves the right to update this policy as we enhance our services or adapt to new environmental and industry standards. Clients will be informed of significant changes in advance.</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</section>
|
||||
<!-- ==================== Privacy Policy Area (End) ======================= -->
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Footer Area (Start) ==================== -->
|
||||
<footer class="footer">
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Gardening and Landscaping Company Information & Social Media Links -->
|
||||
<div class="footer-item">
|
||||
|
||||
<!-- Gardening and Landscaping Company Logo -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<!-- Description -->
|
||||
<p>Transforming outdoor spaces with premium gardening and landscaping solutions.</p>
|
||||
|
||||
<!-- Contact Information -->
|
||||
<div class="info connect">
|
||||
<p><i class="fas fa-phone"></i><span>+123-456-7890</span></p>
|
||||
<p><i class="fas fa-envelope"></i><span class="gmail">info@leafline.com</span></p>
|
||||
<p><i class="fas fa-map-marker-alt"></i><span>LeafLine Company</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>
|
||||
|
||||
<!-- Gardening and Landscaping 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">Garden 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>
|
||||
|
||||
<!-- Gardening and Landscaping 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,481 @@
|
||||
<!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>LeafLine | Gardening and Landscaping Website</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">
|
||||
|
||||
<!-- Custom Stylesheets -->
|
||||
<link rel="stylesheet" href="../../assets/css/main.css">
|
||||
<link rel="stylesheet" href="../../assets/css/responsive.css">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- ==================== 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>LeafLine Company</span></li>
|
||||
<li><i class="fa-solid fa-phone"></i><span>+123-456-7890</span></li>
|
||||
<li><i class="fa-solid fa-envelope"></i><span class="gmail">info@leafline.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>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</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>Process</h2>
|
||||
</div>
|
||||
|
||||
<div class="link">
|
||||
<a href="../../index.html">Home</a>
|
||||
<i class="fa-solid fa-angles-right"></i>
|
||||
<span class="page">Process</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ==================== Page-Title (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Process Area (Start) ==================== -->
|
||||
<section class="process">
|
||||
|
||||
<!-- Section Heading -->
|
||||
<div class="heading">
|
||||
<div class="sub"><i class="fa-brands fa-pagelines"></i><span>Our Approach</span><i class="fa-brands fa-pagelines"></i></div>
|
||||
<h2>Our Approach</h2>
|
||||
</div>
|
||||
|
||||
<!-- Process Steps -->
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Step 1: Site Consultation -->
|
||||
<div class="swiper-slide process-item">
|
||||
<img src="../../assets/images/Process/Process-1.jpg" alt="Site Consultation">
|
||||
<div class="content">
|
||||
<h3>Site<br>Consultation</h3>
|
||||
<h6><span>01</span></h6>
|
||||
<p>We begin with a on-site consultation to understand your goals, & space.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Step 2: Concept & Design -->
|
||||
<div class="swiper-slide process-item">
|
||||
<img src="../../assets/images/Process/Process-2.jpg" alt="Concept & Design">
|
||||
<div class="content">
|
||||
<h3>Concept &<br>Design</h3>
|
||||
<h6><span>02</span></h6>
|
||||
<p>Our design experts craft a detailed plan that perfectly balances creativity.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Step 3: Planting & Installation -->
|
||||
<div class="swiper-slide process-item">
|
||||
<img src="../../assets/images/Process/Process-3.jpg" alt="Planting & Installation">
|
||||
<div class="content">
|
||||
<h3>Planting &<br>Installation</h3>
|
||||
<h6><span>03</span></h6>
|
||||
<p>We bring your vision to life with expert planting touches that elevate space.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Step 4: Irrigation & Care -->
|
||||
<div class="swiper-slide process-item">
|
||||
<img src="../../assets/images/Process/Process-4.jpg" alt="Irrigation & Care">
|
||||
<div class="content">
|
||||
<h3>Irrigation &<br>Care</h3>
|
||||
<h6><span>04</span></h6>
|
||||
<p>We install irrigation systems maintenance to keep your garden thriving.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Step 5: Quality Inspection -->
|
||||
<div class="swiper-slide process-item">
|
||||
<img src="../../assets/images/Process/Process-5.jpg" alt="Quality Inspection">
|
||||
<div class="content">
|
||||
<h3>Quality<br>Inspection</h3>
|
||||
<h6><span>05</span></h6>
|
||||
<p>Our team ensures every project meets standards of quality & beauty.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Step 6: Client Delight -->
|
||||
<div class="swiper-slide process-item">
|
||||
<img src="../../assets/images/Process/Process-6.jpg" alt="Client Delight">
|
||||
<div class="content">
|
||||
<h3>Client<br>Delight</h3>
|
||||
<h6><span>06</span></h6>
|
||||
<p>We review every detail with you, ensuring complete landscape you’ll love.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</section>
|
||||
<!-- ==================== Process Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Footer Area (Start) ==================== -->
|
||||
<footer class="footer">
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Gardening and Landscaping Company Information & Social Media Links -->
|
||||
<div class="footer-item">
|
||||
|
||||
<!-- Gardening and Landscaping Company Logo -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<!-- Description -->
|
||||
<p>Transforming outdoor spaces with premium gardening and landscaping solutions.</p>
|
||||
|
||||
<!-- Contact Information -->
|
||||
<div class="info connect">
|
||||
<p><i class="fas fa-phone"></i><span>+123-456-7890</span></p>
|
||||
<p><i class="fas fa-envelope"></i><span class="gmail">info@leafline.com</span></p>
|
||||
<p><i class="fas fa-map-marker-alt"></i><span>LeafLine Company</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>
|
||||
|
||||
<!-- Gardening and Landscaping 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">Garden 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>
|
||||
|
||||
<!-- Gardening and Landscaping 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,484 @@
|
||||
<!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>LeafLine | Gardening and Landscaping Website</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">
|
||||
|
||||
<!-- Custom Stylesheets -->
|
||||
<link rel="stylesheet" href="../../assets/css/main.css">
|
||||
<link rel="stylesheet" href="../../assets/css/responsive.css">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- ==================== 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>LeafLine Company</span></li>
|
||||
<li><i class="fa-solid fa-phone"></i><span>+123-456-7890</span></li>
|
||||
<li><i class="fa-solid fa-envelope"></i><span class="gmail">info@leafline.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>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</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>Terms & Condition</h2>
|
||||
</div>
|
||||
|
||||
<div class="link">
|
||||
<a href="../../index.html">Home</a>
|
||||
<i class="fa-solid fa-angles-right"></i>
|
||||
<span class="page">Terms & Condition</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ==================== Page-Title (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Terms Area (Start) ==================== -->
|
||||
<section class="policy">
|
||||
|
||||
<!-- Tab Buttons -->
|
||||
<div class="policy-tab-buttons">
|
||||
<a class="category active" href="#overview">1. Overview</a>
|
||||
<a class="category" href="#project-scope">2. Project Scope</a>
|
||||
<a class="category" href="#contract-terms">3. Service Agreement</a>
|
||||
<a class="category" href="#client-responsibilities">4. Client Responsibilities</a>
|
||||
<a class="category" href="#material-standards">5. Plant & Material Standards</a>
|
||||
<a class="category" href="#cancellation">6. Cancellations & Refunds</a>
|
||||
<a class="category" href="#warranties">7. Warranties & Maintenance</a>
|
||||
<a class="category" href="#compliance">8. Environmental Compliance</a>
|
||||
<a class="category" href="#contact-info">9. Contact Information</a>
|
||||
</div>
|
||||
|
||||
<!-- Tab Sections -->
|
||||
<div class="policy-tabs">
|
||||
|
||||
<!-- Policy Item 1: Overview -->
|
||||
<div class="policy-item" id="overview">
|
||||
<h3>1. Overview</h3>
|
||||
<p>Welcome to <strong>LeafLine</strong>! By choosing our gardening and landscaping services, you agree to the following terms and conditions that help ensure a smooth, eco-friendly, and transparent experience for every project.</p>
|
||||
</div>
|
||||
|
||||
<!-- Policy Item 2: Project Scope -->
|
||||
<div class="policy-item" id="project-scope">
|
||||
<h3>2. Project Scope</h3>
|
||||
<p>Our services include garden design, landscaping, plant installation, maintenance, and outdoor decor. Any changes in project scope, such as design modifications or material upgrades, must be requested in writing and may affect the total cost or completion timeline.</p>
|
||||
</div>
|
||||
|
||||
<!-- Policy Item 3: Service Agreement -->
|
||||
<div class="policy-item" id="contract-terms">
|
||||
<h3>3. Service Agreement</h3>
|
||||
<p>All projects are bound by a written agreement outlining project details, schedules, and payment terms. In case of delays caused by weather conditions or unforeseen factors, we will notify clients promptly and reschedule accordingly.</p>
|
||||
</div>
|
||||
|
||||
<!-- Policy Item 4: Client Responsibilities -->
|
||||
<div class="policy-item" id="client-responsibilities">
|
||||
<h3>4. Client Responsibilities</h3>
|
||||
<p>Clients must ensure the project area is accessible and provide any necessary approvals for landscaping work. Clear communication regarding design preferences and site conditions helps us deliver the best results efficiently.</p>
|
||||
</div>
|
||||
|
||||
<!-- Policy Item 5: Plant & Material Standards -->
|
||||
<div class="policy-item" id="material-standards">
|
||||
<h3>5. Plant & Material Standards</h3>
|
||||
<p>We use high-quality plants, soil, fertilizers, and landscaping materials that meet industry standards. Substitutions due to availability will only be made with client consent. LeafLine is not responsible for plant loss due to improper care after project completion.</p>
|
||||
</div>
|
||||
|
||||
<!-- Policy Item 6: Cancellations & Refunds -->
|
||||
<div class="policy-item" id="cancellation">
|
||||
<h3>6. Cancellations & Refunds</h3>
|
||||
<p>Cancellations must be requested before the start of the project. Refund eligibility depends on the work completed and materials purchased. Deposits for design and plant procurement may be non-refundable.</p>
|
||||
</div>
|
||||
|
||||
<!-- Policy Item 7: Warranties & Maintenance -->
|
||||
<div class="policy-item" id="warranties">
|
||||
<h3>7. Warranties & Maintenance</h3>
|
||||
<p>We offer a limited warranty on plant installations and garden structures for a specified period. Warranty does not cover damages from extreme weather, pests, or neglect. Optional maintenance packages are available to keep your garden thriving year-round.</p>
|
||||
</div>
|
||||
|
||||
<!-- Policy Item 8: Environmental Compliance -->
|
||||
<div class="policy-item" id="compliance">
|
||||
<h3>8. Environmental Compliance</h3>
|
||||
<p>All LeafLine projects comply with local environmental and landscaping regulations. We prioritize sustainable practices such as water-efficient irrigation, organic soil treatment, and eco-safe fertilizers to protect nature and biodiversity.</p>
|
||||
</div>
|
||||
|
||||
<!-- Policy Item 9: Contact Information -->
|
||||
<div class="policy-item" id="contact-info">
|
||||
<h3>9. Contact Information</h3>
|
||||
<p>For any inquiries, please reach out to us at call <strong>+1 (800) 456-LEAF</strong>. Our team is always happy to assist you with your garden and landscape needs.</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</section>
|
||||
<!-- ==================== Terms Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Footer Area (Start) ==================== -->
|
||||
<footer class="footer">
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Gardening and Landscaping Company Information & Social Media Links -->
|
||||
<div class="footer-item">
|
||||
|
||||
<!-- Gardening and Landscaping Company Logo -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<!-- Description -->
|
||||
<p>Transforming outdoor spaces with premium gardening and landscaping solutions.</p>
|
||||
|
||||
<!-- Contact Information -->
|
||||
<div class="info connect">
|
||||
<p><i class="fas fa-phone"></i><span>+123-456-7890</span></p>
|
||||
<p><i class="fas fa-envelope"></i><span class="gmail">info@leafline.com</span></p>
|
||||
<p><i class="fas fa-map-marker-alt"></i><span>LeafLine Company</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>
|
||||
|
||||
<!-- Gardening and Landscaping 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">Garden 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>
|
||||
|
||||
<!-- Gardening and Landscaping 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,573 @@
|
||||
<!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>LeafLine | Gardening and Landscaping Website</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">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- ==================== 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>LeafLine Company</span></li>
|
||||
<li><i class="fa-solid fa-phone"></i><span>+123-456-7890</span></li>
|
||||
<li><i class="fa-solid fa-envelope"></i><span class="gmail">info@leafline.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>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</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>Project Single</h2>
|
||||
</div>
|
||||
|
||||
<div class="link">
|
||||
<a href="../../index.html">Home</a>
|
||||
<i class="fa-solid fa-angles-right"></i>
|
||||
<span class="page">Project Single</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ==================== Page-Title (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Project Single (Start) ==================== -->
|
||||
<section class="project-single page-single">
|
||||
|
||||
<!-- Project Info Area (Start) -->
|
||||
<div class="project-info page-info">
|
||||
|
||||
<!-- Project Image -->
|
||||
<div class="image">
|
||||
<img src="../../assets/images/Project/Projects/Project-1.jpg" alt="Theme Garden Installation">
|
||||
</div>
|
||||
|
||||
<!-- Project Content -->
|
||||
<div class="content">
|
||||
|
||||
<!-- Main Heading -->
|
||||
<h2 class="main-heading">Zen Garden Landscaping</h2>
|
||||
|
||||
<!-- Project Important Note -->
|
||||
<p class="important">Experience tranquility and harmony with our professional Zen garden landscaping services. We design serene outdoor spaces inspired by Japanese aesthetics, promoting peace, balance, and mindfulness.</p>
|
||||
|
||||
<!-- Project Description -->
|
||||
<p>Our Zen garden landscaping service focuses on creating minimalist, peaceful environments using natural elements such as rocks, sand, gravel, and carefully placed greenery. Whether for residential or commercial spaces, our designs embody simplicity, calmness, and spiritual reflection—perfect for meditation and relaxation.</p>
|
||||
|
||||
<!-- Project Gallery -->
|
||||
<div class="project-gallery page-gallery">
|
||||
<a href="../../assets/images/Project/Project-Gallery/1.jpg">
|
||||
<img src="../../assets/images/Project/Project-Gallery/1.jpg" alt="Theme Garden Installation Gallery Image 1">
|
||||
</a>
|
||||
<a href="../../assets/images/Project/Project-Gallery/2.jpg">
|
||||
<img src="../../assets/images/Project/Project-Gallery/2.jpg" alt="Theme Garden Installation Gallery Image 2">
|
||||
</a>
|
||||
<a href="../../assets/images/Project/Project-Gallery/3.jpg">
|
||||
<img src="../../assets/images/Project/Project-Gallery/3.jpg" alt="Theme Garden Installation Gallery Image 3">
|
||||
</a>
|
||||
<a href="../../assets/images/Project/Project-Gallery/4.jpg">
|
||||
<img src="../../assets/images/Project/Project-Gallery/4.jpg" alt="Theme Garden Installation Gallery Image 4">
|
||||
</a>
|
||||
<a href="../../assets/images/Project/Project-Gallery/5.jpg">
|
||||
<img src="../../assets/images/Project/Project-Gallery/5.jpg" alt="Theme Garden Installation Gallery Image 5">
|
||||
</a>
|
||||
<a href="../../assets/images/Project/Project-Gallery/6.jpg">
|
||||
<img src="../../assets/images/Project/Project-Gallery/6.jpg" alt="Theme Garden Installation Gallery Image 6">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<!-- Project Challenges -->
|
||||
<div class="sub-section">
|
||||
<h3 class="sub-heading">Project Challenges:</h3>
|
||||
<p>Our Zen garden landscaping services address:</p>
|
||||
<ul>
|
||||
<li><i class="fa-solid fa-check"></i> Achieving Minimalist Yet Balanced Design</li>
|
||||
<li><i class="fa-solid fa-check"></i> Harmonizing Natural Elements like Rocks, Sand, and Plants</li>
|
||||
<li><i class="fa-solid fa-check"></i> Creating a Peaceful Flow within Limited Spaces</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- Project Solutions -->
|
||||
<div class="sub-section">
|
||||
<h3 class="sub-heading">Project Solutions:</h3>
|
||||
<p>We provide thoughtful and refined solutions including:</p>
|
||||
<ul>
|
||||
<li><i class="fa-solid fa-caret-right"></i> Precision Layouts Reflecting Zen Philosophy</li>
|
||||
<li><i class="fa-solid fa-caret-right"></i> Use of Natural and Sustainable Materials</li>
|
||||
<li><i class="fa-solid fa-caret-right"></i> Expert Placement for Visual and Spiritual Harmony</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- Project Result -->
|
||||
<div class="sub-section">
|
||||
<h3 class="sub-heading">Project Result:</h3>
|
||||
<p>Our Zen garden designs deliver:</p>
|
||||
<ul>
|
||||
<li><i class="fa-solid fa-circle-notch"></i> A Serene and Meditative Outdoor Environment</li>
|
||||
<li><i class="fa-solid fa-circle-notch"></i> Balanced Composition that Promotes Relaxation</li>
|
||||
<li><i class="fa-solid fa-circle-notch"></i> Timeless Aesthetic with Low Maintenance Needs</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- Project Info Area (End) -->
|
||||
|
||||
<!-- Project Details Area (Start) -->
|
||||
<div class="project-sidebar page-sidebar">
|
||||
|
||||
<h3 class="sub-heading">Project Info</h3>
|
||||
|
||||
<div class="container">
|
||||
|
||||
<!-- Date -->
|
||||
<div class="detail-item">
|
||||
<i class="fa-regular fa-calendar-days"></i>
|
||||
<div class="detail-content">
|
||||
<h3>Date</h3>
|
||||
<p>September 15, 2025</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Client -->
|
||||
<div class="detail-item">
|
||||
<i class="fa-solid fa-user"></i>
|
||||
<div class="detail-content">
|
||||
<h3>Client</h3>
|
||||
<p>Landscaping specialist</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Category -->
|
||||
<div class="detail-item">
|
||||
<i class="fa-solid fa-list-ul"></i>
|
||||
<div class="detail-content">
|
||||
<h3>Category</h3>
|
||||
<p>Garden design</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Location -->
|
||||
<div class="detail-item">
|
||||
<i class="fa-regular fa-map"></i>
|
||||
<div class="detail-content">
|
||||
<h3>Service Area</h3>
|
||||
<p>Park Installation</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Duration -->
|
||||
<div class="detail-item">
|
||||
<i class="fa-regular fa-clock"></i>
|
||||
<div class="detail-content">
|
||||
<h3>Duration</h3>
|
||||
<p>12 days</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Cost -->
|
||||
<div class="detail-item">
|
||||
<i class="fa-solid fa-dollar-sign"></i>
|
||||
<div class="detail-content">
|
||||
<h3>Cost</h3>
|
||||
<p>$2000</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Lead Designer -->
|
||||
<div class="detail-item">
|
||||
<i class="fa-solid fa-user-gear"></i>
|
||||
<div class="detail-content">
|
||||
<h3>Lead Designer</h3>
|
||||
<p>Jeremy Scalls</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- Project Details Area (End) -->
|
||||
|
||||
</section>
|
||||
<!-- ==================== Project Single (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Footer Area (Start) ==================== -->
|
||||
<footer class="footer">
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Gardening and Landscaping Company Information & Social Media Links -->
|
||||
<div class="footer-item">
|
||||
|
||||
<!-- Gardening and Landscaping Company Logo -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<!-- Description -->
|
||||
<p>Transforming outdoor spaces with premium gardening and landscaping solutions.</p>
|
||||
|
||||
<!-- Contact Information -->
|
||||
<div class="info connect">
|
||||
<p><i class="fas fa-phone"></i><span>+123-456-7890</span></p>
|
||||
<p><i class="fas fa-envelope"></i><span class="gmail">info@leafline.com</span></p>
|
||||
<p><i class="fas fa-map-marker-alt"></i><span>LeafLine Company</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>
|
||||
|
||||
<!-- Gardening and Landscaping 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">Garden 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>
|
||||
|
||||
<!-- Gardening and Landscaping 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. -->
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,541 @@
|
||||
<!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>LeafLine | Gardening and Landscaping Website</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">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- ==================== 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>LeafLine Company</span></li>
|
||||
<li><i class="fa-solid fa-phone"></i><span>+123-456-7890</span></li>
|
||||
<li><i class="fa-solid fa-envelope"></i><span class="gmail">info@leafline.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>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</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>Projects</h2>
|
||||
</div>
|
||||
|
||||
<div class="link">
|
||||
<a href="../../index.html">Home</a>
|
||||
<i class="fa-solid fa-angles-right"></i>
|
||||
<span class="page">Projects</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ==================== Page-Title (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">Garden Design</li>
|
||||
<li class="button" data-filter=".hardscaping">Hardscaping</li>
|
||||
</ul>
|
||||
|
||||
<!-- Projects Container -->
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Project 1 - Zen Garden -->
|
||||
<div class="project-item design">
|
||||
<div class="projects-content">
|
||||
<img src="../../assets/images/Project/Projects/Project-1.jpg" alt="Zen Garden"> <!-- Project Image -->
|
||||
<div class="content">
|
||||
<div class="btn-container">
|
||||
<a class="view" href="../../assets/images/Project/Projects/Project-1.jpg"><i class="fa-solid fa-plus"></i></a>
|
||||
<a href="../../pages/Project/Project-Single.html"><i class="fa-solid fa-link"></i></a>
|
||||
</div>
|
||||
<div class="text">
|
||||
<p>Garden Design</p>
|
||||
<a href="../../pages/Project/Project-Single.html"><h3>Zen Garden 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"><i class="fa-solid fa-plus"></i></a>
|
||||
<a href="../../pages/Project/Project-Single.html"><i class="fa-solid fa-link"></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"><i class="fa-solid fa-plus"></i></a>
|
||||
<a href="../../pages/Project/Project-Single.html"><i class="fa-solid fa-link"></i></a>
|
||||
</div>
|
||||
<div class="text">
|
||||
<p>Garden 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"><i class="fa-solid fa-plus"></i></a>
|
||||
<a href="../../pages/Project/Project-Single.html"><i class="fa-solid fa-link"></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"><i class="fa-solid fa-plus"></i></a>
|
||||
<a href="../../pages/Project/Project-Single.html"><i class="fa-solid fa-link"></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"><i class="fa-solid fa-plus"></i></a>
|
||||
<a href="../../pages/Project/Project-Single.html"><i class="fa-solid fa-link"></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) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Footer Area (Start) ==================== -->
|
||||
<footer class="footer">
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Gardening and Landscaping Company Information & Social Media Links -->
|
||||
<div class="footer-item">
|
||||
|
||||
<!-- Gardening and Landscaping Company Logo -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<!-- Description -->
|
||||
<p>Transforming outdoor spaces with premium gardening and landscaping solutions.</p>
|
||||
|
||||
<!-- Contact Information -->
|
||||
<div class="info connect">
|
||||
<p><i class="fas fa-phone"></i><span>+123-456-7890</span></p>
|
||||
<p><i class="fas fa-envelope"></i><span class="gmail">info@leafline.com</span></p>
|
||||
<p><i class="fas fa-map-marker-alt"></i><span>LeafLine Company</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>
|
||||
|
||||
<!-- Gardening and Landscaping 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">Garden 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>
|
||||
|
||||
<!-- Gardening and Landscaping 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>
|
||||
|
||||
<!-- Isotope (JS) -->
|
||||
<script src="../../assets/vendors/isotope/isotope.pkgd.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/projects.js"></script> <!-- Manages the projects functionality, including image filtering -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,570 @@
|
||||
<!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 & 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 it’s 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 lawn’s 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 property’s 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 lawn’s 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>
|
||||
@@ -0,0 +1,499 @@
|
||||
<!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 & Tree 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">
|
||||
|
||||
<!-- Custom Stylesheets -->
|
||||
<link rel="stylesheet" href="../../assets/css/main.css">
|
||||
<link rel="stylesheet" href="../../assets/css/responsive.css">
|
||||
|
||||
<meta name="description" content="Explore landscape design, patio design, lawn maintenance, clearing, grading, cleanup, mulching, and tree services in DuPage County.">
|
||||
|
||||
<style>
|
||||
.preview-concept-banner { position: fixed; inset: 0 0 auto 0; z-index: 10000; padding: .7rem 1rem; background: #173a24; color: #fff; text-align: center; font: 600 14px/1.4 Arial, sans-serif; box-shadow: 0 2px 8px rgba(0,0,0,.22); }
|
||||
.preview-concept-banner a { color: #fff; text-decoration: underline; text-underline-offset: 2px; }
|
||||
.preview-concept-banner strong { color: #d8ef8c; }
|
||||
body { padding-top: 45px; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="preview-concept-banner" role="note"><strong>UX Concept Preview</strong> — Golden Sun Landscaping & 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>Services</h2>
|
||||
</div>
|
||||
|
||||
<div class="link">
|
||||
<a href="../../index.html">Home</a>
|
||||
<i class="fa-solid fa-angles-right"></i>
|
||||
<span class="page">Services</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ==================== Page-Title (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Services Area (Start) ==================== -->
|
||||
<section class="services">
|
||||
|
||||
<!-- Section Heading -->
|
||||
<div class="heading">
|
||||
<div class="sub"><i class="fa-brands fa-pagelines"></i><span>What We Offer</span><i class="fa-brands fa-pagelines"></i></div>
|
||||
<h2>Our Services</h2>
|
||||
</div>
|
||||
|
||||
<!-- Services Container -->
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Service 1: Lawn Care -->
|
||||
<div class="swiper-slide service-item">
|
||||
<img src="../../assets/images/Service/Services/Service-1.jpg" alt="Lawn Care">
|
||||
<div class="content">
|
||||
<div class="icon"><i class="fa-brands fa-pagelines"></i></div>
|
||||
<a href="../../pages/Service/Service-Single.html"><h3>Lawn Care</h3></a>
|
||||
<p>Keep your lawn lush, healthy, and green with our professional mowing, and edging.</p>
|
||||
<a href="../../pages/Service/Service-Single.html" class="btn">Read More</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Service 2: Landscape Design -->
|
||||
<div class="swiper-slide service-item">
|
||||
<img src="../../assets/images/Service/Services/Service-2.jpg" alt="Landscape Design">
|
||||
<div class="content">
|
||||
<div class="icon"><i class="fa-solid fa-seedling"></i></div>
|
||||
<a href="../../pages/Service/Service-Single.html"><h3>Landscape Design</h3></a>
|
||||
<p>Transform your outdoor space with creative designs that reflect your style & beauty.</p>
|
||||
<a href="../../pages/Service/Service-Single.html" class="btn">Read More</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Service 3: Tree Planting -->
|
||||
<div class="swiper-slide service-item">
|
||||
<img src="../../assets/images/Service/Services/Service-3.jpg" alt="Tree Planting">
|
||||
<div class="content">
|
||||
<div class="icon"><i class="fa-solid fa-tree"></i></div>
|
||||
<a href="../../pages/Service/Service-Single.html"><h3>Tree Planting</h3></a>
|
||||
<p>Enhance your landscape with healthy trees, expertly planted for long-term growth.</p>
|
||||
<a href="../../pages/Service/Service-Single.html" class="btn">Read More</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Service 4: Hardscaping Solutions -->
|
||||
<div class="swiper-slide service-item">
|
||||
<img src="../../assets/images/Service/Services/Service-4.jpg" alt="Hardscaping Solution">
|
||||
<div class="content">
|
||||
<div class="icon"><i class="fa-solid fa-tools"></i></div>
|
||||
<a href="../../pages/Service/Service-Single.html"><h3>Hardscaping Solution</h3></a>
|
||||
<p>Build pathways, and retaining walls that add function, and elegance to your yard.</p>
|
||||
<a href="../../pages/Service/Service-Single.html" class="btn">Read More</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Service 5: Water Ponds -->
|
||||
<div class="swiper-slide service-item">
|
||||
<img src="../../assets/images/Service/Services/Service-5.jpg" alt="Water Ponds">
|
||||
<div class="content">
|
||||
<div class="icon"><i class="fa-solid fa-water"></i></div>
|
||||
<a href="../../pages/Service/Service-Single.html"><h3>Water Ponds</h3></a>
|
||||
<p>Add tranquility to your landscape with elegant ponds, & waterfalls designed to soothe.</p>
|
||||
<a href="../../pages/Service/Service-Single.html" class="btn">Read More</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Service 6: Outdoor Décor -->
|
||||
<div class="swiper-slide service-item">
|
||||
<img src="../../assets/images/Service/Services/Service-6.jpg" alt="Outdoor Décor">
|
||||
<div class="content">
|
||||
<div class="icon"><i class="fa-solid fa-lightbulb"></i></div>
|
||||
<a href="../../pages/Service/Service-Single.html"><h3>Outdoor Décor</h3></a>
|
||||
<p>Illuminate your landscape with stylish, energy-efficient lighting to highlight key features.</p>
|
||||
<a href="../../pages/Service/Service-Single.html" class="btn">Read More</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</section>
|
||||
<!-- ==================== Services Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Footer Area (Start) ==================== -->
|
||||
<footer class="footer">
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Landscaping & Tree Service Company Information & Social Media Links -->
|
||||
<div class="footer-item">
|
||||
|
||||
<!-- Landscaping & Tree Service Company Logo -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>Golden Sun Landscaping</h3>
|
||||
<p>Landscaping & Tree Service</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<!-- Description -->
|
||||
<p>Transforming outdoor spaces with premium landscapeing and landscaping solutions.</p>
|
||||
|
||||
<!-- Contact Information -->
|
||||
<div class="info connect">
|
||||
<p><i class="fas fa-phone"></i><span>(630) 330-0486</span></p>
|
||||
<p><i class="fas fa-envelope"></i><span class="gmail">goldensunlandscaping@yahoo.com</span></p>
|
||||
<p><i class="fas fa-map-marker-alt"></i><span>1N160 Cypress Ln, Winfield, IL 60190</span></p>
|
||||
</div>
|
||||
|
||||
<!-- Social Media Links -->
|
||||
<div class="social">
|
||||
<a href="#"><i class="fab fa-facebook-f"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-x-twitter"></i></a>
|
||||
<a href="#"><i class="fab fa-instagram"></i></a>
|
||||
<a href="#"><i class="fab fa-linkedin"></i></a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Landscaping & Tree Service Services Offered -->
|
||||
<div class="footer-item">
|
||||
<h2>Our Services</h2>
|
||||
<div class="info links">
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Lawn Care</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Landscape Design</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Tree Planting</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Hardscaping Solution</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">water ponds</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Outdoor Décor</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Quick Links -->
|
||||
<div class="footer-item">
|
||||
<h2>Quick Links</h2>
|
||||
<div class="info links">
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/About/About.html">About Us</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Services.html">Services</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Project/Projects.html">Projects</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Blog/Blog-Grid.html">Blog</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Shop/Shop-Grid.html">Shop</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Contact/Contact.html">Contact Us</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Newsletter Subscription -->
|
||||
<div class="footer-item">
|
||||
|
||||
<h2>Newsletter</h2>
|
||||
<p>Stay informed and up-to-date with the latest trends, helpful tips, and exclusive special offers.</p>
|
||||
<form class="dark-form" method="post" id="newsletter-form-2">
|
||||
<div class="input-field">
|
||||
<label for="news-email-2" class="fas fa-envelope"></label>
|
||||
<input type="email" id="news-email-2" name="email" class="box" placeholder="Your email address" required>
|
||||
</div>
|
||||
<button type="submit" class="btn" name="submit" id="submit-2">Subscribe</button>
|
||||
<span class="alert" id="msg-2"></span>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Landscaping & Tree Service Company's Name and Copyright -->
|
||||
<div class="content">
|
||||
<p>Designed By <span>NorthStar_Themes</span> | All Rights Reserved</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
<!-- ==================== Footer Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- Jquery -->
|
||||
<script src="../../assets/vendors/jquery/jquery.min.js"></script>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
|
||||
<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>
|
||||
@@ -0,0 +1,575 @@
|
||||
<!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>LeafLine | Gardening and Landscaping Website</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">
|
||||
|
||||
<!-- Custom Stylesheets -->
|
||||
<link rel="stylesheet" href="../../assets/css/main.css">
|
||||
<link rel="stylesheet" href="../../assets/css/responsive.css">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- ==================== 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>LeafLine Company</span></li>
|
||||
<li><i class="fa-solid fa-phone"></i><span>+123-456-7890</span></li>
|
||||
<li><i class="fa-solid fa-envelope"></i><span class="gmail">info@leafline.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>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</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>Cart</h2>
|
||||
</div>
|
||||
|
||||
<div class="link">
|
||||
<a href="../../index.html">Home</a>
|
||||
<i class="fa-solid fa-angles-right"></i>
|
||||
<span class="page">Cart</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ==================== Page-Title (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Cart Area (Start) ==================== -->
|
||||
<section class="cart">
|
||||
|
||||
<!-- ========== Shopping-Cart Area (Start) ========== -->
|
||||
<div class="shopping-cart">
|
||||
|
||||
<div class="container">
|
||||
|
||||
<div class="shoplist-title">
|
||||
<h3 class="product-heading">product</h3>
|
||||
<h3>price</h3>
|
||||
<h3>quantity</h3>
|
||||
<h3>total</h3>
|
||||
<h3>action</h3>
|
||||
</div>
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Cart Item 1 -->
|
||||
<div class="cart-item">
|
||||
<div class="box product">
|
||||
<img src="../../assets/images/Shop/Products/Product-1.jpg" alt="Product-Image">
|
||||
<div class="name">Axe</div>
|
||||
</div>
|
||||
<div class="box price">$50.00</div>
|
||||
<div class="box quantitly">
|
||||
<div class="quantity buttons_added">
|
||||
<input type="button" value="-" class="minus">
|
||||
<input type="number" step="1" min="1" max="100" name="quantity" value="1" title="Qty" class="input-text qty text">
|
||||
<input type="button" value="+" class="plus">
|
||||
</div>
|
||||
</div>
|
||||
<div class="box total">$50.00</div>
|
||||
<div class="box action">
|
||||
<i class="icon fa-solid fa-trash-arrow-up"></i>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Cart Item 2 -->
|
||||
<div class="cart-item">
|
||||
<div class="box product">
|
||||
<img src="../../assets/images/Shop/Products/Product-2.jpg" alt="Product-Image">
|
||||
<div class="name">LawnMower</div>
|
||||
</div>
|
||||
<div class="box price">$50.00</div>
|
||||
<div class="box quantitly">
|
||||
<div class="quantity buttons_added">
|
||||
<input type="button" value="-" class="minus">
|
||||
<input type="number" step="1" min="1" max="100" name="quantity" value="1" title="Qty" class="input-text qty text">
|
||||
<input type="button" value="+" class="plus">
|
||||
</div>
|
||||
</div>
|
||||
<div class="box total">$50.00</div>
|
||||
<div class="box action">
|
||||
<i class="icon fa-solid fa-trash-arrow-up"></i>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Cart Item 3 -->
|
||||
<div class="cart-item">
|
||||
<div class="box product">
|
||||
<img src="../../assets/images/Shop/Products/Product-3.jpg" alt="Product-Image">
|
||||
<div class="name">Water Hose</div>
|
||||
</div>
|
||||
<div class="box price">$50.00</div>
|
||||
<div class="box quantitly">
|
||||
<div class="quantity buttons_added">
|
||||
<input type="button" value="-" class="minus">
|
||||
<input type="number" step="1" min="1" max="100" name="quantity" value="2" title="Qty" class="input-text qty text">
|
||||
<input type="button" value="+" class="plus">
|
||||
</div>
|
||||
</div>
|
||||
<div class="box total">$100.00</div>
|
||||
<div class="box action">
|
||||
<i class="icon fa-solid fa-trash-arrow-up"></i>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Cart Item 4 -->
|
||||
<div class="cart-item">
|
||||
<div class="box product">
|
||||
<img src="../../assets/images/Shop/Products/Product-4.jpg" alt="Product-Image">
|
||||
<div class="name">Chainsaw</div>
|
||||
</div>
|
||||
<div class="box price">$50.00</div>
|
||||
<div class="box quantitly">
|
||||
<div class="quantity buttons_added">
|
||||
<input type="button" value="-" class="minus">
|
||||
<input type="number" step="1" min="1" max="100" name="quantity" value="1" title="Qty" class="input-text qty text">
|
||||
<input type="button" value="+" class="plus">
|
||||
</div>
|
||||
</div>
|
||||
<div class="box total">$50.00</div>
|
||||
<div class="box action">
|
||||
<i class="icon fa-solid fa-trash-arrow-up"></i>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Cart Item 5 -->
|
||||
<div class="cart-item">
|
||||
<div class="box product">
|
||||
<img src="../../assets/images/Shop/Products/Product-5.jpg" alt="Product-Image">
|
||||
<div class="name">Leaf Rake</div>
|
||||
</div>
|
||||
<div class="box price">$50.00</div>
|
||||
<div class="box quantitly">
|
||||
<div class="quantity buttons_added">
|
||||
<input type="button" value="-" class="minus">
|
||||
<input type="number" step="1" min="1" max="100" name="quantity" value="1" title="Qty" class="input-text qty text">
|
||||
<input type="button" value="+" class="plus">
|
||||
</div>
|
||||
</div>
|
||||
<div class="box total">$50.00</div>
|
||||
<div class="box action">
|
||||
<i class="icon fa-solid fa-trash-arrow-up"></i>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ========== Shopping-Cart Area (End) ========== -->
|
||||
|
||||
|
||||
|
||||
<!-- ========== Cart-Summary Area (Start) ========== -->
|
||||
<div class="cart-summary">
|
||||
|
||||
<div class="summary-list">
|
||||
|
||||
<div class="summary-item">
|
||||
<div class="name summary-box">sub total</div>
|
||||
<div class="value summary-box">$300.00</div>
|
||||
</div>
|
||||
|
||||
<div class="summary-item">
|
||||
<div class="name summary-box">delivery fee</div>
|
||||
<div class="value summary-box">$30.00</div>
|
||||
</div>
|
||||
|
||||
<div class="summary-item">
|
||||
<div class="name summary-box">discount</div>
|
||||
<div class="value summary-box">$60.00</div>
|
||||
</div>
|
||||
|
||||
<div class="summary-item">
|
||||
<div class="name summary-box">tax</div>
|
||||
<div class="value summary-box">$30.00</div>
|
||||
</div>
|
||||
|
||||
<div class="summary-item">
|
||||
<div class="name summary-box">total</div>
|
||||
<div class="value summary-box">$300.00</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<a href="./Checkout.html" class="btn">proceed to checkout</a>
|
||||
|
||||
</div>
|
||||
<!-- ========== Cart-Summary Area (End) ========== -->
|
||||
|
||||
</section>
|
||||
<!-- ==================== Cart Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Footer Area (Start) ==================== -->
|
||||
<footer class="footer">
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Gardening and Landscaping Company Information & Social Media Links -->
|
||||
<div class="footer-item">
|
||||
|
||||
<!-- Gardening and Landscaping Company Logo -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<!-- Description -->
|
||||
<p>Transforming outdoor spaces with premium gardening and landscaping solutions.</p>
|
||||
|
||||
<!-- Contact Information -->
|
||||
<div class="info connect">
|
||||
<p><i class="fas fa-phone"></i><span>+123-456-7890</span></p>
|
||||
<p><i class="fas fa-envelope"></i><span class="gmail">info@leafline.com</span></p>
|
||||
<p><i class="fas fa-map-marker-alt"></i><span>LeafLine Company</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>
|
||||
|
||||
<!-- Gardening and Landscaping 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">Garden 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>
|
||||
|
||||
<!-- Gardening and Landscaping 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>
|
||||
|
||||
<!-- 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/quantity.js"></script> <!-- Handles quantity functionality -->
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -0,0 +1,620 @@
|
||||
<!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>LeafLine | Gardening and Landscaping Website</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">
|
||||
|
||||
<!-- Custom Stylesheets -->
|
||||
<link rel="stylesheet" href="../../assets/css/main.css">
|
||||
<link rel="stylesheet" href="../../assets/css/responsive.css">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- ==================== 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>LeafLine Company</span></li>
|
||||
<li><i class="fa-solid fa-phone"></i><span>+123-456-7890</span></li>
|
||||
<li><i class="fa-solid fa-envelope"></i><span class="gmail">info@leafline.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>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</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>Checkout</h2>
|
||||
</div>
|
||||
|
||||
<div class="link">
|
||||
<a href="../../index.html">Home</a>
|
||||
<i class="fa-solid fa-angles-right"></i>
|
||||
<span class="page">Checkout</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ==================== Page-Title (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Checkout Area (Start) ==================== -->
|
||||
<section>
|
||||
|
||||
<form action="#" class="checkout">
|
||||
|
||||
<div class="box-1">
|
||||
|
||||
<!-- ========== Billing-Address Area (Start) ========== -->
|
||||
<div class="billing address checkout-item">
|
||||
|
||||
<div class="heading">
|
||||
<h2>billing address</h2>
|
||||
</div>
|
||||
|
||||
<div class="form">
|
||||
|
||||
<!-- First and Last name input -->
|
||||
<div class="input-box">
|
||||
<input type="text" name="first-name" placeholder="first name" id="b-first-name" class="box" required>
|
||||
<input type="text" name="last-name" placeholder="last name" id="b-last-name" class="box" required>
|
||||
</div>
|
||||
|
||||
<!-- Company input -->
|
||||
<div class="input-box">
|
||||
<input type="text" name="company" placeholder="company" id="b-company" class="box" required>
|
||||
</div>
|
||||
|
||||
<!-- Country input -->
|
||||
<div class="input-box">
|
||||
<input type="text" name="country" placeholder="country" id="b-country" class="box" required>
|
||||
</div>
|
||||
|
||||
<!-- Address input -->
|
||||
<div class="input-box">
|
||||
<input type="text" name="address" placeholder="address" id="b-address" class="box" required>
|
||||
</div>
|
||||
|
||||
<!-- City and ZIP input -->
|
||||
<div class="input-box">
|
||||
<input type="text" name="city" placeholder="town/city" id="b-city" class="box" required>
|
||||
<input type="text" name="zip" placeholder="postcode/ZIP" id="b-zip" class="box" required>
|
||||
</div>
|
||||
|
||||
<!-- Phone and Email input -->
|
||||
<div class="input-box">
|
||||
<input type="number" name="number" placeholder="phone no" id="b-number" class="box" required>
|
||||
<input type="email" name="email" placeholder="email address" id="b-email" class="box" required>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ========== Billing-Address Area (End) ========== -->
|
||||
|
||||
<!-- ========== Shipping-Address Area (Start) ========== -->
|
||||
<div class="shipping address checkout-item">
|
||||
|
||||
<div class="heading">
|
||||
<h2>shipping address</h2>
|
||||
</div>
|
||||
|
||||
<!-- Shipping Address Form -->
|
||||
<div class="form">
|
||||
|
||||
<!-- First and Last name input -->
|
||||
<div class="input-box">
|
||||
<input type="text" name="first-name" placeholder="first name" id="s-first-name" class="box" required>
|
||||
<input type="text" name="last-name" placeholder="last name" id="s-last-name" class="box" required>
|
||||
</div>
|
||||
|
||||
<!-- Company input -->
|
||||
<div class="input-box">
|
||||
<input type="text" name="company" placeholder="company" id="s-company" class="box" required>
|
||||
</div>
|
||||
|
||||
<!-- Country input -->
|
||||
<div class="input-box">
|
||||
<input type="text" name="country" placeholder="country" id="s-country" class="box" required>
|
||||
</div>
|
||||
|
||||
<!-- Address input -->
|
||||
<div class="input-box">
|
||||
<input type="text" name="address" placeholder="address" id="s-address" class="box" required>
|
||||
</div>
|
||||
|
||||
<!-- City and ZIP input -->
|
||||
<div class="input-box">
|
||||
<input type="text" name="city" placeholder="town/city" id="s-city" class="box" required>
|
||||
<input type="text" name="zip" placeholder="postcode/ZIP" id="s-zip" class="box" required>
|
||||
</div>
|
||||
|
||||
<!-- Phone and Email input -->
|
||||
<div class="input-box">
|
||||
<input type="number" name="number" placeholder="phone no" id="s-number" class="box" required>
|
||||
<input type="email" name="email" placeholder="email address" id="s-email" class="box" required>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ========== Shipping-Address Area (End) ========== -->
|
||||
|
||||
</div>
|
||||
|
||||
<div class="box-2">
|
||||
|
||||
<!-- ========== Payment-Method Area (Start) ========== -->
|
||||
<div class="payment-methods checkout-item">
|
||||
|
||||
<div class="heading">
|
||||
<h2>payment method</h2>
|
||||
</div>
|
||||
|
||||
<div class="content">
|
||||
|
||||
<!-- Payment Method: Direct Bank Transfer -->
|
||||
<div class="payment">
|
||||
|
||||
<input id="direct-bank-transfer" name="payment" type="radio" checked>
|
||||
<label for="direct-bank-transfer" class="radio-label">direct bank transfer</label>
|
||||
|
||||
<!-- Payment Method Content -->
|
||||
<div class="payment-body active">
|
||||
<p>Make your payment directly into our bank account. Please use your Order ID as the payment reference. Your order won’t be shipped until the funds have our account.</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Payment Method: Cash On Delivery -->
|
||||
<div class="payment">
|
||||
|
||||
<input id="cash-on-delivery" name="payment" type="radio"> <!-- Payment Method Radio Button -->
|
||||
<label for="cash-on-delivery" class="radio-label">cash on delivery</label> <!-- Payment Method Label -->
|
||||
|
||||
<!-- Payment Method Content -->
|
||||
<div class="payment-body">
|
||||
<p>Please send your cheque to Store Name, Store Street, Store Town, Store State / County, Store Postcode.</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Payment Method: Paypal -->
|
||||
<div class="payment">
|
||||
|
||||
<input id="paypal" name="payment" type="radio"> <!-- Payment Method Radio Button -->
|
||||
<label for="paypal" class="radio-label">paypal</label> <!-- Payment Method Label -->
|
||||
|
||||
<!-- Payment Method Content -->
|
||||
<div class="payment-body">
|
||||
<p>Pay via PayPal; you can pay with your credit card if you don’t have a PayPal account.</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ========== Payment-Method Area (End) ========== -->
|
||||
|
||||
<!-- ========== Cart-Total Area (Start) ========== -->
|
||||
<div class="shop-summary checkout-item">
|
||||
|
||||
<div class="heading">
|
||||
<h2>cart total</h2>
|
||||
</div>
|
||||
|
||||
<div class="summary-list">
|
||||
|
||||
<!-- Subtotal -->
|
||||
<div class="summary-item">
|
||||
<div class="name summary-box">sub total</div>
|
||||
<div class="value summary-box">$300.00</div>
|
||||
</div>
|
||||
|
||||
<!-- Delivery Fee -->
|
||||
<div class="summary-item">
|
||||
<div class="name summary-box">delivery fee</div>
|
||||
<div class="value summary-box">$30.00</div>
|
||||
</div>
|
||||
|
||||
<!-- Discount -->
|
||||
<div class="summary-item">
|
||||
<div class="name summary-box">discount</div>
|
||||
<div class="value summary-box">$60.00</div>
|
||||
</div>
|
||||
|
||||
<!-- Tax -->
|
||||
<div class="summary-item">
|
||||
<div class="name summary-box">tax</div>
|
||||
<div class="value summary-box">$30.00</div>
|
||||
</div>
|
||||
|
||||
<!-- Total -->
|
||||
<div class="summary-item">
|
||||
<div class="name summary-box">total</div>
|
||||
<div class="value summary-box">$300.00</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- ========== Cart-Total Area (End) ========== -->
|
||||
|
||||
<button type="submit" class="btn">place order</button> <!-- Place Order Button -->
|
||||
|
||||
</div>
|
||||
|
||||
</form>
|
||||
|
||||
</section>
|
||||
<!-- ==================== Checkout Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Footer Area (Start) ==================== -->
|
||||
<footer class="footer">
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Gardening and Landscaping Company Information & Social Media Links -->
|
||||
<div class="footer-item">
|
||||
|
||||
<!-- Gardening and Landscaping Company Logo -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<!-- Description -->
|
||||
<p>Transforming outdoor spaces with premium gardening and landscaping solutions.</p>
|
||||
|
||||
<!-- Contact Information -->
|
||||
<div class="info connect">
|
||||
<p><i class="fas fa-phone"></i><span>+123-456-7890</span></p>
|
||||
<p><i class="fas fa-envelope"></i><span class="gmail">info@leafline.com</span></p>
|
||||
<p><i class="fas fa-map-marker-alt"></i><span>LeafLine Company</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>
|
||||
|
||||
<!-- Gardening and Landscaping 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">Garden 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>
|
||||
|
||||
<!-- Gardening and Landscaping 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>
|
||||
|
||||
<!-- 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/payment-method.js"></script> <!-- Handles website's payment method functionality -->
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -0,0 +1,444 @@
|
||||
<!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>LeafLine | Gardening and Landscaping Website</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">
|
||||
|
||||
<!-- Custom Stylesheets -->
|
||||
<link rel="stylesheet" href="../../assets/css/main.css">
|
||||
<link rel="stylesheet" href="../../assets/css/responsive.css">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- ==================== 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>LeafLine Company</span></li>
|
||||
<li><i class="fa-solid fa-phone"></i><span>+123-456-7890</span></li>
|
||||
<li><i class="fa-solid fa-envelope"></i><span class="gmail">info@leafline.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>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</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>login</h2>
|
||||
</div>
|
||||
|
||||
<div class="link">
|
||||
<a href="../../index.html">Home</a>
|
||||
<i class="fa-solid fa-angles-right"></i>
|
||||
<span class="page">login</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ==================== Page-Title (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Login Area (Start) ==================== -->
|
||||
<section class="login">
|
||||
|
||||
<!-- Login Form -->
|
||||
<form class="account-form">
|
||||
|
||||
<h3>login</h3> <!-- Form Heading -->
|
||||
|
||||
<input type="email" name="email" placeholder="enter your email" id="email" class="box" required> <!-- Email Input -->
|
||||
<input type="password" name="password" placeholder="enter your password" id="password" class="box" required> <!-- Password Input -->
|
||||
|
||||
<!-- Remember Me Checkbox and Forgot Password Link -->
|
||||
<div class="info">
|
||||
|
||||
<!-- Remember Me Checkbox -->
|
||||
<div class="checkbox-label">
|
||||
<input type="checkbox" checked="checked" id="remember-me">
|
||||
<label for="remember-me">remember me</label>
|
||||
<div class="checkbox-indicator"></div>
|
||||
</div>
|
||||
|
||||
<!-- Forgot Password Link -->
|
||||
<div class="forgot">
|
||||
<a class="link" href="./Reset-Password.html">forgot password?</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Login Button -->
|
||||
<button type="submit" class="btn" name="login" id="login-btn">login</button>
|
||||
|
||||
<!-- Registration Link -->
|
||||
<p>don't have an account? <a class="link" href="./Register.html">register</a></p>
|
||||
|
||||
</form>
|
||||
<!-- Login Form (End) -->
|
||||
|
||||
</section>
|
||||
<!-- ==================== Login Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Footer Area (Start) ==================== -->
|
||||
<footer class="footer">
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Gardening and Landscaping Company Information & Social Media Links -->
|
||||
<div class="footer-item">
|
||||
|
||||
<!-- Gardening and Landscaping Company Logo -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<!-- Description -->
|
||||
<p>Transforming outdoor spaces with premium gardening and landscaping solutions.</p>
|
||||
|
||||
<!-- Contact Information -->
|
||||
<div class="info connect">
|
||||
<p><i class="fas fa-phone"></i><span>+123-456-7890</span></p>
|
||||
<p><i class="fas fa-envelope"></i><span class="gmail">info@leafline.com</span></p>
|
||||
<p><i class="fas fa-map-marker-alt"></i><span>LeafLine Company</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>
|
||||
|
||||
<!-- Gardening and Landscaping 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">Garden 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>
|
||||
|
||||
<!-- Gardening and Landscaping 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,690 @@
|
||||
<!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>LeafLine | Gardening and Landscaping Website</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">
|
||||
|
||||
<!-- Custom Stylesheets -->
|
||||
<link rel="stylesheet" href="../../assets/css/main.css">
|
||||
<link rel="stylesheet" href="../../assets/css/responsive.css">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- ==================== 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>LeafLine Company</span></li>
|
||||
<li><i class="fa-solid fa-phone"></i><span>+123-456-7890</span></li>
|
||||
<li><i class="fa-solid fa-envelope"></i><span class="gmail">info@leafline.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>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</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>Product Single</h2>
|
||||
</div>
|
||||
|
||||
<div class="link">
|
||||
<a href="../../index.html">Home</a>
|
||||
<i class="fa-solid fa-angles-right"></i>
|
||||
<span class="page">Product Single</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ==================== Page-Title (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Product Single Area (Start) ==================== -->
|
||||
<section class="product-single">
|
||||
|
||||
<!-- ========== Product-Description Area (Start) ========== -->
|
||||
<div class="product-des">
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Product Image -->
|
||||
<div class="image">
|
||||
<div class="image-container">
|
||||
|
||||
<!-- Main Product image -->
|
||||
<div class="main">
|
||||
<img src="../../assets/images/Shop/Product-Gallery/1.jpg" alt="Product Image"> <!-- Main Axe product image -->
|
||||
</div>
|
||||
|
||||
<!-- Product Image Gallery Buttons -->
|
||||
<div class="change-btns">
|
||||
<img class="active" src="../../assets/images/Shop/Product-Gallery/1.jpg" alt="Product Image 1"> <!-- Active image in the gallery -->
|
||||
<img src="../../assets/images/Shop/Product-Gallery/2.jpg" alt="Product Image 2"> <!-- Image in the gallery -->
|
||||
<img src="../../assets/images/Shop/Product-Gallery/3.jpg" alt="Product Image 3"> <!-- Image in the gallery -->
|
||||
<img src="../../assets/images/Shop/Product-Gallery/4.jpg" alt="Product Image 4"> <!-- Image in the gallery -->
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Product Information -->
|
||||
<div class="content">
|
||||
<div class="text">
|
||||
|
||||
<div class="introduction">
|
||||
<h3>Axe</h3> <!-- Product Title -->
|
||||
<div class="price">$40.00/- <span>$50.00</span></div> <!-- Product price -->
|
||||
<div class="intro">
|
||||
<!-- Product Rating -->
|
||||
<div class="rating">
|
||||
<i class="fas fa-star"></i>
|
||||
<i class="fas fa-star"></i>
|
||||
<i class="fas fa-star"></i>
|
||||
<i class="fas fa-star"></i>
|
||||
<i class="fas fa-star"></i>
|
||||
</div>
|
||||
<span>5.0 (10)</span> <!-- Number of reviews -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p>Make your gardening and landscaping tasks effortless with our premium Axe. Built for strength, balance, and precision, this tool is perfect for chopping wood, trimming branches, and clearing overgrown areas. Its ergonomic handle provides a secure grip, ensuring comfort and control during extended use. Durable and dependable, our Axe is a must-have for maintaining a tidy and well-kept outdoor space.</p> <!-- Product Description -->
|
||||
|
||||
<!-- Quantity Box -->
|
||||
<div class="box">
|
||||
|
||||
<div class='qty'>
|
||||
<h4>Qty:</h4>
|
||||
<div class="quantity buttons_added">
|
||||
<input type="button" value="-" class="minus">
|
||||
<input type="number" step="1" min="1" max="100" name="quantity" value="1" title="Qty" class="input-text qty text">
|
||||
<input type="button" value="+" class="plus">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<a href="../../pages/Gardening/Cart.html" class="btn">add to cart</a> <!-- Add To Cart Button -->
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Product Categories -->
|
||||
<div class='categories'>
|
||||
<h4>Categories:</h4>
|
||||
<a href="#">Gardening Tools</a>
|
||||
<a href="#">Outdoor Equipment</a>
|
||||
</div>
|
||||
|
||||
<!-- Product Tags -->
|
||||
<div class='tags'>
|
||||
<h4>Tags:</h4>
|
||||
<a href="#">Axe</a>
|
||||
<a href="#">Wood Cutting</a>
|
||||
<a href="#">Landscaping</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="product-info tab-info">
|
||||
|
||||
<!-- Tab Buttons -->
|
||||
<div class="tab-buttons">
|
||||
<button type="button" class="button active" data-target="#description">description</button> <!-- Active tab button for description -->
|
||||
<button type="button" class="button" data-target="#additional">additional information</button> <!-- Tab button for additional information -->
|
||||
<button type="button" class="button" data-target="#reviews">reviews (5)</button> <!-- Tab button for reviews -->
|
||||
</div>
|
||||
|
||||
<!-- Tab Sections -->
|
||||
<div class="tab-sections">
|
||||
|
||||
<!-- Description Tab Section -->
|
||||
<div class="tab-section active" id="description">
|
||||
<div class="description">
|
||||
<p>Handle your toughest gardening and landscaping tasks with our heavy-duty Axe. Designed for balance, strength, and precision, it’s ideal for chopping firewood, trimming branches, and clearing dense areas with ease. Crafted from premium steel and a shock-absorbing wooden handle, this Axe offers superior control and comfort even during extended use. Perfect for both professionals and home gardeners who value performance and reliability.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Additional Information Tab Section -->
|
||||
<div class="tab-section" id="additional">
|
||||
<div class="additional-info">
|
||||
<div class="item"><h3>Material:</h3><span>High-Carbon Steel Blade</span></div> <!-- Axe material -->
|
||||
<div class="item"><h3>Handle Type:</h3><span>Ergonomic Wooden Grip</span></div> <!-- Axe handle -->
|
||||
<div class="item"><h3>Blade Length:</h3><span>4.5 inches</span></div> <!-- Axe blade length -->
|
||||
<div class="item"><h3>Total Length:</h3><span>28 inches</span></div> <!-- Axe total length -->
|
||||
<div class="item"><h3>Weight:</h3><span>2.5 kg</span></div> <!-- Axe weight -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Reviews Tab Section -->
|
||||
<div class="tab-section" id="reviews">
|
||||
<div class="reviews">
|
||||
|
||||
<h2>5 Reviews</h2>
|
||||
|
||||
<!-- Review Comment 1 -->
|
||||
<div class="comment">
|
||||
<div class="comment-image">
|
||||
<img src="../../assets/images/Shop/Reviews/Pic-1.jpg" alt="comment-author-Pic">
|
||||
</div>
|
||||
<div class="comment-content">
|
||||
<h3>Emily Green</h3>
|
||||
<h6>Aug 10, 2025</h6>
|
||||
<p class="text">This Axe is incredibly well-balanced and sharp! I use it regularly for trimming branches, and it never disappoints. Great quality and easy to handle.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Review Comment 2 -->
|
||||
<div class="comment">
|
||||
<div class="comment-image">
|
||||
<img src="../../assets/images/Shop/Reviews/Pic-2.jpg" alt="comment-author-Pic">
|
||||
</div>
|
||||
<div class="comment-content">
|
||||
<h3>Michael Gardener</h3>
|
||||
<h6>Aug 8, 2025</h6>
|
||||
<p class="text">Excellent craftsmanship! The blade stays sharp, and the handle feels sturdy and comfortable. A must-have tool for any serious gardener.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Leave a Reply Section -->
|
||||
<div class="leave-reply">
|
||||
<form class="form">
|
||||
<h2>Leave a Comment</h2>
|
||||
|
||||
<div class="input-box">
|
||||
<input type="text" name="name" class="box" id="name" placeholder="Name" required>
|
||||
<input type="email" name="email" class="box" id="email" placeholder="Email" required>
|
||||
</div>
|
||||
|
||||
<textarea cols="30" rows="10" name="comment" class="box" id="comment" placeholder="Comment"></textarea>
|
||||
|
||||
<input type="submit" value="Submit" class="btn">
|
||||
</form>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ========== Product-Description Area (End) ========== -->
|
||||
|
||||
<!-- ========== Related Products Area (Start) ========== -->
|
||||
<div class="related-items">
|
||||
|
||||
<!-- Sidebar Heading -->
|
||||
<div class="sidebar-heading">
|
||||
<h2>Related Products</h2>
|
||||
</div>
|
||||
|
||||
<!-- Related Products -->
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Product-1 -->
|
||||
<div class="product-item">
|
||||
<div class="image">
|
||||
<img src="../../assets/images/Shop/Products/Product-2.jpg" alt="Product-Image"> <!-- Product Image -->
|
||||
<div class="options">
|
||||
<a href="../../pages/Shop/Wishlist.html" class="icon"><i class="far fa-heart"></i></a><!-- Add to Wishlist Button -->
|
||||
<a href="../../pages/Shop/Cart.html" class="icon"><i class="fa-solid fa-cart-shopping"></i></a><!-- Add to Cart Button -->
|
||||
<a href="../../pages/Shop/Product-Single.html" class="icon"><i class="fa-solid fa-magnifying-glass"></i></a><!-- Product Detail Page Button -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="rating"> <!-- Product 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>
|
||||
<a href="../../pages/Shop/Product-Single.html"><h3>LawnMower</h3></a> <!-- Product Title -->
|
||||
<div class="price">$40.00 <span>$50.00</span></div> <!-- Product Price -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Product-2 -->
|
||||
<div class="product-item">
|
||||
<div class="image">
|
||||
<img src="../../assets/images/Shop/Products/Product-3.jpg" alt="Product-Image"> <!-- Product Image -->
|
||||
<div class="options">
|
||||
<a href="../../pages/Shop/Wishlist.html" class="icon"><i class="far fa-heart"></i></a><!-- Add to Wishlist Button -->
|
||||
<a href="../../pages/Shop/Cart.html" class="icon"><i class="fa-solid fa-cart-shopping"></i></a><!-- Add to Cart Button -->
|
||||
<a href="../../pages/Shop/Product-Single.html" class="icon"><i class="fa-solid fa-magnifying-glass"></i></a><!-- Product Detail Page Button -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="rating"> <!-- Product 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>
|
||||
<a href="../../pages/Shop/Product-Single.html"><h3>Water Hose</h3></a> <!-- Product Title -->
|
||||
<div class="price">$40.00 <span>$50.00</span></div> <!-- Product Price -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Product-3 -->
|
||||
<div class="product-item">
|
||||
<div class="image">
|
||||
<img src="../../assets/images/Shop/Products/Product-4.jpg" alt="Product-Image"> <!-- Product Image -->
|
||||
<div class="options">
|
||||
<a href="../../pages/Shop/Wishlist.html" class="icon"><i class="far fa-heart"></i></a><!-- Add to Wishlist Button -->
|
||||
<a href="../../pages/Shop/Cart.html" class="icon"><i class="fa-solid fa-cart-shopping"></i></a><!-- Add to Cart Button -->
|
||||
<a href="../../pages/Shop/Product-Single.html" class="icon"><i class="fa-solid fa-magnifying-glass"></i></a><!-- Product Detail Page Button -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="rating"> <!-- Product 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>
|
||||
<a href="../../pages/Shop/Product-Single.html"><h3>Chainsaw</h3></a> <!-- Product Title -->
|
||||
<div class="price">$40.00 <span>$50.00</span></div> <!-- Product Price -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Product-4 -->
|
||||
<div class="product-item">
|
||||
<div class="image">
|
||||
<img src="../../assets/images/Shop/Products/Product-5.jpg" alt="Product-Image"> <!-- Product Image -->
|
||||
<div class="options">
|
||||
<a href="../../pages/Shop/Wishlist.html" class="icon"><i class="far fa-heart"></i></a><!-- Add to Wishlist Button -->
|
||||
<a href="../../pages/Shop/Cart.html" class="icon"><i class="fa-solid fa-cart-shopping"></i></a><!-- Add to Cart Button -->
|
||||
<a href="../../pages/Shop/Product-Single.html" class="icon"><i class="fa-solid fa-magnifying-glass"></i></a><!-- Product Detail Page Button -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="rating"> <!-- Product 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>
|
||||
<a href="../../pages/Shop/Product-Single.html"><h3>Leaf Rake</h3></a> <!-- Product Title -->
|
||||
<div class="price">$40.00 <span>$50.00</span></div> <!-- Product Price -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- ========== Related Products Area (End) ========== -->
|
||||
|
||||
</section>
|
||||
<!-- ==================== Product Single Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Footer Area (Start) ==================== -->
|
||||
<footer class="footer">
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Gardening and Landscaping Company Information & Social Media Links -->
|
||||
<div class="footer-item">
|
||||
|
||||
<!-- Gardening and Landscaping Company Logo -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<!-- Description -->
|
||||
<p>Transforming outdoor spaces with premium gardening and landscaping solutions.</p>
|
||||
|
||||
<!-- Contact Information -->
|
||||
<div class="info connect">
|
||||
<p><i class="fas fa-phone"></i><span>+123-456-7890</span></p>
|
||||
<p><i class="fas fa-envelope"></i><span class="gmail">info@leafline.com</span></p>
|
||||
<p><i class="fas fa-map-marker-alt"></i><span>LeafLine Company</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>
|
||||
|
||||
<!-- Gardening and Landscaping 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">Garden 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>
|
||||
|
||||
<!-- Gardening and Landscaping 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>
|
||||
|
||||
<!-- 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/Product-Gallery.js"></script> <!-- Manages the product gallery functionality on the website, allowing users to view and interact with product images in a gallery format. -->
|
||||
<script src="../../assets/js/quantity.js"></script> <!-- Handles quantity functionality -->
|
||||
<script src="../../assets/js/tab-info.js"></script> <!-- allows users to switch between different sections of content by clicking on tab buttons -->
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,436 @@
|
||||
<!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>LeafLine | Gardening and Landscaping Website</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">
|
||||
|
||||
<!-- Custom Stylesheets -->
|
||||
<link rel="stylesheet" href="../../assets/css/main.css">
|
||||
<link rel="stylesheet" href="../../assets/css/responsive.css">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- ==================== 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>LeafLine Company</span></li>
|
||||
<li><i class="fa-solid fa-phone"></i><span>+123-456-7890</span></li>
|
||||
<li><i class="fa-solid fa-envelope"></i><span class="gmail">info@leafline.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>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</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>register</h2>
|
||||
</div>
|
||||
|
||||
<div class="link">
|
||||
<a href="../../index.html">Home</a>
|
||||
<i class="fa-solid fa-angles-right"></i>
|
||||
<span class="page">register</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ==================== Page-Title (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Register Area (Start) ==================== -->
|
||||
<section class="register">
|
||||
|
||||
<!-- Registration Form (Start) -->
|
||||
<form class="account-form">
|
||||
|
||||
<h3>register</h3> <!-- Form Heading -->
|
||||
|
||||
<input type="text" name="name" placeholder="enter your name" id="name" class="box" required> <!-- Name Input -->
|
||||
<input type="email" name="email" placeholder="enter your email" id="email" class="box" required> <!-- Email Input -->
|
||||
<input type="password" name="password" placeholder="enter your password" id="password" class="box" required> <!-- Password Input -->
|
||||
<input type="password" name="repeat-password" placeholder="repeat your password" id="repeat-password" class="box" required> <!-- Repeat Password Input -->
|
||||
|
||||
<!-- Terms and Conditions Checkbox -->
|
||||
<div class="checkbox-label">
|
||||
<input type="checkbox" checked="checked" id="terms">
|
||||
<label for="terms">i agree with the <span> terms & conditions</span></label>
|
||||
<div class="checkbox-indicator"></div>
|
||||
</div>
|
||||
|
||||
<!-- Register Button -->
|
||||
<button type="submit" class="btn" name="register" id="register">register</button>
|
||||
|
||||
<!-- Login Link -->
|
||||
<p>already have an account? <a class="link" href="./Login.html">login</a></p>
|
||||
|
||||
</form>
|
||||
<!-- Registration Form (End) -->
|
||||
|
||||
</section>
|
||||
<!-- ==================== Register Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Footer Area (Start) ==================== -->
|
||||
<footer class="footer">
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Gardening and Landscaping Company Information & Social Media Links -->
|
||||
<div class="footer-item">
|
||||
|
||||
<!-- Gardening and Landscaping Company Logo -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<!-- Description -->
|
||||
<p>Transforming outdoor spaces with premium gardening and landscaping solutions.</p>
|
||||
|
||||
<!-- Contact Information -->
|
||||
<div class="info connect">
|
||||
<p><i class="fas fa-phone"></i><span>+123-456-7890</span></p>
|
||||
<p><i class="fas fa-envelope"></i><span class="gmail">info@leafline.com</span></p>
|
||||
<p><i class="fas fa-map-marker-alt"></i><span>LeafLine Company</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>
|
||||
|
||||
<!-- Gardening and Landscaping 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">Garden 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>
|
||||
|
||||
<!-- Gardening and Landscaping 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,423 @@
|
||||
<!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>LeafLine | Gardening and Landscaping Website</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">
|
||||
|
||||
<!-- Custom Stylesheets -->
|
||||
<link rel="stylesheet" href="../../assets/css/main.css">
|
||||
<link rel="stylesheet" href="../../assets/css/responsive.css">
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- ==================== 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>LeafLine Company</span></li>
|
||||
<li><i class="fa-solid fa-phone"></i><span>+123-456-7890</span></li>
|
||||
<li><i class="fa-solid fa-envelope"></i><span class="gmail">info@leafline.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>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</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>Reset Password</h2>
|
||||
</div>
|
||||
|
||||
<div class="link">
|
||||
<a href="../../index.html">Home</a>
|
||||
<i class="fa-solid fa-angles-right"></i>
|
||||
<span class="page">Reset Password</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ==================== Page-Title (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Reset-Password Area (Start) ==================== -->
|
||||
<section class="reset-pwd">
|
||||
|
||||
<!-- Reset Password Form (Start) -->
|
||||
<form class="account-form dark-form">
|
||||
|
||||
<h3>Forgot Password!</h3> <!-- Form Heading -->
|
||||
|
||||
<input type="email" name="email" placeholder="Enter your email" id="email" class="box" required> <!-- Email Input Field -->
|
||||
<button type="submit" class="btn" name="reset-link" id="reset-link">Send Reset Link</button> <!-- Submit Button to Send Reset Link -->
|
||||
<p>Don't have an account? <a class="link" href="./Register.html">Register</a></p> <!-- Link to Register for Users Without an Account -->
|
||||
|
||||
</form>
|
||||
<!-- Reset Password Form (End) -->
|
||||
|
||||
</section>
|
||||
<!-- ==================== Reset-Password Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Footer Area (Start) ==================== -->
|
||||
<footer class="footer">
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Gardening and Landscaping Company Information & Social Media Links -->
|
||||
<div class="footer-item">
|
||||
|
||||
<!-- Gardening and Landscaping Company Logo -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<!-- Description -->
|
||||
<p>Transforming outdoor spaces with premium gardening and landscaping solutions.</p>
|
||||
|
||||
<!-- Contact Information -->
|
||||
<div class="info connect">
|
||||
<p><i class="fas fa-phone"></i><span>+123-456-7890</span></p>
|
||||
<p><i class="fas fa-envelope"></i><span class="gmail">info@leafline.com</span></p>
|
||||
<p><i class="fas fa-map-marker-alt"></i><span>LeafLine Company</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>
|
||||
|
||||
<!-- Gardening and Landscaping 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">Garden 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>
|
||||
|
||||
<!-- Gardening and Landscaping 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,801 @@
|
||||
<!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>LeafLine | Gardening and Landscaping Website</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">
|
||||
|
||||
<!-- Custom Stylesheets -->
|
||||
<link rel="stylesheet" href="../../assets/css/main.css">
|
||||
<link rel="stylesheet" href="../../assets/css/responsive.css">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- ==================== 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>LeafLine Company</span></li>
|
||||
<li><i class="fa-solid fa-phone"></i><span>+123-456-7890</span></li>
|
||||
<li><i class="fa-solid fa-envelope"></i><span class="gmail">info@leafline.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>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</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>Shop Grid</h2>
|
||||
</div>
|
||||
|
||||
<div class="link">
|
||||
<a href="../../index.html">Home</a>
|
||||
<i class="fa-solid fa-angles-right"></i>
|
||||
<span class="page">Shop Grid</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ==================== Page-Title (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Shop-Grid Area (Start) ==================== -->
|
||||
<section class="shop">
|
||||
|
||||
<!-- ========== Shop Sidebar Area (Start) ========== -->
|
||||
<div class="sidebar">
|
||||
|
||||
<!-- ===== Category Area (Start) ===== -->
|
||||
<div class="category sidebar-item">
|
||||
|
||||
<!-- Sidebar Heading: Categories -->
|
||||
<div class="sidebar-heading">
|
||||
<h2>categories</h2>
|
||||
</div>
|
||||
|
||||
<!-- Shop Categories -->
|
||||
<div class="box-container">
|
||||
<a href="#" class="item"> <span><i class="fa-brands fa-pagelines"></i>All Products</span> <p>(30)</p> </a>
|
||||
<a href="#" class="item"> <span><i class="fa-brands fa-pagelines"></i>Plants & Flowers</span> <p>(08)</p> </a>
|
||||
<a href="#" class="item"> <span><i class="fa-brands fa-pagelines"></i>Tools & Equipment</span> <p>(06)</p> </a>
|
||||
<a href="#" class="item"> <span><i class="fa-brands fa-pagelines"></i>Fertilizers & Chemicals</span> <p>(04)</p> </a>
|
||||
<a href="#" class="item"> <span><i class="fa-brands fa-pagelines"></i>Outdoor Decor</span> <p>(06)</p> </a>
|
||||
<a href="#" class="item"> <span><i class="fa-brands fa-pagelines"></i>Landscaping Materials</span> <p>(06)</p> </a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ===== Category Area (End) ===== -->
|
||||
|
||||
<!-- ===== Filter Products (Start) ===== -->
|
||||
<div class="filter sidebar-item">
|
||||
|
||||
<!-- Sidebar Heading: Filter Products -->
|
||||
<div class="sidebar-heading">
|
||||
<h2>Product Filter</h2>
|
||||
</div>
|
||||
|
||||
<div class="box-container">
|
||||
<!-- Slider -->
|
||||
<div class="slider">
|
||||
<div class="progress"></div>
|
||||
</div>
|
||||
<!-- Range Input -->
|
||||
<div class="range-input">
|
||||
<input type="range" class="range-min" min="0" max="1000" value="250" step="10">
|
||||
<input type="range" class="range-max" min="0" max="1000" value="750" step="10">
|
||||
</div>
|
||||
<!-- Price Wrap -->
|
||||
<div class="price-wrap">
|
||||
<!-- Price Input -->
|
||||
<div class="price-input">
|
||||
<!-- Minimum Price Field -->
|
||||
<div class="field">
|
||||
<span>$</span>
|
||||
<input type="number" class="input-min" value="250">
|
||||
</div>
|
||||
<!-- Separator -->
|
||||
<div class="separator">-</div>
|
||||
<!-- Maximum Price Field -->
|
||||
<div class="field">
|
||||
<span>$</span>
|
||||
<input type="number" class="input-max" value="750">
|
||||
</div>
|
||||
</div>
|
||||
<!-- Filter Button -->
|
||||
<span class="btn">FILTER</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- ===== Filter Products (End) ===== -->
|
||||
|
||||
<!-- ===== Popular Products Area (Start) ===== -->
|
||||
<div class="popular-products sidebar-item">
|
||||
|
||||
<!-- Sidebar Heading: Popular Products -->
|
||||
<div class="sidebar-heading">
|
||||
<h2>popular products</h2>
|
||||
</div>
|
||||
|
||||
<!-- Popular Products -->
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Popular Product 1 -->
|
||||
<div class="post-item">
|
||||
<img src="../../assets/images/Shop/Products/Product-1.jpg" alt="Popular-Product-Image"> <!-- Product Image -->
|
||||
<div class="content">
|
||||
<a href="../../pages/Shop/Product-Single.html">Axe</a> <!-- Product Title -->
|
||||
<div class="price">
|
||||
<p>$40.00 <span>$50.00</span></p> <!-- Product Price -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Popular Product 2 -->
|
||||
<div class="post-item">
|
||||
<img src="../../assets/images/Shop/Products/Product-3.jpg" alt="Popular-Product-Image"> <!-- Product Image -->
|
||||
<div class="content">
|
||||
<a href="../../pages/Shop/Product-Single.html">Water Hose</a> <!-- Product Title -->
|
||||
<div class="price">
|
||||
<p>$40.00 <span>$50.00</span></p> <!-- Product Price -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Popular Product 3 -->
|
||||
<div class="post-item">
|
||||
<img src="../../assets/images/Shop/Products/Product-5.jpg" alt="Popular-Product-Image"> <!-- Product Image -->
|
||||
<div class="content">
|
||||
<a href="../../pages/Shop/Product-Single.html">Leaf Rake</a> <!-- Product Title -->
|
||||
<div class="price">
|
||||
<p>$40.00 <span>$50.00</span></p> <!-- Product Price -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ===== Popular Products Area (End) ===== -->
|
||||
|
||||
</div>
|
||||
<!-- ========== Shop Sidebar Area (End) ========== -->
|
||||
|
||||
<!-- ========== Shop Container (Start) ========== -->
|
||||
<div class="shop-container">
|
||||
|
||||
<!-- ===== Shop Header (Start) ===== -->
|
||||
<div class="intro">
|
||||
|
||||
<!-- Showing Products Count -->
|
||||
<div class="showing">showing 9 of 30 products </div>
|
||||
|
||||
<!-- Display Styles -->
|
||||
<div class="styles">
|
||||
<a href="../../pages/Shop/Shop-Grid.html" class="fas fa-th"></a>
|
||||
<a href="../../pages/Shop/Shop-List.html" class="fas fa-list"></a>
|
||||
</div>
|
||||
|
||||
<!-- Sorting Type -->
|
||||
<div class="sorting-type">
|
||||
|
||||
<!-- Sorting Label -->
|
||||
<label for="sort">sort by:</label>
|
||||
|
||||
<!-- Sorting Options -->
|
||||
<select name="sort" id="sort">
|
||||
<option value="default">default</option>
|
||||
<option value="name, A to Z">name, A to Z</option>
|
||||
<option value="mname, Z to A">name, Z to A</option>
|
||||
<option value="price, low to high">price, low to high</option>
|
||||
<option value="price, high to low">price, high to low</option>
|
||||
</select>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ===== Shop Header (End) ===== -->
|
||||
|
||||
<!-- ===== Products (Start) ===== -->
|
||||
<div class="product-container grid">
|
||||
|
||||
<!-- Product-1 -->
|
||||
<div class="product-item">
|
||||
<div class="image">
|
||||
<img src="../../assets/images/Shop/Products/Product-1.jpg" alt="Product-Image"> <!-- Product Image -->
|
||||
<div class="options">
|
||||
<a href="../../pages/Shop/Wishlist.html" class="icon"><i class="far fa-heart"></i></a><!-- Add to Wishlist Button -->
|
||||
<a href="../../pages/Shop/Cart.html" class="icon"><i class="fa-solid fa-cart-shopping"></i></a><!-- Add to Cart Button -->
|
||||
<a href="../../pages/Shop/Product-Single.html" class="icon"><i class="fa-solid fa-magnifying-glass"></i></a><!-- Product Detail Page Button -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<a href="../../pages/Shop/Product-Single.html"><h3>Axe</h3></a> <!-- Product Title -->
|
||||
<div class="price">$40.00 <span>$50.00</span></div> <!-- Product Price -->
|
||||
<div class="rating"> <!-- Product 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>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Product-2 -->
|
||||
<div class="product-item">
|
||||
<div class="image">
|
||||
<img src="../../assets/images/Shop/Products/Product-2.jpg" alt="Product-Image"> <!-- Product Image -->
|
||||
<div class="options">
|
||||
<a href="../../pages/Shop/Wishlist.html" class="icon"><i class="far fa-heart"></i></a><!-- Add to Wishlist Button -->
|
||||
<a href="../../pages/Shop/Cart.html" class="icon"><i class="fa-solid fa-cart-shopping"></i></a><!-- Add to Cart Button -->
|
||||
<a href="../../pages/Shop/Product-Single.html" class="icon"><i class="fa-solid fa-magnifying-glass"></i></a><!-- Product Detail Page Button -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<a href="../../pages/Shop/Product-Single.html"><h3>LawnMower</h3></a> <!-- Product Title -->
|
||||
<div class="price">$40.00 <span>$50.00</span></div> <!-- Product Price -->
|
||||
<div class="rating"> <!-- Product 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>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Product-3 -->
|
||||
<div class="product-item">
|
||||
<div class="image">
|
||||
<img src="../../assets/images/Shop/Products/Product-3.jpg" alt="Product-Image"> <!-- Product Image -->
|
||||
<div class="options">
|
||||
<a href="../../pages/Shop/Wishlist.html" class="icon"><i class="far fa-heart"></i></a><!-- Add to Wishlist Button -->
|
||||
<a href="../../pages/Shop/Cart.html" class="icon"><i class="fa-solid fa-cart-shopping"></i></a><!-- Add to Cart Button -->
|
||||
<a href="../../pages/Shop/Product-Single.html" class="icon"><i class="fa-solid fa-magnifying-glass"></i></a><!-- Product Detail Page Button -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<a href="../../pages/Shop/Product-Single.html"><h3>Water Hose</h3></a> <!-- Product Title -->
|
||||
<div class="price">$40.00 <span>$50.00</span></div> <!-- Product Price -->
|
||||
<div class="rating"> <!-- Product 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>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Product-4 -->
|
||||
<div class="product-item">
|
||||
<div class="image">
|
||||
<img src="../../assets/images/Shop/Products/Product-4.jpg" alt="Product-Image"> <!-- Product Image -->
|
||||
<div class="options">
|
||||
<a href="../../pages/Shop/Wishlist.html" class="icon"><i class="far fa-heart"></i></a><!-- Add to Wishlist Button -->
|
||||
<a href="../../pages/Shop/Cart.html" class="icon"><i class="fa-solid fa-cart-shopping"></i></a><!-- Add to Cart Button -->
|
||||
<a href="../../pages/Shop/Product-Single.html" class="icon"><i class="fa-solid fa-magnifying-glass"></i></a><!-- Product Detail Page Button -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<a href="../../pages/Shop/Product-Single.html"><h3>Chainsaw</h3></a> <!-- Product Title -->
|
||||
<div class="price">$40.00 <span>$50.00</span></div> <!-- Product Price -->
|
||||
<div class="rating"> <!-- Product 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>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Product-5 -->
|
||||
<div class="product-item">
|
||||
<div class="image">
|
||||
<img src="../../assets/images/Shop/Products/Product-5.jpg" alt="Product-Image"> <!-- Product Image -->
|
||||
<div class="options">
|
||||
<a href="../../pages/Shop/Wishlist.html" class="icon"><i class="far fa-heart"></i></a><!-- Add to Wishlist Button -->
|
||||
<a href="../../pages/Shop/Cart.html" class="icon"><i class="fa-solid fa-cart-shopping"></i></a><!-- Add to Cart Button -->
|
||||
<a href="../../pages/Shop/Product-Single.html" class="icon"><i class="fa-solid fa-magnifying-glass"></i></a><!-- Product Detail Page Button -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<a href="../../pages/Shop/Product-Single.html"><h3>Leaf Rake</h3></a> <!-- Product Title -->
|
||||
<div class="price">$40.00 <span>$50.00</span></div> <!-- Product Price -->
|
||||
<div class="rating"> <!-- Product 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>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Product-6 -->
|
||||
<div class="product-item">
|
||||
<div class="image">
|
||||
<img src="../../assets/images/Shop/Products/Product-6.jpg" alt="Product-Image"> <!-- Product Image -->
|
||||
<div class="options">
|
||||
<a href="../../pages/Shop/Wishlist.html" class="icon"><i class="far fa-heart"></i></a><!-- Add to Wishlist Button -->
|
||||
<a href="../../pages/Shop/Cart.html" class="icon"><i class="fa-solid fa-cart-shopping"></i></a><!-- Add to Cart Button -->
|
||||
<a href="../../pages/Shop/Product-Single.html" class="icon"><i class="fa-solid fa-magnifying-glass"></i></a><!-- Product Detail Page Button -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<a href="../../pages/Shop/Product-Single.html"><h3>Sprinkler</h3></a> <!-- Product Title -->
|
||||
<div class="price">$40.00 <span>$50.00</span></div> <!-- Product Price -->
|
||||
<div class="rating"> <!-- Product 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>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Product-7 -->
|
||||
<div class="product-item">
|
||||
<div class="image">
|
||||
<img src="../../assets/images/Shop/Products/Product-7.jpg" alt="Product-Image"> <!-- Product Image -->
|
||||
<div class="options">
|
||||
<a href="../../pages/Shop/Wishlist.html" class="icon"><i class="far fa-heart"></i></a><!-- Add to Wishlist Button -->
|
||||
<a href="../../pages/Shop/Cart.html" class="icon"><i class="fa-solid fa-cart-shopping"></i></a><!-- Add to Cart Button -->
|
||||
<a href="../../pages/Shop/Product-Single.html" class="icon"><i class="fa-solid fa-magnifying-glass"></i></a><!-- Product Detail Page Button -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<a href="../../pages/Shop/Product-Single.html"><h3>Trash Bin</h3></a> <!-- Product Title -->
|
||||
<div class="price">$40.00 <span>$50.00</span></div> <!-- Product Price -->
|
||||
<div class="rating"> <!-- Product 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>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Product-8 -->
|
||||
<div class="product-item">
|
||||
<div class="image">
|
||||
<img src="../../assets/images/Shop/Products/Product-8.jpg" alt="Product-Image"> <!-- Product Image -->
|
||||
<div class="options">
|
||||
<a href="../../pages/Shop/Wishlist.html" class="icon"><i class="far fa-heart"></i></a><!-- Add to Wishlist Button -->
|
||||
<a href="../../pages/Shop/Cart.html" class="icon"><i class="fa-solid fa-cart-shopping"></i></a><!-- Add to Cart Button -->
|
||||
<a href="../../pages/Shop/Product-Single.html" class="icon"><i class="fa-solid fa-magnifying-glass"></i></a><!-- Product Detail Page Button -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<a href="../../pages/Shop/Product-Single.html"><h3>secateurs</h3></a> <!-- Product Title -->
|
||||
<div class="price">$40.00 <span>$50.00</span></div> <!-- Product Price -->
|
||||
<div class="rating"> <!-- Product 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>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Product-9 -->
|
||||
<div class="product-item">
|
||||
<div class="image">
|
||||
<img src="../../assets/images/Shop/Products/Product-9.jpg" alt="Product-Image"> <!-- Product Image -->
|
||||
<div class="options">
|
||||
<a href="../../pages/Shop/Wishlist.html" class="icon"><i class="far fa-heart"></i></a><!-- Add to Wishlist Button -->
|
||||
<a href="../../pages/Shop/Cart.html" class="icon"><i class="fa-solid fa-cart-shopping"></i></a><!-- Add to Cart Button -->
|
||||
<a href="../../pages/Shop/Product-Single.html" class="icon"><i class="fa-solid fa-magnifying-glass"></i></a><!-- Product Detail Page Button -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<a href="../../pages/Shop/Product-Single.html"><h3>Tools</h3></a> <!-- Product Title -->
|
||||
<div class="price">$40.00 <span>$50.00</span></div> <!-- Product Price -->
|
||||
<div class="rating"> <!-- Product 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>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ===== Products (Ends) ===== -->
|
||||
|
||||
<!-- ===== Pagination (Start) ===== -->
|
||||
<div class="pages-no">
|
||||
<div class="container">
|
||||
<!-- Previous Page Button -->
|
||||
<div class="item">
|
||||
<i class="fas fa-arrow-left"></i>
|
||||
</div>
|
||||
<!-- Page Numbers -->
|
||||
<div class="numbers">
|
||||
<div class="item active">1</div>
|
||||
<div class="item">2</div>
|
||||
<div class="item">3</div>
|
||||
</div>
|
||||
<!-- Next Page Button -->
|
||||
<div class="item">
|
||||
<i class="fas fa-arrow-right"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- ===== Pagination (End) ===== -->
|
||||
|
||||
</div>
|
||||
<!-- ========== Shop Container (End) ========== -->
|
||||
|
||||
</section>
|
||||
<!-- ==================== Shop-Grid Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Footer Area (Start) ==================== -->
|
||||
<footer class="footer">
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Gardening and Landscaping Company Information & Social Media Links -->
|
||||
<div class="footer-item">
|
||||
|
||||
<!-- Gardening and Landscaping Company Logo -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<!-- Description -->
|
||||
<p>Transforming outdoor spaces with premium gardening and landscaping solutions.</p>
|
||||
|
||||
<!-- Contact Information -->
|
||||
<div class="info connect">
|
||||
<p><i class="fas fa-phone"></i><span>+123-456-7890</span></p>
|
||||
<p><i class="fas fa-envelope"></i><span class="gmail">info@leafline.com</span></p>
|
||||
<p><i class="fas fa-map-marker-alt"></i><span>LeafLine Company</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>
|
||||
|
||||
<!-- Gardening and Landscaping 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">Garden 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>
|
||||
|
||||
<!-- Gardening and Landscaping 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>
|
||||
|
||||
<!-- 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/Price-Filter.js"></script> <!-- Handles the price filtering functionality -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,692 @@
|
||||
<!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>LeafLine | Gardening and Landscaping Website</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">
|
||||
|
||||
<!-- Custom Stylesheets -->
|
||||
<link rel="stylesheet" href="../../assets/css/main.css">
|
||||
<link rel="stylesheet" href="../../assets/css/responsive.css">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- ==================== 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>LeafLine Company</span></li>
|
||||
<li><i class="fa-solid fa-phone"></i><span>+123-456-7890</span></li>
|
||||
<li><i class="fa-solid fa-envelope"></i><span class="gmail">info@leafline.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>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</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>Shop List</h2>
|
||||
</div>
|
||||
|
||||
<div class="link">
|
||||
<a href="../../index.html">Home</a>
|
||||
<i class="fa-solid fa-angles-right"></i>
|
||||
<span class="page">Shop List</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ==================== Page-Title (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Shop-List Area (Start) ==================== -->
|
||||
<section class="shop">
|
||||
|
||||
<!-- ========== Shop Sidebar Area (Start) ========== -->
|
||||
<div class="sidebar">
|
||||
|
||||
<!-- ===== Category Area (Start) ===== -->
|
||||
<div class="category sidebar-item">
|
||||
|
||||
<!-- Sidebar Heading: Categories -->
|
||||
<div class="sidebar-heading">
|
||||
<h2>categories</h2>
|
||||
</div>
|
||||
|
||||
<!-- Shop Categories -->
|
||||
<div class="box-container">
|
||||
<a href="#" class="item"> <span><i class="fa-brands fa-pagelines"></i>All Products</span> <p>(30)</p> </a>
|
||||
<a href="#" class="item"> <span><i class="fa-brands fa-pagelines"></i>Plants & Flowers</span> <p>(08)</p> </a>
|
||||
<a href="#" class="item"> <span><i class="fa-brands fa-pagelines"></i>Tools & Equipment</span> <p>(06)</p> </a>
|
||||
<a href="#" class="item"> <span><i class="fa-brands fa-pagelines"></i>Fertilizers & Chemicals</span> <p>(04)</p> </a>
|
||||
<a href="#" class="item"> <span><i class="fa-brands fa-pagelines"></i>Outdoor Decor</span> <p>(06)</p> </a>
|
||||
<a href="#" class="item"> <span><i class="fa-brands fa-pagelines"></i>Landscaping Materials</span> <p>(06)</p> </a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ===== Category Area (End) ===== -->
|
||||
|
||||
<!-- ===== Filter Products (Start) ===== -->
|
||||
<div class="filter sidebar-item">
|
||||
|
||||
<!-- Sidebar Heading: Filter Products -->
|
||||
<div class="sidebar-heading">
|
||||
<h2>Product Filter</h2>
|
||||
</div>
|
||||
|
||||
<div class="box-container">
|
||||
<!-- Slider -->
|
||||
<div class="slider">
|
||||
<div class="progress"></div>
|
||||
</div>
|
||||
<!-- Range Input -->
|
||||
<div class="range-input">
|
||||
<input type="range" class="range-min" min="0" max="1000" value="250" step="10">
|
||||
<input type="range" class="range-max" min="0" max="1000" value="750" step="10">
|
||||
</div>
|
||||
<!-- Price Wrap -->
|
||||
<div class="price-wrap">
|
||||
<!-- Price Input -->
|
||||
<div class="price-input">
|
||||
<!-- Minimum Price Field -->
|
||||
<div class="field">
|
||||
<span>$</span>
|
||||
<input type="number" class="input-min" value="250">
|
||||
</div>
|
||||
<!-- Separator -->
|
||||
<div class="separator">-</div>
|
||||
<!-- Maximum Price Field -->
|
||||
<div class="field">
|
||||
<span>$</span>
|
||||
<input type="number" class="input-max" value="750">
|
||||
</div>
|
||||
</div>
|
||||
<!-- Filter Button -->
|
||||
<span class="btn">FILTER</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- ===== Filter Products (End) ===== -->
|
||||
|
||||
<!-- ===== Popular Products Area (Start) ===== -->
|
||||
<div class="popular-products sidebar-item">
|
||||
|
||||
<!-- Sidebar Heading: Popular Products -->
|
||||
<div class="sidebar-heading">
|
||||
<h2>popular products</h2>
|
||||
</div>
|
||||
|
||||
<!-- Popular Products -->
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Popular Product 1 -->
|
||||
<div class="post-item">
|
||||
<img src="../../assets/images/Shop/Products/Product-1.jpg" alt="Popular-Product-Image"> <!-- Product Image -->
|
||||
<div class="content">
|
||||
<a href="../../pages/Shop/Product-Single.html">Axe</a> <!-- Product Title -->
|
||||
<div class="price">
|
||||
<p>$40.00 <span>$50.00</span></p> <!-- Product Price -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Popular Product 2 -->
|
||||
<div class="post-item">
|
||||
<img src="../../assets/images/Shop/Products/Product-3.jpg" alt="Popular-Product-Image"> <!-- Product Image -->
|
||||
<div class="content">
|
||||
<a href="../../pages/Shop/Product-Single.html">Water Hose</a> <!-- Product Title -->
|
||||
<div class="price">
|
||||
<p>$40.00 <span>$50.00</span></p> <!-- Product Price -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Popular Product 3 -->
|
||||
<div class="post-item">
|
||||
<img src="../../assets/images/Shop/Products/Product-5.jpg" alt="Popular-Product-Image"> <!-- Product Image -->
|
||||
<div class="content">
|
||||
<a href="../../pages/Shop/Product-Single.html">Leaf Rake</a> <!-- Product Title -->
|
||||
<div class="price">
|
||||
<p>$40.00 <span>$50.00</span></p> <!-- Product Price -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ===== Popular Products Area (End) ===== -->
|
||||
|
||||
</div>
|
||||
<!-- ========== Shop Sidebar Area (End) ========== -->
|
||||
|
||||
<!-- ========== Shop Container (Start) ========== -->
|
||||
<div class="shop-container">
|
||||
|
||||
<!-- ===== Shop Header (Start) ===== -->
|
||||
<div class="intro">
|
||||
|
||||
<!-- Showing Products Count -->
|
||||
<div class="showing">showing 4 of 30 products </div>
|
||||
|
||||
<!-- Display Styles -->
|
||||
<div class="styles">
|
||||
<a href="../../pages/Shop/Shop-Grid.html" class="fas fa-th"></a>
|
||||
<a href="../../pages/Shop/Shop-List.html" class="fas fa-list"></a>
|
||||
</div>
|
||||
|
||||
<!-- Sorting Type -->
|
||||
<div class="sorting-type">
|
||||
|
||||
<!-- Sorting Label -->
|
||||
<label for="sort">sort by:</label>
|
||||
|
||||
<!-- Sorting Options -->
|
||||
<select name="sort" id="sort">
|
||||
<option value="default">default</option>
|
||||
<option value="name, A to Z">name, A to Z</option>
|
||||
<option value="mname, Z to A">name, Z to A</option>
|
||||
<option value="price, low to high">price, low to high</option>
|
||||
<option value="price, high to low">price, high to low</option>
|
||||
</select>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ===== Shop Header (End) ===== -->
|
||||
|
||||
<!-- ===== Products (Start) ===== -->
|
||||
<div class="product-container list">
|
||||
|
||||
<!-- Product-1 -->
|
||||
<div class="product-item">
|
||||
<div class="image">
|
||||
<img src="../../assets/images/Shop/Products/Product-1.jpg" alt="Product-Image"> <!-- Product Image -->
|
||||
<div class="options">
|
||||
<a href="../../pages/Shop/Wishlist.html" class="icon"><i class="far fa-heart"></i></a><!-- Add to Wishlist Button -->
|
||||
<a href="../../pages/Shop/Cart.html" class="icon"><i class="fa-solid fa-cart-shopping"></i></a><!-- Add to Cart Button -->
|
||||
<a href="../../pages/Shop/Product-Single.html" class="icon"><i class="fa-solid fa-magnifying-glass"></i></a><!-- Product Detail Page Button -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<a href="../../pages/Shop/Product-Single.html"><h3>Axe</h3></a> <!-- Product Title -->
|
||||
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Voluptates fugit inventore numquam error odit dolorum veniam recusandae doloribus dolor et minus sed hic distinctio, tenetur, voluptatem quia excepturi maxime repellat!</p> <!-- Product Description -->
|
||||
<div class="price">$40.00 <span>$50.00</span></div> <!-- Product Price -->
|
||||
<div class="rating"> <!-- Product 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>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Product-2 -->
|
||||
<div class="product-item">
|
||||
<div class="image">
|
||||
<img src="../../assets/images/Shop/Products/Product-2.jpg" alt="Product-Image"> <!-- Product Image -->
|
||||
<div class="options">
|
||||
<a href="../../pages/Shop/Wishlist.html" class="icon"><i class="far fa-heart"></i></a><!-- Add to Wishlist Button -->
|
||||
<a href="../../pages/Shop/Cart.html" class="icon"><i class="fa-solid fa-cart-shopping"></i></a><!-- Add to Cart Button -->
|
||||
<a href="../../pages/Shop/Product-Single.html" class="icon"><i class="fa-solid fa-magnifying-glass"></i></a><!-- Product Detail Page Button -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<a href="../../pages/Shop/Product-Single.html"><h3>LawnMower</h3></a> <!-- Product Title -->
|
||||
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Voluptates fugit inventore numquam error odit dolorum veniam recusandae doloribus dolor et minus sed hic distinctio, tenetur, voluptatem quia excepturi maxime repellat!</p> <!-- Product Description -->
|
||||
<div class="price">$40.00 <span>$50.00</span></div> <!-- Product Price -->
|
||||
<div class="rating"> <!-- Product 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>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Product-3 -->
|
||||
<div class="product-item">
|
||||
<div class="image">
|
||||
<img src="../../assets/images/Shop/Products/Product-3.jpg" alt="Product-Image"> <!-- Product Image -->
|
||||
<div class="options">
|
||||
<a href="../../pages/Shop/Wishlist.html" class="icon"><i class="far fa-heart"></i></a><!-- Add to Wishlist Button -->
|
||||
<a href="../../pages/Shop/Cart.html" class="icon"><i class="fa-solid fa-cart-shopping"></i></a><!-- Add to Cart Button -->
|
||||
<a href="../../pages/Shop/Product-Single.html" class="icon"><i class="fa-solid fa-magnifying-glass"></i></a><!-- Product Detail Page Button -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<a href="../../pages/Shop/Product-Single.html"><h3>Water Hose</h3></a> <!-- Product Title -->
|
||||
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Voluptates fugit inventore numquam error odit dolorum veniam recusandae doloribus dolor et minus sed hic distinctio, tenetur, voluptatem quia excepturi maxime repellat!</p> <!-- Product Description -->
|
||||
<div class="price">$40.00 <span>$50.00</span></div> <!-- Product Price -->
|
||||
<div class="rating"> <!-- Product 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>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Product-4 -->
|
||||
<div class="product-item">
|
||||
<div class="image">
|
||||
<img src="../../assets/images/Shop/Products/Product-4.jpg" alt="Product-Image"> <!-- Product Image -->
|
||||
<div class="options">
|
||||
<a href="../../pages/Shop/Wishlist.html" class="icon"><i class="far fa-heart"></i></a><!-- Add to Wishlist Button -->
|
||||
<a href="../../pages/Shop/Cart.html" class="icon"><i class="fa-solid fa-cart-shopping"></i></a><!-- Add to Cart Button -->
|
||||
<a href="../../pages/Shop/Product-Single.html" class="icon"><i class="fa-solid fa-magnifying-glass"></i></a><!-- Product Detail Page Button -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<a href="../../pages/Shop/Product-Single.html"><h3>Chainsaw</h3></a> <!-- Product Title -->
|
||||
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Voluptates fugit inventore numquam error odit dolorum veniam recusandae doloribus dolor et minus sed hic distinctio, tenetur, voluptatem quia excepturi maxime repellat!</p> <!-- Product Description -->
|
||||
<div class="price">$40.00 <span>$50.00</span></div> <!-- Product Price -->
|
||||
<div class="rating"> <!-- Product 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>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ===== Products (End) ===== -->
|
||||
|
||||
<!-- ===== Pagination (Start) ===== -->
|
||||
<div class="pages-no">
|
||||
<div class="container">
|
||||
<!-- Previous Page Button -->
|
||||
<div class="item">
|
||||
<i class="fas fa-arrow-left"></i>
|
||||
</div>
|
||||
<!-- Page Numbers -->
|
||||
<div class="numbers">
|
||||
<div class="item active">1</div>
|
||||
<div class="item">2</div>
|
||||
<div class="item">3</div>
|
||||
</div>
|
||||
<!-- Next Page Button -->
|
||||
<div class="item">
|
||||
<i class="fas fa-arrow-right"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- ===== Pagination (End) ===== -->
|
||||
|
||||
</div>
|
||||
<!-- ========== Shop Container (End) ========== -->
|
||||
|
||||
</section>
|
||||
<!-- ==================== Shop-List Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Footer Area (Start) ==================== -->
|
||||
<footer class="footer">
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Gardening and Landscaping Company Information & Social Media Links -->
|
||||
<div class="footer-item">
|
||||
|
||||
<!-- Gardening and Landscaping Company Logo -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<!-- Description -->
|
||||
<p>Transforming outdoor spaces with premium gardening and landscaping solutions.</p>
|
||||
|
||||
<!-- Contact Information -->
|
||||
<div class="info connect">
|
||||
<p><i class="fas fa-phone"></i><span>+123-456-7890</span></p>
|
||||
<p><i class="fas fa-envelope"></i><span class="gmail">info@leafline.com</span></p>
|
||||
<p><i class="fas fa-map-marker-alt"></i><span>LeafLine Company</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>
|
||||
|
||||
<!-- Gardening and Landscaping 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">Garden 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>
|
||||
|
||||
<!-- Gardening and Landscaping 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>
|
||||
|
||||
<!-- 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/Price-Filter.js"></script> <!-- Handles the price filtering functionality -->
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,501 @@
|
||||
<!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>LeafLine | Gardening and Landscaping Website</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">
|
||||
|
||||
<!-- Custom Stylesheets -->
|
||||
<link rel="stylesheet" href="../../assets/css/main.css">
|
||||
<link rel="stylesheet" href="../../assets/css/responsive.css">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- ==================== 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>LeafLine Company</span></li>
|
||||
<li><i class="fa-solid fa-phone"></i><span>+123-456-7890</span></li>
|
||||
<li><i class="fa-solid fa-envelope"></i><span class="gmail">info@leafline.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>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</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>Wishlist</h2>
|
||||
</div>
|
||||
|
||||
<div class="link">
|
||||
<a href="../../index.html">Home</a>
|
||||
<i class="fa-solid fa-angles-right"></i>
|
||||
<span class="page">Wishlist</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ==================== Page-Title (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Wishlist Area (Start) ==================== -->
|
||||
<section class="wishlist">
|
||||
|
||||
<div class="wishlist-container">
|
||||
|
||||
<div class="container">
|
||||
|
||||
<div class="shoplist-title">
|
||||
<h3 class="product-heading">product</h3>
|
||||
<h3>price</h3>
|
||||
<h3>status</h3>
|
||||
<h3>activity</h3>
|
||||
</div>
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Wishlist Item 1 -->
|
||||
<div class="wishlist-item">
|
||||
<div class="box product">
|
||||
<img src="../../assets/images/Shop/Products/Product-1.jpg" alt="Product-Image">
|
||||
<div class="name">Axe</div>
|
||||
</div>
|
||||
<div class="box price">$50.00</div>
|
||||
<div class="box status in">in Stock</div>
|
||||
<div class="box action">
|
||||
<a href="#" class="icon delete fas fa-trash-alt"></a>
|
||||
<a href="../../pages/Shop/Cart.html" class="icon cart fas fa-shopping-cart"></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Wishlist Item 2 -->
|
||||
<div class="wishlist-item">
|
||||
<div class="box product">
|
||||
<img src="../../assets/images/Shop/Products/Product-2.jpg" alt="Product-Image">
|
||||
<div class="name">LawnMower</div>
|
||||
</div>
|
||||
<div class="box price">$50.00</div>
|
||||
<div class="box status in">in Stock</div>
|
||||
<div class="box action">
|
||||
<a href="#" class="icon delete fas fa-trash-alt"></a>
|
||||
<a href="../../pages/Shop/Cart.html" class="icon cart fas fa-shopping-cart"></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Wishlist Item 3 -->
|
||||
<div class="wishlist-item">
|
||||
<div class="box product">
|
||||
<img src="../../assets/images/Shop/Products/Product-3.jpg" alt="Product-Image">
|
||||
<div class="name">Water Hose</div>
|
||||
</div>
|
||||
<div class="box price">$50.00</div>
|
||||
<div class="box status out">out of Stock</div>
|
||||
<div class="box action">
|
||||
<a href="#" class="icon delete fas fa-trash-alt"></a>
|
||||
<a href="../../pages/Shop/Cart.html" class="icon cart fas fa-shopping-cart"></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Wishlist Item 4 -->
|
||||
<div class="wishlist-item">
|
||||
<div class="box product">
|
||||
<img src="../../assets/images/Shop/Products/Product-4.jpg" alt="Product-Image">
|
||||
<div class="name">Chainsaw</div>
|
||||
</div>
|
||||
<div class="box price">$50.00</div>
|
||||
<div class="box status out">out of Stock</div>
|
||||
<div class="box action">
|
||||
<a href="#" class="icon delete fas fa-trash-alt"></a>
|
||||
<a href="../../pages/Shop/Cart.html" class="icon cart fas fa-shopping-cart"></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Wishlist Item 5 -->
|
||||
<div class="wishlist-item">
|
||||
<div class="box product">
|
||||
<img src="../../assets/images/Shop/Products/Product-5.jpg" alt="Product-Image">
|
||||
<div class="name">Leaf Rake</div>
|
||||
</div>
|
||||
<div class="box price">$50.00</div>
|
||||
<div class="box status out">out of Stock</div>
|
||||
<div class="box action">
|
||||
<a href="#" class="icon delete fas fa-trash-alt"></a>
|
||||
<a href="../../pages/Shop/Cart.html" class="icon cart fas fa-shopping-cart"></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</section>
|
||||
<!-- ==================== Wishlist Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Footer Area (Start) ==================== -->
|
||||
<footer class="footer">
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Gardening and Landscaping Company Information & Social Media Links -->
|
||||
<div class="footer-item">
|
||||
|
||||
<!-- Gardening and Landscaping Company Logo -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<!-- Description -->
|
||||
<p>Transforming outdoor spaces with premium gardening and landscaping solutions.</p>
|
||||
|
||||
<!-- Contact Information -->
|
||||
<div class="info connect">
|
||||
<p><i class="fas fa-phone"></i><span>+123-456-7890</span></p>
|
||||
<p><i class="fas fa-envelope"></i><span class="gmail">info@leafline.com</span></p>
|
||||
<p><i class="fas fa-map-marker-alt"></i><span>LeafLine Company</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>
|
||||
|
||||
<!-- Gardening and Landscaping 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">Garden 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>
|
||||
|
||||
<!-- Gardening and Landscaping 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user