636 lines
26 KiB
HTML
Executable File
636 lines
26 KiB
HTML
Executable File
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
<!-- Title -->
|
|
<title>LeafLine | Gardening and Landscaping Website</title>
|
|
|
|
<!-- Favicon -->
|
|
<link rel="icon" type="image/x-icon" href="../../assets/images/favicon.ico">
|
|
|
|
<!-- Font-Awesome (CSS) -->
|
|
<link rel="stylesheet" href="../../assets/vendors/font-awesome/css/all.min.css">
|
|
|
|
<!-- Custom Stylesheets -->
|
|
<link rel="stylesheet" href="../../assets/css/main.css">
|
|
<link rel="stylesheet" href="../../assets/css/responsive.css">
|
|
|
|
</head>
|
|
<body>
|
|
|
|
<!-- ==================== Scroll-Top Area (Start) ==================== -->
|
|
<a href="#" class="scroll-top">
|
|
<i class="fa-solid fa-arrow-up-long"></i>
|
|
</a>
|
|
<!-- ==================== Scroll-Top Area (End) ==================== -->
|
|
|
|
|
|
|
|
<!-- ==================== Header Area (Start) ==================== -->
|
|
<header class="header">
|
|
|
|
<!-- ===== Header-1 Area (Start) ===== -->
|
|
<div class="header-1">
|
|
|
|
<!-- == Contacts == -->
|
|
<ul class="header-contacts">
|
|
<li><i class="fa-solid fa-location-dot"></i><span>LeafLine Company</span></li>
|
|
<li><i class="fa-solid fa-phone"></i><span>+123-456-7890</span></li>
|
|
<li><i class="fa-solid fa-envelope"></i><span class="gmail">info@leafline.com</span></li>
|
|
</ul>
|
|
|
|
<!-- == Social == -->
|
|
<ul class="social-contacts">
|
|
<li><a href="#" class="fab fa-facebook-f"></a></li>
|
|
<li><a href="#" class="fa-brands fa-x-twitter"></a></li>
|
|
<li><a href="#" class="fab fa-instagram"></a></li>
|
|
<li><a href="#" class="fab fa-linkedin"></a></li>
|
|
</ul>
|
|
|
|
</div>
|
|
<!-- ===== Header-1 Area (End) ===== -->
|
|
|
|
<!-- ===== Header-2 Area (Start) ===== -->
|
|
<div class="header-2">
|
|
|
|
<!-- == Logo == -->
|
|
<a class="logo" href="../../index.html">
|
|
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
|
<div class="logo-content">
|
|
<h3>LeafLine</h3>
|
|
<p>Gardening & Landscaping</p>
|
|
</div>
|
|
</a>
|
|
|
|
<div class="container">
|
|
|
|
<!-- == Navbar == -->
|
|
<nav class="navbar">
|
|
|
|
<a class="nav-btn" href="../../index.html">home</a>
|
|
|
|
<div class="dropdown-menu">
|
|
<button class="nav-btn">about</button>
|
|
<div class="dropdown-content">
|
|
<a href="../../pages/About/About.html">about us</a>
|
|
<a href="../../pages/About/WhyUs.html">Why Choose Us</a>
|
|
<a href="../../pages/About/History.html">History</a>
|
|
<a href="../../pages/About/Team.html">Team</a>
|
|
<a href="../../pages/About/Team-Single.html">Team Single</a>
|
|
<a href="../../pages/About/Testimonials.html">testimonials</a>
|
|
<a href="../../pages/About/FAQs.html">FAQs</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="dropdown-menu">
|
|
<button class="nav-btn">Pages</button>
|
|
<div class="dropdown-content">
|
|
<a href="../../pages/Pages/Gallery.html">Gallery</a>
|
|
<a href="../../pages/Pages/Pricing.html">Pricing</a>
|
|
<a href="../../pages/Pages/Process.html">work process</a>
|
|
<a href="../../pages/Pages/Awards.html">Awards</a>
|
|
<div class="side-dropdown">
|
|
<button>Event</button> <i class="fa-solid fa-chevron-right"></i>
|
|
<div class="dropdown-content">
|
|
<a href="../../pages/Pages/Events.html">Events</a>
|
|
<a href="../../pages/Pages/Event-Single.html">Event Single</a>
|
|
</div>
|
|
</div>
|
|
<div class="side-dropdown">
|
|
<button>Career</button> <i class="fa-solid fa-chevron-right"></i>
|
|
<div class="dropdown-content">
|
|
<a href="../../pages/Pages/Careers.html">Careers</a>
|
|
<a href="../../pages/Pages/Career-Single.html">Career Single</a>
|
|
<a href="../../pages/Pages/Career-Form.html">Career Form</a>
|
|
</div>
|
|
</div>
|
|
<div class="side-dropdown">
|
|
<button>Information Hub</button> <i class="fa-solid fa-chevron-right"></i>
|
|
<div class="dropdown-content">
|
|
<a href="../../pages/Pages/Not-Found.html">Not Found</a>
|
|
<a href="../../pages/Pages/Privacy-Policy.html">Privacy Policy</a>
|
|
<a href="../../pages/Pages/Terms.html">Terms & Condition</a>
|
|
</div>
|
|
</div>
|
|
<a href="../../pages/Pages/Cost-Calculator.html">cost calculator</a>
|
|
<a href="../../pages/Pages/Get-Quote.html">get a quote</a>
|
|
<a href="../../pages/Pages/Clients.html">clients</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="dropdown-menu">
|
|
<button class="nav-btn">Service</button>
|
|
<div class="dropdown-content">
|
|
<a href="../../pages/Service/Services.html">Services</a>
|
|
<a href="../../pages/Service/Service-Single.html">Service Single</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="dropdown-menu">
|
|
<button class="nav-btn">Project</button>
|
|
<div class="dropdown-content">
|
|
<a href="../../pages/Project/Projects.html">Projects</a>
|
|
<a href="../../pages/Project/Project-Single.html">Project Single</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="dropdown-menu">
|
|
<button class="nav-btn">blog</button>
|
|
<div class="dropdown-content">
|
|
<a href="../../pages/Blog/Blog-Grid.html">blogs grid</a>
|
|
<a href="../../pages/Blog/Blog-List.html">blogs list</a>
|
|
<a href="../../pages/Blog/Blog-Single.html">blog Single</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="dropdown-menu">
|
|
<button class="nav-btn">shop</button>
|
|
<div class="dropdown-content">
|
|
<a href="../../pages/Shop/Shop-Grid.html">shop grid</a>
|
|
<a href="../../pages/Shop/Shop-List.html">shop list</a>
|
|
<a href="../../pages/Shop/Product-Single.html">product Single</a>
|
|
<a href="../../pages/Shop/Wishlist.html">wishlist</a>
|
|
<a href="../../pages/Shop/Cart.html">cart</a>
|
|
<a href="../../pages/Shop/Checkout.html">checkout</a>
|
|
<a href="../../pages/Shop/Login.html">login</a>
|
|
<a href="../../pages/Shop/Register.html">register</a>
|
|
<a href="../../pages/Shop/Reset-Password.html">forgot Password</a>
|
|
</div>
|
|
</div>
|
|
|
|
<a class="nav-btn" href="../../pages/Contact/Contact.html">contact</a>
|
|
|
|
</nav>
|
|
|
|
<!-- == Icon Container == -->
|
|
<div class="icon-container">
|
|
<div id="search-btn" class="icon fa-solid fa-magnifying-glass"></div> <!-- Search Icon -->
|
|
<div id="menu-btn" class="icon fa-solid fa-bars-staggered"></div>
|
|
<a href="../../pages/Pages/Get-Quote.html" class="btn">get A quote</a>
|
|
</div>
|
|
|
|
<!-- == Search Container == -->
|
|
<form class="search-container">
|
|
<input type="search" id="search-bar" placeholder="search here" required> <!-- Search Input -->
|
|
<button type="submit"><i class="fas fa-search"></i></button> <!-- Submit Button -->
|
|
</form>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<!-- ===== Header-2 Area (End) ===== -->
|
|
|
|
<!-- ===== Mobile Menu Area (Start) ===== -->
|
|
<div class="mobile-menu">
|
|
|
|
<nav class="mobile-navbar">
|
|
|
|
<div class="nav-link">
|
|
<div class="main-nav-link"> <a class="nav-btn" href="../../index.html">home</a> </div>
|
|
</div>
|
|
|
|
<div class="nav-link">
|
|
<div class="main-nav-link"> <div class="nav-btn">about</div> <i class="fas fa-plus"></i> </div>
|
|
<div class="sub-nav-link">
|
|
<a href="../../pages/About/About.html">about us</a>
|
|
<a href="../../pages/About/WhyUs.html">Why Choose Us</a>
|
|
<a href="../../pages/About/History.html">History</a>
|
|
<a href="../../pages/About/Team.html">Team</a>
|
|
<a href="../../pages/About/Team-Single.html">Team Single</a>
|
|
<a href="../../pages/About/Testimonials.html">testimonials</a>
|
|
<a href="../../pages/About/FAQs.html">FAQs</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="nav-link">
|
|
<div class="main-nav-link"> <div class="nav-btn">pages</div> <i class="fas fa-plus"></i> </div>
|
|
<div class="sub-nav-link">
|
|
<a href="../../pages/Pages/Gallery.html">Gallery</a>
|
|
<a href="../../pages/Pages/Pricing.html">Pricing</a>
|
|
<a href="../../pages/Pages/Process.html">work process</a>
|
|
<a href="../../pages/Pages/Awards.html">Awards</a>
|
|
<a href="../../pages/Pages/Events.html">Events</a>
|
|
<a href="../../pages/Pages/Event-Single.html">Event Single</a>
|
|
<a href="../../pages/Pages/Careers.html">Careers</a>
|
|
<a href="../../pages/Pages/Career-Single.html">Career Single</a>
|
|
<a href="../../pages/Pages/Career-Form.html">Career Form</a>
|
|
<a href="../../pages/Pages/Not-Found.html">Not Found</a>
|
|
<a href="../../pages/Pages/Privacy-Policy.html">Privacy Policy</a>
|
|
<a href="../../pages/Pages/Terms.html">Terms & Condition</a>
|
|
<a href="../../pages/Pages/Cost-Calculator.html">cost calculator</a>
|
|
<a href="../../pages/Pages/Get-Quote.html">get a quote</a>
|
|
<a href="../../pages/Pages/Clients.html">clients</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="nav-link">
|
|
<div class="main-nav-link"> <div class="nav-btn">Service</div> <i class="fas fa-plus"></i> </div>
|
|
<div class="sub-nav-link">
|
|
<a href="../../pages/Service/Services.html">Services</a>
|
|
<a href="../../pages/Service/Service-Single.html">Service Single</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="nav-link">
|
|
<div class="main-nav-link"> <div class="nav-btn">Project</div> <i class="fas fa-plus"></i> </div>
|
|
<div class="sub-nav-link">
|
|
<a href="../../pages/Project/Projects.html">Projects</a>
|
|
<a href="../../pages/Project/Project-Single.html">Project Single</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="nav-link">
|
|
<div class="main-nav-link"> <div class="nav-btn">blog</div> <i class="fas fa-plus"></i> </div>
|
|
<div class="sub-nav-link">
|
|
<a href="../../pages/Blog/Blog-Grid.html">blogs grid</a>
|
|
<a href="../../pages/Blog/Blog-List.html">blogs list</a>
|
|
<a href="../../pages/Blog/Blog-Single.html">blog Single</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="nav-link">
|
|
<div class="main-nav-link"> <div class="nav-btn">Shop</div> <i class="fas fa-plus"></i> </div>
|
|
<div class="sub-nav-link">
|
|
<a href="../../pages/Shop/Shop-Grid.html">shop grid</a>
|
|
<a href="../../pages/Shop/Shop-List.html">shop list</a>
|
|
<a href="../../pages/Shop/Product-Single.html">product Single</a>
|
|
<a href="../../pages/Shop/Wishlist.html">wishlist</a>
|
|
<a href="../../pages/Shop/Cart.html">cart</a>
|
|
<a href="../../pages/Shop/Checkout.html">checkout</a>
|
|
<a href="../../pages/Shop/Login.html">login</a>
|
|
<a href="../../pages/Shop/Register.html">register</a>
|
|
<a href="../../pages/Shop/Reset-Password.html">forgot Password</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="nav-link">
|
|
<div class="main-nav-link"> <a class="nav-btn" href="../../pages/Contact/Contact.html">contact</a> </div>
|
|
</div>
|
|
|
|
</nav>
|
|
|
|
</div>
|
|
<!-- ===== Mobile Menu Area (End) ===== -->
|
|
|
|
</header>
|
|
<!-- ==================== Header Area (End) ==================== -->
|
|
|
|
|
|
|
|
<!-- ==================== Page-Title (Start) ==================== -->
|
|
<div class="page-title">
|
|
|
|
<div class="title">
|
|
<h2>Blog Grid</h2>
|
|
</div>
|
|
|
|
<div class="link">
|
|
<a href="../../index.html">Home</a>
|
|
<i class="fa-solid fa-angles-right"></i>
|
|
<span class="page">Blog Grid</span>
|
|
</div>
|
|
|
|
</div>
|
|
<!-- ==================== Page-Title (End) ==================== -->
|
|
|
|
|
|
|
|
<!-- ==================== Blog Grid (Start) ==================== -->
|
|
<section class="blog grid">
|
|
|
|
<!-- ========== Blog Sidebar Area (Start) ========== -->
|
|
<div class="sidebar">
|
|
|
|
<!-- ===== Search Area (Start) ===== -->
|
|
<div class="search sidebar-item">
|
|
|
|
<div class="sidebar-heading">
|
|
<h2>search</h2>
|
|
</div>
|
|
|
|
<!-- Blog Search Form -->
|
|
<form class="blog-search-container box-container">
|
|
<div class="input-box">
|
|
<input type="search" id="blog-search" placeholder="search..." required> <!-- Search Input -->
|
|
<button type="submit"><i class="fas fa-search"></i></button> <!-- Submit Button -->
|
|
</div>
|
|
</form>
|
|
|
|
</div>
|
|
<!-- ===== Search Area (End) ===== -->
|
|
|
|
<!-- ===== Category Area (Start) ===== -->
|
|
<div class="category sidebar-item">
|
|
|
|
<div class="sidebar-heading">
|
|
<h2>categories</h2>
|
|
</div>
|
|
|
|
<!-- Blog Categories -->
|
|
<div class="box-container">
|
|
<a href="#" class="item"> <span><i class="fa-brands fa-pagelines"></i>Garden Design</span> <p>(30)</p> </a>
|
|
<a href="#" class="item"> <span><i class="fa-brands fa-pagelines"></i>Landscaping</span> <p>(20)</p> </a>
|
|
<a href="#" class="item"> <span><i class="fa-brands fa-pagelines"></i>Plant Care</span> <p>(15)</p> </a>
|
|
<a href="#" class="item"> <span><i class="fa-brands fa-pagelines"></i>Outdoor Living</span> <p>(10)</p> </a>
|
|
<a href="#" class="item"> <span><i class="fa-brands fa-pagelines"></i>Eco Gardening</span> <p>(05)</p> </a>
|
|
</div>
|
|
|
|
</div>
|
|
<!-- ===== Category Area (End) ===== -->
|
|
|
|
<!-- ===== Recent Posts Area (Start) ===== -->
|
|
<div class="recent-posts sidebar-item">
|
|
|
|
<div class="sidebar-heading">
|
|
<h2>recent posts</h2>
|
|
</div>
|
|
|
|
<!-- Recent Posts -->
|
|
<div class="box-container">
|
|
|
|
<!-- Recent Post 1 -->
|
|
<div class="post-item">
|
|
<img src="../../assets/images/Blog/Blogs/Blog-1.jpg" alt="Recent-Post-Image"> <!-- Post image -->
|
|
<a class="main-heading" href="../../pages/Blog/Blog-Single.html">Transform Your Space with Creative Ideas</a> <!-- Post title -->
|
|
</div>
|
|
|
|
<!-- Recent Post 2 -->
|
|
<div class="post-item">
|
|
<img src="../../assets/images/Blog/Blogs/Blog-2.jpg" alt="Recent-Post-Image"> <!-- Post image -->
|
|
<a class="main-heading" href="../../pages/Blog/Blog-Single.html">Top 5 gardening Trends, Redefine Your Garden</a> <!-- Post title -->
|
|
</div>
|
|
|
|
<!-- Recent Post 3 -->
|
|
<div class="post-item">
|
|
<img src="../../assets/images/Blog/Blogs/Blog-3.jpg" alt="Recent-Post-Image"> <!-- Post image -->
|
|
<a class="main-heading" href="../../pages/Blog/Blog-Single.html">How to Keep Your Garden Green Year Round</a> <!-- Post title -->
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<!-- ===== Recent Posts Area (End) ===== -->
|
|
|
|
<!-- ===== Tags Area (Start) ===== -->
|
|
<div class="tags sidebar-item">
|
|
|
|
<div class="sidebar-heading">
|
|
<h2>tags</h2>
|
|
</div>
|
|
|
|
<!-- Tags -->
|
|
<div class="box-container">
|
|
<a href="#" class="tag-item">Garden</a>
|
|
<a href="#" class="tag-item">Style</a>
|
|
<a href="#" class="tag-item">Blossom</a>
|
|
<a href="#" class="tag-item">Greenery</a>
|
|
<a href="#" class="tag-item">Landscaping</a>
|
|
<a href="#" class="tag-item">design</a>
|
|
</div>
|
|
|
|
</div>
|
|
<!-- ===== Tags Area (End) ===== -->
|
|
|
|
</div>
|
|
<!-- ========== Blog Sidebar Area (End) ========== -->
|
|
|
|
<!-- ========== Blog Container (Start) ========== -->
|
|
<div class="blog-container grid">
|
|
|
|
<!-- ===== Blogs (Start) ===== -->
|
|
<div class="blog-items">
|
|
|
|
<!-- Blog-1 -->
|
|
<div class="blog-item">
|
|
<div class="image">
|
|
<img src="../../assets/images/Blog/Blogs/Blog-1.jpg" alt="Blog-Image"> <!-- Blog Image -->
|
|
<div class="date"><div class="tag"><span>25</span> Oct</div></div> <!-- Blog Date -->
|
|
</div>
|
|
<div class="content">
|
|
<div class="details">
|
|
<h3><i class="fa-solid fa-circle-user"></i><span>By Admin</span></h3> <!-- Blog Author -->
|
|
<h3><i class="fa-solid fa-tags"></i><span>Garden Design</span></h3> <!-- Blog Category -->
|
|
</div>
|
|
<a class="main-heading" href="../../pages/Blog/Blog-Single.html">Transform Your Space with Creative Ideas</a> <!-- Blog Title -->
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Blog-2 -->
|
|
<div class="blog-item">
|
|
<div class="image">
|
|
<img src="../../assets/images/Blog/Blogs/Blog-2.jpg" alt="Blog-Image"> <!-- Blog Image -->
|
|
<div class="date"><div class="tag"><span>20</span> Oct</div></div> <!-- Blog Date -->
|
|
</div>
|
|
<div class="content">
|
|
<div class="details">
|
|
<h3><i class="fa-solid fa-circle-user"></i><span>By Admin</span></h3>
|
|
<h3><i class="fa-solid fa-tags"></i><span>Landscaping</span></h3>
|
|
</div>
|
|
<a class="main-heading" href="../../pages/Blog/Blog-Single.html">Top 5 gardening Trends, Redefine Your Garden</a>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Blog-3 -->
|
|
<div class="blog-item">
|
|
<div class="image">
|
|
<img src="../../assets/images/Blog/Blogs/Blog-3.jpg" alt="Blog-Image">
|
|
<div class="date"><div class="tag"><span>15</span> Oct</div></div>
|
|
</div>
|
|
<div class="content">
|
|
<div class="details">
|
|
<h3><i class="fa-solid fa-circle-user"></i><span>By Admin</span></h3>
|
|
<h3><i class="fa-solid fa-tags"></i><span>Plant Care</span></h3>
|
|
</div>
|
|
<a class="main-heading" href="../../pages/Blog/Blog-Single.html">How to Keep Your Garden Green Year Round</a>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Blog-4 -->
|
|
<div class="blog-item">
|
|
<div class="image">
|
|
<img src="../../assets/images/Blog/Blogs/Blog-4.jpg" alt="Blog-Image">
|
|
<div class="date"><div class="tag"><span>10</span> Oct</div></div>
|
|
</div>
|
|
<div class="content">
|
|
<div class="details">
|
|
<h3><i class="fa-solid fa-circle-user"></i><span>By Admin</span></h3>
|
|
<h3><i class="fa-solid fa-tags"></i><span>Outdoor Living</span></h3>
|
|
</div>
|
|
<a class="main-heading" href="../../pages/Blog/Blog-Single.html">Create a Relaxing Space with good Landscaping</a>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Blog-5 -->
|
|
<div class="blog-item">
|
|
<div class="image">
|
|
<img src="../../assets/images/Blog/Blogs/Blog-5.jpg" alt="Blog-Image">
|
|
<div class="date"><div class="tag"><span>05</span> Oct</div></div>
|
|
</div>
|
|
<div class="content">
|
|
<div class="details">
|
|
<h3><i class="fa-solid fa-circle-user"></i><span>By Admin</span></h3>
|
|
<h3><i class="fa-solid fa-tags"></i><span>Eco Gardening</span></h3>
|
|
</div>
|
|
<a class="main-heading" href="../../pages/Blog/Blog-Single.html">Eco-Friendly Gardening: Simple Ways Go Green</a>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Blog-6 -->
|
|
<div class="blog-item">
|
|
<div class="image">
|
|
<img src="../../assets/images/Blog/Blogs/Blog-6.jpg" alt="Blog-Image">
|
|
<div class="date"><div class="tag"><span>01</span> Oct</div></div>
|
|
</div>
|
|
<div class="content">
|
|
<div class="details">
|
|
<h3><i class="fa-solid fa-circle-user"></i><span>By Admin</span></h3>
|
|
<h3><i class="fa-solid fa-tags"></i><span>Garden Maintenance</span></h3>
|
|
</div>
|
|
<a class="main-heading" href="../../pages/Blog/Blog-Single.html">Essential Maintenance Tips for a Perfect Garden</a>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<!-- ===== Blogs (End) ===== -->
|
|
|
|
<!-- ===== Pagination (Start) ===== -->
|
|
<div class="pages-no">
|
|
|
|
<div class="container">
|
|
|
|
<!-- Previous page button -->
|
|
<div class="item">
|
|
<i class="fas fa-arrow-left"></i>
|
|
</div>
|
|
|
|
<!-- Page numbers -->
|
|
<div class="numbers">
|
|
<div class="item active">1</div> <!-- Active page number -->
|
|
<div class="item">2</div> <!-- Page number 2 -->
|
|
<div class="item">3</div> <!-- Page number 3 -->
|
|
</div>
|
|
|
|
<!-- Next page button-->
|
|
<div class="item">
|
|
<i class="fa-solid fa-arrow-right"></i>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<!-- ===== Pagination (End) ===== -->
|
|
|
|
</div>
|
|
<!-- ========== Blog Container (End) ========== -->
|
|
|
|
</section>
|
|
<!-- ==================== Blog Grid (End) ==================== -->
|
|
|
|
|
|
|
|
<!-- ==================== Footer Area (Start) ==================== -->
|
|
<footer class="footer">
|
|
|
|
<div class="box-container">
|
|
|
|
<!-- Gardening and Landscaping Company Information & Social Media Links -->
|
|
<div class="footer-item">
|
|
|
|
<!-- Gardening and Landscaping Company Logo -->
|
|
<a class="logo" href="../../index.html">
|
|
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
|
<div class="logo-content">
|
|
<h3>LeafLine</h3>
|
|
<p>Gardening & Landscaping</p>
|
|
</div>
|
|
</a>
|
|
|
|
<!-- Description -->
|
|
<p>Transforming outdoor spaces with premium gardening and landscaping solutions.</p>
|
|
|
|
<!-- Contact Information -->
|
|
<div class="info connect">
|
|
<p><i class="fas fa-phone"></i><span>+123-456-7890</span></p>
|
|
<p><i class="fas fa-envelope"></i><span class="gmail">info@leafline.com</span></p>
|
|
<p><i class="fas fa-map-marker-alt"></i><span>LeafLine Company</span></p>
|
|
</div>
|
|
|
|
<!-- Social Media Links -->
|
|
<div class="social">
|
|
<a href="#"><i class="fab fa-facebook-f"></i></a>
|
|
<a href="#"><i class="fa-brands fa-x-twitter"></i></a>
|
|
<a href="#"><i class="fab fa-instagram"></i></a>
|
|
<a href="#"><i class="fab fa-linkedin"></i></a>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- Gardening and Landscaping Services Offered -->
|
|
<div class="footer-item">
|
|
<h2>Our Services</h2>
|
|
<div class="info links">
|
|
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Lawn Care</a></p>
|
|
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Garden Design</a></p>
|
|
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Tree Planting</a></p>
|
|
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Hardscaping Solution</a></p>
|
|
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">water ponds</a></p>
|
|
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Outdoor Décor</a></p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Quick Links -->
|
|
<div class="footer-item">
|
|
<h2>Quick Links</h2>
|
|
<div class="info links">
|
|
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/About/About.html">About Us</a></p>
|
|
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Services.html">Services</a></p>
|
|
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Project/Projects.html">Projects</a></p>
|
|
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Blog/Blog-Grid.html">Blog</a></p>
|
|
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Shop/Shop-Grid.html">Shop</a></p>
|
|
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Contact/Contact.html">Contact Us</a></p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Newsletter Subscription -->
|
|
<div class="footer-item">
|
|
|
|
<h2>Newsletter</h2>
|
|
<p>Stay informed and up-to-date with the latest trends, helpful tips, and exclusive special offers.</p>
|
|
<form class="dark-form" method="post" id="newsletter-form-2">
|
|
<div class="input-field">
|
|
<label for="news-email-2" class="fas fa-envelope"></label>
|
|
<input type="email" id="news-email-2" name="email" class="box" placeholder="Your email address" required>
|
|
</div>
|
|
<button type="submit" class="btn" name="submit" id="submit-2">Subscribe</button>
|
|
<span class="alert" id="msg-2"></span>
|
|
</form>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- Gardening and Landscaping Company's Name and Copyright -->
|
|
<div class="content">
|
|
<p>Designed By <span>NorthStar_Themes</span> | All Rights Reserved</p>
|
|
</div>
|
|
|
|
</footer>
|
|
<!-- ==================== Footer Area (End) ==================== -->
|
|
|
|
|
|
|
|
<!-- Jquery -->
|
|
<script src="../../assets/vendors/jquery/jquery.min.js"></script>
|
|
|
|
<!-- Custom Script Files -->
|
|
<script src="../../assets/js/script.js"></script> <!-- Custom JavaScript file with additional website functionality. -->
|
|
<script src="../../assets/js/nav-link-toggler.js"></script> <!-- Manages navigation link toggling (e.g., hamburger menu) for mobile devices -->
|
|
<script src="../../assets/js/newsletter.js"></script>
|
|
|
|
|
|
</body>
|
|
</html> |