added more preview pages and more templates
This commit is contained in:
@@ -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,437 @@
|
||||
<!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>Book Now | Mobile Galaxy Gaming — Winfield, IL</title>
|
||||
|
||||
<!-- SEO -->
|
||||
<meta name="description" content="Request a booking with Mobile Galaxy Gaming. Tell us your event date, guest count, and location and we'll confirm availability for your party.">
|
||||
<meta name="robots" content="index, follow">
|
||||
<link rel="canonical" href="https://mobile-galaxy-gaming-preview.aimloperations.com/pages/Pages/Get-Quote.html">
|
||||
|
||||
<!-- 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">
|
||||
|
||||
<!-- Preview overrides -->
|
||||
<style>
|
||||
.preview-concept-banner { position: fixed; inset: 0 0 auto 0; z-index: 10000; padding: .7rem 1rem; background: #071426; color: #fff; text-align: center; font: 600 14px/1.4 Arial, sans-serif; box-shadow: 0 2px 10px rgba(0,0,0,.35); }
|
||||
.preview-concept-banner a { color: #fff; text-decoration: underline; text-underline-offset: 2px; }
|
||||
.preview-concept-banner strong { color: #35e0ff; }
|
||||
body { padding-top: 45px; }
|
||||
:root {
|
||||
--main-color: #1f8fff;
|
||||
--secondary-color: #060c18;
|
||||
--accent-color: #35e0ff;
|
||||
}
|
||||
.logo-content .logo-name { display: block; font-size: 2rem; font-weight: 700; line-height: 1.2; color: inherit; }
|
||||
.heading .sub span { color: var(--accent-color); }
|
||||
.page-title .title h1 { color: var(--white); font-size: 5rem; font-weight: 500; text-transform: uppercase; margin: 0; }
|
||||
.header .icon-container button.icon { background: none; border: 0; padding: 0; font: inherit; color: inherit; cursor: pointer; min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }
|
||||
</style>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- ==================== Preview Concept Banner (Start) ==================== -->
|
||||
<div class="preview-concept-banner" role="note"><strong>UX Concept Preview</strong> — Mobile Galaxy Gaming. <a href="../../ux-gallery.html">View proposed screens</a> · <a href="../../pricing.html">View feature pricing</a></div>
|
||||
<!-- ==================== Preview Concept Banner (End) ==================== -->
|
||||
|
||||
<!-- ==================== 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><a href="tel:+17738174239" style="color:inherit;text-decoration:none">(773) 817-4239</a></span></li>
|
||||
</ul>
|
||||
|
||||
<!-- == Social == -->
|
||||
<ul class="social-contacts">
|
||||
<li><a href="https://www.yelp.com/biz/mobile-galaxy-gaming-chicago-2" class="fa-brands fa-yelp" aria-label="Mobile Galaxy Gaming reviews on Yelp" rel="noopener noreferrer" target="_blank"></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="Mobile Galaxy Gaming logo">
|
||||
<div class="logo-content">
|
||||
<span class="logo-name">Mobile Galaxy Gaming</span>
|
||||
<p>Mobile Game Truck Rentals</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<div class="container">
|
||||
|
||||
<!-- == Navbar == -->
|
||||
<nav class="navbar">
|
||||
|
||||
<a class="nav-btn" href="../../index.html">home</a>
|
||||
<a class="nav-btn" href="../../pages/About/About.html">about</a>
|
||||
<a class="nav-btn" href="../../pages/Service/Services.html">services</a>
|
||||
<a class="nav-btn" href="../../pages/Contact/Contact.html">contact</a>
|
||||
|
||||
</nav>
|
||||
|
||||
<!-- == Icon Container == -->
|
||||
<div class="icon-container">
|
||||
<button type="button" id="search-btn" class="icon fa-solid fa-magnifying-glass" aria-label="Open search"></button>
|
||||
<button type="button" id="menu-btn" class="icon fa-solid fa-bars-staggered" aria-label="Open menu"></button>
|
||||
<a href="../../pages/Pages/Get-Quote.html" class="btn">book now</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"> <a class="nav-btn" href="../../pages/About/About.html">about</a> </div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <a class="nav-btn" href="../../pages/Service/Services.html">services</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>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <a class="nav-btn" href="../../pages/Pages/Get-Quote.html">book now</a> </div>
|
||||
</div>
|
||||
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
<!-- ===== Mobile Menu Area (End) ===== -->
|
||||
|
||||
</header>
|
||||
<!-- ==================== Header Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Page-Title (Start) ==================== -->
|
||||
<div class="page-title">
|
||||
|
||||
<div class="title">
|
||||
<h1>Book Now</h1>
|
||||
</div>
|
||||
|
||||
<div class="link">
|
||||
<a href="../../index.html">Home</a>
|
||||
<i class="fa-solid fa-angles-right"></i>
|
||||
<span class="page">Book Now</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>Let's Plan Your Party</span><i class="fa-solid fa-gamepad"></i></div>
|
||||
<h2>Request A Booking</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="tel" name="number" class="box" id="number" placeholder="Phone Number" required>
|
||||
</div>
|
||||
|
||||
<!-- Event Type Select Field -->
|
||||
<div class="select">
|
||||
<div class="select-container">
|
||||
<label for="service-type" class="fa-solid fa-gamepad"></label>
|
||||
<select class="select-box" id="service-type" name="service-type" required>
|
||||
<option value="">Event Type</option>
|
||||
<option value="birthday">Birthday Party</option>
|
||||
<option value="school">School / Youth Event</option>
|
||||
<option value="corporate">Corporate Event</option>
|
||||
<option value="community">Community Event</option>
|
||||
</select>
|
||||
<div class="icon-container">
|
||||
<i class="fas fa-angle-down"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="input-box">
|
||||
<!-- Event Date Input Field -->
|
||||
<div class="input-field">
|
||||
<label for="event-date" class="fa-solid fa-calendar-days"></label>
|
||||
<input type="date" name="event-date" class="box" id="event-date" required>
|
||||
</div>
|
||||
|
||||
<!-- 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="Event Address" required>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="input-box">
|
||||
<!-- Setting Select Field -->
|
||||
<div class="select">
|
||||
<div class="select-container">
|
||||
<label for="property-type" class="fa-solid fa-house"></label>
|
||||
<select class="select-box" id="property-type" name="property-type" required>
|
||||
<option value="">Indoor or Outdoor</option>
|
||||
<option value="indoor">Indoor</option>
|
||||
<option value="outdoor">Outdoor</option>
|
||||
</select>
|
||||
<div class="icon-container">
|
||||
<i class="fas fa-angle-down"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Guest Count Input Field -->
|
||||
<div class="input-field">
|
||||
<label for="area-size" class="fas fa-user-group"></label>
|
||||
<input type="number" name="guest-count" class="box" id="area-size" min="1" placeholder="Number of Guests"
|
||||
required>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="input-box">
|
||||
<!-- Package Select Field -->
|
||||
<div class="select">
|
||||
<div class="select-container">
|
||||
<label for="package-type" class="fa-solid fa-gamepad"></label>
|
||||
<select class="select-box" id="package-type" name="package-type" required>
|
||||
<option value="">Preferred Package</option>
|
||||
<option value="basic">Basic Party — $249</option>
|
||||
<option value="premium">Premium Party — $349</option>
|
||||
<option value="all-access">All-Access Party — $449</option>
|
||||
<option value="not-sure">Not Sure Yet</option>
|
||||
</select>
|
||||
<div class="icon-container">
|
||||
<i class="fas fa-angle-down"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Time Frame 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="">How Soon Is the Event?</option>
|
||||
<option value="asap">Within 2 Weeks</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 / Just Exploring</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="Tell us more about your event"
|
||||
required></textarea>
|
||||
</div>
|
||||
|
||||
<!-- Add-Ons Checkboxes -->
|
||||
<div class="extra-services">
|
||||
<!-- VR Station Checkbox -->
|
||||
<div class="checkbox-label">
|
||||
<input type="checkbox" id="vr-station-checkbox" name="extra-services[]"
|
||||
value="VR Station">
|
||||
<label for="vr-station-checkbox">VR Station</label>
|
||||
<div class="checkbox-indicator"></div>
|
||||
</div>
|
||||
|
||||
<!-- Extra Hour Checkbox -->
|
||||
<div class="checkbox-label">
|
||||
<input type="checkbox" id="extra-hour-checkbox" name="extra-services[]" value="Extra Hour">
|
||||
<label for="extra-hour-checkbox">Extra Hour</label>
|
||||
<div class="checkbox-indicator"></div>
|
||||
</div>
|
||||
|
||||
<!-- Tournament Setup Checkbox -->
|
||||
<div class="checkbox-label">
|
||||
<input type="checkbox" id="tournament-checkbox" name="extra-services[]" value="Tournament Setup">
|
||||
<label for="tournament-checkbox">Tournament Setup</label>
|
||||
<div class="checkbox-indicator"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Submit Button for Booking Request -->
|
||||
<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">
|
||||
|
||||
<!-- Company Information & Social Media Links -->
|
||||
<div class="footer-item">
|
||||
|
||||
<!-- Company Logo -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="Mobile Galaxy Gaming logo">
|
||||
<div class="logo-content">
|
||||
<span class="logo-name">Mobile Galaxy Gaming</span>
|
||||
<p>Mobile Game Truck Rentals</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<!-- Description -->
|
||||
<p>Bringing PS5, Xbox, Switch, and VR gaming to birthdays, school events, and corporate parties across Winfield and the Chicago suburbs.</p>
|
||||
|
||||
<!-- Contact Information -->
|
||||
<div class="info connect">
|
||||
<p><i class="fas fa-phone"></i><span><a href="tel:+17738174239" style="color:inherit;text-decoration:none">(773) 817-4239</a></span></p>
|
||||
<p><i class="fas fa-map-marker-alt"></i><span>1N160 Cypress Ln, Winfield, IL 60190</span></p>
|
||||
</div>
|
||||
|
||||
<!-- Social Media Links -->
|
||||
<div class="social">
|
||||
<a href="https://www.yelp.com/biz/mobile-galaxy-gaming-chicago-2" rel="noopener noreferrer" target="_blank" aria-label="Mobile Galaxy Gaming on Yelp"><i class="fa-brands fa-yelp"></i></a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Services Offered -->
|
||||
<div class="footer-item">
|
||||
<h2>Our Services</h2>
|
||||
<div class="info links">
|
||||
<p><i class="fa-solid fa-gamepad"></i><a href="../../pages/Service/Service-Single.html">Birthday Party Gaming</a></p>
|
||||
<p><i class="fa-solid fa-gamepad"></i><a href="../../pages/Service/Service-Single.html">School & Youth Events</a></p>
|
||||
<p><i class="fa-solid fa-gamepad"></i><a href="../../pages/Service/Service-Single.html">Corporate & Community Events</a></p>
|
||||
<p><i class="fa-solid fa-gamepad"></i><a href="../../pages/Service/Service-Single.html">Console Gaming</a></p>
|
||||
<p><i class="fa-solid fa-gamepad"></i><a href="../../pages/Service/Service-Single.html">VR Experience</a></p>
|
||||
<p><i class="fa-solid fa-gamepad"></i><a href="../../pages/Service/Service-Single.html">Multi-Screen Tournaments</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Quick Links -->
|
||||
<div class="footer-item">
|
||||
<h2>Quick Links</h2>
|
||||
<div class="info links">
|
||||
<p><i class="fa-solid fa-gamepad"></i><a href="../../pages/About/About.html">About Us</a></p>
|
||||
<p><i class="fa-solid fa-gamepad"></i><a href="../../pages/Service/Services.html">Services</a></p>
|
||||
<p><i class="fa-solid fa-gamepad"></i><a href="../../pages/Contact/Contact.html">Contact Us</a></p>
|
||||
<p><i class="fa-solid fa-gamepad"></i><a href="../../pages/Pages/Get-Quote.html">Book Now</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Newsletter Subscription -->
|
||||
<div class="footer-item">
|
||||
|
||||
<h2>Newsletter</h2>
|
||||
<p>Stay informed about booking openings, party tips, and 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>
|
||||
|
||||
<!-- Copyright -->
|
||||
<div class="content">
|
||||
<p class="aiml-site-credit">Made by <a href="https://aimloperations.com" rel="noopener noreferrer" target="_blank">AI ML Operations, LLC</a></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>
|
||||
|
||||
|
||||
</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>
|
||||
Reference in New Issue
Block a user