added more preview pages and more templates
This commit is contained in:
@@ -0,0 +1,970 @@
|
||||
<!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>About Us | Mobile Galaxy Gaming — Winfield, IL</title>
|
||||
|
||||
<!-- SEO -->
|
||||
<meta name="description" content="Mobile Galaxy Gaming brings a fully loaded game truck to parties and events across Winfield, IL and the Chicago suburbs. Learn how our mobile setup works.">
|
||||
<meta name="robots" content="index, follow">
|
||||
<link rel="canonical" href="https://mobile-galaxy-gaming-preview.aimloperations.com/pages/About/About.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">
|
||||
|
||||
<!-- Swiper (CSS) -->
|
||||
<link rel="stylesheet" href="../../assets/vendors/swiper/swiper-bundle.min.css">
|
||||
|
||||
<!-- Custom Stylesheets -->
|
||||
<link rel="stylesheet" href="../../assets/css/main.css">
|
||||
<link rel="stylesheet" href="../../assets/css/responsive.css">
|
||||
|
||||
<!-- 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,
|
||||
.award-item .tag span,
|
||||
.award-item p 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>about us</h1>
|
||||
</div>
|
||||
|
||||
<div class="link">
|
||||
<a href="../../index.html">Home</a>
|
||||
<i class="fa-solid fa-angles-right"></i>
|
||||
<span class="page">about us</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ==================== Page-Title Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== About-Us Area (Start) ==================== -->
|
||||
<section class="about-us">
|
||||
|
||||
<!-- ========== About Area (Start) ========== -->
|
||||
<section class="about">
|
||||
|
||||
<!-- About Image -->
|
||||
<div class="image">
|
||||
<div class="sub-image first">
|
||||
<img src="../../assets/images/About/About-1.jpg" alt="Mobile Galaxy Gaming truck parked and ready for a party">
|
||||
</div>
|
||||
<div class="sub-image last">
|
||||
<img src="../../assets/images/About/About-2.jpg" alt="Kids gaming inside the Mobile Galaxy Gaming truck">
|
||||
<div class="experience"><div><span><i class="fa-solid fa-truck"></i></span> The party comes to you</div></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Introduction Content -->
|
||||
<div class="content">
|
||||
|
||||
<div class="heading">
|
||||
<div class="sub"><span>About Us</span><i class="fa-solid fa-gamepad"></i></div> <!-- Sub Heading -->
|
||||
<h2>A Full Arcade That Rolls Up to Your Driveway</h2> <!-- Main Heading -->
|
||||
</div>
|
||||
|
||||
<!-- Description -->
|
||||
<p>Mobile Galaxy Gaming brings a fully loaded game truck to birthdays, school events, corporate outings, and community celebrations across Winfield and the Chicago suburbs. No setup hassle — we bring the consoles, screens, and games right to you.</p>
|
||||
|
||||
<!-- Key Features -->
|
||||
<div class="about-features">
|
||||
|
||||
<div class="point-item">
|
||||
<i class="fa-solid fa-gamepad"></i>
|
||||
<div>
|
||||
<h3>Latest Consoles</h3>
|
||||
<p>PS5, Xbox Series X, and Nintendo Switch loaded with games for every age.</p>
|
||||
</div>
|
||||
</div> <!-- Feature 1 -->
|
||||
|
||||
<div class="point-item">
|
||||
<i class="fa-solid fa-truck"></i>
|
||||
<div>
|
||||
<h3>Fully Mobile Setup</h3>
|
||||
<p>We roll up, power up, and get the games going — no equipment for you to rent or move.</p>
|
||||
</div>
|
||||
</div> <!-- Feature 2 -->
|
||||
|
||||
</div>
|
||||
|
||||
<a href="../../pages/Contact/Contact.html" class="btn">Contact Us</a> <!-- Contact Page Button -->
|
||||
|
||||
</div>
|
||||
|
||||
</section>
|
||||
<!-- ========== About Area (End) ========== -->
|
||||
|
||||
<!-- ========== Count Area (Start) ========== -->
|
||||
<div class="counting">
|
||||
|
||||
<!-- Statistic Box 1: Game Systems -->
|
||||
<div class="box">
|
||||
<div class="info">
|
||||
<div class="icon"><i class="fa-solid fa-gamepad"></i></div>
|
||||
<div class="content">
|
||||
<p class="count" data-count="6">6+</p> <!-- Count of game systems -->
|
||||
<h3>Game Systems</h3> <!-- Statistic description -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Statistic Box 2: Screens Per Party -->
|
||||
<div class="box">
|
||||
<div class="info">
|
||||
<div class="icon"><i class="fa-solid fa-tv"></i></div>
|
||||
<div class="content">
|
||||
<p class="count" data-count="4">4+</p> <!-- Count of screens -->
|
||||
<h3>Screens Per Party</h3> <!-- Statistic description -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Statistic Box 3: Service Radius -->
|
||||
<div class="box">
|
||||
<div class="info">
|
||||
<div class="icon"><i class="fas fa-map-marked-alt"></i></div>
|
||||
<div class="content">
|
||||
<p class="count" data-count="25">25+</p> <!-- Miles served -->
|
||||
<h3>Mile Service Radius</h3> <!-- Statistic description -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Statistic Box 4: Happy Guests -->
|
||||
<div class="box">
|
||||
<div class="info">
|
||||
<div class="icon"><i class="fas fa-heart"></i></div>
|
||||
<div class="content">
|
||||
<p class="count" data-count="500">500+</p> <!-- Count of guests hosted -->
|
||||
<h3>Happy Guests Hosted</h3> <!-- Statistic description -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ========== Count Area (End) ========== -->
|
||||
|
||||
<!-- ========== Services Slider Area (Start) ========== -->
|
||||
<section class="services">
|
||||
|
||||
<!-- Section Heading -->
|
||||
<div class="heading">
|
||||
<div class="sub"><i class="fa-solid fa-gamepad"></i><span>Explore Our Offerings</span><i class="fa-solid fa-gamepad"></i></div>
|
||||
<h2>Our Services</h2>
|
||||
</div>
|
||||
|
||||
<!-- Service Slider -->
|
||||
<div class="swiper-container service-slider">
|
||||
<div class="swiper-wrapper">
|
||||
|
||||
<!-- Service 1: Birthday Party Gaming -->
|
||||
<div class="swiper-slide service-item">
|
||||
<img src="../../assets/images/Service/Services/Service-1.jpg" alt="Birthday Party Gaming">
|
||||
<div class="content">
|
||||
<div class="icon"><i class="fa-solid fa-cake-candles"></i></div>
|
||||
<a href="../../pages/Service/Service-Single.html"><h3>Birthday Party Gaming</h3></a>
|
||||
<p>The game truck rolls up to your driveway for an unforgettable birthday celebration.</p>
|
||||
<a href="../../pages/Service/Service-Single.html" class="btn">Read More</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Service 2: School & Youth Events -->
|
||||
<div class="swiper-slide service-item">
|
||||
<img src="../../assets/images/Service/Services/Service-2.jpg" alt="School and Youth Events">
|
||||
<div class="content">
|
||||
<div class="icon"><i class="fa-solid fa-school"></i></div>
|
||||
<a href="../../pages/Service/Service-Single.html"><h3>School & Youth Events</h3></a>
|
||||
<p>A low-hassle reward for students, youth groups, and community programs.</p>
|
||||
<a href="../../pages/Service/Service-Single.html" class="btn">Read More</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Service 3: Corporate & Community Events -->
|
||||
<div class="swiper-slide service-item">
|
||||
<img src="../../assets/images/Service/Services/Service-3.jpg" alt="Corporate and Community Events">
|
||||
<div class="content">
|
||||
<div class="icon"><i class="fa-solid fa-people-group"></i></div>
|
||||
<a href="../../pages/Service/Service-Single.html"><h3>Corporate & Community Events</h3></a>
|
||||
<p>Team outings and neighborhood gatherings that get people playing together.</p>
|
||||
<a href="../../pages/Service/Service-Single.html" class="btn">Read More</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Service 4: Console Gaming -->
|
||||
<div class="swiper-slide service-item">
|
||||
<img src="../../assets/images/Service/Services/Service-4.jpg" alt="Console Gaming">
|
||||
<div class="content">
|
||||
<div class="icon"><i class="fa-solid fa-gamepad"></i></div>
|
||||
<a href="../../pages/Service/Service-Single.html"><h3>Console Gaming</h3></a>
|
||||
<p>PS5, Xbox Series X, and Nintendo Switch with a rotating library of games.</p>
|
||||
<a href="../../pages/Service/Service-Single.html" class="btn">Read More</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Service 5: VR Experience -->
|
||||
<div class="swiper-slide service-item">
|
||||
<img src="../../assets/images/Service/Services/Service-5.jpg" alt="VR Experience">
|
||||
<div class="content">
|
||||
<div class="icon"><i class="fa-solid fa-vr-cardboard"></i></div>
|
||||
<a href="../../pages/Service/Service-Single.html"><h3>VR Experience</h3></a>
|
||||
<p>Add virtual-reality stations for an experience guests won't stop talking about.</p>
|
||||
<a href="../../pages/Service/Service-Single.html" class="btn">Read More</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Service 6: Multi-Screen Tournaments -->
|
||||
<div class="swiper-slide service-item">
|
||||
<img src="../../assets/images/Service/Services/Service-6.jpg" alt="Multi-Screen Tournaments">
|
||||
<div class="content">
|
||||
<div class="icon"><i class="fa-solid fa-trophy"></i></div>
|
||||
<a href="../../pages/Service/Service-Single.html"><h3>Multi-Screen Tournaments</h3></a>
|
||||
<p>Run bracket-style tournaments across multiple HD TVs for bigger groups.</p>
|
||||
<a href="../../pages/Service/Service-Single.html" class="btn">Read More</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
<!-- ========== Services Slider Area (End) ========== -->
|
||||
|
||||
<!-- ========== Why Choose Us Area (Start) ========== -->
|
||||
<section class="why-us linear-bg main">
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Section Heading -->
|
||||
<div class="heading">
|
||||
<div class="sub"><i class="fa-solid fa-gamepad"></i><span>Why Choose Us</span><i class="fa-solid fa-gamepad"></i></div>
|
||||
<h2>Built for Birthdays, Trusted by Schools</h2> <!-- New Main Heading -->
|
||||
<!-- Main Description -->
|
||||
<p>Mobile Galaxy Gaming is focused on one thing: a stress-free, unforgettable gaming experience delivered right to your event, every time.</p>
|
||||
</div>
|
||||
|
||||
<!-- Main Content Area -->
|
||||
<div class="content">
|
||||
|
||||
<!-- Why Choose Us Points - Left -->
|
||||
<ul class="whyus-section-points one">
|
||||
<li>
|
||||
<i class="fa-solid fa-truck-fast"></i>
|
||||
<div class="text">
|
||||
<h5>Fully Mobile Setup</h5>
|
||||
<p>Everything runs from the truck — no equipment for you to rent or return.</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<i class="fa-solid fa-gamepad"></i>
|
||||
<div class="text">
|
||||
<h5>Wide Game Library</h5>
|
||||
<p>Something for every age, from family favorites to competitive multiplayer.</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<i class="fa-solid fa-user-shield"></i>
|
||||
<div class="text">
|
||||
<h5>Safe & Supervised</h5>
|
||||
<p>A trained host stays on-site the whole event to run games and help guests.</p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<!-- Why Choose Us Image -->
|
||||
<div class="image">
|
||||
<img src="../../assets/images/WhyUs/Pic-1.png" alt="Mobile Galaxy Gaming game truck exterior">
|
||||
</div>
|
||||
|
||||
<!-- Why Choose Us Points - Right -->
|
||||
<ul class="whyus-section-points two">
|
||||
<li>
|
||||
<i class="fa-solid fa-house-chimney"></i>
|
||||
<div class="text">
|
||||
<h5>Indoor/Outdoor Ready</h5>
|
||||
<p>Driveway, parking lot, or gym — we adapt the setup to your space.</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<div class="text">
|
||||
<h5>Flexible Packages</h5>
|
||||
<p>Time and system options that scale from small birthdays to large events.</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<i class="fa-solid fa-phone"></i>
|
||||
<div class="text">
|
||||
<h5>Local & Responsive</h5>
|
||||
<p>Based in Winfield and quick to respond to booking questions.</p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</section>
|
||||
<!-- ========== Why Choose Us (End) ========== -->
|
||||
|
||||
<!-- ========== Process Slider Area (Start) ========== -->
|
||||
<section class="process">
|
||||
|
||||
<!-- Section Heading -->
|
||||
<div class="heading">
|
||||
<div class="sub"><i class="fa-solid fa-gamepad"></i><span>how it works</span><i class="fa-solid fa-gamepad"></i></div>
|
||||
<h2>Booking Process</h2>
|
||||
</div>
|
||||
|
||||
<!-- Process Slider -->
|
||||
<div class="swiper-container process-slider">
|
||||
<div class="swiper-wrapper">
|
||||
|
||||
<!-- Step 1: Pick Your Package -->
|
||||
<div class="swiper-slide process-item">
|
||||
<img src="../../assets/images/Process/Process-1.jpg" alt="Choosing a party package">
|
||||
<div class="content">
|
||||
<h3>Pick Your<br>Package</h3>
|
||||
<h6><span>01</span></h6>
|
||||
<p>Tell us the event type and guest count so we can recommend the right package.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Step 2: Book Your Date -->
|
||||
<div class="swiper-slide process-item">
|
||||
<img src="../../assets/images/Process/Process-2.jpg" alt="Booking a date on the calendar">
|
||||
<div class="content">
|
||||
<h3>Book Your<br>Date</h3>
|
||||
<h6><span>02</span></h6>
|
||||
<p>Reserve your date and confirm the address, start time, and length of the party.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Step 3: We Deliver -->
|
||||
<div class="swiper-slide process-item">
|
||||
<img src="../../assets/images/Process/Process-3.jpg" alt="Game truck arriving on-site">
|
||||
<div class="content">
|
||||
<h3>We<br>Deliver</h3>
|
||||
<h6><span>03</span></h6>
|
||||
<p>The truck rolls up, we set up power and screens, and the games are ready to go.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Step 4: Guests Play -->
|
||||
<div class="swiper-slide process-item">
|
||||
<img src="../../assets/images/Process/Process-4.jpg" alt="Guests playing games at the party">
|
||||
<div class="content">
|
||||
<h3>Guests<br>Play</h3>
|
||||
<h6><span>04</span></h6>
|
||||
<p>A host stays on-site the whole time to run tournaments and help every player.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Step 5: We Wrap Up -->
|
||||
<div class="swiper-slide process-item">
|
||||
<img src="../../assets/images/Process/Process-5.jpg" alt="Packing up after the event">
|
||||
<div class="content">
|
||||
<h3>We Wrap<br>Up</h3>
|
||||
<h6><span>05</span></h6>
|
||||
<p>When time's up, we pack up the truck and leave your driveway just as we found it.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Step 6: You Relax -->
|
||||
<div class="swiper-slide process-item">
|
||||
<img src="../../assets/images/Process/Process-6.jpg" alt="Happy party host relaxing">
|
||||
<div class="content">
|
||||
<h3>You<br>Relax</h3>
|
||||
<h6><span>06</span></h6>
|
||||
<p>No cleanup, no rented equipment to return — just a party everyone will remember.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
<!-- ========== Process Slider Area (End) ========== -->
|
||||
|
||||
<!-- ========== Home Skills Area (Start) ============= -->
|
||||
<section class="custom-form home-skills linear-bg">
|
||||
|
||||
<div class="box-container">
|
||||
<!-- Introduction Content -->
|
||||
<div class="content">
|
||||
|
||||
<div class="heading">
|
||||
<div class="sub"><span>Why Book With Us</span><i class="fa-solid fa-gamepad"></i></div> <!-- Sub Heading -->
|
||||
<h2>Your Trusted Mobile Gaming Partner</h2> <!-- Main Heading -->
|
||||
</div>
|
||||
|
||||
<!-- Description -->
|
||||
<p>Mobile Galaxy Gaming combines the latest game systems with reliable, on-time delivery. Our hosts run every event so you can relax and enjoy the party.</p>
|
||||
|
||||
<!-- Company's Skills -->
|
||||
<div class="team-single">
|
||||
<div class="skills">
|
||||
|
||||
<!-- On-Time Delivery -->
|
||||
<div class="box">
|
||||
<h3>On-Time Delivery<span> 98% </span></h3>
|
||||
<div class="progress-bar"> <span style="width: 98%;"></span> </div>
|
||||
</div>
|
||||
|
||||
<!-- Game Variety -->
|
||||
<div class="box">
|
||||
<h3>Game Variety<span> 95% </span></h3>
|
||||
<div class="progress-bar"> <span style="width: 95%;"></span> </div>
|
||||
</div>
|
||||
|
||||
<!-- Guest Satisfaction -->
|
||||
<div class="box">
|
||||
<h3>Guest Satisfaction<span> 97% </span></h3>
|
||||
<div class="progress-bar"> <span style="width: 97%;"></span> </div>
|
||||
</div>
|
||||
|
||||
<!-- Easy Booking -->
|
||||
<div class="box">
|
||||
<h3>Easy Booking<span> 93% </span></h3>
|
||||
<div class="progress-bar"> <span style="width: 93%;"></span> </div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<a href="../../pages/Contact/Contact.html" class="btn btn-2">Contact Us</a>
|
||||
<!-- Contact Page Button -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
<!-- ========== Home Skills Area (End) ============== -->
|
||||
|
||||
<!-- ==================== Faqs Area (Start) ==================== -->
|
||||
<section class="faq">
|
||||
|
||||
<!-- Section Heading -->
|
||||
<div class="heading">
|
||||
<div class="sub"><i class="fa-solid fa-gamepad"></i><span>FAQ's</span><i class="fa-solid fa-gamepad"></i></div>
|
||||
<h2>Frequently Asked Questions</h2>
|
||||
</div>
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- FAQ Image -->
|
||||
<div class="image">
|
||||
<img src="../../assets/images/FAQs/FAQs.jpg" alt="Mobile Galaxy Gaming FAQs">
|
||||
</div>
|
||||
|
||||
<!-- FAQ Accordion Container -->
|
||||
<div class="accordion-container">
|
||||
|
||||
<!-- FAQ Accordion 1: Driveway Space -->
|
||||
<div class="accordion active">
|
||||
<div class="accordion-heading">
|
||||
<h3>How much driveway space do you need?</h3>
|
||||
<i class="fas fa-plus"></i>
|
||||
</div>
|
||||
<p class="accordion-content">Most bookings just need a flat parking spot or driveway roughly the size of a standard parking space, plus room for guests to move around outside the truck.</p>
|
||||
</div>
|
||||
|
||||
<!-- FAQ Accordion 2: Power Needs -->
|
||||
<div class="accordion">
|
||||
<div class="accordion-heading">
|
||||
<h3>Do you need access to power?</h3>
|
||||
<i class="fas fa-plus"></i>
|
||||
</div>
|
||||
<p class="accordion-content">The truck runs on its own power, so a standard outlet isn't required — just let us know if you'd like us to use house power instead.</p>
|
||||
</div>
|
||||
|
||||
<!-- FAQ Accordion 3: Weather Policy -->
|
||||
<div class="accordion">
|
||||
<div class="accordion-heading">
|
||||
<h3>What happens if it rains?</h3>
|
||||
<i class="fas fa-plus"></i>
|
||||
</div>
|
||||
<p class="accordion-content">No problem — all the gaming happens inside the climate-controlled truck, so parties go on rain or shine.</p>
|
||||
</div>
|
||||
|
||||
<!-- FAQ Accordion 4: Age Groups -->
|
||||
<div class="accordion">
|
||||
<div class="accordion-heading">
|
||||
<h3>What age groups is this good for?</h3>
|
||||
<i class="fas fa-plus"></i>
|
||||
</div>
|
||||
<p class="accordion-content">Our game library covers family-friendly titles for young kids up through competitive multiplayer games that teens and adults enjoy.</p>
|
||||
</div>
|
||||
|
||||
<!-- FAQ Accordion 5: Player Capacity -->
|
||||
<div class="accordion">
|
||||
<div class="accordion-heading">
|
||||
<h3>How many players can game at once?</h3>
|
||||
<i class="fas fa-plus"></i>
|
||||
</div>
|
||||
<p class="accordion-content">Depending on the package, 8 to 20+ guests can play across multiple screens and systems at the same time.</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</section>
|
||||
<!-- ==================== Faqs Area (End) ==================== -->
|
||||
|
||||
<!-- ========== Testimonials Area (Start) ========== -->
|
||||
<section class="testimonial main linear-bg">
|
||||
|
||||
<!-- Section Heading -->
|
||||
<div class="heading">
|
||||
<div class="sub"><i class="fa-solid fa-gamepad"></i><span>What Our Customers Say</span><i class="fa-solid fa-gamepad"></i></div> <!-- Sub Heading -->
|
||||
<h2>Customer Testimonials</h2>
|
||||
</div>
|
||||
|
||||
<!-- Testimonial Slider -->
|
||||
<div class="swiper-container testimonial-slider">
|
||||
|
||||
<div class="swiper-wrapper">
|
||||
|
||||
<!-- Testimonial Slide 1 -->
|
||||
<div class="swiper-slide testi-item">
|
||||
<img src="../../assets/images/Testimonials/Pic-1.jpg" alt="Parent who booked a birthday party">
|
||||
<i class="fas fa-quote-right"></i>
|
||||
<div class="text">
|
||||
<h4>Justin Smith</h4>
|
||||
<h6>Birthday Parent</h6>
|
||||
</div>
|
||||
<div class="rating">
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
</div>
|
||||
<p>"The truck rolled right into our driveway and the kids didn't want to stop playing. Setup was fast and the host kept everyone organized the whole time."</p>
|
||||
</div>
|
||||
|
||||
<!-- Testimonial Slide 2 -->
|
||||
<div class="swiper-slide testi-item">
|
||||
<img src="../../assets/images/Testimonials/Pic-2.jpg" alt="School event organizer">
|
||||
<i class="fas fa-quote-right"></i>
|
||||
<div class="text">
|
||||
<h4>Taylor Reed</h4>
|
||||
<h6>School Event Organizer</h6>
|
||||
</div>
|
||||
<div class="rating">
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
</div>
|
||||
<p>"We booked the game truck for our school's fun fair and it was the highlight of the day. Easy to schedule and the students loved every minute."</p>
|
||||
</div>
|
||||
|
||||
<!-- Testimonial Slide 3 -->
|
||||
<div class="swiper-slide testi-item">
|
||||
<img src="../../assets/images/Testimonials/Pic-3.jpg" alt="Corporate event planner">
|
||||
<i class="fas fa-quote-right"></i>
|
||||
<div class="text">
|
||||
<h4>Michael Brown</h4>
|
||||
<h6>Corporate Event Planner</h6>
|
||||
</div>
|
||||
<div class="rating">
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
</div>
|
||||
<p>"A fun, low-effort way to entertain our whole team. The tournament setup got even the non-gamers competing by the end of the afternoon."</p>
|
||||
</div>
|
||||
|
||||
<!-- Testimonial Slide 4 -->
|
||||
<div class="swiper-slide testi-item">
|
||||
<img src="../../assets/images/Testimonials/Pic-4.jpg" alt="Community event host">
|
||||
<i class="fas fa-quote-right"></i>
|
||||
<div class="text">
|
||||
<h4>Nisa Klein</h4>
|
||||
<h6>Community Event Host</h6>
|
||||
</div>
|
||||
<div class="rating">
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
</div>
|
||||
<p>"Mobile Galaxy Gaming showed up on time, set up quickly, and the VR station was a hit with kids and adults alike. Highly recommend for any event."</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Testimonial Slider Pagination -->
|
||||
<div class="swiper-pagination swiper-pagination3"></div>
|
||||
|
||||
</div>
|
||||
|
||||
</section>
|
||||
<!-- ========== Testimonials Area (End) ========== -->
|
||||
|
||||
<!-- ========== Team Area (Start) ========== -->
|
||||
<section class="team">
|
||||
|
||||
<!-- Section Heading -->
|
||||
<div class="heading">
|
||||
<div class="sub"><i class="fa-solid fa-gamepad"></i><span>Meet Our Crew</span><i class="fa-solid fa-gamepad"></i></div> <!-- Sub Heading -->
|
||||
<h2>Our Team</h2>
|
||||
</div>
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Team Member 1 -->
|
||||
<div class="team-item">
|
||||
<img src="../../assets/images/Team/Team-1.jpg" alt="Game truck host"> <!-- Team Member Image -->
|
||||
<div class="content">
|
||||
<div class="intro">
|
||||
<h3>Ethan Green</h3> <!-- Team Member Name -->
|
||||
<p>Game Truck Host</p> <!-- Team Member Designation -->
|
||||
</div>
|
||||
<div class="icon-container">
|
||||
<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>
|
||||
</div>
|
||||
|
||||
<!-- Team Member 2 -->
|
||||
<div class="team-item">
|
||||
<img src="../../assets/images/Team/Team-2.jpg" alt="Event coordinator">
|
||||
<div class="content">
|
||||
<div class="intro">
|
||||
<h3>Sophia Bloom</h3>
|
||||
<p>Event Coordinator</p>
|
||||
</div>
|
||||
<div class="icon-container">
|
||||
<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>
|
||||
</div>
|
||||
|
||||
<!-- Team Member 3 -->
|
||||
<div class="team-item">
|
||||
<img src="../../assets/images/Team/Team-3.jpg" alt="Game truck technician">
|
||||
<div class="content">
|
||||
<div class="intro">
|
||||
<h3>Liam Woods</h3>
|
||||
<p>Truck & Tech Lead</p>
|
||||
</div>
|
||||
<div class="icon-container">
|
||||
<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>
|
||||
</div>
|
||||
|
||||
<!-- Team Member 4 -->
|
||||
<div class="team-item">
|
||||
<img src="../../assets/images/Team/Team-4.jpg" alt="Booking specialist">
|
||||
<div class="content">
|
||||
<div class="intro">
|
||||
<h3>Olivia Fern</h3>
|
||||
<p>Booking Specialist</p>
|
||||
</div>
|
||||
<div class="icon-container">
|
||||
<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>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</section>
|
||||
<!-- ========== Team Area (End) ========== -->
|
||||
|
||||
<!-- ========== Banner Area (Start) ========== -->
|
||||
<section class="banner">
|
||||
<div class="content">
|
||||
|
||||
<div class="heading">
|
||||
<div class="sub">
|
||||
<span>Bring The Galaxy To Your Driveway</span>
|
||||
<i class="fa-solid fa-gamepad"></i>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h2>The Party Comes to You — Book the Game Truck Today</h2>
|
||||
<a href="../../pages/Pages/Get-Quote.html" class="btn">Book Now</a>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
<!-- ========== Banner Area (End) ========== -->
|
||||
|
||||
<!-- ========== Clients Area (Start) ========== -->
|
||||
<section class="clients">
|
||||
|
||||
<!-- Client Slider Container -->
|
||||
<div class="swiper-container client-slider">
|
||||
|
||||
<!-- Partner Logos -->
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide client-item"><a href="../../pages/About/About.html"><img src="../../assets/images/Clients/Client-1.png" alt="" role="presentation"></a></div>
|
||||
<div class="swiper-slide client-item"><a href="../../pages/About/About.html"><img src="../../assets/images/Clients/Client-2.png" alt="" role="presentation"></a></div>
|
||||
<div class="swiper-slide client-item"><a href="../../pages/About/About.html"><img src="../../assets/images/Clients/Client-3.png" alt="" role="presentation"></a></div>
|
||||
<div class="swiper-slide client-item"><a href="../../pages/About/About.html"><img src="../../assets/images/Clients/Client-4.png" alt="" role="presentation"></a></div>
|
||||
<div class="swiper-slide client-item"><a href="../../pages/About/About.html"><img src="../../assets/images/Clients/Client-5.png" alt="" role="presentation"></a></div>
|
||||
<div class="swiper-slide client-item"><a href="../../pages/About/About.html"><img src="../../assets/images/Clients/Client-6.png" alt="" role="presentation"></a></div>
|
||||
<div class="swiper-slide client-item"><a href="../../pages/About/About.html"><img src="../../assets/images/Clients/Client-7.png" alt="" role="presentation"></a></div>
|
||||
<div class="swiper-slide client-item"><a href="../../pages/About/About.html"><img src="../../assets/images/Clients/Client-8.png" alt="" role="presentation"></a></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</section>
|
||||
<!-- ========== Clients Area (End) ========== -->
|
||||
|
||||
</section>
|
||||
<!-- ==================== About-Us 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>
|
||||
|
||||
<!-- Swiper (JS) -->
|
||||
<script src="../../assets/vendors/swiper/swiper-bundle.min.js"></script>
|
||||
|
||||
<!-- Custom Script Files -->
|
||||
<script src="../../assets/js/script.js"></script> <!-- Custom JavaScript file with additional website functionality. -->
|
||||
<script src="../../assets/js/nav-link-toggler.js"></script> <!-- Manages navigation link toggling (e.g., hamburger menu) for mobile devices -->
|
||||
<script src="../../assets/js/newsletter.js"></script>
|
||||
<script src="../../assets/js/client-slider.js"></script> <!-- Controls the interactive Client Slider for showcasing business clients. -->
|
||||
<script src="../../assets/js/counter-up.js"></script> <!-- Manages the "Counter Up" feature to animate numerical counting on the website. -->
|
||||
<script src="../../assets/js/testi-slider.js"></script> <!-- Controls the interactive Testimonial Slider for showcasing customer testimonials. -->
|
||||
<script src="../../assets/js/service-slider.js"></script> <!-- Script for controlling the service slider on the website -->
|
||||
<script src="../../assets/js/process-slider.js"></script> <!-- Script for controlling the process slider on the website -->
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
+476
@@ -0,0 +1,476 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<!-- Title -->
|
||||
<title>LeafLine | Gardening and Landscaping Website</title>
|
||||
|
||||
<!-- Favicon -->
|
||||
<link rel="icon" type="image/x-icon" href="../../assets/images/favicon.ico">
|
||||
|
||||
<!-- Font-Awesome (CSS) -->
|
||||
<link rel="stylesheet" href="../../assets/vendors/font-awesome/css/all.min.css">
|
||||
|
||||
<!-- Custom Stylesheets -->
|
||||
<link rel="stylesheet" href="../../assets/css/main.css">
|
||||
<link rel="stylesheet" href="../../assets/css/responsive.css">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- ==================== Scroll-Top Area (Start) ==================== -->
|
||||
<a href="#" class="scroll-top">
|
||||
<i class="fa-solid fa-arrow-up-long"></i>
|
||||
</a>
|
||||
<!-- ==================== Scroll-Top Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Header Area (Start) ==================== -->
|
||||
<header class="header">
|
||||
|
||||
<!-- ===== Header-1 Area (Start) ===== -->
|
||||
<div class="header-1">
|
||||
|
||||
<!-- == Contacts == -->
|
||||
<ul class="header-contacts">
|
||||
<li><i class="fa-solid fa-location-dot"></i><span>LeafLine Company</span></li>
|
||||
<li><i class="fa-solid fa-phone"></i><span>+123-456-7890</span></li>
|
||||
<li><i class="fa-solid fa-envelope"></i><span class="gmail">info@leafline.com</span></li>
|
||||
</ul>
|
||||
|
||||
<!-- == Social == -->
|
||||
<ul class="social-contacts">
|
||||
<li><a href="#" class="fab fa-facebook-f"></a></li>
|
||||
<li><a href="#" class="fa-brands fa-x-twitter"></a></li>
|
||||
<li><a href="#" class="fab fa-instagram"></a></li>
|
||||
<li><a href="#" class="fab fa-linkedin"></a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
<!-- ===== Header-1 Area (End) ===== -->
|
||||
|
||||
<!-- ===== Header-2 Area (Start) ===== -->
|
||||
<div class="header-2">
|
||||
|
||||
<!-- == Logo == -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<div class="container">
|
||||
|
||||
<!-- == Navbar == -->
|
||||
<nav class="navbar">
|
||||
|
||||
<a class="nav-btn" href="../../index.html">home</a>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">about</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/About/About.html">about us</a>
|
||||
<a href="../../pages/About/WhyUs.html">Why Choose Us</a>
|
||||
<a href="../../pages/About/History.html">History</a>
|
||||
<a href="../../pages/About/Team.html">Team</a>
|
||||
<a href="../../pages/About/Team-Single.html">Team Single</a>
|
||||
<a href="../../pages/About/Testimonials.html">testimonials</a>
|
||||
<a href="../../pages/About/FAQs.html">FAQs</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">Pages</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Gallery.html">Gallery</a>
|
||||
<a href="../../pages/Pages/Pricing.html">Pricing</a>
|
||||
<a href="../../pages/Pages/Process.html">work process</a>
|
||||
<a href="../../pages/Pages/Awards.html">Awards</a>
|
||||
<div class="side-dropdown">
|
||||
<button>Event</button> <i class="fa-solid fa-chevron-right"></i>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Events.html">Events</a>
|
||||
<a href="../../pages/Pages/Event-Single.html">Event Single</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="side-dropdown">
|
||||
<button>Career</button> <i class="fa-solid fa-chevron-right"></i>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Careers.html">Careers</a>
|
||||
<a href="../../pages/Pages/Career-Single.html">Career Single</a>
|
||||
<a href="../../pages/Pages/Career-Form.html">Career Form</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="side-dropdown">
|
||||
<button>Information Hub</button> <i class="fa-solid fa-chevron-right"></i>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Not-Found.html">Not Found</a>
|
||||
<a href="../../pages/Pages/Privacy-Policy.html">Privacy Policy</a>
|
||||
<a href="../../pages/Pages/Terms.html">Terms & Condition</a>
|
||||
</div>
|
||||
</div>
|
||||
<a href="../../pages/Pages/Cost-Calculator.html">cost calculator</a>
|
||||
<a href="../../pages/Pages/Get-Quote.html">get a quote</a>
|
||||
<a href="../../pages/Pages/Clients.html">clients</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">Service</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Service/Services.html">Services</a>
|
||||
<a href="../../pages/Service/Service-Single.html">Service Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">Project</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Project/Projects.html">Projects</a>
|
||||
<a href="../../pages/Project/Project-Single.html">Project Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">blog</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Blog/Blog-Grid.html">blogs grid</a>
|
||||
<a href="../../pages/Blog/Blog-List.html">blogs list</a>
|
||||
<a href="../../pages/Blog/Blog-Single.html">blog Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">shop</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Shop/Shop-Grid.html">shop grid</a>
|
||||
<a href="../../pages/Shop/Shop-List.html">shop list</a>
|
||||
<a href="../../pages/Shop/Product-Single.html">product Single</a>
|
||||
<a href="../../pages/Shop/Wishlist.html">wishlist</a>
|
||||
<a href="../../pages/Shop/Cart.html">cart</a>
|
||||
<a href="../../pages/Shop/Checkout.html">checkout</a>
|
||||
<a href="../../pages/Shop/Login.html">login</a>
|
||||
<a href="../../pages/Shop/Register.html">register</a>
|
||||
<a href="../../pages/Shop/Reset-Password.html">forgot Password</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<a class="nav-btn" href="../../pages/Contact/Contact.html">contact</a>
|
||||
|
||||
</nav>
|
||||
|
||||
<!-- == Icon Container == -->
|
||||
<div class="icon-container">
|
||||
<div id="search-btn" class="icon fa-solid fa-magnifying-glass"></div> <!-- Search Icon -->
|
||||
<div id="menu-btn" class="icon fa-solid fa-bars-staggered"></div>
|
||||
<a href="../../pages/Pages/Get-Quote.html" class="btn">get A quote</a>
|
||||
</div>
|
||||
|
||||
<!-- == Search Container == -->
|
||||
<form class="search-container">
|
||||
<input type="search" id="search-bar" placeholder="search here" required> <!-- Search Input -->
|
||||
<button type="submit"><i class="fas fa-search"></i></button> <!-- Submit Button -->
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ===== Header-2 Area (End) ===== -->
|
||||
|
||||
<!-- ===== Mobile Menu Area (Start) ===== -->
|
||||
<div class="mobile-menu">
|
||||
|
||||
<nav class="mobile-navbar">
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <a class="nav-btn" href="../../index.html">home</a> </div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">about</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/About/About.html">about us</a>
|
||||
<a href="../../pages/About/WhyUs.html">Why Choose Us</a>
|
||||
<a href="../../pages/About/History.html">History</a>
|
||||
<a href="../../pages/About/Team.html">Team</a>
|
||||
<a href="../../pages/About/Team-Single.html">Team Single</a>
|
||||
<a href="../../pages/About/Testimonials.html">testimonials</a>
|
||||
<a href="../../pages/About/FAQs.html">FAQs</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">pages</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Pages/Gallery.html">Gallery</a>
|
||||
<a href="../../pages/Pages/Pricing.html">Pricing</a>
|
||||
<a href="../../pages/Pages/Process.html">work process</a>
|
||||
<a href="../../pages/Pages/Awards.html">Awards</a>
|
||||
<a href="../../pages/Pages/Events.html">Events</a>
|
||||
<a href="../../pages/Pages/Event-Single.html">Event Single</a>
|
||||
<a href="../../pages/Pages/Careers.html">Careers</a>
|
||||
<a href="../../pages/Pages/Career-Single.html">Career Single</a>
|
||||
<a href="../../pages/Pages/Career-Form.html">Career Form</a>
|
||||
<a href="../../pages/Pages/Not-Found.html">Not Found</a>
|
||||
<a href="../../pages/Pages/Privacy-Policy.html">Privacy Policy</a>
|
||||
<a href="../../pages/Pages/Terms.html">Terms & Condition</a>
|
||||
<a href="../../pages/Pages/Cost-Calculator.html">cost calculator</a>
|
||||
<a href="../../pages/Pages/Get-Quote.html">get a quote</a>
|
||||
<a href="../../pages/Pages/Clients.html">clients</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">Service</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Service/Services.html">Services</a>
|
||||
<a href="../../pages/Service/Service-Single.html">Service Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">Project</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Project/Projects.html">Projects</a>
|
||||
<a href="../../pages/Project/Project-Single.html">Project Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">blog</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Blog/Blog-Grid.html">blogs grid</a>
|
||||
<a href="../../pages/Blog/Blog-List.html">blogs list</a>
|
||||
<a href="../../pages/Blog/Blog-Single.html">blog Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">Shop</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Shop/Shop-Grid.html">shop grid</a>
|
||||
<a href="../../pages/Shop/Shop-List.html">shop list</a>
|
||||
<a href="../../pages/Shop/Product-Single.html">product Single</a>
|
||||
<a href="../../pages/Shop/Wishlist.html">wishlist</a>
|
||||
<a href="../../pages/Shop/Cart.html">cart</a>
|
||||
<a href="../../pages/Shop/Checkout.html">checkout</a>
|
||||
<a href="../../pages/Shop/Login.html">login</a>
|
||||
<a href="../../pages/Shop/Register.html">register</a>
|
||||
<a href="../../pages/Shop/Reset-Password.html">forgot Password</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <a class="nav-btn" href="../../pages/Contact/Contact.html">contact</a> </div>
|
||||
</div>
|
||||
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
<!-- ===== Mobile Menu Area (End) ===== -->
|
||||
|
||||
</header>
|
||||
<!-- ==================== Header Area (End) ==================== -->
|
||||
|
||||
|
||||
<!-- ==================== Page-Title (Start) ==================== -->
|
||||
<div class="page-title">
|
||||
|
||||
<div class="title">
|
||||
<h2>FAQs</h2>
|
||||
</div>
|
||||
|
||||
<div class="link">
|
||||
<a href="../../index.html">Home</a>
|
||||
<i class="fa-solid fa-angles-right"></i>
|
||||
<span class="page">FAQs</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ==================== Page-Title (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Faqs Area (Start) ==================== -->
|
||||
<section class="faq">
|
||||
|
||||
<!-- Section Heading -->
|
||||
<div class="heading">
|
||||
<div class="sub"><i class="fa-brands fa-pagelines"></i><span>FAQ's</span><i class="fa-brands fa-pagelines"></i></div>
|
||||
<h2>Frequently Asked Questions</h2>
|
||||
</div>
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- FAQ Image -->
|
||||
<div class="image">
|
||||
<img src="../../assets/images/FAQs/FAQs.jpg" alt="FAQs Image">
|
||||
</div>
|
||||
|
||||
<!-- FAQ Accordion Container -->
|
||||
<div class="accordion-container">
|
||||
|
||||
<!-- FAQ Accordion 1: Service Range -->
|
||||
<div class="accordion active">
|
||||
<div class="accordion-heading">
|
||||
<h3>What services does LeafLine offer?</h3>
|
||||
<i class="fas fa-plus"></i>
|
||||
</div>
|
||||
<p class="accordion-content">LeafLine provides a complete range of gardening and landscaping services, including garden design, lawn care, irrigation setup, plant maintenance, and outdoor decor solutions.</p>
|
||||
</div>
|
||||
|
||||
<!-- FAQ Accordion 2: Custom Designs -->
|
||||
<div class="accordion">
|
||||
<div class="accordion-heading">
|
||||
<h3>Can you create a design for my home?</h3>
|
||||
<i class="fas fa-plus"></i>
|
||||
</div>
|
||||
<p class="accordion-content">Absolutely! Our designers work closely with you to understand your preferences and space requirements, crafting a personalized garden or landscape plan that reflects your vision and lifestyle.</p>
|
||||
</div>
|
||||
|
||||
<!-- FAQ Accordion 3: Maintenance Plans -->
|
||||
<div class="accordion">
|
||||
<div class="accordion-heading">
|
||||
<h3>Do you offer regular maintenance services?</h3>
|
||||
<i class="fas fa-plus"></i>
|
||||
</div>
|
||||
<p class="accordion-content">Yes, we offer flexible maintenance packages that include trimming, watering, soil care, fertilization, and pest control to keep your garden lush and healthy all year round.</p>
|
||||
</div>
|
||||
|
||||
<!-- FAQ Accordion 4: Eco-Friendly Practices -->
|
||||
<div class="accordion">
|
||||
<div class="accordion-heading">
|
||||
<h3>Are your gardening methods eco-friendly?</h3>
|
||||
<i class="fas fa-plus"></i>
|
||||
</div>
|
||||
<p class="accordion-content">At LeafLine, we prioritize sustainability. We use organic fertilizers, water-efficient irrigation systems, and native plants to reduce environmental impact and promote long-term garden health.</p>
|
||||
</div>
|
||||
|
||||
<!-- FAQ Accordion 5: Project Timeline -->
|
||||
<div class="accordion">
|
||||
<div class="accordion-heading">
|
||||
<h3>How long does a typical project take?</h3>
|
||||
<i class="fas fa-plus"></i>
|
||||
</div>
|
||||
<p class="accordion-content">Project timelines vary depending on size and complexity. Most residential landscaping projects are completed within 2–4 weeks after the design phase is finalized.</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</section>
|
||||
<!-- ==================== Faqs Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Footer Area (Start) ==================== -->
|
||||
<footer class="footer">
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Gardening and Landscaping Company Information & Social Media Links -->
|
||||
<div class="footer-item">
|
||||
|
||||
<!-- Gardening and Landscaping Company Logo -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<!-- Description -->
|
||||
<p>Transforming outdoor spaces with premium gardening and landscaping solutions.</p>
|
||||
|
||||
<!-- Contact Information -->
|
||||
<div class="info connect">
|
||||
<p><i class="fas fa-phone"></i><span>+123-456-7890</span></p>
|
||||
<p><i class="fas fa-envelope"></i><span class="gmail">info@leafline.com</span></p>
|
||||
<p><i class="fas fa-map-marker-alt"></i><span>LeafLine Company</span></p>
|
||||
</div>
|
||||
|
||||
<!-- Social Media Links -->
|
||||
<div class="social">
|
||||
<a href="#"><i class="fab fa-facebook-f"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-x-twitter"></i></a>
|
||||
<a href="#"><i class="fab fa-instagram"></i></a>
|
||||
<a href="#"><i class="fab fa-linkedin"></i></a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Gardening and Landscaping Services Offered -->
|
||||
<div class="footer-item">
|
||||
<h2>Our Services</h2>
|
||||
<div class="info links">
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Lawn Care</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Garden Design</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Tree Planting</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Hardscaping Solution</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">water ponds</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Outdoor Décor</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Quick Links -->
|
||||
<div class="footer-item">
|
||||
<h2>Quick Links</h2>
|
||||
<div class="info links">
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/About/About.html">About Us</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Services.html">Services</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Project/Projects.html">Projects</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Blog/Blog-Grid.html">Blog</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Shop/Shop-Grid.html">Shop</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Contact/Contact.html">Contact Us</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Newsletter Subscription -->
|
||||
<div class="footer-item">
|
||||
|
||||
<h2>Newsletter</h2>
|
||||
<p>Stay informed and up-to-date with the latest trends, helpful tips, and exclusive special offers.</p>
|
||||
<form class="dark-form" method="post" id="newsletter-form-2">
|
||||
<div class="input-field">
|
||||
<label for="news-email-2" class="fas fa-envelope"></label>
|
||||
<input type="email" id="news-email-2" name="email" class="box" placeholder="Your email address" required>
|
||||
</div>
|
||||
<button type="submit" class="btn" name="submit" id="submit-2">Subscribe</button>
|
||||
<span class="alert" id="msg-2"></span>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Gardening and Landscaping Company's Name and Copyright -->
|
||||
<div class="content">
|
||||
<p>Designed By <span>NorthStar_Themes</span> | All Rights Reserved</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
<!-- ==================== Footer Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- Jquery -->
|
||||
<script src="../../assets/vendors/jquery/jquery.min.js"></script>
|
||||
|
||||
<!-- Custom Script Files -->
|
||||
<script src="../../assets/js/script.js"></script> <!-- Custom JavaScript file with additional website functionality. -->
|
||||
<script src="../../assets/js/nav-link-toggler.js"></script> <!-- Manages navigation link toggling (e.g., hamburger menu) for mobile devices -->
|
||||
<script src="../../assets/js/newsletter.js"></script>
|
||||
<script src="../../assets/js/accordion.js"></script> <!-- Controls the functionality of accordions for displaying content sections. -->
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,432 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<!-- Title -->
|
||||
<title>LeafLine | Gardening and Landscaping Website</title>
|
||||
|
||||
<!-- Favicon -->
|
||||
<link rel="icon" type="image/x-icon" href="../../assets/images/favicon.ico">
|
||||
|
||||
<!-- Font-Awesome (CSS) -->
|
||||
<link rel="stylesheet" href="../../assets/vendors/font-awesome/css/all.min.css">
|
||||
|
||||
<!-- Custom Stylesheets -->
|
||||
<link rel="stylesheet" href="../../assets/css/main.css">
|
||||
<link rel="stylesheet" href="../../assets/css/responsive.css">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- ==================== Scroll-Top Area (Start) ==================== -->
|
||||
<a href="#" class="scroll-top">
|
||||
<i class="fa-solid fa-arrow-up-long"></i>
|
||||
</a>
|
||||
<!-- ==================== Scroll-Top Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Header Area (Start) ==================== -->
|
||||
<header class="header">
|
||||
|
||||
<!-- ===== Header-1 Area (Start) ===== -->
|
||||
<div class="header-1">
|
||||
|
||||
<!-- == Contacts == -->
|
||||
<ul class="header-contacts">
|
||||
<li><i class="fa-solid fa-location-dot"></i><span>LeafLine Company</span></li>
|
||||
<li><i class="fa-solid fa-phone"></i><span>+123-456-7890</span></li>
|
||||
<li><i class="fa-solid fa-envelope"></i><span class="gmail">info@leafline.com</span></li>
|
||||
</ul>
|
||||
|
||||
<!-- == Social == -->
|
||||
<ul class="social-contacts">
|
||||
<li><a href="#" class="fab fa-facebook-f"></a></li>
|
||||
<li><a href="#" class="fa-brands fa-x-twitter"></a></li>
|
||||
<li><a href="#" class="fab fa-instagram"></a></li>
|
||||
<li><a href="#" class="fab fa-linkedin"></a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
<!-- ===== Header-1 Area (End) ===== -->
|
||||
|
||||
<!-- ===== Header-2 Area (Start) ===== -->
|
||||
<div class="header-2">
|
||||
|
||||
<!-- == Logo == -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<div class="container">
|
||||
|
||||
<!-- == Navbar == -->
|
||||
<nav class="navbar">
|
||||
|
||||
<a class="nav-btn" href="../../index.html">home</a>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">about</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/About/About.html">about us</a>
|
||||
<a href="../../pages/About/WhyUs.html">Why Choose Us</a>
|
||||
<a href="../../pages/About/History.html">History</a>
|
||||
<a href="../../pages/About/Team.html">Team</a>
|
||||
<a href="../../pages/About/Team-Single.html">Team Single</a>
|
||||
<a href="../../pages/About/Testimonials.html">testimonials</a>
|
||||
<a href="../../pages/About/FAQs.html">FAQs</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">Pages</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Gallery.html">Gallery</a>
|
||||
<a href="../../pages/Pages/Pricing.html">Pricing</a>
|
||||
<a href="../../pages/Pages/Process.html">work process</a>
|
||||
<a href="../../pages/Pages/Awards.html">Awards</a>
|
||||
<div class="side-dropdown">
|
||||
<button>Event</button> <i class="fa-solid fa-chevron-right"></i>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Events.html">Events</a>
|
||||
<a href="../../pages/Pages/Event-Single.html">Event Single</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="side-dropdown">
|
||||
<button>Career</button> <i class="fa-solid fa-chevron-right"></i>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Careers.html">Careers</a>
|
||||
<a href="../../pages/Pages/Career-Single.html">Career Single</a>
|
||||
<a href="../../pages/Pages/Career-Form.html">Career Form</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="side-dropdown">
|
||||
<button>Information Hub</button> <i class="fa-solid fa-chevron-right"></i>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Not-Found.html">Not Found</a>
|
||||
<a href="../../pages/Pages/Privacy-Policy.html">Privacy Policy</a>
|
||||
<a href="../../pages/Pages/Terms.html">Terms & Condition</a>
|
||||
</div>
|
||||
</div>
|
||||
<a href="../../pages/Pages/Cost-Calculator.html">cost calculator</a>
|
||||
<a href="../../pages/Pages/Get-Quote.html">get a quote</a>
|
||||
<a href="../../pages/Pages/Clients.html">clients</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">Service</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Service/Services.html">Services</a>
|
||||
<a href="../../pages/Service/Service-Single.html">Service Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">Project</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Project/Projects.html">Projects</a>
|
||||
<a href="../../pages/Project/Project-Single.html">Project Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">blog</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Blog/Blog-Grid.html">blogs grid</a>
|
||||
<a href="../../pages/Blog/Blog-List.html">blogs list</a>
|
||||
<a href="../../pages/Blog/Blog-Single.html">blog Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">shop</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Shop/Shop-Grid.html">shop grid</a>
|
||||
<a href="../../pages/Shop/Shop-List.html">shop list</a>
|
||||
<a href="../../pages/Shop/Product-Single.html">product Single</a>
|
||||
<a href="../../pages/Shop/Wishlist.html">wishlist</a>
|
||||
<a href="../../pages/Shop/Cart.html">cart</a>
|
||||
<a href="../../pages/Shop/Checkout.html">checkout</a>
|
||||
<a href="../../pages/Shop/Login.html">login</a>
|
||||
<a href="../../pages/Shop/Register.html">register</a>
|
||||
<a href="../../pages/Shop/Reset-Password.html">forgot Password</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<a class="nav-btn" href="../../pages/Contact/Contact.html">contact</a>
|
||||
|
||||
</nav>
|
||||
|
||||
<!-- == Icon Container == -->
|
||||
<div class="icon-container">
|
||||
<div id="search-btn" class="icon fa-solid fa-magnifying-glass"></div> <!-- Search Icon -->
|
||||
<div id="menu-btn" class="icon fa-solid fa-bars-staggered"></div>
|
||||
<a href="../../pages/Pages/Get-Quote.html" class="btn">get A quote</a>
|
||||
</div>
|
||||
|
||||
<!-- == Search Container == -->
|
||||
<form class="search-container">
|
||||
<input type="search" id="search-bar" placeholder="search here" required> <!-- Search Input -->
|
||||
<button type="submit"><i class="fas fa-search"></i></button> <!-- Submit Button -->
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ===== Header-2 Area (End) ===== -->
|
||||
|
||||
<!-- ===== Mobile Menu Area (Start) ===== -->
|
||||
<div class="mobile-menu">
|
||||
|
||||
<nav class="mobile-navbar">
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <a class="nav-btn" href="../../index.html">home</a> </div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">about</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/About/About.html">about us</a>
|
||||
<a href="../../pages/About/WhyUs.html">Why Choose Us</a>
|
||||
<a href="../../pages/About/History.html">History</a>
|
||||
<a href="../../pages/About/Team.html">Team</a>
|
||||
<a href="../../pages/About/Team-Single.html">Team Single</a>
|
||||
<a href="../../pages/About/Testimonials.html">testimonials</a>
|
||||
<a href="../../pages/About/FAQs.html">FAQs</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">pages</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Pages/Gallery.html">Gallery</a>
|
||||
<a href="../../pages/Pages/Pricing.html">Pricing</a>
|
||||
<a href="../../pages/Pages/Process.html">work process</a>
|
||||
<a href="../../pages/Pages/Awards.html">Awards</a>
|
||||
<a href="../../pages/Pages/Events.html">Events</a>
|
||||
<a href="../../pages/Pages/Event-Single.html">Event Single</a>
|
||||
<a href="../../pages/Pages/Careers.html">Careers</a>
|
||||
<a href="../../pages/Pages/Career-Single.html">Career Single</a>
|
||||
<a href="../../pages/Pages/Career-Form.html">Career Form</a>
|
||||
<a href="../../pages/Pages/Not-Found.html">Not Found</a>
|
||||
<a href="../../pages/Pages/Privacy-Policy.html">Privacy Policy</a>
|
||||
<a href="../../pages/Pages/Terms.html">Terms & Condition</a>
|
||||
<a href="../../pages/Pages/Cost-Calculator.html">cost calculator</a>
|
||||
<a href="../../pages/Pages/Get-Quote.html">get a quote</a>
|
||||
<a href="../../pages/Pages/Clients.html">clients</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">Service</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Service/Services.html">Services</a>
|
||||
<a href="../../pages/Service/Service-Single.html">Service Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">Project</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Project/Projects.html">Projects</a>
|
||||
<a href="../../pages/Project/Project-Single.html">Project Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">blog</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Blog/Blog-Grid.html">blogs grid</a>
|
||||
<a href="../../pages/Blog/Blog-List.html">blogs list</a>
|
||||
<a href="../../pages/Blog/Blog-Single.html">blog Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">Shop</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Shop/Shop-Grid.html">shop grid</a>
|
||||
<a href="../../pages/Shop/Shop-List.html">shop list</a>
|
||||
<a href="../../pages/Shop/Product-Single.html">product Single</a>
|
||||
<a href="../../pages/Shop/Wishlist.html">wishlist</a>
|
||||
<a href="../../pages/Shop/Cart.html">cart</a>
|
||||
<a href="../../pages/Shop/Checkout.html">checkout</a>
|
||||
<a href="../../pages/Shop/Login.html">login</a>
|
||||
<a href="../../pages/Shop/Register.html">register</a>
|
||||
<a href="../../pages/Shop/Reset-Password.html">forgot Password</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <a class="nav-btn" href="../../pages/Contact/Contact.html">contact</a> </div>
|
||||
</div>
|
||||
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
<!-- ===== Mobile Menu Area (End) ===== -->
|
||||
|
||||
</header>
|
||||
<!-- ==================== Header Area (End) ==================== -->
|
||||
|
||||
|
||||
<!-- ==================== Page-Title (Start) ==================== -->
|
||||
<div class="page-title">
|
||||
|
||||
<div class="title">
|
||||
<h2>History</h2>
|
||||
</div>
|
||||
|
||||
<div class="link">
|
||||
<a href="../../index.html">Home</a>
|
||||
<i class="fa-solid fa-angles-right"></i>
|
||||
<span class="page">History</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ==================== Page-Title (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== History Area (Start) ==================== -->
|
||||
<section class="history">
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<div class="history-item">
|
||||
<h3>Best Landscaping<br>Design Award</h3>
|
||||
<div class="middle"><div class="tag"><span>2019</span></div></div>
|
||||
<p>Recognized for our innovative landscape designs that bring nature closer to modern living, blending beauty with sustainability.</p>
|
||||
</div>
|
||||
|
||||
<div class="history-item">
|
||||
<h3>Green Initiative<br>Certification</h3>
|
||||
<div class="middle"><div class="tag"><span>2021</span></div></div>
|
||||
<p>Honored for our commitment to eco-friendly gardening practices and promoting greener, healthier outdoor environments.</p>
|
||||
</div>
|
||||
|
||||
<div class="history-item">
|
||||
<h3>Community Garden<br>Project Launch</h3>
|
||||
<div class="middle"><div class="tag"><span>2023</span></div></div>
|
||||
<p>Started a citywide initiative encouraging community participation in creating shared gardens for local neighborhoods.</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</section>
|
||||
<!-- ==================== History Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Footer Area (Start) ==================== -->
|
||||
<footer class="footer">
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Gardening and Landscaping Company Information & Social Media Links -->
|
||||
<div class="footer-item">
|
||||
|
||||
<!-- Gardening and Landscaping Company Logo -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<!-- Description -->
|
||||
<p>Transforming outdoor spaces with premium gardening and landscaping solutions.</p>
|
||||
|
||||
<!-- Contact Information -->
|
||||
<div class="info connect">
|
||||
<p><i class="fas fa-phone"></i><span>+123-456-7890</span></p>
|
||||
<p><i class="fas fa-envelope"></i><span class="gmail">info@leafline.com</span></p>
|
||||
<p><i class="fas fa-map-marker-alt"></i><span>LeafLine Company</span></p>
|
||||
</div>
|
||||
|
||||
<!-- Social Media Links -->
|
||||
<div class="social">
|
||||
<a href="#"><i class="fab fa-facebook-f"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-x-twitter"></i></a>
|
||||
<a href="#"><i class="fab fa-instagram"></i></a>
|
||||
<a href="#"><i class="fab fa-linkedin"></i></a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Gardening and Landscaping Services Offered -->
|
||||
<div class="footer-item">
|
||||
<h2>Our Services</h2>
|
||||
<div class="info links">
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Lawn Care</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Garden Design</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Tree Planting</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Hardscaping Solution</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">water ponds</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Outdoor Décor</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Quick Links -->
|
||||
<div class="footer-item">
|
||||
<h2>Quick Links</h2>
|
||||
<div class="info links">
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/About/About.html">About Us</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Services.html">Services</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Project/Projects.html">Projects</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Blog/Blog-Grid.html">Blog</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Shop/Shop-Grid.html">Shop</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Contact/Contact.html">Contact Us</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Newsletter Subscription -->
|
||||
<div class="footer-item">
|
||||
|
||||
<h2>Newsletter</h2>
|
||||
<p>Stay informed and up-to-date with the latest trends, helpful tips, and exclusive special offers.</p>
|
||||
<form class="dark-form" method="post" id="newsletter-form-2">
|
||||
<div class="input-field">
|
||||
<label for="news-email-2" class="fas fa-envelope"></label>
|
||||
<input type="email" id="news-email-2" name="email" class="box" placeholder="Your email address" required>
|
||||
</div>
|
||||
<button type="submit" class="btn" name="submit" id="submit-2">Subscribe</button>
|
||||
<span class="alert" id="msg-2"></span>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Gardening and Landscaping Company's Name and Copyright -->
|
||||
<div class="content">
|
||||
<p>Designed By <span>NorthStar_Themes</span> | All Rights Reserved</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
<!-- ==================== Footer Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- Jquery -->
|
||||
<script src="../../assets/vendors/jquery/jquery.min.js"></script>
|
||||
|
||||
<!-- Custom Script Files -->
|
||||
<script src="../../assets/js/script.js"></script> <!-- Custom JavaScript file with additional website functionality. -->
|
||||
<script src="../../assets/js/nav-link-toggler.js"></script> <!-- Manages navigation link toggling (e.g., hamburger menu) for mobile devices -->
|
||||
<script src="../../assets/js/newsletter.js"></script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,491 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<!-- Title -->
|
||||
<title>LeafLine | Gardening and Landscaping Website</title>
|
||||
|
||||
<!-- Favicon -->
|
||||
<link rel="icon" type="image/x-icon" href="../../assets/images/favicon.ico">
|
||||
|
||||
<!-- Font-Awesome (CSS) -->
|
||||
<link rel="stylesheet" href="../../assets/vendors/font-awesome/css/all.min.css">
|
||||
|
||||
<!-- Custom Stylesheets -->
|
||||
<link rel="stylesheet" href="../../assets/css/main.css">
|
||||
<link rel="stylesheet" href="../../assets/css/responsive.css">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- ==================== Scroll-Top Area (Start) ==================== -->
|
||||
<a href="#" class="scroll-top">
|
||||
<i class="fa-solid fa-arrow-up-long"></i>
|
||||
</a>
|
||||
<!-- ==================== Scroll-Top Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Header Area (Start) ==================== -->
|
||||
<header class="header">
|
||||
|
||||
<!-- ===== Header-1 Area (Start) ===== -->
|
||||
<div class="header-1">
|
||||
|
||||
<!-- == Contacts == -->
|
||||
<ul class="header-contacts">
|
||||
<li><i class="fa-solid fa-location-dot"></i><span>LeafLine Company</span></li>
|
||||
<li><i class="fa-solid fa-phone"></i><span>+123-456-7890</span></li>
|
||||
<li><i class="fa-solid fa-envelope"></i><span class="gmail">info@leafline.com</span></li>
|
||||
</ul>
|
||||
|
||||
<!-- == Social == -->
|
||||
<ul class="social-contacts">
|
||||
<li><a href="#" class="fab fa-facebook-f"></a></li>
|
||||
<li><a href="#" class="fa-brands fa-x-twitter"></a></li>
|
||||
<li><a href="#" class="fab fa-instagram"></a></li>
|
||||
<li><a href="#" class="fab fa-linkedin"></a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
<!-- ===== Header-1 Area (End) ===== -->
|
||||
|
||||
<!-- ===== Header-2 Area (Start) ===== -->
|
||||
<div class="header-2">
|
||||
|
||||
<!-- == Logo == -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<div class="container">
|
||||
|
||||
<!-- == Navbar == -->
|
||||
<nav class="navbar">
|
||||
|
||||
<a class="nav-btn" href="../../index.html">home</a>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">about</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/About/About.html">about us</a>
|
||||
<a href="../../pages/About/WhyUs.html">Why Choose Us</a>
|
||||
<a href="../../pages/About/History.html">History</a>
|
||||
<a href="../../pages/About/Team.html">Team</a>
|
||||
<a href="../../pages/About/Team-Single.html">Team Single</a>
|
||||
<a href="../../pages/About/Testimonials.html">testimonials</a>
|
||||
<a href="../../pages/About/FAQs.html">FAQs</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">Pages</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Gallery.html">Gallery</a>
|
||||
<a href="../../pages/Pages/Pricing.html">Pricing</a>
|
||||
<a href="../../pages/Pages/Process.html">work process</a>
|
||||
<a href="../../pages/Pages/Awards.html">Awards</a>
|
||||
<div class="side-dropdown">
|
||||
<button>Event</button> <i class="fa-solid fa-chevron-right"></i>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Events.html">Events</a>
|
||||
<a href="../../pages/Pages/Event-Single.html">Event Single</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="side-dropdown">
|
||||
<button>Career</button> <i class="fa-solid fa-chevron-right"></i>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Careers.html">Careers</a>
|
||||
<a href="../../pages/Pages/Career-Single.html">Career Single</a>
|
||||
<a href="../../pages/Pages/Career-Form.html">Career Form</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="side-dropdown">
|
||||
<button>Information Hub</button> <i class="fa-solid fa-chevron-right"></i>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Not-Found.html">Not Found</a>
|
||||
<a href="../../pages/Pages/Privacy-Policy.html">Privacy Policy</a>
|
||||
<a href="../../pages/Pages/Terms.html">Terms & Condition</a>
|
||||
</div>
|
||||
</div>
|
||||
<a href="../../pages/Pages/Cost-Calculator.html">cost calculator</a>
|
||||
<a href="../../pages/Pages/Get-Quote.html">get a quote</a>
|
||||
<a href="../../pages/Pages/Clients.html">clients</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">Service</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Service/Services.html">Services</a>
|
||||
<a href="../../pages/Service/Service-Single.html">Service Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">Project</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Project/Projects.html">Projects</a>
|
||||
<a href="../../pages/Project/Project-Single.html">Project Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">blog</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Blog/Blog-Grid.html">blogs grid</a>
|
||||
<a href="../../pages/Blog/Blog-List.html">blogs list</a>
|
||||
<a href="../../pages/Blog/Blog-Single.html">blog Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">shop</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Shop/Shop-Grid.html">shop grid</a>
|
||||
<a href="../../pages/Shop/Shop-List.html">shop list</a>
|
||||
<a href="../../pages/Shop/Product-Single.html">product Single</a>
|
||||
<a href="../../pages/Shop/Wishlist.html">wishlist</a>
|
||||
<a href="../../pages/Shop/Cart.html">cart</a>
|
||||
<a href="../../pages/Shop/Checkout.html">checkout</a>
|
||||
<a href="../../pages/Shop/Login.html">login</a>
|
||||
<a href="../../pages/Shop/Register.html">register</a>
|
||||
<a href="../../pages/Shop/Reset-Password.html">forgot Password</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<a class="nav-btn" href="../../pages/Contact/Contact.html">contact</a>
|
||||
|
||||
</nav>
|
||||
|
||||
<!-- == Icon Container == -->
|
||||
<div class="icon-container">
|
||||
<div id="search-btn" class="icon fa-solid fa-magnifying-glass"></div> <!-- Search Icon -->
|
||||
<div id="menu-btn" class="icon fa-solid fa-bars-staggered"></div>
|
||||
<a href="../../pages/Pages/Get-Quote.html" class="btn">get A quote</a>
|
||||
</div>
|
||||
|
||||
<!-- == Search Container == -->
|
||||
<form class="search-container">
|
||||
<input type="search" id="search-bar" placeholder="search here" required> <!-- Search Input -->
|
||||
<button type="submit"><i class="fas fa-search"></i></button> <!-- Submit Button -->
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ===== Header-2 Area (End) ===== -->
|
||||
|
||||
<!-- ===== Mobile Menu Area (Start) ===== -->
|
||||
<div class="mobile-menu">
|
||||
|
||||
<nav class="mobile-navbar">
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <a class="nav-btn" href="../../index.html">home</a> </div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">about</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/About/About.html">about us</a>
|
||||
<a href="../../pages/About/WhyUs.html">Why Choose Us</a>
|
||||
<a href="../../pages/About/History.html">History</a>
|
||||
<a href="../../pages/About/Team.html">Team</a>
|
||||
<a href="../../pages/About/Team-Single.html">Team Single</a>
|
||||
<a href="../../pages/About/Testimonials.html">testimonials</a>
|
||||
<a href="../../pages/About/FAQs.html">FAQs</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">pages</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Pages/Gallery.html">Gallery</a>
|
||||
<a href="../../pages/Pages/Pricing.html">Pricing</a>
|
||||
<a href="../../pages/Pages/Process.html">work process</a>
|
||||
<a href="../../pages/Pages/Awards.html">Awards</a>
|
||||
<a href="../../pages/Pages/Events.html">Events</a>
|
||||
<a href="../../pages/Pages/Event-Single.html">Event Single</a>
|
||||
<a href="../../pages/Pages/Careers.html">Careers</a>
|
||||
<a href="../../pages/Pages/Career-Single.html">Career Single</a>
|
||||
<a href="../../pages/Pages/Career-Form.html">Career Form</a>
|
||||
<a href="../../pages/Pages/Not-Found.html">Not Found</a>
|
||||
<a href="../../pages/Pages/Privacy-Policy.html">Privacy Policy</a>
|
||||
<a href="../../pages/Pages/Terms.html">Terms & Condition</a>
|
||||
<a href="../../pages/Pages/Cost-Calculator.html">cost calculator</a>
|
||||
<a href="../../pages/Pages/Get-Quote.html">get a quote</a>
|
||||
<a href="../../pages/Pages/Clients.html">clients</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">Service</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Service/Services.html">Services</a>
|
||||
<a href="../../pages/Service/Service-Single.html">Service Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">Project</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Project/Projects.html">Projects</a>
|
||||
<a href="../../pages/Project/Project-Single.html">Project Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">blog</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Blog/Blog-Grid.html">blogs grid</a>
|
||||
<a href="../../pages/Blog/Blog-List.html">blogs list</a>
|
||||
<a href="../../pages/Blog/Blog-Single.html">blog Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">Shop</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Shop/Shop-Grid.html">shop grid</a>
|
||||
<a href="../../pages/Shop/Shop-List.html">shop list</a>
|
||||
<a href="../../pages/Shop/Product-Single.html">product Single</a>
|
||||
<a href="../../pages/Shop/Wishlist.html">wishlist</a>
|
||||
<a href="../../pages/Shop/Cart.html">cart</a>
|
||||
<a href="../../pages/Shop/Checkout.html">checkout</a>
|
||||
<a href="../../pages/Shop/Login.html">login</a>
|
||||
<a href="../../pages/Shop/Register.html">register</a>
|
||||
<a href="../../pages/Shop/Reset-Password.html">forgot Password</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <a class="nav-btn" href="../../pages/Contact/Contact.html">contact</a> </div>
|
||||
</div>
|
||||
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
<!-- ===== Mobile Menu Area (End) ===== -->
|
||||
|
||||
</header>
|
||||
<!-- ==================== Header Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Page-Title (Start) ==================== -->
|
||||
<div class="page-title">
|
||||
|
||||
<div class="title">
|
||||
<h2>Team Single</h2>
|
||||
</div>
|
||||
|
||||
<div class="link">
|
||||
<a href="../../index.html">Home</a>
|
||||
<i class="fa-solid fa-angles-right"></i>
|
||||
<span class="page">Team Single</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ==================== Page-Title (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Team Single Area (Start) ==================== -->
|
||||
<section class="team-single">
|
||||
|
||||
<!-- Team Introduction -->
|
||||
<div class="team-intro">
|
||||
|
||||
<!-- Team Image -->
|
||||
<div class="image">
|
||||
<img src="../../assets/images/Team/Team-1.jpg" alt="David Johnson">
|
||||
</div>
|
||||
|
||||
<!-- Team Information -->
|
||||
<div class="information">
|
||||
|
||||
<h3>Ethan Green</h3> <!-- Team Name -->
|
||||
<h5>Landscape Designer</h5> <!-- Team Position -->
|
||||
|
||||
<div class="team-about">
|
||||
<div class="text">
|
||||
Ethan Green is a talented Landscape Designer passionate about transforming outdoor spaces into vibrant, sustainable environments. With a deep understanding of plant design and modern landscaping trends, he creates harmonious gardens that balance aesthetics with functionality. His creative vision and dedication to eco-friendly solutions make every project a true reflection of nature’s beauty. With a deep understanding of plant design and modern landscaping trends, he creates harmonious gardens that balance aesthetics with functionality. His creative vision a true reflection of nature’s beauty.
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Team Contact Information -->
|
||||
<ul class="team-personal-info">
|
||||
<li><h6><i class="fa-solid fa-phone"></i> Phone:</h6><span>111-222-3344</span></li> <!-- Phone Number -->
|
||||
<li><h6><i class="fa-solid fa-envelope"></i> Email:</h6><span>green.ethan@example.com</span></li> <!-- Email Address -->
|
||||
<li><h6><i class="fas fa-map-marker-alt"></i> Website:</h6><span>www.ethangreen.com</span></li> <!-- Website -->
|
||||
</ul>
|
||||
|
||||
<!-- Team Social Media Accounts -->
|
||||
<div class="icon-container">
|
||||
<a href="#"><i class="fab fa-facebook-f"></i></a> <!-- Facebook Link -->
|
||||
<a href="#"><i class="fab fa-linkedin-in"></i></a> <!-- LinkedIn Link -->
|
||||
<a href="#"><i class="fa-brands fa-x-twitter"></i></a> <!-- Twitter Link -->
|
||||
<a href="#"><i class="fab fa-instagram"></i></a> <!-- Instagram Link -->
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="box-container page-info">
|
||||
|
||||
<!-- Team Member's Experience -->
|
||||
<div class="team-experience sub-section">
|
||||
<h4>Personal Experience</h4>
|
||||
<div class="text">Ethan’s journey as a landscape designer reflects his passion for creativity and sustainability. His expertise spans various roles, including:</div>
|
||||
<ul>
|
||||
<li><i class="fa-solid fa-briefcase"></i> Landscape Designer</li>
|
||||
<li><i class="fa-solid fa-briefcase"></i> Garden Planning Consultant</li>
|
||||
<li><i class="fa-solid fa-briefcase"></i> Outdoor Space Stylist</li>
|
||||
<li><i class="fa-solid fa-briefcase"></i> Sustainable Design Advisor</li>
|
||||
<li><i class="fa-solid fa-briefcase"></i> Horticulture Expert</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- Team Member's Skills -->
|
||||
<div class="team-skills sub-section">
|
||||
<h4>Professional Skills</h4>
|
||||
<div class="skills">
|
||||
|
||||
<!-- Landscape Design -->
|
||||
<div class="box">
|
||||
<h3>Landscape Design<span> 96% </span></h3>
|
||||
<div class="progress-bar"> <span style="width: 96%;"></span> </div>
|
||||
</div>
|
||||
|
||||
<!-- Plant Arrangement -->
|
||||
<div class="box">
|
||||
<h3>Plant Arrangement<span> 92% </span></h3>
|
||||
<div class="progress-bar"> <span style="width: 92%;"></span> </div>
|
||||
</div>
|
||||
|
||||
<!-- Eco-Friendly Landscaping -->
|
||||
<div class="box">
|
||||
<h3>Eco-Friendly Landscaping<span> 88% </span></h3>
|
||||
<div class="progress-bar"> <span style="width: 88%;"></span> </div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</section>
|
||||
<!-- ==================== Team Single Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Footer Area (Start) ==================== -->
|
||||
<footer class="footer">
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Gardening and Landscaping Company Information & Social Media Links -->
|
||||
<div class="footer-item">
|
||||
|
||||
<!-- Gardening and Landscaping Company Logo -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<!-- Description -->
|
||||
<p>Transforming outdoor spaces with premium gardening and landscaping solutions.</p>
|
||||
|
||||
<!-- Contact Information -->
|
||||
<div class="info connect">
|
||||
<p><i class="fas fa-phone"></i><span>+123-456-7890</span></p>
|
||||
<p><i class="fas fa-envelope"></i><span class="gmail">info@leafline.com</span></p>
|
||||
<p><i class="fas fa-map-marker-alt"></i><span>LeafLine Company</span></p>
|
||||
</div>
|
||||
|
||||
<!-- Social Media Links -->
|
||||
<div class="social">
|
||||
<a href="#"><i class="fab fa-facebook-f"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-x-twitter"></i></a>
|
||||
<a href="#"><i class="fab fa-instagram"></i></a>
|
||||
<a href="#"><i class="fab fa-linkedin"></i></a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Gardening and Landscaping Services Offered -->
|
||||
<div class="footer-item">
|
||||
<h2>Our Services</h2>
|
||||
<div class="info links">
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Lawn Care</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Garden Design</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Tree Planting</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Hardscaping Solution</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">water ponds</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Outdoor Décor</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Quick Links -->
|
||||
<div class="footer-item">
|
||||
<h2>Quick Links</h2>
|
||||
<div class="info links">
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/About/About.html">About Us</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Services.html">Services</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Project/Projects.html">Projects</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Blog/Blog-Grid.html">Blog</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Shop/Shop-Grid.html">Shop</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Contact/Contact.html">Contact Us</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Newsletter Subscription -->
|
||||
<div class="footer-item">
|
||||
|
||||
<h2>Newsletter</h2>
|
||||
<p>Stay informed and up-to-date with the latest trends, helpful tips, and exclusive special offers.</p>
|
||||
<form class="dark-form" method="post" id="newsletter-form-2">
|
||||
<div class="input-field">
|
||||
<label for="news-email-2" class="fas fa-envelope"></label>
|
||||
<input type="email" id="news-email-2" name="email" class="box" placeholder="Your email address" required>
|
||||
</div>
|
||||
<button type="submit" class="btn" name="submit" id="submit-2">Subscribe</button>
|
||||
<span class="alert" id="msg-2"></span>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Gardening and Landscaping Company's Name and Copyright -->
|
||||
<div class="content">
|
||||
<p>Designed By <span>NorthStar_Themes</span> | All Rights Reserved</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
<!-- ==================== Footer Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- Jquery -->
|
||||
<script src="../../assets/vendors/jquery/jquery.min.js"></script>
|
||||
|
||||
<!-- Custom Script Files -->
|
||||
<script src="../../assets/js/script.js"></script> <!-- Custom JavaScript file with additional website functionality. -->
|
||||
<script src="../../assets/js/nav-link-toggler.js"></script> <!-- Manages navigation link toggling (e.g., hamburger menu) for mobile devices -->
|
||||
<script src="../../assets/js/newsletter.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
+488
@@ -0,0 +1,488 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<!-- Title -->
|
||||
<title>LeafLine | Gardening and Landscaping Website</title>
|
||||
|
||||
<!-- Favicon -->
|
||||
<link rel="icon" type="image/x-icon" href="../../assets/images/favicon.ico">
|
||||
|
||||
<!-- Font-Awesome (CSS) -->
|
||||
<link rel="stylesheet" href="../../assets/vendors/font-awesome/css/all.min.css">
|
||||
|
||||
<!-- Custom Stylesheets -->
|
||||
<link rel="stylesheet" href="../../assets/css/main.css">
|
||||
<link rel="stylesheet" href="../../assets/css/responsive.css">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- ==================== Scroll-Top Area (Start) ==================== -->
|
||||
<a href="#" class="scroll-top">
|
||||
<i class="fa-solid fa-arrow-up-long"></i>
|
||||
</a>
|
||||
<!-- ==================== Scroll-Top Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Header Area (Start) ==================== -->
|
||||
<header class="header">
|
||||
|
||||
<!-- ===== Header-1 Area (Start) ===== -->
|
||||
<div class="header-1">
|
||||
|
||||
<!-- == Contacts == -->
|
||||
<ul class="header-contacts">
|
||||
<li><i class="fa-solid fa-location-dot"></i><span>LeafLine Company</span></li>
|
||||
<li><i class="fa-solid fa-phone"></i><span>+123-456-7890</span></li>
|
||||
<li><i class="fa-solid fa-envelope"></i><span class="gmail">info@leafline.com</span></li>
|
||||
</ul>
|
||||
|
||||
<!-- == Social == -->
|
||||
<ul class="social-contacts">
|
||||
<li><a href="#" class="fab fa-facebook-f"></a></li>
|
||||
<li><a href="#" class="fa-brands fa-x-twitter"></a></li>
|
||||
<li><a href="#" class="fab fa-instagram"></a></li>
|
||||
<li><a href="#" class="fab fa-linkedin"></a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
<!-- ===== Header-1 Area (End) ===== -->
|
||||
|
||||
<!-- ===== Header-2 Area (Start) ===== -->
|
||||
<div class="header-2">
|
||||
|
||||
<!-- == Logo == -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<div class="container">
|
||||
|
||||
<!-- == Navbar == -->
|
||||
<nav class="navbar">
|
||||
|
||||
<a class="nav-btn" href="../../index.html">home</a>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">about</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/About/About.html">about us</a>
|
||||
<a href="../../pages/About/WhyUs.html">Why Choose Us</a>
|
||||
<a href="../../pages/About/History.html">History</a>
|
||||
<a href="../../pages/About/Team.html">Team</a>
|
||||
<a href="../../pages/About/Team-Single.html">Team Single</a>
|
||||
<a href="../../pages/About/Testimonials.html">testimonials</a>
|
||||
<a href="../../pages/About/FAQs.html">FAQs</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">Pages</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Gallery.html">Gallery</a>
|
||||
<a href="../../pages/Pages/Pricing.html">Pricing</a>
|
||||
<a href="../../pages/Pages/Process.html">work process</a>
|
||||
<a href="../../pages/Pages/Awards.html">Awards</a>
|
||||
<div class="side-dropdown">
|
||||
<button>Event</button> <i class="fa-solid fa-chevron-right"></i>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Events.html">Events</a>
|
||||
<a href="../../pages/Pages/Event-Single.html">Event Single</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="side-dropdown">
|
||||
<button>Career</button> <i class="fa-solid fa-chevron-right"></i>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Careers.html">Careers</a>
|
||||
<a href="../../pages/Pages/Career-Single.html">Career Single</a>
|
||||
<a href="../../pages/Pages/Career-Form.html">Career Form</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="side-dropdown">
|
||||
<button>Information Hub</button> <i class="fa-solid fa-chevron-right"></i>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Not-Found.html">Not Found</a>
|
||||
<a href="../../pages/Pages/Privacy-Policy.html">Privacy Policy</a>
|
||||
<a href="../../pages/Pages/Terms.html">Terms & Condition</a>
|
||||
</div>
|
||||
</div>
|
||||
<a href="../../pages/Pages/Cost-Calculator.html">cost calculator</a>
|
||||
<a href="../../pages/Pages/Get-Quote.html">get a quote</a>
|
||||
<a href="../../pages/Pages/Clients.html">clients</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">Service</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Service/Services.html">Services</a>
|
||||
<a href="../../pages/Service/Service-Single.html">Service Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">Project</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Project/Projects.html">Projects</a>
|
||||
<a href="../../pages/Project/Project-Single.html">Project Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">blog</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Blog/Blog-Grid.html">blogs grid</a>
|
||||
<a href="../../pages/Blog/Blog-List.html">blogs list</a>
|
||||
<a href="../../pages/Blog/Blog-Single.html">blog Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">shop</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Shop/Shop-Grid.html">shop grid</a>
|
||||
<a href="../../pages/Shop/Shop-List.html">shop list</a>
|
||||
<a href="../../pages/Shop/Product-Single.html">product Single</a>
|
||||
<a href="../../pages/Shop/Wishlist.html">wishlist</a>
|
||||
<a href="../../pages/Shop/Cart.html">cart</a>
|
||||
<a href="../../pages/Shop/Checkout.html">checkout</a>
|
||||
<a href="../../pages/Shop/Login.html">login</a>
|
||||
<a href="../../pages/Shop/Register.html">register</a>
|
||||
<a href="../../pages/Shop/Reset-Password.html">forgot Password</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<a class="nav-btn" href="../../pages/Contact/Contact.html">contact</a>
|
||||
|
||||
</nav>
|
||||
|
||||
<!-- == Icon Container == -->
|
||||
<div class="icon-container">
|
||||
<div id="search-btn" class="icon fa-solid fa-magnifying-glass"></div> <!-- Search Icon -->
|
||||
<div id="menu-btn" class="icon fa-solid fa-bars-staggered"></div>
|
||||
<a href="../../pages/Pages/Get-Quote.html" class="btn">get A quote</a>
|
||||
</div>
|
||||
|
||||
<!-- == Search Container == -->
|
||||
<form class="search-container">
|
||||
<input type="search" id="search-bar" placeholder="search here" required> <!-- Search Input -->
|
||||
<button type="submit"><i class="fas fa-search"></i></button> <!-- Submit Button -->
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ===== Header-2 Area (End) ===== -->
|
||||
|
||||
<!-- ===== Mobile Menu Area (Start) ===== -->
|
||||
<div class="mobile-menu">
|
||||
|
||||
<nav class="mobile-navbar">
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <a class="nav-btn" href="../../index.html">home</a> </div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">about</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/About/About.html">about us</a>
|
||||
<a href="../../pages/About/WhyUs.html">Why Choose Us</a>
|
||||
<a href="../../pages/About/History.html">History</a>
|
||||
<a href="../../pages/About/Team.html">Team</a>
|
||||
<a href="../../pages/About/Team-Single.html">Team Single</a>
|
||||
<a href="../../pages/About/Testimonials.html">testimonials</a>
|
||||
<a href="../../pages/About/FAQs.html">FAQs</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">pages</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Pages/Gallery.html">Gallery</a>
|
||||
<a href="../../pages/Pages/Pricing.html">Pricing</a>
|
||||
<a href="../../pages/Pages/Process.html">work process</a>
|
||||
<a href="../../pages/Pages/Awards.html">Awards</a>
|
||||
<a href="../../pages/Pages/Events.html">Events</a>
|
||||
<a href="../../pages/Pages/Event-Single.html">Event Single</a>
|
||||
<a href="../../pages/Pages/Careers.html">Careers</a>
|
||||
<a href="../../pages/Pages/Career-Single.html">Career Single</a>
|
||||
<a href="../../pages/Pages/Career-Form.html">Career Form</a>
|
||||
<a href="../../pages/Pages/Not-Found.html">Not Found</a>
|
||||
<a href="../../pages/Pages/Privacy-Policy.html">Privacy Policy</a>
|
||||
<a href="../../pages/Pages/Terms.html">Terms & Condition</a>
|
||||
<a href="../../pages/Pages/Cost-Calculator.html">cost calculator</a>
|
||||
<a href="../../pages/Pages/Get-Quote.html">get a quote</a>
|
||||
<a href="../../pages/Pages/Clients.html">clients</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">Service</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Service/Services.html">Services</a>
|
||||
<a href="../../pages/Service/Service-Single.html">Service Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">Project</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Project/Projects.html">Projects</a>
|
||||
<a href="../../pages/Project/Project-Single.html">Project Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">blog</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Blog/Blog-Grid.html">blogs grid</a>
|
||||
<a href="../../pages/Blog/Blog-List.html">blogs list</a>
|
||||
<a href="../../pages/Blog/Blog-Single.html">blog Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">Shop</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Shop/Shop-Grid.html">shop grid</a>
|
||||
<a href="../../pages/Shop/Shop-List.html">shop list</a>
|
||||
<a href="../../pages/Shop/Product-Single.html">product Single</a>
|
||||
<a href="../../pages/Shop/Wishlist.html">wishlist</a>
|
||||
<a href="../../pages/Shop/Cart.html">cart</a>
|
||||
<a href="../../pages/Shop/Checkout.html">checkout</a>
|
||||
<a href="../../pages/Shop/Login.html">login</a>
|
||||
<a href="../../pages/Shop/Register.html">register</a>
|
||||
<a href="../../pages/Shop/Reset-Password.html">forgot Password</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <a class="nav-btn" href="../../pages/Contact/Contact.html">contact</a> </div>
|
||||
</div>
|
||||
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
<!-- ===== Mobile Menu Area (End) ===== -->
|
||||
|
||||
</header>
|
||||
<!-- ==================== Header Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Page-Title (Start) ==================== -->
|
||||
<div class="page-title">
|
||||
|
||||
<div class="title">
|
||||
<h2>Team</h2>
|
||||
</div>
|
||||
|
||||
<div class="link">
|
||||
<a href="../../index.html">Home</a>
|
||||
<i class="fa-solid fa-angles-right"></i>
|
||||
<span class="page">Team</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ==================== Page-Title (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Team Area (Start) ==================== -->
|
||||
<section class="team">
|
||||
|
||||
<!-- Section Heading -->
|
||||
<div class="heading">
|
||||
<div class="sub"><i class="fa-brands fa-pagelines"></i><span>Meet Our Team</span><i class="fa-brands fa-pagelines"></i></div> <!-- Sub Heading -->
|
||||
<h2>Our Team</h2>
|
||||
</div>
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Team Member 1 -->
|
||||
<div class="team-item">
|
||||
<img src="../../assets/images/Team/Team-1.jpg" alt="Team-Image"> <!-- Team Member Image -->
|
||||
<div class="content">
|
||||
<div class="intro">
|
||||
<a href="../../pages/About/Team-Single.html"><h3>Ethan Green</h3></a> <!-- Team Member Name -->
|
||||
<p>Landscape Designer</p> <!-- Team Member Designation -->
|
||||
</div>
|
||||
<div class="icon-container">
|
||||
<a href="#"><i class="fab fa-facebook-f"></i></a>
|
||||
<a href="#"><i class="fab fa-linkedin-in"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-x-twitter"></i></a>
|
||||
<a href="#"><i class="fab fa-instagram"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Team Member 2 -->
|
||||
<div class="team-item">
|
||||
<img src="../../assets/images/Team/Team-2.jpg" alt="Team-Image">
|
||||
<div class="content">
|
||||
<div class="intro">
|
||||
<a href="../../pages/About/Team-Single.html"><h3>Sophia Bloom</h3></a>
|
||||
<p>Care Specialist</p>
|
||||
</div>
|
||||
<div class="icon-container">
|
||||
<a href="#"><i class="fab fa-facebook-f"></i></a>
|
||||
<a href="#"><i class="fab fa-linkedin-in"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-x-twitter"></i></a>
|
||||
<a href="#"><i class="fab fa-instagram"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Team Member 3 -->
|
||||
<div class="team-item">
|
||||
<img src="../../assets/images/Team/Team-3.jpg" alt="Team-Image">
|
||||
<div class="content">
|
||||
<div class="intro">
|
||||
<a href="../../pages/About/Team-Single.html"><h3>Liam Woods</h3></a>
|
||||
<p>Maintenance Expert</p>
|
||||
</div>
|
||||
<div class="icon-container">
|
||||
<a href="#"><i class="fab fa-facebook-f"></i></a>
|
||||
<a href="#"><i class="fab fa-linkedin-in"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-x-twitter"></i></a>
|
||||
<a href="#"><i class="fab fa-instagram"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Team Member 4 -->
|
||||
<div class="team-item">
|
||||
<img src="../../assets/images/Team/Team-4.jpg" alt="Team-Image">
|
||||
<div class="content">
|
||||
<div class="intro">
|
||||
<a href="../../pages/About/Team-Single.html"><h3>Olivia Fern</h3></a>
|
||||
<p>Design Consultant</p>
|
||||
</div>
|
||||
<div class="icon-container">
|
||||
<a href="#"><i class="fab fa-facebook-f"></i></a>
|
||||
<a href="#"><i class="fab fa-linkedin-in"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-x-twitter"></i></a>
|
||||
<a href="#"><i class="fab fa-instagram"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</section>
|
||||
<!-- ==================== Team (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Footer Area (Start) ==================== -->
|
||||
<footer class="footer">
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Gardening and Landscaping Company Information & Social Media Links -->
|
||||
<div class="footer-item">
|
||||
|
||||
<!-- Gardening and Landscaping Company Logo -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<!-- Description -->
|
||||
<p>Transforming outdoor spaces with premium gardening and landscaping solutions.</p>
|
||||
|
||||
<!-- Contact Information -->
|
||||
<div class="info connect">
|
||||
<p><i class="fas fa-phone"></i><span>+123-456-7890</span></p>
|
||||
<p><i class="fas fa-envelope"></i><span class="gmail">info@leafline.com</span></p>
|
||||
<p><i class="fas fa-map-marker-alt"></i><span>LeafLine Company</span></p>
|
||||
</div>
|
||||
|
||||
<!-- Social Media Links -->
|
||||
<div class="social">
|
||||
<a href="#"><i class="fab fa-facebook-f"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-x-twitter"></i></a>
|
||||
<a href="#"><i class="fab fa-instagram"></i></a>
|
||||
<a href="#"><i class="fab fa-linkedin"></i></a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Gardening and Landscaping Services Offered -->
|
||||
<div class="footer-item">
|
||||
<h2>Our Services</h2>
|
||||
<div class="info links">
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Lawn Care</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Garden Design</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Tree Planting</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Hardscaping Solution</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">water ponds</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Outdoor Décor</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Quick Links -->
|
||||
<div class="footer-item">
|
||||
<h2>Quick Links</h2>
|
||||
<div class="info links">
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/About/About.html">About Us</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Services.html">Services</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Project/Projects.html">Projects</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Blog/Blog-Grid.html">Blog</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Shop/Shop-Grid.html">Shop</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Contact/Contact.html">Contact Us</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Newsletter Subscription -->
|
||||
<div class="footer-item">
|
||||
|
||||
<h2>Newsletter</h2>
|
||||
<p>Stay informed and up-to-date with the latest trends, helpful tips, and exclusive special offers.</p>
|
||||
<form class="dark-form" method="post" id="newsletter-form-2">
|
||||
<div class="input-field">
|
||||
<label for="news-email-2" class="fas fa-envelope"></label>
|
||||
<input type="email" id="news-email-2" name="email" class="box" placeholder="Your email address" required>
|
||||
</div>
|
||||
<button type="submit" class="btn" name="submit" id="submit-2">Subscribe</button>
|
||||
<span class="alert" id="msg-2"></span>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Gardening and Landscaping Company's Name and Copyright -->
|
||||
<div class="content">
|
||||
<p>Designed By <span>NorthStar_Themes</span> | All Rights Reserved</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
<!-- ==================== Footer Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- Jquery -->
|
||||
<script src="../../assets/vendors/jquery/jquery.min.js"></script>
|
||||
|
||||
<!-- Custom Script Files -->
|
||||
<script src="../../assets/js/script.js"></script> <!-- Custom JavaScript file with additional website functionality. -->
|
||||
<script src="../../assets/js/nav-link-toggler.js"></script> <!-- Manages navigation link toggling (e.g., hamburger menu) for mobile devices -->
|
||||
<script src="../../assets/js/newsletter.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,507 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<!-- Title -->
|
||||
<title>LeafLine | Gardening and Landscaping Website</title>
|
||||
|
||||
<!-- Favicon -->
|
||||
<link rel="icon" type="image/x-icon" href="../../assets/images/favicon.ico">
|
||||
|
||||
<!-- Font-Awesome (CSS) -->
|
||||
<link rel="stylesheet" href="../../assets/vendors/font-awesome/css/all.min.css">
|
||||
|
||||
<!-- Swiper (CSS) -->
|
||||
<link rel="stylesheet" href="../../assets/vendors/swiper/swiper-bundle.min.css">
|
||||
|
||||
<!-- Custom Stylesheets -->
|
||||
<link rel="stylesheet" href="../../assets/css/main.css">
|
||||
<link rel="stylesheet" href="../../assets/css/responsive.css">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- ==================== Scroll-Top Area (Start) ==================== -->
|
||||
<a href="#" class="scroll-top">
|
||||
<i class="fa-solid fa-arrow-up-long"></i>
|
||||
</a>
|
||||
<!-- ==================== Scroll-Top Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Header Area (Start) ==================== -->
|
||||
<header class="header">
|
||||
|
||||
<!-- ===== Header-1 Area (Start) ===== -->
|
||||
<div class="header-1">
|
||||
|
||||
<!-- == Contacts == -->
|
||||
<ul class="header-contacts">
|
||||
<li><i class="fa-solid fa-location-dot"></i><span>LeafLine Company</span></li>
|
||||
<li><i class="fa-solid fa-phone"></i><span>+123-456-7890</span></li>
|
||||
<li><i class="fa-solid fa-envelope"></i><span class="gmail">info@leafline.com</span></li>
|
||||
</ul>
|
||||
|
||||
<!-- == Social == -->
|
||||
<ul class="social-contacts">
|
||||
<li><a href="#" class="fab fa-facebook-f"></a></li>
|
||||
<li><a href="#" class="fa-brands fa-x-twitter"></a></li>
|
||||
<li><a href="#" class="fab fa-instagram"></a></li>
|
||||
<li><a href="#" class="fab fa-linkedin"></a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
<!-- ===== Header-1 Area (End) ===== -->
|
||||
|
||||
<!-- ===== Header-2 Area (Start) ===== -->
|
||||
<div class="header-2">
|
||||
|
||||
<!-- == Logo == -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<div class="container">
|
||||
|
||||
<!-- == Navbar == -->
|
||||
<nav class="navbar">
|
||||
|
||||
<a class="nav-btn" href="../../index.html">home</a>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">about</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/About/About.html">about us</a>
|
||||
<a href="../../pages/About/WhyUs.html">Why Choose Us</a>
|
||||
<a href="../../pages/About/History.html">History</a>
|
||||
<a href="../../pages/About/Team.html">Team</a>
|
||||
<a href="../../pages/About/Team-Single.html">Team Single</a>
|
||||
<a href="../../pages/About/Testimonials.html">testimonials</a>
|
||||
<a href="../../pages/About/FAQs.html">FAQs</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">Pages</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Gallery.html">Gallery</a>
|
||||
<a href="../../pages/Pages/Pricing.html">Pricing</a>
|
||||
<a href="../../pages/Pages/Process.html">work process</a>
|
||||
<a href="../../pages/Pages/Awards.html">Awards</a>
|
||||
<div class="side-dropdown">
|
||||
<button>Event</button> <i class="fa-solid fa-chevron-right"></i>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Events.html">Events</a>
|
||||
<a href="../../pages/Pages/Event-Single.html">Event Single</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="side-dropdown">
|
||||
<button>Career</button> <i class="fa-solid fa-chevron-right"></i>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Careers.html">Careers</a>
|
||||
<a href="../../pages/Pages/Career-Single.html">Career Single</a>
|
||||
<a href="../../pages/Pages/Career-Form.html">Career Form</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="side-dropdown">
|
||||
<button>Information Hub</button> <i class="fa-solid fa-chevron-right"></i>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Not-Found.html">Not Found</a>
|
||||
<a href="../../pages/Pages/Privacy-Policy.html">Privacy Policy</a>
|
||||
<a href="../../pages/Pages/Terms.html">Terms & Condition</a>
|
||||
</div>
|
||||
</div>
|
||||
<a href="../../pages/Pages/Cost-Calculator.html">cost calculator</a>
|
||||
<a href="../../pages/Pages/Get-Quote.html">get a quote</a>
|
||||
<a href="../../pages/Pages/Clients.html">clients</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">Service</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Service/Services.html">Services</a>
|
||||
<a href="../../pages/Service/Service-Single.html">Service Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">Project</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Project/Projects.html">Projects</a>
|
||||
<a href="../../pages/Project/Project-Single.html">Project Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">blog</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Blog/Blog-Grid.html">blogs grid</a>
|
||||
<a href="../../pages/Blog/Blog-List.html">blogs list</a>
|
||||
<a href="../../pages/Blog/Blog-Single.html">blog Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">shop</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Shop/Shop-Grid.html">shop grid</a>
|
||||
<a href="../../pages/Shop/Shop-List.html">shop list</a>
|
||||
<a href="../../pages/Shop/Product-Single.html">product Single</a>
|
||||
<a href="../../pages/Shop/Wishlist.html">wishlist</a>
|
||||
<a href="../../pages/Shop/Cart.html">cart</a>
|
||||
<a href="../../pages/Shop/Checkout.html">checkout</a>
|
||||
<a href="../../pages/Shop/Login.html">login</a>
|
||||
<a href="../../pages/Shop/Register.html">register</a>
|
||||
<a href="../../pages/Shop/Reset-Password.html">forgot Password</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<a class="nav-btn" href="../../pages/Contact/Contact.html">contact</a>
|
||||
|
||||
</nav>
|
||||
|
||||
<!-- == Icon Container == -->
|
||||
<div class="icon-container">
|
||||
<div id="search-btn" class="icon fa-solid fa-magnifying-glass"></div> <!-- Search Icon -->
|
||||
<div id="menu-btn" class="icon fa-solid fa-bars-staggered"></div>
|
||||
<a href="../../pages/Pages/Get-Quote.html" class="btn">get A quote</a>
|
||||
</div>
|
||||
|
||||
<!-- == Search Container == -->
|
||||
<form class="search-container">
|
||||
<input type="search" id="search-bar" placeholder="search here" required> <!-- Search Input -->
|
||||
<button type="submit"><i class="fas fa-search"></i></button> <!-- Submit Button -->
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ===== Header-2 Area (End) ===== -->
|
||||
|
||||
<!-- ===== Mobile Menu Area (Start) ===== -->
|
||||
<div class="mobile-menu">
|
||||
|
||||
<nav class="mobile-navbar">
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <a class="nav-btn" href="../../index.html">home</a> </div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">about</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/About/About.html">about us</a>
|
||||
<a href="../../pages/About/WhyUs.html">Why Choose Us</a>
|
||||
<a href="../../pages/About/History.html">History</a>
|
||||
<a href="../../pages/About/Team.html">Team</a>
|
||||
<a href="../../pages/About/Team-Single.html">Team Single</a>
|
||||
<a href="../../pages/About/Testimonials.html">testimonials</a>
|
||||
<a href="../../pages/About/FAQs.html">FAQs</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">pages</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Pages/Gallery.html">Gallery</a>
|
||||
<a href="../../pages/Pages/Pricing.html">Pricing</a>
|
||||
<a href="../../pages/Pages/Process.html">work process</a>
|
||||
<a href="../../pages/Pages/Awards.html">Awards</a>
|
||||
<a href="../../pages/Pages/Events.html">Events</a>
|
||||
<a href="../../pages/Pages/Event-Single.html">Event Single</a>
|
||||
<a href="../../pages/Pages/Careers.html">Careers</a>
|
||||
<a href="../../pages/Pages/Career-Single.html">Career Single</a>
|
||||
<a href="../../pages/Pages/Career-Form.html">Career Form</a>
|
||||
<a href="../../pages/Pages/Not-Found.html">Not Found</a>
|
||||
<a href="../../pages/Pages/Privacy-Policy.html">Privacy Policy</a>
|
||||
<a href="../../pages/Pages/Terms.html">Terms & Condition</a>
|
||||
<a href="../../pages/Pages/Cost-Calculator.html">cost calculator</a>
|
||||
<a href="../../pages/Pages/Get-Quote.html">get a quote</a>
|
||||
<a href="../../pages/Pages/Clients.html">clients</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">Service</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Service/Services.html">Services</a>
|
||||
<a href="../../pages/Service/Service-Single.html">Service Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">Project</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Project/Projects.html">Projects</a>
|
||||
<a href="../../pages/Project/Project-Single.html">Project Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">blog</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Blog/Blog-Grid.html">blogs grid</a>
|
||||
<a href="../../pages/Blog/Blog-List.html">blogs list</a>
|
||||
<a href="../../pages/Blog/Blog-Single.html">blog Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">Shop</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Shop/Shop-Grid.html">shop grid</a>
|
||||
<a href="../../pages/Shop/Shop-List.html">shop list</a>
|
||||
<a href="../../pages/Shop/Product-Single.html">product Single</a>
|
||||
<a href="../../pages/Shop/Wishlist.html">wishlist</a>
|
||||
<a href="../../pages/Shop/Cart.html">cart</a>
|
||||
<a href="../../pages/Shop/Checkout.html">checkout</a>
|
||||
<a href="../../pages/Shop/Login.html">login</a>
|
||||
<a href="../../pages/Shop/Register.html">register</a>
|
||||
<a href="../../pages/Shop/Reset-Password.html">forgot Password</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <a class="nav-btn" href="../../pages/Contact/Contact.html">contact</a> </div>
|
||||
</div>
|
||||
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
<!-- ===== Mobile Menu Area (End) ===== -->
|
||||
|
||||
</header>
|
||||
<!-- ==================== Header Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Page-Title (Start) ==================== -->
|
||||
<div class="page-title">
|
||||
|
||||
<div class="title">
|
||||
<h2>testimonials</h2>
|
||||
</div>
|
||||
|
||||
<div class="link">
|
||||
<a href="../../index.html">Home</a>
|
||||
<i class="fa-solid fa-angles-right"></i>
|
||||
<span class="page">testimonials</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ==================== Page-Title (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Testimonials Area (Start) ==================== -->
|
||||
<section class="testimonial">
|
||||
|
||||
<!-- Section Heading -->
|
||||
<div class="heading">
|
||||
<div class="sub"><i class="fa-brands fa-pagelines"></i><span>What Our Clients Say</span><i class="fa-brands fa-pagelines"></i></div> <!-- Sub Heading -->
|
||||
<h2>Client Testimonials</h2>
|
||||
</div>
|
||||
|
||||
<!-- Testimonial Slider -->
|
||||
<div class="swiper-container testimonial-slider">
|
||||
|
||||
<div class="swiper-wrapper">
|
||||
|
||||
<!-- Testimonial Slide 1 -->
|
||||
<div class="swiper-slide testi-item">
|
||||
<img src="../../assets/images/Testimonials/Pic-1.jpg" alt="Client-Pic">
|
||||
<i class="fas fa-quote-right"></i>
|
||||
<div class="text">
|
||||
<h4>Justin Smith</h4>
|
||||
<h6>Garden Expert</h6>
|
||||
</div>
|
||||
<div class="rating">
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
</div>
|
||||
<p>"Lorem ipsum dolor sit amet consectetur adipisicing elit. Vero voluptate omnis hic? Omnis repudiandae aliquid iure beatae distinctio temporibus quia expedita earum aliquam consequuntur. Tempora totam eum quos veniam illo."</p>
|
||||
</div>
|
||||
|
||||
<!-- Testimonial Slide 2 -->
|
||||
<div class="swiper-slide testi-item">
|
||||
<img src="../../assets/images/Testimonials/Pic-2.jpg" alt="Client-Pic">
|
||||
<i class="fas fa-quote-right"></i>
|
||||
<div class="text">
|
||||
<h4>Taylor Reed</h4>
|
||||
<h6>Care Specialist</h6>
|
||||
</div>
|
||||
<div class="rating">
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
</div>
|
||||
<p>"Lorem, ipsum dolor sit amet consectetur adipisicing elit. Molestias et sint suscipit, non quo aut, cumque repudiandae molestiae fugiat animi distinctio blanditiis tempore? Quam accusantium sed veritatis officiis obcaecati cupiditate."</p>
|
||||
</div>
|
||||
|
||||
<!-- Testimonial Slide 3 -->
|
||||
<div class="swiper-slide testi-item">
|
||||
<img src="../../assets/images/Testimonials/Pic-3.jpg" alt="Client-Pic">
|
||||
<i class="fas fa-quote-right"></i>
|
||||
<div class="text">
|
||||
<h4>Michael Brown</h4>
|
||||
<h6>Garden Specialist</h6>
|
||||
</div>
|
||||
<div class="rating">
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
</div>
|
||||
<p>"Lorem, ipsum dolor sit amet consectetur adipisicing elit. Molestias et sint suscipit, non quo aut, cumque repudiandae molestiae fugiat animi distinctio blanditiis tempore? Quam accusantium sed veritatis officiis obcaecati cupiditate."</p>
|
||||
</div>
|
||||
|
||||
<!-- Testimonial Slide 4 -->
|
||||
<div class="swiper-slide testi-item">
|
||||
<img src="../../assets/images/Testimonials/Pic-4.jpg" alt="Client-Pic">
|
||||
<i class="fas fa-quote-right"></i>
|
||||
<div class="text">
|
||||
<h4>Nisa Klein</h4>
|
||||
<h6>Garden Specialist</h6>
|
||||
</div>
|
||||
<div class="rating">
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
</div>
|
||||
<p>"Lorem, ipsum dolor sit amet consectetur adipisicing elit. Molestias et sint suscipit, non quo aut, cumque repudiandae molestiae fugiat animi distinctio blanditiis tempore? Quam accusantium sed veritatis officiis obcaecati cupiditate."</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Testimonial Slider Pagination -->
|
||||
<div class="swiper-pagination swiper-pagination3"></div>
|
||||
|
||||
</div>
|
||||
|
||||
</section>
|
||||
<!-- ==================== Testimonials Area (End) ==================== -->
|
||||
|
||||
|
||||
<!-- ==================== Footer Area (Start) ==================== -->
|
||||
<footer class="footer">
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Gardening and Landscaping Company Information & Social Media Links -->
|
||||
<div class="footer-item">
|
||||
|
||||
<!-- Gardening and Landscaping Company Logo -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<!-- Description -->
|
||||
<p>Transforming outdoor spaces with premium gardening and landscaping solutions.</p>
|
||||
|
||||
<!-- Contact Information -->
|
||||
<div class="info connect">
|
||||
<p><i class="fas fa-phone"></i><span>+123-456-7890</span></p>
|
||||
<p><i class="fas fa-envelope"></i><span class="gmail">info@leafline.com</span></p>
|
||||
<p><i class="fas fa-map-marker-alt"></i><span>LeafLine Company</span></p>
|
||||
</div>
|
||||
|
||||
<!-- Social Media Links -->
|
||||
<div class="social">
|
||||
<a href="#"><i class="fab fa-facebook-f"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-x-twitter"></i></a>
|
||||
<a href="#"><i class="fab fa-instagram"></i></a>
|
||||
<a href="#"><i class="fab fa-linkedin"></i></a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Gardening and Landscaping Services Offered -->
|
||||
<div class="footer-item">
|
||||
<h2>Our Services</h2>
|
||||
<div class="info links">
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Lawn Care</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Garden Design</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Tree Planting</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Hardscaping Solution</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">water ponds</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Outdoor Décor</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Quick Links -->
|
||||
<div class="footer-item">
|
||||
<h2>Quick Links</h2>
|
||||
<div class="info links">
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/About/About.html">About Us</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Services.html">Services</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Project/Projects.html">Projects</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Blog/Blog-Grid.html">Blog</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Shop/Shop-Grid.html">Shop</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Contact/Contact.html">Contact Us</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Newsletter Subscription -->
|
||||
<div class="footer-item">
|
||||
|
||||
<h2>Newsletter</h2>
|
||||
<p>Stay informed and up-to-date with the latest trends, helpful tips, and exclusive special offers.</p>
|
||||
<form class="dark-form" method="post" id="newsletter-form-2">
|
||||
<div class="input-field">
|
||||
<label for="news-email-2" class="fas fa-envelope"></label>
|
||||
<input type="email" id="news-email-2" name="email" class="box" placeholder="Your email address" required>
|
||||
</div>
|
||||
<button type="submit" class="btn" name="submit" id="submit-2">Subscribe</button>
|
||||
<span class="alert" id="msg-2"></span>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Gardening and Landscaping Company's Name and Copyright -->
|
||||
<div class="content">
|
||||
<p>Designed By <span>NorthStar_Themes</span> | All Rights Reserved</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
<!-- ==================== Footer Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- Jquery -->
|
||||
<script src="../../assets/vendors/jquery/jquery.min.js"></script>
|
||||
|
||||
<!-- Swiper (JS) -->
|
||||
<script src="../../assets/vendors/swiper/swiper-bundle.min.js"></script>
|
||||
|
||||
<!-- Custom Script Files -->
|
||||
<script src="../../assets/js/script.js"></script> <!-- Custom JavaScript file with additional website functionality. -->
|
||||
<script src="../../assets/js/nav-link-toggler.js"></script> <!-- Manages navigation link toggling (e.g., hamburger menu) for mobile devices -->
|
||||
<script src="../../assets/js/newsletter.js"></script>
|
||||
<script src="../../assets/js/testi-slider.js"></script> <!-- Controls the interactive Testimonial Slider for showcasing customer testimonials. -->
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,482 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<!-- Title -->
|
||||
<title>LeafLine | Gardening and Landscaping Website</title>
|
||||
|
||||
<!-- Favicon -->
|
||||
<link rel="icon" type="image/x-icon" href="../../assets/images/favicon.ico">
|
||||
|
||||
<!-- Font-Awesome (CSS) -->
|
||||
<link rel="stylesheet" href="../../assets/vendors/font-awesome/css/all.min.css">
|
||||
|
||||
<!-- Custom Stylesheets -->
|
||||
<link rel="stylesheet" href="../../assets/css/main.css">
|
||||
<link rel="stylesheet" href="../../assets/css/responsive.css">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- ==================== Scroll-Top Area (Start) ==================== -->
|
||||
<a href="#" class="scroll-top">
|
||||
<i class="fa-solid fa-arrow-up-long"></i>
|
||||
</a>
|
||||
<!-- ==================== Scroll-Top Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Header Area (Start) ==================== -->
|
||||
<header class="header">
|
||||
|
||||
<!-- ===== Header-1 Area (Start) ===== -->
|
||||
<div class="header-1">
|
||||
|
||||
<!-- == Contacts == -->
|
||||
<ul class="header-contacts">
|
||||
<li><i class="fa-solid fa-location-dot"></i><span>LeafLine Company</span></li>
|
||||
<li><i class="fa-solid fa-phone"></i><span>+123-456-7890</span></li>
|
||||
<li><i class="fa-solid fa-envelope"></i><span class="gmail">info@leafline.com</span></li>
|
||||
</ul>
|
||||
|
||||
<!-- == Social == -->
|
||||
<ul class="social-contacts">
|
||||
<li><a href="#" class="fab fa-facebook-f"></a></li>
|
||||
<li><a href="#" class="fa-brands fa-x-twitter"></a></li>
|
||||
<li><a href="#" class="fab fa-instagram"></a></li>
|
||||
<li><a href="#" class="fab fa-linkedin"></a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
<!-- ===== Header-1 Area (End) ===== -->
|
||||
|
||||
<!-- ===== Header-2 Area (Start) ===== -->
|
||||
<div class="header-2">
|
||||
|
||||
<!-- == Logo == -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<div class="container">
|
||||
|
||||
<!-- == Navbar == -->
|
||||
<nav class="navbar">
|
||||
|
||||
<a class="nav-btn" href="../../index.html">home</a>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">about</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/About/About.html">about us</a>
|
||||
<a href="../../pages/About/WhyUs.html">Why Choose Us</a>
|
||||
<a href="../../pages/About/History.html">History</a>
|
||||
<a href="../../pages/About/Team.html">Team</a>
|
||||
<a href="../../pages/About/Team-Single.html">Team Single</a>
|
||||
<a href="../../pages/About/Testimonials.html">testimonials</a>
|
||||
<a href="../../pages/About/FAQs.html">FAQs</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">Pages</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Gallery.html">Gallery</a>
|
||||
<a href="../../pages/Pages/Pricing.html">Pricing</a>
|
||||
<a href="../../pages/Pages/Process.html">work process</a>
|
||||
<a href="../../pages/Pages/Awards.html">Awards</a>
|
||||
<div class="side-dropdown">
|
||||
<button>Event</button> <i class="fa-solid fa-chevron-right"></i>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Events.html">Events</a>
|
||||
<a href="../../pages/Pages/Event-Single.html">Event Single</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="side-dropdown">
|
||||
<button>Career</button> <i class="fa-solid fa-chevron-right"></i>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Careers.html">Careers</a>
|
||||
<a href="../../pages/Pages/Career-Single.html">Career Single</a>
|
||||
<a href="../../pages/Pages/Career-Form.html">Career Form</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="side-dropdown">
|
||||
<button>Information Hub</button> <i class="fa-solid fa-chevron-right"></i>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Not-Found.html">Not Found</a>
|
||||
<a href="../../pages/Pages/Privacy-Policy.html">Privacy Policy</a>
|
||||
<a href="../../pages/Pages/Terms.html">Terms & Condition</a>
|
||||
</div>
|
||||
</div>
|
||||
<a href="../../pages/Pages/Cost-Calculator.html">cost calculator</a>
|
||||
<a href="../../pages/Pages/Get-Quote.html">get a quote</a>
|
||||
<a href="../../pages/Pages/Clients.html">clients</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">Service</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Service/Services.html">Services</a>
|
||||
<a href="../../pages/Service/Service-Single.html">Service Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">Project</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Project/Projects.html">Projects</a>
|
||||
<a href="../../pages/Project/Project-Single.html">Project Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">blog</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Blog/Blog-Grid.html">blogs grid</a>
|
||||
<a href="../../pages/Blog/Blog-List.html">blogs list</a>
|
||||
<a href="../../pages/Blog/Blog-Single.html">blog Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">shop</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Shop/Shop-Grid.html">shop grid</a>
|
||||
<a href="../../pages/Shop/Shop-List.html">shop list</a>
|
||||
<a href="../../pages/Shop/Product-Single.html">product Single</a>
|
||||
<a href="../../pages/Shop/Wishlist.html">wishlist</a>
|
||||
<a href="../../pages/Shop/Cart.html">cart</a>
|
||||
<a href="../../pages/Shop/Checkout.html">checkout</a>
|
||||
<a href="../../pages/Shop/Login.html">login</a>
|
||||
<a href="../../pages/Shop/Register.html">register</a>
|
||||
<a href="../../pages/Shop/Reset-Password.html">forgot Password</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<a class="nav-btn" href="../../pages/Contact/Contact.html">contact</a>
|
||||
|
||||
</nav>
|
||||
|
||||
<!-- == Icon Container == -->
|
||||
<div class="icon-container">
|
||||
<div id="search-btn" class="icon fa-solid fa-magnifying-glass"></div> <!-- Search Icon -->
|
||||
<div id="menu-btn" class="icon fa-solid fa-bars-staggered"></div>
|
||||
<a href="../../pages/Pages/Get-Quote.html" class="btn">get A quote</a>
|
||||
</div>
|
||||
|
||||
<!-- == Search Container == -->
|
||||
<form class="search-container">
|
||||
<input type="search" id="search-bar" placeholder="search here" required> <!-- Search Input -->
|
||||
<button type="submit"><i class="fas fa-search"></i></button> <!-- Submit Button -->
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ===== Header-2 Area (End) ===== -->
|
||||
|
||||
<!-- ===== Mobile Menu Area (Start) ===== -->
|
||||
<div class="mobile-menu">
|
||||
|
||||
<nav class="mobile-navbar">
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <a class="nav-btn" href="../../index.html">home</a> </div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">about</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/About/About.html">about us</a>
|
||||
<a href="../../pages/About/WhyUs.html">Why Choose Us</a>
|
||||
<a href="../../pages/About/History.html">History</a>
|
||||
<a href="../../pages/About/Team.html">Team</a>
|
||||
<a href="../../pages/About/Team-Single.html">Team Single</a>
|
||||
<a href="../../pages/About/Testimonials.html">testimonials</a>
|
||||
<a href="../../pages/About/FAQs.html">FAQs</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">pages</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Pages/Gallery.html">Gallery</a>
|
||||
<a href="../../pages/Pages/Pricing.html">Pricing</a>
|
||||
<a href="../../pages/Pages/Process.html">work process</a>
|
||||
<a href="../../pages/Pages/Awards.html">Awards</a>
|
||||
<a href="../../pages/Pages/Events.html">Events</a>
|
||||
<a href="../../pages/Pages/Event-Single.html">Event Single</a>
|
||||
<a href="../../pages/Pages/Careers.html">Careers</a>
|
||||
<a href="../../pages/Pages/Career-Single.html">Career Single</a>
|
||||
<a href="../../pages/Pages/Career-Form.html">Career Form</a>
|
||||
<a href="../../pages/Pages/Not-Found.html">Not Found</a>
|
||||
<a href="../../pages/Pages/Privacy-Policy.html">Privacy Policy</a>
|
||||
<a href="../../pages/Pages/Terms.html">Terms & Condition</a>
|
||||
<a href="../../pages/Pages/Cost-Calculator.html">cost calculator</a>
|
||||
<a href="../../pages/Pages/Get-Quote.html">get a quote</a>
|
||||
<a href="../../pages/Pages/Clients.html">clients</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">Service</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Service/Services.html">Services</a>
|
||||
<a href="../../pages/Service/Service-Single.html">Service Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">Project</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Project/Projects.html">Projects</a>
|
||||
<a href="../../pages/Project/Project-Single.html">Project Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">blog</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Blog/Blog-Grid.html">blogs grid</a>
|
||||
<a href="../../pages/Blog/Blog-List.html">blogs list</a>
|
||||
<a href="../../pages/Blog/Blog-Single.html">blog Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">Shop</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Shop/Shop-Grid.html">shop grid</a>
|
||||
<a href="../../pages/Shop/Shop-List.html">shop list</a>
|
||||
<a href="../../pages/Shop/Product-Single.html">product Single</a>
|
||||
<a href="../../pages/Shop/Wishlist.html">wishlist</a>
|
||||
<a href="../../pages/Shop/Cart.html">cart</a>
|
||||
<a href="../../pages/Shop/Checkout.html">checkout</a>
|
||||
<a href="../../pages/Shop/Login.html">login</a>
|
||||
<a href="../../pages/Shop/Register.html">register</a>
|
||||
<a href="../../pages/Shop/Reset-Password.html">forgot Password</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <a class="nav-btn" href="../../pages/Contact/Contact.html">contact</a> </div>
|
||||
</div>
|
||||
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
<!-- ===== Mobile Menu Area (End) ===== -->
|
||||
|
||||
</header>
|
||||
<!-- ==================== Header Area (End) ==================== -->
|
||||
|
||||
|
||||
<!-- ==================== Page-Title (Start) ==================== -->
|
||||
<div class="page-title">
|
||||
|
||||
<div class="title">
|
||||
<h2>Why Choose Us</h2>
|
||||
</div>
|
||||
|
||||
<div class="link">
|
||||
<a href="../../index.html">Home</a>
|
||||
<i class="fa-solid fa-angles-right"></i>
|
||||
<span class="page">Why Choose Us</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ==================== Page-Title (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Why Choose Us Area (Start) ==================== -->
|
||||
<section class="why-us">
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Section Heading -->
|
||||
<div class="heading">
|
||||
<div class="sub"><i class="fa-brands fa-pagelines"></i><span>Why Choose Us</span><i class="fa-brands fa-pagelines"></i></div>
|
||||
<h2>Rooted in Nature, Built on Trust</h2> <!-- New Main Heading -->
|
||||
<!-- Main Description -->
|
||||
<p>At LeafLine, we’re passionate about creating outdoor spaces that blend beauty. Our commitment to excellence ensures every garden thrives for years.</p>
|
||||
</div>
|
||||
|
||||
<!-- Main Content Area -->
|
||||
<div class="content">
|
||||
|
||||
<!-- Why Choose Us Points - Left -->
|
||||
<ul class="whyus-section-points one">
|
||||
<li>
|
||||
<i class="fa-solid fa-seedling"></i> <!-- Plant icon -->
|
||||
<div class="text">
|
||||
<h5>Expert Craftsmanship</h5>
|
||||
<p>Our team brings years of experience to every project.</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<i class="fa-solid fa-leaf"></i> <!-- Leaf icon -->
|
||||
<div class="text">
|
||||
<h5>Sustainable Solutions</h5>
|
||||
<p>We use materials & water wise technique for tomorrow.</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<i class="fa-solid fa-brush"></i> <!-- Design icon -->
|
||||
<div class="text">
|
||||
<h5>Creative Design</h5>
|
||||
<p>we design landscapes that reflect your vision.</p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<!-- Why Choose Us Image -->
|
||||
<div class="image">
|
||||
<img src="../../assets/images/WhyUs/Pic-1.png" alt="LeafLine Gardening and Landscaping">
|
||||
</div>
|
||||
|
||||
<!-- Why Choose Us Points - Right -->
|
||||
<ul class="whyus-section-points two">
|
||||
<li>
|
||||
<i class="fa-solid fa-sun"></i> <!-- Growth icon -->
|
||||
<div class="text">
|
||||
<h5>End-to-End Service</h5>
|
||||
<p>We handle everything from design to maintenance and care.</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<i class="fa-solid fa-star"></i> <!-- Quality icon -->
|
||||
<div class="text">
|
||||
<h5>Quality Guaranteed</h5>
|
||||
<p>We ensure every project the highest standards of beauty.</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<i class="fa-solid fa-handshake"></i> <!-- Trust icon -->
|
||||
<div class="text">
|
||||
<h5>Customer Commitment</h5>
|
||||
<p>Your trust is our priority we turn your dreams into reality.</p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</section>
|
||||
<!-- ==================== Why Choose Us Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Footer Area (Start) ==================== -->
|
||||
<footer class="footer">
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Gardening and Landscaping Company Information & Social Media Links -->
|
||||
<div class="footer-item">
|
||||
|
||||
<!-- Gardening and Landscaping Company Logo -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<!-- Description -->
|
||||
<p>Transforming outdoor spaces with premium gardening and landscaping solutions.</p>
|
||||
|
||||
<!-- Contact Information -->
|
||||
<div class="info connect">
|
||||
<p><i class="fas fa-phone"></i><span>+123-456-7890</span></p>
|
||||
<p><i class="fas fa-envelope"></i><span class="gmail">info@leafline.com</span></p>
|
||||
<p><i class="fas fa-map-marker-alt"></i><span>LeafLine Company</span></p>
|
||||
</div>
|
||||
|
||||
<!-- Social Media Links -->
|
||||
<div class="social">
|
||||
<a href="#"><i class="fab fa-facebook-f"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-x-twitter"></i></a>
|
||||
<a href="#"><i class="fab fa-instagram"></i></a>
|
||||
<a href="#"><i class="fab fa-linkedin"></i></a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Gardening and Landscaping Services Offered -->
|
||||
<div class="footer-item">
|
||||
<h2>Our Services</h2>
|
||||
<div class="info links">
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Lawn Care</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Garden Design</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Tree Planting</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Hardscaping Solution</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">water ponds</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Outdoor Décor</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Quick Links -->
|
||||
<div class="footer-item">
|
||||
<h2>Quick Links</h2>
|
||||
<div class="info links">
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/About/About.html">About Us</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Services.html">Services</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Project/Projects.html">Projects</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Blog/Blog-Grid.html">Blog</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Shop/Shop-Grid.html">Shop</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Contact/Contact.html">Contact Us</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Newsletter Subscription -->
|
||||
<div class="footer-item">
|
||||
|
||||
<h2>Newsletter</h2>
|
||||
<p>Stay informed and up-to-date with the latest trends, helpful tips, and exclusive special offers.</p>
|
||||
<form class="dark-form" method="post" id="newsletter-form-2">
|
||||
<div class="input-field">
|
||||
<label for="news-email-2" class="fas fa-envelope"></label>
|
||||
<input type="email" id="news-email-2" name="email" class="box" placeholder="Your email address" required>
|
||||
</div>
|
||||
<button type="submit" class="btn" name="submit" id="submit-2">Subscribe</button>
|
||||
<span class="alert" id="msg-2"></span>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Gardening and Landscaping Company's Name and Copyright -->
|
||||
<div class="content">
|
||||
<p>Designed By <span>NorthStar_Themes</span> | All Rights Reserved</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
<!-- ==================== Footer Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- Jquery -->
|
||||
<script src="../../assets/vendors/jquery/jquery.min.js"></script>
|
||||
|
||||
<!-- Custom Script Files -->
|
||||
<script src="../../assets/js/script.js"></script> <!-- Custom JavaScript file with additional website functionality. -->
|
||||
<script src="../../assets/js/nav-link-toggler.js"></script> <!-- Manages navigation link toggling (e.g., hamburger menu) for mobile devices -->
|
||||
<script src="../../assets/js/newsletter.js"></script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,636 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<!-- Title -->
|
||||
<title>LeafLine | Gardening and Landscaping Website</title>
|
||||
|
||||
<!-- Favicon -->
|
||||
<link rel="icon" type="image/x-icon" href="../../assets/images/favicon.ico">
|
||||
|
||||
<!-- Font-Awesome (CSS) -->
|
||||
<link rel="stylesheet" href="../../assets/vendors/font-awesome/css/all.min.css">
|
||||
|
||||
<!-- Custom Stylesheets -->
|
||||
<link rel="stylesheet" href="../../assets/css/main.css">
|
||||
<link rel="stylesheet" href="../../assets/css/responsive.css">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- ==================== Scroll-Top Area (Start) ==================== -->
|
||||
<a href="#" class="scroll-top">
|
||||
<i class="fa-solid fa-arrow-up-long"></i>
|
||||
</a>
|
||||
<!-- ==================== Scroll-Top Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Header Area (Start) ==================== -->
|
||||
<header class="header">
|
||||
|
||||
<!-- ===== Header-1 Area (Start) ===== -->
|
||||
<div class="header-1">
|
||||
|
||||
<!-- == Contacts == -->
|
||||
<ul class="header-contacts">
|
||||
<li><i class="fa-solid fa-location-dot"></i><span>LeafLine Company</span></li>
|
||||
<li><i class="fa-solid fa-phone"></i><span>+123-456-7890</span></li>
|
||||
<li><i class="fa-solid fa-envelope"></i><span class="gmail">info@leafline.com</span></li>
|
||||
</ul>
|
||||
|
||||
<!-- == Social == -->
|
||||
<ul class="social-contacts">
|
||||
<li><a href="#" class="fab fa-facebook-f"></a></li>
|
||||
<li><a href="#" class="fa-brands fa-x-twitter"></a></li>
|
||||
<li><a href="#" class="fab fa-instagram"></a></li>
|
||||
<li><a href="#" class="fab fa-linkedin"></a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
<!-- ===== Header-1 Area (End) ===== -->
|
||||
|
||||
<!-- ===== Header-2 Area (Start) ===== -->
|
||||
<div class="header-2">
|
||||
|
||||
<!-- == Logo == -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<div class="container">
|
||||
|
||||
<!-- == Navbar == -->
|
||||
<nav class="navbar">
|
||||
|
||||
<a class="nav-btn" href="../../index.html">home</a>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">about</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/About/About.html">about us</a>
|
||||
<a href="../../pages/About/WhyUs.html">Why Choose Us</a>
|
||||
<a href="../../pages/About/History.html">History</a>
|
||||
<a href="../../pages/About/Team.html">Team</a>
|
||||
<a href="../../pages/About/Team-Single.html">Team Single</a>
|
||||
<a href="../../pages/About/Testimonials.html">testimonials</a>
|
||||
<a href="../../pages/About/FAQs.html">FAQs</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">Pages</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Gallery.html">Gallery</a>
|
||||
<a href="../../pages/Pages/Pricing.html">Pricing</a>
|
||||
<a href="../../pages/Pages/Process.html">work process</a>
|
||||
<a href="../../pages/Pages/Awards.html">Awards</a>
|
||||
<div class="side-dropdown">
|
||||
<button>Event</button> <i class="fa-solid fa-chevron-right"></i>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Events.html">Events</a>
|
||||
<a href="../../pages/Pages/Event-Single.html">Event Single</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="side-dropdown">
|
||||
<button>Career</button> <i class="fa-solid fa-chevron-right"></i>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Careers.html">Careers</a>
|
||||
<a href="../../pages/Pages/Career-Single.html">Career Single</a>
|
||||
<a href="../../pages/Pages/Career-Form.html">Career Form</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="side-dropdown">
|
||||
<button>Information Hub</button> <i class="fa-solid fa-chevron-right"></i>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Not-Found.html">Not Found</a>
|
||||
<a href="../../pages/Pages/Privacy-Policy.html">Privacy Policy</a>
|
||||
<a href="../../pages/Pages/Terms.html">Terms & Condition</a>
|
||||
</div>
|
||||
</div>
|
||||
<a href="../../pages/Pages/Cost-Calculator.html">cost calculator</a>
|
||||
<a href="../../pages/Pages/Get-Quote.html">get a quote</a>
|
||||
<a href="../../pages/Pages/Clients.html">clients</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">Service</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Service/Services.html">Services</a>
|
||||
<a href="../../pages/Service/Service-Single.html">Service Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">Project</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Project/Projects.html">Projects</a>
|
||||
<a href="../../pages/Project/Project-Single.html">Project Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">blog</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Blog/Blog-Grid.html">blogs grid</a>
|
||||
<a href="../../pages/Blog/Blog-List.html">blogs list</a>
|
||||
<a href="../../pages/Blog/Blog-Single.html">blog Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">shop</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Shop/Shop-Grid.html">shop grid</a>
|
||||
<a href="../../pages/Shop/Shop-List.html">shop list</a>
|
||||
<a href="../../pages/Shop/Product-Single.html">product Single</a>
|
||||
<a href="../../pages/Shop/Wishlist.html">wishlist</a>
|
||||
<a href="../../pages/Shop/Cart.html">cart</a>
|
||||
<a href="../../pages/Shop/Checkout.html">checkout</a>
|
||||
<a href="../../pages/Shop/Login.html">login</a>
|
||||
<a href="../../pages/Shop/Register.html">register</a>
|
||||
<a href="../../pages/Shop/Reset-Password.html">forgot Password</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<a class="nav-btn" href="../../pages/Contact/Contact.html">contact</a>
|
||||
|
||||
</nav>
|
||||
|
||||
<!-- == Icon Container == -->
|
||||
<div class="icon-container">
|
||||
<div id="search-btn" class="icon fa-solid fa-magnifying-glass"></div> <!-- Search Icon -->
|
||||
<div id="menu-btn" class="icon fa-solid fa-bars-staggered"></div>
|
||||
<a href="../../pages/Pages/Get-Quote.html" class="btn">get A quote</a>
|
||||
</div>
|
||||
|
||||
<!-- == Search Container == -->
|
||||
<form class="search-container">
|
||||
<input type="search" id="search-bar" placeholder="search here" required> <!-- Search Input -->
|
||||
<button type="submit"><i class="fas fa-search"></i></button> <!-- Submit Button -->
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ===== Header-2 Area (End) ===== -->
|
||||
|
||||
<!-- ===== Mobile Menu Area (Start) ===== -->
|
||||
<div class="mobile-menu">
|
||||
|
||||
<nav class="mobile-navbar">
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <a class="nav-btn" href="../../index.html">home</a> </div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">about</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/About/About.html">about us</a>
|
||||
<a href="../../pages/About/WhyUs.html">Why Choose Us</a>
|
||||
<a href="../../pages/About/History.html">History</a>
|
||||
<a href="../../pages/About/Team.html">Team</a>
|
||||
<a href="../../pages/About/Team-Single.html">Team Single</a>
|
||||
<a href="../../pages/About/Testimonials.html">testimonials</a>
|
||||
<a href="../../pages/About/FAQs.html">FAQs</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">pages</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Pages/Gallery.html">Gallery</a>
|
||||
<a href="../../pages/Pages/Pricing.html">Pricing</a>
|
||||
<a href="../../pages/Pages/Process.html">work process</a>
|
||||
<a href="../../pages/Pages/Awards.html">Awards</a>
|
||||
<a href="../../pages/Pages/Events.html">Events</a>
|
||||
<a href="../../pages/Pages/Event-Single.html">Event Single</a>
|
||||
<a href="../../pages/Pages/Careers.html">Careers</a>
|
||||
<a href="../../pages/Pages/Career-Single.html">Career Single</a>
|
||||
<a href="../../pages/Pages/Career-Form.html">Career Form</a>
|
||||
<a href="../../pages/Pages/Not-Found.html">Not Found</a>
|
||||
<a href="../../pages/Pages/Privacy-Policy.html">Privacy Policy</a>
|
||||
<a href="../../pages/Pages/Terms.html">Terms & Condition</a>
|
||||
<a href="../../pages/Pages/Cost-Calculator.html">cost calculator</a>
|
||||
<a href="../../pages/Pages/Get-Quote.html">get a quote</a>
|
||||
<a href="../../pages/Pages/Clients.html">clients</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">Service</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Service/Services.html">Services</a>
|
||||
<a href="../../pages/Service/Service-Single.html">Service Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">Project</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Project/Projects.html">Projects</a>
|
||||
<a href="../../pages/Project/Project-Single.html">Project Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">blog</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Blog/Blog-Grid.html">blogs grid</a>
|
||||
<a href="../../pages/Blog/Blog-List.html">blogs list</a>
|
||||
<a href="../../pages/Blog/Blog-Single.html">blog Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">Shop</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Shop/Shop-Grid.html">shop grid</a>
|
||||
<a href="../../pages/Shop/Shop-List.html">shop list</a>
|
||||
<a href="../../pages/Shop/Product-Single.html">product Single</a>
|
||||
<a href="../../pages/Shop/Wishlist.html">wishlist</a>
|
||||
<a href="../../pages/Shop/Cart.html">cart</a>
|
||||
<a href="../../pages/Shop/Checkout.html">checkout</a>
|
||||
<a href="../../pages/Shop/Login.html">login</a>
|
||||
<a href="../../pages/Shop/Register.html">register</a>
|
||||
<a href="../../pages/Shop/Reset-Password.html">forgot Password</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <a class="nav-btn" href="../../pages/Contact/Contact.html">contact</a> </div>
|
||||
</div>
|
||||
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
<!-- ===== Mobile Menu Area (End) ===== -->
|
||||
|
||||
</header>
|
||||
<!-- ==================== Header Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Page-Title (Start) ==================== -->
|
||||
<div class="page-title">
|
||||
|
||||
<div class="title">
|
||||
<h2>Blog Grid</h2>
|
||||
</div>
|
||||
|
||||
<div class="link">
|
||||
<a href="../../index.html">Home</a>
|
||||
<i class="fa-solid fa-angles-right"></i>
|
||||
<span class="page">Blog Grid</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ==================== Page-Title (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Blog Grid (Start) ==================== -->
|
||||
<section class="blog grid">
|
||||
|
||||
<!-- ========== Blog Sidebar Area (Start) ========== -->
|
||||
<div class="sidebar">
|
||||
|
||||
<!-- ===== Search Area (Start) ===== -->
|
||||
<div class="search sidebar-item">
|
||||
|
||||
<div class="sidebar-heading">
|
||||
<h2>search</h2>
|
||||
</div>
|
||||
|
||||
<!-- Blog Search Form -->
|
||||
<form class="blog-search-container box-container">
|
||||
<div class="input-box">
|
||||
<input type="search" id="blog-search" placeholder="search..." required> <!-- Search Input -->
|
||||
<button type="submit"><i class="fas fa-search"></i></button> <!-- Submit Button -->
|
||||
</div>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
<!-- ===== Search Area (End) ===== -->
|
||||
|
||||
<!-- ===== Category Area (Start) ===== -->
|
||||
<div class="category sidebar-item">
|
||||
|
||||
<div class="sidebar-heading">
|
||||
<h2>categories</h2>
|
||||
</div>
|
||||
|
||||
<!-- Blog Categories -->
|
||||
<div class="box-container">
|
||||
<a href="#" class="item"> <span><i class="fa-brands fa-pagelines"></i>Garden Design</span> <p>(30)</p> </a>
|
||||
<a href="#" class="item"> <span><i class="fa-brands fa-pagelines"></i>Landscaping</span> <p>(20)</p> </a>
|
||||
<a href="#" class="item"> <span><i class="fa-brands fa-pagelines"></i>Plant Care</span> <p>(15)</p> </a>
|
||||
<a href="#" class="item"> <span><i class="fa-brands fa-pagelines"></i>Outdoor Living</span> <p>(10)</p> </a>
|
||||
<a href="#" class="item"> <span><i class="fa-brands fa-pagelines"></i>Eco Gardening</span> <p>(05)</p> </a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ===== Category Area (End) ===== -->
|
||||
|
||||
<!-- ===== Recent Posts Area (Start) ===== -->
|
||||
<div class="recent-posts sidebar-item">
|
||||
|
||||
<div class="sidebar-heading">
|
||||
<h2>recent posts</h2>
|
||||
</div>
|
||||
|
||||
<!-- Recent Posts -->
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Recent Post 1 -->
|
||||
<div class="post-item">
|
||||
<img src="../../assets/images/Blog/Blogs/Blog-1.jpg" alt="Recent-Post-Image"> <!-- Post image -->
|
||||
<a class="main-heading" href="../../pages/Blog/Blog-Single.html">Transform Your Space with Creative Ideas</a> <!-- Post title -->
|
||||
</div>
|
||||
|
||||
<!-- Recent Post 2 -->
|
||||
<div class="post-item">
|
||||
<img src="../../assets/images/Blog/Blogs/Blog-2.jpg" alt="Recent-Post-Image"> <!-- Post image -->
|
||||
<a class="main-heading" href="../../pages/Blog/Blog-Single.html">Top 5 gardening Trends, Redefine Your Garden</a> <!-- Post title -->
|
||||
</div>
|
||||
|
||||
<!-- Recent Post 3 -->
|
||||
<div class="post-item">
|
||||
<img src="../../assets/images/Blog/Blogs/Blog-3.jpg" alt="Recent-Post-Image"> <!-- Post image -->
|
||||
<a class="main-heading" href="../../pages/Blog/Blog-Single.html">How to Keep Your Garden Green Year Round</a> <!-- Post title -->
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ===== Recent Posts Area (End) ===== -->
|
||||
|
||||
<!-- ===== Tags Area (Start) ===== -->
|
||||
<div class="tags sidebar-item">
|
||||
|
||||
<div class="sidebar-heading">
|
||||
<h2>tags</h2>
|
||||
</div>
|
||||
|
||||
<!-- Tags -->
|
||||
<div class="box-container">
|
||||
<a href="#" class="tag-item">Garden</a>
|
||||
<a href="#" class="tag-item">Style</a>
|
||||
<a href="#" class="tag-item">Blossom</a>
|
||||
<a href="#" class="tag-item">Greenery</a>
|
||||
<a href="#" class="tag-item">Landscaping</a>
|
||||
<a href="#" class="tag-item">design</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ===== Tags Area (End) ===== -->
|
||||
|
||||
</div>
|
||||
<!-- ========== Blog Sidebar Area (End) ========== -->
|
||||
|
||||
<!-- ========== Blog Container (Start) ========== -->
|
||||
<div class="blog-container grid">
|
||||
|
||||
<!-- ===== Blogs (Start) ===== -->
|
||||
<div class="blog-items">
|
||||
|
||||
<!-- Blog-1 -->
|
||||
<div class="blog-item">
|
||||
<div class="image">
|
||||
<img src="../../assets/images/Blog/Blogs/Blog-1.jpg" alt="Blog-Image"> <!-- Blog Image -->
|
||||
<div class="date"><div class="tag"><span>25</span> Oct</div></div> <!-- Blog Date -->
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="details">
|
||||
<h3><i class="fa-solid fa-circle-user"></i><span>By Admin</span></h3> <!-- Blog Author -->
|
||||
<h3><i class="fa-solid fa-tags"></i><span>Garden Design</span></h3> <!-- Blog Category -->
|
||||
</div>
|
||||
<a class="main-heading" href="../../pages/Blog/Blog-Single.html">Transform Your Space with Creative Ideas</a> <!-- Blog Title -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Blog-2 -->
|
||||
<div class="blog-item">
|
||||
<div class="image">
|
||||
<img src="../../assets/images/Blog/Blogs/Blog-2.jpg" alt="Blog-Image"> <!-- Blog Image -->
|
||||
<div class="date"><div class="tag"><span>20</span> Oct</div></div> <!-- Blog Date -->
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="details">
|
||||
<h3><i class="fa-solid fa-circle-user"></i><span>By Admin</span></h3>
|
||||
<h3><i class="fa-solid fa-tags"></i><span>Landscaping</span></h3>
|
||||
</div>
|
||||
<a class="main-heading" href="../../pages/Blog/Blog-Single.html">Top 5 gardening Trends, Redefine Your Garden</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Blog-3 -->
|
||||
<div class="blog-item">
|
||||
<div class="image">
|
||||
<img src="../../assets/images/Blog/Blogs/Blog-3.jpg" alt="Blog-Image">
|
||||
<div class="date"><div class="tag"><span>15</span> Oct</div></div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="details">
|
||||
<h3><i class="fa-solid fa-circle-user"></i><span>By Admin</span></h3>
|
||||
<h3><i class="fa-solid fa-tags"></i><span>Plant Care</span></h3>
|
||||
</div>
|
||||
<a class="main-heading" href="../../pages/Blog/Blog-Single.html">How to Keep Your Garden Green Year Round</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Blog-4 -->
|
||||
<div class="blog-item">
|
||||
<div class="image">
|
||||
<img src="../../assets/images/Blog/Blogs/Blog-4.jpg" alt="Blog-Image">
|
||||
<div class="date"><div class="tag"><span>10</span> Oct</div></div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="details">
|
||||
<h3><i class="fa-solid fa-circle-user"></i><span>By Admin</span></h3>
|
||||
<h3><i class="fa-solid fa-tags"></i><span>Outdoor Living</span></h3>
|
||||
</div>
|
||||
<a class="main-heading" href="../../pages/Blog/Blog-Single.html">Create a Relaxing Space with good Landscaping</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Blog-5 -->
|
||||
<div class="blog-item">
|
||||
<div class="image">
|
||||
<img src="../../assets/images/Blog/Blogs/Blog-5.jpg" alt="Blog-Image">
|
||||
<div class="date"><div class="tag"><span>05</span> Oct</div></div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="details">
|
||||
<h3><i class="fa-solid fa-circle-user"></i><span>By Admin</span></h3>
|
||||
<h3><i class="fa-solid fa-tags"></i><span>Eco Gardening</span></h3>
|
||||
</div>
|
||||
<a class="main-heading" href="../../pages/Blog/Blog-Single.html">Eco-Friendly Gardening: Simple Ways Go Green</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Blog-6 -->
|
||||
<div class="blog-item">
|
||||
<div class="image">
|
||||
<img src="../../assets/images/Blog/Blogs/Blog-6.jpg" alt="Blog-Image">
|
||||
<div class="date"><div class="tag"><span>01</span> Oct</div></div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="details">
|
||||
<h3><i class="fa-solid fa-circle-user"></i><span>By Admin</span></h3>
|
||||
<h3><i class="fa-solid fa-tags"></i><span>Garden Maintenance</span></h3>
|
||||
</div>
|
||||
<a class="main-heading" href="../../pages/Blog/Blog-Single.html">Essential Maintenance Tips for a Perfect Garden</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ===== Blogs (End) ===== -->
|
||||
|
||||
<!-- ===== Pagination (Start) ===== -->
|
||||
<div class="pages-no">
|
||||
|
||||
<div class="container">
|
||||
|
||||
<!-- Previous page button -->
|
||||
<div class="item">
|
||||
<i class="fas fa-arrow-left"></i>
|
||||
</div>
|
||||
|
||||
<!-- Page numbers -->
|
||||
<div class="numbers">
|
||||
<div class="item active">1</div> <!-- Active page number -->
|
||||
<div class="item">2</div> <!-- Page number 2 -->
|
||||
<div class="item">3</div> <!-- Page number 3 -->
|
||||
</div>
|
||||
|
||||
<!-- Next page button-->
|
||||
<div class="item">
|
||||
<i class="fa-solid fa-arrow-right"></i>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ===== Pagination (End) ===== -->
|
||||
|
||||
</div>
|
||||
<!-- ========== Blog Container (End) ========== -->
|
||||
|
||||
</section>
|
||||
<!-- ==================== Blog Grid (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Footer Area (Start) ==================== -->
|
||||
<footer class="footer">
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Gardening and Landscaping Company Information & Social Media Links -->
|
||||
<div class="footer-item">
|
||||
|
||||
<!-- Gardening and Landscaping Company Logo -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<!-- Description -->
|
||||
<p>Transforming outdoor spaces with premium gardening and landscaping solutions.</p>
|
||||
|
||||
<!-- Contact Information -->
|
||||
<div class="info connect">
|
||||
<p><i class="fas fa-phone"></i><span>+123-456-7890</span></p>
|
||||
<p><i class="fas fa-envelope"></i><span class="gmail">info@leafline.com</span></p>
|
||||
<p><i class="fas fa-map-marker-alt"></i><span>LeafLine Company</span></p>
|
||||
</div>
|
||||
|
||||
<!-- Social Media Links -->
|
||||
<div class="social">
|
||||
<a href="#"><i class="fab fa-facebook-f"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-x-twitter"></i></a>
|
||||
<a href="#"><i class="fab fa-instagram"></i></a>
|
||||
<a href="#"><i class="fab fa-linkedin"></i></a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Gardening and Landscaping Services Offered -->
|
||||
<div class="footer-item">
|
||||
<h2>Our Services</h2>
|
||||
<div class="info links">
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Lawn Care</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Garden Design</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Tree Planting</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Hardscaping Solution</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">water ponds</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Outdoor Décor</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Quick Links -->
|
||||
<div class="footer-item">
|
||||
<h2>Quick Links</h2>
|
||||
<div class="info links">
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/About/About.html">About Us</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Services.html">Services</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Project/Projects.html">Projects</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Blog/Blog-Grid.html">Blog</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Shop/Shop-Grid.html">Shop</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Contact/Contact.html">Contact Us</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Newsletter Subscription -->
|
||||
<div class="footer-item">
|
||||
|
||||
<h2>Newsletter</h2>
|
||||
<p>Stay informed and up-to-date with the latest trends, helpful tips, and exclusive special offers.</p>
|
||||
<form class="dark-form" method="post" id="newsletter-form-2">
|
||||
<div class="input-field">
|
||||
<label for="news-email-2" class="fas fa-envelope"></label>
|
||||
<input type="email" id="news-email-2" name="email" class="box" placeholder="Your email address" required>
|
||||
</div>
|
||||
<button type="submit" class="btn" name="submit" id="submit-2">Subscribe</button>
|
||||
<span class="alert" id="msg-2"></span>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Gardening and Landscaping Company's Name and Copyright -->
|
||||
<div class="content">
|
||||
<p>Designed By <span>NorthStar_Themes</span> | All Rights Reserved</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
<!-- ==================== Footer Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- Jquery -->
|
||||
<script src="../../assets/vendors/jquery/jquery.min.js"></script>
|
||||
|
||||
<!-- Custom Script Files -->
|
||||
<script src="../../assets/js/script.js"></script> <!-- Custom JavaScript file with additional website functionality. -->
|
||||
<script src="../../assets/js/nav-link-toggler.js"></script> <!-- Manages navigation link toggling (e.g., hamburger menu) for mobile devices -->
|
||||
<script src="../../assets/js/newsletter.js"></script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,603 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<!-- Title -->
|
||||
<title>LeafLine | Gardening and Landscaping Website</title>
|
||||
|
||||
<!-- Favicon -->
|
||||
<link rel="icon" type="image/x-icon" href="../../assets/images/favicon.ico">
|
||||
|
||||
<!-- Font-Awesome (CSS) -->
|
||||
<link rel="stylesheet" href="../../assets/vendors/font-awesome/css/all.min.css">
|
||||
|
||||
<!-- Custom Stylesheets -->
|
||||
<link rel="stylesheet" href="../../assets/css/main.css">
|
||||
<link rel="stylesheet" href="../../assets/css/responsive.css">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- ==================== Scroll-Top Area (Start) ==================== -->
|
||||
<a href="#" class="scroll-top">
|
||||
<i class="fa-solid fa-arrow-up-long"></i>
|
||||
</a>
|
||||
<!-- ==================== Scroll-Top Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Header Area (Start) ==================== -->
|
||||
<header class="header">
|
||||
|
||||
<!-- ===== Header-1 Area (Start) ===== -->
|
||||
<div class="header-1">
|
||||
|
||||
<!-- == Contacts == -->
|
||||
<ul class="header-contacts">
|
||||
<li><i class="fa-solid fa-location-dot"></i><span>LeafLine Company</span></li>
|
||||
<li><i class="fa-solid fa-phone"></i><span>+123-456-7890</span></li>
|
||||
<li><i class="fa-solid fa-envelope"></i><span class="gmail">info@leafline.com</span></li>
|
||||
</ul>
|
||||
|
||||
<!-- == Social == -->
|
||||
<ul class="social-contacts">
|
||||
<li><a href="#" class="fab fa-facebook-f"></a></li>
|
||||
<li><a href="#" class="fa-brands fa-x-twitter"></a></li>
|
||||
<li><a href="#" class="fab fa-instagram"></a></li>
|
||||
<li><a href="#" class="fab fa-linkedin"></a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
<!-- ===== Header-1 Area (End) ===== -->
|
||||
|
||||
<!-- ===== Header-2 Area (Start) ===== -->
|
||||
<div class="header-2">
|
||||
|
||||
<!-- == Logo == -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<div class="container">
|
||||
|
||||
<!-- == Navbar == -->
|
||||
<nav class="navbar">
|
||||
|
||||
<a class="nav-btn" href="../../index.html">home</a>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">about</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/About/About.html">about us</a>
|
||||
<a href="../../pages/About/WhyUs.html">Why Choose Us</a>
|
||||
<a href="../../pages/About/History.html">History</a>
|
||||
<a href="../../pages/About/Team.html">Team</a>
|
||||
<a href="../../pages/About/Team-Single.html">Team Single</a>
|
||||
<a href="../../pages/About/Testimonials.html">testimonials</a>
|
||||
<a href="../../pages/About/FAQs.html">FAQs</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">Pages</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Gallery.html">Gallery</a>
|
||||
<a href="../../pages/Pages/Pricing.html">Pricing</a>
|
||||
<a href="../../pages/Pages/Process.html">work process</a>
|
||||
<a href="../../pages/Pages/Awards.html">Awards</a>
|
||||
<div class="side-dropdown">
|
||||
<button>Event</button> <i class="fa-solid fa-chevron-right"></i>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Events.html">Events</a>
|
||||
<a href="../../pages/Pages/Event-Single.html">Event Single</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="side-dropdown">
|
||||
<button>Career</button> <i class="fa-solid fa-chevron-right"></i>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Careers.html">Careers</a>
|
||||
<a href="../../pages/Pages/Career-Single.html">Career Single</a>
|
||||
<a href="../../pages/Pages/Career-Form.html">Career Form</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="side-dropdown">
|
||||
<button>Information Hub</button> <i class="fa-solid fa-chevron-right"></i>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Not-Found.html">Not Found</a>
|
||||
<a href="../../pages/Pages/Privacy-Policy.html">Privacy Policy</a>
|
||||
<a href="../../pages/Pages/Terms.html">Terms & Condition</a>
|
||||
</div>
|
||||
</div>
|
||||
<a href="../../pages/Pages/Cost-Calculator.html">cost calculator</a>
|
||||
<a href="../../pages/Pages/Get-Quote.html">get a quote</a>
|
||||
<a href="../../pages/Pages/Clients.html">clients</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">Service</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Service/Services.html">Services</a>
|
||||
<a href="../../pages/Service/Service-Single.html">Service Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">Project</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Project/Projects.html">Projects</a>
|
||||
<a href="../../pages/Project/Project-Single.html">Project Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">blog</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Blog/Blog-Grid.html">blogs grid</a>
|
||||
<a href="../../pages/Blog/Blog-List.html">blogs list</a>
|
||||
<a href="../../pages/Blog/Blog-Single.html">blog Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">shop</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Shop/Shop-Grid.html">shop grid</a>
|
||||
<a href="../../pages/Shop/Shop-List.html">shop list</a>
|
||||
<a href="../../pages/Shop/Product-Single.html">product Single</a>
|
||||
<a href="../../pages/Shop/Wishlist.html">wishlist</a>
|
||||
<a href="../../pages/Shop/Cart.html">cart</a>
|
||||
<a href="../../pages/Shop/Checkout.html">checkout</a>
|
||||
<a href="../../pages/Shop/Login.html">login</a>
|
||||
<a href="../../pages/Shop/Register.html">register</a>
|
||||
<a href="../../pages/Shop/Reset-Password.html">forgot Password</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<a class="nav-btn" href="../../pages/Contact/Contact.html">contact</a>
|
||||
|
||||
</nav>
|
||||
|
||||
<!-- == Icon Container == -->
|
||||
<div class="icon-container">
|
||||
<div id="search-btn" class="icon fa-solid fa-magnifying-glass"></div> <!-- Search Icon -->
|
||||
<div id="menu-btn" class="icon fa-solid fa-bars-staggered"></div>
|
||||
<a href="../../pages/Pages/Get-Quote.html" class="btn">get A quote</a>
|
||||
</div>
|
||||
|
||||
<!-- == Search Container == -->
|
||||
<form class="search-container">
|
||||
<input type="search" id="search-bar" placeholder="search here" required> <!-- Search Input -->
|
||||
<button type="submit"><i class="fas fa-search"></i></button> <!-- Submit Button -->
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ===== Header-2 Area (End) ===== -->
|
||||
|
||||
<!-- ===== Mobile Menu Area (Start) ===== -->
|
||||
<div class="mobile-menu">
|
||||
|
||||
<nav class="mobile-navbar">
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <a class="nav-btn" href="../../index.html">home</a> </div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">about</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/About/About.html">about us</a>
|
||||
<a href="../../pages/About/WhyUs.html">Why Choose Us</a>
|
||||
<a href="../../pages/About/History.html">History</a>
|
||||
<a href="../../pages/About/Team.html">Team</a>
|
||||
<a href="../../pages/About/Team-Single.html">Team Single</a>
|
||||
<a href="../../pages/About/Testimonials.html">testimonials</a>
|
||||
<a href="../../pages/About/FAQs.html">FAQs</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">pages</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Pages/Gallery.html">Gallery</a>
|
||||
<a href="../../pages/Pages/Pricing.html">Pricing</a>
|
||||
<a href="../../pages/Pages/Process.html">work process</a>
|
||||
<a href="../../pages/Pages/Awards.html">Awards</a>
|
||||
<a href="../../pages/Pages/Events.html">Events</a>
|
||||
<a href="../../pages/Pages/Event-Single.html">Event Single</a>
|
||||
<a href="../../pages/Pages/Careers.html">Careers</a>
|
||||
<a href="../../pages/Pages/Career-Single.html">Career Single</a>
|
||||
<a href="../../pages/Pages/Career-Form.html">Career Form</a>
|
||||
<a href="../../pages/Pages/Not-Found.html">Not Found</a>
|
||||
<a href="../../pages/Pages/Privacy-Policy.html">Privacy Policy</a>
|
||||
<a href="../../pages/Pages/Terms.html">Terms & Condition</a>
|
||||
<a href="../../pages/Pages/Cost-Calculator.html">cost calculator</a>
|
||||
<a href="../../pages/Pages/Get-Quote.html">get a quote</a>
|
||||
<a href="../../pages/Pages/Clients.html">clients</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">Service</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Service/Services.html">Services</a>
|
||||
<a href="../../pages/Service/Service-Single.html">Service Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">Project</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Project/Projects.html">Projects</a>
|
||||
<a href="../../pages/Project/Project-Single.html">Project Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">blog</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Blog/Blog-Grid.html">blogs grid</a>
|
||||
<a href="../../pages/Blog/Blog-List.html">blogs list</a>
|
||||
<a href="../../pages/Blog/Blog-Single.html">blog Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">Shop</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Shop/Shop-Grid.html">shop grid</a>
|
||||
<a href="../../pages/Shop/Shop-List.html">shop list</a>
|
||||
<a href="../../pages/Shop/Product-Single.html">product Single</a>
|
||||
<a href="../../pages/Shop/Wishlist.html">wishlist</a>
|
||||
<a href="../../pages/Shop/Cart.html">cart</a>
|
||||
<a href="../../pages/Shop/Checkout.html">checkout</a>
|
||||
<a href="../../pages/Shop/Login.html">login</a>
|
||||
<a href="../../pages/Shop/Register.html">register</a>
|
||||
<a href="../../pages/Shop/Reset-Password.html">forgot Password</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <a class="nav-btn" href="../../pages/Contact/Contact.html">contact</a> </div>
|
||||
</div>
|
||||
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
<!-- ===== Mobile Menu Area (End) ===== -->
|
||||
|
||||
</header>
|
||||
<!-- ==================== Header Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Page-Title (Start) ==================== -->
|
||||
<div class="page-title">
|
||||
|
||||
<div class="title">
|
||||
<h2>Blog List</h2>
|
||||
</div>
|
||||
|
||||
<div class="link">
|
||||
<a href="../../index.html">Home</a>
|
||||
<i class="fa-solid fa-angles-right"></i>
|
||||
<span class="page">Blog List</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ==================== Page-Title (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Blog List (Start) ==================== -->
|
||||
<section class="blog list">
|
||||
|
||||
<!-- ========== Blog Sidebar Area (Start) ========== -->
|
||||
<div class="sidebar">
|
||||
|
||||
<!-- ===== Search Area (Start) ===== -->
|
||||
<div class="search sidebar-item">
|
||||
|
||||
<div class="sidebar-heading">
|
||||
<h2>search</h2>
|
||||
</div>
|
||||
|
||||
<!-- Blog Search Form -->
|
||||
<form class="blog-search-container box-container">
|
||||
<div class="input-box">
|
||||
<input type="search" id="blog-search" placeholder="search..." required> <!-- Search Input -->
|
||||
<button type="submit"><i class="fas fa-search"></i></button> <!-- Submit Button -->
|
||||
</div>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
<!-- ===== Search Area (End) ===== -->
|
||||
|
||||
<!-- ===== Category Area (Start) ===== -->
|
||||
<div class="category sidebar-item">
|
||||
|
||||
<div class="sidebar-heading">
|
||||
<h2>categories</h2>
|
||||
</div>
|
||||
|
||||
<!-- Blog Categories -->
|
||||
<div class="box-container">
|
||||
<a href="#" class="item"> <span><i class="fa-brands fa-pagelines"></i>Garden Design</span> <p>(30)</p> </a>
|
||||
<a href="#" class="item"> <span><i class="fa-brands fa-pagelines"></i>Landscaping</span> <p>(20)</p> </a>
|
||||
<a href="#" class="item"> <span><i class="fa-brands fa-pagelines"></i>Plant Care</span> <p>(15)</p> </a>
|
||||
<a href="#" class="item"> <span><i class="fa-brands fa-pagelines"></i>Outdoor Living</span> <p>(10)</p> </a>
|
||||
<a href="#" class="item"> <span><i class="fa-brands fa-pagelines"></i>Eco Gardening</span> <p>(05)</p> </a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ===== Category Area (End) ===== -->
|
||||
|
||||
<!-- ===== Recent Posts Area (Start) ===== -->
|
||||
<div class="recent-posts sidebar-item">
|
||||
|
||||
<div class="sidebar-heading">
|
||||
<h2>recent posts</h2>
|
||||
</div>
|
||||
|
||||
<!-- Recent Posts -->
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Recent Post 1 -->
|
||||
<div class="post-item">
|
||||
<img src="../../assets/images/Blog/Blogs/Blog-1.jpg" alt="Recent-Post-Image"> <!-- Post image -->
|
||||
<a class="main-heading" href="../../pages/Blog/Blog-Single.html">Transform Your Space with Creative Ideas</a> <!-- Post title -->
|
||||
</div>
|
||||
|
||||
<!-- Recent Post 2 -->
|
||||
<div class="post-item">
|
||||
<img src="../../assets/images/Blog/Blogs/Blog-2.jpg" alt="Recent-Post-Image"> <!-- Post image -->
|
||||
<a class="main-heading" href="../../pages/Blog/Blog-Single.html">Top 5 gardening Trends, Redefine Your Garden</a> <!-- Post title -->
|
||||
</div>
|
||||
|
||||
<!-- Recent Post 3 -->
|
||||
<div class="post-item">
|
||||
<img src="../../assets/images/Blog/Blogs/Blog-3.jpg" alt="Recent-Post-Image"> <!-- Post image -->
|
||||
<a class="main-heading" href="../../pages/Blog/Blog-Single.html">How to Keep Your Garden Green Year Round</a> <!-- Post title -->
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ===== Recent Posts Area (End) ===== -->
|
||||
|
||||
<!-- ===== Tags Area (Start) ===== -->
|
||||
<div class="tags sidebar-item">
|
||||
|
||||
<div class="sidebar-heading">
|
||||
<h2>tags</h2>
|
||||
</div>
|
||||
|
||||
<!-- Tags -->
|
||||
<div class="box-container">
|
||||
<a href="#" class="tag-item">Garden</a>
|
||||
<a href="#" class="tag-item">Style</a>
|
||||
<a href="#" class="tag-item">Blossom</a>
|
||||
<a href="#" class="tag-item">Greenery</a>
|
||||
<a href="#" class="tag-item">Landscaping</a>
|
||||
<a href="#" class="tag-item">design</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ===== Tags Area (End) ===== -->
|
||||
|
||||
</div>
|
||||
<!-- ========== Blog Sidebar Area (End) ========== -->
|
||||
|
||||
<!-- ========== Blog Container (Start) ========== -->
|
||||
<div class="blog-container list">
|
||||
|
||||
<!-- ===== Blogs (Start) ===== -->
|
||||
|
||||
<!-- Blog-1 -->
|
||||
<div class="blog-item">
|
||||
<div class="image">
|
||||
<img src="../../assets/images/Blog/Blogs/Blog-1.jpg" alt="Blog-Image"> <!-- Blog Image -->
|
||||
<div class="date"><div class="tag"><span>25</span> Oct</div></div> <!-- Blog Date -->
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="details">
|
||||
<h3><i class="fa-solid fa-circle-user"></i><span>By Admin</span></h3> <!-- Blog Author -->
|
||||
<h3><i class="fa-solid fa-tags"></i><span>Garden Design</span></h3> <!-- Blog Category -->
|
||||
</div>
|
||||
<a class="main-heading" href="../../pages/Blog/Blog-Single.html">Transform Your Space with Creative Ideas</a> <!-- Blog Title -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Blog-2 -->
|
||||
<div class="blog-item">
|
||||
<div class="image">
|
||||
<img src="../../assets/images/Blog/Blogs/Blog-2.jpg" alt="Blog-Image"> <!-- Blog Image -->
|
||||
<div class="date"><div class="tag"><span>20</span> Oct</div></div> <!-- Blog Date -->
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="details">
|
||||
<h3><i class="fa-solid fa-circle-user"></i><span>By Admin</span></h3>
|
||||
<h3><i class="fa-solid fa-tags"></i><span>Landscaping</span></h3>
|
||||
</div>
|
||||
<a class="main-heading" href="../../pages/Blog/Blog-Single.html">Top 5 gardening Trends, Redefine Your Garden</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Blog-3 -->
|
||||
<div class="blog-item">
|
||||
<div class="image">
|
||||
<img src="../../assets/images/Blog/Blogs/Blog-3.jpg" alt="Blog-Image">
|
||||
<div class="date"><div class="tag"><span>15</span> Oct</div></div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="details">
|
||||
<h3><i class="fa-solid fa-circle-user"></i><span>By Admin</span></h3>
|
||||
<h3><i class="fa-solid fa-tags"></i><span>Plant Care</span></h3>
|
||||
</div>
|
||||
<a class="main-heading" href="../../pages/Blog/Blog-Single.html">How to Keep Your Garden Green Year Round</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Blog-4 -->
|
||||
<div class="blog-item">
|
||||
<div class="image">
|
||||
<img src="../../assets/images/Blog/Blogs/Blog-4.jpg" alt="Blog-Image">
|
||||
<div class="date"><div class="tag"><span>10</span> Oct</div></div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="details">
|
||||
<h3><i class="fa-solid fa-circle-user"></i><span>By Admin</span></h3>
|
||||
<h3><i class="fa-solid fa-tags"></i><span>Outdoor Living</span></h3>
|
||||
</div>
|
||||
<a class="main-heading" href="../../pages/Blog/Blog-Single.html">Create a Relaxing Space with good Landscaping</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- ===== Blogs (End) ===== -->
|
||||
|
||||
<!-- ===== Pagination (Start) ===== -->
|
||||
<div class="pages-no">
|
||||
|
||||
<div class="container">
|
||||
|
||||
<!-- Previous page button -->
|
||||
<div class="item">
|
||||
<i class="fas fa-arrow-left"></i>
|
||||
</div>
|
||||
|
||||
<!-- Page numbers -->
|
||||
<div class="numbers">
|
||||
<div class="item active">1</div> <!-- Active page number -->
|
||||
<div class="item">2</div> <!-- Page number 2 -->
|
||||
<div class="item">3</div> <!-- Page number 3 -->
|
||||
</div>
|
||||
|
||||
<!-- Next page button-->
|
||||
<div class="item">
|
||||
<i class="fa-solid fa-arrow-right"></i>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ===== Pagination (End) ===== -->
|
||||
|
||||
</div>
|
||||
<!-- ========== Blog Container (End) ========== -->
|
||||
|
||||
</section>
|
||||
<!-- ==================== Blog List (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Footer Area (Start) ==================== -->
|
||||
<footer class="footer">
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Gardening and Landscaping Company Information & Social Media Links -->
|
||||
<div class="footer-item">
|
||||
|
||||
<!-- Gardening and Landscaping Company Logo -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<!-- Description -->
|
||||
<p>Transforming outdoor spaces with premium gardening and landscaping solutions.</p>
|
||||
|
||||
<!-- Contact Information -->
|
||||
<div class="info connect">
|
||||
<p><i class="fas fa-phone"></i><span>+123-456-7890</span></p>
|
||||
<p><i class="fas fa-envelope"></i><span class="gmail">info@leafline.com</span></p>
|
||||
<p><i class="fas fa-map-marker-alt"></i><span>LeafLine Company</span></p>
|
||||
</div>
|
||||
|
||||
<!-- Social Media Links -->
|
||||
<div class="social">
|
||||
<a href="#"><i class="fab fa-facebook-f"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-x-twitter"></i></a>
|
||||
<a href="#"><i class="fab fa-instagram"></i></a>
|
||||
<a href="#"><i class="fab fa-linkedin"></i></a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Gardening and Landscaping Services Offered -->
|
||||
<div class="footer-item">
|
||||
<h2>Our Services</h2>
|
||||
<div class="info links">
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Lawn Care</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Garden Design</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Tree Planting</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Hardscaping Solution</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">water ponds</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Outdoor Décor</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Quick Links -->
|
||||
<div class="footer-item">
|
||||
<h2>Quick Links</h2>
|
||||
<div class="info links">
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/About/About.html">About Us</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Services.html">Services</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Project/Projects.html">Projects</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Blog/Blog-Grid.html">Blog</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Shop/Shop-Grid.html">Shop</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Contact/Contact.html">Contact Us</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Newsletter Subscription -->
|
||||
<div class="footer-item">
|
||||
|
||||
<h2>Newsletter</h2>
|
||||
<p>Stay informed and up-to-date with the latest trends, helpful tips, and exclusive special offers.</p>
|
||||
<form class="dark-form" method="post" id="newsletter-form-2">
|
||||
<div class="input-field">
|
||||
<label for="news-email-2" class="fas fa-envelope"></label>
|
||||
<input type="email" id="news-email-2" name="email" class="box" placeholder="Your email address" required>
|
||||
</div>
|
||||
<button type="submit" class="btn" name="submit" id="submit-2">Subscribe</button>
|
||||
<span class="alert" id="msg-2"></span>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Gardening and Landscaping Company's Name and Copyright -->
|
||||
<div class="content">
|
||||
<p>Designed By <span>NorthStar_Themes</span> | All Rights Reserved</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
<!-- ==================== Footer Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- Jquery -->
|
||||
<script src="../../assets/vendors/jquery/jquery.min.js"></script>
|
||||
|
||||
<!-- Custom Script Files -->
|
||||
<script src="../../assets/js/script.js"></script> <!-- Custom JavaScript file with additional website functionality. -->
|
||||
<script src="../../assets/js/nav-link-toggler.js"></script> <!-- Manages navigation link toggling (e.g., hamburger menu) for mobile devices -->
|
||||
<script src="../../assets/js/newsletter.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,685 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<!-- Title -->
|
||||
<title>LeafLine | Gardening and Landscaping Website</title>
|
||||
|
||||
<!-- Favicon -->
|
||||
<link rel="icon" type="image/x-icon" href="../../assets/images/favicon.ico">
|
||||
|
||||
<!-- Font-Awesome (CSS) -->
|
||||
<link rel="stylesheet" href="../../assets/vendors/font-awesome/css/all.min.css">
|
||||
|
||||
<!-- Magnific-Popup (CSS) -->
|
||||
<link rel="stylesheet" href="../../assets/vendors/magnific-popup/magnific-popup.css">
|
||||
|
||||
<!-- Custom Stylesheets -->
|
||||
<link rel="stylesheet" href="../../assets/css/main.css">
|
||||
<link rel="stylesheet" href="../../assets/css/responsive.css">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- ==================== Scroll-Top Area (Start) ==================== -->
|
||||
<a href="#" class="scroll-top">
|
||||
<i class="fa-solid fa-arrow-up-long"></i>
|
||||
</a>
|
||||
<!-- ==================== Scroll-Top Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Header Area (Start) ==================== -->
|
||||
<header class="header">
|
||||
|
||||
<!-- ===== Header-1 Area (Start) ===== -->
|
||||
<div class="header-1">
|
||||
|
||||
<!-- == Contacts == -->
|
||||
<ul class="header-contacts">
|
||||
<li><i class="fa-solid fa-location-dot"></i><span>LeafLine Company</span></li>
|
||||
<li><i class="fa-solid fa-phone"></i><span>+123-456-7890</span></li>
|
||||
<li><i class="fa-solid fa-envelope"></i><span class="gmail">info@leafline.com</span></li>
|
||||
</ul>
|
||||
|
||||
<!-- == Social == -->
|
||||
<ul class="social-contacts">
|
||||
<li><a href="#" class="fab fa-facebook-f"></a></li>
|
||||
<li><a href="#" class="fa-brands fa-x-twitter"></a></li>
|
||||
<li><a href="#" class="fab fa-instagram"></a></li>
|
||||
<li><a href="#" class="fab fa-linkedin"></a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
<!-- ===== Header-1 Area (End) ===== -->
|
||||
|
||||
<!-- ===== Header-2 Area (Start) ===== -->
|
||||
<div class="header-2">
|
||||
|
||||
<!-- == Logo == -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<div class="container">
|
||||
|
||||
<!-- == Navbar == -->
|
||||
<nav class="navbar">
|
||||
|
||||
<a class="nav-btn" href="../../index.html">home</a>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">about</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/About/About.html">about us</a>
|
||||
<a href="../../pages/About/WhyUs.html">Why Choose Us</a>
|
||||
<a href="../../pages/About/History.html">History</a>
|
||||
<a href="../../pages/About/Team.html">Team</a>
|
||||
<a href="../../pages/About/Team-Single.html">Team Single</a>
|
||||
<a href="../../pages/About/Testimonials.html">testimonials</a>
|
||||
<a href="../../pages/About/FAQs.html">FAQs</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">Pages</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Gallery.html">Gallery</a>
|
||||
<a href="../../pages/Pages/Pricing.html">Pricing</a>
|
||||
<a href="../../pages/Pages/Process.html">work process</a>
|
||||
<a href="../../pages/Pages/Awards.html">Awards</a>
|
||||
<div class="side-dropdown">
|
||||
<button>Event</button> <i class="fa-solid fa-chevron-right"></i>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Events.html">Events</a>
|
||||
<a href="../../pages/Pages/Event-Single.html">Event Single</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="side-dropdown">
|
||||
<button>Career</button> <i class="fa-solid fa-chevron-right"></i>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Careers.html">Careers</a>
|
||||
<a href="../../pages/Pages/Career-Single.html">Career Single</a>
|
||||
<a href="../../pages/Pages/Career-Form.html">Career Form</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="side-dropdown">
|
||||
<button>Information Hub</button> <i class="fa-solid fa-chevron-right"></i>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Not-Found.html">Not Found</a>
|
||||
<a href="../../pages/Pages/Privacy-Policy.html">Privacy Policy</a>
|
||||
<a href="../../pages/Pages/Terms.html">Terms & Condition</a>
|
||||
</div>
|
||||
</div>
|
||||
<a href="../../pages/Pages/Cost-Calculator.html">cost calculator</a>
|
||||
<a href="../../pages/Pages/Get-Quote.html">get a quote</a>
|
||||
<a href="../../pages/Pages/Clients.html">clients</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">Service</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Service/Services.html">Services</a>
|
||||
<a href="../../pages/Service/Service-Single.html">Service Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">Project</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Project/Projects.html">Projects</a>
|
||||
<a href="../../pages/Project/Project-Single.html">Project Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">blog</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Blog/Blog-Grid.html">blogs grid</a>
|
||||
<a href="../../pages/Blog/Blog-List.html">blogs list</a>
|
||||
<a href="../../pages/Blog/Blog-Single.html">blog Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">shop</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Shop/Shop-Grid.html">shop grid</a>
|
||||
<a href="../../pages/Shop/Shop-List.html">shop list</a>
|
||||
<a href="../../pages/Shop/Product-Single.html">product Single</a>
|
||||
<a href="../../pages/Shop/Wishlist.html">wishlist</a>
|
||||
<a href="../../pages/Shop/Cart.html">cart</a>
|
||||
<a href="../../pages/Shop/Checkout.html">checkout</a>
|
||||
<a href="../../pages/Shop/Login.html">login</a>
|
||||
<a href="../../pages/Shop/Register.html">register</a>
|
||||
<a href="../../pages/Shop/Reset-Password.html">forgot Password</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<a class="nav-btn" href="../../pages/Contact/Contact.html">contact</a>
|
||||
|
||||
</nav>
|
||||
|
||||
<!-- == Icon Container == -->
|
||||
<div class="icon-container">
|
||||
<div id="search-btn" class="icon fa-solid fa-magnifying-glass"></div> <!-- Search Icon -->
|
||||
<div id="menu-btn" class="icon fa-solid fa-bars-staggered"></div>
|
||||
<a href="../../pages/Pages/Get-Quote.html" class="btn">get A quote</a>
|
||||
</div>
|
||||
|
||||
<!-- == Search Container == -->
|
||||
<form class="search-container">
|
||||
<input type="search" id="search-bar" placeholder="search here" required> <!-- Search Input -->
|
||||
<button type="submit"><i class="fas fa-search"></i></button> <!-- Submit Button -->
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ===== Header-2 Area (End) ===== -->
|
||||
|
||||
<!-- ===== Mobile Menu Area (Start) ===== -->
|
||||
<div class="mobile-menu">
|
||||
|
||||
<nav class="mobile-navbar">
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <a class="nav-btn" href="../../index.html">home</a> </div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">about</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/About/About.html">about us</a>
|
||||
<a href="../../pages/About/WhyUs.html">Why Choose Us</a>
|
||||
<a href="../../pages/About/History.html">History</a>
|
||||
<a href="../../pages/About/Team.html">Team</a>
|
||||
<a href="../../pages/About/Team-Single.html">Team Single</a>
|
||||
<a href="../../pages/About/Testimonials.html">testimonials</a>
|
||||
<a href="../../pages/About/FAQs.html">FAQs</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">pages</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Pages/Gallery.html">Gallery</a>
|
||||
<a href="../../pages/Pages/Pricing.html">Pricing</a>
|
||||
<a href="../../pages/Pages/Process.html">work process</a>
|
||||
<a href="../../pages/Pages/Awards.html">Awards</a>
|
||||
<a href="../../pages/Pages/Events.html">Events</a>
|
||||
<a href="../../pages/Pages/Event-Single.html">Event Single</a>
|
||||
<a href="../../pages/Pages/Careers.html">Careers</a>
|
||||
<a href="../../pages/Pages/Career-Single.html">Career Single</a>
|
||||
<a href="../../pages/Pages/Career-Form.html">Career Form</a>
|
||||
<a href="../../pages/Pages/Not-Found.html">Not Found</a>
|
||||
<a href="../../pages/Pages/Privacy-Policy.html">Privacy Policy</a>
|
||||
<a href="../../pages/Pages/Terms.html">Terms & Condition</a>
|
||||
<a href="../../pages/Pages/Cost-Calculator.html">cost calculator</a>
|
||||
<a href="../../pages/Pages/Get-Quote.html">get a quote</a>
|
||||
<a href="../../pages/Pages/Clients.html">clients</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">Service</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Service/Services.html">Services</a>
|
||||
<a href="../../pages/Service/Service-Single.html">Service Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">Project</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Project/Projects.html">Projects</a>
|
||||
<a href="../../pages/Project/Project-Single.html">Project Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">blog</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Blog/Blog-Grid.html">blogs grid</a>
|
||||
<a href="../../pages/Blog/Blog-List.html">blogs list</a>
|
||||
<a href="../../pages/Blog/Blog-Single.html">blog Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">Shop</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Shop/Shop-Grid.html">shop grid</a>
|
||||
<a href="../../pages/Shop/Shop-List.html">shop list</a>
|
||||
<a href="../../pages/Shop/Product-Single.html">product Single</a>
|
||||
<a href="../../pages/Shop/Wishlist.html">wishlist</a>
|
||||
<a href="../../pages/Shop/Cart.html">cart</a>
|
||||
<a href="../../pages/Shop/Checkout.html">checkout</a>
|
||||
<a href="../../pages/Shop/Login.html">login</a>
|
||||
<a href="../../pages/Shop/Register.html">register</a>
|
||||
<a href="../../pages/Shop/Reset-Password.html">forgot Password</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <a class="nav-btn" href="../../pages/Contact/Contact.html">contact</a> </div>
|
||||
</div>
|
||||
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
<!-- ===== Mobile Menu Area (End) ===== -->
|
||||
|
||||
</header>
|
||||
<!-- ==================== Header Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Page-Title (Start) ==================== -->
|
||||
<div class="page-title">
|
||||
|
||||
<div class="title">
|
||||
<h2>Blog Single</h2>
|
||||
</div>
|
||||
|
||||
<div class="link">
|
||||
<a href="../../index.html">Home</a>
|
||||
<i class="fa-solid fa-angles-right"></i>
|
||||
<span class="page">Blog Single</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ==================== Page-Title (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Blog Single (Start) ==================== -->
|
||||
<section class="blog-single">
|
||||
|
||||
<!-- ========== Blog-Info Container (Start) ========== -->
|
||||
<div class="blog-container">
|
||||
|
||||
<!-- Blog Information -->
|
||||
<div class="blog-info page-info">
|
||||
|
||||
<div class="image">
|
||||
<img src="../../assets/images/Blog/Blogs/Blog-1.jpg" alt="Transform Your Space with Creative Ideas"> <!-- Houseplants Image -->
|
||||
<div class="date"><div class="tag"><span>25</span> Oct</div></div> <!-- Blog Date -->
|
||||
</div>
|
||||
|
||||
<div class="content">
|
||||
|
||||
<!-- Blog Main Heading -->
|
||||
<h2 class="main-heading">Transform Your Space with Creative Ideas</h2>
|
||||
|
||||
<!-- Blog Details -->
|
||||
<div class="details">
|
||||
<h5><i class="fa-solid fa-circle-user"></i><span>By Admin</span></h5> <!-- Author -->
|
||||
<h5><i class="fa-solid fa-tags"></i><span>Plant Care</span></h5> <!-- Category -->
|
||||
</div>
|
||||
|
||||
<!-- Blog Description -->
|
||||
<p>Discover creative ideas to transform your outdoor and indoor spaces into stunning natural retreats. From small balcony gardens to expansive landscapes, explore design inspiration that breathes new life into every corner of your home.</p>
|
||||
<p>Learn how to combine textures, colors, and natural elements to craft beautiful, functional spaces. Whether you’re revamping your patio, designing a zen garden, or refreshing your living room with plants, these ideas will spark your imagination and creativity.</p>
|
||||
|
||||
<!-- Important Note -->
|
||||
<div class="important">
|
||||
<i class="fa-solid fa-quote-left"></i>
|
||||
<div class="box-container">
|
||||
Redefine your surroundings with fresh, innovative landscaping and décor concepts. Turn every space—indoors or outdoors—into a reflection of your unique style and love for nature.
|
||||
<div class="intro">
|
||||
<span></span>
|
||||
<h2>Creative Design Expert</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p>Embrace the art of transformation and let nature inspire your design journey. From minimalist layouts to lush garden corners, create spaces that evoke beauty, tranquility, and harmony. With the right ideas, your dream environment is just a step away.</p>
|
||||
|
||||
<!-- Blog Gallery -->
|
||||
<div class="blog-gallery page-gallery">
|
||||
|
||||
<a href="../../assets/images/Blog/Blog-Gallery/1.jpg">
|
||||
<img src="../../assets/images/Blog/Blog-Gallery/1.jpg" alt="Blog Example 1">
|
||||
</a>
|
||||
<a href="../../assets/images/Blog/Blog-Gallery/2.jpg">
|
||||
<img src="../../assets/images/Blog/Blog-Gallery/2.jpg" alt="Blog Example 2">
|
||||
</a>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Blog Description -->
|
||||
<p>Explore our inspiring gallery of creative design ideas to reimagine your home and garden. From cozy indoor nooks to breathtaking outdoor landscapes, discover how a touch of greenery and thoughtful design can completely transform your space. Let these visuals motivate you to craft your own peaceful, nature-inspired retreat.</p>
|
||||
|
||||
<!-- End Details -->
|
||||
<div class="end-details">
|
||||
|
||||
<!-- Blog Tags -->
|
||||
<div class="tags">
|
||||
<a href="#"><span>Design</span></a>
|
||||
<a href="#"><span>Landscaping</span></a>
|
||||
<a href="#"><span>Inspiration</span></a>
|
||||
</div>
|
||||
|
||||
<!-- Social Media Share Buttons -->
|
||||
<div class="share">
|
||||
<h3>Share:</h3>
|
||||
<i class="fab fa-facebook-f"></i>
|
||||
<i class="fab fa-linkedin-in"></i>
|
||||
<i class="fa-brands fa-x-twitter"></i>
|
||||
<i class="fab fa-pinterest"></i>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Blog Comments -->
|
||||
<div class="comments">
|
||||
|
||||
<h4>3 Comments</h4>
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Comment-1 -->
|
||||
<div class="comment-item">
|
||||
|
||||
<div class="main comment">
|
||||
<div class="comment-image">
|
||||
<img src="../../assets/images/Blog/Comments/Pic-1.jpg" alt="Comment-Author-Pic">
|
||||
</div>
|
||||
<div class="comment-content">
|
||||
<div class="comment-intro">
|
||||
<div class="text">
|
||||
<h3>Benjamin Alexander</h3>
|
||||
<h6>Aug 12, 2025</h6>
|
||||
</div>
|
||||
<div class='icon-item'><i class="fas fa-reply"></i><span>Reply</span></div>
|
||||
</div>
|
||||
<p class="text">These ideas are fantastic! I never realized how much a few plants and smart lighting could transform my living space. Definitely trying the wall garden concept next weekend.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Reply to Comment 1 -->
|
||||
<div class="reply comment">
|
||||
<div class="comment-image">
|
||||
<img src="../../assets/images/Blog/Comments/Pic-2.jpg" alt="Comment-Author-Pic">
|
||||
</div>
|
||||
<div class="comment-content">
|
||||
<div class="comment-intro">
|
||||
<div class="text">
|
||||
<h3>Isabella Grace</h3>
|
||||
<h6>Aug 19, 2025</h6>
|
||||
</div>
|
||||
<div class='icon-item'><i class="fas fa-reply"></i><span>Reply</span></div>
|
||||
</div>
|
||||
<p class="text">Right? I added a few hanging planters and it completely changed the mood of my room. Simple ideas can make such a big difference!</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Comment-2 -->
|
||||
<div class="comment-item">
|
||||
|
||||
<div class="main comment">
|
||||
<div class="comment-image">
|
||||
<img src="../../assets/images/Blog/Comments/Pic-3.jpg" alt="Comment-Author-Pic">
|
||||
</div>
|
||||
<div class="comment-content">
|
||||
<div class="comment-intro">
|
||||
<div class="text">
|
||||
<h3>Samuel James</h3>
|
||||
<h6>Aug 25, 2025</h6>
|
||||
</div>
|
||||
<div class='icon-item'><i class="fas fa-reply"></i><span>Reply</span></div>
|
||||
</div>
|
||||
<p class="text">Thanks for sharing such inspiring ideas! I’m planning to redesign my patio and this post gave me the motivation I needed to start.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- Leave A Comment Form -->
|
||||
<div class="leave-reply">
|
||||
|
||||
<!-- Comment Form -->
|
||||
<form class="form" action="#">
|
||||
<h3>Leave a Comment</h3> <!-- Heading -->
|
||||
<div class="input-box">
|
||||
<input type="text" name="name" class="box" id="name" placeholder="Name" required> <!-- Name Input -->
|
||||
<input type="email" name="email" class="box" id="email" placeholder="Email" required> <!-- Email Input -->
|
||||
</div>
|
||||
<textarea cols="30" rows="10" name="comment" class="box" id="comment" placeholder="Comment" required></textarea> <!-- Comment Textarea -->
|
||||
<input type="submit" value="Submit" class="btn"> <!-- Submit Button -->
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ========== Blog-Info Container (End) ========== -->
|
||||
|
||||
<!-- ========== Blog Sidebar Area (Start) ========== -->
|
||||
<div class="sidebar">
|
||||
|
||||
<!-- ===== Search Area (Start) ===== -->
|
||||
<div class="search sidebar-item">
|
||||
|
||||
<div class="sidebar-heading">
|
||||
<h2>search</h2>
|
||||
</div>
|
||||
|
||||
<!-- Blog Search Form -->
|
||||
<form class="blog-search-container box-container">
|
||||
<div class="input-box">
|
||||
<input type="search" id="blog-search" placeholder="search..." required> <!-- Search Input -->
|
||||
<button type="submit"><i class="fas fa-search"></i></button> <!-- Submit Button -->
|
||||
</div>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
<!-- ===== Search Area (End) ===== -->
|
||||
|
||||
<!-- ===== Category Area (Start) ===== -->
|
||||
<div class="category sidebar-item">
|
||||
|
||||
<div class="sidebar-heading">
|
||||
<h2>categories</h2>
|
||||
</div>
|
||||
|
||||
<!-- Blog Categories -->
|
||||
<div class="box-container">
|
||||
<a href="#" class="item"> <span><i class="fa-brands fa-pagelines"></i>Garden Design</span> <p>(30)</p> </a>
|
||||
<a href="#" class="item"> <span><i class="fa-brands fa-pagelines"></i>Landscaping</span> <p>(20)</p> </a>
|
||||
<a href="#" class="item"> <span><i class="fa-brands fa-pagelines"></i>Plant Care</span> <p>(15)</p> </a>
|
||||
<a href="#" class="item"> <span><i class="fa-brands fa-pagelines"></i>Outdoor Living</span> <p>(10)</p> </a>
|
||||
<a href="#" class="item"> <span><i class="fa-brands fa-pagelines"></i>Eco Gardening</span> <p>(05)</p> </a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ===== Category Area (End) ===== -->
|
||||
|
||||
<!-- ===== Recent Posts Area (Start) ===== -->
|
||||
<div class="recent-posts sidebar-item">
|
||||
|
||||
<div class="sidebar-heading">
|
||||
<h2>recent posts</h2>
|
||||
</div>
|
||||
|
||||
<!-- Recent Posts -->
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Recent Post 1 -->
|
||||
<div class="post-item">
|
||||
<img src="../../assets/images/Blog/Blogs/Blog-1.jpg" alt="Recent-Post-Image"> <!-- Post image -->
|
||||
<a class="main-heading" href="../../pages/Blog/Blog-Single.html">Transform Your Space with Creative Ideas</a> <!-- Post title -->
|
||||
</div>
|
||||
|
||||
<!-- Recent Post 2 -->
|
||||
<div class="post-item">
|
||||
<img src="../../assets/images/Blog/Blogs/Blog-2.jpg" alt="Recent-Post-Image"> <!-- Post image -->
|
||||
<a class="main-heading" href="../../pages/Blog/Blog-Single.html">Top 5 gardening Trends, Redefine Your Garden</a> <!-- Post title -->
|
||||
</div>
|
||||
|
||||
<!-- Recent Post 3 -->
|
||||
<div class="post-item">
|
||||
<img src="../../assets/images/Blog/Blogs/Blog-3.jpg" alt="Recent-Post-Image"> <!-- Post image -->
|
||||
<a class="main-heading" href="../../pages/Blog/Blog-Single.html">How to Keep Your Garden Green Year Round</a> <!-- Post title -->
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ===== Recent Posts Area (End) ===== -->
|
||||
|
||||
<!-- ===== Tags Area (Start) ===== -->
|
||||
<div class="tags sidebar-item">
|
||||
|
||||
<div class="sidebar-heading">
|
||||
<h2>tags</h2>
|
||||
</div>
|
||||
|
||||
<!-- Tags -->
|
||||
<div class="box-container">
|
||||
<a href="#" class="tag-item">Garden</a>
|
||||
<a href="#" class="tag-item">Style</a>
|
||||
<a href="#" class="tag-item">Blossom</a>
|
||||
<a href="#" class="tag-item">Greenery</a>
|
||||
<a href="#" class="tag-item">Landscaping</a>
|
||||
<a href="#" class="tag-item">design</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ===== Tags Area (End) ===== -->
|
||||
|
||||
</div>
|
||||
<!-- ========== Blog Sidebar Area (End) ========== -->
|
||||
|
||||
</section>
|
||||
<!-- ==================== Blog Single (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Footer Area (Start) ==================== -->
|
||||
<footer class="footer">
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Gardening and Landscaping Company Information & Social Media Links -->
|
||||
<div class="footer-item">
|
||||
|
||||
<!-- Gardening and Landscaping Company Logo -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<!-- Description -->
|
||||
<p>Transforming outdoor spaces with premium gardening and landscaping solutions.</p>
|
||||
|
||||
<!-- Contact Information -->
|
||||
<div class="info connect">
|
||||
<p><i class="fas fa-phone"></i><span>+123-456-7890</span></p>
|
||||
<p><i class="fas fa-envelope"></i><span class="gmail">info@leafline.com</span></p>
|
||||
<p><i class="fas fa-map-marker-alt"></i><span>LeafLine Company</span></p>
|
||||
</div>
|
||||
|
||||
<!-- Social Media Links -->
|
||||
<div class="social">
|
||||
<a href="#"><i class="fab fa-facebook-f"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-x-twitter"></i></a>
|
||||
<a href="#"><i class="fab fa-instagram"></i></a>
|
||||
<a href="#"><i class="fab fa-linkedin"></i></a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Gardening and Landscaping Services Offered -->
|
||||
<div class="footer-item">
|
||||
<h2>Our Services</h2>
|
||||
<div class="info links">
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Lawn Care</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Garden Design</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Tree Planting</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Hardscaping Solution</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">water ponds</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Outdoor Décor</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Quick Links -->
|
||||
<div class="footer-item">
|
||||
<h2>Quick Links</h2>
|
||||
<div class="info links">
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/About/About.html">About Us</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Services.html">Services</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Project/Projects.html">Projects</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Blog/Blog-Grid.html">Blog</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Shop/Shop-Grid.html">Shop</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Contact/Contact.html">Contact Us</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Newsletter Subscription -->
|
||||
<div class="footer-item">
|
||||
|
||||
<h2>Newsletter</h2>
|
||||
<p>Stay informed and up-to-date with the latest trends, helpful tips, and exclusive special offers.</p>
|
||||
<form class="dark-form" method="post" id="newsletter-form-2">
|
||||
<div class="input-field">
|
||||
<label for="news-email-2" class="fas fa-envelope"></label>
|
||||
<input type="email" id="news-email-2" name="email" class="box" placeholder="Your email address" required>
|
||||
</div>
|
||||
<button type="submit" class="btn" name="submit" id="submit-2">Subscribe</button>
|
||||
<span class="alert" id="msg-2"></span>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Gardening and Landscaping Company's Name and Copyright -->
|
||||
<div class="content">
|
||||
<p>Designed By <span>NorthStar_Themes</span> | All Rights Reserved</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
<!-- ==================== Footer Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- Jquery -->
|
||||
<script src="../../assets/vendors/jquery/jquery.min.js"></script>
|
||||
|
||||
<!-- Magnific-Popup JS -->
|
||||
<script src="../../assets/vendors/magnific-popup/jquery.magnific-popup.min.js"></script>
|
||||
|
||||
<!-- Custom Script Files -->
|
||||
<script src="../../assets/js/script.js"></script> <!-- Custom JavaScript file with additional website functionality. -->
|
||||
<script src="../../assets/js/nav-link-toggler.js"></script> <!-- Manages navigation link toggling (e.g., hamburger menu) for mobile devices -->
|
||||
<script src="../../assets/js/newsletter.js"></script>
|
||||
<script src="../../assets/js/page-gallery.js"></script> <!-- Manages the gallery functionality of lightbox view. -->
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,423 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<!-- Title -->
|
||||
<title>Contact Us | Mobile Galaxy Gaming — Winfield, IL</title>
|
||||
|
||||
<!-- SEO -->
|
||||
<meta name="description" content="Book Mobile Galaxy Gaming for your next birthday party, school event, or corporate outing. Call (773) 817-4239 or send us a message to check availability.">
|
||||
<meta name="robots" content="index, follow">
|
||||
<link rel="canonical" href="https://mobile-galaxy-gaming-preview.aimloperations.com/pages/Contact/Contact.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>Contact</h1>
|
||||
</div>
|
||||
|
||||
<div class="link">
|
||||
<a href="../../index.html">Home</a>
|
||||
<i class="fa-solid fa-angles-right"></i>
|
||||
<span class="page">Contact</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ==================== Page-Title (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Contact Area (Start) ==================== -->
|
||||
<section class="contact" id="contact">
|
||||
|
||||
<!-- ========== Contact Info (Start) ========== -->
|
||||
<div class="contact-info">
|
||||
|
||||
<!-- Address Info -->
|
||||
<div class="info-item">
|
||||
<i class="fa-solid fa-map-location-dot"></i>
|
||||
<div class="content">
|
||||
<h3>address</h3>
|
||||
<p>1N160 Cypress Ln</p>
|
||||
<p>Winfield, IL 60190</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Phone Info -->
|
||||
<div class="info-item">
|
||||
<i class="fas fa-phone"></i>
|
||||
<div class="content">
|
||||
<h3>call us</h3>
|
||||
<p><a href="tel:+17738174239" style="color:inherit;text-decoration:none">(773) 817-4239</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Service Area Info -->
|
||||
<div class="info-item">
|
||||
<i class="fa-solid fa-map-marked-alt"></i>
|
||||
<div class="content">
|
||||
<h3>service area</h3>
|
||||
<p>Winfield & the</p>
|
||||
<p>Chicago suburbs</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Response Time Info -->
|
||||
<div class="info-item">
|
||||
<i class="fa-solid fa-clock"></i>
|
||||
<div class="content">
|
||||
<h3>response time</h3>
|
||||
<p>We typically reply</p>
|
||||
<p>within 24 hours</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ========== Contact Info (End) ========== -->
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- ========== Contact Form (Start) ========== -->
|
||||
<form method="post" class="dark-form" id="contact-form">
|
||||
|
||||
<!-- Form Heading -->
|
||||
<div class="heading">
|
||||
<div class="sub"><span>Let's Plan Your Party</span><i class="fa-solid fa-gamepad"></i></div> <!-- Sub Heading -->
|
||||
<h2>Send Us a Message</h2>
|
||||
</div>
|
||||
|
||||
<!-- Name Input Field -->
|
||||
<div class="input-box">
|
||||
<div class="input-field">
|
||||
<label for="name" class="fas fa-user"></label>
|
||||
<input type="text" name="name" class="box" id="name" placeholder="Name" required>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Email Input Field -->
|
||||
<div class="input-box">
|
||||
<div class="input-field">
|
||||
<label for="email" class="fa-solid fa-envelope"></label>
|
||||
<input type="email" name="email" class="box" id="email" placeholder="Email" required>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Phone Number Input Field -->
|
||||
<div class="input-box">
|
||||
<div class="input-field">
|
||||
<label for="number" class="fas fa-phone"></label>
|
||||
<input type="tel" name="number" class="box" id="number" placeholder="Phone Number" required>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Comment/Message Textarea -->
|
||||
<div class="input-box">
|
||||
<div class="input-field text-area">
|
||||
<label for="comment" class="fas fa-comment"></label>
|
||||
<textarea cols="30" rows="10" name="comment" class="box" id="comment" placeholder="Tell us about your event — type, date, and guest count" required></textarea>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Submit Button -->
|
||||
<button type="submit" class="btn" name="submit" id="submit">Submit</button>
|
||||
|
||||
<!-- Alert Message -->
|
||||
<span class="alert" id="msg"></span>
|
||||
|
||||
</form>
|
||||
<!-- ========== Contact Form (End) ========== -->
|
||||
|
||||
<!-- ========== Google Map (Start) ========== -->
|
||||
<iframe src="https://www.google.com/maps?q=1N160+Cypress+Ln,+Winfield,+IL+60190&output=embed" title="Map showing Winfield, IL service area" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
|
||||
<!-- ========== Google Map (End) ========== -->
|
||||
|
||||
</div>
|
||||
|
||||
</section>
|
||||
<!-- ==================== Contact Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Footer Area (Start) ==================== -->
|
||||
<footer class="footer">
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- 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>
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Custom Script ==================== -->
|
||||
|
||||
<!-- Contact-Form Script -->
|
||||
<script>
|
||||
jQuery(document).ready(function($) {
|
||||
$('#contact-form').on('submit', function (e) {
|
||||
e.preventDefault(); // Prevent the default form submission
|
||||
|
||||
var form = $(this);
|
||||
var msgElement = form.find('#msg');
|
||||
var submitBtn = form.find('#submit');
|
||||
|
||||
// Clear previous message and update button text
|
||||
msgElement.html('').show();
|
||||
submitBtn.html('Processing...').attr('disabled', true);
|
||||
|
||||
// Submit form data using AJAX
|
||||
$.ajax({
|
||||
url: '../../assets/php/submit.php',
|
||||
type: 'post',
|
||||
data: form.serialize(),
|
||||
success: function (result) {
|
||||
msgElement.html(result).fadeIn(); // Display success message
|
||||
submitBtn.html('Submit').attr('disabled', false); // Reset button text and enable button
|
||||
form[0].reset(); // Reset form fields
|
||||
|
||||
// Clear success message after 5 seconds
|
||||
setTimeout(function () {
|
||||
msgElement.fadeOut('slow'); // Fade out message
|
||||
}, 4000); // 4 seconds delay
|
||||
},
|
||||
error: function () {
|
||||
msgElement.html('<span style="color: red;">Error occurred. Please try again later.</span>').fadeIn(); // Display error message if AJAX request fails
|
||||
submitBtn.html('Submit').attr('disabled', false); // Reset button text and enable button
|
||||
}
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,449 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<!-- Title -->
|
||||
<title>LeafLine | Gardening and Landscaping Website</title>
|
||||
|
||||
<!-- Favicon -->
|
||||
<link rel="icon" type="image/x-icon" href="../../assets/images/favicon.ico">
|
||||
|
||||
<!-- Font-Awesome (CSS) -->
|
||||
<link rel="stylesheet" href="../../assets/vendors/font-awesome/css/all.min.css">
|
||||
|
||||
<!-- Custom Stylesheets -->
|
||||
<link rel="stylesheet" href="../../assets/css/main.css">
|
||||
<link rel="stylesheet" href="../../assets/css/responsive.css">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- ==================== Scroll-Top Area (Start) ==================== -->
|
||||
<a href="#" class="scroll-top">
|
||||
<i class="fa-solid fa-arrow-up-long"></i>
|
||||
</a>
|
||||
<!-- ==================== Scroll-Top Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Header Area (Start) ==================== -->
|
||||
<header class="header">
|
||||
|
||||
<!-- ===== Header-1 Area (Start) ===== -->
|
||||
<div class="header-1">
|
||||
|
||||
<!-- == Contacts == -->
|
||||
<ul class="header-contacts">
|
||||
<li><i class="fa-solid fa-location-dot"></i><span>LeafLine Company</span></li>
|
||||
<li><i class="fa-solid fa-phone"></i><span>+123-456-7890</span></li>
|
||||
<li><i class="fa-solid fa-envelope"></i><span class="gmail">info@leafline.com</span></li>
|
||||
</ul>
|
||||
|
||||
<!-- == Social == -->
|
||||
<ul class="social-contacts">
|
||||
<li><a href="#" class="fab fa-facebook-f"></a></li>
|
||||
<li><a href="#" class="fa-brands fa-x-twitter"></a></li>
|
||||
<li><a href="#" class="fab fa-instagram"></a></li>
|
||||
<li><a href="#" class="fab fa-linkedin"></a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
<!-- ===== Header-1 Area (End) ===== -->
|
||||
|
||||
<!-- ===== Header-2 Area (Start) ===== -->
|
||||
<div class="header-2">
|
||||
|
||||
<!-- == Logo == -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<div class="container">
|
||||
|
||||
<!-- == Navbar == -->
|
||||
<nav class="navbar">
|
||||
|
||||
<a class="nav-btn" href="../../index.html">home</a>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">about</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/About/About.html">about us</a>
|
||||
<a href="../../pages/About/WhyUs.html">Why Choose Us</a>
|
||||
<a href="../../pages/About/History.html">History</a>
|
||||
<a href="../../pages/About/Team.html">Team</a>
|
||||
<a href="../../pages/About/Team-Single.html">Team Single</a>
|
||||
<a href="../../pages/About/Testimonials.html">testimonials</a>
|
||||
<a href="../../pages/About/FAQs.html">FAQs</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">Pages</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Gallery.html">Gallery</a>
|
||||
<a href="../../pages/Pages/Pricing.html">Pricing</a>
|
||||
<a href="../../pages/Pages/Process.html">work process</a>
|
||||
<a href="../../pages/Pages/Awards.html">Awards</a>
|
||||
<div class="side-dropdown">
|
||||
<button>Event</button> <i class="fa-solid fa-chevron-right"></i>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Events.html">Events</a>
|
||||
<a href="../../pages/Pages/Event-Single.html">Event Single</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="side-dropdown">
|
||||
<button>Career</button> <i class="fa-solid fa-chevron-right"></i>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Careers.html">Careers</a>
|
||||
<a href="../../pages/Pages/Career-Single.html">Career Single</a>
|
||||
<a href="../../pages/Pages/Career-Form.html">Career Form</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="side-dropdown">
|
||||
<button>Information Hub</button> <i class="fa-solid fa-chevron-right"></i>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Not-Found.html">Not Found</a>
|
||||
<a href="../../pages/Pages/Privacy-Policy.html">Privacy Policy</a>
|
||||
<a href="../../pages/Pages/Terms.html">Terms & Condition</a>
|
||||
</div>
|
||||
</div>
|
||||
<a href="../../pages/Pages/Cost-Calculator.html">cost calculator</a>
|
||||
<a href="../../pages/Pages/Get-Quote.html">get a quote</a>
|
||||
<a href="../../pages/Pages/Clients.html">clients</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">Service</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Service/Services.html">Services</a>
|
||||
<a href="../../pages/Service/Service-Single.html">Service Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">Project</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Project/Projects.html">Projects</a>
|
||||
<a href="../../pages/Project/Project-Single.html">Project Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">blog</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Blog/Blog-Grid.html">blogs grid</a>
|
||||
<a href="../../pages/Blog/Blog-List.html">blogs list</a>
|
||||
<a href="../../pages/Blog/Blog-Single.html">blog Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">shop</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Shop/Shop-Grid.html">shop grid</a>
|
||||
<a href="../../pages/Shop/Shop-List.html">shop list</a>
|
||||
<a href="../../pages/Shop/Product-Single.html">product Single</a>
|
||||
<a href="../../pages/Shop/Wishlist.html">wishlist</a>
|
||||
<a href="../../pages/Shop/Cart.html">cart</a>
|
||||
<a href="../../pages/Shop/Checkout.html">checkout</a>
|
||||
<a href="../../pages/Shop/Login.html">login</a>
|
||||
<a href="../../pages/Shop/Register.html">register</a>
|
||||
<a href="../../pages/Shop/Reset-Password.html">forgot Password</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<a class="nav-btn" href="../../pages/Contact/Contact.html">contact</a>
|
||||
|
||||
</nav>
|
||||
|
||||
<!-- == Icon Container == -->
|
||||
<div class="icon-container">
|
||||
<div id="search-btn" class="icon fa-solid fa-magnifying-glass"></div> <!-- Search Icon -->
|
||||
<div id="menu-btn" class="icon fa-solid fa-bars-staggered"></div>
|
||||
<a href="../../pages/Pages/Get-Quote.html" class="btn">get A quote</a>
|
||||
</div>
|
||||
|
||||
<!-- == Search Container == -->
|
||||
<form class="search-container">
|
||||
<input type="search" id="search-bar" placeholder="search here" required> <!-- Search Input -->
|
||||
<button type="submit"><i class="fas fa-search"></i></button> <!-- Submit Button -->
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ===== Header-2 Area (End) ===== -->
|
||||
|
||||
<!-- ===== Mobile Menu Area (Start) ===== -->
|
||||
<div class="mobile-menu">
|
||||
|
||||
<nav class="mobile-navbar">
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <a class="nav-btn" href="../../index.html">home</a> </div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">about</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/About/About.html">about us</a>
|
||||
<a href="../../pages/About/WhyUs.html">Why Choose Us</a>
|
||||
<a href="../../pages/About/History.html">History</a>
|
||||
<a href="../../pages/About/Team.html">Team</a>
|
||||
<a href="../../pages/About/Team-Single.html">Team Single</a>
|
||||
<a href="../../pages/About/Testimonials.html">testimonials</a>
|
||||
<a href="../../pages/About/FAQs.html">FAQs</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">pages</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Pages/Gallery.html">Gallery</a>
|
||||
<a href="../../pages/Pages/Pricing.html">Pricing</a>
|
||||
<a href="../../pages/Pages/Process.html">work process</a>
|
||||
<a href="../../pages/Pages/Awards.html">Awards</a>
|
||||
<a href="../../pages/Pages/Events.html">Events</a>
|
||||
<a href="../../pages/Pages/Event-Single.html">Event Single</a>
|
||||
<a href="../../pages/Pages/Careers.html">Careers</a>
|
||||
<a href="../../pages/Pages/Career-Single.html">Career Single</a>
|
||||
<a href="../../pages/Pages/Career-Form.html">Career Form</a>
|
||||
<a href="../../pages/Pages/Not-Found.html">Not Found</a>
|
||||
<a href="../../pages/Pages/Privacy-Policy.html">Privacy Policy</a>
|
||||
<a href="../../pages/Pages/Terms.html">Terms & Condition</a>
|
||||
<a href="../../pages/Pages/Cost-Calculator.html">cost calculator</a>
|
||||
<a href="../../pages/Pages/Get-Quote.html">get a quote</a>
|
||||
<a href="../../pages/Pages/Clients.html">clients</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">Service</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Service/Services.html">Services</a>
|
||||
<a href="../../pages/Service/Service-Single.html">Service Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">Project</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Project/Projects.html">Projects</a>
|
||||
<a href="../../pages/Project/Project-Single.html">Project Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">blog</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Blog/Blog-Grid.html">blogs grid</a>
|
||||
<a href="../../pages/Blog/Blog-List.html">blogs list</a>
|
||||
<a href="../../pages/Blog/Blog-Single.html">blog Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">Shop</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Shop/Shop-Grid.html">shop grid</a>
|
||||
<a href="../../pages/Shop/Shop-List.html">shop list</a>
|
||||
<a href="../../pages/Shop/Product-Single.html">product Single</a>
|
||||
<a href="../../pages/Shop/Wishlist.html">wishlist</a>
|
||||
<a href="../../pages/Shop/Cart.html">cart</a>
|
||||
<a href="../../pages/Shop/Checkout.html">checkout</a>
|
||||
<a href="../../pages/Shop/Login.html">login</a>
|
||||
<a href="../../pages/Shop/Register.html">register</a>
|
||||
<a href="../../pages/Shop/Reset-Password.html">forgot Password</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <a class="nav-btn" href="../../pages/Contact/Contact.html">contact</a> </div>
|
||||
</div>
|
||||
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
<!-- ===== Mobile Menu Area (End) ===== -->
|
||||
|
||||
</header>
|
||||
<!-- ==================== Header Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Page-Title (Start) ==================== -->
|
||||
<div class="page-title">
|
||||
|
||||
<div class="title">
|
||||
<h2>Awards</h2>
|
||||
</div>
|
||||
|
||||
<div class="link">
|
||||
<a href="../../index.html">Home</a>
|
||||
<i class="fa-solid fa-angles-right"></i>
|
||||
<span class="page">Awards</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ==================== Page-Title (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Awards Area (Start) ==================== -->
|
||||
<section class="awards">
|
||||
|
||||
<!-- Section Heading -->
|
||||
<div class="heading">
|
||||
<div class="sub"><i class="fa-brands fa-pagelines"></i><span>Green Thumb Excellence</span><i class="fa-brands fa-pagelines"></i></div>
|
||||
<h2>Our Awards</h2>
|
||||
</div>
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Award 1 -->
|
||||
<div class="award-item">
|
||||
<h3>Best<br>Garden Design</h3>
|
||||
<div class="middle"><div class="tag"><span>by Green Award</span></div></div>
|
||||
<p>Recognized for outstanding creativity & innovation in residential design <span>2025</span></p>
|
||||
</div>
|
||||
|
||||
<!-- Award 2 -->
|
||||
<div class="award-item">
|
||||
<h3>Eco-Friendly<br>Initiative Award</h3>
|
||||
<div class="middle"><div class="tag"><span>by NC Council</span></div></div>
|
||||
<p>Honored for promoting sustainable gardening conscious landscaping <span>2024</span></p>
|
||||
</div>
|
||||
|
||||
<!-- Award 3 -->
|
||||
<div class="award-item">
|
||||
<h3>Excellence in<br>Maintenance</h3>
|
||||
<div class="middle"><div class="tag"><span>by GdPro Magazine</span></div></div>
|
||||
<p>Awarded for maintaining premium gardens with care, and eco-sensitivity <span>2023</span></p>
|
||||
</div>
|
||||
|
||||
<!-- Award 4 -->
|
||||
<div class="award-item">
|
||||
<h3>Outstanding<br>Services</h3>
|
||||
<div class="middle"><div class="tag"><span>by Green Awards</span></div></div>
|
||||
<p>Recognized for delivering exceptional customer satisfaction solutions <span>2022</span></p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</section>
|
||||
<!-- ==================== Awards Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Footer Area (Start) ==================== -->
|
||||
<footer class="footer">
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Gardening and Landscaping Company Information & Social Media Links -->
|
||||
<div class="footer-item">
|
||||
|
||||
<!-- Gardening and Landscaping Company Logo -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<!-- Description -->
|
||||
<p>Transforming outdoor spaces with premium gardening and landscaping solutions.</p>
|
||||
|
||||
<!-- Contact Information -->
|
||||
<div class="info connect">
|
||||
<p><i class="fas fa-phone"></i><span>+123-456-7890</span></p>
|
||||
<p><i class="fas fa-envelope"></i><span class="gmail">info@leafline.com</span></p>
|
||||
<p><i class="fas fa-map-marker-alt"></i><span>LeafLine Company</span></p>
|
||||
</div>
|
||||
|
||||
<!-- Social Media Links -->
|
||||
<div class="social">
|
||||
<a href="#"><i class="fab fa-facebook-f"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-x-twitter"></i></a>
|
||||
<a href="#"><i class="fab fa-instagram"></i></a>
|
||||
<a href="#"><i class="fab fa-linkedin"></i></a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Gardening and Landscaping Services Offered -->
|
||||
<div class="footer-item">
|
||||
<h2>Our Services</h2>
|
||||
<div class="info links">
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Lawn Care</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Garden Design</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Tree Planting</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Hardscaping Solution</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">water ponds</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Outdoor Décor</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Quick Links -->
|
||||
<div class="footer-item">
|
||||
<h2>Quick Links</h2>
|
||||
<div class="info links">
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/About/About.html">About Us</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Services.html">Services</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Project/Projects.html">Projects</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Blog/Blog-Grid.html">Blog</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Shop/Shop-Grid.html">Shop</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Contact/Contact.html">Contact Us</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Newsletter Subscription -->
|
||||
<div class="footer-item">
|
||||
|
||||
<h2>Newsletter</h2>
|
||||
<p>Stay informed and up-to-date with the latest trends, helpful tips, and exclusive special offers.</p>
|
||||
<form class="dark-form" method="post" id="newsletter-form-2">
|
||||
<div class="input-field">
|
||||
<label for="news-email-2" class="fas fa-envelope"></label>
|
||||
<input type="email" id="news-email-2" name="email" class="box" placeholder="Your email address" required>
|
||||
</div>
|
||||
<button type="submit" class="btn" name="submit" id="submit-2">Subscribe</button>
|
||||
<span class="alert" id="msg-2"></span>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Gardening and Landscaping Company's Name and Copyright -->
|
||||
<div class="content">
|
||||
<p>Designed By <span>NorthStar_Themes</span> | All Rights Reserved</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
<!-- ==================== Footer Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- Jquery -->
|
||||
<script src="../../assets/vendors/jquery/jquery.min.js"></script>
|
||||
|
||||
<!-- Custom Script Files -->
|
||||
<script src="../../assets/js/script.js"></script> <!-- Custom JavaScript file with additional website functionality. -->
|
||||
<script src="../../assets/js/nav-link-toggler.js"></script> <!-- Manages navigation link toggling (e.g., hamburger menu) for mobile devices -->
|
||||
<script src="../../assets/js/newsletter.js"></script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,549 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<!-- Title -->
|
||||
<title>LeafLine | Gardening and Landscaping Website</title>
|
||||
|
||||
<!-- Favicon -->
|
||||
<link rel="icon" type="image/x-icon" href="../../assets/images/favicon.ico">
|
||||
|
||||
<!-- Font-Awesome (CSS) -->
|
||||
<link rel="stylesheet" href="../../assets/vendors/font-awesome/css/all.min.css">
|
||||
|
||||
<!-- Custom Stylesheets -->
|
||||
<link rel="stylesheet" href="../../assets/css/main.css">
|
||||
<link rel="stylesheet" href="../../assets/css/responsive.css">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- ==================== Scroll-Top Area (Start) ==================== -->
|
||||
<a href="#" class="scroll-top">
|
||||
<i class="fa-solid fa-arrow-up-long"></i>
|
||||
</a>
|
||||
<!-- ==================== Scroll-Top Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Header Area (Start) ==================== -->
|
||||
<header class="header">
|
||||
|
||||
<!-- ===== Header-1 Area (Start) ===== -->
|
||||
<div class="header-1">
|
||||
|
||||
<!-- == Contacts == -->
|
||||
<ul class="header-contacts">
|
||||
<li><i class="fa-solid fa-location-dot"></i><span>LeafLine Company</span></li>
|
||||
<li><i class="fa-solid fa-phone"></i><span>+123-456-7890</span></li>
|
||||
<li><i class="fa-solid fa-envelope"></i><span class="gmail">info@leafline.com</span></li>
|
||||
</ul>
|
||||
|
||||
<!-- == Social == -->
|
||||
<ul class="social-contacts">
|
||||
<li><a href="#" class="fab fa-facebook-f"></a></li>
|
||||
<li><a href="#" class="fa-brands fa-x-twitter"></a></li>
|
||||
<li><a href="#" class="fab fa-instagram"></a></li>
|
||||
<li><a href="#" class="fab fa-linkedin"></a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
<!-- ===== Header-1 Area (End) ===== -->
|
||||
|
||||
<!-- ===== Header-2 Area (Start) ===== -->
|
||||
<div class="header-2">
|
||||
|
||||
<!-- == Logo == -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<div class="container">
|
||||
|
||||
<!-- == Navbar == -->
|
||||
<nav class="navbar">
|
||||
|
||||
<a class="nav-btn" href="../../index.html">home</a>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">about</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/About/About.html">about us</a>
|
||||
<a href="../../pages/About/WhyUs.html">Why Choose Us</a>
|
||||
<a href="../../pages/About/History.html">History</a>
|
||||
<a href="../../pages/About/Team.html">Team</a>
|
||||
<a href="../../pages/About/Team-Single.html">Team Single</a>
|
||||
<a href="../../pages/About/Testimonials.html">testimonials</a>
|
||||
<a href="../../pages/About/FAQs.html">FAQs</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">Pages</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Gallery.html">Gallery</a>
|
||||
<a href="../../pages/Pages/Pricing.html">Pricing</a>
|
||||
<a href="../../pages/Pages/Process.html">work process</a>
|
||||
<a href="../../pages/Pages/Awards.html">Awards</a>
|
||||
<div class="side-dropdown">
|
||||
<button>Event</button> <i class="fa-solid fa-chevron-right"></i>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Events.html">Events</a>
|
||||
<a href="../../pages/Pages/Event-Single.html">Event Single</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="side-dropdown">
|
||||
<button>Career</button> <i class="fa-solid fa-chevron-right"></i>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Careers.html">Careers</a>
|
||||
<a href="../../pages/Pages/Career-Single.html">Career Single</a>
|
||||
<a href="../../pages/Pages/Career-Form.html">Career Form</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="side-dropdown">
|
||||
<button>Information Hub</button> <i class="fa-solid fa-chevron-right"></i>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Not-Found.html">Not Found</a>
|
||||
<a href="../../pages/Pages/Privacy-Policy.html">Privacy Policy</a>
|
||||
<a href="../../pages/Pages/Terms.html">Terms & Condition</a>
|
||||
</div>
|
||||
</div>
|
||||
<a href="../../pages/Pages/Cost-Calculator.html">cost calculator</a>
|
||||
<a href="../../pages/Pages/Get-Quote.html">get a quote</a>
|
||||
<a href="../../pages/Pages/Clients.html">clients</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">Service</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Service/Services.html">Services</a>
|
||||
<a href="../../pages/Service/Service-Single.html">Service Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">Project</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Project/Projects.html">Projects</a>
|
||||
<a href="../../pages/Project/Project-Single.html">Project Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">blog</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Blog/Blog-Grid.html">blogs grid</a>
|
||||
<a href="../../pages/Blog/Blog-List.html">blogs list</a>
|
||||
<a href="../../pages/Blog/Blog-Single.html">blog Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">shop</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Shop/Shop-Grid.html">shop grid</a>
|
||||
<a href="../../pages/Shop/Shop-List.html">shop list</a>
|
||||
<a href="../../pages/Shop/Product-Single.html">product Single</a>
|
||||
<a href="../../pages/Shop/Wishlist.html">wishlist</a>
|
||||
<a href="../../pages/Shop/Cart.html">cart</a>
|
||||
<a href="../../pages/Shop/Checkout.html">checkout</a>
|
||||
<a href="../../pages/Shop/Login.html">login</a>
|
||||
<a href="../../pages/Shop/Register.html">register</a>
|
||||
<a href="../../pages/Shop/Reset-Password.html">forgot Password</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<a class="nav-btn" href="../../pages/Contact/Contact.html">contact</a>
|
||||
|
||||
</nav>
|
||||
|
||||
<!-- == Icon Container == -->
|
||||
<div class="icon-container">
|
||||
<div id="search-btn" class="icon fa-solid fa-magnifying-glass"></div> <!-- Search Icon -->
|
||||
<div id="menu-btn" class="icon fa-solid fa-bars-staggered"></div>
|
||||
<a href="../../pages/Pages/Get-Quote.html" class="btn">get A quote</a>
|
||||
</div>
|
||||
|
||||
<!-- == Search Container == -->
|
||||
<form class="search-container">
|
||||
<input type="search" id="search-bar" placeholder="search here" required> <!-- Search Input -->
|
||||
<button type="submit"><i class="fas fa-search"></i></button> <!-- Submit Button -->
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ===== Header-2 Area (End) ===== -->
|
||||
|
||||
<!-- ===== Mobile Menu Area (Start) ===== -->
|
||||
<div class="mobile-menu">
|
||||
|
||||
<nav class="mobile-navbar">
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <a class="nav-btn" href="../../index.html">home</a> </div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">about</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/About/About.html">about us</a>
|
||||
<a href="../../pages/About/WhyUs.html">Why Choose Us</a>
|
||||
<a href="../../pages/About/History.html">History</a>
|
||||
<a href="../../pages/About/Team.html">Team</a>
|
||||
<a href="../../pages/About/Team-Single.html">Team Single</a>
|
||||
<a href="../../pages/About/Testimonials.html">testimonials</a>
|
||||
<a href="../../pages/About/FAQs.html">FAQs</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">pages</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Pages/Gallery.html">Gallery</a>
|
||||
<a href="../../pages/Pages/Pricing.html">Pricing</a>
|
||||
<a href="../../pages/Pages/Process.html">work process</a>
|
||||
<a href="../../pages/Pages/Awards.html">Awards</a>
|
||||
<a href="../../pages/Pages/Events.html">Events</a>
|
||||
<a href="../../pages/Pages/Event-Single.html">Event Single</a>
|
||||
<a href="../../pages/Pages/Careers.html">Careers</a>
|
||||
<a href="../../pages/Pages/Career-Single.html">Career Single</a>
|
||||
<a href="../../pages/Pages/Career-Form.html">Career Form</a>
|
||||
<a href="../../pages/Pages/Not-Found.html">Not Found</a>
|
||||
<a href="../../pages/Pages/Privacy-Policy.html">Privacy Policy</a>
|
||||
<a href="../../pages/Pages/Terms.html">Terms & Condition</a>
|
||||
<a href="../../pages/Pages/Cost-Calculator.html">cost calculator</a>
|
||||
<a href="../../pages/Pages/Get-Quote.html">get a quote</a>
|
||||
<a href="../../pages/Pages/Clients.html">clients</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">Service</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Service/Services.html">Services</a>
|
||||
<a href="../../pages/Service/Service-Single.html">Service Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">Project</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Project/Projects.html">Projects</a>
|
||||
<a href="../../pages/Project/Project-Single.html">Project Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">blog</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Blog/Blog-Grid.html">blogs grid</a>
|
||||
<a href="../../pages/Blog/Blog-List.html">blogs list</a>
|
||||
<a href="../../pages/Blog/Blog-Single.html">blog Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">Shop</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Shop/Shop-Grid.html">shop grid</a>
|
||||
<a href="../../pages/Shop/Shop-List.html">shop list</a>
|
||||
<a href="../../pages/Shop/Product-Single.html">product Single</a>
|
||||
<a href="../../pages/Shop/Wishlist.html">wishlist</a>
|
||||
<a href="../../pages/Shop/Cart.html">cart</a>
|
||||
<a href="../../pages/Shop/Checkout.html">checkout</a>
|
||||
<a href="../../pages/Shop/Login.html">login</a>
|
||||
<a href="../../pages/Shop/Register.html">register</a>
|
||||
<a href="../../pages/Shop/Reset-Password.html">forgot Password</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <a class="nav-btn" href="../../pages/Contact/Contact.html">contact</a> </div>
|
||||
</div>
|
||||
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
<!-- ===== Mobile Menu Area (End) ===== -->
|
||||
|
||||
</header>
|
||||
<!-- ==================== Header Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Page-Title (Start) ==================== -->
|
||||
<div class="page-title">
|
||||
|
||||
<div class="title">
|
||||
<h2>Career Form</h2>
|
||||
</div>
|
||||
|
||||
<div class="link">
|
||||
<a href="../../index.html">Home</a>
|
||||
<i class="fa-solid fa-angles-right"></i>
|
||||
<span class="page">Career Form</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ==================== Page-Title (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Career Area (Start) ==================== -->
|
||||
<section class="custom-form career-form linear-bg">
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<div class="content">
|
||||
|
||||
<form class="dark-form" id="career-form" method="post">
|
||||
|
||||
<!-- Form Heading -->
|
||||
<div class="heading">
|
||||
<div class="sub"><span>Join Our Crew</span><i class="fa-solid fa-hard-hat"></i></div> <!-- Sub Heading -->
|
||||
<h2>Career Application</h2>
|
||||
</div>
|
||||
|
||||
<div class="input-box">
|
||||
|
||||
<!-- Name Input Field -->
|
||||
<div class="input-field">
|
||||
<label for="name" class="fas fa-user"></label>
|
||||
<input type="text" name="name" class="box" id="name" placeholder="Your Name" required>
|
||||
</div>
|
||||
|
||||
<!-- Email Input Field -->
|
||||
<div class="input-field">
|
||||
<label for="email" class="fa-solid fa-envelope"></label>
|
||||
<input type="email" name="email" class="box" id="email" placeholder="Your Email" required>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="input-box">
|
||||
|
||||
<!-- Phone Number Input Field -->
|
||||
<div class="input-field">
|
||||
<label for="number" class="fas fa-phone"></label>
|
||||
<input type="number" name="number" class="box" id="number" placeholder="Your Phone Number" required>
|
||||
</div>
|
||||
|
||||
<!-- Position Applied For Select Field -->
|
||||
<div class="select">
|
||||
<div class="select-container">
|
||||
<label for="position" class="fas fa-briefcase"></label>
|
||||
<select class="select-box" id="position" name="position" required>
|
||||
<option value="">Select Position</option>
|
||||
<option value="landscaper">Landscaper</option>
|
||||
<option value="horticulturist">Horticulturist</option>
|
||||
<option value="gardener">Gardener</option>
|
||||
<option value="landscape-designer">Landscape Designer</option>
|
||||
<option value="Other">Other</option>
|
||||
</select>
|
||||
<div class="icon-container">
|
||||
<i class="fas fa-angle-down"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="input-box">
|
||||
|
||||
<!-- Location Input Field -->
|
||||
<div class="input-field">
|
||||
<label for="location" class="fas fa-map-marker-alt"></label>
|
||||
<input type="text" name="location" class="box" id="location" placeholder="Your Location" required>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="input-box">
|
||||
|
||||
<!-- Education Input Field -->
|
||||
<div class="input-field">
|
||||
<label for="education" class="fas fa-graduation-cap"></label>
|
||||
<input type="text" name="education" class="box" id="education" placeholder="Highest Qualification" required>
|
||||
</div>
|
||||
|
||||
<!-- Years of Experience Input Field -->
|
||||
<div class="input-field">
|
||||
<label for="experience" class="fas fa-briefcase"></label>
|
||||
<input type="number" name="experience" class="box" id="experience" placeholder="Years of Experience" required>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Message Text Area -->
|
||||
<div class="input-field text-area">
|
||||
<label for="message" class="fas fa-comment"></label>
|
||||
<textarea cols="30" rows="10" name="message" class="box" id="message" placeholder="Why do you want to work with us? Additional Comments" required></textarea>
|
||||
</div>
|
||||
|
||||
<!-- Submit Button for Career Application -->
|
||||
<button type="submit" class="btn" name="submit" id="submit">Submit</button>
|
||||
<span class="alert" id="msg"></span>
|
||||
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</section>
|
||||
<!-- ==================== Career Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Footer Area (Start) ==================== -->
|
||||
<footer class="footer">
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Gardening and Landscaping Company Information & Social Media Links -->
|
||||
<div class="footer-item">
|
||||
|
||||
<!-- Gardening and Landscaping Company Logo -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<!-- Description -->
|
||||
<p>Transforming outdoor spaces with premium gardening and landscaping solutions.</p>
|
||||
|
||||
<!-- Contact Information -->
|
||||
<div class="info connect">
|
||||
<p><i class="fas fa-phone"></i><span>+123-456-7890</span></p>
|
||||
<p><i class="fas fa-envelope"></i><span class="gmail">info@leafline.com</span></p>
|
||||
<p><i class="fas fa-map-marker-alt"></i><span>LeafLine Company</span></p>
|
||||
</div>
|
||||
|
||||
<!-- Social Media Links -->
|
||||
<div class="social">
|
||||
<a href="#"><i class="fab fa-facebook-f"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-x-twitter"></i></a>
|
||||
<a href="#"><i class="fab fa-instagram"></i></a>
|
||||
<a href="#"><i class="fab fa-linkedin"></i></a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Gardening and Landscaping Services Offered -->
|
||||
<div class="footer-item">
|
||||
<h2>Our Services</h2>
|
||||
<div class="info links">
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Lawn Care</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Garden Design</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Tree Planting</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Hardscaping Solution</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">water ponds</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Outdoor Décor</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Quick Links -->
|
||||
<div class="footer-item">
|
||||
<h2>Quick Links</h2>
|
||||
<div class="info links">
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/About/About.html">About Us</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Services.html">Services</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Project/Projects.html">Projects</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Blog/Blog-Grid.html">Blog</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Shop/Shop-Grid.html">Shop</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Contact/Contact.html">Contact Us</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Newsletter Subscription -->
|
||||
<div class="footer-item">
|
||||
|
||||
<h2>Newsletter</h2>
|
||||
<p>Stay informed and up-to-date with the latest trends, helpful tips, and exclusive special offers.</p>
|
||||
<form class="dark-form" method="post" id="newsletter-form-2">
|
||||
<div class="input-field">
|
||||
<label for="news-email-2" class="fas fa-envelope"></label>
|
||||
<input type="email" id="news-email-2" name="email" class="box" placeholder="Your email address" required>
|
||||
</div>
|
||||
<button type="submit" class="btn" name="submit" id="submit-2">Subscribe</button>
|
||||
<span class="alert" id="msg-2"></span>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Gardening and Landscaping Company's Name and Copyright -->
|
||||
<div class="content">
|
||||
<p>Designed By <span>NorthStar_Themes</span> | All Rights Reserved</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
<!-- ==================== Footer Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- Jquery -->
|
||||
<script src="../../assets/vendors/jquery/jquery.min.js"></script>
|
||||
|
||||
<!-- Custom Script Files -->
|
||||
<script src="../../assets/js/script.js"></script> <!-- Custom JavaScript file with additional website functionality. -->
|
||||
<script src="../../assets/js/nav-link-toggler.js"></script> <!-- Manages navigation link toggling (e.g., hamburger menu) for mobile devices -->
|
||||
<script src="../../assets/js/newsletter.js"></script>
|
||||
|
||||
<!-- Script for handling the career form functionality -->
|
||||
<script>
|
||||
jQuery(document).ready(function($) {
|
||||
|
||||
$('#career-form').on('submit', function (e) {
|
||||
|
||||
e.preventDefault(); // Prevent the default form submission
|
||||
|
||||
var form = $(this);
|
||||
var msgElement = form.find('#msg');
|
||||
var submitBtn = form.find('#submit');
|
||||
|
||||
// Clear previous message and update button text
|
||||
msgElement.html('').show();
|
||||
submitBtn.html('Processing...').attr('disabled', true);
|
||||
|
||||
// Submit form data using AJAX
|
||||
$.ajax({
|
||||
url: '../../assets/php/career-form.php',
|
||||
type: 'post',
|
||||
data: form.serialize(),
|
||||
success: function (result) {
|
||||
msgElement.html(result).fadeIn(); // Display success message
|
||||
submitBtn.html('Submit').attr('disabled', false); // Reset button text and enable button
|
||||
form[0].reset(); // Reset form fields
|
||||
|
||||
// Clear success message after 5 seconds
|
||||
setTimeout(function () {
|
||||
msgElement.fadeOut('slow'); // Fade out message
|
||||
}, 4000); // 4 seconds delay
|
||||
},
|
||||
error: function () {
|
||||
msgElement.html('<span style="color: red;">Error occurred. Please try again later.</span>').fadeIn(); // Display error message if AJAX request fails
|
||||
submitBtn.html('Submit').attr('disabled', false); // Reset button text and enable button
|
||||
}
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,558 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<!-- Title -->
|
||||
<title>LeafLine | Gardening and Landscaping Website</title>
|
||||
|
||||
<!-- Favicon -->
|
||||
<link rel="icon" type="image/x-icon" href="../../assets/images/favicon.ico">
|
||||
|
||||
<!-- Font-Awesome (CSS) -->
|
||||
<link rel="stylesheet" href="../../assets/vendors/font-awesome/css/all.min.css">
|
||||
|
||||
<!-- Custom Stylesheets -->
|
||||
<link rel="stylesheet" href="../../assets/css/main.css">
|
||||
<link rel="stylesheet" href="../../assets/css/responsive.css">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- ==================== Scroll-Top Area (Start) ==================== -->
|
||||
<a href="#" class="scroll-top">
|
||||
<i class="fa-solid fa-arrow-up-long"></i>
|
||||
</a>
|
||||
<!-- ==================== Scroll-Top Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Header Area (Start) ==================== -->
|
||||
<header class="header">
|
||||
|
||||
<!-- ===== Header-1 Area (Start) ===== -->
|
||||
<div class="header-1">
|
||||
|
||||
<!-- == Contacts == -->
|
||||
<ul class="header-contacts">
|
||||
<li><i class="fa-solid fa-location-dot"></i><span>LeafLine Company</span></li>
|
||||
<li><i class="fa-solid fa-phone"></i><span>+123-456-7890</span></li>
|
||||
<li><i class="fa-solid fa-envelope"></i><span class="gmail">info@leafline.com</span></li>
|
||||
</ul>
|
||||
|
||||
<!-- == Social == -->
|
||||
<ul class="social-contacts">
|
||||
<li><a href="#" class="fab fa-facebook-f"></a></li>
|
||||
<li><a href="#" class="fa-brands fa-x-twitter"></a></li>
|
||||
<li><a href="#" class="fab fa-instagram"></a></li>
|
||||
<li><a href="#" class="fab fa-linkedin"></a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
<!-- ===== Header-1 Area (End) ===== -->
|
||||
|
||||
<!-- ===== Header-2 Area (Start) ===== -->
|
||||
<div class="header-2">
|
||||
|
||||
<!-- == Logo == -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<div class="container">
|
||||
|
||||
<!-- == Navbar == -->
|
||||
<nav class="navbar">
|
||||
|
||||
<a class="nav-btn" href="../../index.html">home</a>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">about</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/About/About.html">about us</a>
|
||||
<a href="../../pages/About/WhyUs.html">Why Choose Us</a>
|
||||
<a href="../../pages/About/History.html">History</a>
|
||||
<a href="../../pages/About/Team.html">Team</a>
|
||||
<a href="../../pages/About/Team-Single.html">Team Single</a>
|
||||
<a href="../../pages/About/Testimonials.html">testimonials</a>
|
||||
<a href="../../pages/About/FAQs.html">FAQs</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">Pages</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Gallery.html">Gallery</a>
|
||||
<a href="../../pages/Pages/Pricing.html">Pricing</a>
|
||||
<a href="../../pages/Pages/Process.html">work process</a>
|
||||
<a href="../../pages/Pages/Awards.html">Awards</a>
|
||||
<div class="side-dropdown">
|
||||
<button>Event</button> <i class="fa-solid fa-chevron-right"></i>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Events.html">Events</a>
|
||||
<a href="../../pages/Pages/Event-Single.html">Event Single</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="side-dropdown">
|
||||
<button>Career</button> <i class="fa-solid fa-chevron-right"></i>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Careers.html">Careers</a>
|
||||
<a href="../../pages/Pages/Career-Single.html">Career Single</a>
|
||||
<a href="../../pages/Pages/Career-Form.html">Career Form</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="side-dropdown">
|
||||
<button>Information Hub</button> <i class="fa-solid fa-chevron-right"></i>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Not-Found.html">Not Found</a>
|
||||
<a href="../../pages/Pages/Privacy-Policy.html">Privacy Policy</a>
|
||||
<a href="../../pages/Pages/Terms.html">Terms & Condition</a>
|
||||
</div>
|
||||
</div>
|
||||
<a href="../../pages/Pages/Cost-Calculator.html">cost calculator</a>
|
||||
<a href="../../pages/Pages/Get-Quote.html">get a quote</a>
|
||||
<a href="../../pages/Pages/Clients.html">clients</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">Service</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Service/Services.html">Services</a>
|
||||
<a href="../../pages/Service/Service-Single.html">Service Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">Project</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Project/Projects.html">Projects</a>
|
||||
<a href="../../pages/Project/Project-Single.html">Project Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">blog</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Blog/Blog-Grid.html">blogs grid</a>
|
||||
<a href="../../pages/Blog/Blog-List.html">blogs list</a>
|
||||
<a href="../../pages/Blog/Blog-Single.html">blog Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">shop</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Shop/Shop-Grid.html">shop grid</a>
|
||||
<a href="../../pages/Shop/Shop-List.html">shop list</a>
|
||||
<a href="../../pages/Shop/Product-Single.html">product Single</a>
|
||||
<a href="../../pages/Shop/Wishlist.html">wishlist</a>
|
||||
<a href="../../pages/Shop/Cart.html">cart</a>
|
||||
<a href="../../pages/Shop/Checkout.html">checkout</a>
|
||||
<a href="../../pages/Shop/Login.html">login</a>
|
||||
<a href="../../pages/Shop/Register.html">register</a>
|
||||
<a href="../../pages/Shop/Reset-Password.html">forgot Password</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<a class="nav-btn" href="../../pages/Contact/Contact.html">contact</a>
|
||||
|
||||
</nav>
|
||||
|
||||
<!-- == Icon Container == -->
|
||||
<div class="icon-container">
|
||||
<div id="search-btn" class="icon fa-solid fa-magnifying-glass"></div> <!-- Search Icon -->
|
||||
<div id="menu-btn" class="icon fa-solid fa-bars-staggered"></div>
|
||||
<a href="../../pages/Pages/Get-Quote.html" class="btn">get A quote</a>
|
||||
</div>
|
||||
|
||||
<!-- == Search Container == -->
|
||||
<form class="search-container">
|
||||
<input type="search" id="search-bar" placeholder="search here" required> <!-- Search Input -->
|
||||
<button type="submit"><i class="fas fa-search"></i></button> <!-- Submit Button -->
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ===== Header-2 Area (End) ===== -->
|
||||
|
||||
<!-- ===== Mobile Menu Area (Start) ===== -->
|
||||
<div class="mobile-menu">
|
||||
|
||||
<nav class="mobile-navbar">
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <a class="nav-btn" href="../../index.html">home</a> </div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">about</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/About/About.html">about us</a>
|
||||
<a href="../../pages/About/WhyUs.html">Why Choose Us</a>
|
||||
<a href="../../pages/About/History.html">History</a>
|
||||
<a href="../../pages/About/Team.html">Team</a>
|
||||
<a href="../../pages/About/Team-Single.html">Team Single</a>
|
||||
<a href="../../pages/About/Testimonials.html">testimonials</a>
|
||||
<a href="../../pages/About/FAQs.html">FAQs</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">pages</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Pages/Gallery.html">Gallery</a>
|
||||
<a href="../../pages/Pages/Pricing.html">Pricing</a>
|
||||
<a href="../../pages/Pages/Process.html">work process</a>
|
||||
<a href="../../pages/Pages/Awards.html">Awards</a>
|
||||
<a href="../../pages/Pages/Events.html">Events</a>
|
||||
<a href="../../pages/Pages/Event-Single.html">Event Single</a>
|
||||
<a href="../../pages/Pages/Careers.html">Careers</a>
|
||||
<a href="../../pages/Pages/Career-Single.html">Career Single</a>
|
||||
<a href="../../pages/Pages/Career-Form.html">Career Form</a>
|
||||
<a href="../../pages/Pages/Not-Found.html">Not Found</a>
|
||||
<a href="../../pages/Pages/Privacy-Policy.html">Privacy Policy</a>
|
||||
<a href="../../pages/Pages/Terms.html">Terms & Condition</a>
|
||||
<a href="../../pages/Pages/Cost-Calculator.html">cost calculator</a>
|
||||
<a href="../../pages/Pages/Get-Quote.html">get a quote</a>
|
||||
<a href="../../pages/Pages/Clients.html">clients</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">Service</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Service/Services.html">Services</a>
|
||||
<a href="../../pages/Service/Service-Single.html">Service Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">Project</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Project/Projects.html">Projects</a>
|
||||
<a href="../../pages/Project/Project-Single.html">Project Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">blog</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Blog/Blog-Grid.html">blogs grid</a>
|
||||
<a href="../../pages/Blog/Blog-List.html">blogs list</a>
|
||||
<a href="../../pages/Blog/Blog-Single.html">blog Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">Shop</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Shop/Shop-Grid.html">shop grid</a>
|
||||
<a href="../../pages/Shop/Shop-List.html">shop list</a>
|
||||
<a href="../../pages/Shop/Product-Single.html">product Single</a>
|
||||
<a href="../../pages/Shop/Wishlist.html">wishlist</a>
|
||||
<a href="../../pages/Shop/Cart.html">cart</a>
|
||||
<a href="../../pages/Shop/Checkout.html">checkout</a>
|
||||
<a href="../../pages/Shop/Login.html">login</a>
|
||||
<a href="../../pages/Shop/Register.html">register</a>
|
||||
<a href="../../pages/Shop/Reset-Password.html">forgot Password</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <a class="nav-btn" href="../../pages/Contact/Contact.html">contact</a> </div>
|
||||
</div>
|
||||
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
<!-- ===== Mobile Menu Area (End) ===== -->
|
||||
|
||||
</header>
|
||||
<!-- ==================== Header Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Page-Title (Start) ==================== -->
|
||||
<div class="page-title">
|
||||
|
||||
<div class="title">
|
||||
<h2>Career Single</h2>
|
||||
</div>
|
||||
|
||||
<div class="link">
|
||||
<a href="../../index.html">Home</a>
|
||||
<i class="fa-solid fa-angles-right"></i>
|
||||
<span class="page">Career Single</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ==================== Page-Title (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Position Single Area (Start) ==================== -->
|
||||
<section class="position-single page-single">
|
||||
|
||||
<!-- ========== Position Info Area (Start) ========== -->
|
||||
<div class="position-info page-info">
|
||||
|
||||
<!-- Position Image -->
|
||||
<div class="image">
|
||||
<img src="../../assets/images/Career/Positions/Position-1.jpg" alt="Career Position">
|
||||
</div>
|
||||
|
||||
<div class="content">
|
||||
|
||||
<!-- Main Heading -->
|
||||
<h3 class="main-heading">Landscaper</h3>
|
||||
|
||||
<!-- Role Overview -->
|
||||
<div class="sub-section">
|
||||
<h3 class="sub-heading">Job Overview:</h3>
|
||||
<p>We are seeking a talented and dedicated Landscaper to join our LeafLine team. As a Landscaper, you will design, build, and maintain beautiful outdoor spaces that enhance both functionality and aesthetics. This role requires creativity, attention to detail, and hands-on experience with landscaping tools and techniques.</p>
|
||||
</div>
|
||||
|
||||
<!-- Key Responsibilities -->
|
||||
<div class="sub-section">
|
||||
<h3 class="sub-heading">Job Responsibilities:</h3>
|
||||
<p>As a Landscaper, your key duties will include:</p>
|
||||
<ul>
|
||||
<li><i class="fa-solid fa-circle-notch"></i> Designing and implementing layouts for residential properties.</li>
|
||||
<li><i class="fa-solid fa-circle-notch"></i> Installing plants, trees, shrubs, and hardscape features.</li>
|
||||
<li><i class="fa-solid fa-circle-notch"></i> Maintaining and improving existing landscapes through pruning.</li>
|
||||
<li><i class="fa-solid fa-circle-notch"></i> Operating and maintaining landscaping equipment safely.</li>
|
||||
<li><i class="fa-solid fa-circle-notch"></i> Collaborating with designers to ensure project satisfaction.</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- Qualifications & Skills -->
|
||||
<div class="sub-section">
|
||||
<h3 class="sub-heading">Qualifications & Skills:</h3>
|
||||
<p>To excel in this position, candidates should have:</p>
|
||||
<ul>
|
||||
<li><i class="fa-solid fa-circle-notch"></i> Proven experience in landscaping, horticulture, or outdoor design.</li>
|
||||
<li><i class="fa-solid fa-circle-notch"></i> Strong knowledge of plants, soil types, irrigation, and hardscaping methods.</li>
|
||||
<li><i class="fa-solid fa-circle-notch"></i> Ability to interpret design plans landscaping projects accurately.</li>
|
||||
<li><i class="fa-solid fa-circle-notch"></i> Excellent teamwork and communication skills.</li>
|
||||
<li><i class="fa-solid fa-circle-notch"></i> Physical stamina to work outdoors in various weather conditions.</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ========== Position Info Area (End) ========== -->
|
||||
|
||||
<!-- ========== Position Sidebar (Start) ========== -->
|
||||
<div class="position-sidebar page-sidebar">
|
||||
|
||||
<!-- Position Information Heading -->
|
||||
<h3 class="sub-heading">Position Information</h3>
|
||||
|
||||
<div class="container">
|
||||
|
||||
<!-- Location -->
|
||||
<div class="detail-item">
|
||||
<i class="fas fa-map-marker-alt"></i>
|
||||
<div class="detail-content">
|
||||
<h3>Location</h3>
|
||||
<p>LeafLine, Bloomtown</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Time Commitment -->
|
||||
<div class="detail-item">
|
||||
<i class="fas fa-clock"></i>
|
||||
<div class="detail-content">
|
||||
<h3>Time Commitment</h3>
|
||||
<p>Full Time</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Working Hours -->
|
||||
<div class="detail-item">
|
||||
<i class="fas fa-clock"></i>
|
||||
<div class="detail-content">
|
||||
<h3>Working Hours</h3>
|
||||
<p>8:00 AM – 5:00 PM</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Experience -->
|
||||
<div class="detail-item">
|
||||
<i class="fa-solid fa-briefcase"></i>
|
||||
<div class="detail-content">
|
||||
<h3>Experience</h3>
|
||||
<p>Minimum 2 Years in Landscaping or Horticulture</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Number of Positions -->
|
||||
<div class="detail-item">
|
||||
<i class="fas fa-users"></i>
|
||||
<div class="detail-content">
|
||||
<h3>Number of Positions</h3>
|
||||
<p>3 Open Positions</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Working Days -->
|
||||
<div class="detail-item">
|
||||
<i class="fas fa-calendar-alt"></i>
|
||||
<div class="detail-content">
|
||||
<h3>Working Days</h3>
|
||||
<p>Monday to Saturday</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Salary -->
|
||||
<div class="detail-item">
|
||||
<i class="fa-solid fa-money-bill"></i>
|
||||
<div class="detail-content">
|
||||
<h3>Salary</h3>
|
||||
<p>$45K - $60K</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Application Deadline -->
|
||||
<div class="detail-item">
|
||||
<i class="fas fa-calendar-days"></i>
|
||||
<div class="detail-content">
|
||||
<h3>Application Deadline</h3>
|
||||
<p>Apply by Nov 30, 2025</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Contact -->
|
||||
<div class="detail-item">
|
||||
<i class="fas fa-phone-alt"></i>
|
||||
<div class="detail-content">
|
||||
<h3>Contact</h3>
|
||||
<p>(123) 456-7890 | careers@leafline.com</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Career Now Button -->
|
||||
<a href="./Career-Form.html" class="btn">Apply Now</a>
|
||||
|
||||
</div>
|
||||
<!-- ========== Position Sidebar (End) ========== -->
|
||||
|
||||
</section>
|
||||
<!-- ==================== Position Single (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Footer Area (Start) ==================== -->
|
||||
<footer class="footer">
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Gardening and Landscaping Company Information & Social Media Links -->
|
||||
<div class="footer-item">
|
||||
|
||||
<!-- Gardening and Landscaping Company Logo -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<!-- Description -->
|
||||
<p>Transforming outdoor spaces with premium gardening and landscaping solutions.</p>
|
||||
|
||||
<!-- Contact Information -->
|
||||
<div class="info connect">
|
||||
<p><i class="fas fa-phone"></i><span>+123-456-7890</span></p>
|
||||
<p><i class="fas fa-envelope"></i><span class="gmail">info@leafline.com</span></p>
|
||||
<p><i class="fas fa-map-marker-alt"></i><span>LeafLine Company</span></p>
|
||||
</div>
|
||||
|
||||
<!-- Social Media Links -->
|
||||
<div class="social">
|
||||
<a href="#"><i class="fab fa-facebook-f"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-x-twitter"></i></a>
|
||||
<a href="#"><i class="fab fa-instagram"></i></a>
|
||||
<a href="#"><i class="fab fa-linkedin"></i></a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Gardening and Landscaping Services Offered -->
|
||||
<div class="footer-item">
|
||||
<h2>Our Services</h2>
|
||||
<div class="info links">
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Lawn Care</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Garden Design</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Tree Planting</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Hardscaping Solution</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">water ponds</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Outdoor Décor</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Quick Links -->
|
||||
<div class="footer-item">
|
||||
<h2>Quick Links</h2>
|
||||
<div class="info links">
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/About/About.html">About Us</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Services.html">Services</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Project/Projects.html">Projects</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Blog/Blog-Grid.html">Blog</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Shop/Shop-Grid.html">Shop</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Contact/Contact.html">Contact Us</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Newsletter Subscription -->
|
||||
<div class="footer-item">
|
||||
|
||||
<h2>Newsletter</h2>
|
||||
<p>Stay informed and up-to-date with the latest trends, helpful tips, and exclusive special offers.</p>
|
||||
<form class="dark-form" method="post" id="newsletter-form-2">
|
||||
<div class="input-field">
|
||||
<label for="news-email-2" class="fas fa-envelope"></label>
|
||||
<input type="email" id="news-email-2" name="email" class="box" placeholder="Your email address" required>
|
||||
</div>
|
||||
<button type="submit" class="btn" name="submit" id="submit-2">Subscribe</button>
|
||||
<span class="alert" id="msg-2"></span>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Gardening and Landscaping Company's Name and Copyright -->
|
||||
<div class="content">
|
||||
<p>Designed By <span>NorthStar_Themes</span> | All Rights Reserved</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
<!-- ==================== Footer Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- Jquery -->
|
||||
<script src="../../assets/vendors/jquery/jquery.min.js"></script>
|
||||
|
||||
<!-- Custom Script Files -->
|
||||
<script src="../../assets/js/script.js"></script> <!-- Custom JavaScript file with additional website functionality. -->
|
||||
<script src="../../assets/js/nav-link-toggler.js"></script> <!-- Manages navigation link toggling (e.g., hamburger menu) for mobile devices -->
|
||||
<script src="../../assets/js/newsletter.js"></script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,579 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<!-- Title -->
|
||||
<title>LeafLine | Gardening and Landscaping Website</title>
|
||||
|
||||
<!-- Favicon -->
|
||||
<link rel="icon" type="image/x-icon" href="../../assets/images/favicon.ico">
|
||||
|
||||
<!-- Font-Awesome (CSS) -->
|
||||
<link rel="stylesheet" href="../../assets/vendors/font-awesome/css/all.min.css">
|
||||
|
||||
<!-- Custom Stylesheets -->
|
||||
<link rel="stylesheet" href="../../assets/css/main.css">
|
||||
<link rel="stylesheet" href="../../assets/css/responsive.css">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- ==================== Scroll-Top Area (Start) ==================== -->
|
||||
<a href="#" class="scroll-top">
|
||||
<i class="fa-solid fa-arrow-up-long"></i>
|
||||
</a>
|
||||
<!-- ==================== Scroll-Top Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Header Area (Start) ==================== -->
|
||||
<header class="header">
|
||||
|
||||
<!-- ===== Header-1 Area (Start) ===== -->
|
||||
<div class="header-1">
|
||||
|
||||
<!-- == Contacts == -->
|
||||
<ul class="header-contacts">
|
||||
<li><i class="fa-solid fa-location-dot"></i><span>LeafLine Company</span></li>
|
||||
<li><i class="fa-solid fa-phone"></i><span>+123-456-7890</span></li>
|
||||
<li><i class="fa-solid fa-envelope"></i><span class="gmail">info@leafline.com</span></li>
|
||||
</ul>
|
||||
|
||||
<!-- == Social == -->
|
||||
<ul class="social-contacts">
|
||||
<li><a href="#" class="fab fa-facebook-f"></a></li>
|
||||
<li><a href="#" class="fa-brands fa-x-twitter"></a></li>
|
||||
<li><a href="#" class="fab fa-instagram"></a></li>
|
||||
<li><a href="#" class="fab fa-linkedin"></a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
<!-- ===== Header-1 Area (End) ===== -->
|
||||
|
||||
<!-- ===== Header-2 Area (Start) ===== -->
|
||||
<div class="header-2">
|
||||
|
||||
<!-- == Logo == -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<div class="container">
|
||||
|
||||
<!-- == Navbar == -->
|
||||
<nav class="navbar">
|
||||
|
||||
<a class="nav-btn" href="../../index.html">home</a>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">about</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/About/About.html">about us</a>
|
||||
<a href="../../pages/About/WhyUs.html">Why Choose Us</a>
|
||||
<a href="../../pages/About/History.html">History</a>
|
||||
<a href="../../pages/About/Team.html">Team</a>
|
||||
<a href="../../pages/About/Team-Single.html">Team Single</a>
|
||||
<a href="../../pages/About/Testimonials.html">testimonials</a>
|
||||
<a href="../../pages/About/FAQs.html">FAQs</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">Pages</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Gallery.html">Gallery</a>
|
||||
<a href="../../pages/Pages/Pricing.html">Pricing</a>
|
||||
<a href="../../pages/Pages/Process.html">work process</a>
|
||||
<a href="../../pages/Pages/Awards.html">Awards</a>
|
||||
<div class="side-dropdown">
|
||||
<button>Event</button> <i class="fa-solid fa-chevron-right"></i>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Events.html">Events</a>
|
||||
<a href="../../pages/Pages/Event-Single.html">Event Single</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="side-dropdown">
|
||||
<button>Career</button> <i class="fa-solid fa-chevron-right"></i>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Careers.html">Careers</a>
|
||||
<a href="../../pages/Pages/Career-Single.html">Career Single</a>
|
||||
<a href="../../pages/Pages/Career-Form.html">Career Form</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="side-dropdown">
|
||||
<button>Information Hub</button> <i class="fa-solid fa-chevron-right"></i>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Not-Found.html">Not Found</a>
|
||||
<a href="../../pages/Pages/Privacy-Policy.html">Privacy Policy</a>
|
||||
<a href="../../pages/Pages/Terms.html">Terms & Condition</a>
|
||||
</div>
|
||||
</div>
|
||||
<a href="../../pages/Pages/Cost-Calculator.html">cost calculator</a>
|
||||
<a href="../../pages/Pages/Get-Quote.html">get a quote</a>
|
||||
<a href="../../pages/Pages/Clients.html">clients</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">Service</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Service/Services.html">Services</a>
|
||||
<a href="../../pages/Service/Service-Single.html">Service Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">Project</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Project/Projects.html">Projects</a>
|
||||
<a href="../../pages/Project/Project-Single.html">Project Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">blog</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Blog/Blog-Grid.html">blogs grid</a>
|
||||
<a href="../../pages/Blog/Blog-List.html">blogs list</a>
|
||||
<a href="../../pages/Blog/Blog-Single.html">blog Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">shop</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Shop/Shop-Grid.html">shop grid</a>
|
||||
<a href="../../pages/Shop/Shop-List.html">shop list</a>
|
||||
<a href="../../pages/Shop/Product-Single.html">product Single</a>
|
||||
<a href="../../pages/Shop/Wishlist.html">wishlist</a>
|
||||
<a href="../../pages/Shop/Cart.html">cart</a>
|
||||
<a href="../../pages/Shop/Checkout.html">checkout</a>
|
||||
<a href="../../pages/Shop/Login.html">login</a>
|
||||
<a href="../../pages/Shop/Register.html">register</a>
|
||||
<a href="../../pages/Shop/Reset-Password.html">forgot Password</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<a class="nav-btn" href="../../pages/Contact/Contact.html">contact</a>
|
||||
|
||||
</nav>
|
||||
|
||||
<!-- == Icon Container == -->
|
||||
<div class="icon-container">
|
||||
<div id="search-btn" class="icon fa-solid fa-magnifying-glass"></div> <!-- Search Icon -->
|
||||
<div id="menu-btn" class="icon fa-solid fa-bars-staggered"></div>
|
||||
<a href="../../pages/Pages/Get-Quote.html" class="btn">get A quote</a>
|
||||
</div>
|
||||
|
||||
<!-- == Search Container == -->
|
||||
<form class="search-container">
|
||||
<input type="search" id="search-bar" placeholder="search here" required> <!-- Search Input -->
|
||||
<button type="submit"><i class="fas fa-search"></i></button> <!-- Submit Button -->
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ===== Header-2 Area (End) ===== -->
|
||||
|
||||
<!-- ===== Mobile Menu Area (Start) ===== -->
|
||||
<div class="mobile-menu">
|
||||
|
||||
<nav class="mobile-navbar">
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <a class="nav-btn" href="../../index.html">home</a> </div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">about</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/About/About.html">about us</a>
|
||||
<a href="../../pages/About/WhyUs.html">Why Choose Us</a>
|
||||
<a href="../../pages/About/History.html">History</a>
|
||||
<a href="../../pages/About/Team.html">Team</a>
|
||||
<a href="../../pages/About/Team-Single.html">Team Single</a>
|
||||
<a href="../../pages/About/Testimonials.html">testimonials</a>
|
||||
<a href="../../pages/About/FAQs.html">FAQs</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">pages</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Pages/Gallery.html">Gallery</a>
|
||||
<a href="../../pages/Pages/Pricing.html">Pricing</a>
|
||||
<a href="../../pages/Pages/Process.html">work process</a>
|
||||
<a href="../../pages/Pages/Awards.html">Awards</a>
|
||||
<a href="../../pages/Pages/Events.html">Events</a>
|
||||
<a href="../../pages/Pages/Event-Single.html">Event Single</a>
|
||||
<a href="../../pages/Pages/Careers.html">Careers</a>
|
||||
<a href="../../pages/Pages/Career-Single.html">Career Single</a>
|
||||
<a href="../../pages/Pages/Career-Form.html">Career Form</a>
|
||||
<a href="../../pages/Pages/Not-Found.html">Not Found</a>
|
||||
<a href="../../pages/Pages/Privacy-Policy.html">Privacy Policy</a>
|
||||
<a href="../../pages/Pages/Terms.html">Terms & Condition</a>
|
||||
<a href="../../pages/Pages/Cost-Calculator.html">cost calculator</a>
|
||||
<a href="../../pages/Pages/Get-Quote.html">get a quote</a>
|
||||
<a href="../../pages/Pages/Clients.html">clients</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">Service</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Service/Services.html">Services</a>
|
||||
<a href="../../pages/Service/Service-Single.html">Service Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">Project</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Project/Projects.html">Projects</a>
|
||||
<a href="../../pages/Project/Project-Single.html">Project Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">blog</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Blog/Blog-Grid.html">blogs grid</a>
|
||||
<a href="../../pages/Blog/Blog-List.html">blogs list</a>
|
||||
<a href="../../pages/Blog/Blog-Single.html">blog Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">Shop</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Shop/Shop-Grid.html">shop grid</a>
|
||||
<a href="../../pages/Shop/Shop-List.html">shop list</a>
|
||||
<a href="../../pages/Shop/Product-Single.html">product Single</a>
|
||||
<a href="../../pages/Shop/Wishlist.html">wishlist</a>
|
||||
<a href="../../pages/Shop/Cart.html">cart</a>
|
||||
<a href="../../pages/Shop/Checkout.html">checkout</a>
|
||||
<a href="../../pages/Shop/Login.html">login</a>
|
||||
<a href="../../pages/Shop/Register.html">register</a>
|
||||
<a href="../../pages/Shop/Reset-Password.html">forgot Password</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <a class="nav-btn" href="../../pages/Contact/Contact.html">contact</a> </div>
|
||||
</div>
|
||||
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
<!-- ===== Mobile Menu Area (End) ===== -->
|
||||
|
||||
</header>
|
||||
<!-- ==================== Header Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Page-Title (Start) ==================== -->
|
||||
<div class="page-title">
|
||||
|
||||
<div class="title">
|
||||
<h2>Careers</h2>
|
||||
</div>
|
||||
|
||||
<div class="link">
|
||||
<a href="../../index.html">Home</a>
|
||||
<i class="fa-solid fa-angles-right"></i>
|
||||
<span class="page">Careers</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ==================== Page-Title (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Career Area (Start) ==================== -->
|
||||
<section class="career">
|
||||
|
||||
<!-- ========== Career Page Introduction (Start) ========== -->
|
||||
<section class="career-intro">
|
||||
|
||||
<!-- Introduction Content -->
|
||||
<div class="content">
|
||||
|
||||
<div class="heading">
|
||||
<div class="sub"><span>Join Our Team</span><i class="fas fa-leaf"></i></div> <!-- Sub Heading -->
|
||||
<h2>Join Our Landscaping Team</h2> <!-- Main Heading -->
|
||||
</div>
|
||||
|
||||
<!-- Description -->
|
||||
<p>At LeafLine, we believe in cultivating both nature and talent. We're looking for passionate, creative, and hardworking individuals to join our growing team of gardening and landscaping experts. Whether you’re skilled in design, plant care, or outdoor maintenance, LeafLine offers a rewarding environment where your work truly blossoms.</p>
|
||||
|
||||
<!-- Key Features -->
|
||||
<ul class="career-features">
|
||||
<li><i class="fas fa-briefcase"></i><span>Exciting Roles in Gardening</span></li> <!-- Feature 1 -->
|
||||
<li><i class="fas fa-briefcase"></i><span>Experience with Expert Designers</span></li> <!-- Feature 2 -->
|
||||
<li><i class="fas fa-briefcase"></i><span>ComprehensiveTraining Programs</span></li> <!-- Feature 3 -->
|
||||
<li><i class="fas fa-briefcase"></i><span>Opportunities for Career Growth</span></li> <!-- Feature 4 -->
|
||||
<li><i class="fas fa-briefcase"></i><span>Commitment to Sustainable Practices</span></li> <!-- Feature 5 -->
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Career Image -->
|
||||
<div class="image">
|
||||
<img src="../../assets/images/Career/Intro/Intro.jpg" alt="Career-Image">
|
||||
</div>
|
||||
|
||||
</section>
|
||||
<!-- ========== Career Page Introduction (End) ========== -->
|
||||
|
||||
<!-- ========== Career Benefits for Employees (Start) ========== -->
|
||||
<div class="career-benefits">
|
||||
|
||||
<!-- Career Growth -->
|
||||
<div class="benefit-item">
|
||||
<i class="fas fa-seedling"></i> <!-- Growth Icon -->
|
||||
<h3>Career Growth</h3> <!-- Benefit Title -->
|
||||
<p>Grow your career with LeafLine through diverse opportunities in garden design, landscaping, and sustainable outdoor solutions.</p>
|
||||
</div>
|
||||
|
||||
<!-- Training Opportunities -->
|
||||
<div class="benefit-item">
|
||||
<i class="fas fa-graduation-cap"></i> <!-- Graduation Cap Icon -->
|
||||
<h3>Training Programs</h3> <!-- Benefit Title -->
|
||||
<p>Enhance your skills with expert-led horticulture & landscaping training programs designed to help you thrive professionally.</p>
|
||||
</div>
|
||||
|
||||
<!-- Competitive Salary -->
|
||||
<div class="benefit-item">
|
||||
<i class="fas fa-money-bill-alt"></i> <!-- Money Icon -->
|
||||
<h3>Competitive Pay</h3> <!-- Benefit Title -->
|
||||
<p>Receive attractive compensation packages with performance rewards and benefits that value your hard work and creativity.</p>
|
||||
</div>
|
||||
|
||||
<!-- Flexible Schedule -->
|
||||
<div class="benefit-item">
|
||||
<i class="fas fa-clock"></i> <!-- Clock Icon -->
|
||||
<h3>Flexible Hours</h3> <!-- Benefit Title -->
|
||||
<p>Enjoy flexible working hours that support a healthy work balance, allowing you to stay inspired both at work and home.</p>
|
||||
</div>
|
||||
|
||||
<!-- Team Collaboration -->
|
||||
<div class="benefit-item">
|
||||
<i class="fas fa-users"></i> <!-- Users Icon -->
|
||||
<h3>Team Collaboration</h3> <!-- Benefit Title -->
|
||||
<p>Be part of a friendly, supportive team that values creativity, cooperation, and a shared passion for nature and green spaces.</p>
|
||||
</div>
|
||||
|
||||
<!-- Growth Opportunities -->
|
||||
<div class="benefit-item">
|
||||
<i class="fas fa-arrow-up"></i> <!-- Arrow Icon -->
|
||||
<h3>Personal Development</h3> <!-- Benefit Title -->
|
||||
<p>Discover endless opportunities to expand your knowledge, enhance your skills, and advance your career within LeafLine’s growing network.</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ========== Career Benefits for Employees (End) ========== -->
|
||||
|
||||
<!-- ========== Career Positions (Start) ========== -->
|
||||
<div class="career-positions">
|
||||
|
||||
<!-- Section Heading -->
|
||||
<div class="heading">
|
||||
<div class="sub"><i class="fas fa-leaf"></i><span>Career Opportunities</span><i class="fas fa-leaf"></i></div>
|
||||
<h2>Open Positions</h2>
|
||||
</div>
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Position 1: Landscaper -->
|
||||
<div class="position-item">
|
||||
<div class="label"><span>full<br>time</span></div>
|
||||
<a href="../../pages/Pages/Career-Single.html"><h3>Landscaper</h3></a>
|
||||
<div class="details">
|
||||
<h5><i class="fas fa-map-marker-alt"></i><span>LeafLine, Bloomtown</span></h5>
|
||||
<h5><i class="fas fa-money-bill"></i><span>$45K - $60K</span></h5>
|
||||
<h5><i class="fas fa-briefcase"></i><span>Outdoor Projects</span></h5>
|
||||
</div>
|
||||
<a href="#" class="btn">Apply Now</a>
|
||||
</div>
|
||||
|
||||
<!-- Position 2: Horticulturist -->
|
||||
<div class="position-item">
|
||||
<div class="label"><span>full<br>time</span></div>
|
||||
<a href="../../pages/Pages/Career-Single.html"><h3>Horticulturist</h3></a>
|
||||
<div class="details">
|
||||
<h5><i class="fas fa-map-marker-alt"></i><span>LeafLine, Greenfield City</span></h5>
|
||||
<h5><i class="fas fa-money-bill"></i><span>$55K - $70K</span></h5>
|
||||
<h5><i class="fas fa-briefcase"></i><span>Research & Development</span></h5>
|
||||
</div>
|
||||
<a href="#" class="btn">Apply Now</a>
|
||||
</div>
|
||||
|
||||
<!-- Position 3: Gardener -->
|
||||
<div class="position-item">
|
||||
<div class="label"><span>full<br>time</span></div>
|
||||
<a href="../../pages/Pages/Career-Single.html"><h3>Gardener</h3></a>
|
||||
<div class="details">
|
||||
<h5><i class="fas fa-map-marker-alt"></i><span>LeafLine, Greenfield City</span></h5>
|
||||
<h5><i class="fas fa-money-bill"></i><span>$40K - $55K</span></h5>
|
||||
<h5><i class="fas fa-briefcase"></i><span>On-site Position</span></h5>
|
||||
</div>
|
||||
<a href="#" class="btn">Apply Now</a>
|
||||
</div>
|
||||
|
||||
<!-- Position 4: Landscape Designer -->
|
||||
<div class="position-item">
|
||||
<div class="label"><span>full<br>time</span></div>
|
||||
<a href="../../pages/Pages/Career-Single.html"><h3>Landscape Designer</h3></a>
|
||||
<div class="details">
|
||||
<h5><i class="fas fa-map-marker-alt"></i><span>LeafLine, Rose Valley</span></h5>
|
||||
<h5><i class="fas fa-money-bill"></i><span>$60K - $75K</span></h5>
|
||||
<h5><i class="fas fa-briefcase"></i><span>Hybrid (Office + Field)</span></h5>
|
||||
</div>
|
||||
<a href="#" class="btn">Apply Now</a>
|
||||
</div>
|
||||
|
||||
<!-- Position 5: Garden Technician -->
|
||||
<div class="position-item">
|
||||
<div class="label"><span>part<br>time</span></div>
|
||||
<a href="../../pages/Pages/Career-Single.html"><h3>Garden Technician</h3></a>
|
||||
<div class="details">
|
||||
<h5><i class="fas fa-map-marker-alt"></i><span>LeafLine, Meadow Park</span></h5>
|
||||
<h5><i class="fas fa-money-bill"></i><span>$25K - $35K</span></h5>
|
||||
<h5><i class="fas fa-briefcase"></i><span>Maintenance Department</span></h5>
|
||||
</div>
|
||||
<a href="#" class="btn">Apply Now</a>
|
||||
</div>
|
||||
|
||||
<!-- Position 6: Landscape Architect -->
|
||||
<div class="position-item">
|
||||
<div class="label"><span>full<br>time</span></div>
|
||||
<a href="../../pages/Pages/Career-Single.html"><h3>Landscape Architect</h3></a>
|
||||
<div class="details">
|
||||
<h5><i class="fas fa-map-marker-alt"></i><span>LeafLine, Greenfield City</span></h5>
|
||||
<h5><i class="fas fa-money-bill"></i><span>$70K - $90K</span></h5>
|
||||
<h5><i class="fas fa-briefcase"></i><span>Creative Design Studio</span></h5>
|
||||
</div>
|
||||
<a href="#" class="btn">Apply Now</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ========== Career Positions (End) ========== -->
|
||||
|
||||
</section>
|
||||
<!-- ==================== Career Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Footer Area (Start) ==================== -->
|
||||
<footer class="footer">
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Gardening and Landscaping Company Information & Social Media Links -->
|
||||
<div class="footer-item">
|
||||
|
||||
<!-- Gardening and Landscaping Company Logo -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<!-- Description -->
|
||||
<p>Transforming outdoor spaces with premium gardening and landscaping solutions.</p>
|
||||
|
||||
<!-- Contact Information -->
|
||||
<div class="info connect">
|
||||
<p><i class="fas fa-phone"></i><span>+123-456-7890</span></p>
|
||||
<p><i class="fas fa-envelope"></i><span class="gmail">info@leafline.com</span></p>
|
||||
<p><i class="fas fa-map-marker-alt"></i><span>LeafLine Company</span></p>
|
||||
</div>
|
||||
|
||||
<!-- Social Media Links -->
|
||||
<div class="social">
|
||||
<a href="#"><i class="fab fa-facebook-f"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-x-twitter"></i></a>
|
||||
<a href="#"><i class="fab fa-instagram"></i></a>
|
||||
<a href="#"><i class="fab fa-linkedin"></i></a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Gardening and Landscaping Services Offered -->
|
||||
<div class="footer-item">
|
||||
<h2>Our Services</h2>
|
||||
<div class="info links">
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Lawn Care</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Garden Design</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Tree Planting</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Hardscaping Solution</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">water ponds</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Outdoor Décor</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Quick Links -->
|
||||
<div class="footer-item">
|
||||
<h2>Quick Links</h2>
|
||||
<div class="info links">
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/About/About.html">About Us</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Services.html">Services</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Project/Projects.html">Projects</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Blog/Blog-Grid.html">Blog</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Shop/Shop-Grid.html">Shop</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Contact/Contact.html">Contact Us</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Newsletter Subscription -->
|
||||
<div class="footer-item">
|
||||
|
||||
<h2>Newsletter</h2>
|
||||
<p>Stay informed and up-to-date with the latest trends, helpful tips, and exclusive special offers.</p>
|
||||
<form class="dark-form" method="post" id="newsletter-form-2">
|
||||
<div class="input-field">
|
||||
<label for="news-email-2" class="fas fa-envelope"></label>
|
||||
<input type="email" id="news-email-2" name="email" class="box" placeholder="Your email address" required>
|
||||
</div>
|
||||
<button type="submit" class="btn" name="submit" id="submit-2">Subscribe</button>
|
||||
<span class="alert" id="msg-2"></span>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Gardening and Landscaping Company's Name and Copyright -->
|
||||
<div class="content">
|
||||
<p>Designed By <span>NorthStar_Themes</span> | All Rights Reserved</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
<!-- ==================== Footer Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- Jquery -->
|
||||
<script src="../../assets/vendors/jquery/jquery.min.js"></script>
|
||||
|
||||
<!-- Custom Script Files -->
|
||||
<script src="../../assets/js/script.js"></script> <!-- Custom JavaScript file with additional website functionality. -->
|
||||
<script src="../../assets/js/nav-link-toggler.js"></script> <!-- Manages navigation link toggling (e.g., hamburger menu) for mobile devices -->
|
||||
<script src="../../assets/js/newsletter.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,430 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<!-- Title -->
|
||||
<title>LeafLine | Gardening and Landscaping Website</title>
|
||||
|
||||
<!-- Favicon -->
|
||||
<link rel="icon" type="image/x-icon" href="../../assets/images/favicon.ico">
|
||||
|
||||
<!-- Font-Awesome (CSS) -->
|
||||
<link rel="stylesheet" href="../../assets/vendors/font-awesome/css/all.min.css">
|
||||
|
||||
<!-- Custom Stylesheets -->
|
||||
<link rel="stylesheet" href="../../assets/css/main.css">
|
||||
<link rel="stylesheet" href="../../assets/css/responsive.css">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- ==================== Scroll-Top Area (Start) ==================== -->
|
||||
<a href="#" class="scroll-top">
|
||||
<i class="fa-solid fa-arrow-up-long"></i>
|
||||
</a>
|
||||
<!-- ==================== Scroll-Top Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Header Area (Start) ==================== -->
|
||||
<header class="header">
|
||||
|
||||
<!-- ===== Header-1 Area (Start) ===== -->
|
||||
<div class="header-1">
|
||||
|
||||
<!-- == Contacts == -->
|
||||
<ul class="header-contacts">
|
||||
<li><i class="fa-solid fa-location-dot"></i><span>LeafLine Company</span></li>
|
||||
<li><i class="fa-solid fa-phone"></i><span>+123-456-7890</span></li>
|
||||
<li><i class="fa-solid fa-envelope"></i><span class="gmail">info@leafline.com</span></li>
|
||||
</ul>
|
||||
|
||||
<!-- == Social == -->
|
||||
<ul class="social-contacts">
|
||||
<li><a href="#" class="fab fa-facebook-f"></a></li>
|
||||
<li><a href="#" class="fa-brands fa-x-twitter"></a></li>
|
||||
<li><a href="#" class="fab fa-instagram"></a></li>
|
||||
<li><a href="#" class="fab fa-linkedin"></a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
<!-- ===== Header-1 Area (End) ===== -->
|
||||
|
||||
<!-- ===== Header-2 Area (Start) ===== -->
|
||||
<div class="header-2">
|
||||
|
||||
<!-- == Logo == -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<div class="container">
|
||||
|
||||
<!-- == Navbar == -->
|
||||
<nav class="navbar">
|
||||
|
||||
<a class="nav-btn" href="../../index.html">home</a>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">about</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/About/About.html">about us</a>
|
||||
<a href="../../pages/About/WhyUs.html">Why Choose Us</a>
|
||||
<a href="../../pages/About/History.html">History</a>
|
||||
<a href="../../pages/About/Team.html">Team</a>
|
||||
<a href="../../pages/About/Team-Single.html">Team Single</a>
|
||||
<a href="../../pages/About/Testimonials.html">testimonials</a>
|
||||
<a href="../../pages/About/FAQs.html">FAQs</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">Pages</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Gallery.html">Gallery</a>
|
||||
<a href="../../pages/Pages/Pricing.html">Pricing</a>
|
||||
<a href="../../pages/Pages/Process.html">work process</a>
|
||||
<a href="../../pages/Pages/Awards.html">Awards</a>
|
||||
<div class="side-dropdown">
|
||||
<button>Event</button> <i class="fa-solid fa-chevron-right"></i>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Events.html">Events</a>
|
||||
<a href="../../pages/Pages/Event-Single.html">Event Single</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="side-dropdown">
|
||||
<button>Career</button> <i class="fa-solid fa-chevron-right"></i>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Careers.html">Careers</a>
|
||||
<a href="../../pages/Pages/Career-Single.html">Career Single</a>
|
||||
<a href="../../pages/Pages/Career-Form.html">Career Form</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="side-dropdown">
|
||||
<button>Information Hub</button> <i class="fa-solid fa-chevron-right"></i>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Not-Found.html">Not Found</a>
|
||||
<a href="../../pages/Pages/Privacy-Policy.html">Privacy Policy</a>
|
||||
<a href="../../pages/Pages/Terms.html">Terms & Condition</a>
|
||||
</div>
|
||||
</div>
|
||||
<a href="../../pages/Pages/Cost-Calculator.html">cost calculator</a>
|
||||
<a href="../../pages/Pages/Get-Quote.html">get a quote</a>
|
||||
<a href="../../pages/Pages/Clients.html">clients</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">Service</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Service/Services.html">Services</a>
|
||||
<a href="../../pages/Service/Service-Single.html">Service Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">Project</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Project/Projects.html">Projects</a>
|
||||
<a href="../../pages/Project/Project-Single.html">Project Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">blog</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Blog/Blog-Grid.html">blogs grid</a>
|
||||
<a href="../../pages/Blog/Blog-List.html">blogs list</a>
|
||||
<a href="../../pages/Blog/Blog-Single.html">blog Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">shop</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Shop/Shop-Grid.html">shop grid</a>
|
||||
<a href="../../pages/Shop/Shop-List.html">shop list</a>
|
||||
<a href="../../pages/Shop/Product-Single.html">product Single</a>
|
||||
<a href="../../pages/Shop/Wishlist.html">wishlist</a>
|
||||
<a href="../../pages/Shop/Cart.html">cart</a>
|
||||
<a href="../../pages/Shop/Checkout.html">checkout</a>
|
||||
<a href="../../pages/Shop/Login.html">login</a>
|
||||
<a href="../../pages/Shop/Register.html">register</a>
|
||||
<a href="../../pages/Shop/Reset-Password.html">forgot Password</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<a class="nav-btn" href="../../pages/Contact/Contact.html">contact</a>
|
||||
|
||||
</nav>
|
||||
|
||||
<!-- == Icon Container == -->
|
||||
<div class="icon-container">
|
||||
<div id="search-btn" class="icon fa-solid fa-magnifying-glass"></div> <!-- Search Icon -->
|
||||
<div id="menu-btn" class="icon fa-solid fa-bars-staggered"></div>
|
||||
<a href="../../pages/Pages/Get-Quote.html" class="btn">get A quote</a>
|
||||
</div>
|
||||
|
||||
<!-- == Search Container == -->
|
||||
<form class="search-container">
|
||||
<input type="search" id="search-bar" placeholder="search here" required> <!-- Search Input -->
|
||||
<button type="submit"><i class="fas fa-search"></i></button> <!-- Submit Button -->
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ===== Header-2 Area (End) ===== -->
|
||||
|
||||
<!-- ===== Mobile Menu Area (Start) ===== -->
|
||||
<div class="mobile-menu">
|
||||
|
||||
<nav class="mobile-navbar">
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <a class="nav-btn" href="../../index.html">home</a> </div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">about</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/About/About.html">about us</a>
|
||||
<a href="../../pages/About/WhyUs.html">Why Choose Us</a>
|
||||
<a href="../../pages/About/History.html">History</a>
|
||||
<a href="../../pages/About/Team.html">Team</a>
|
||||
<a href="../../pages/About/Team-Single.html">Team Single</a>
|
||||
<a href="../../pages/About/Testimonials.html">testimonials</a>
|
||||
<a href="../../pages/About/FAQs.html">FAQs</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">pages</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Pages/Gallery.html">Gallery</a>
|
||||
<a href="../../pages/Pages/Pricing.html">Pricing</a>
|
||||
<a href="../../pages/Pages/Process.html">work process</a>
|
||||
<a href="../../pages/Pages/Awards.html">Awards</a>
|
||||
<a href="../../pages/Pages/Events.html">Events</a>
|
||||
<a href="../../pages/Pages/Event-Single.html">Event Single</a>
|
||||
<a href="../../pages/Pages/Careers.html">Careers</a>
|
||||
<a href="../../pages/Pages/Career-Single.html">Career Single</a>
|
||||
<a href="../../pages/Pages/Career-Form.html">Career Form</a>
|
||||
<a href="../../pages/Pages/Not-Found.html">Not Found</a>
|
||||
<a href="../../pages/Pages/Privacy-Policy.html">Privacy Policy</a>
|
||||
<a href="../../pages/Pages/Terms.html">Terms & Condition</a>
|
||||
<a href="../../pages/Pages/Cost-Calculator.html">cost calculator</a>
|
||||
<a href="../../pages/Pages/Get-Quote.html">get a quote</a>
|
||||
<a href="../../pages/Pages/Clients.html">clients</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">Service</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Service/Services.html">Services</a>
|
||||
<a href="../../pages/Service/Service-Single.html">Service Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">Project</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Project/Projects.html">Projects</a>
|
||||
<a href="../../pages/Project/Project-Single.html">Project Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">blog</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Blog/Blog-Grid.html">blogs grid</a>
|
||||
<a href="../../pages/Blog/Blog-List.html">blogs list</a>
|
||||
<a href="../../pages/Blog/Blog-Single.html">blog Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">Shop</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Shop/Shop-Grid.html">shop grid</a>
|
||||
<a href="../../pages/Shop/Shop-List.html">shop list</a>
|
||||
<a href="../../pages/Shop/Product-Single.html">product Single</a>
|
||||
<a href="../../pages/Shop/Wishlist.html">wishlist</a>
|
||||
<a href="../../pages/Shop/Cart.html">cart</a>
|
||||
<a href="../../pages/Shop/Checkout.html">checkout</a>
|
||||
<a href="../../pages/Shop/Login.html">login</a>
|
||||
<a href="../../pages/Shop/Register.html">register</a>
|
||||
<a href="../../pages/Shop/Reset-Password.html">forgot Password</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <a class="nav-btn" href="../../pages/Contact/Contact.html">contact</a> </div>
|
||||
</div>
|
||||
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
<!-- ===== Mobile Menu Area (End) ===== -->
|
||||
|
||||
</header>
|
||||
<!-- ==================== Header Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Page-Title (Start) ==================== -->
|
||||
<div class="page-title">
|
||||
|
||||
<div class="title">
|
||||
<h2>Clients</h2>
|
||||
</div>
|
||||
|
||||
<div class="link">
|
||||
<a href="../../index.html">Home</a>
|
||||
<i class="fa-solid fa-angles-right"></i>
|
||||
<span class="page">Clients</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ==================== Page-Title (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Clients Area (Start) ==================== -->
|
||||
<section class="clients">
|
||||
|
||||
<!-- Section Heading -->
|
||||
<div class="heading">
|
||||
<div class="sub"><i class="fa-brands fa-pagelines"></i><span>Valued Client Partners</span><i class="fa-brands fa-pagelines"></i></div>
|
||||
<h2>Our Clients</h2>
|
||||
</div>
|
||||
|
||||
<!-- Clients Logo -->
|
||||
<div class="box-container">
|
||||
|
||||
<div class="client-item"><a href="#"><img src="../../assets/images/Clients/Client-1.png" alt="Client-Logo"></a></div>
|
||||
<div class="client-item"><a href="#"><img src="../../assets/images/Clients/Client-2.png" alt="Client-Logo"></a></div>
|
||||
<div class="client-item"><a href="#"><img src="../../assets/images/Clients/Client-3.png" alt="Client-Logo"></a></div>
|
||||
<div class="client-item"><a href="#"><img src="../../assets/images/Clients/Client-4.png" alt="Client-Logo"></a></div>
|
||||
<div class="client-item"><a href="#"><img src="../../assets/images/Clients/Client-5.png" alt="Client-Logo"></a></div>
|
||||
<div class="client-item"><a href="#"><img src="../../assets/images/Clients/Client-6.png" alt="Client-Logo"></a></div>
|
||||
<div class="client-item"><a href="#"><img src="../../assets/images/Clients/Client-7.png" alt="Client-Logo"></a></div>
|
||||
<div class="client-item"><a href="#"><img src="../../assets/images/Clients/Client-8.png" alt="Client-Logo"></a></div>
|
||||
|
||||
</div>
|
||||
|
||||
</section>
|
||||
<!-- ==================== Clients Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Footer Area (Start) ==================== -->
|
||||
<footer class="footer">
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Gardening and Landscaping Company Information & Social Media Links -->
|
||||
<div class="footer-item">
|
||||
|
||||
<!-- Gardening and Landscaping Company Logo -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<!-- Description -->
|
||||
<p>Transforming outdoor spaces with premium gardening and landscaping solutions.</p>
|
||||
|
||||
<!-- Contact Information -->
|
||||
<div class="info connect">
|
||||
<p><i class="fas fa-phone"></i><span>+123-456-7890</span></p>
|
||||
<p><i class="fas fa-envelope"></i><span class="gmail">info@leafline.com</span></p>
|
||||
<p><i class="fas fa-map-marker-alt"></i><span>LeafLine Company</span></p>
|
||||
</div>
|
||||
|
||||
<!-- Social Media Links -->
|
||||
<div class="social">
|
||||
<a href="#"><i class="fab fa-facebook-f"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-x-twitter"></i></a>
|
||||
<a href="#"><i class="fab fa-instagram"></i></a>
|
||||
<a href="#"><i class="fab fa-linkedin"></i></a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Gardening and Landscaping Services Offered -->
|
||||
<div class="footer-item">
|
||||
<h2>Our Services</h2>
|
||||
<div class="info links">
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Lawn Care</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Garden Design</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Tree Planting</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Hardscaping Solution</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">water ponds</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Outdoor Décor</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Quick Links -->
|
||||
<div class="footer-item">
|
||||
<h2>Quick Links</h2>
|
||||
<div class="info links">
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/About/About.html">About Us</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Services.html">Services</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Project/Projects.html">Projects</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Blog/Blog-Grid.html">Blog</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Shop/Shop-Grid.html">Shop</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Contact/Contact.html">Contact Us</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Newsletter Subscription -->
|
||||
<div class="footer-item">
|
||||
|
||||
<h2>Newsletter</h2>
|
||||
<p>Stay informed and up-to-date with the latest trends, helpful tips, and exclusive special offers.</p>
|
||||
<form class="dark-form" method="post" id="newsletter-form-2">
|
||||
<div class="input-field">
|
||||
<label for="news-email-2" class="fas fa-envelope"></label>
|
||||
<input type="email" id="news-email-2" name="email" class="box" placeholder="Your email address" required>
|
||||
</div>
|
||||
<button type="submit" class="btn" name="submit" id="submit-2">Subscribe</button>
|
||||
<span class="alert" id="msg-2"></span>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Gardening and Landscaping Company's Name and Copyright -->
|
||||
<div class="content">
|
||||
<p>Designed By <span>NorthStar_Themes</span> | All Rights Reserved</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
<!-- ==================== Footer Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- Jquery -->
|
||||
<script src="../../assets/vendors/jquery/jquery.min.js"></script>
|
||||
|
||||
<!-- Custom Script Files -->
|
||||
<script src="../../assets/js/script.js"></script> <!-- Custom JavaScript file with additional website functionality. -->
|
||||
<script src="../../assets/js/nav-link-toggler.js"></script> <!-- Manages navigation link toggling (e.g., hamburger menu) for mobile devices -->
|
||||
<script src="../../assets/js/newsletter.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,582 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<!-- Title -->
|
||||
<title>LeafLine | Gardening and Landscaping Website</title>
|
||||
|
||||
<!-- Favicon -->
|
||||
<link rel="icon" type="image/x-icon" href="../../assets/images/favicon.ico">
|
||||
|
||||
<!-- Font-Awesome (CSS) -->
|
||||
<link rel="stylesheet" href="../../assets/vendors/font-awesome/css/all.min.css">
|
||||
|
||||
<!-- Custom Stylesheets -->
|
||||
<link rel="stylesheet" href="../../assets/css/main.css">
|
||||
<link rel="stylesheet" href="../../assets/css/responsive.css">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- ==================== Scroll-Top Area (Start) ==================== -->
|
||||
<a href="#" class="scroll-top">
|
||||
<i class="fa-solid fa-arrow-up-long"></i>
|
||||
</a>
|
||||
<!-- ==================== Scroll-Top Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Header Area (Start) ==================== -->
|
||||
<header class="header">
|
||||
|
||||
<!-- ===== Header-1 Area (Start) ===== -->
|
||||
<div class="header-1">
|
||||
|
||||
<!-- == Contacts == -->
|
||||
<ul class="header-contacts">
|
||||
<li><i class="fa-solid fa-location-dot"></i><span>LeafLine Company</span></li>
|
||||
<li><i class="fa-solid fa-phone"></i><span>+123-456-7890</span></li>
|
||||
<li><i class="fa-solid fa-envelope"></i><span class="gmail">info@leafline.com</span></li>
|
||||
</ul>
|
||||
|
||||
<!-- == Social == -->
|
||||
<ul class="social-contacts">
|
||||
<li><a href="#" class="fab fa-facebook-f"></a></li>
|
||||
<li><a href="#" class="fa-brands fa-x-twitter"></a></li>
|
||||
<li><a href="#" class="fab fa-instagram"></a></li>
|
||||
<li><a href="#" class="fab fa-linkedin"></a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
<!-- ===== Header-1 Area (End) ===== -->
|
||||
|
||||
<!-- ===== Header-2 Area (Start) ===== -->
|
||||
<div class="header-2">
|
||||
|
||||
<!-- == Logo == -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<div class="container">
|
||||
|
||||
<!-- == Navbar == -->
|
||||
<nav class="navbar">
|
||||
|
||||
<a class="nav-btn" href="../../index.html">home</a>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">about</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/About/About.html">about us</a>
|
||||
<a href="../../pages/About/WhyUs.html">Why Choose Us</a>
|
||||
<a href="../../pages/About/History.html">History</a>
|
||||
<a href="../../pages/About/Team.html">Team</a>
|
||||
<a href="../../pages/About/Team-Single.html">Team Single</a>
|
||||
<a href="../../pages/About/Testimonials.html">testimonials</a>
|
||||
<a href="../../pages/About/FAQs.html">FAQs</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">Pages</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Gallery.html">Gallery</a>
|
||||
<a href="../../pages/Pages/Pricing.html">Pricing</a>
|
||||
<a href="../../pages/Pages/Process.html">work process</a>
|
||||
<a href="../../pages/Pages/Awards.html">Awards</a>
|
||||
<div class="side-dropdown">
|
||||
<button>Event</button> <i class="fa-solid fa-chevron-right"></i>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Events.html">Events</a>
|
||||
<a href="../../pages/Pages/Event-Single.html">Event Single</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="side-dropdown">
|
||||
<button>Career</button> <i class="fa-solid fa-chevron-right"></i>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Careers.html">Careers</a>
|
||||
<a href="../../pages/Pages/Career-Single.html">Career Single</a>
|
||||
<a href="../../pages/Pages/Career-Form.html">Career Form</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="side-dropdown">
|
||||
<button>Information Hub</button> <i class="fa-solid fa-chevron-right"></i>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Not-Found.html">Not Found</a>
|
||||
<a href="../../pages/Pages/Privacy-Policy.html">Privacy Policy</a>
|
||||
<a href="../../pages/Pages/Terms.html">Terms & Condition</a>
|
||||
</div>
|
||||
</div>
|
||||
<a href="../../pages/Pages/Cost-Calculator.html">cost calculator</a>
|
||||
<a href="../../pages/Pages/Get-Quote.html">get a quote</a>
|
||||
<a href="../../pages/Pages/Clients.html">clients</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">Service</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Service/Services.html">Services</a>
|
||||
<a href="../../pages/Service/Service-Single.html">Service Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">Project</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Project/Projects.html">Projects</a>
|
||||
<a href="../../pages/Project/Project-Single.html">Project Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">blog</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Blog/Blog-Grid.html">blogs grid</a>
|
||||
<a href="../../pages/Blog/Blog-List.html">blogs list</a>
|
||||
<a href="../../pages/Blog/Blog-Single.html">blog Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">shop</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Shop/Shop-Grid.html">shop grid</a>
|
||||
<a href="../../pages/Shop/Shop-List.html">shop list</a>
|
||||
<a href="../../pages/Shop/Product-Single.html">product Single</a>
|
||||
<a href="../../pages/Shop/Wishlist.html">wishlist</a>
|
||||
<a href="../../pages/Shop/Cart.html">cart</a>
|
||||
<a href="../../pages/Shop/Checkout.html">checkout</a>
|
||||
<a href="../../pages/Shop/Login.html">login</a>
|
||||
<a href="../../pages/Shop/Register.html">register</a>
|
||||
<a href="../../pages/Shop/Reset-Password.html">forgot Password</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<a class="nav-btn" href="../../pages/Contact/Contact.html">contact</a>
|
||||
|
||||
</nav>
|
||||
|
||||
<!-- == Icon Container == -->
|
||||
<div class="icon-container">
|
||||
<div id="search-btn" class="icon fa-solid fa-magnifying-glass"></div> <!-- Search Icon -->
|
||||
<div id="menu-btn" class="icon fa-solid fa-bars-staggered"></div>
|
||||
<a href="../../pages/Pages/Get-Quote.html" class="btn">get A quote</a>
|
||||
</div>
|
||||
|
||||
<!-- == Search Container == -->
|
||||
<form class="search-container">
|
||||
<input type="search" id="search-bar" placeholder="search here" required> <!-- Search Input -->
|
||||
<button type="submit"><i class="fas fa-search"></i></button> <!-- Submit Button -->
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ===== Header-2 Area (End) ===== -->
|
||||
|
||||
<!-- ===== Mobile Menu Area (Start) ===== -->
|
||||
<div class="mobile-menu">
|
||||
|
||||
<nav class="mobile-navbar">
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <a class="nav-btn" href="../../index.html">home</a> </div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">about</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/About/About.html">about us</a>
|
||||
<a href="../../pages/About/WhyUs.html">Why Choose Us</a>
|
||||
<a href="../../pages/About/History.html">History</a>
|
||||
<a href="../../pages/About/Team.html">Team</a>
|
||||
<a href="../../pages/About/Team-Single.html">Team Single</a>
|
||||
<a href="../../pages/About/Testimonials.html">testimonials</a>
|
||||
<a href="../../pages/About/FAQs.html">FAQs</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">pages</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Pages/Gallery.html">Gallery</a>
|
||||
<a href="../../pages/Pages/Pricing.html">Pricing</a>
|
||||
<a href="../../pages/Pages/Process.html">work process</a>
|
||||
<a href="../../pages/Pages/Awards.html">Awards</a>
|
||||
<a href="../../pages/Pages/Events.html">Events</a>
|
||||
<a href="../../pages/Pages/Event-Single.html">Event Single</a>
|
||||
<a href="../../pages/Pages/Careers.html">Careers</a>
|
||||
<a href="../../pages/Pages/Career-Single.html">Career Single</a>
|
||||
<a href="../../pages/Pages/Career-Form.html">Career Form</a>
|
||||
<a href="../../pages/Pages/Not-Found.html">Not Found</a>
|
||||
<a href="../../pages/Pages/Privacy-Policy.html">Privacy Policy</a>
|
||||
<a href="../../pages/Pages/Terms.html">Terms & Condition</a>
|
||||
<a href="../../pages/Pages/Cost-Calculator.html">cost calculator</a>
|
||||
<a href="../../pages/Pages/Get-Quote.html">get a quote</a>
|
||||
<a href="../../pages/Pages/Clients.html">clients</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">Service</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Service/Services.html">Services</a>
|
||||
<a href="../../pages/Service/Service-Single.html">Service Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">Project</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Project/Projects.html">Projects</a>
|
||||
<a href="../../pages/Project/Project-Single.html">Project Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">blog</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Blog/Blog-Grid.html">blogs grid</a>
|
||||
<a href="../../pages/Blog/Blog-List.html">blogs list</a>
|
||||
<a href="../../pages/Blog/Blog-Single.html">blog Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">Shop</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Shop/Shop-Grid.html">shop grid</a>
|
||||
<a href="../../pages/Shop/Shop-List.html">shop list</a>
|
||||
<a href="../../pages/Shop/Product-Single.html">product Single</a>
|
||||
<a href="../../pages/Shop/Wishlist.html">wishlist</a>
|
||||
<a href="../../pages/Shop/Cart.html">cart</a>
|
||||
<a href="../../pages/Shop/Checkout.html">checkout</a>
|
||||
<a href="../../pages/Shop/Login.html">login</a>
|
||||
<a href="../../pages/Shop/Register.html">register</a>
|
||||
<a href="../../pages/Shop/Reset-Password.html">forgot Password</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <a class="nav-btn" href="../../pages/Contact/Contact.html">contact</a> </div>
|
||||
</div>
|
||||
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
<!-- ===== Mobile Menu Area (End) ===== -->
|
||||
|
||||
</header>
|
||||
<!-- ==================== Header Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Page-Title (Start) ==================== -->
|
||||
<div class="page-title">
|
||||
|
||||
<div class="title">
|
||||
<h2>cost calculator</h2>
|
||||
</div>
|
||||
|
||||
<div class="link">
|
||||
<a href="../../index.html">Home</a>
|
||||
<i class="fa-solid fa-angles-right"></i>
|
||||
<span class="page">cost calculator</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ==================== Page-Title (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Cost Calculator Area (Start) ==================== -->
|
||||
<section class="custom-form cost-calculator linear-bg">
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<div class="content">
|
||||
|
||||
<!-- Cost Calculator Form (Start) -->
|
||||
<form method="post" class="calculator-form dark-form">
|
||||
|
||||
<!-- Form Heading -->
|
||||
<div class="heading">
|
||||
<div class="sub"><span>Estimate Your Garden Expenses</span><i class="fa-brands fa-pagelines"></i></div>
|
||||
<h2>Cost Calculator</h2>
|
||||
</div>
|
||||
|
||||
<div class="input-box">
|
||||
|
||||
<!-- Service Type Select Field -->
|
||||
<div class="select">
|
||||
<div class="select-container">
|
||||
<label for="service-type" class="fa-brands fa-pagelines"></label>
|
||||
<select class="select-box" id="service-type" name="service-type" required>
|
||||
<option value="">Service Type</option>
|
||||
<option value="lawn-maintenance">Lawn Maintenance</option>
|
||||
<option value="garden-design">Garden Design</option>
|
||||
<option value="tree-planting">Tree Planting</option>
|
||||
<option value="hardscaping">Hardscaping</option>
|
||||
<option value="water-features">Water Features</option>
|
||||
<option value="outdoor-lighting">Outdoor Lighting</option>
|
||||
</select>
|
||||
<div class="icon-container">
|
||||
<i class="fas fa-angle-down"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="input-box">
|
||||
|
||||
<!-- Property Type Select Field -->
|
||||
<div class="select">
|
||||
<div class="select-container">
|
||||
<label for="property-type" class="fa-solid fa-building"></label>
|
||||
<select class="select-box" id="property-type" name="property-type" required>
|
||||
<option value="">Property Type</option>
|
||||
<option value="residential">Residential</option>
|
||||
<option value="commercial">Commercial</option>
|
||||
</select>
|
||||
<div class="icon-container">
|
||||
<i class="fas fa-angle-down"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Area Size Input Field (sq m) -->
|
||||
<div class="input-field">
|
||||
<label for="area-size" class="fas fa-ruler-horizontal"></label>
|
||||
<input type="number" name="area-size" class="box" id="area-size" min="0" placeholder="Area Size (sq m)" required>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="input-box">
|
||||
|
||||
<!-- Garden Style Select Field -->
|
||||
<div class="select">
|
||||
<div class="select-container">
|
||||
<label for="garden-style" class="fa-solid fa-tree"></label>
|
||||
<select class="select-box" id="garden-style" name="garden-style" required>
|
||||
<option value="">Garden Style</option>
|
||||
<option value="native">Native</option>
|
||||
<option value="formal">Formal</option>
|
||||
<option value="cottage">Cottage</option>
|
||||
<option value="japanese">Japanese</option>
|
||||
<option value="modern">Modern</option>
|
||||
<option value="eclectic">Eclectic</option>
|
||||
<option value="default">No Preference</option>
|
||||
</select>
|
||||
<div class="icon-container">
|
||||
<i class="fas fa-angle-down"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Number of Plants Input Field -->
|
||||
<div class="input-field">
|
||||
<label for="number-of-plants" class="fas fa-seedling"></label>
|
||||
<input type="number" name="number-of-plants" class="box" id="number-of-plants" min="0" placeholder="Number of plants" required>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="input-box">
|
||||
|
||||
<!-- Project Urgency Select Field -->
|
||||
<div class="select">
|
||||
<div class="select-container">
|
||||
<label for="project-urgency" class="fas fa-clock"></label>
|
||||
<select class="select-box" id="project-urgency" name="project-urgency" required>
|
||||
<option value="">Project Urgency</option>
|
||||
<option value="asap">ASAP</option>
|
||||
<option value="within-a-month">Within a Month</option>
|
||||
<option value="within-three-months">Within 1-3 Months</option>
|
||||
<option value="no-rush">No Rush</option>
|
||||
</select>
|
||||
<div class="icon-container">
|
||||
<i class="fas fa-angle-down"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Soil Type Select Field -->
|
||||
<div class="select">
|
||||
<div class="select-container">
|
||||
<label for="soil-type" class="fas fa-layer-group"></label>
|
||||
<select class="select-box" id="soil-type" name="soil-type" required>
|
||||
<option value="">Soil Type</option>
|
||||
<option value="loam">Loam</option>
|
||||
<option value="sandy">Sandy</option>
|
||||
<option value="clay">Clay</option>
|
||||
<option value="silt">Silt</option>
|
||||
<option value="peat">Peat</option>
|
||||
<option value="chalk">Chalk</option>
|
||||
<option value="rocky">Rocky</option>
|
||||
</select>
|
||||
<div class="icon-container">
|
||||
<i class="fas fa-angle-down"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Extra Services Checkboxes -->
|
||||
<div class="extra-services">
|
||||
|
||||
<!-- Automated Irrigation Checkbox -->
|
||||
<div class="checkbox-label">
|
||||
<input type="checkbox" id="automated-irrigation-checkbox">
|
||||
<label for="automated-irrigation-checkbox">Automated Irrigation</label>
|
||||
<div class="checkbox-indicator"></div>
|
||||
</div>
|
||||
|
||||
<!-- Custom Pathways Checkbox -->
|
||||
<div class="checkbox-label">
|
||||
<input type="checkbox" id="custom-pathways-checkbox">
|
||||
<label for="custom-pathways-checkbox">Custom Pathways</label>
|
||||
<div class="checkbox-indicator"></div>
|
||||
</div>
|
||||
|
||||
<!-- Outdoor Seating Checkbox -->
|
||||
<div class="checkbox-label">
|
||||
<input type="checkbox" id="outdoor-seating-checkbox">
|
||||
<label for="outdoor-seating-checkbox">Outdoor Seating Area</label>
|
||||
<div class="checkbox-indicator"></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Total Cost Display -->
|
||||
<div class="cost-total">
|
||||
<h5>total</h5>
|
||||
<span>$0</span>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
<!-- Cost Calculator Form (End) -->
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</section>
|
||||
<!-- ==================== Cost Calculator Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Footer Area (Start) ==================== -->
|
||||
<footer class="footer">
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Gardening and Landscaping Company Information & Social Media Links -->
|
||||
<div class="footer-item">
|
||||
|
||||
<!-- Gardening and Landscaping Company Logo -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<!-- Description -->
|
||||
<p>Transforming outdoor spaces with premium gardening and landscaping solutions.</p>
|
||||
|
||||
<!-- Contact Information -->
|
||||
<div class="info connect">
|
||||
<p><i class="fas fa-phone"></i><span>+123-456-7890</span></p>
|
||||
<p><i class="fas fa-envelope"></i><span class="gmail">info@leafline.com</span></p>
|
||||
<p><i class="fas fa-map-marker-alt"></i><span>LeafLine Company</span></p>
|
||||
</div>
|
||||
|
||||
<!-- Social Media Links -->
|
||||
<div class="social">
|
||||
<a href="#"><i class="fab fa-facebook-f"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-x-twitter"></i></a>
|
||||
<a href="#"><i class="fab fa-instagram"></i></a>
|
||||
<a href="#"><i class="fab fa-linkedin"></i></a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Gardening and Landscaping Services Offered -->
|
||||
<div class="footer-item">
|
||||
<h2>Our Services</h2>
|
||||
<div class="info links">
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Lawn Care</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Garden Design</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Tree Planting</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Hardscaping Solution</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">water ponds</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Outdoor Décor</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Quick Links -->
|
||||
<div class="footer-item">
|
||||
<h2>Quick Links</h2>
|
||||
<div class="info links">
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/About/About.html">About Us</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Services.html">Services</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Project/Projects.html">Projects</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Blog/Blog-Grid.html">Blog</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Shop/Shop-Grid.html">Shop</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Contact/Contact.html">Contact Us</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Newsletter Subscription -->
|
||||
<div class="footer-item">
|
||||
|
||||
<h2>Newsletter</h2>
|
||||
<p>Stay informed and up-to-date with the latest trends, helpful tips, and exclusive special offers.</p>
|
||||
<form class="dark-form" method="post" id="newsletter-form-2">
|
||||
<div class="input-field">
|
||||
<label for="news-email-2" class="fas fa-envelope"></label>
|
||||
<input type="email" id="news-email-2" name="email" class="box" placeholder="Your email address" required>
|
||||
</div>
|
||||
<button type="submit" class="btn" name="submit" id="submit-2">Subscribe</button>
|
||||
<span class="alert" id="msg-2"></span>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Gardening and Landscaping Company's Name and Copyright -->
|
||||
<div class="content">
|
||||
<p>Designed By <span>NorthStar_Themes</span> | All Rights Reserved</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
<!-- ==================== Footer Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- Jquery -->
|
||||
<script src="../../assets/vendors/jquery/jquery.min.js"></script>
|
||||
|
||||
<!-- Custom Script Files -->
|
||||
<script src="../../assets/js/script.js"></script> <!-- Custom JavaScript file with additional website functionality. -->
|
||||
<script src="../../assets/js/nav-link-toggler.js"></script> <!-- Manages navigation link toggling (e.g., hamburger menu) for mobile devices -->
|
||||
<script src="../../assets/js/newsletter.js"></script>
|
||||
<script src="../../assets/js/cost-calculator.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,611 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<!-- Title -->
|
||||
<title>LeafLine | Gardening and Landscaping Website</title>
|
||||
|
||||
<!-- Favicon -->
|
||||
<link rel="icon" type="image/x-icon" href="../../assets/images/favicon.ico">
|
||||
|
||||
<!-- Font-Awesome (CSS) -->
|
||||
<link rel="stylesheet" href="../../assets/vendors/font-awesome/css/all.min.css">
|
||||
|
||||
<!-- Magnific-Popup (CSS) -->
|
||||
<link rel="stylesheet" href="../../assets/vendors/magnific-popup/magnific-popup.css">
|
||||
|
||||
<!-- Custom Stylesheets -->
|
||||
<link rel="stylesheet" href="../../assets/css/main.css">
|
||||
<link rel="stylesheet" href="../../assets/css/responsive.css">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- ==================== Scroll-Top Area (Start) ==================== -->
|
||||
<a href="#" class="scroll-top">
|
||||
<i class="fa-solid fa-arrow-up-long"></i>
|
||||
</a>
|
||||
<!-- ==================== Scroll-Top Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Header Area (Start) ==================== -->
|
||||
<header class="header">
|
||||
|
||||
<!-- ===== Header-1 Area (Start) ===== -->
|
||||
<div class="header-1">
|
||||
|
||||
<!-- == Contacts == -->
|
||||
<ul class="header-contacts">
|
||||
<li><i class="fa-solid fa-location-dot"></i><span>LeafLine Company</span></li>
|
||||
<li><i class="fa-solid fa-phone"></i><span>+123-456-7890</span></li>
|
||||
<li><i class="fa-solid fa-envelope"></i><span class="gmail">info@leafline.com</span></li>
|
||||
</ul>
|
||||
|
||||
<!-- == Social == -->
|
||||
<ul class="social-contacts">
|
||||
<li><a href="#" class="fab fa-facebook-f"></a></li>
|
||||
<li><a href="#" class="fa-brands fa-x-twitter"></a></li>
|
||||
<li><a href="#" class="fab fa-instagram"></a></li>
|
||||
<li><a href="#" class="fab fa-linkedin"></a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
<!-- ===== Header-1 Area (End) ===== -->
|
||||
|
||||
<!-- ===== Header-2 Area (Start) ===== -->
|
||||
<div class="header-2">
|
||||
|
||||
<!-- == Logo == -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<div class="container">
|
||||
|
||||
<!-- == Navbar == -->
|
||||
<nav class="navbar">
|
||||
|
||||
<a class="nav-btn" href="../../index.html">home</a>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">about</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/About/About.html">about us</a>
|
||||
<a href="../../pages/About/WhyUs.html">Why Choose Us</a>
|
||||
<a href="../../pages/About/History.html">History</a>
|
||||
<a href="../../pages/About/Team.html">Team</a>
|
||||
<a href="../../pages/About/Team-Single.html">Team Single</a>
|
||||
<a href="../../pages/About/Testimonials.html">testimonials</a>
|
||||
<a href="../../pages/About/FAQs.html">FAQs</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">Pages</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Gallery.html">Gallery</a>
|
||||
<a href="../../pages/Pages/Pricing.html">Pricing</a>
|
||||
<a href="../../pages/Pages/Process.html">work process</a>
|
||||
<a href="../../pages/Pages/Awards.html">Awards</a>
|
||||
<div class="side-dropdown">
|
||||
<button>Event</button> <i class="fa-solid fa-chevron-right"></i>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Events.html">Events</a>
|
||||
<a href="../../pages/Pages/Event-Single.html">Event Single</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="side-dropdown">
|
||||
<button>Career</button> <i class="fa-solid fa-chevron-right"></i>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Careers.html">Careers</a>
|
||||
<a href="../../pages/Pages/Career-Single.html">Career Single</a>
|
||||
<a href="../../pages/Pages/Career-Form.html">Career Form</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="side-dropdown">
|
||||
<button>Information Hub</button> <i class="fa-solid fa-chevron-right"></i>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Not-Found.html">Not Found</a>
|
||||
<a href="../../pages/Pages/Privacy-Policy.html">Privacy Policy</a>
|
||||
<a href="../../pages/Pages/Terms.html">Terms & Condition</a>
|
||||
</div>
|
||||
</div>
|
||||
<a href="../../pages/Pages/Cost-Calculator.html">cost calculator</a>
|
||||
<a href="../../pages/Pages/Get-Quote.html">get a quote</a>
|
||||
<a href="../../pages/Pages/Clients.html">clients</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">Service</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Service/Services.html">Services</a>
|
||||
<a href="../../pages/Service/Service-Single.html">Service Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">Project</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Project/Projects.html">Projects</a>
|
||||
<a href="../../pages/Project/Project-Single.html">Project Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">blog</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Blog/Blog-Grid.html">blogs grid</a>
|
||||
<a href="../../pages/Blog/Blog-List.html">blogs list</a>
|
||||
<a href="../../pages/Blog/Blog-Single.html">blog Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">shop</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Shop/Shop-Grid.html">shop grid</a>
|
||||
<a href="../../pages/Shop/Shop-List.html">shop list</a>
|
||||
<a href="../../pages/Shop/Product-Single.html">product Single</a>
|
||||
<a href="../../pages/Shop/Wishlist.html">wishlist</a>
|
||||
<a href="../../pages/Shop/Cart.html">cart</a>
|
||||
<a href="../../pages/Shop/Checkout.html">checkout</a>
|
||||
<a href="../../pages/Shop/Login.html">login</a>
|
||||
<a href="../../pages/Shop/Register.html">register</a>
|
||||
<a href="../../pages/Shop/Reset-Password.html">forgot Password</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<a class="nav-btn" href="../../pages/Contact/Contact.html">contact</a>
|
||||
|
||||
</nav>
|
||||
|
||||
<!-- == Icon Container == -->
|
||||
<div class="icon-container">
|
||||
<div id="search-btn" class="icon fa-solid fa-magnifying-glass"></div> <!-- Search Icon -->
|
||||
<div id="menu-btn" class="icon fa-solid fa-bars-staggered"></div>
|
||||
<a href="../../pages/Pages/Get-Quote.html" class="btn">get A quote</a>
|
||||
</div>
|
||||
|
||||
<!-- == Search Container == -->
|
||||
<form class="search-container">
|
||||
<input type="search" id="search-bar" placeholder="search here" required> <!-- Search Input -->
|
||||
<button type="submit"><i class="fas fa-search"></i></button> <!-- Submit Button -->
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ===== Header-2 Area (End) ===== -->
|
||||
|
||||
<!-- ===== Mobile Menu Area (Start) ===== -->
|
||||
<div class="mobile-menu">
|
||||
|
||||
<nav class="mobile-navbar">
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <a class="nav-btn" href="../../index.html">home</a> </div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">about</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/About/About.html">about us</a>
|
||||
<a href="../../pages/About/WhyUs.html">Why Choose Us</a>
|
||||
<a href="../../pages/About/History.html">History</a>
|
||||
<a href="../../pages/About/Team.html">Team</a>
|
||||
<a href="../../pages/About/Team-Single.html">Team Single</a>
|
||||
<a href="../../pages/About/Testimonials.html">testimonials</a>
|
||||
<a href="../../pages/About/FAQs.html">FAQs</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">pages</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Pages/Gallery.html">Gallery</a>
|
||||
<a href="../../pages/Pages/Pricing.html">Pricing</a>
|
||||
<a href="../../pages/Pages/Process.html">work process</a>
|
||||
<a href="../../pages/Pages/Awards.html">Awards</a>
|
||||
<a href="../../pages/Pages/Events.html">Events</a>
|
||||
<a href="../../pages/Pages/Event-Single.html">Event Single</a>
|
||||
<a href="../../pages/Pages/Careers.html">Careers</a>
|
||||
<a href="../../pages/Pages/Career-Single.html">Career Single</a>
|
||||
<a href="../../pages/Pages/Career-Form.html">Career Form</a>
|
||||
<a href="../../pages/Pages/Not-Found.html">Not Found</a>
|
||||
<a href="../../pages/Pages/Privacy-Policy.html">Privacy Policy</a>
|
||||
<a href="../../pages/Pages/Terms.html">Terms & Condition</a>
|
||||
<a href="../../pages/Pages/Cost-Calculator.html">cost calculator</a>
|
||||
<a href="../../pages/Pages/Get-Quote.html">get a quote</a>
|
||||
<a href="../../pages/Pages/Clients.html">clients</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">Service</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Service/Services.html">Services</a>
|
||||
<a href="../../pages/Service/Service-Single.html">Service Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">Project</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Project/Projects.html">Projects</a>
|
||||
<a href="../../pages/Project/Project-Single.html">Project Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">blog</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Blog/Blog-Grid.html">blogs grid</a>
|
||||
<a href="../../pages/Blog/Blog-List.html">blogs list</a>
|
||||
<a href="../../pages/Blog/Blog-Single.html">blog Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">Shop</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Shop/Shop-Grid.html">shop grid</a>
|
||||
<a href="../../pages/Shop/Shop-List.html">shop list</a>
|
||||
<a href="../../pages/Shop/Product-Single.html">product Single</a>
|
||||
<a href="../../pages/Shop/Wishlist.html">wishlist</a>
|
||||
<a href="../../pages/Shop/Cart.html">cart</a>
|
||||
<a href="../../pages/Shop/Checkout.html">checkout</a>
|
||||
<a href="../../pages/Shop/Login.html">login</a>
|
||||
<a href="../../pages/Shop/Register.html">register</a>
|
||||
<a href="../../pages/Shop/Reset-Password.html">forgot Password</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <a class="nav-btn" href="../../pages/Contact/Contact.html">contact</a> </div>
|
||||
</div>
|
||||
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
<!-- ===== Mobile Menu Area (End) ===== -->
|
||||
|
||||
</header>
|
||||
<!-- ==================== Header Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Page-Title (Start) ==================== -->
|
||||
<div class="page-title">
|
||||
|
||||
<div class="title">
|
||||
<h2>Event Single</h2>
|
||||
</div>
|
||||
|
||||
<div class="link">
|
||||
<a href="../../index.html">Home</a>
|
||||
<i class="fa-solid fa-angles-right"></i>
|
||||
<span class="page">Event Single</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ==================== Page-Title (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Event Single (Start) ==================== -->
|
||||
<section class="event-single page-single">
|
||||
|
||||
<!-- Event Info Area -->
|
||||
<div class="event-info page-info">
|
||||
|
||||
<!-- Event Image -->
|
||||
<div class="image">
|
||||
<img src="../../assets/images/Event/Events/Event-1.jpg" alt="Gardening Workshop">
|
||||
</div>
|
||||
|
||||
<!-- Event Content -->
|
||||
<div class="content">
|
||||
|
||||
<!-- Main Heading -->
|
||||
<h3 class="main-heading">Spring Bloom Gardening Workshop</h3>
|
||||
|
||||
<!-- Event Important Note -->
|
||||
<p class="important">Join us for the Spring Bloom Gardening Workshop and celebrate the season of growth with hands-on learning and expert guidance in garden design and plant care.</p>
|
||||
|
||||
<!-- Event Description -->
|
||||
<p>Experience the beauty of spring at our exclusive Spring Bloom Gardening Workshop. This event is designed to inspire garden enthusiasts with practical tips on seasonal planting, soil preparation, floral arrangement, and sustainable gardening methods. Learn from professionals and bring your garden to life this spring.</p>
|
||||
|
||||
<!-- Event Gallery -->
|
||||
<div class="page-gallery">
|
||||
<a href="../../assets/images/Event/Event-Gallery/1.jpg">
|
||||
<img src="../../assets/images/Event/Event-Gallery/1.jpg" alt="Gardening Workshop-Gallery-Image">
|
||||
</a>
|
||||
<a href="../../assets/images/Event/Event-Gallery/2.jpg">
|
||||
<img src="../../assets/images/Event/Event-Gallery/2.jpg" alt="Gardening Workshop-Gallery-Image">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<!-- Event Agenda -->
|
||||
<div class="sub-section">
|
||||
<h3 class="sub-heading">Event Agenda:</h3>
|
||||
<p>Join us for the Spring Bloom Gardening Workshop and enjoy a day filled with learning, creativity, and nature-inspired experiences:</p>
|
||||
<ul>
|
||||
<li><i class="fa-solid fa-arrow-right"></i>Welcome Session and Introduction to Spring Gardening Essentials.</li>
|
||||
<li><i class="fa-solid fa-arrow-right"></i>Seasonal Planting Techniques and Flower Arrangement Ideas.</li>
|
||||
<li><i class="fa-solid fa-arrow-right"></i>Soil Enrichment and Organic Fertilizer Preparation.</li>
|
||||
<li><i class="fa-solid fa-arrow-right"></i>Eco-Friendly Watering and Sustainable Garden Maintenance.</li>
|
||||
<li><i class="fa-solid fa-arrow-right"></i>Live Demonstrations and Hands-On Planting Activities.</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- Event Speakers -->
|
||||
<div class="event-speakers sub-section">
|
||||
|
||||
<h3 class="sub-heading">Event Speakers:</h3>
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Speaker 1 -->
|
||||
<div class="team-item">
|
||||
<img src="../../assets/images/Event/Speaker/Speaker-1.jpg" alt="Team-Image"> <!-- Team Member Image -->
|
||||
<div class="content">
|
||||
<div class="intro">
|
||||
<a href="../../pages/About/Team-Single.html"><h3>Sophia Bloom</h3></a> <!-- Team Member Name -->
|
||||
<p>Landscape Designer</p> <!-- Team Member Designation -->
|
||||
</div>
|
||||
<div class="icon-container">
|
||||
<a href="#"><i class="fab fa-facebook-f"></i></a>
|
||||
<a href="#"><i class="fab fa-linkedin-in"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-x-twitter"></i></a>
|
||||
<a href="#"><i class="fab fa-instagram"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Speaker 2 -->
|
||||
<div class="team-item">
|
||||
<img src="../../assets/images/Event/Speaker/Speaker-2.jpg" alt="Team-Image">
|
||||
<div class="content">
|
||||
<div class="intro">
|
||||
<a href="../../pages/About/Team-Single.html"><h3>John Smith</h3></a>
|
||||
<p>Design Specialist</p>
|
||||
</div>
|
||||
<div class="icon-container">
|
||||
<a href="#"><i class="fab fa-facebook-f"></i></a>
|
||||
<a href="#"><i class="fab fa-linkedin-in"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-x-twitter"></i></a>
|
||||
<a href="#"><i class="fab fa-instagram"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Speaker 3 -->
|
||||
<div class="team-item">
|
||||
<img src="../../assets/images/Event/Speaker/Speaker-3.jpg" alt="Team-Image">
|
||||
<div class="content">
|
||||
<div class="intro">
|
||||
<a href="../../pages/About/Team-Single.html"><h3>Oliver Fields</h3></a>
|
||||
<p>Soil Expert</p>
|
||||
</div>
|
||||
<div class="icon-container">
|
||||
<a href="#"><i class="fab fa-facebook-f"></i></a>
|
||||
<a href="#"><i class="fab fa-linkedin-in"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-x-twitter"></i></a>
|
||||
<a href="#"><i class="fab fa-instagram"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Event Venue Map -->
|
||||
<div class="event-map sub-section">
|
||||
<h3 class="sub-heading">Event Venue:</h3>
|
||||
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d924234.6303368191!2d66.59494515823903!3d25.193389461148573!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3eb33e06651d4bbf%3A0x9cf92f44555a0c23!2sKarachi%2C%20Karachi%20City%2C%20Sindh%2C%20Pakistan!5e0!3m2!1sen!2s!4v1645287442276!5m2!1sen!2s" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- Event Info Area (End) -->
|
||||
|
||||
<!-- Event Single Area -->
|
||||
<div class="event-sidebar page-sidebar">
|
||||
|
||||
<h3 class="sub-heading">Event Single</h3>
|
||||
|
||||
<div class="container">
|
||||
|
||||
<!-- Event Date -->
|
||||
<div class="detail-item">
|
||||
<i class="fa-regular fa-calendar-days"></i>
|
||||
<div class="detail-content">
|
||||
<h3>Date</h3>
|
||||
<p>Sep 10, 2025</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Event Time -->
|
||||
<div class="detail-item">
|
||||
<i class="fa-solid fa-clock"></i>
|
||||
<div class="detail-content">
|
||||
<h3>Time</h3>
|
||||
<p>09:00 AM - 12:00 PM</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Event Venue -->
|
||||
<div class="detail-item">
|
||||
<i class="fa-solid fa-map"></i>
|
||||
<div class="detail-content">
|
||||
<h3>Venue</h3>
|
||||
<p>LeafLine Community Garden</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Event Organizer -->
|
||||
<div class="detail-item">
|
||||
<i class="fa-solid fa-user"></i>
|
||||
<div class="detail-content">
|
||||
<h3>Organizer</h3>
|
||||
<p>Garden Enthusiasts Association</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Event Phone Number -->
|
||||
<div class="detail-item">
|
||||
<i class="fa-solid fa-phone"></i>
|
||||
<div class="detail-content">
|
||||
<h3>Contact No</h3>
|
||||
<p>+444-555-9999</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Event Email -->
|
||||
<div class="detail-item">
|
||||
<i class="fa-solid fa-envelope"></i>
|
||||
<div class="detail-content">
|
||||
<h3>Email</h3>
|
||||
<p class="gmail">info@garden.com</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Event Entry Fee -->
|
||||
<div class="detail-item">
|
||||
<i class="fa-solid fa-dollar-sign"></i>
|
||||
<div class="detail-content">
|
||||
<h3>Entry Fee</h3>
|
||||
<p>Free Admission</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Button to Register for the Event -->
|
||||
<a href="#" class="btn">register now</a>
|
||||
|
||||
</div>
|
||||
<!-- Event Single Area (End) -->
|
||||
|
||||
</section>
|
||||
<!-- ==================== Event Single (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Footer Area (Start) ==================== -->
|
||||
<footer class="footer">
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Gardening and Landscaping Company Information & Social Media Links -->
|
||||
<div class="footer-item">
|
||||
|
||||
<!-- Gardening and Landscaping Company Logo -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<!-- Description -->
|
||||
<p>Transforming outdoor spaces with premium gardening and landscaping solutions.</p>
|
||||
|
||||
<!-- Contact Information -->
|
||||
<div class="info connect">
|
||||
<p><i class="fas fa-phone"></i><span>+123-456-7890</span></p>
|
||||
<p><i class="fas fa-envelope"></i><span class="gmail">info@leafline.com</span></p>
|
||||
<p><i class="fas fa-map-marker-alt"></i><span>LeafLine Company</span></p>
|
||||
</div>
|
||||
|
||||
<!-- Social Media Links -->
|
||||
<div class="social">
|
||||
<a href="#"><i class="fab fa-facebook-f"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-x-twitter"></i></a>
|
||||
<a href="#"><i class="fab fa-instagram"></i></a>
|
||||
<a href="#"><i class="fab fa-linkedin"></i></a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Gardening and Landscaping Services Offered -->
|
||||
<div class="footer-item">
|
||||
<h2>Our Services</h2>
|
||||
<div class="info links">
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Lawn Care</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Garden Design</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Tree Planting</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Hardscaping Solution</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">water ponds</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Outdoor Décor</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Quick Links -->
|
||||
<div class="footer-item">
|
||||
<h2>Quick Links</h2>
|
||||
<div class="info links">
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/About/About.html">About Us</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Services.html">Services</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Project/Projects.html">Projects</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Blog/Blog-Grid.html">Blog</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Shop/Shop-Grid.html">Shop</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Contact/Contact.html">Contact Us</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Newsletter Subscription -->
|
||||
<div class="footer-item">
|
||||
|
||||
<h2>Newsletter</h2>
|
||||
<p>Stay informed and up-to-date with the latest trends, helpful tips, and exclusive special offers.</p>
|
||||
<form class="dark-form" method="post" id="newsletter-form-2">
|
||||
<div class="input-field">
|
||||
<label for="news-email-2" class="fas fa-envelope"></label>
|
||||
<input type="email" id="news-email-2" name="email" class="box" placeholder="Your email address" required>
|
||||
</div>
|
||||
<button type="submit" class="btn" name="submit" id="submit-2">Subscribe</button>
|
||||
<span class="alert" id="msg-2"></span>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Gardening and Landscaping Company's Name and Copyright -->
|
||||
<div class="content">
|
||||
<p>Designed By <span>NorthStar_Themes</span> | All Rights Reserved</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
<!-- ==================== Footer Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- Jquery -->
|
||||
<script src="../../assets/vendors/jquery/jquery.min.js"></script>
|
||||
|
||||
<!-- Magnific-Popup JS -->
|
||||
<script src="../../assets/vendors/magnific-popup/jquery.magnific-popup.min.js"></script>
|
||||
|
||||
<!-- Custom Script Files -->
|
||||
<script src="../../assets/js/script.js"></script> <!-- Custom JavaScript file with additional website functionality. -->
|
||||
<script src="../../assets/js/nav-link-toggler.js"></script> <!-- Manages navigation link toggling (e.g., hamburger menu) for mobile devices -->
|
||||
<script src="../../assets/js/newsletter.js"></script>
|
||||
<script src="../../assets/js/page-gallery.js"></script> <!-- Manages the gallery functionality of lightbox view. -->
|
||||
<script src="../../assets/js/accordion.js"></script> <!-- Controls the functionality of accordions for displaying content sections. -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,512 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<!-- Title -->
|
||||
<title>LeafLine | Gardening and Landscaping Website</title>
|
||||
|
||||
<!-- Favicon -->
|
||||
<link rel="icon" type="image/x-icon" href="../../assets/images/favicon.ico">
|
||||
|
||||
<!-- Font-Awesome (CSS) -->
|
||||
<link rel="stylesheet" href="../../assets/vendors/font-awesome/css/all.min.css">
|
||||
|
||||
<!-- Custom Stylesheets -->
|
||||
<link rel="stylesheet" href="../../assets/css/main.css">
|
||||
<link rel="stylesheet" href="../../assets/css/responsive.css">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- ==================== Scroll-Top Area (Start) ==================== -->
|
||||
<a href="#" class="scroll-top">
|
||||
<i class="fa-solid fa-arrow-up-long"></i>
|
||||
</a>
|
||||
<!-- ==================== Scroll-Top Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Header Area (Start) ==================== -->
|
||||
<header class="header">
|
||||
|
||||
<!-- ===== Header-1 Area (Start) ===== -->
|
||||
<div class="header-1">
|
||||
|
||||
<!-- == Contacts == -->
|
||||
<ul class="header-contacts">
|
||||
<li><i class="fa-solid fa-location-dot"></i><span>LeafLine Company</span></li>
|
||||
<li><i class="fa-solid fa-phone"></i><span>+123-456-7890</span></li>
|
||||
<li><i class="fa-solid fa-envelope"></i><span class="gmail">info@leafline.com</span></li>
|
||||
</ul>
|
||||
|
||||
<!-- == Social == -->
|
||||
<ul class="social-contacts">
|
||||
<li><a href="#" class="fab fa-facebook-f"></a></li>
|
||||
<li><a href="#" class="fa-brands fa-x-twitter"></a></li>
|
||||
<li><a href="#" class="fab fa-instagram"></a></li>
|
||||
<li><a href="#" class="fab fa-linkedin"></a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
<!-- ===== Header-1 Area (End) ===== -->
|
||||
|
||||
<!-- ===== Header-2 Area (Start) ===== -->
|
||||
<div class="header-2">
|
||||
|
||||
<!-- == Logo == -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<div class="container">
|
||||
|
||||
<!-- == Navbar == -->
|
||||
<nav class="navbar">
|
||||
|
||||
<a class="nav-btn" href="../../index.html">home</a>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">about</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/About/About.html">about us</a>
|
||||
<a href="../../pages/About/WhyUs.html">Why Choose Us</a>
|
||||
<a href="../../pages/About/History.html">History</a>
|
||||
<a href="../../pages/About/Team.html">Team</a>
|
||||
<a href="../../pages/About/Team-Single.html">Team Single</a>
|
||||
<a href="../../pages/About/Testimonials.html">testimonials</a>
|
||||
<a href="../../pages/About/FAQs.html">FAQs</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">Pages</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Gallery.html">Gallery</a>
|
||||
<a href="../../pages/Pages/Pricing.html">Pricing</a>
|
||||
<a href="../../pages/Pages/Process.html">work process</a>
|
||||
<a href="../../pages/Pages/Awards.html">Awards</a>
|
||||
<div class="side-dropdown">
|
||||
<button>Event</button> <i class="fa-solid fa-chevron-right"></i>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Events.html">Events</a>
|
||||
<a href="../../pages/Pages/Event-Single.html">Event Single</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="side-dropdown">
|
||||
<button>Career</button> <i class="fa-solid fa-chevron-right"></i>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Careers.html">Careers</a>
|
||||
<a href="../../pages/Pages/Career-Single.html">Career Single</a>
|
||||
<a href="../../pages/Pages/Career-Form.html">Career Form</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="side-dropdown">
|
||||
<button>Information Hub</button> <i class="fa-solid fa-chevron-right"></i>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Not-Found.html">Not Found</a>
|
||||
<a href="../../pages/Pages/Privacy-Policy.html">Privacy Policy</a>
|
||||
<a href="../../pages/Pages/Terms.html">Terms & Condition</a>
|
||||
</div>
|
||||
</div>
|
||||
<a href="../../pages/Pages/Cost-Calculator.html">cost calculator</a>
|
||||
<a href="../../pages/Pages/Get-Quote.html">get a quote</a>
|
||||
<a href="../../pages/Pages/Clients.html">clients</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">Service</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Service/Services.html">Services</a>
|
||||
<a href="../../pages/Service/Service-Single.html">Service Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">Project</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Project/Projects.html">Projects</a>
|
||||
<a href="../../pages/Project/Project-Single.html">Project Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">blog</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Blog/Blog-Grid.html">blogs grid</a>
|
||||
<a href="../../pages/Blog/Blog-List.html">blogs list</a>
|
||||
<a href="../../pages/Blog/Blog-Single.html">blog Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">shop</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Shop/Shop-Grid.html">shop grid</a>
|
||||
<a href="../../pages/Shop/Shop-List.html">shop list</a>
|
||||
<a href="../../pages/Shop/Product-Single.html">product Single</a>
|
||||
<a href="../../pages/Shop/Wishlist.html">wishlist</a>
|
||||
<a href="../../pages/Shop/Cart.html">cart</a>
|
||||
<a href="../../pages/Shop/Checkout.html">checkout</a>
|
||||
<a href="../../pages/Shop/Login.html">login</a>
|
||||
<a href="../../pages/Shop/Register.html">register</a>
|
||||
<a href="../../pages/Shop/Reset-Password.html">forgot Password</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<a class="nav-btn" href="../../pages/Contact/Contact.html">contact</a>
|
||||
|
||||
</nav>
|
||||
|
||||
<!-- == Icon Container == -->
|
||||
<div class="icon-container">
|
||||
<div id="search-btn" class="icon fa-solid fa-magnifying-glass"></div> <!-- Search Icon -->
|
||||
<div id="menu-btn" class="icon fa-solid fa-bars-staggered"></div>
|
||||
<a href="../../pages/Pages/Get-Quote.html" class="btn">get A quote</a>
|
||||
</div>
|
||||
|
||||
<!-- == Search Container == -->
|
||||
<form class="search-container">
|
||||
<input type="search" id="search-bar" placeholder="search here" required> <!-- Search Input -->
|
||||
<button type="submit"><i class="fas fa-search"></i></button> <!-- Submit Button -->
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ===== Header-2 Area (End) ===== -->
|
||||
|
||||
<!-- ===== Mobile Menu Area (Start) ===== -->
|
||||
<div class="mobile-menu">
|
||||
|
||||
<nav class="mobile-navbar">
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <a class="nav-btn" href="../../index.html">home</a> </div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">about</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/About/About.html">about us</a>
|
||||
<a href="../../pages/About/WhyUs.html">Why Choose Us</a>
|
||||
<a href="../../pages/About/History.html">History</a>
|
||||
<a href="../../pages/About/Team.html">Team</a>
|
||||
<a href="../../pages/About/Team-Single.html">Team Single</a>
|
||||
<a href="../../pages/About/Testimonials.html">testimonials</a>
|
||||
<a href="../../pages/About/FAQs.html">FAQs</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">pages</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Pages/Gallery.html">Gallery</a>
|
||||
<a href="../../pages/Pages/Pricing.html">Pricing</a>
|
||||
<a href="../../pages/Pages/Process.html">work process</a>
|
||||
<a href="../../pages/Pages/Awards.html">Awards</a>
|
||||
<a href="../../pages/Pages/Events.html">Events</a>
|
||||
<a href="../../pages/Pages/Event-Single.html">Event Single</a>
|
||||
<a href="../../pages/Pages/Careers.html">Careers</a>
|
||||
<a href="../../pages/Pages/Career-Single.html">Career Single</a>
|
||||
<a href="../../pages/Pages/Career-Form.html">Career Form</a>
|
||||
<a href="../../pages/Pages/Not-Found.html">Not Found</a>
|
||||
<a href="../../pages/Pages/Privacy-Policy.html">Privacy Policy</a>
|
||||
<a href="../../pages/Pages/Terms.html">Terms & Condition</a>
|
||||
<a href="../../pages/Pages/Cost-Calculator.html">cost calculator</a>
|
||||
<a href="../../pages/Pages/Get-Quote.html">get a quote</a>
|
||||
<a href="../../pages/Pages/Clients.html">clients</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">Service</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Service/Services.html">Services</a>
|
||||
<a href="../../pages/Service/Service-Single.html">Service Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">Project</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Project/Projects.html">Projects</a>
|
||||
<a href="../../pages/Project/Project-Single.html">Project Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">blog</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Blog/Blog-Grid.html">blogs grid</a>
|
||||
<a href="../../pages/Blog/Blog-List.html">blogs list</a>
|
||||
<a href="../../pages/Blog/Blog-Single.html">blog Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">Shop</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Shop/Shop-Grid.html">shop grid</a>
|
||||
<a href="../../pages/Shop/Shop-List.html">shop list</a>
|
||||
<a href="../../pages/Shop/Product-Single.html">product Single</a>
|
||||
<a href="../../pages/Shop/Wishlist.html">wishlist</a>
|
||||
<a href="../../pages/Shop/Cart.html">cart</a>
|
||||
<a href="../../pages/Shop/Checkout.html">checkout</a>
|
||||
<a href="../../pages/Shop/Login.html">login</a>
|
||||
<a href="../../pages/Shop/Register.html">register</a>
|
||||
<a href="../../pages/Shop/Reset-Password.html">forgot Password</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <a class="nav-btn" href="../../pages/Contact/Contact.html">contact</a> </div>
|
||||
</div>
|
||||
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
<!-- ===== Mobile Menu Area (End) ===== -->
|
||||
|
||||
</header>
|
||||
<!-- ==================== Header Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Page-Title (Start) ==================== -->
|
||||
<div class="page-title">
|
||||
|
||||
<div class="title">
|
||||
<h2>Events</h2>
|
||||
</div>
|
||||
|
||||
<div class="link">
|
||||
<a href="../../index.html">Home</a>
|
||||
<i class="fa-solid fa-angles-right"></i>
|
||||
<span class="page">Events</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ==================== Page-Title (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Events Area (Start) ==================== -->
|
||||
<section class="events">
|
||||
|
||||
<!-- Section Heading -->
|
||||
<div class="heading">
|
||||
<div class="sub"><i class="fa-brands fa-pagelines"></i><span>Gardening Events</span><i class="fa-brands fa-pagelines"></i></div>
|
||||
<h2>Upcoming Events</h2>
|
||||
</div>
|
||||
|
||||
<!-- Events Container -->
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Event 1 -->
|
||||
<div class="event-item">
|
||||
<div class="image">
|
||||
<img src="../../assets/images/Event/Events/Event-1.jpg" alt="Event-Image"> <!-- Event Image -->
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="date"><span>10<br>Sep</span></div>
|
||||
<a class="main-heading" href="../../pages/Pages/Event-Single.html">Spring Bloom Gardening Workshop</a> <!-- Event Title -->
|
||||
<div class="details">
|
||||
<h3><i class="fas fa-map-marker-alt"></i><span>LeafLine Community Garden</span></h3>
|
||||
<h3><i class="fas fa-clock"></i><span>09:00 AM - 12:00 PM</span></h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Event 2 -->
|
||||
<div class="event-item">
|
||||
<div class="image">
|
||||
<img src="../../assets/images/Event/Events/Event-2.jpg" alt="Event-Image"> <!-- Event Image -->
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="date"><span>25<br>Sep</span></div>
|
||||
<a class="main-heading" href="../../pages/Pages/Event-Single.html">Eco-Friendly Landscape Design Seminar</a>
|
||||
<div class="details">
|
||||
<h3><i class="fas fa-map-marker-alt"></i><span>LeafLine Design Studio</span></h3>
|
||||
<h3><i class="fas fa-clock"></i><span>11:00 AM - 03:00 PM</span></h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Event 3 -->
|
||||
<div class="event-item">
|
||||
<div class="image">
|
||||
<img src="../../assets/images/Event/Events/Event-3.jpg" alt="Event-Image"> <!-- Event Image -->
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="date"><span>07<br>Oct</span></div>
|
||||
<a class="main-heading" href="../../pages/Pages/Event-Single.html">Community Tree Planting Day</a>
|
||||
<div class="details">
|
||||
<h3><i class="fas fa-map-marker-alt"></i><span>GreenVille Botanical Park</span></h3>
|
||||
<h3><i class="fas fa-clock"></i><span>08:00 AM - 01:00 PM</span></h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Event 4 -->
|
||||
<div class="event-item">
|
||||
<div class="image">
|
||||
<img src="../../assets/images/Event/Events/Event-4.jpg" alt="Event-Image"> <!-- Event Image -->
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="date"><span>20<br>Oct</span></div>
|
||||
<a class="main-heading" href="../../pages/Pages/Event-Single.html">Garden Makeover Challenge</a>
|
||||
<div class="details">
|
||||
<h3><i class="fas fa-map-marker-alt"></i><span>LeafLine Landscape Hub</span></h3>
|
||||
<h3><i class="fas fa-clock"></i><span>02:00 PM - 06:00 PM</span></h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Event 5 -->
|
||||
<div class="event-item">
|
||||
<div class="image">
|
||||
<img src="../../assets/images/Event/Events/Event-5.jpg" alt="Event-Image"> <!-- Event Image -->
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="date"><span>25<br>Oct</span></div>
|
||||
<a class="main-heading" href="../../pages/Pages/Event-Single.html">Organic Gardening & Composting Workshop</a>
|
||||
<div class="details">
|
||||
<h3><i class="fas fa-map-marker-alt"></i><span>Urban Roots Garden Center</span></h3>
|
||||
<h3><i class="fas fa-clock"></i><span>10:30 AM - 01:30 PM</span></h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Event 6 -->
|
||||
<div class="event-item">
|
||||
<div class="image">
|
||||
<img src="../../assets/images/Event/Events/Event-6.jpg" alt="Event-Image"> <!-- Event Image -->
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="date"><span>29<br>Oct</span></div>
|
||||
<a class="main-heading" href="../../pages/Pages/Event-Single.html">Garden Décor & Lighting Expo</a>
|
||||
<div class="details">
|
||||
<h3><i class="fas fa-map-marker-alt"></i><span>BloomField Green Expo Hall</span></h3>
|
||||
<h3><i class="fas fa-clock"></i><span>03:00 PM - 07:00 PM</span></h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</section>
|
||||
<!-- ==================== Events Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Footer Area (Start) ==================== -->
|
||||
<footer class="footer">
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Gardening and Landscaping Company Information & Social Media Links -->
|
||||
<div class="footer-item">
|
||||
|
||||
<!-- Gardening and Landscaping Company Logo -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<!-- Description -->
|
||||
<p>Transforming outdoor spaces with premium gardening and landscaping solutions.</p>
|
||||
|
||||
<!-- Contact Information -->
|
||||
<div class="info connect">
|
||||
<p><i class="fas fa-phone"></i><span>+123-456-7890</span></p>
|
||||
<p><i class="fas fa-envelope"></i><span class="gmail">info@leafline.com</span></p>
|
||||
<p><i class="fas fa-map-marker-alt"></i><span>LeafLine Company</span></p>
|
||||
</div>
|
||||
|
||||
<!-- Social Media Links -->
|
||||
<div class="social">
|
||||
<a href="#"><i class="fab fa-facebook-f"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-x-twitter"></i></a>
|
||||
<a href="#"><i class="fab fa-instagram"></i></a>
|
||||
<a href="#"><i class="fab fa-linkedin"></i></a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Gardening and Landscaping Services Offered -->
|
||||
<div class="footer-item">
|
||||
<h2>Our Services</h2>
|
||||
<div class="info links">
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Lawn Care</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Garden Design</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Tree Planting</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Hardscaping Solution</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">water ponds</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Outdoor Décor</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Quick Links -->
|
||||
<div class="footer-item">
|
||||
<h2>Quick Links</h2>
|
||||
<div class="info links">
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/About/About.html">About Us</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Services.html">Services</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Project/Projects.html">Projects</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Blog/Blog-Grid.html">Blog</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Shop/Shop-Grid.html">Shop</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Contact/Contact.html">Contact Us</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Newsletter Subscription -->
|
||||
<div class="footer-item">
|
||||
|
||||
<h2>Newsletter</h2>
|
||||
<p>Stay informed and up-to-date with the latest trends, helpful tips, and exclusive special offers.</p>
|
||||
<form class="dark-form" method="post" id="newsletter-form-2">
|
||||
<div class="input-field">
|
||||
<label for="news-email-2" class="fas fa-envelope"></label>
|
||||
<input type="email" id="news-email-2" name="email" class="box" placeholder="Your email address" required>
|
||||
</div>
|
||||
<button type="submit" class="btn" name="submit" id="submit-2">Subscribe</button>
|
||||
<span class="alert" id="msg-2"></span>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Gardening and Landscaping Company's Name and Copyright -->
|
||||
<div class="content">
|
||||
<p>Designed By <span>NorthStar_Themes</span> | All Rights Reserved</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
<!-- ==================== Footer Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- Jquery -->
|
||||
<script src="../../assets/vendors/jquery/jquery.min.js"></script>
|
||||
|
||||
<!-- Custom Script Files -->
|
||||
<script src="../../assets/js/script.js"></script> <!-- Custom JavaScript file with additional website functionality. -->
|
||||
<script src="../../assets/js/nav-link-toggler.js"></script> <!-- Manages navigation link toggling (e.g., hamburger menu) for mobile devices -->
|
||||
<script src="../../assets/js/newsletter.js"></script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,508 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<!-- Title -->
|
||||
<title>LeafLine | Gardening and Landscaping Website</title>
|
||||
|
||||
<!-- Favicon -->
|
||||
<link rel="icon" type="image/x-icon" href="../../assets/images/favicon.ico">
|
||||
|
||||
<!-- Font-Awesome (CSS) -->
|
||||
<link rel="stylesheet" href="../../assets/vendors/font-awesome/css/all.min.css">
|
||||
|
||||
<!-- Magnific-Popup (CSS) -->
|
||||
<link rel="stylesheet" href="../../assets/vendors/magnific-popup/magnific-popup.css">
|
||||
|
||||
<!-- Custom Stylesheets -->
|
||||
<link rel="stylesheet" href="../../assets/css/main.css">
|
||||
<link rel="stylesheet" href="../../assets/css/responsive.css">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- ==================== Scroll-Top Area (Start) ==================== -->
|
||||
<a href="#" class="scroll-top">
|
||||
<i class="fa-solid fa-arrow-up-long"></i>
|
||||
</a>
|
||||
<!-- ==================== Scroll-Top Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Header Area (Start) ==================== -->
|
||||
<header class="header">
|
||||
|
||||
<!-- ===== Header-1 Area (Start) ===== -->
|
||||
<div class="header-1">
|
||||
|
||||
<!-- == Contacts == -->
|
||||
<ul class="header-contacts">
|
||||
<li><i class="fa-solid fa-location-dot"></i><span>LeafLine Company</span></li>
|
||||
<li><i class="fa-solid fa-phone"></i><span>+123-456-7890</span></li>
|
||||
<li><i class="fa-solid fa-envelope"></i><span class="gmail">info@leafline.com</span></li>
|
||||
</ul>
|
||||
|
||||
<!-- == Social == -->
|
||||
<ul class="social-contacts">
|
||||
<li><a href="#" class="fab fa-facebook-f"></a></li>
|
||||
<li><a href="#" class="fa-brands fa-x-twitter"></a></li>
|
||||
<li><a href="#" class="fab fa-instagram"></a></li>
|
||||
<li><a href="#" class="fab fa-linkedin"></a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
<!-- ===== Header-1 Area (End) ===== -->
|
||||
|
||||
<!-- ===== Header-2 Area (Start) ===== -->
|
||||
<div class="header-2">
|
||||
|
||||
<!-- == Logo == -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<div class="container">
|
||||
|
||||
<!-- == Navbar == -->
|
||||
<nav class="navbar">
|
||||
|
||||
<a class="nav-btn" href="../../index.html">home</a>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">about</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/About/About.html">about us</a>
|
||||
<a href="../../pages/About/WhyUs.html">Why Choose Us</a>
|
||||
<a href="../../pages/About/History.html">History</a>
|
||||
<a href="../../pages/About/Team.html">Team</a>
|
||||
<a href="../../pages/About/Team-Single.html">Team Single</a>
|
||||
<a href="../../pages/About/Testimonials.html">testimonials</a>
|
||||
<a href="../../pages/About/FAQs.html">FAQs</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">Pages</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Gallery.html">Gallery</a>
|
||||
<a href="../../pages/Pages/Pricing.html">Pricing</a>
|
||||
<a href="../../pages/Pages/Process.html">work process</a>
|
||||
<a href="../../pages/Pages/Awards.html">Awards</a>
|
||||
<div class="side-dropdown">
|
||||
<button>Event</button> <i class="fa-solid fa-chevron-right"></i>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Events.html">Events</a>
|
||||
<a href="../../pages/Pages/Event-Single.html">Event Single</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="side-dropdown">
|
||||
<button>Career</button> <i class="fa-solid fa-chevron-right"></i>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Careers.html">Careers</a>
|
||||
<a href="../../pages/Pages/Career-Single.html">Career Single</a>
|
||||
<a href="../../pages/Pages/Career-Form.html">Career Form</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="side-dropdown">
|
||||
<button>Information Hub</button> <i class="fa-solid fa-chevron-right"></i>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Not-Found.html">Not Found</a>
|
||||
<a href="../../pages/Pages/Privacy-Policy.html">Privacy Policy</a>
|
||||
<a href="../../pages/Pages/Terms.html">Terms & Condition</a>
|
||||
</div>
|
||||
</div>
|
||||
<a href="../../pages/Pages/Cost-Calculator.html">cost calculator</a>
|
||||
<a href="../../pages/Pages/Get-Quote.html">get a quote</a>
|
||||
<a href="../../pages/Pages/Clients.html">clients</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">Service</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Service/Services.html">Services</a>
|
||||
<a href="../../pages/Service/Service-Single.html">Service Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">Project</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Project/Projects.html">Projects</a>
|
||||
<a href="../../pages/Project/Project-Single.html">Project Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">blog</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Blog/Blog-Grid.html">blogs grid</a>
|
||||
<a href="../../pages/Blog/Blog-List.html">blogs list</a>
|
||||
<a href="../../pages/Blog/Blog-Single.html">blog Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">shop</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Shop/Shop-Grid.html">shop grid</a>
|
||||
<a href="../../pages/Shop/Shop-List.html">shop list</a>
|
||||
<a href="../../pages/Shop/Product-Single.html">product Single</a>
|
||||
<a href="../../pages/Shop/Wishlist.html">wishlist</a>
|
||||
<a href="../../pages/Shop/Cart.html">cart</a>
|
||||
<a href="../../pages/Shop/Checkout.html">checkout</a>
|
||||
<a href="../../pages/Shop/Login.html">login</a>
|
||||
<a href="../../pages/Shop/Register.html">register</a>
|
||||
<a href="../../pages/Shop/Reset-Password.html">forgot Password</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<a class="nav-btn" href="../../pages/Contact/Contact.html">contact</a>
|
||||
|
||||
</nav>
|
||||
|
||||
<!-- == Icon Container == -->
|
||||
<div class="icon-container">
|
||||
<div id="search-btn" class="icon fa-solid fa-magnifying-glass"></div> <!-- Search Icon -->
|
||||
<div id="menu-btn" class="icon fa-solid fa-bars-staggered"></div>
|
||||
<a href="../../pages/Pages/Get-Quote.html" class="btn">get A quote</a>
|
||||
</div>
|
||||
|
||||
<!-- == Search Container == -->
|
||||
<form class="search-container">
|
||||
<input type="search" id="search-bar" placeholder="search here" required> <!-- Search Input -->
|
||||
<button type="submit"><i class="fas fa-search"></i></button> <!-- Submit Button -->
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ===== Header-2 Area (End) ===== -->
|
||||
|
||||
<!-- ===== Mobile Menu Area (Start) ===== -->
|
||||
<div class="mobile-menu">
|
||||
|
||||
<nav class="mobile-navbar">
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <a class="nav-btn" href="../../index.html">home</a> </div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">about</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/About/About.html">about us</a>
|
||||
<a href="../../pages/About/WhyUs.html">Why Choose Us</a>
|
||||
<a href="../../pages/About/History.html">History</a>
|
||||
<a href="../../pages/About/Team.html">Team</a>
|
||||
<a href="../../pages/About/Team-Single.html">Team Single</a>
|
||||
<a href="../../pages/About/Testimonials.html">testimonials</a>
|
||||
<a href="../../pages/About/FAQs.html">FAQs</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">pages</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Pages/Gallery.html">Gallery</a>
|
||||
<a href="../../pages/Pages/Pricing.html">Pricing</a>
|
||||
<a href="../../pages/Pages/Process.html">work process</a>
|
||||
<a href="../../pages/Pages/Awards.html">Awards</a>
|
||||
<a href="../../pages/Pages/Events.html">Events</a>
|
||||
<a href="../../pages/Pages/Event-Single.html">Event Single</a>
|
||||
<a href="../../pages/Pages/Careers.html">Careers</a>
|
||||
<a href="../../pages/Pages/Career-Single.html">Career Single</a>
|
||||
<a href="../../pages/Pages/Career-Form.html">Career Form</a>
|
||||
<a href="../../pages/Pages/Not-Found.html">Not Found</a>
|
||||
<a href="../../pages/Pages/Privacy-Policy.html">Privacy Policy</a>
|
||||
<a href="../../pages/Pages/Terms.html">Terms & Condition</a>
|
||||
<a href="../../pages/Pages/Cost-Calculator.html">cost calculator</a>
|
||||
<a href="../../pages/Pages/Get-Quote.html">get a quote</a>
|
||||
<a href="../../pages/Pages/Clients.html">clients</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">Service</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Service/Services.html">Services</a>
|
||||
<a href="../../pages/Service/Service-Single.html">Service Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">Project</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Project/Projects.html">Projects</a>
|
||||
<a href="../../pages/Project/Project-Single.html">Project Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">blog</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Blog/Blog-Grid.html">blogs grid</a>
|
||||
<a href="../../pages/Blog/Blog-List.html">blogs list</a>
|
||||
<a href="../../pages/Blog/Blog-Single.html">blog Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">Shop</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Shop/Shop-Grid.html">shop grid</a>
|
||||
<a href="../../pages/Shop/Shop-List.html">shop list</a>
|
||||
<a href="../../pages/Shop/Product-Single.html">product Single</a>
|
||||
<a href="../../pages/Shop/Wishlist.html">wishlist</a>
|
||||
<a href="../../pages/Shop/Cart.html">cart</a>
|
||||
<a href="../../pages/Shop/Checkout.html">checkout</a>
|
||||
<a href="../../pages/Shop/Login.html">login</a>
|
||||
<a href="../../pages/Shop/Register.html">register</a>
|
||||
<a href="../../pages/Shop/Reset-Password.html">forgot Password</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <a class="nav-btn" href="../../pages/Contact/Contact.html">contact</a> </div>
|
||||
</div>
|
||||
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
<!-- ===== Mobile Menu Area (End) ===== -->
|
||||
|
||||
</header>
|
||||
<!-- ==================== Header Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Page-Title (Start) ==================== -->
|
||||
<div class="page-title">
|
||||
|
||||
<div class="title">
|
||||
<h2>Gallery</h2>
|
||||
</div>
|
||||
|
||||
<div class="link">
|
||||
<a href="../../index.html">Home</a>
|
||||
<i class="fa-solid fa-angles-right"></i>
|
||||
<span class="page">Gallery</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ==================== Page-Title (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Gallery Area (Start) ==================== -->
|
||||
<section class="gallery">
|
||||
|
||||
<!-- Section Heading -->
|
||||
<div class="heading">
|
||||
<div class="sub"><i class="fa-brands fa-pagelines"></i><span>Explore Our Gallery</span><i class="fa-brands fa-pagelines"></i></div>
|
||||
<h2>Our Gallery</h2>
|
||||
</div>
|
||||
|
||||
<!-- Gallery Container -->
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Gallery Item 1 -->
|
||||
<div class="gallery-item gallery-1">
|
||||
<img src="../../assets/images/Gallery/Gallery-1.jpg" alt="Gallery-Image"> <!-- Gallery Image -->
|
||||
<div class="content">
|
||||
<a href="../../assets/images/Gallery/Gallery-1.jpg"><i class="fas fa-plus"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Gallery Item 2 -->
|
||||
<div class="gallery-item gallery-2">
|
||||
<img src="../../assets/images/Gallery/Gallery-2.jpg" alt="Gallery-Image"> <!-- Gallery Image -->
|
||||
<div class="content">
|
||||
<a href="../../assets/images/Gallery/Gallery-2.jpg"><i class="fas fa-plus"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Gallery Item 3 -->
|
||||
<div class="gallery-item gallery-3">
|
||||
<img src="../../assets/images/Gallery/Gallery-3.jpg" alt="Gallery-Image"> <!-- Gallery Image -->
|
||||
<div class="content">
|
||||
<a href="../../assets/images/Gallery/Gallery-3.jpg"><i class="fas fa-plus"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Gallery Item 4 -->
|
||||
<div class="gallery-item gallery-4">
|
||||
<img src="../../assets/images/Gallery/Gallery-4.jpg" alt="Gallery-Image"> <!-- Gallery Image -->
|
||||
<div class="content">
|
||||
<a href="../../assets/images/Gallery/Gallery-4.jpg"><i class="fas fa-plus"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Gallery Item 5 -->
|
||||
<div class="gallery-item gallery-5">
|
||||
<img src="../../assets/images/Gallery/Gallery-5.jpg" alt="Gallery-Image"> <!-- Gallery Image -->
|
||||
<div class="content">
|
||||
<a href="../../assets/images/Gallery/Gallery-5.jpg"><i class="fas fa-plus"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Gallery Item 6 -->
|
||||
<div class="gallery-item gallery-6">
|
||||
<img src="../../assets/images/Gallery/Gallery-6.jpg" alt="Gallery-Image"> <!-- Gallery Image -->
|
||||
<div class="content">
|
||||
<a href="../../assets/images/Gallery/Gallery-6.jpg"><i class="fas fa-plus"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Gallery Item 7 -->
|
||||
<div class="gallery-item gallery-7">
|
||||
<img src="../../assets/images/Gallery/Gallery-7.jpg" alt="Gallery-Image"> <!-- Gallery Image -->
|
||||
<div class="content">
|
||||
<a href="../../assets/images/Gallery/Gallery-7.jpg"><i class="fas fa-plus"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Gallery Item 8 -->
|
||||
<div class="gallery-item gallery-8">
|
||||
<img src="../../assets/images/Gallery/Gallery-8.jpg" alt="Gallery-Image"> <!-- Gallery Image -->
|
||||
<div class="content">
|
||||
<a href="../../assets/images/Gallery/Gallery-8.jpg"><i class="fas fa-plus"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Gallery Item 9 -->
|
||||
<div class="gallery-item gallery-9">
|
||||
<img src="../../assets/images/Gallery/Gallery-9.jpg" alt="Gallery-Image"> <!-- Gallery Image -->
|
||||
<div class="content">
|
||||
<a href="../../assets/images/Gallery/Gallery-9.jpg"><i class="fas fa-plus"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Gallery Item 10 -->
|
||||
<div class="gallery-item gallery-10">
|
||||
<img src="../../assets/images/Gallery/Gallery-10.jpg" alt="Gallery-Image"> <!-- Gallery Image -->
|
||||
<div class="content">
|
||||
<a href="../../assets/images/Gallery/Gallery-10.jpg"><i class="fas fa-plus"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</section>
|
||||
<!-- ==================== Gallery Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Footer Area (Start) ==================== -->
|
||||
<footer class="footer">
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Gardening and Landscaping Company Information & Social Media Links -->
|
||||
<div class="footer-item">
|
||||
|
||||
<!-- Gardening and Landscaping Company Logo -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<!-- Description -->
|
||||
<p>Transforming outdoor spaces with premium gardening and landscaping solutions.</p>
|
||||
|
||||
<!-- Contact Information -->
|
||||
<div class="info connect">
|
||||
<p><i class="fas fa-phone"></i><span>+123-456-7890</span></p>
|
||||
<p><i class="fas fa-envelope"></i><span class="gmail">info@leafline.com</span></p>
|
||||
<p><i class="fas fa-map-marker-alt"></i><span>LeafLine Company</span></p>
|
||||
</div>
|
||||
|
||||
<!-- Social Media Links -->
|
||||
<div class="social">
|
||||
<a href="#"><i class="fab fa-facebook-f"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-x-twitter"></i></a>
|
||||
<a href="#"><i class="fab fa-instagram"></i></a>
|
||||
<a href="#"><i class="fab fa-linkedin"></i></a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Gardening and Landscaping Services Offered -->
|
||||
<div class="footer-item">
|
||||
<h2>Our Services</h2>
|
||||
<div class="info links">
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Lawn Care</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Garden Design</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Tree Planting</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Hardscaping Solution</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">water ponds</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Outdoor Décor</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Quick Links -->
|
||||
<div class="footer-item">
|
||||
<h2>Quick Links</h2>
|
||||
<div class="info links">
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/About/About.html">About Us</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Services.html">Services</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Project/Projects.html">Projects</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Blog/Blog-Grid.html">Blog</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Shop/Shop-Grid.html">Shop</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Contact/Contact.html">Contact Us</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Newsletter Subscription -->
|
||||
<div class="footer-item">
|
||||
|
||||
<h2>Newsletter</h2>
|
||||
<p>Stay informed and up-to-date with the latest trends, helpful tips, and exclusive special offers.</p>
|
||||
<form class="dark-form" method="post" id="newsletter-form-2">
|
||||
<div class="input-field">
|
||||
<label for="news-email-2" class="fas fa-envelope"></label>
|
||||
<input type="email" id="news-email-2" name="email" class="box" placeholder="Your email address" required>
|
||||
</div>
|
||||
<button type="submit" class="btn" name="submit" id="submit-2">Subscribe</button>
|
||||
<span class="alert" id="msg-2"></span>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Gardening and Landscaping Company's Name and Copyright -->
|
||||
<div class="content">
|
||||
<p>Designed By <span>NorthStar_Themes</span> | All Rights Reserved</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
<!-- ==================== Footer Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- Jquery -->
|
||||
<script src="../../assets/vendors/jquery/jquery.min.js"></script>
|
||||
|
||||
<!-- Magnific-Popup JS -->
|
||||
<script src="../../assets/vendors/magnific-popup/jquery.magnific-popup.min.js"></script>
|
||||
|
||||
<!-- Custom Script Files -->
|
||||
<script src="../../assets/js/script.js"></script> <!-- Custom JavaScript file with additional website functionality. -->
|
||||
<script src="../../assets/js/nav-link-toggler.js"></script> <!-- Manages navigation link toggling (e.g., hamburger menu) for mobile devices -->
|
||||
<script src="../../assets/js/newsletter.js"></script>
|
||||
<script src="../../assets/js/gallery.js"></script> <!-- Manages the Portfolio functionality, including image filtering -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,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>
|
||||
@@ -0,0 +1,573 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<!-- Title -->
|
||||
<title>LeafLine | Gardening and Landscaping Website</title>
|
||||
|
||||
<!-- Favicon -->
|
||||
<link rel="icon" type="image/x-icon" href="../../assets/images/favicon.ico">
|
||||
|
||||
<!-- Font-Awesome (CSS) -->
|
||||
<link rel="stylesheet" href="../../assets/vendors/font-awesome/css/all.min.css">
|
||||
|
||||
<!-- Magnific-Popup (CSS) -->
|
||||
<link rel="stylesheet" href="../../assets/vendors/magnific-popup/magnific-popup.css">
|
||||
|
||||
<!-- Custom Stylesheets -->
|
||||
<link rel="stylesheet" href="../../assets/css/main.css">
|
||||
<link rel="stylesheet" href="../../assets/css/responsive.css">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- ==================== Scroll-Top Area (Start) ==================== -->
|
||||
<a href="#" class="scroll-top">
|
||||
<i class="fa-solid fa-arrow-up-long"></i>
|
||||
</a>
|
||||
<!-- ==================== Scroll-Top Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Header Area (Start) ==================== -->
|
||||
<header class="header">
|
||||
|
||||
<!-- ===== Header-1 Area (Start) ===== -->
|
||||
<div class="header-1">
|
||||
|
||||
<!-- == Contacts == -->
|
||||
<ul class="header-contacts">
|
||||
<li><i class="fa-solid fa-location-dot"></i><span>LeafLine Company</span></li>
|
||||
<li><i class="fa-solid fa-phone"></i><span>+123-456-7890</span></li>
|
||||
<li><i class="fa-solid fa-envelope"></i><span class="gmail">info@leafline.com</span></li>
|
||||
</ul>
|
||||
|
||||
<!-- == Social == -->
|
||||
<ul class="social-contacts">
|
||||
<li><a href="#" class="fab fa-facebook-f"></a></li>
|
||||
<li><a href="#" class="fa-brands fa-x-twitter"></a></li>
|
||||
<li><a href="#" class="fab fa-instagram"></a></li>
|
||||
<li><a href="#" class="fab fa-linkedin"></a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
<!-- ===== Header-1 Area (End) ===== -->
|
||||
|
||||
<!-- ===== Header-2 Area (Start) ===== -->
|
||||
<div class="header-2">
|
||||
|
||||
<!-- == Logo == -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<div class="container">
|
||||
|
||||
<!-- == Navbar == -->
|
||||
<nav class="navbar">
|
||||
|
||||
<a class="nav-btn" href="../../index.html">home</a>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">about</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/About/About.html">about us</a>
|
||||
<a href="../../pages/About/WhyUs.html">Why Choose Us</a>
|
||||
<a href="../../pages/About/History.html">History</a>
|
||||
<a href="../../pages/About/Team.html">Team</a>
|
||||
<a href="../../pages/About/Team-Single.html">Team Single</a>
|
||||
<a href="../../pages/About/Testimonials.html">testimonials</a>
|
||||
<a href="../../pages/About/FAQs.html">FAQs</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">Pages</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Gallery.html">Gallery</a>
|
||||
<a href="../../pages/Pages/Pricing.html">Pricing</a>
|
||||
<a href="../../pages/Pages/Process.html">work process</a>
|
||||
<a href="../../pages/Pages/Awards.html">Awards</a>
|
||||
<div class="side-dropdown">
|
||||
<button>Event</button> <i class="fa-solid fa-chevron-right"></i>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Events.html">Events</a>
|
||||
<a href="../../pages/Pages/Event-Single.html">Event Single</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="side-dropdown">
|
||||
<button>Career</button> <i class="fa-solid fa-chevron-right"></i>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Careers.html">Careers</a>
|
||||
<a href="../../pages/Pages/Career-Single.html">Career Single</a>
|
||||
<a href="../../pages/Pages/Career-Form.html">Career Form</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="side-dropdown">
|
||||
<button>Information Hub</button> <i class="fa-solid fa-chevron-right"></i>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Not-Found.html">Not Found</a>
|
||||
<a href="../../pages/Pages/Privacy-Policy.html">Privacy Policy</a>
|
||||
<a href="../../pages/Pages/Terms.html">Terms & Condition</a>
|
||||
</div>
|
||||
</div>
|
||||
<a href="../../pages/Pages/Cost-Calculator.html">cost calculator</a>
|
||||
<a href="../../pages/Pages/Get-Quote.html">get a quote</a>
|
||||
<a href="../../pages/Pages/Clients.html">clients</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">Service</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Service/Services.html">Services</a>
|
||||
<a href="../../pages/Service/Service-Single.html">Service Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">Project</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Project/Projects.html">Projects</a>
|
||||
<a href="../../pages/Project/Project-Single.html">Project Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">blog</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Blog/Blog-Grid.html">blogs grid</a>
|
||||
<a href="../../pages/Blog/Blog-List.html">blogs list</a>
|
||||
<a href="../../pages/Blog/Blog-Single.html">blog Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">shop</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Shop/Shop-Grid.html">shop grid</a>
|
||||
<a href="../../pages/Shop/Shop-List.html">shop list</a>
|
||||
<a href="../../pages/Shop/Product-Single.html">product Single</a>
|
||||
<a href="../../pages/Shop/Wishlist.html">wishlist</a>
|
||||
<a href="../../pages/Shop/Cart.html">cart</a>
|
||||
<a href="../../pages/Shop/Checkout.html">checkout</a>
|
||||
<a href="../../pages/Shop/Login.html">login</a>
|
||||
<a href="../../pages/Shop/Register.html">register</a>
|
||||
<a href="../../pages/Shop/Reset-Password.html">forgot Password</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<a class="nav-btn" href="../../pages/Contact/Contact.html">contact</a>
|
||||
|
||||
</nav>
|
||||
|
||||
<!-- == Icon Container == -->
|
||||
<div class="icon-container">
|
||||
<div id="search-btn" class="icon fa-solid fa-magnifying-glass"></div> <!-- Search Icon -->
|
||||
<div id="menu-btn" class="icon fa-solid fa-bars-staggered"></div>
|
||||
<a href="../../pages/Pages/Get-Quote.html" class="btn">get A quote</a>
|
||||
</div>
|
||||
|
||||
<!-- == Search Container == -->
|
||||
<form class="search-container">
|
||||
<input type="search" id="search-bar" placeholder="search here" required> <!-- Search Input -->
|
||||
<button type="submit"><i class="fas fa-search"></i></button> <!-- Submit Button -->
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ===== Header-2 Area (End) ===== -->
|
||||
|
||||
<!-- ===== Mobile Menu Area (Start) ===== -->
|
||||
<div class="mobile-menu">
|
||||
|
||||
<nav class="mobile-navbar">
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <a class="nav-btn" href="../../index.html">home</a> </div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">about</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/About/About.html">about us</a>
|
||||
<a href="../../pages/About/WhyUs.html">Why Choose Us</a>
|
||||
<a href="../../pages/About/History.html">History</a>
|
||||
<a href="../../pages/About/Team.html">Team</a>
|
||||
<a href="../../pages/About/Team-Single.html">Team Single</a>
|
||||
<a href="../../pages/About/Testimonials.html">testimonials</a>
|
||||
<a href="../../pages/About/FAQs.html">FAQs</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">pages</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Pages/Gallery.html">Gallery</a>
|
||||
<a href="../../pages/Pages/Pricing.html">Pricing</a>
|
||||
<a href="../../pages/Pages/Process.html">work process</a>
|
||||
<a href="../../pages/Pages/Awards.html">Awards</a>
|
||||
<a href="../../pages/Pages/Events.html">Events</a>
|
||||
<a href="../../pages/Pages/Event-Single.html">Event Single</a>
|
||||
<a href="../../pages/Pages/Careers.html">Careers</a>
|
||||
<a href="../../pages/Pages/Career-Single.html">Career Single</a>
|
||||
<a href="../../pages/Pages/Career-Form.html">Career Form</a>
|
||||
<a href="../../pages/Pages/Not-Found.html">Not Found</a>
|
||||
<a href="../../pages/Pages/Privacy-Policy.html">Privacy Policy</a>
|
||||
<a href="../../pages/Pages/Terms.html">Terms & Condition</a>
|
||||
<a href="../../pages/Pages/Cost-Calculator.html">cost calculator</a>
|
||||
<a href="../../pages/Pages/Get-Quote.html">get a quote</a>
|
||||
<a href="../../pages/Pages/Clients.html">clients</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">Service</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Service/Services.html">Services</a>
|
||||
<a href="../../pages/Service/Service-Single.html">Service Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">Project</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Project/Projects.html">Projects</a>
|
||||
<a href="../../pages/Project/Project-Single.html">Project Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">blog</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Blog/Blog-Grid.html">blogs grid</a>
|
||||
<a href="../../pages/Blog/Blog-List.html">blogs list</a>
|
||||
<a href="../../pages/Blog/Blog-Single.html">blog Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">Shop</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Shop/Shop-Grid.html">shop grid</a>
|
||||
<a href="../../pages/Shop/Shop-List.html">shop list</a>
|
||||
<a href="../../pages/Shop/Product-Single.html">product Single</a>
|
||||
<a href="../../pages/Shop/Wishlist.html">wishlist</a>
|
||||
<a href="../../pages/Shop/Cart.html">cart</a>
|
||||
<a href="../../pages/Shop/Checkout.html">checkout</a>
|
||||
<a href="../../pages/Shop/Login.html">login</a>
|
||||
<a href="../../pages/Shop/Register.html">register</a>
|
||||
<a href="../../pages/Shop/Reset-Password.html">forgot Password</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <a class="nav-btn" href="../../pages/Contact/Contact.html">contact</a> </div>
|
||||
</div>
|
||||
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
<!-- ===== Mobile Menu Area (End) ===== -->
|
||||
|
||||
</header>
|
||||
<!-- ==================== Header Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Page-Title (Start) ==================== -->
|
||||
<div class="page-title">
|
||||
|
||||
<div class="title">
|
||||
<h2>Project Single</h2>
|
||||
</div>
|
||||
|
||||
<div class="link">
|
||||
<a href="../../index.html">Home</a>
|
||||
<i class="fa-solid fa-angles-right"></i>
|
||||
<span class="page">Project Single</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ==================== Page-Title (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Project Single (Start) ==================== -->
|
||||
<section class="project-single page-single">
|
||||
|
||||
<!-- Project Info Area (Start) -->
|
||||
<div class="project-info page-info">
|
||||
|
||||
<!-- Project Image -->
|
||||
<div class="image">
|
||||
<img src="../../assets/images/Project/Projects/Project-1.jpg" alt="Theme Garden Installation">
|
||||
</div>
|
||||
|
||||
<!-- Project Content -->
|
||||
<div class="content">
|
||||
|
||||
<!-- Main Heading -->
|
||||
<h2 class="main-heading">Zen Garden Landscaping</h2>
|
||||
|
||||
<!-- Project Important Note -->
|
||||
<p class="important">Experience tranquility and harmony with our professional Zen garden landscaping services. We design serene outdoor spaces inspired by Japanese aesthetics, promoting peace, balance, and mindfulness.</p>
|
||||
|
||||
<!-- Project Description -->
|
||||
<p>Our Zen garden landscaping service focuses on creating minimalist, peaceful environments using natural elements such as rocks, sand, gravel, and carefully placed greenery. Whether for residential or commercial spaces, our designs embody simplicity, calmness, and spiritual reflection—perfect for meditation and relaxation.</p>
|
||||
|
||||
<!-- Project Gallery -->
|
||||
<div class="project-gallery page-gallery">
|
||||
<a href="../../assets/images/Project/Project-Gallery/1.jpg">
|
||||
<img src="../../assets/images/Project/Project-Gallery/1.jpg" alt="Theme Garden Installation Gallery Image 1">
|
||||
</a>
|
||||
<a href="../../assets/images/Project/Project-Gallery/2.jpg">
|
||||
<img src="../../assets/images/Project/Project-Gallery/2.jpg" alt="Theme Garden Installation Gallery Image 2">
|
||||
</a>
|
||||
<a href="../../assets/images/Project/Project-Gallery/3.jpg">
|
||||
<img src="../../assets/images/Project/Project-Gallery/3.jpg" alt="Theme Garden Installation Gallery Image 3">
|
||||
</a>
|
||||
<a href="../../assets/images/Project/Project-Gallery/4.jpg">
|
||||
<img src="../../assets/images/Project/Project-Gallery/4.jpg" alt="Theme Garden Installation Gallery Image 4">
|
||||
</a>
|
||||
<a href="../../assets/images/Project/Project-Gallery/5.jpg">
|
||||
<img src="../../assets/images/Project/Project-Gallery/5.jpg" alt="Theme Garden Installation Gallery Image 5">
|
||||
</a>
|
||||
<a href="../../assets/images/Project/Project-Gallery/6.jpg">
|
||||
<img src="../../assets/images/Project/Project-Gallery/6.jpg" alt="Theme Garden Installation Gallery Image 6">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<!-- Project Challenges -->
|
||||
<div class="sub-section">
|
||||
<h3 class="sub-heading">Project Challenges:</h3>
|
||||
<p>Our Zen garden landscaping services address:</p>
|
||||
<ul>
|
||||
<li><i class="fa-solid fa-check"></i> Achieving Minimalist Yet Balanced Design</li>
|
||||
<li><i class="fa-solid fa-check"></i> Harmonizing Natural Elements like Rocks, Sand, and Plants</li>
|
||||
<li><i class="fa-solid fa-check"></i> Creating a Peaceful Flow within Limited Spaces</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- Project Solutions -->
|
||||
<div class="sub-section">
|
||||
<h3 class="sub-heading">Project Solutions:</h3>
|
||||
<p>We provide thoughtful and refined solutions including:</p>
|
||||
<ul>
|
||||
<li><i class="fa-solid fa-caret-right"></i> Precision Layouts Reflecting Zen Philosophy</li>
|
||||
<li><i class="fa-solid fa-caret-right"></i> Use of Natural and Sustainable Materials</li>
|
||||
<li><i class="fa-solid fa-caret-right"></i> Expert Placement for Visual and Spiritual Harmony</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- Project Result -->
|
||||
<div class="sub-section">
|
||||
<h3 class="sub-heading">Project Result:</h3>
|
||||
<p>Our Zen garden designs deliver:</p>
|
||||
<ul>
|
||||
<li><i class="fa-solid fa-circle-notch"></i> A Serene and Meditative Outdoor Environment</li>
|
||||
<li><i class="fa-solid fa-circle-notch"></i> Balanced Composition that Promotes Relaxation</li>
|
||||
<li><i class="fa-solid fa-circle-notch"></i> Timeless Aesthetic with Low Maintenance Needs</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- Project Info Area (End) -->
|
||||
|
||||
<!-- Project Details Area (Start) -->
|
||||
<div class="project-sidebar page-sidebar">
|
||||
|
||||
<h3 class="sub-heading">Project Info</h3>
|
||||
|
||||
<div class="container">
|
||||
|
||||
<!-- Date -->
|
||||
<div class="detail-item">
|
||||
<i class="fa-regular fa-calendar-days"></i>
|
||||
<div class="detail-content">
|
||||
<h3>Date</h3>
|
||||
<p>September 15, 2025</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Client -->
|
||||
<div class="detail-item">
|
||||
<i class="fa-solid fa-user"></i>
|
||||
<div class="detail-content">
|
||||
<h3>Client</h3>
|
||||
<p>Landscaping specialist</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Category -->
|
||||
<div class="detail-item">
|
||||
<i class="fa-solid fa-list-ul"></i>
|
||||
<div class="detail-content">
|
||||
<h3>Category</h3>
|
||||
<p>Garden design</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Location -->
|
||||
<div class="detail-item">
|
||||
<i class="fa-regular fa-map"></i>
|
||||
<div class="detail-content">
|
||||
<h3>Service Area</h3>
|
||||
<p>Park Installation</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Duration -->
|
||||
<div class="detail-item">
|
||||
<i class="fa-regular fa-clock"></i>
|
||||
<div class="detail-content">
|
||||
<h3>Duration</h3>
|
||||
<p>12 days</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Cost -->
|
||||
<div class="detail-item">
|
||||
<i class="fa-solid fa-dollar-sign"></i>
|
||||
<div class="detail-content">
|
||||
<h3>Cost</h3>
|
||||
<p>$2000</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Lead Designer -->
|
||||
<div class="detail-item">
|
||||
<i class="fa-solid fa-user-gear"></i>
|
||||
<div class="detail-content">
|
||||
<h3>Lead Designer</h3>
|
||||
<p>Jeremy Scalls</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- Project Details Area (End) -->
|
||||
|
||||
</section>
|
||||
<!-- ==================== Project Single (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Footer Area (Start) ==================== -->
|
||||
<footer class="footer">
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Gardening and Landscaping Company Information & Social Media Links -->
|
||||
<div class="footer-item">
|
||||
|
||||
<!-- Gardening and Landscaping Company Logo -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<!-- Description -->
|
||||
<p>Transforming outdoor spaces with premium gardening and landscaping solutions.</p>
|
||||
|
||||
<!-- Contact Information -->
|
||||
<div class="info connect">
|
||||
<p><i class="fas fa-phone"></i><span>+123-456-7890</span></p>
|
||||
<p><i class="fas fa-envelope"></i><span class="gmail">info@leafline.com</span></p>
|
||||
<p><i class="fas fa-map-marker-alt"></i><span>LeafLine Company</span></p>
|
||||
</div>
|
||||
|
||||
<!-- Social Media Links -->
|
||||
<div class="social">
|
||||
<a href="#"><i class="fab fa-facebook-f"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-x-twitter"></i></a>
|
||||
<a href="#"><i class="fab fa-instagram"></i></a>
|
||||
<a href="#"><i class="fab fa-linkedin"></i></a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Gardening and Landscaping Services Offered -->
|
||||
<div class="footer-item">
|
||||
<h2>Our Services</h2>
|
||||
<div class="info links">
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Lawn Care</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Garden Design</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Tree Planting</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Hardscaping Solution</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">water ponds</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Outdoor Décor</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Quick Links -->
|
||||
<div class="footer-item">
|
||||
<h2>Quick Links</h2>
|
||||
<div class="info links">
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/About/About.html">About Us</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Services.html">Services</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Project/Projects.html">Projects</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Blog/Blog-Grid.html">Blog</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Shop/Shop-Grid.html">Shop</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Contact/Contact.html">Contact Us</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Newsletter Subscription -->
|
||||
<div class="footer-item">
|
||||
|
||||
<h2>Newsletter</h2>
|
||||
<p>Stay informed and up-to-date with the latest trends, helpful tips, and exclusive special offers.</p>
|
||||
<form class="dark-form" method="post" id="newsletter-form-2">
|
||||
<div class="input-field">
|
||||
<label for="news-email-2" class="fas fa-envelope"></label>
|
||||
<input type="email" id="news-email-2" name="email" class="box" placeholder="Your email address" required>
|
||||
</div>
|
||||
<button type="submit" class="btn" name="submit" id="submit-2">Subscribe</button>
|
||||
<span class="alert" id="msg-2"></span>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Gardening and Landscaping Company's Name and Copyright -->
|
||||
<div class="content">
|
||||
<p>Designed By <span>NorthStar_Themes</span> | All Rights Reserved</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
<!-- ==================== Footer Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- Jquery -->
|
||||
<script src="../../assets/vendors/jquery/jquery.min.js"></script>
|
||||
|
||||
<!-- Magnific-Popup JS -->
|
||||
<script src="../../assets/vendors/magnific-popup/jquery.magnific-popup.min.js"></script>
|
||||
|
||||
<!-- Custom Script Files -->
|
||||
<script src="../../assets/js/script.js"></script> <!-- Custom JavaScript file with additional website functionality. -->
|
||||
<script src="../../assets/js/nav-link-toggler.js"></script> <!-- Manages navigation link toggling (e.g., hamburger menu) for mobile devices -->
|
||||
<script src="../../assets/js/newsletter.js"></script>
|
||||
<script src="../../assets/js/page-gallery.js"></script> <!-- Manages the gallery functionality of lightbox view. -->
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,541 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<!-- Title -->
|
||||
<title>LeafLine | Gardening and Landscaping Website</title>
|
||||
|
||||
<!-- Favicon -->
|
||||
<link rel="icon" type="image/x-icon" href="../../assets/images/favicon.ico">
|
||||
|
||||
<!-- Font-Awesome (CSS) -->
|
||||
<link rel="stylesheet" href="../../assets/vendors/font-awesome/css/all.min.css">
|
||||
|
||||
<!-- Magnific-Popup (CSS) -->
|
||||
<link rel="stylesheet" href="../../assets/vendors/magnific-popup/magnific-popup.css">
|
||||
|
||||
<!-- Custom Stylesheets -->
|
||||
<link rel="stylesheet" href="../../assets/css/main.css">
|
||||
<link rel="stylesheet" href="../../assets/css/responsive.css">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- ==================== Scroll-Top Area (Start) ==================== -->
|
||||
<a href="#" class="scroll-top">
|
||||
<i class="fa-solid fa-arrow-up-long"></i>
|
||||
</a>
|
||||
<!-- ==================== Scroll-Top Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Header Area (Start) ==================== -->
|
||||
<header class="header">
|
||||
|
||||
<!-- ===== Header-1 Area (Start) ===== -->
|
||||
<div class="header-1">
|
||||
|
||||
<!-- == Contacts == -->
|
||||
<ul class="header-contacts">
|
||||
<li><i class="fa-solid fa-location-dot"></i><span>LeafLine Company</span></li>
|
||||
<li><i class="fa-solid fa-phone"></i><span>+123-456-7890</span></li>
|
||||
<li><i class="fa-solid fa-envelope"></i><span class="gmail">info@leafline.com</span></li>
|
||||
</ul>
|
||||
|
||||
<!-- == Social == -->
|
||||
<ul class="social-contacts">
|
||||
<li><a href="#" class="fab fa-facebook-f"></a></li>
|
||||
<li><a href="#" class="fa-brands fa-x-twitter"></a></li>
|
||||
<li><a href="#" class="fab fa-instagram"></a></li>
|
||||
<li><a href="#" class="fab fa-linkedin"></a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
<!-- ===== Header-1 Area (End) ===== -->
|
||||
|
||||
<!-- ===== Header-2 Area (Start) ===== -->
|
||||
<div class="header-2">
|
||||
|
||||
<!-- == Logo == -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<div class="container">
|
||||
|
||||
<!-- == Navbar == -->
|
||||
<nav class="navbar">
|
||||
|
||||
<a class="nav-btn" href="../../index.html">home</a>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">about</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/About/About.html">about us</a>
|
||||
<a href="../../pages/About/WhyUs.html">Why Choose Us</a>
|
||||
<a href="../../pages/About/History.html">History</a>
|
||||
<a href="../../pages/About/Team.html">Team</a>
|
||||
<a href="../../pages/About/Team-Single.html">Team Single</a>
|
||||
<a href="../../pages/About/Testimonials.html">testimonials</a>
|
||||
<a href="../../pages/About/FAQs.html">FAQs</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">Pages</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Gallery.html">Gallery</a>
|
||||
<a href="../../pages/Pages/Pricing.html">Pricing</a>
|
||||
<a href="../../pages/Pages/Process.html">work process</a>
|
||||
<a href="../../pages/Pages/Awards.html">Awards</a>
|
||||
<div class="side-dropdown">
|
||||
<button>Event</button> <i class="fa-solid fa-chevron-right"></i>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Events.html">Events</a>
|
||||
<a href="../../pages/Pages/Event-Single.html">Event Single</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="side-dropdown">
|
||||
<button>Career</button> <i class="fa-solid fa-chevron-right"></i>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Careers.html">Careers</a>
|
||||
<a href="../../pages/Pages/Career-Single.html">Career Single</a>
|
||||
<a href="../../pages/Pages/Career-Form.html">Career Form</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="side-dropdown">
|
||||
<button>Information Hub</button> <i class="fa-solid fa-chevron-right"></i>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Not-Found.html">Not Found</a>
|
||||
<a href="../../pages/Pages/Privacy-Policy.html">Privacy Policy</a>
|
||||
<a href="../../pages/Pages/Terms.html">Terms & Condition</a>
|
||||
</div>
|
||||
</div>
|
||||
<a href="../../pages/Pages/Cost-Calculator.html">cost calculator</a>
|
||||
<a href="../../pages/Pages/Get-Quote.html">get a quote</a>
|
||||
<a href="../../pages/Pages/Clients.html">clients</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">Service</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Service/Services.html">Services</a>
|
||||
<a href="../../pages/Service/Service-Single.html">Service Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">Project</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Project/Projects.html">Projects</a>
|
||||
<a href="../../pages/Project/Project-Single.html">Project Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">blog</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Blog/Blog-Grid.html">blogs grid</a>
|
||||
<a href="../../pages/Blog/Blog-List.html">blogs list</a>
|
||||
<a href="../../pages/Blog/Blog-Single.html">blog Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">shop</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Shop/Shop-Grid.html">shop grid</a>
|
||||
<a href="../../pages/Shop/Shop-List.html">shop list</a>
|
||||
<a href="../../pages/Shop/Product-Single.html">product Single</a>
|
||||
<a href="../../pages/Shop/Wishlist.html">wishlist</a>
|
||||
<a href="../../pages/Shop/Cart.html">cart</a>
|
||||
<a href="../../pages/Shop/Checkout.html">checkout</a>
|
||||
<a href="../../pages/Shop/Login.html">login</a>
|
||||
<a href="../../pages/Shop/Register.html">register</a>
|
||||
<a href="../../pages/Shop/Reset-Password.html">forgot Password</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<a class="nav-btn" href="../../pages/Contact/Contact.html">contact</a>
|
||||
|
||||
</nav>
|
||||
|
||||
<!-- == Icon Container == -->
|
||||
<div class="icon-container">
|
||||
<div id="search-btn" class="icon fa-solid fa-magnifying-glass"></div> <!-- Search Icon -->
|
||||
<div id="menu-btn" class="icon fa-solid fa-bars-staggered"></div>
|
||||
<a href="../../pages/Pages/Get-Quote.html" class="btn">get A quote</a>
|
||||
</div>
|
||||
|
||||
<!-- == Search Container == -->
|
||||
<form class="search-container">
|
||||
<input type="search" id="search-bar" placeholder="search here" required> <!-- Search Input -->
|
||||
<button type="submit"><i class="fas fa-search"></i></button> <!-- Submit Button -->
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ===== Header-2 Area (End) ===== -->
|
||||
|
||||
<!-- ===== Mobile Menu Area (Start) ===== -->
|
||||
<div class="mobile-menu">
|
||||
|
||||
<nav class="mobile-navbar">
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <a class="nav-btn" href="../../index.html">home</a> </div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">about</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/About/About.html">about us</a>
|
||||
<a href="../../pages/About/WhyUs.html">Why Choose Us</a>
|
||||
<a href="../../pages/About/History.html">History</a>
|
||||
<a href="../../pages/About/Team.html">Team</a>
|
||||
<a href="../../pages/About/Team-Single.html">Team Single</a>
|
||||
<a href="../../pages/About/Testimonials.html">testimonials</a>
|
||||
<a href="../../pages/About/FAQs.html">FAQs</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">pages</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Pages/Gallery.html">Gallery</a>
|
||||
<a href="../../pages/Pages/Pricing.html">Pricing</a>
|
||||
<a href="../../pages/Pages/Process.html">work process</a>
|
||||
<a href="../../pages/Pages/Awards.html">Awards</a>
|
||||
<a href="../../pages/Pages/Events.html">Events</a>
|
||||
<a href="../../pages/Pages/Event-Single.html">Event Single</a>
|
||||
<a href="../../pages/Pages/Careers.html">Careers</a>
|
||||
<a href="../../pages/Pages/Career-Single.html">Career Single</a>
|
||||
<a href="../../pages/Pages/Career-Form.html">Career Form</a>
|
||||
<a href="../../pages/Pages/Not-Found.html">Not Found</a>
|
||||
<a href="../../pages/Pages/Privacy-Policy.html">Privacy Policy</a>
|
||||
<a href="../../pages/Pages/Terms.html">Terms & Condition</a>
|
||||
<a href="../../pages/Pages/Cost-Calculator.html">cost calculator</a>
|
||||
<a href="../../pages/Pages/Get-Quote.html">get a quote</a>
|
||||
<a href="../../pages/Pages/Clients.html">clients</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">Service</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Service/Services.html">Services</a>
|
||||
<a href="../../pages/Service/Service-Single.html">Service Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">Project</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Project/Projects.html">Projects</a>
|
||||
<a href="../../pages/Project/Project-Single.html">Project Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">blog</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Blog/Blog-Grid.html">blogs grid</a>
|
||||
<a href="../../pages/Blog/Blog-List.html">blogs list</a>
|
||||
<a href="../../pages/Blog/Blog-Single.html">blog Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">Shop</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Shop/Shop-Grid.html">shop grid</a>
|
||||
<a href="../../pages/Shop/Shop-List.html">shop list</a>
|
||||
<a href="../../pages/Shop/Product-Single.html">product Single</a>
|
||||
<a href="../../pages/Shop/Wishlist.html">wishlist</a>
|
||||
<a href="../../pages/Shop/Cart.html">cart</a>
|
||||
<a href="../../pages/Shop/Checkout.html">checkout</a>
|
||||
<a href="../../pages/Shop/Login.html">login</a>
|
||||
<a href="../../pages/Shop/Register.html">register</a>
|
||||
<a href="../../pages/Shop/Reset-Password.html">forgot Password</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <a class="nav-btn" href="../../pages/Contact/Contact.html">contact</a> </div>
|
||||
</div>
|
||||
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
<!-- ===== Mobile Menu Area (End) ===== -->
|
||||
|
||||
</header>
|
||||
<!-- ==================== Header Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Page-Title (Start) ==================== -->
|
||||
<div class="page-title">
|
||||
|
||||
<div class="title">
|
||||
<h2>Projects</h2>
|
||||
</div>
|
||||
|
||||
<div class="link">
|
||||
<a href="../../index.html">Home</a>
|
||||
<i class="fa-solid fa-angles-right"></i>
|
||||
<span class="page">Projects</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ==================== Page-Title (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Projects Area (Start) ==================== -->
|
||||
<section class="projects">
|
||||
|
||||
<!-- Section Heading -->
|
||||
<div class="heading">
|
||||
<div class="sub"><i class="fa-brands fa-pagelines"></i><span>Explore Our Work</span><i class="fa-brands fa-pagelines"></i></div>
|
||||
<h2>Our Projects</h2>
|
||||
</div>
|
||||
|
||||
<!-- Projects Filter Buttons -->
|
||||
<ul class="tab-buttons">
|
||||
<li class="button active" data-filter="*">All</li>
|
||||
<li class="button" data-filter=".maintenance">Lawn Maintenance</li>
|
||||
<li class="button" data-filter=".design">Garden Design</li>
|
||||
<li class="button" data-filter=".hardscaping">Hardscaping</li>
|
||||
</ul>
|
||||
|
||||
<!-- Projects Container -->
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Project 1 - Zen Garden -->
|
||||
<div class="project-item design">
|
||||
<div class="projects-content">
|
||||
<img src="../../assets/images/Project/Projects/Project-1.jpg" alt="Zen Garden"> <!-- Project Image -->
|
||||
<div class="content">
|
||||
<div class="btn-container">
|
||||
<a class="view" href="../../assets/images/Project/Projects/Project-1.jpg"><i class="fa-solid fa-plus"></i></a>
|
||||
<a href="../../pages/Project/Project-Single.html"><i class="fa-solid fa-link"></i></a>
|
||||
</div>
|
||||
<div class="text">
|
||||
<p>Garden Design</p>
|
||||
<a href="../../pages/Project/Project-Single.html"><h3>Zen Garden Landscaping</h3></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Project 2 - Green Lawn Revive -->
|
||||
<div class="project-item maintenance">
|
||||
<div class="projects-content">
|
||||
<img src="../../assets/images/Project/Projects/Project-2.jpg" alt="Green Lawn">
|
||||
<div class="content">
|
||||
<div class="btn-container">
|
||||
<a class="view" href="../../assets/images/Project/Projects/Project-2.jpg"><i class="fa-solid fa-plus"></i></a>
|
||||
<a href="../../pages/Project/Project-Single.html"><i class="fa-solid fa-link"></i></a>
|
||||
</div>
|
||||
<div class="text">
|
||||
<p>Lawn Maintenance</p>
|
||||
<a href="../../pages/Project/Project-Single.html"><h3>Green Lawn Revive Project</h3></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Project 3 - Modern Courtyard -->
|
||||
<div class="project-item design">
|
||||
<div class="projects-content">
|
||||
<img src="../../assets/images/Project/Projects/Project-3.jpg" alt="Modern Courtyard">
|
||||
<div class="content">
|
||||
<div class="btn-container">
|
||||
<a class="view" href="../../assets/images/Project/Projects/Project-3.jpg"><i class="fa-solid fa-plus"></i></a>
|
||||
<a href="../../pages/Project/Project-Single.html"><i class="fa-solid fa-link"></i></a>
|
||||
</div>
|
||||
<div class="text">
|
||||
<p>Garden Design</p>
|
||||
<a href="../../pages/Project/Project-Single.html"><h3>Modern Courtyard Makeover</h3></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Project 4 - Stone Pathway Patio -->
|
||||
<div class="project-item hardscaping">
|
||||
<div class="projects-content">
|
||||
<img src="../../assets/images/Project/Projects/Project-4.jpg" alt="Stone Pathway Patio">
|
||||
<div class="content">
|
||||
<div class="btn-container">
|
||||
<a class="view" href="../../assets/images/Project/Projects/Project-4.jpg"><i class="fa-solid fa-plus"></i></a>
|
||||
<a href="../../pages/Project/Project-Single.html"><i class="fa-solid fa-link"></i></a>
|
||||
</div>
|
||||
<div class="text">
|
||||
<p>Hardscaping</p>
|
||||
<a href="../../pages/Project/Project-Single.html"><h3>Stone Pathway Patio Design</h3></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Project 5 - Smart Irrigation Setup -->
|
||||
<div class="project-item maintenance">
|
||||
<div class="projects-content">
|
||||
<img src="../../assets/images/Project/Projects/Project-5.jpg" alt="Irrigation System">
|
||||
<div class="content">
|
||||
<div class="btn-container">
|
||||
<a class="view" href="../../assets/images/Project/Projects/Project-5.jpg"><i class="fa-solid fa-plus"></i></a>
|
||||
<a href="../../pages/Project/Project-Single.html"><i class="fa-solid fa-link"></i></a>
|
||||
</div>
|
||||
<div class="text">
|
||||
<p>Lawn Maintenance</p>
|
||||
<a href="../../pages/Project/Project-Single.html"><h3>Smart Irrigation System Setup</h3></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Project 6 - Wooden Deck Retreat -->
|
||||
<div class="project-item hardscaping">
|
||||
<div class="projects-content">
|
||||
<img src="../../assets/images/Project/Projects/Project-6.jpg" alt="Wooden Deck Retreat">
|
||||
<div class="content">
|
||||
<div class="btn-container">
|
||||
<a class="view" href="../../assets/images/Project/Projects/Project-6.jpg"><i class="fa-solid fa-plus"></i></a>
|
||||
<a href="../../pages/Project/Project-Single.html"><i class="fa-solid fa-link"></i></a>
|
||||
</div>
|
||||
<div class="text">
|
||||
<p>Hardscaping</p>
|
||||
<a href="../../pages/Project/Project-Single.html"><h3>Wooden Deck Backyard Retreat</h3></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</section>
|
||||
<!-- ==================== Projects Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Footer Area (Start) ==================== -->
|
||||
<footer class="footer">
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Gardening and Landscaping Company Information & Social Media Links -->
|
||||
<div class="footer-item">
|
||||
|
||||
<!-- Gardening and Landscaping Company Logo -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<!-- Description -->
|
||||
<p>Transforming outdoor spaces with premium gardening and landscaping solutions.</p>
|
||||
|
||||
<!-- Contact Information -->
|
||||
<div class="info connect">
|
||||
<p><i class="fas fa-phone"></i><span>+123-456-7890</span></p>
|
||||
<p><i class="fas fa-envelope"></i><span class="gmail">info@leafline.com</span></p>
|
||||
<p><i class="fas fa-map-marker-alt"></i><span>LeafLine Company</span></p>
|
||||
</div>
|
||||
|
||||
<!-- Social Media Links -->
|
||||
<div class="social">
|
||||
<a href="#"><i class="fab fa-facebook-f"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-x-twitter"></i></a>
|
||||
<a href="#"><i class="fab fa-instagram"></i></a>
|
||||
<a href="#"><i class="fab fa-linkedin"></i></a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Gardening and Landscaping Services Offered -->
|
||||
<div class="footer-item">
|
||||
<h2>Our Services</h2>
|
||||
<div class="info links">
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Lawn Care</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Garden Design</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Tree Planting</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Hardscaping Solution</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">water ponds</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Outdoor Décor</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Quick Links -->
|
||||
<div class="footer-item">
|
||||
<h2>Quick Links</h2>
|
||||
<div class="info links">
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/About/About.html">About Us</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Services.html">Services</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Project/Projects.html">Projects</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Blog/Blog-Grid.html">Blog</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Shop/Shop-Grid.html">Shop</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Contact/Contact.html">Contact Us</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Newsletter Subscription -->
|
||||
<div class="footer-item">
|
||||
|
||||
<h2>Newsletter</h2>
|
||||
<p>Stay informed and up-to-date with the latest trends, helpful tips, and exclusive special offers.</p>
|
||||
<form class="dark-form" method="post" id="newsletter-form-2">
|
||||
<div class="input-field">
|
||||
<label for="news-email-2" class="fas fa-envelope"></label>
|
||||
<input type="email" id="news-email-2" name="email" class="box" placeholder="Your email address" required>
|
||||
</div>
|
||||
<button type="submit" class="btn" name="submit" id="submit-2">Subscribe</button>
|
||||
<span class="alert" id="msg-2"></span>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Gardening and Landscaping Company's Name and Copyright -->
|
||||
<div class="content">
|
||||
<p>Designed By <span>NorthStar_Themes</span> | All Rights Reserved</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
<!-- ==================== Footer Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- Jquery -->
|
||||
<script src="../../assets/vendors/jquery/jquery.min.js"></script>
|
||||
|
||||
<!-- Magnific-Popup JS -->
|
||||
<script src="../../assets/vendors/magnific-popup/jquery.magnific-popup.min.js"></script>
|
||||
|
||||
<!-- Isotope (JS) -->
|
||||
<script src="../../assets/vendors/isotope/isotope.pkgd.min.js"></script>
|
||||
|
||||
<!-- Custom Script Files -->
|
||||
<script src="../../assets/js/script.js"></script> <!-- Custom JavaScript file with additional website functionality. -->
|
||||
<script src="../../assets/js/nav-link-toggler.js"></script> <!-- Manages navigation link toggling (e.g., hamburger menu) for mobile devices -->
|
||||
<script src="../../assets/js/newsletter.js"></script>
|
||||
<script src="../../assets/js/projects.js"></script> <!-- Manages the projects functionality, including image filtering -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,423 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<!-- Title -->
|
||||
<title>Birthday Party Gaming | Mobile Galaxy Gaming — Winfield, IL</title>
|
||||
|
||||
<!-- SEO -->
|
||||
<meta name="description" content="Book Mobile Galaxy Gaming's birthday party gaming package: PS5, Xbox, and Switch delivered to your driveway with an on-site host in Winfield and the Chicago suburbs.">
|
||||
<meta name="robots" content="index, follow">
|
||||
<link rel="canonical" href="https://mobile-galaxy-gaming-preview.aimloperations.com/pages/Service/Service-Single.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">
|
||||
|
||||
<!-- 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">
|
||||
|
||||
<!-- 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; }
|
||||
.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">
|
||||
<h2>Service Detail</h2>
|
||||
</div>
|
||||
|
||||
<div class="link">
|
||||
<a href="../../index.html">Home</a>
|
||||
<i class="fa-solid fa-angles-right"></i>
|
||||
<span class="page">Service Detail</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ==================== Page-Title (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Service Single (Start) ==================== -->
|
||||
<section class="service-single page-single">
|
||||
|
||||
<!-- ========== Service Sidebar Area (Start) ========== -->
|
||||
<div class="sidebar">
|
||||
|
||||
<div class="category sidebar-item">
|
||||
|
||||
<!-- Sidebar Heading -->
|
||||
<div class="sidebar-heading">
|
||||
<h2>our services</h2>
|
||||
</div>
|
||||
|
||||
<!-- Services List -->
|
||||
<div class="box-container">
|
||||
<a href="./Service-Single.html"><span><i class="fa-solid fa-cake-candles"></i>Birthday Party Gaming</span></a>
|
||||
<a href="./Service-Single.html"><span><i class="fa-solid fa-school"></i>School & Youth Events</span></a>
|
||||
<a href="./Service-Single.html"><span><i class="fa-solid fa-people-group"></i>Corporate & Community</span></a>
|
||||
<a href="./Service-Single.html"><span><i class="fa-solid fa-gamepad"></i>Console Gaming</span></a>
|
||||
<a href="./Service-Single.html"><span><i class="fa-solid fa-vr-cardboard"></i>VR Experience</span></a>
|
||||
<a href="./Service-Single.html"><span><i class="fa-solid fa-trophy"></i>Multi-Screen Tournaments</span></a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ========== Service Sidebar Area (End) ========== -->
|
||||
|
||||
<!-- ========== Service Info Container (Start) ========== -->
|
||||
<div class="service-info page-info">
|
||||
|
||||
<!-- Service Image -->
|
||||
<div class="image">
|
||||
<img src="../../assets/images/Service/Services/Service-1.jpg" alt="Birthday Party Gaming">
|
||||
</div>
|
||||
|
||||
<div class="content">
|
||||
|
||||
<!-- Service Main Heading -->
|
||||
<h1 class="main-heading">Birthday Party Gaming</h1>
|
||||
|
||||
<!-- Service Description -->
|
||||
<p>Make the birthday unforgettable with the game truck parked right in your driveway. Mobile Galaxy Gaming brings PS5, Xbox Series X, and Nintendo Switch along with multiple HD TVs so the whole party can play together.</p>
|
||||
<p>A dedicated host runs the event from start to finish — organizing mini-tournaments, helping younger players, and keeping the games rotating so nobody is stuck waiting. Just point us to a driveway or parking area and we'll handle the rest.</p>
|
||||
|
||||
<!-- Service Gallery -->
|
||||
<div class="page-gallery">
|
||||
<a href="../../assets/images/Service/Service-Gallery/1.jpg">
|
||||
<img src="../../assets/images/Service/Service-Gallery/1.jpg" alt="Birthday party gaming truck gallery image 1">
|
||||
</a>
|
||||
<a href="../../assets/images/Service/Service-Gallery/2.jpg">
|
||||
<img src="../../assets/images/Service/Service-Gallery/2.jpg" alt="Birthday party gaming truck gallery image 2">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<!-- Key Features -->
|
||||
<div class="sub-section">
|
||||
<div class="box-container">
|
||||
<h2 class="sub-heading">Key Features:</h2>
|
||||
<p>Our birthday party gaming package is built to keep every guest playing and having fun:</p>
|
||||
<ul>
|
||||
<li><i class="fa-solid fa-check"></i>PS5, Xbox Series X & Nintendo Switch</li>
|
||||
<li><i class="fa-solid fa-check"></i>Multiple HD TVs for Simultaneous Play</li>
|
||||
<li><i class="fa-solid fa-check"></i>Dedicated On-Site Party Host</li>
|
||||
<li><i class="fa-solid fa-check"></i>Games for Every Age Group</li>
|
||||
<li><i class="fa-solid fa-check"></i>Optional VR Station Add-On</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Service Process -->
|
||||
<div class="sub-section">
|
||||
<div class="box-container">
|
||||
<h2 class="sub-heading">How It Works:</h2>
|
||||
<p>Booking the game truck for a birthday party is a simple, five-step process:</p>
|
||||
<ul>
|
||||
<li><i class="fa-solid fa-gamepad"></i>Pick a Package and Guest Count</li>
|
||||
<li><i class="fa-solid fa-gamepad"></i>Book Your Date and Address</li>
|
||||
<li><i class="fa-solid fa-gamepad"></i>We Deliver and Set Up On-Site</li>
|
||||
<li><i class="fa-solid fa-gamepad"></i>Guests Play with a Host Running the Show</li>
|
||||
<li><i class="fa-solid fa-gamepad"></i>We Wrap Up and Roll Out</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Service FAQs -->
|
||||
<div class="faq sub-section">
|
||||
<h2 class="sub-heading">Frequently Asked Questions</h2>
|
||||
|
||||
<!-- FAQ Accordion Container -->
|
||||
<div class="accordion-container">
|
||||
|
||||
<!-- FAQ Accordion 1 -->
|
||||
<div class="accordion active">
|
||||
<div class="accordion-heading">
|
||||
<h3>What's included in the birthday party package?</h3>
|
||||
<i class="fas fa-plus"></i>
|
||||
</div>
|
||||
<div class="accordion-content">
|
||||
<p>Every package includes the game truck, a rotating selection of consoles and games, multiple HD TVs, and an on-site host who manages the party from setup to wrap-up.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- FAQ Accordion 2 -->
|
||||
<div class="accordion">
|
||||
<div class="accordion-heading">
|
||||
<h3>How many kids can play at once?</h3>
|
||||
<i class="fas fa-plus"></i>
|
||||
</div>
|
||||
<div class="accordion-content">
|
||||
<p>Depending on the package selected, 8 to 20+ guests can play across the truck's multiple screens and systems, with a host rotating players so everyone gets time on the controller.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- FAQ Accordion 3 -->
|
||||
<div class="accordion">
|
||||
<div class="accordion-heading">
|
||||
<h3>Can we add a VR station to the party?</h3>
|
||||
<i class="fas fa-plus"></i>
|
||||
</div>
|
||||
<div class="accordion-content">
|
||||
<p>Yes! VR stations are available as an add-on to any package, giving guests an extra immersive experience alongside the console gaming setup.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- FAQ Accordion 4 -->
|
||||
<div class="accordion">
|
||||
<div class="accordion-heading">
|
||||
<h3>What space do you need for the party?</h3>
|
||||
<i class="fas fa-plus"></i>
|
||||
</div>
|
||||
<div class="accordion-content">
|
||||
<p>A flat driveway or parking area about the size of a standard parking space is all we need, plus a little extra room for guests to gather outside the truck.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ========== Service Info Container (End) ========== -->
|
||||
|
||||
</section>
|
||||
<!-- ==================== Service Single (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Footer Area (Start) ==================== -->
|
||||
<footer class="footer">
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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,354 @@
|
||||
<!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>Services | Mobile Galaxy Gaming — Winfield, IL</title>
|
||||
|
||||
<!-- SEO -->
|
||||
<meta name="description" content="Birthday parties, school events, corporate outings, console gaming, and VR — see everything Mobile Galaxy Gaming's game truck brings to your event.">
|
||||
<meta name="robots" content="index, follow">
|
||||
<link rel="canonical" href="https://mobile-galaxy-gaming-preview.aimloperations.com/pages/Service/Services.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>Services</h1>
|
||||
</div>
|
||||
|
||||
<div class="link">
|
||||
<a href="../../index.html">Home</a>
|
||||
<i class="fa-solid fa-angles-right"></i>
|
||||
<span class="page">Services</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ==================== Page-Title (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Services Area (Start) ==================== -->
|
||||
<section class="services">
|
||||
|
||||
<!-- Section Heading -->
|
||||
<div class="heading">
|
||||
<div class="sub"><i class="fa-solid fa-gamepad"></i><span>What We Offer</span><i class="fa-solid fa-gamepad"></i></div>
|
||||
<h2>Our Services</h2>
|
||||
</div>
|
||||
|
||||
<!-- Services Container -->
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Service 1: Birthday Party Gaming -->
|
||||
<div class="swiper-slide service-item">
|
||||
<img src="../../assets/images/Service/Services/Service-1.jpg" alt="Birthday Party Gaming">
|
||||
<div class="content">
|
||||
<div class="icon"><i class="fa-solid fa-cake-candles"></i></div>
|
||||
<a href="../../pages/Service/Service-Single.html"><h3>Birthday Party Gaming</h3></a>
|
||||
<p>The game truck rolls up to your driveway for an unforgettable birthday celebration.</p>
|
||||
<a href="../../pages/Service/Service-Single.html" class="btn">Read More</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Service 2: School & Youth Events -->
|
||||
<div class="swiper-slide service-item">
|
||||
<img src="../../assets/images/Service/Services/Service-2.jpg" alt="School and Youth Events">
|
||||
<div class="content">
|
||||
<div class="icon"><i class="fa-solid fa-school"></i></div>
|
||||
<a href="../../pages/Service/Service-Single.html"><h3>School & Youth Events</h3></a>
|
||||
<p>A low-hassle reward for students, youth groups, and community programs.</p>
|
||||
<a href="../../pages/Service/Service-Single.html" class="btn">Read More</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Service 3: Corporate & Community Events -->
|
||||
<div class="swiper-slide service-item">
|
||||
<img src="../../assets/images/Service/Services/Service-3.jpg" alt="Corporate and Community Events">
|
||||
<div class="content">
|
||||
<div class="icon"><i class="fa-solid fa-people-group"></i></div>
|
||||
<a href="../../pages/Service/Service-Single.html"><h3>Corporate & Community Events</h3></a>
|
||||
<p>Team outings and neighborhood gatherings that get people playing together.</p>
|
||||
<a href="../../pages/Service/Service-Single.html" class="btn">Read More</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Service 4: Console Gaming -->
|
||||
<div class="swiper-slide service-item">
|
||||
<img src="../../assets/images/Service/Services/Service-4.jpg" alt="Console Gaming">
|
||||
<div class="content">
|
||||
<div class="icon"><i class="fa-solid fa-gamepad"></i></div>
|
||||
<a href="../../pages/Service/Service-Single.html"><h3>Console Gaming</h3></a>
|
||||
<p>PS5, Xbox Series X, and Nintendo Switch with a rotating library of games.</p>
|
||||
<a href="../../pages/Service/Service-Single.html" class="btn">Read More</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Service 5: VR Experience -->
|
||||
<div class="swiper-slide service-item">
|
||||
<img src="../../assets/images/Service/Services/Service-5.jpg" alt="VR Experience">
|
||||
<div class="content">
|
||||
<div class="icon"><i class="fa-solid fa-vr-cardboard"></i></div>
|
||||
<a href="../../pages/Service/Service-Single.html"><h3>VR Experience</h3></a>
|
||||
<p>Add virtual-reality stations for an experience guests won't stop talking about.</p>
|
||||
<a href="../../pages/Service/Service-Single.html" class="btn">Read More</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Service 6: Multi-Screen Tournaments -->
|
||||
<div class="swiper-slide service-item">
|
||||
<img src="../../assets/images/Service/Services/Service-6.jpg" alt="Multi-Screen Tournaments">
|
||||
<div class="content">
|
||||
<div class="icon"><i class="fa-solid fa-trophy"></i></div>
|
||||
<a href="../../pages/Service/Service-Single.html"><h3>Multi-Screen Tournaments</h3></a>
|
||||
<p>Run bracket-style tournaments across multiple HD TVs for bigger groups.</p>
|
||||
<a href="../../pages/Service/Service-Single.html" class="btn">Read More</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</section>
|
||||
<!-- ==================== Services Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Footer Area (Start) ==================== -->
|
||||
<footer class="footer">
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- 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>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
+575
@@ -0,0 +1,575 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<!-- Title -->
|
||||
<title>LeafLine | Gardening and Landscaping Website</title>
|
||||
|
||||
<!-- Favicon -->
|
||||
<link rel="icon" type="image/x-icon" href="../../assets/images/favicon.ico">
|
||||
|
||||
<!-- Font-Awesome (CSS) -->
|
||||
<link rel="stylesheet" href="../../assets/vendors/font-awesome/css/all.min.css">
|
||||
|
||||
<!-- Custom Stylesheets -->
|
||||
<link rel="stylesheet" href="../../assets/css/main.css">
|
||||
<link rel="stylesheet" href="../../assets/css/responsive.css">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- ==================== Scroll-Top Area (Start) ==================== -->
|
||||
<a href="#" class="scroll-top">
|
||||
<i class="fa-solid fa-arrow-up-long"></i>
|
||||
</a>
|
||||
<!-- ==================== Scroll-Top Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Header Area (Start) ==================== -->
|
||||
<header class="header">
|
||||
|
||||
<!-- ===== Header-1 Area (Start) ===== -->
|
||||
<div class="header-1">
|
||||
|
||||
<!-- == Contacts == -->
|
||||
<ul class="header-contacts">
|
||||
<li><i class="fa-solid fa-location-dot"></i><span>LeafLine Company</span></li>
|
||||
<li><i class="fa-solid fa-phone"></i><span>+123-456-7890</span></li>
|
||||
<li><i class="fa-solid fa-envelope"></i><span class="gmail">info@leafline.com</span></li>
|
||||
</ul>
|
||||
|
||||
<!-- == Social == -->
|
||||
<ul class="social-contacts">
|
||||
<li><a href="#" class="fab fa-facebook-f"></a></li>
|
||||
<li><a href="#" class="fa-brands fa-x-twitter"></a></li>
|
||||
<li><a href="#" class="fab fa-instagram"></a></li>
|
||||
<li><a href="#" class="fab fa-linkedin"></a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
<!-- ===== Header-1 Area (End) ===== -->
|
||||
|
||||
<!-- ===== Header-2 Area (Start) ===== -->
|
||||
<div class="header-2">
|
||||
|
||||
<!-- == Logo == -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<div class="container">
|
||||
|
||||
<!-- == Navbar == -->
|
||||
<nav class="navbar">
|
||||
|
||||
<a class="nav-btn" href="../../index.html">home</a>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">about</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/About/About.html">about us</a>
|
||||
<a href="../../pages/About/WhyUs.html">Why Choose Us</a>
|
||||
<a href="../../pages/About/History.html">History</a>
|
||||
<a href="../../pages/About/Team.html">Team</a>
|
||||
<a href="../../pages/About/Team-Single.html">Team Single</a>
|
||||
<a href="../../pages/About/Testimonials.html">testimonials</a>
|
||||
<a href="../../pages/About/FAQs.html">FAQs</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">Pages</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Gallery.html">Gallery</a>
|
||||
<a href="../../pages/Pages/Pricing.html">Pricing</a>
|
||||
<a href="../../pages/Pages/Process.html">work process</a>
|
||||
<a href="../../pages/Pages/Awards.html">Awards</a>
|
||||
<div class="side-dropdown">
|
||||
<button>Event</button> <i class="fa-solid fa-chevron-right"></i>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Events.html">Events</a>
|
||||
<a href="../../pages/Pages/Event-Single.html">Event Single</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="side-dropdown">
|
||||
<button>Career</button> <i class="fa-solid fa-chevron-right"></i>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Careers.html">Careers</a>
|
||||
<a href="../../pages/Pages/Career-Single.html">Career Single</a>
|
||||
<a href="../../pages/Pages/Career-Form.html">Career Form</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="side-dropdown">
|
||||
<button>Information Hub</button> <i class="fa-solid fa-chevron-right"></i>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Not-Found.html">Not Found</a>
|
||||
<a href="../../pages/Pages/Privacy-Policy.html">Privacy Policy</a>
|
||||
<a href="../../pages/Pages/Terms.html">Terms & Condition</a>
|
||||
</div>
|
||||
</div>
|
||||
<a href="../../pages/Pages/Cost-Calculator.html">cost calculator</a>
|
||||
<a href="../../pages/Pages/Get-Quote.html">get a quote</a>
|
||||
<a href="../../pages/Pages/Clients.html">clients</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">Service</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Service/Services.html">Services</a>
|
||||
<a href="../../pages/Service/Service-Single.html">Service Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">Project</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Project/Projects.html">Projects</a>
|
||||
<a href="../../pages/Project/Project-Single.html">Project Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">blog</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Blog/Blog-Grid.html">blogs grid</a>
|
||||
<a href="../../pages/Blog/Blog-List.html">blogs list</a>
|
||||
<a href="../../pages/Blog/Blog-Single.html">blog Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">shop</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Shop/Shop-Grid.html">shop grid</a>
|
||||
<a href="../../pages/Shop/Shop-List.html">shop list</a>
|
||||
<a href="../../pages/Shop/Product-Single.html">product Single</a>
|
||||
<a href="../../pages/Shop/Wishlist.html">wishlist</a>
|
||||
<a href="../../pages/Shop/Cart.html">cart</a>
|
||||
<a href="../../pages/Shop/Checkout.html">checkout</a>
|
||||
<a href="../../pages/Shop/Login.html">login</a>
|
||||
<a href="../../pages/Shop/Register.html">register</a>
|
||||
<a href="../../pages/Shop/Reset-Password.html">forgot Password</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<a class="nav-btn" href="../../pages/Contact/Contact.html">contact</a>
|
||||
|
||||
</nav>
|
||||
|
||||
<!-- == Icon Container == -->
|
||||
<div class="icon-container">
|
||||
<div id="search-btn" class="icon fa-solid fa-magnifying-glass"></div> <!-- Search Icon -->
|
||||
<div id="menu-btn" class="icon fa-solid fa-bars-staggered"></div>
|
||||
<a href="../../pages/Pages/Get-Quote.html" class="btn">get A quote</a>
|
||||
</div>
|
||||
|
||||
<!-- == Search Container == -->
|
||||
<form class="search-container">
|
||||
<input type="search" id="search-bar" placeholder="search here" required> <!-- Search Input -->
|
||||
<button type="submit"><i class="fas fa-search"></i></button> <!-- Submit Button -->
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ===== Header-2 Area (End) ===== -->
|
||||
|
||||
<!-- ===== Mobile Menu Area (Start) ===== -->
|
||||
<div class="mobile-menu">
|
||||
|
||||
<nav class="mobile-navbar">
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <a class="nav-btn" href="../../index.html">home</a> </div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">about</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/About/About.html">about us</a>
|
||||
<a href="../../pages/About/WhyUs.html">Why Choose Us</a>
|
||||
<a href="../../pages/About/History.html">History</a>
|
||||
<a href="../../pages/About/Team.html">Team</a>
|
||||
<a href="../../pages/About/Team-Single.html">Team Single</a>
|
||||
<a href="../../pages/About/Testimonials.html">testimonials</a>
|
||||
<a href="../../pages/About/FAQs.html">FAQs</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">pages</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Pages/Gallery.html">Gallery</a>
|
||||
<a href="../../pages/Pages/Pricing.html">Pricing</a>
|
||||
<a href="../../pages/Pages/Process.html">work process</a>
|
||||
<a href="../../pages/Pages/Awards.html">Awards</a>
|
||||
<a href="../../pages/Pages/Events.html">Events</a>
|
||||
<a href="../../pages/Pages/Event-Single.html">Event Single</a>
|
||||
<a href="../../pages/Pages/Careers.html">Careers</a>
|
||||
<a href="../../pages/Pages/Career-Single.html">Career Single</a>
|
||||
<a href="../../pages/Pages/Career-Form.html">Career Form</a>
|
||||
<a href="../../pages/Pages/Not-Found.html">Not Found</a>
|
||||
<a href="../../pages/Pages/Privacy-Policy.html">Privacy Policy</a>
|
||||
<a href="../../pages/Pages/Terms.html">Terms & Condition</a>
|
||||
<a href="../../pages/Pages/Cost-Calculator.html">cost calculator</a>
|
||||
<a href="../../pages/Pages/Get-Quote.html">get a quote</a>
|
||||
<a href="../../pages/Pages/Clients.html">clients</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">Service</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Service/Services.html">Services</a>
|
||||
<a href="../../pages/Service/Service-Single.html">Service Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">Project</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Project/Projects.html">Projects</a>
|
||||
<a href="../../pages/Project/Project-Single.html">Project Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">blog</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Blog/Blog-Grid.html">blogs grid</a>
|
||||
<a href="../../pages/Blog/Blog-List.html">blogs list</a>
|
||||
<a href="../../pages/Blog/Blog-Single.html">blog Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">Shop</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Shop/Shop-Grid.html">shop grid</a>
|
||||
<a href="../../pages/Shop/Shop-List.html">shop list</a>
|
||||
<a href="../../pages/Shop/Product-Single.html">product Single</a>
|
||||
<a href="../../pages/Shop/Wishlist.html">wishlist</a>
|
||||
<a href="../../pages/Shop/Cart.html">cart</a>
|
||||
<a href="../../pages/Shop/Checkout.html">checkout</a>
|
||||
<a href="../../pages/Shop/Login.html">login</a>
|
||||
<a href="../../pages/Shop/Register.html">register</a>
|
||||
<a href="../../pages/Shop/Reset-Password.html">forgot Password</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <a class="nav-btn" href="../../pages/Contact/Contact.html">contact</a> </div>
|
||||
</div>
|
||||
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
<!-- ===== Mobile Menu Area (End) ===== -->
|
||||
|
||||
</header>
|
||||
<!-- ==================== Header Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Page-Title (Start) ==================== -->
|
||||
<div class="page-title">
|
||||
|
||||
<div class="title">
|
||||
<h2>Cart</h2>
|
||||
</div>
|
||||
|
||||
<div class="link">
|
||||
<a href="../../index.html">Home</a>
|
||||
<i class="fa-solid fa-angles-right"></i>
|
||||
<span class="page">Cart</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ==================== Page-Title (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Cart Area (Start) ==================== -->
|
||||
<section class="cart">
|
||||
|
||||
<!-- ========== Shopping-Cart Area (Start) ========== -->
|
||||
<div class="shopping-cart">
|
||||
|
||||
<div class="container">
|
||||
|
||||
<div class="shoplist-title">
|
||||
<h3 class="product-heading">product</h3>
|
||||
<h3>price</h3>
|
||||
<h3>quantity</h3>
|
||||
<h3>total</h3>
|
||||
<h3>action</h3>
|
||||
</div>
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Cart Item 1 -->
|
||||
<div class="cart-item">
|
||||
<div class="box product">
|
||||
<img src="../../assets/images/Shop/Products/Product-1.jpg" alt="Product-Image">
|
||||
<div class="name">Axe</div>
|
||||
</div>
|
||||
<div class="box price">$50.00</div>
|
||||
<div class="box quantitly">
|
||||
<div class="quantity buttons_added">
|
||||
<input type="button" value="-" class="minus">
|
||||
<input type="number" step="1" min="1" max="100" name="quantity" value="1" title="Qty" class="input-text qty text">
|
||||
<input type="button" value="+" class="plus">
|
||||
</div>
|
||||
</div>
|
||||
<div class="box total">$50.00</div>
|
||||
<div class="box action">
|
||||
<i class="icon fa-solid fa-trash-arrow-up"></i>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Cart Item 2 -->
|
||||
<div class="cart-item">
|
||||
<div class="box product">
|
||||
<img src="../../assets/images/Shop/Products/Product-2.jpg" alt="Product-Image">
|
||||
<div class="name">LawnMower</div>
|
||||
</div>
|
||||
<div class="box price">$50.00</div>
|
||||
<div class="box quantitly">
|
||||
<div class="quantity buttons_added">
|
||||
<input type="button" value="-" class="minus">
|
||||
<input type="number" step="1" min="1" max="100" name="quantity" value="1" title="Qty" class="input-text qty text">
|
||||
<input type="button" value="+" class="plus">
|
||||
</div>
|
||||
</div>
|
||||
<div class="box total">$50.00</div>
|
||||
<div class="box action">
|
||||
<i class="icon fa-solid fa-trash-arrow-up"></i>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Cart Item 3 -->
|
||||
<div class="cart-item">
|
||||
<div class="box product">
|
||||
<img src="../../assets/images/Shop/Products/Product-3.jpg" alt="Product-Image">
|
||||
<div class="name">Water Hose</div>
|
||||
</div>
|
||||
<div class="box price">$50.00</div>
|
||||
<div class="box quantitly">
|
||||
<div class="quantity buttons_added">
|
||||
<input type="button" value="-" class="minus">
|
||||
<input type="number" step="1" min="1" max="100" name="quantity" value="2" title="Qty" class="input-text qty text">
|
||||
<input type="button" value="+" class="plus">
|
||||
</div>
|
||||
</div>
|
||||
<div class="box total">$100.00</div>
|
||||
<div class="box action">
|
||||
<i class="icon fa-solid fa-trash-arrow-up"></i>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Cart Item 4 -->
|
||||
<div class="cart-item">
|
||||
<div class="box product">
|
||||
<img src="../../assets/images/Shop/Products/Product-4.jpg" alt="Product-Image">
|
||||
<div class="name">Chainsaw</div>
|
||||
</div>
|
||||
<div class="box price">$50.00</div>
|
||||
<div class="box quantitly">
|
||||
<div class="quantity buttons_added">
|
||||
<input type="button" value="-" class="minus">
|
||||
<input type="number" step="1" min="1" max="100" name="quantity" value="1" title="Qty" class="input-text qty text">
|
||||
<input type="button" value="+" class="plus">
|
||||
</div>
|
||||
</div>
|
||||
<div class="box total">$50.00</div>
|
||||
<div class="box action">
|
||||
<i class="icon fa-solid fa-trash-arrow-up"></i>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Cart Item 5 -->
|
||||
<div class="cart-item">
|
||||
<div class="box product">
|
||||
<img src="../../assets/images/Shop/Products/Product-5.jpg" alt="Product-Image">
|
||||
<div class="name">Leaf Rake</div>
|
||||
</div>
|
||||
<div class="box price">$50.00</div>
|
||||
<div class="box quantitly">
|
||||
<div class="quantity buttons_added">
|
||||
<input type="button" value="-" class="minus">
|
||||
<input type="number" step="1" min="1" max="100" name="quantity" value="1" title="Qty" class="input-text qty text">
|
||||
<input type="button" value="+" class="plus">
|
||||
</div>
|
||||
</div>
|
||||
<div class="box total">$50.00</div>
|
||||
<div class="box action">
|
||||
<i class="icon fa-solid fa-trash-arrow-up"></i>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ========== Shopping-Cart Area (End) ========== -->
|
||||
|
||||
|
||||
|
||||
<!-- ========== Cart-Summary Area (Start) ========== -->
|
||||
<div class="cart-summary">
|
||||
|
||||
<div class="summary-list">
|
||||
|
||||
<div class="summary-item">
|
||||
<div class="name summary-box">sub total</div>
|
||||
<div class="value summary-box">$300.00</div>
|
||||
</div>
|
||||
|
||||
<div class="summary-item">
|
||||
<div class="name summary-box">delivery fee</div>
|
||||
<div class="value summary-box">$30.00</div>
|
||||
</div>
|
||||
|
||||
<div class="summary-item">
|
||||
<div class="name summary-box">discount</div>
|
||||
<div class="value summary-box">$60.00</div>
|
||||
</div>
|
||||
|
||||
<div class="summary-item">
|
||||
<div class="name summary-box">tax</div>
|
||||
<div class="value summary-box">$30.00</div>
|
||||
</div>
|
||||
|
||||
<div class="summary-item">
|
||||
<div class="name summary-box">total</div>
|
||||
<div class="value summary-box">$300.00</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<a href="./Checkout.html" class="btn">proceed to checkout</a>
|
||||
|
||||
</div>
|
||||
<!-- ========== Cart-Summary Area (End) ========== -->
|
||||
|
||||
</section>
|
||||
<!-- ==================== Cart Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Footer Area (Start) ==================== -->
|
||||
<footer class="footer">
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Gardening and Landscaping Company Information & Social Media Links -->
|
||||
<div class="footer-item">
|
||||
|
||||
<!-- Gardening and Landscaping Company Logo -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<!-- Description -->
|
||||
<p>Transforming outdoor spaces with premium gardening and landscaping solutions.</p>
|
||||
|
||||
<!-- Contact Information -->
|
||||
<div class="info connect">
|
||||
<p><i class="fas fa-phone"></i><span>+123-456-7890</span></p>
|
||||
<p><i class="fas fa-envelope"></i><span class="gmail">info@leafline.com</span></p>
|
||||
<p><i class="fas fa-map-marker-alt"></i><span>LeafLine Company</span></p>
|
||||
</div>
|
||||
|
||||
<!-- Social Media Links -->
|
||||
<div class="social">
|
||||
<a href="#"><i class="fab fa-facebook-f"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-x-twitter"></i></a>
|
||||
<a href="#"><i class="fab fa-instagram"></i></a>
|
||||
<a href="#"><i class="fab fa-linkedin"></i></a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Gardening and Landscaping Services Offered -->
|
||||
<div class="footer-item">
|
||||
<h2>Our Services</h2>
|
||||
<div class="info links">
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Lawn Care</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Garden Design</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Tree Planting</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Hardscaping Solution</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">water ponds</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Outdoor Décor</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Quick Links -->
|
||||
<div class="footer-item">
|
||||
<h2>Quick Links</h2>
|
||||
<div class="info links">
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/About/About.html">About Us</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Services.html">Services</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Project/Projects.html">Projects</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Blog/Blog-Grid.html">Blog</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Shop/Shop-Grid.html">Shop</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Contact/Contact.html">Contact Us</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Newsletter Subscription -->
|
||||
<div class="footer-item">
|
||||
|
||||
<h2>Newsletter</h2>
|
||||
<p>Stay informed and up-to-date with the latest trends, helpful tips, and exclusive special offers.</p>
|
||||
<form class="dark-form" method="post" id="newsletter-form-2">
|
||||
<div class="input-field">
|
||||
<label for="news-email-2" class="fas fa-envelope"></label>
|
||||
<input type="email" id="news-email-2" name="email" class="box" placeholder="Your email address" required>
|
||||
</div>
|
||||
<button type="submit" class="btn" name="submit" id="submit-2">Subscribe</button>
|
||||
<span class="alert" id="msg-2"></span>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Gardening and Landscaping Company's Name and Copyright -->
|
||||
<div class="content">
|
||||
<p>Designed By <span>NorthStar_Themes</span> | All Rights Reserved</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
<!-- ==================== Footer Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Jquery -->
|
||||
<script src="../../assets/vendors/jquery/jquery.min.js"></script>
|
||||
|
||||
<!-- Custom Script Files -->
|
||||
<script src="../../assets/js/script.js"></script> <!-- Custom JavaScript file with additional website functionality. -->
|
||||
<script src="../../assets/js/nav-link-toggler.js"></script> <!-- Manages navigation link toggling (e.g., hamburger menu) for mobile devices -->
|
||||
<script src="../../assets/js/newsletter.js"></script>
|
||||
<script src="../../assets/js/quantity.js"></script> <!-- Handles quantity functionality -->
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -0,0 +1,620 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<!-- Title -->
|
||||
<title>LeafLine | Gardening and Landscaping Website</title>
|
||||
|
||||
<!-- Favicon -->
|
||||
<link rel="icon" type="image/x-icon" href="../../assets/images/favicon.ico">
|
||||
|
||||
<!-- Font-Awesome (CSS) -->
|
||||
<link rel="stylesheet" href="../../assets/vendors/font-awesome/css/all.min.css">
|
||||
|
||||
<!-- Custom Stylesheets -->
|
||||
<link rel="stylesheet" href="../../assets/css/main.css">
|
||||
<link rel="stylesheet" href="../../assets/css/responsive.css">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- ==================== Scroll-Top Area (Start) ==================== -->
|
||||
<a href="#" class="scroll-top">
|
||||
<i class="fa-solid fa-arrow-up-long"></i>
|
||||
</a>
|
||||
<!-- ==================== Scroll-Top Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Header Area (Start) ==================== -->
|
||||
<header class="header">
|
||||
|
||||
<!-- ===== Header-1 Area (Start) ===== -->
|
||||
<div class="header-1">
|
||||
|
||||
<!-- == Contacts == -->
|
||||
<ul class="header-contacts">
|
||||
<li><i class="fa-solid fa-location-dot"></i><span>LeafLine Company</span></li>
|
||||
<li><i class="fa-solid fa-phone"></i><span>+123-456-7890</span></li>
|
||||
<li><i class="fa-solid fa-envelope"></i><span class="gmail">info@leafline.com</span></li>
|
||||
</ul>
|
||||
|
||||
<!-- == Social == -->
|
||||
<ul class="social-contacts">
|
||||
<li><a href="#" class="fab fa-facebook-f"></a></li>
|
||||
<li><a href="#" class="fa-brands fa-x-twitter"></a></li>
|
||||
<li><a href="#" class="fab fa-instagram"></a></li>
|
||||
<li><a href="#" class="fab fa-linkedin"></a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
<!-- ===== Header-1 Area (End) ===== -->
|
||||
|
||||
<!-- ===== Header-2 Area (Start) ===== -->
|
||||
<div class="header-2">
|
||||
|
||||
<!-- == Logo == -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<div class="container">
|
||||
|
||||
<!-- == Navbar == -->
|
||||
<nav class="navbar">
|
||||
|
||||
<a class="nav-btn" href="../../index.html">home</a>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">about</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/About/About.html">about us</a>
|
||||
<a href="../../pages/About/WhyUs.html">Why Choose Us</a>
|
||||
<a href="../../pages/About/History.html">History</a>
|
||||
<a href="../../pages/About/Team.html">Team</a>
|
||||
<a href="../../pages/About/Team-Single.html">Team Single</a>
|
||||
<a href="../../pages/About/Testimonials.html">testimonials</a>
|
||||
<a href="../../pages/About/FAQs.html">FAQs</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">Pages</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Gallery.html">Gallery</a>
|
||||
<a href="../../pages/Pages/Pricing.html">Pricing</a>
|
||||
<a href="../../pages/Pages/Process.html">work process</a>
|
||||
<a href="../../pages/Pages/Awards.html">Awards</a>
|
||||
<div class="side-dropdown">
|
||||
<button>Event</button> <i class="fa-solid fa-chevron-right"></i>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Events.html">Events</a>
|
||||
<a href="../../pages/Pages/Event-Single.html">Event Single</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="side-dropdown">
|
||||
<button>Career</button> <i class="fa-solid fa-chevron-right"></i>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Careers.html">Careers</a>
|
||||
<a href="../../pages/Pages/Career-Single.html">Career Single</a>
|
||||
<a href="../../pages/Pages/Career-Form.html">Career Form</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="side-dropdown">
|
||||
<button>Information Hub</button> <i class="fa-solid fa-chevron-right"></i>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Not-Found.html">Not Found</a>
|
||||
<a href="../../pages/Pages/Privacy-Policy.html">Privacy Policy</a>
|
||||
<a href="../../pages/Pages/Terms.html">Terms & Condition</a>
|
||||
</div>
|
||||
</div>
|
||||
<a href="../../pages/Pages/Cost-Calculator.html">cost calculator</a>
|
||||
<a href="../../pages/Pages/Get-Quote.html">get a quote</a>
|
||||
<a href="../../pages/Pages/Clients.html">clients</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">Service</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Service/Services.html">Services</a>
|
||||
<a href="../../pages/Service/Service-Single.html">Service Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">Project</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Project/Projects.html">Projects</a>
|
||||
<a href="../../pages/Project/Project-Single.html">Project Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">blog</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Blog/Blog-Grid.html">blogs grid</a>
|
||||
<a href="../../pages/Blog/Blog-List.html">blogs list</a>
|
||||
<a href="../../pages/Blog/Blog-Single.html">blog Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">shop</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Shop/Shop-Grid.html">shop grid</a>
|
||||
<a href="../../pages/Shop/Shop-List.html">shop list</a>
|
||||
<a href="../../pages/Shop/Product-Single.html">product Single</a>
|
||||
<a href="../../pages/Shop/Wishlist.html">wishlist</a>
|
||||
<a href="../../pages/Shop/Cart.html">cart</a>
|
||||
<a href="../../pages/Shop/Checkout.html">checkout</a>
|
||||
<a href="../../pages/Shop/Login.html">login</a>
|
||||
<a href="../../pages/Shop/Register.html">register</a>
|
||||
<a href="../../pages/Shop/Reset-Password.html">forgot Password</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<a class="nav-btn" href="../../pages/Contact/Contact.html">contact</a>
|
||||
|
||||
</nav>
|
||||
|
||||
<!-- == Icon Container == -->
|
||||
<div class="icon-container">
|
||||
<div id="search-btn" class="icon fa-solid fa-magnifying-glass"></div> <!-- Search Icon -->
|
||||
<div id="menu-btn" class="icon fa-solid fa-bars-staggered"></div>
|
||||
<a href="../../pages/Pages/Get-Quote.html" class="btn">get A quote</a>
|
||||
</div>
|
||||
|
||||
<!-- == Search Container == -->
|
||||
<form class="search-container">
|
||||
<input type="search" id="search-bar" placeholder="search here" required> <!-- Search Input -->
|
||||
<button type="submit"><i class="fas fa-search"></i></button> <!-- Submit Button -->
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ===== Header-2 Area (End) ===== -->
|
||||
|
||||
<!-- ===== Mobile Menu Area (Start) ===== -->
|
||||
<div class="mobile-menu">
|
||||
|
||||
<nav class="mobile-navbar">
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <a class="nav-btn" href="../../index.html">home</a> </div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">about</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/About/About.html">about us</a>
|
||||
<a href="../../pages/About/WhyUs.html">Why Choose Us</a>
|
||||
<a href="../../pages/About/History.html">History</a>
|
||||
<a href="../../pages/About/Team.html">Team</a>
|
||||
<a href="../../pages/About/Team-Single.html">Team Single</a>
|
||||
<a href="../../pages/About/Testimonials.html">testimonials</a>
|
||||
<a href="../../pages/About/FAQs.html">FAQs</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">pages</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Pages/Gallery.html">Gallery</a>
|
||||
<a href="../../pages/Pages/Pricing.html">Pricing</a>
|
||||
<a href="../../pages/Pages/Process.html">work process</a>
|
||||
<a href="../../pages/Pages/Awards.html">Awards</a>
|
||||
<a href="../../pages/Pages/Events.html">Events</a>
|
||||
<a href="../../pages/Pages/Event-Single.html">Event Single</a>
|
||||
<a href="../../pages/Pages/Careers.html">Careers</a>
|
||||
<a href="../../pages/Pages/Career-Single.html">Career Single</a>
|
||||
<a href="../../pages/Pages/Career-Form.html">Career Form</a>
|
||||
<a href="../../pages/Pages/Not-Found.html">Not Found</a>
|
||||
<a href="../../pages/Pages/Privacy-Policy.html">Privacy Policy</a>
|
||||
<a href="../../pages/Pages/Terms.html">Terms & Condition</a>
|
||||
<a href="../../pages/Pages/Cost-Calculator.html">cost calculator</a>
|
||||
<a href="../../pages/Pages/Get-Quote.html">get a quote</a>
|
||||
<a href="../../pages/Pages/Clients.html">clients</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">Service</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Service/Services.html">Services</a>
|
||||
<a href="../../pages/Service/Service-Single.html">Service Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">Project</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Project/Projects.html">Projects</a>
|
||||
<a href="../../pages/Project/Project-Single.html">Project Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">blog</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Blog/Blog-Grid.html">blogs grid</a>
|
||||
<a href="../../pages/Blog/Blog-List.html">blogs list</a>
|
||||
<a href="../../pages/Blog/Blog-Single.html">blog Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">Shop</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Shop/Shop-Grid.html">shop grid</a>
|
||||
<a href="../../pages/Shop/Shop-List.html">shop list</a>
|
||||
<a href="../../pages/Shop/Product-Single.html">product Single</a>
|
||||
<a href="../../pages/Shop/Wishlist.html">wishlist</a>
|
||||
<a href="../../pages/Shop/Cart.html">cart</a>
|
||||
<a href="../../pages/Shop/Checkout.html">checkout</a>
|
||||
<a href="../../pages/Shop/Login.html">login</a>
|
||||
<a href="../../pages/Shop/Register.html">register</a>
|
||||
<a href="../../pages/Shop/Reset-Password.html">forgot Password</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <a class="nav-btn" href="../../pages/Contact/Contact.html">contact</a> </div>
|
||||
</div>
|
||||
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
<!-- ===== Mobile Menu Area (End) ===== -->
|
||||
|
||||
</header>
|
||||
<!-- ==================== Header Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Page-Title (Start) ==================== -->
|
||||
<div class="page-title">
|
||||
|
||||
<div class="title">
|
||||
<h2>Checkout</h2>
|
||||
</div>
|
||||
|
||||
<div class="link">
|
||||
<a href="../../index.html">Home</a>
|
||||
<i class="fa-solid fa-angles-right"></i>
|
||||
<span class="page">Checkout</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ==================== Page-Title (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Checkout Area (Start) ==================== -->
|
||||
<section>
|
||||
|
||||
<form action="#" class="checkout">
|
||||
|
||||
<div class="box-1">
|
||||
|
||||
<!-- ========== Billing-Address Area (Start) ========== -->
|
||||
<div class="billing address checkout-item">
|
||||
|
||||
<div class="heading">
|
||||
<h2>billing address</h2>
|
||||
</div>
|
||||
|
||||
<div class="form">
|
||||
|
||||
<!-- First and Last name input -->
|
||||
<div class="input-box">
|
||||
<input type="text" name="first-name" placeholder="first name" id="b-first-name" class="box" required>
|
||||
<input type="text" name="last-name" placeholder="last name" id="b-last-name" class="box" required>
|
||||
</div>
|
||||
|
||||
<!-- Company input -->
|
||||
<div class="input-box">
|
||||
<input type="text" name="company" placeholder="company" id="b-company" class="box" required>
|
||||
</div>
|
||||
|
||||
<!-- Country input -->
|
||||
<div class="input-box">
|
||||
<input type="text" name="country" placeholder="country" id="b-country" class="box" required>
|
||||
</div>
|
||||
|
||||
<!-- Address input -->
|
||||
<div class="input-box">
|
||||
<input type="text" name="address" placeholder="address" id="b-address" class="box" required>
|
||||
</div>
|
||||
|
||||
<!-- City and ZIP input -->
|
||||
<div class="input-box">
|
||||
<input type="text" name="city" placeholder="town/city" id="b-city" class="box" required>
|
||||
<input type="text" name="zip" placeholder="postcode/ZIP" id="b-zip" class="box" required>
|
||||
</div>
|
||||
|
||||
<!-- Phone and Email input -->
|
||||
<div class="input-box">
|
||||
<input type="number" name="number" placeholder="phone no" id="b-number" class="box" required>
|
||||
<input type="email" name="email" placeholder="email address" id="b-email" class="box" required>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ========== Billing-Address Area (End) ========== -->
|
||||
|
||||
<!-- ========== Shipping-Address Area (Start) ========== -->
|
||||
<div class="shipping address checkout-item">
|
||||
|
||||
<div class="heading">
|
||||
<h2>shipping address</h2>
|
||||
</div>
|
||||
|
||||
<!-- Shipping Address Form -->
|
||||
<div class="form">
|
||||
|
||||
<!-- First and Last name input -->
|
||||
<div class="input-box">
|
||||
<input type="text" name="first-name" placeholder="first name" id="s-first-name" class="box" required>
|
||||
<input type="text" name="last-name" placeholder="last name" id="s-last-name" class="box" required>
|
||||
</div>
|
||||
|
||||
<!-- Company input -->
|
||||
<div class="input-box">
|
||||
<input type="text" name="company" placeholder="company" id="s-company" class="box" required>
|
||||
</div>
|
||||
|
||||
<!-- Country input -->
|
||||
<div class="input-box">
|
||||
<input type="text" name="country" placeholder="country" id="s-country" class="box" required>
|
||||
</div>
|
||||
|
||||
<!-- Address input -->
|
||||
<div class="input-box">
|
||||
<input type="text" name="address" placeholder="address" id="s-address" class="box" required>
|
||||
</div>
|
||||
|
||||
<!-- City and ZIP input -->
|
||||
<div class="input-box">
|
||||
<input type="text" name="city" placeholder="town/city" id="s-city" class="box" required>
|
||||
<input type="text" name="zip" placeholder="postcode/ZIP" id="s-zip" class="box" required>
|
||||
</div>
|
||||
|
||||
<!-- Phone and Email input -->
|
||||
<div class="input-box">
|
||||
<input type="number" name="number" placeholder="phone no" id="s-number" class="box" required>
|
||||
<input type="email" name="email" placeholder="email address" id="s-email" class="box" required>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ========== Shipping-Address Area (End) ========== -->
|
||||
|
||||
</div>
|
||||
|
||||
<div class="box-2">
|
||||
|
||||
<!-- ========== Payment-Method Area (Start) ========== -->
|
||||
<div class="payment-methods checkout-item">
|
||||
|
||||
<div class="heading">
|
||||
<h2>payment method</h2>
|
||||
</div>
|
||||
|
||||
<div class="content">
|
||||
|
||||
<!-- Payment Method: Direct Bank Transfer -->
|
||||
<div class="payment">
|
||||
|
||||
<input id="direct-bank-transfer" name="payment" type="radio" checked>
|
||||
<label for="direct-bank-transfer" class="radio-label">direct bank transfer</label>
|
||||
|
||||
<!-- Payment Method Content -->
|
||||
<div class="payment-body active">
|
||||
<p>Make your payment directly into our bank account. Please use your Order ID as the payment reference. Your order won’t be shipped until the funds have our account.</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Payment Method: Cash On Delivery -->
|
||||
<div class="payment">
|
||||
|
||||
<input id="cash-on-delivery" name="payment" type="radio"> <!-- Payment Method Radio Button -->
|
||||
<label for="cash-on-delivery" class="radio-label">cash on delivery</label> <!-- Payment Method Label -->
|
||||
|
||||
<!-- Payment Method Content -->
|
||||
<div class="payment-body">
|
||||
<p>Please send your cheque to Store Name, Store Street, Store Town, Store State / County, Store Postcode.</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Payment Method: Paypal -->
|
||||
<div class="payment">
|
||||
|
||||
<input id="paypal" name="payment" type="radio"> <!-- Payment Method Radio Button -->
|
||||
<label for="paypal" class="radio-label">paypal</label> <!-- Payment Method Label -->
|
||||
|
||||
<!-- Payment Method Content -->
|
||||
<div class="payment-body">
|
||||
<p>Pay via PayPal; you can pay with your credit card if you don’t have a PayPal account.</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ========== Payment-Method Area (End) ========== -->
|
||||
|
||||
<!-- ========== Cart-Total Area (Start) ========== -->
|
||||
<div class="shop-summary checkout-item">
|
||||
|
||||
<div class="heading">
|
||||
<h2>cart total</h2>
|
||||
</div>
|
||||
|
||||
<div class="summary-list">
|
||||
|
||||
<!-- Subtotal -->
|
||||
<div class="summary-item">
|
||||
<div class="name summary-box">sub total</div>
|
||||
<div class="value summary-box">$300.00</div>
|
||||
</div>
|
||||
|
||||
<!-- Delivery Fee -->
|
||||
<div class="summary-item">
|
||||
<div class="name summary-box">delivery fee</div>
|
||||
<div class="value summary-box">$30.00</div>
|
||||
</div>
|
||||
|
||||
<!-- Discount -->
|
||||
<div class="summary-item">
|
||||
<div class="name summary-box">discount</div>
|
||||
<div class="value summary-box">$60.00</div>
|
||||
</div>
|
||||
|
||||
<!-- Tax -->
|
||||
<div class="summary-item">
|
||||
<div class="name summary-box">tax</div>
|
||||
<div class="value summary-box">$30.00</div>
|
||||
</div>
|
||||
|
||||
<!-- Total -->
|
||||
<div class="summary-item">
|
||||
<div class="name summary-box">total</div>
|
||||
<div class="value summary-box">$300.00</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- ========== Cart-Total Area (End) ========== -->
|
||||
|
||||
<button type="submit" class="btn">place order</button> <!-- Place Order Button -->
|
||||
|
||||
</div>
|
||||
|
||||
</form>
|
||||
|
||||
</section>
|
||||
<!-- ==================== Checkout Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Footer Area (Start) ==================== -->
|
||||
<footer class="footer">
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Gardening and Landscaping Company Information & Social Media Links -->
|
||||
<div class="footer-item">
|
||||
|
||||
<!-- Gardening and Landscaping Company Logo -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<!-- Description -->
|
||||
<p>Transforming outdoor spaces with premium gardening and landscaping solutions.</p>
|
||||
|
||||
<!-- Contact Information -->
|
||||
<div class="info connect">
|
||||
<p><i class="fas fa-phone"></i><span>+123-456-7890</span></p>
|
||||
<p><i class="fas fa-envelope"></i><span class="gmail">info@leafline.com</span></p>
|
||||
<p><i class="fas fa-map-marker-alt"></i><span>LeafLine Company</span></p>
|
||||
</div>
|
||||
|
||||
<!-- Social Media Links -->
|
||||
<div class="social">
|
||||
<a href="#"><i class="fab fa-facebook-f"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-x-twitter"></i></a>
|
||||
<a href="#"><i class="fab fa-instagram"></i></a>
|
||||
<a href="#"><i class="fab fa-linkedin"></i></a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Gardening and Landscaping Services Offered -->
|
||||
<div class="footer-item">
|
||||
<h2>Our Services</h2>
|
||||
<div class="info links">
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Lawn Care</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Garden Design</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Tree Planting</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Hardscaping Solution</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">water ponds</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Outdoor Décor</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Quick Links -->
|
||||
<div class="footer-item">
|
||||
<h2>Quick Links</h2>
|
||||
<div class="info links">
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/About/About.html">About Us</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Services.html">Services</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Project/Projects.html">Projects</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Blog/Blog-Grid.html">Blog</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Shop/Shop-Grid.html">Shop</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Contact/Contact.html">Contact Us</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Newsletter Subscription -->
|
||||
<div class="footer-item">
|
||||
|
||||
<h2>Newsletter</h2>
|
||||
<p>Stay informed and up-to-date with the latest trends, helpful tips, and exclusive special offers.</p>
|
||||
<form class="dark-form" method="post" id="newsletter-form-2">
|
||||
<div class="input-field">
|
||||
<label for="news-email-2" class="fas fa-envelope"></label>
|
||||
<input type="email" id="news-email-2" name="email" class="box" placeholder="Your email address" required>
|
||||
</div>
|
||||
<button type="submit" class="btn" name="submit" id="submit-2">Subscribe</button>
|
||||
<span class="alert" id="msg-2"></span>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Gardening and Landscaping Company's Name and Copyright -->
|
||||
<div class="content">
|
||||
<p>Designed By <span>NorthStar_Themes</span> | All Rights Reserved</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
<!-- ==================== Footer Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- Jquery -->
|
||||
<script src="../../assets/vendors/jquery/jquery.min.js"></script>
|
||||
|
||||
<!-- Custom Script Files -->
|
||||
<script src="../../assets/js/script.js"></script> <!-- Custom JavaScript file with additional website functionality. -->
|
||||
<script src="../../assets/js/nav-link-toggler.js"></script> <!-- Manages navigation link toggling (e.g., hamburger menu) for mobile devices -->
|
||||
<script src="../../assets/js/newsletter.js"></script>
|
||||
<script src="../../assets/js/payment-method.js"></script> <!-- Handles website's payment method functionality -->
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
+444
@@ -0,0 +1,444 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<!-- Title -->
|
||||
<title>LeafLine | Gardening and Landscaping Website</title>
|
||||
|
||||
<!-- Favicon -->
|
||||
<link rel="icon" type="image/x-icon" href="../../assets/images/favicon.ico">
|
||||
|
||||
<!-- Font-Awesome (CSS) -->
|
||||
<link rel="stylesheet" href="../../assets/vendors/font-awesome/css/all.min.css">
|
||||
|
||||
<!-- Custom Stylesheets -->
|
||||
<link rel="stylesheet" href="../../assets/css/main.css">
|
||||
<link rel="stylesheet" href="../../assets/css/responsive.css">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- ==================== Scroll-Top Area (Start) ==================== -->
|
||||
<a href="#" class="scroll-top">
|
||||
<i class="fa-solid fa-arrow-up-long"></i>
|
||||
</a>
|
||||
<!-- ==================== Scroll-Top Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Header Area (Start) ==================== -->
|
||||
<header class="header">
|
||||
|
||||
<!-- ===== Header-1 Area (Start) ===== -->
|
||||
<div class="header-1">
|
||||
|
||||
<!-- == Contacts == -->
|
||||
<ul class="header-contacts">
|
||||
<li><i class="fa-solid fa-location-dot"></i><span>LeafLine Company</span></li>
|
||||
<li><i class="fa-solid fa-phone"></i><span>+123-456-7890</span></li>
|
||||
<li><i class="fa-solid fa-envelope"></i><span class="gmail">info@leafline.com</span></li>
|
||||
</ul>
|
||||
|
||||
<!-- == Social == -->
|
||||
<ul class="social-contacts">
|
||||
<li><a href="#" class="fab fa-facebook-f"></a></li>
|
||||
<li><a href="#" class="fa-brands fa-x-twitter"></a></li>
|
||||
<li><a href="#" class="fab fa-instagram"></a></li>
|
||||
<li><a href="#" class="fab fa-linkedin"></a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
<!-- ===== Header-1 Area (End) ===== -->
|
||||
|
||||
<!-- ===== Header-2 Area (Start) ===== -->
|
||||
<div class="header-2">
|
||||
|
||||
<!-- == Logo == -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<div class="container">
|
||||
|
||||
<!-- == Navbar == -->
|
||||
<nav class="navbar">
|
||||
|
||||
<a class="nav-btn" href="../../index.html">home</a>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">about</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/About/About.html">about us</a>
|
||||
<a href="../../pages/About/WhyUs.html">Why Choose Us</a>
|
||||
<a href="../../pages/About/History.html">History</a>
|
||||
<a href="../../pages/About/Team.html">Team</a>
|
||||
<a href="../../pages/About/Team-Single.html">Team Single</a>
|
||||
<a href="../../pages/About/Testimonials.html">testimonials</a>
|
||||
<a href="../../pages/About/FAQs.html">FAQs</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">Pages</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Gallery.html">Gallery</a>
|
||||
<a href="../../pages/Pages/Pricing.html">Pricing</a>
|
||||
<a href="../../pages/Pages/Process.html">work process</a>
|
||||
<a href="../../pages/Pages/Awards.html">Awards</a>
|
||||
<div class="side-dropdown">
|
||||
<button>Event</button> <i class="fa-solid fa-chevron-right"></i>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Events.html">Events</a>
|
||||
<a href="../../pages/Pages/Event-Single.html">Event Single</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="side-dropdown">
|
||||
<button>Career</button> <i class="fa-solid fa-chevron-right"></i>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Careers.html">Careers</a>
|
||||
<a href="../../pages/Pages/Career-Single.html">Career Single</a>
|
||||
<a href="../../pages/Pages/Career-Form.html">Career Form</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="side-dropdown">
|
||||
<button>Information Hub</button> <i class="fa-solid fa-chevron-right"></i>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Not-Found.html">Not Found</a>
|
||||
<a href="../../pages/Pages/Privacy-Policy.html">Privacy Policy</a>
|
||||
<a href="../../pages/Pages/Terms.html">Terms & Condition</a>
|
||||
</div>
|
||||
</div>
|
||||
<a href="../../pages/Pages/Cost-Calculator.html">cost calculator</a>
|
||||
<a href="../../pages/Pages/Get-Quote.html">get a quote</a>
|
||||
<a href="../../pages/Pages/Clients.html">clients</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">Service</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Service/Services.html">Services</a>
|
||||
<a href="../../pages/Service/Service-Single.html">Service Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">Project</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Project/Projects.html">Projects</a>
|
||||
<a href="../../pages/Project/Project-Single.html">Project Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">blog</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Blog/Blog-Grid.html">blogs grid</a>
|
||||
<a href="../../pages/Blog/Blog-List.html">blogs list</a>
|
||||
<a href="../../pages/Blog/Blog-Single.html">blog Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">shop</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Shop/Shop-Grid.html">shop grid</a>
|
||||
<a href="../../pages/Shop/Shop-List.html">shop list</a>
|
||||
<a href="../../pages/Shop/Product-Single.html">product Single</a>
|
||||
<a href="../../pages/Shop/Wishlist.html">wishlist</a>
|
||||
<a href="../../pages/Shop/Cart.html">cart</a>
|
||||
<a href="../../pages/Shop/Checkout.html">checkout</a>
|
||||
<a href="../../pages/Shop/Login.html">login</a>
|
||||
<a href="../../pages/Shop/Register.html">register</a>
|
||||
<a href="../../pages/Shop/Reset-Password.html">forgot Password</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<a class="nav-btn" href="../../pages/Contact/Contact.html">contact</a>
|
||||
|
||||
</nav>
|
||||
|
||||
<!-- == Icon Container == -->
|
||||
<div class="icon-container">
|
||||
<div id="search-btn" class="icon fa-solid fa-magnifying-glass"></div> <!-- Search Icon -->
|
||||
<div id="menu-btn" class="icon fa-solid fa-bars-staggered"></div>
|
||||
<a href="../../pages/Pages/Get-Quote.html" class="btn">get A quote</a>
|
||||
</div>
|
||||
|
||||
<!-- == Search Container == -->
|
||||
<form class="search-container">
|
||||
<input type="search" id="search-bar" placeholder="search here" required> <!-- Search Input -->
|
||||
<button type="submit"><i class="fas fa-search"></i></button> <!-- Submit Button -->
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ===== Header-2 Area (End) ===== -->
|
||||
|
||||
<!-- ===== Mobile Menu Area (Start) ===== -->
|
||||
<div class="mobile-menu">
|
||||
|
||||
<nav class="mobile-navbar">
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <a class="nav-btn" href="../../index.html">home</a> </div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">about</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/About/About.html">about us</a>
|
||||
<a href="../../pages/About/WhyUs.html">Why Choose Us</a>
|
||||
<a href="../../pages/About/History.html">History</a>
|
||||
<a href="../../pages/About/Team.html">Team</a>
|
||||
<a href="../../pages/About/Team-Single.html">Team Single</a>
|
||||
<a href="../../pages/About/Testimonials.html">testimonials</a>
|
||||
<a href="../../pages/About/FAQs.html">FAQs</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">pages</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Pages/Gallery.html">Gallery</a>
|
||||
<a href="../../pages/Pages/Pricing.html">Pricing</a>
|
||||
<a href="../../pages/Pages/Process.html">work process</a>
|
||||
<a href="../../pages/Pages/Awards.html">Awards</a>
|
||||
<a href="../../pages/Pages/Events.html">Events</a>
|
||||
<a href="../../pages/Pages/Event-Single.html">Event Single</a>
|
||||
<a href="../../pages/Pages/Careers.html">Careers</a>
|
||||
<a href="../../pages/Pages/Career-Single.html">Career Single</a>
|
||||
<a href="../../pages/Pages/Career-Form.html">Career Form</a>
|
||||
<a href="../../pages/Pages/Not-Found.html">Not Found</a>
|
||||
<a href="../../pages/Pages/Privacy-Policy.html">Privacy Policy</a>
|
||||
<a href="../../pages/Pages/Terms.html">Terms & Condition</a>
|
||||
<a href="../../pages/Pages/Cost-Calculator.html">cost calculator</a>
|
||||
<a href="../../pages/Pages/Get-Quote.html">get a quote</a>
|
||||
<a href="../../pages/Pages/Clients.html">clients</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">Service</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Service/Services.html">Services</a>
|
||||
<a href="../../pages/Service/Service-Single.html">Service Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">Project</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Project/Projects.html">Projects</a>
|
||||
<a href="../../pages/Project/Project-Single.html">Project Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">blog</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Blog/Blog-Grid.html">blogs grid</a>
|
||||
<a href="../../pages/Blog/Blog-List.html">blogs list</a>
|
||||
<a href="../../pages/Blog/Blog-Single.html">blog Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">Shop</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Shop/Shop-Grid.html">shop grid</a>
|
||||
<a href="../../pages/Shop/Shop-List.html">shop list</a>
|
||||
<a href="../../pages/Shop/Product-Single.html">product Single</a>
|
||||
<a href="../../pages/Shop/Wishlist.html">wishlist</a>
|
||||
<a href="../../pages/Shop/Cart.html">cart</a>
|
||||
<a href="../../pages/Shop/Checkout.html">checkout</a>
|
||||
<a href="../../pages/Shop/Login.html">login</a>
|
||||
<a href="../../pages/Shop/Register.html">register</a>
|
||||
<a href="../../pages/Shop/Reset-Password.html">forgot Password</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <a class="nav-btn" href="../../pages/Contact/Contact.html">contact</a> </div>
|
||||
</div>
|
||||
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
<!-- ===== Mobile Menu Area (End) ===== -->
|
||||
|
||||
</header>
|
||||
<!-- ==================== Header Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Page-Title (Start) ==================== -->
|
||||
<div class="page-title">
|
||||
|
||||
<div class="title">
|
||||
<h2>login</h2>
|
||||
</div>
|
||||
|
||||
<div class="link">
|
||||
<a href="../../index.html">Home</a>
|
||||
<i class="fa-solid fa-angles-right"></i>
|
||||
<span class="page">login</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ==================== Page-Title (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Login Area (Start) ==================== -->
|
||||
<section class="login">
|
||||
|
||||
<!-- Login Form -->
|
||||
<form class="account-form">
|
||||
|
||||
<h3>login</h3> <!-- Form Heading -->
|
||||
|
||||
<input type="email" name="email" placeholder="enter your email" id="email" class="box" required> <!-- Email Input -->
|
||||
<input type="password" name="password" placeholder="enter your password" id="password" class="box" required> <!-- Password Input -->
|
||||
|
||||
<!-- Remember Me Checkbox and Forgot Password Link -->
|
||||
<div class="info">
|
||||
|
||||
<!-- Remember Me Checkbox -->
|
||||
<div class="checkbox-label">
|
||||
<input type="checkbox" checked="checked" id="remember-me">
|
||||
<label for="remember-me">remember me</label>
|
||||
<div class="checkbox-indicator"></div>
|
||||
</div>
|
||||
|
||||
<!-- Forgot Password Link -->
|
||||
<div class="forgot">
|
||||
<a class="link" href="./Reset-Password.html">forgot password?</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Login Button -->
|
||||
<button type="submit" class="btn" name="login" id="login-btn">login</button>
|
||||
|
||||
<!-- Registration Link -->
|
||||
<p>don't have an account? <a class="link" href="./Register.html">register</a></p>
|
||||
|
||||
</form>
|
||||
<!-- Login Form (End) -->
|
||||
|
||||
</section>
|
||||
<!-- ==================== Login Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Footer Area (Start) ==================== -->
|
||||
<footer class="footer">
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Gardening and Landscaping Company Information & Social Media Links -->
|
||||
<div class="footer-item">
|
||||
|
||||
<!-- Gardening and Landscaping Company Logo -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<!-- Description -->
|
||||
<p>Transforming outdoor spaces with premium gardening and landscaping solutions.</p>
|
||||
|
||||
<!-- Contact Information -->
|
||||
<div class="info connect">
|
||||
<p><i class="fas fa-phone"></i><span>+123-456-7890</span></p>
|
||||
<p><i class="fas fa-envelope"></i><span class="gmail">info@leafline.com</span></p>
|
||||
<p><i class="fas fa-map-marker-alt"></i><span>LeafLine Company</span></p>
|
||||
</div>
|
||||
|
||||
<!-- Social Media Links -->
|
||||
<div class="social">
|
||||
<a href="#"><i class="fab fa-facebook-f"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-x-twitter"></i></a>
|
||||
<a href="#"><i class="fab fa-instagram"></i></a>
|
||||
<a href="#"><i class="fab fa-linkedin"></i></a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Gardening and Landscaping Services Offered -->
|
||||
<div class="footer-item">
|
||||
<h2>Our Services</h2>
|
||||
<div class="info links">
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Lawn Care</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Garden Design</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Tree Planting</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Hardscaping Solution</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">water ponds</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Outdoor Décor</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Quick Links -->
|
||||
<div class="footer-item">
|
||||
<h2>Quick Links</h2>
|
||||
<div class="info links">
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/About/About.html">About Us</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Services.html">Services</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Project/Projects.html">Projects</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Blog/Blog-Grid.html">Blog</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Shop/Shop-Grid.html">Shop</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Contact/Contact.html">Contact Us</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Newsletter Subscription -->
|
||||
<div class="footer-item">
|
||||
|
||||
<h2>Newsletter</h2>
|
||||
<p>Stay informed and up-to-date with the latest trends, helpful tips, and exclusive special offers.</p>
|
||||
<form class="dark-form" method="post" id="newsletter-form-2">
|
||||
<div class="input-field">
|
||||
<label for="news-email-2" class="fas fa-envelope"></label>
|
||||
<input type="email" id="news-email-2" name="email" class="box" placeholder="Your email address" required>
|
||||
</div>
|
||||
<button type="submit" class="btn" name="submit" id="submit-2">Subscribe</button>
|
||||
<span class="alert" id="msg-2"></span>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Gardening and Landscaping Company's Name and Copyright -->
|
||||
<div class="content">
|
||||
<p>Designed By <span>NorthStar_Themes</span> | All Rights Reserved</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
<!-- ==================== Footer Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- Jquery -->
|
||||
<script src="../../assets/vendors/jquery/jquery.min.js"></script>
|
||||
|
||||
<!-- Custom Script Files -->
|
||||
<script src="../../assets/js/script.js"></script> <!-- Custom JavaScript file with additional website functionality. -->
|
||||
<script src="../../assets/js/nav-link-toggler.js"></script> <!-- Manages navigation link toggling (e.g., hamburger menu) for mobile devices -->
|
||||
<script src="../../assets/js/newsletter.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,690 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<!-- Title -->
|
||||
<title>LeafLine | Gardening and Landscaping Website</title>
|
||||
|
||||
<!-- Favicon -->
|
||||
<link rel="icon" type="image/x-icon" href="../../assets/images/favicon.ico">
|
||||
|
||||
<!-- Font-Awesome (CSS) -->
|
||||
<link rel="stylesheet" href="../../assets/vendors/font-awesome/css/all.min.css">
|
||||
|
||||
<!-- Custom Stylesheets -->
|
||||
<link rel="stylesheet" href="../../assets/css/main.css">
|
||||
<link rel="stylesheet" href="../../assets/css/responsive.css">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- ==================== Scroll-Top Area (Start) ==================== -->
|
||||
<a href="#" class="scroll-top">
|
||||
<i class="fa-solid fa-arrow-up-long"></i>
|
||||
</a>
|
||||
<!-- ==================== Scroll-Top Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Header Area (Start) ==================== -->
|
||||
<header class="header">
|
||||
|
||||
<!-- ===== Header-1 Area (Start) ===== -->
|
||||
<div class="header-1">
|
||||
|
||||
<!-- == Contacts == -->
|
||||
<ul class="header-contacts">
|
||||
<li><i class="fa-solid fa-location-dot"></i><span>LeafLine Company</span></li>
|
||||
<li><i class="fa-solid fa-phone"></i><span>+123-456-7890</span></li>
|
||||
<li><i class="fa-solid fa-envelope"></i><span class="gmail">info@leafline.com</span></li>
|
||||
</ul>
|
||||
|
||||
<!-- == Social == -->
|
||||
<ul class="social-contacts">
|
||||
<li><a href="#" class="fab fa-facebook-f"></a></li>
|
||||
<li><a href="#" class="fa-brands fa-x-twitter"></a></li>
|
||||
<li><a href="#" class="fab fa-instagram"></a></li>
|
||||
<li><a href="#" class="fab fa-linkedin"></a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
<!-- ===== Header-1 Area (End) ===== -->
|
||||
|
||||
<!-- ===== Header-2 Area (Start) ===== -->
|
||||
<div class="header-2">
|
||||
|
||||
<!-- == Logo == -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<div class="container">
|
||||
|
||||
<!-- == Navbar == -->
|
||||
<nav class="navbar">
|
||||
|
||||
<a class="nav-btn" href="../../index.html">home</a>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">about</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/About/About.html">about us</a>
|
||||
<a href="../../pages/About/WhyUs.html">Why Choose Us</a>
|
||||
<a href="../../pages/About/History.html">History</a>
|
||||
<a href="../../pages/About/Team.html">Team</a>
|
||||
<a href="../../pages/About/Team-Single.html">Team Single</a>
|
||||
<a href="../../pages/About/Testimonials.html">testimonials</a>
|
||||
<a href="../../pages/About/FAQs.html">FAQs</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">Pages</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Gallery.html">Gallery</a>
|
||||
<a href="../../pages/Pages/Pricing.html">Pricing</a>
|
||||
<a href="../../pages/Pages/Process.html">work process</a>
|
||||
<a href="../../pages/Pages/Awards.html">Awards</a>
|
||||
<div class="side-dropdown">
|
||||
<button>Event</button> <i class="fa-solid fa-chevron-right"></i>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Events.html">Events</a>
|
||||
<a href="../../pages/Pages/Event-Single.html">Event Single</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="side-dropdown">
|
||||
<button>Career</button> <i class="fa-solid fa-chevron-right"></i>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Careers.html">Careers</a>
|
||||
<a href="../../pages/Pages/Career-Single.html">Career Single</a>
|
||||
<a href="../../pages/Pages/Career-Form.html">Career Form</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="side-dropdown">
|
||||
<button>Information Hub</button> <i class="fa-solid fa-chevron-right"></i>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Not-Found.html">Not Found</a>
|
||||
<a href="../../pages/Pages/Privacy-Policy.html">Privacy Policy</a>
|
||||
<a href="../../pages/Pages/Terms.html">Terms & Condition</a>
|
||||
</div>
|
||||
</div>
|
||||
<a href="../../pages/Pages/Cost-Calculator.html">cost calculator</a>
|
||||
<a href="../../pages/Pages/Get-Quote.html">get a quote</a>
|
||||
<a href="../../pages/Pages/Clients.html">clients</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">Service</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Service/Services.html">Services</a>
|
||||
<a href="../../pages/Service/Service-Single.html">Service Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">Project</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Project/Projects.html">Projects</a>
|
||||
<a href="../../pages/Project/Project-Single.html">Project Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">blog</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Blog/Blog-Grid.html">blogs grid</a>
|
||||
<a href="../../pages/Blog/Blog-List.html">blogs list</a>
|
||||
<a href="../../pages/Blog/Blog-Single.html">blog Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">shop</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Shop/Shop-Grid.html">shop grid</a>
|
||||
<a href="../../pages/Shop/Shop-List.html">shop list</a>
|
||||
<a href="../../pages/Shop/Product-Single.html">product Single</a>
|
||||
<a href="../../pages/Shop/Wishlist.html">wishlist</a>
|
||||
<a href="../../pages/Shop/Cart.html">cart</a>
|
||||
<a href="../../pages/Shop/Checkout.html">checkout</a>
|
||||
<a href="../../pages/Shop/Login.html">login</a>
|
||||
<a href="../../pages/Shop/Register.html">register</a>
|
||||
<a href="../../pages/Shop/Reset-Password.html">forgot Password</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<a class="nav-btn" href="../../pages/Contact/Contact.html">contact</a>
|
||||
|
||||
</nav>
|
||||
|
||||
<!-- == Icon Container == -->
|
||||
<div class="icon-container">
|
||||
<div id="search-btn" class="icon fa-solid fa-magnifying-glass"></div> <!-- Search Icon -->
|
||||
<div id="menu-btn" class="icon fa-solid fa-bars-staggered"></div>
|
||||
<a href="../../pages/Pages/Get-Quote.html" class="btn">get A quote</a>
|
||||
</div>
|
||||
|
||||
<!-- == Search Container == -->
|
||||
<form class="search-container">
|
||||
<input type="search" id="search-bar" placeholder="search here" required> <!-- Search Input -->
|
||||
<button type="submit"><i class="fas fa-search"></i></button> <!-- Submit Button -->
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ===== Header-2 Area (End) ===== -->
|
||||
|
||||
<!-- ===== Mobile Menu Area (Start) ===== -->
|
||||
<div class="mobile-menu">
|
||||
|
||||
<nav class="mobile-navbar">
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <a class="nav-btn" href="../../index.html">home</a> </div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">about</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/About/About.html">about us</a>
|
||||
<a href="../../pages/About/WhyUs.html">Why Choose Us</a>
|
||||
<a href="../../pages/About/History.html">History</a>
|
||||
<a href="../../pages/About/Team.html">Team</a>
|
||||
<a href="../../pages/About/Team-Single.html">Team Single</a>
|
||||
<a href="../../pages/About/Testimonials.html">testimonials</a>
|
||||
<a href="../../pages/About/FAQs.html">FAQs</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">pages</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Pages/Gallery.html">Gallery</a>
|
||||
<a href="../../pages/Pages/Pricing.html">Pricing</a>
|
||||
<a href="../../pages/Pages/Process.html">work process</a>
|
||||
<a href="../../pages/Pages/Awards.html">Awards</a>
|
||||
<a href="../../pages/Pages/Events.html">Events</a>
|
||||
<a href="../../pages/Pages/Event-Single.html">Event Single</a>
|
||||
<a href="../../pages/Pages/Careers.html">Careers</a>
|
||||
<a href="../../pages/Pages/Career-Single.html">Career Single</a>
|
||||
<a href="../../pages/Pages/Career-Form.html">Career Form</a>
|
||||
<a href="../../pages/Pages/Not-Found.html">Not Found</a>
|
||||
<a href="../../pages/Pages/Privacy-Policy.html">Privacy Policy</a>
|
||||
<a href="../../pages/Pages/Terms.html">Terms & Condition</a>
|
||||
<a href="../../pages/Pages/Cost-Calculator.html">cost calculator</a>
|
||||
<a href="../../pages/Pages/Get-Quote.html">get a quote</a>
|
||||
<a href="../../pages/Pages/Clients.html">clients</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">Service</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Service/Services.html">Services</a>
|
||||
<a href="../../pages/Service/Service-Single.html">Service Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">Project</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Project/Projects.html">Projects</a>
|
||||
<a href="../../pages/Project/Project-Single.html">Project Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">blog</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Blog/Blog-Grid.html">blogs grid</a>
|
||||
<a href="../../pages/Blog/Blog-List.html">blogs list</a>
|
||||
<a href="../../pages/Blog/Blog-Single.html">blog Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">Shop</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Shop/Shop-Grid.html">shop grid</a>
|
||||
<a href="../../pages/Shop/Shop-List.html">shop list</a>
|
||||
<a href="../../pages/Shop/Product-Single.html">product Single</a>
|
||||
<a href="../../pages/Shop/Wishlist.html">wishlist</a>
|
||||
<a href="../../pages/Shop/Cart.html">cart</a>
|
||||
<a href="../../pages/Shop/Checkout.html">checkout</a>
|
||||
<a href="../../pages/Shop/Login.html">login</a>
|
||||
<a href="../../pages/Shop/Register.html">register</a>
|
||||
<a href="../../pages/Shop/Reset-Password.html">forgot Password</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <a class="nav-btn" href="../../pages/Contact/Contact.html">contact</a> </div>
|
||||
</div>
|
||||
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
<!-- ===== Mobile Menu Area (End) ===== -->
|
||||
|
||||
</header>
|
||||
<!-- ==================== Header Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Page-Title (Start) ==================== -->
|
||||
<div class="page-title">
|
||||
|
||||
<div class="title">
|
||||
<h2>Product Single</h2>
|
||||
</div>
|
||||
|
||||
<div class="link">
|
||||
<a href="../../index.html">Home</a>
|
||||
<i class="fa-solid fa-angles-right"></i>
|
||||
<span class="page">Product Single</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ==================== Page-Title (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Product Single Area (Start) ==================== -->
|
||||
<section class="product-single">
|
||||
|
||||
<!-- ========== Product-Description Area (Start) ========== -->
|
||||
<div class="product-des">
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Product Image -->
|
||||
<div class="image">
|
||||
<div class="image-container">
|
||||
|
||||
<!-- Main Product image -->
|
||||
<div class="main">
|
||||
<img src="../../assets/images/Shop/Product-Gallery/1.jpg" alt="Product Image"> <!-- Main Axe product image -->
|
||||
</div>
|
||||
|
||||
<!-- Product Image Gallery Buttons -->
|
||||
<div class="change-btns">
|
||||
<img class="active" src="../../assets/images/Shop/Product-Gallery/1.jpg" alt="Product Image 1"> <!-- Active image in the gallery -->
|
||||
<img src="../../assets/images/Shop/Product-Gallery/2.jpg" alt="Product Image 2"> <!-- Image in the gallery -->
|
||||
<img src="../../assets/images/Shop/Product-Gallery/3.jpg" alt="Product Image 3"> <!-- Image in the gallery -->
|
||||
<img src="../../assets/images/Shop/Product-Gallery/4.jpg" alt="Product Image 4"> <!-- Image in the gallery -->
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Product Information -->
|
||||
<div class="content">
|
||||
<div class="text">
|
||||
|
||||
<div class="introduction">
|
||||
<h3>Axe</h3> <!-- Product Title -->
|
||||
<div class="price">$40.00/- <span>$50.00</span></div> <!-- Product price -->
|
||||
<div class="intro">
|
||||
<!-- Product Rating -->
|
||||
<div class="rating">
|
||||
<i class="fas fa-star"></i>
|
||||
<i class="fas fa-star"></i>
|
||||
<i class="fas fa-star"></i>
|
||||
<i class="fas fa-star"></i>
|
||||
<i class="fas fa-star"></i>
|
||||
</div>
|
||||
<span>5.0 (10)</span> <!-- Number of reviews -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p>Make your gardening and landscaping tasks effortless with our premium Axe. Built for strength, balance, and precision, this tool is perfect for chopping wood, trimming branches, and clearing overgrown areas. Its ergonomic handle provides a secure grip, ensuring comfort and control during extended use. Durable and dependable, our Axe is a must-have for maintaining a tidy and well-kept outdoor space.</p> <!-- Product Description -->
|
||||
|
||||
<!-- Quantity Box -->
|
||||
<div class="box">
|
||||
|
||||
<div class='qty'>
|
||||
<h4>Qty:</h4>
|
||||
<div class="quantity buttons_added">
|
||||
<input type="button" value="-" class="minus">
|
||||
<input type="number" step="1" min="1" max="100" name="quantity" value="1" title="Qty" class="input-text qty text">
|
||||
<input type="button" value="+" class="plus">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<a href="../../pages/Gardening/Cart.html" class="btn">add to cart</a> <!-- Add To Cart Button -->
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Product Categories -->
|
||||
<div class='categories'>
|
||||
<h4>Categories:</h4>
|
||||
<a href="#">Gardening Tools</a>
|
||||
<a href="#">Outdoor Equipment</a>
|
||||
</div>
|
||||
|
||||
<!-- Product Tags -->
|
||||
<div class='tags'>
|
||||
<h4>Tags:</h4>
|
||||
<a href="#">Axe</a>
|
||||
<a href="#">Wood Cutting</a>
|
||||
<a href="#">Landscaping</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="product-info tab-info">
|
||||
|
||||
<!-- Tab Buttons -->
|
||||
<div class="tab-buttons">
|
||||
<button type="button" class="button active" data-target="#description">description</button> <!-- Active tab button for description -->
|
||||
<button type="button" class="button" data-target="#additional">additional information</button> <!-- Tab button for additional information -->
|
||||
<button type="button" class="button" data-target="#reviews">reviews (5)</button> <!-- Tab button for reviews -->
|
||||
</div>
|
||||
|
||||
<!-- Tab Sections -->
|
||||
<div class="tab-sections">
|
||||
|
||||
<!-- Description Tab Section -->
|
||||
<div class="tab-section active" id="description">
|
||||
<div class="description">
|
||||
<p>Handle your toughest gardening and landscaping tasks with our heavy-duty Axe. Designed for balance, strength, and precision, it’s ideal for chopping firewood, trimming branches, and clearing dense areas with ease. Crafted from premium steel and a shock-absorbing wooden handle, this Axe offers superior control and comfort even during extended use. Perfect for both professionals and home gardeners who value performance and reliability.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Additional Information Tab Section -->
|
||||
<div class="tab-section" id="additional">
|
||||
<div class="additional-info">
|
||||
<div class="item"><h3>Material:</h3><span>High-Carbon Steel Blade</span></div> <!-- Axe material -->
|
||||
<div class="item"><h3>Handle Type:</h3><span>Ergonomic Wooden Grip</span></div> <!-- Axe handle -->
|
||||
<div class="item"><h3>Blade Length:</h3><span>4.5 inches</span></div> <!-- Axe blade length -->
|
||||
<div class="item"><h3>Total Length:</h3><span>28 inches</span></div> <!-- Axe total length -->
|
||||
<div class="item"><h3>Weight:</h3><span>2.5 kg</span></div> <!-- Axe weight -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Reviews Tab Section -->
|
||||
<div class="tab-section" id="reviews">
|
||||
<div class="reviews">
|
||||
|
||||
<h2>5 Reviews</h2>
|
||||
|
||||
<!-- Review Comment 1 -->
|
||||
<div class="comment">
|
||||
<div class="comment-image">
|
||||
<img src="../../assets/images/Shop/Reviews/Pic-1.jpg" alt="comment-author-Pic">
|
||||
</div>
|
||||
<div class="comment-content">
|
||||
<h3>Emily Green</h3>
|
||||
<h6>Aug 10, 2025</h6>
|
||||
<p class="text">This Axe is incredibly well-balanced and sharp! I use it regularly for trimming branches, and it never disappoints. Great quality and easy to handle.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Review Comment 2 -->
|
||||
<div class="comment">
|
||||
<div class="comment-image">
|
||||
<img src="../../assets/images/Shop/Reviews/Pic-2.jpg" alt="comment-author-Pic">
|
||||
</div>
|
||||
<div class="comment-content">
|
||||
<h3>Michael Gardener</h3>
|
||||
<h6>Aug 8, 2025</h6>
|
||||
<p class="text">Excellent craftsmanship! The blade stays sharp, and the handle feels sturdy and comfortable. A must-have tool for any serious gardener.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Leave a Reply Section -->
|
||||
<div class="leave-reply">
|
||||
<form class="form">
|
||||
<h2>Leave a Comment</h2>
|
||||
|
||||
<div class="input-box">
|
||||
<input type="text" name="name" class="box" id="name" placeholder="Name" required>
|
||||
<input type="email" name="email" class="box" id="email" placeholder="Email" required>
|
||||
</div>
|
||||
|
||||
<textarea cols="30" rows="10" name="comment" class="box" id="comment" placeholder="Comment"></textarea>
|
||||
|
||||
<input type="submit" value="Submit" class="btn">
|
||||
</form>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ========== Product-Description Area (End) ========== -->
|
||||
|
||||
<!-- ========== Related Products Area (Start) ========== -->
|
||||
<div class="related-items">
|
||||
|
||||
<!-- Sidebar Heading -->
|
||||
<div class="sidebar-heading">
|
||||
<h2>Related Products</h2>
|
||||
</div>
|
||||
|
||||
<!-- Related Products -->
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Product-1 -->
|
||||
<div class="product-item">
|
||||
<div class="image">
|
||||
<img src="../../assets/images/Shop/Products/Product-2.jpg" alt="Product-Image"> <!-- Product Image -->
|
||||
<div class="options">
|
||||
<a href="../../pages/Shop/Wishlist.html" class="icon"><i class="far fa-heart"></i></a><!-- Add to Wishlist Button -->
|
||||
<a href="../../pages/Shop/Cart.html" class="icon"><i class="fa-solid fa-cart-shopping"></i></a><!-- Add to Cart Button -->
|
||||
<a href="../../pages/Shop/Product-Single.html" class="icon"><i class="fa-solid fa-magnifying-glass"></i></a><!-- Product Detail Page Button -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="rating"> <!-- Product Rating -->
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
</div>
|
||||
<a href="../../pages/Shop/Product-Single.html"><h3>LawnMower</h3></a> <!-- Product Title -->
|
||||
<div class="price">$40.00 <span>$50.00</span></div> <!-- Product Price -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Product-2 -->
|
||||
<div class="product-item">
|
||||
<div class="image">
|
||||
<img src="../../assets/images/Shop/Products/Product-3.jpg" alt="Product-Image"> <!-- Product Image -->
|
||||
<div class="options">
|
||||
<a href="../../pages/Shop/Wishlist.html" class="icon"><i class="far fa-heart"></i></a><!-- Add to Wishlist Button -->
|
||||
<a href="../../pages/Shop/Cart.html" class="icon"><i class="fa-solid fa-cart-shopping"></i></a><!-- Add to Cart Button -->
|
||||
<a href="../../pages/Shop/Product-Single.html" class="icon"><i class="fa-solid fa-magnifying-glass"></i></a><!-- Product Detail Page Button -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="rating"> <!-- Product Rating -->
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
</div>
|
||||
<a href="../../pages/Shop/Product-Single.html"><h3>Water Hose</h3></a> <!-- Product Title -->
|
||||
<div class="price">$40.00 <span>$50.00</span></div> <!-- Product Price -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Product-3 -->
|
||||
<div class="product-item">
|
||||
<div class="image">
|
||||
<img src="../../assets/images/Shop/Products/Product-4.jpg" alt="Product-Image"> <!-- Product Image -->
|
||||
<div class="options">
|
||||
<a href="../../pages/Shop/Wishlist.html" class="icon"><i class="far fa-heart"></i></a><!-- Add to Wishlist Button -->
|
||||
<a href="../../pages/Shop/Cart.html" class="icon"><i class="fa-solid fa-cart-shopping"></i></a><!-- Add to Cart Button -->
|
||||
<a href="../../pages/Shop/Product-Single.html" class="icon"><i class="fa-solid fa-magnifying-glass"></i></a><!-- Product Detail Page Button -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="rating"> <!-- Product Rating -->
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
</div>
|
||||
<a href="../../pages/Shop/Product-Single.html"><h3>Chainsaw</h3></a> <!-- Product Title -->
|
||||
<div class="price">$40.00 <span>$50.00</span></div> <!-- Product Price -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Product-4 -->
|
||||
<div class="product-item">
|
||||
<div class="image">
|
||||
<img src="../../assets/images/Shop/Products/Product-5.jpg" alt="Product-Image"> <!-- Product Image -->
|
||||
<div class="options">
|
||||
<a href="../../pages/Shop/Wishlist.html" class="icon"><i class="far fa-heart"></i></a><!-- Add to Wishlist Button -->
|
||||
<a href="../../pages/Shop/Cart.html" class="icon"><i class="fa-solid fa-cart-shopping"></i></a><!-- Add to Cart Button -->
|
||||
<a href="../../pages/Shop/Product-Single.html" class="icon"><i class="fa-solid fa-magnifying-glass"></i></a><!-- Product Detail Page Button -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="rating"> <!-- Product Rating -->
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
</div>
|
||||
<a href="../../pages/Shop/Product-Single.html"><h3>Leaf Rake</h3></a> <!-- Product Title -->
|
||||
<div class="price">$40.00 <span>$50.00</span></div> <!-- Product Price -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- ========== Related Products Area (End) ========== -->
|
||||
|
||||
</section>
|
||||
<!-- ==================== Product Single Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Footer Area (Start) ==================== -->
|
||||
<footer class="footer">
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Gardening and Landscaping Company Information & Social Media Links -->
|
||||
<div class="footer-item">
|
||||
|
||||
<!-- Gardening and Landscaping Company Logo -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<!-- Description -->
|
||||
<p>Transforming outdoor spaces with premium gardening and landscaping solutions.</p>
|
||||
|
||||
<!-- Contact Information -->
|
||||
<div class="info connect">
|
||||
<p><i class="fas fa-phone"></i><span>+123-456-7890</span></p>
|
||||
<p><i class="fas fa-envelope"></i><span class="gmail">info@leafline.com</span></p>
|
||||
<p><i class="fas fa-map-marker-alt"></i><span>LeafLine Company</span></p>
|
||||
</div>
|
||||
|
||||
<!-- Social Media Links -->
|
||||
<div class="social">
|
||||
<a href="#"><i class="fab fa-facebook-f"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-x-twitter"></i></a>
|
||||
<a href="#"><i class="fab fa-instagram"></i></a>
|
||||
<a href="#"><i class="fab fa-linkedin"></i></a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Gardening and Landscaping Services Offered -->
|
||||
<div class="footer-item">
|
||||
<h2>Our Services</h2>
|
||||
<div class="info links">
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Lawn Care</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Garden Design</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Tree Planting</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Hardscaping Solution</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">water ponds</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Outdoor Décor</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Quick Links -->
|
||||
<div class="footer-item">
|
||||
<h2>Quick Links</h2>
|
||||
<div class="info links">
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/About/About.html">About Us</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Services.html">Services</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Project/Projects.html">Projects</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Blog/Blog-Grid.html">Blog</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Shop/Shop-Grid.html">Shop</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Contact/Contact.html">Contact Us</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Newsletter Subscription -->
|
||||
<div class="footer-item">
|
||||
|
||||
<h2>Newsletter</h2>
|
||||
<p>Stay informed and up-to-date with the latest trends, helpful tips, and exclusive special offers.</p>
|
||||
<form class="dark-form" method="post" id="newsletter-form-2">
|
||||
<div class="input-field">
|
||||
<label for="news-email-2" class="fas fa-envelope"></label>
|
||||
<input type="email" id="news-email-2" name="email" class="box" placeholder="Your email address" required>
|
||||
</div>
|
||||
<button type="submit" class="btn" name="submit" id="submit-2">Subscribe</button>
|
||||
<span class="alert" id="msg-2"></span>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Gardening and Landscaping Company's Name and Copyright -->
|
||||
<div class="content">
|
||||
<p>Designed By <span>NorthStar_Themes</span> | All Rights Reserved</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
<!-- ==================== Footer Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- Jquery -->
|
||||
<script src="../../assets/vendors/jquery/jquery.min.js"></script>
|
||||
|
||||
<!-- Custom Script Files -->
|
||||
<script src="../../assets/js/script.js"></script> <!-- Custom JavaScript file with additional website functionality. -->
|
||||
<script src="../../assets/js/nav-link-toggler.js"></script> <!-- Manages navigation link toggling (e.g., hamburger menu) for mobile devices -->
|
||||
<script src="../../assets/js/newsletter.js"></script>
|
||||
<script src="../../assets/js/Product-Gallery.js"></script> <!-- Manages the product gallery functionality on the website, allowing users to view and interact with product images in a gallery format. -->
|
||||
<script src="../../assets/js/quantity.js"></script> <!-- Handles quantity functionality -->
|
||||
<script src="../../assets/js/tab-info.js"></script> <!-- allows users to switch between different sections of content by clicking on tab buttons -->
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,436 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<!-- Title -->
|
||||
<title>LeafLine | Gardening and Landscaping Website</title>
|
||||
|
||||
<!-- Favicon -->
|
||||
<link rel="icon" type="image/x-icon" href="../../assets/images/favicon.ico">
|
||||
|
||||
<!-- Font-Awesome (CSS) -->
|
||||
<link rel="stylesheet" href="../../assets/vendors/font-awesome/css/all.min.css">
|
||||
|
||||
<!-- Custom Stylesheets -->
|
||||
<link rel="stylesheet" href="../../assets/css/main.css">
|
||||
<link rel="stylesheet" href="../../assets/css/responsive.css">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- ==================== Scroll-Top Area (Start) ==================== -->
|
||||
<a href="#" class="scroll-top">
|
||||
<i class="fa-solid fa-arrow-up-long"></i>
|
||||
</a>
|
||||
<!-- ==================== Scroll-Top Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Header Area (Start) ==================== -->
|
||||
<header class="header">
|
||||
|
||||
<!-- ===== Header-1 Area (Start) ===== -->
|
||||
<div class="header-1">
|
||||
|
||||
<!-- == Contacts == -->
|
||||
<ul class="header-contacts">
|
||||
<li><i class="fa-solid fa-location-dot"></i><span>LeafLine Company</span></li>
|
||||
<li><i class="fa-solid fa-phone"></i><span>+123-456-7890</span></li>
|
||||
<li><i class="fa-solid fa-envelope"></i><span class="gmail">info@leafline.com</span></li>
|
||||
</ul>
|
||||
|
||||
<!-- == Social == -->
|
||||
<ul class="social-contacts">
|
||||
<li><a href="#" class="fab fa-facebook-f"></a></li>
|
||||
<li><a href="#" class="fa-brands fa-x-twitter"></a></li>
|
||||
<li><a href="#" class="fab fa-instagram"></a></li>
|
||||
<li><a href="#" class="fab fa-linkedin"></a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
<!-- ===== Header-1 Area (End) ===== -->
|
||||
|
||||
<!-- ===== Header-2 Area (Start) ===== -->
|
||||
<div class="header-2">
|
||||
|
||||
<!-- == Logo == -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<div class="container">
|
||||
|
||||
<!-- == Navbar == -->
|
||||
<nav class="navbar">
|
||||
|
||||
<a class="nav-btn" href="../../index.html">home</a>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">about</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/About/About.html">about us</a>
|
||||
<a href="../../pages/About/WhyUs.html">Why Choose Us</a>
|
||||
<a href="../../pages/About/History.html">History</a>
|
||||
<a href="../../pages/About/Team.html">Team</a>
|
||||
<a href="../../pages/About/Team-Single.html">Team Single</a>
|
||||
<a href="../../pages/About/Testimonials.html">testimonials</a>
|
||||
<a href="../../pages/About/FAQs.html">FAQs</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">Pages</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Gallery.html">Gallery</a>
|
||||
<a href="../../pages/Pages/Pricing.html">Pricing</a>
|
||||
<a href="../../pages/Pages/Process.html">work process</a>
|
||||
<a href="../../pages/Pages/Awards.html">Awards</a>
|
||||
<div class="side-dropdown">
|
||||
<button>Event</button> <i class="fa-solid fa-chevron-right"></i>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Events.html">Events</a>
|
||||
<a href="../../pages/Pages/Event-Single.html">Event Single</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="side-dropdown">
|
||||
<button>Career</button> <i class="fa-solid fa-chevron-right"></i>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Careers.html">Careers</a>
|
||||
<a href="../../pages/Pages/Career-Single.html">Career Single</a>
|
||||
<a href="../../pages/Pages/Career-Form.html">Career Form</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="side-dropdown">
|
||||
<button>Information Hub</button> <i class="fa-solid fa-chevron-right"></i>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Not-Found.html">Not Found</a>
|
||||
<a href="../../pages/Pages/Privacy-Policy.html">Privacy Policy</a>
|
||||
<a href="../../pages/Pages/Terms.html">Terms & Condition</a>
|
||||
</div>
|
||||
</div>
|
||||
<a href="../../pages/Pages/Cost-Calculator.html">cost calculator</a>
|
||||
<a href="../../pages/Pages/Get-Quote.html">get a quote</a>
|
||||
<a href="../../pages/Pages/Clients.html">clients</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">Service</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Service/Services.html">Services</a>
|
||||
<a href="../../pages/Service/Service-Single.html">Service Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">Project</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Project/Projects.html">Projects</a>
|
||||
<a href="../../pages/Project/Project-Single.html">Project Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">blog</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Blog/Blog-Grid.html">blogs grid</a>
|
||||
<a href="../../pages/Blog/Blog-List.html">blogs list</a>
|
||||
<a href="../../pages/Blog/Blog-Single.html">blog Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">shop</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Shop/Shop-Grid.html">shop grid</a>
|
||||
<a href="../../pages/Shop/Shop-List.html">shop list</a>
|
||||
<a href="../../pages/Shop/Product-Single.html">product Single</a>
|
||||
<a href="../../pages/Shop/Wishlist.html">wishlist</a>
|
||||
<a href="../../pages/Shop/Cart.html">cart</a>
|
||||
<a href="../../pages/Shop/Checkout.html">checkout</a>
|
||||
<a href="../../pages/Shop/Login.html">login</a>
|
||||
<a href="../../pages/Shop/Register.html">register</a>
|
||||
<a href="../../pages/Shop/Reset-Password.html">forgot Password</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<a class="nav-btn" href="../../pages/Contact/Contact.html">contact</a>
|
||||
|
||||
</nav>
|
||||
|
||||
<!-- == Icon Container == -->
|
||||
<div class="icon-container">
|
||||
<div id="search-btn" class="icon fa-solid fa-magnifying-glass"></div> <!-- Search Icon -->
|
||||
<div id="menu-btn" class="icon fa-solid fa-bars-staggered"></div>
|
||||
<a href="../../pages/Pages/Get-Quote.html" class="btn">get A quote</a>
|
||||
</div>
|
||||
|
||||
<!-- == Search Container == -->
|
||||
<form class="search-container">
|
||||
<input type="search" id="search-bar" placeholder="search here" required> <!-- Search Input -->
|
||||
<button type="submit"><i class="fas fa-search"></i></button> <!-- Submit Button -->
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ===== Header-2 Area (End) ===== -->
|
||||
|
||||
<!-- ===== Mobile Menu Area (Start) ===== -->
|
||||
<div class="mobile-menu">
|
||||
|
||||
<nav class="mobile-navbar">
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <a class="nav-btn" href="../../index.html">home</a> </div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">about</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/About/About.html">about us</a>
|
||||
<a href="../../pages/About/WhyUs.html">Why Choose Us</a>
|
||||
<a href="../../pages/About/History.html">History</a>
|
||||
<a href="../../pages/About/Team.html">Team</a>
|
||||
<a href="../../pages/About/Team-Single.html">Team Single</a>
|
||||
<a href="../../pages/About/Testimonials.html">testimonials</a>
|
||||
<a href="../../pages/About/FAQs.html">FAQs</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">pages</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Pages/Gallery.html">Gallery</a>
|
||||
<a href="../../pages/Pages/Pricing.html">Pricing</a>
|
||||
<a href="../../pages/Pages/Process.html">work process</a>
|
||||
<a href="../../pages/Pages/Awards.html">Awards</a>
|
||||
<a href="../../pages/Pages/Events.html">Events</a>
|
||||
<a href="../../pages/Pages/Event-Single.html">Event Single</a>
|
||||
<a href="../../pages/Pages/Careers.html">Careers</a>
|
||||
<a href="../../pages/Pages/Career-Single.html">Career Single</a>
|
||||
<a href="../../pages/Pages/Career-Form.html">Career Form</a>
|
||||
<a href="../../pages/Pages/Not-Found.html">Not Found</a>
|
||||
<a href="../../pages/Pages/Privacy-Policy.html">Privacy Policy</a>
|
||||
<a href="../../pages/Pages/Terms.html">Terms & Condition</a>
|
||||
<a href="../../pages/Pages/Cost-Calculator.html">cost calculator</a>
|
||||
<a href="../../pages/Pages/Get-Quote.html">get a quote</a>
|
||||
<a href="../../pages/Pages/Clients.html">clients</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">Service</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Service/Services.html">Services</a>
|
||||
<a href="../../pages/Service/Service-Single.html">Service Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">Project</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Project/Projects.html">Projects</a>
|
||||
<a href="../../pages/Project/Project-Single.html">Project Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">blog</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Blog/Blog-Grid.html">blogs grid</a>
|
||||
<a href="../../pages/Blog/Blog-List.html">blogs list</a>
|
||||
<a href="../../pages/Blog/Blog-Single.html">blog Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">Shop</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Shop/Shop-Grid.html">shop grid</a>
|
||||
<a href="../../pages/Shop/Shop-List.html">shop list</a>
|
||||
<a href="../../pages/Shop/Product-Single.html">product Single</a>
|
||||
<a href="../../pages/Shop/Wishlist.html">wishlist</a>
|
||||
<a href="../../pages/Shop/Cart.html">cart</a>
|
||||
<a href="../../pages/Shop/Checkout.html">checkout</a>
|
||||
<a href="../../pages/Shop/Login.html">login</a>
|
||||
<a href="../../pages/Shop/Register.html">register</a>
|
||||
<a href="../../pages/Shop/Reset-Password.html">forgot Password</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <a class="nav-btn" href="../../pages/Contact/Contact.html">contact</a> </div>
|
||||
</div>
|
||||
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
<!-- ===== Mobile Menu Area (End) ===== -->
|
||||
|
||||
</header>
|
||||
<!-- ==================== Header Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Page-Title (Start) ==================== -->
|
||||
<div class="page-title">
|
||||
|
||||
<div class="title">
|
||||
<h2>register</h2>
|
||||
</div>
|
||||
|
||||
<div class="link">
|
||||
<a href="../../index.html">Home</a>
|
||||
<i class="fa-solid fa-angles-right"></i>
|
||||
<span class="page">register</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ==================== Page-Title (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Register Area (Start) ==================== -->
|
||||
<section class="register">
|
||||
|
||||
<!-- Registration Form (Start) -->
|
||||
<form class="account-form">
|
||||
|
||||
<h3>register</h3> <!-- Form Heading -->
|
||||
|
||||
<input type="text" name="name" placeholder="enter your name" id="name" class="box" required> <!-- Name Input -->
|
||||
<input type="email" name="email" placeholder="enter your email" id="email" class="box" required> <!-- Email Input -->
|
||||
<input type="password" name="password" placeholder="enter your password" id="password" class="box" required> <!-- Password Input -->
|
||||
<input type="password" name="repeat-password" placeholder="repeat your password" id="repeat-password" class="box" required> <!-- Repeat Password Input -->
|
||||
|
||||
<!-- Terms and Conditions Checkbox -->
|
||||
<div class="checkbox-label">
|
||||
<input type="checkbox" checked="checked" id="terms">
|
||||
<label for="terms">i agree with the <span> terms & conditions</span></label>
|
||||
<div class="checkbox-indicator"></div>
|
||||
</div>
|
||||
|
||||
<!-- Register Button -->
|
||||
<button type="submit" class="btn" name="register" id="register">register</button>
|
||||
|
||||
<!-- Login Link -->
|
||||
<p>already have an account? <a class="link" href="./Login.html">login</a></p>
|
||||
|
||||
</form>
|
||||
<!-- Registration Form (End) -->
|
||||
|
||||
</section>
|
||||
<!-- ==================== Register Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Footer Area (Start) ==================== -->
|
||||
<footer class="footer">
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Gardening and Landscaping Company Information & Social Media Links -->
|
||||
<div class="footer-item">
|
||||
|
||||
<!-- Gardening and Landscaping Company Logo -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<!-- Description -->
|
||||
<p>Transforming outdoor spaces with premium gardening and landscaping solutions.</p>
|
||||
|
||||
<!-- Contact Information -->
|
||||
<div class="info connect">
|
||||
<p><i class="fas fa-phone"></i><span>+123-456-7890</span></p>
|
||||
<p><i class="fas fa-envelope"></i><span class="gmail">info@leafline.com</span></p>
|
||||
<p><i class="fas fa-map-marker-alt"></i><span>LeafLine Company</span></p>
|
||||
</div>
|
||||
|
||||
<!-- Social Media Links -->
|
||||
<div class="social">
|
||||
<a href="#"><i class="fab fa-facebook-f"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-x-twitter"></i></a>
|
||||
<a href="#"><i class="fab fa-instagram"></i></a>
|
||||
<a href="#"><i class="fab fa-linkedin"></i></a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Gardening and Landscaping Services Offered -->
|
||||
<div class="footer-item">
|
||||
<h2>Our Services</h2>
|
||||
<div class="info links">
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Lawn Care</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Garden Design</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Tree Planting</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Hardscaping Solution</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">water ponds</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Outdoor Décor</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Quick Links -->
|
||||
<div class="footer-item">
|
||||
<h2>Quick Links</h2>
|
||||
<div class="info links">
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/About/About.html">About Us</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Services.html">Services</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Project/Projects.html">Projects</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Blog/Blog-Grid.html">Blog</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Shop/Shop-Grid.html">Shop</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Contact/Contact.html">Contact Us</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Newsletter Subscription -->
|
||||
<div class="footer-item">
|
||||
|
||||
<h2>Newsletter</h2>
|
||||
<p>Stay informed and up-to-date with the latest trends, helpful tips, and exclusive special offers.</p>
|
||||
<form class="dark-form" method="post" id="newsletter-form-2">
|
||||
<div class="input-field">
|
||||
<label for="news-email-2" class="fas fa-envelope"></label>
|
||||
<input type="email" id="news-email-2" name="email" class="box" placeholder="Your email address" required>
|
||||
</div>
|
||||
<button type="submit" class="btn" name="submit" id="submit-2">Subscribe</button>
|
||||
<span class="alert" id="msg-2"></span>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Gardening and Landscaping Company's Name and Copyright -->
|
||||
<div class="content">
|
||||
<p>Designed By <span>NorthStar_Themes</span> | All Rights Reserved</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
<!-- ==================== Footer Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- Jquery -->
|
||||
<script src="../../assets/vendors/jquery/jquery.min.js"></script>
|
||||
|
||||
<!-- Custom Script Files -->
|
||||
<script src="../../assets/js/script.js"></script> <!-- Custom JavaScript file with additional website functionality. -->
|
||||
<script src="../../assets/js/nav-link-toggler.js"></script> <!-- Manages navigation link toggling (e.g., hamburger menu) for mobile devices -->
|
||||
<script src="../../assets/js/newsletter.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,423 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<!-- Title -->
|
||||
<title>LeafLine | Gardening and Landscaping Website</title>
|
||||
|
||||
<!-- Favicon -->
|
||||
<link rel="icon" type="image/x-icon" href="../../assets/images/favicon.ico">
|
||||
|
||||
<!-- Font-Awesome (CSS) -->
|
||||
<link rel="stylesheet" href="../../assets/vendors/font-awesome/css/all.min.css">
|
||||
|
||||
<!-- Custom Stylesheets -->
|
||||
<link rel="stylesheet" href="../../assets/css/main.css">
|
||||
<link rel="stylesheet" href="../../assets/css/responsive.css">
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- ==================== Scroll-Top Area (Start) ==================== -->
|
||||
<a href="#" class="scroll-top">
|
||||
<i class="fa-solid fa-arrow-up-long"></i>
|
||||
</a>
|
||||
<!-- ==================== Scroll-Top Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Header Area (Start) ==================== -->
|
||||
<header class="header">
|
||||
|
||||
<!-- ===== Header-1 Area (Start) ===== -->
|
||||
<div class="header-1">
|
||||
|
||||
<!-- == Contacts == -->
|
||||
<ul class="header-contacts">
|
||||
<li><i class="fa-solid fa-location-dot"></i><span>LeafLine Company</span></li>
|
||||
<li><i class="fa-solid fa-phone"></i><span>+123-456-7890</span></li>
|
||||
<li><i class="fa-solid fa-envelope"></i><span class="gmail">info@leafline.com</span></li>
|
||||
</ul>
|
||||
|
||||
<!-- == Social == -->
|
||||
<ul class="social-contacts">
|
||||
<li><a href="#" class="fab fa-facebook-f"></a></li>
|
||||
<li><a href="#" class="fa-brands fa-x-twitter"></a></li>
|
||||
<li><a href="#" class="fab fa-instagram"></a></li>
|
||||
<li><a href="#" class="fab fa-linkedin"></a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
<!-- ===== Header-1 Area (End) ===== -->
|
||||
|
||||
<!-- ===== Header-2 Area (Start) ===== -->
|
||||
<div class="header-2">
|
||||
|
||||
<!-- == Logo == -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<div class="container">
|
||||
|
||||
<!-- == Navbar == -->
|
||||
<nav class="navbar">
|
||||
|
||||
<a class="nav-btn" href="../../index.html">home</a>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">about</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/About/About.html">about us</a>
|
||||
<a href="../../pages/About/WhyUs.html">Why Choose Us</a>
|
||||
<a href="../../pages/About/History.html">History</a>
|
||||
<a href="../../pages/About/Team.html">Team</a>
|
||||
<a href="../../pages/About/Team-Single.html">Team Single</a>
|
||||
<a href="../../pages/About/Testimonials.html">testimonials</a>
|
||||
<a href="../../pages/About/FAQs.html">FAQs</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">Pages</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Gallery.html">Gallery</a>
|
||||
<a href="../../pages/Pages/Pricing.html">Pricing</a>
|
||||
<a href="../../pages/Pages/Process.html">work process</a>
|
||||
<a href="../../pages/Pages/Awards.html">Awards</a>
|
||||
<div class="side-dropdown">
|
||||
<button>Event</button> <i class="fa-solid fa-chevron-right"></i>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Events.html">Events</a>
|
||||
<a href="../../pages/Pages/Event-Single.html">Event Single</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="side-dropdown">
|
||||
<button>Career</button> <i class="fa-solid fa-chevron-right"></i>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Careers.html">Careers</a>
|
||||
<a href="../../pages/Pages/Career-Single.html">Career Single</a>
|
||||
<a href="../../pages/Pages/Career-Form.html">Career Form</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="side-dropdown">
|
||||
<button>Information Hub</button> <i class="fa-solid fa-chevron-right"></i>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Not-Found.html">Not Found</a>
|
||||
<a href="../../pages/Pages/Privacy-Policy.html">Privacy Policy</a>
|
||||
<a href="../../pages/Pages/Terms.html">Terms & Condition</a>
|
||||
</div>
|
||||
</div>
|
||||
<a href="../../pages/Pages/Cost-Calculator.html">cost calculator</a>
|
||||
<a href="../../pages/Pages/Get-Quote.html">get a quote</a>
|
||||
<a href="../../pages/Pages/Clients.html">clients</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">Service</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Service/Services.html">Services</a>
|
||||
<a href="../../pages/Service/Service-Single.html">Service Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">Project</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Project/Projects.html">Projects</a>
|
||||
<a href="../../pages/Project/Project-Single.html">Project Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">blog</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Blog/Blog-Grid.html">blogs grid</a>
|
||||
<a href="../../pages/Blog/Blog-List.html">blogs list</a>
|
||||
<a href="../../pages/Blog/Blog-Single.html">blog Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">shop</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Shop/Shop-Grid.html">shop grid</a>
|
||||
<a href="../../pages/Shop/Shop-List.html">shop list</a>
|
||||
<a href="../../pages/Shop/Product-Single.html">product Single</a>
|
||||
<a href="../../pages/Shop/Wishlist.html">wishlist</a>
|
||||
<a href="../../pages/Shop/Cart.html">cart</a>
|
||||
<a href="../../pages/Shop/Checkout.html">checkout</a>
|
||||
<a href="../../pages/Shop/Login.html">login</a>
|
||||
<a href="../../pages/Shop/Register.html">register</a>
|
||||
<a href="../../pages/Shop/Reset-Password.html">forgot Password</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<a class="nav-btn" href="../../pages/Contact/Contact.html">contact</a>
|
||||
|
||||
</nav>
|
||||
|
||||
<!-- == Icon Container == -->
|
||||
<div class="icon-container">
|
||||
<div id="search-btn" class="icon fa-solid fa-magnifying-glass"></div> <!-- Search Icon -->
|
||||
<div id="menu-btn" class="icon fa-solid fa-bars-staggered"></div>
|
||||
<a href="../../pages/Pages/Get-Quote.html" class="btn">get A quote</a>
|
||||
</div>
|
||||
|
||||
<!-- == Search Container == -->
|
||||
<form class="search-container">
|
||||
<input type="search" id="search-bar" placeholder="search here" required> <!-- Search Input -->
|
||||
<button type="submit"><i class="fas fa-search"></i></button> <!-- Submit Button -->
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ===== Header-2 Area (End) ===== -->
|
||||
|
||||
<!-- ===== Mobile Menu Area (Start) ===== -->
|
||||
<div class="mobile-menu">
|
||||
|
||||
<nav class="mobile-navbar">
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <a class="nav-btn" href="../../index.html">home</a> </div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">about</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/About/About.html">about us</a>
|
||||
<a href="../../pages/About/WhyUs.html">Why Choose Us</a>
|
||||
<a href="../../pages/About/History.html">History</a>
|
||||
<a href="../../pages/About/Team.html">Team</a>
|
||||
<a href="../../pages/About/Team-Single.html">Team Single</a>
|
||||
<a href="../../pages/About/Testimonials.html">testimonials</a>
|
||||
<a href="../../pages/About/FAQs.html">FAQs</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">pages</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Pages/Gallery.html">Gallery</a>
|
||||
<a href="../../pages/Pages/Pricing.html">Pricing</a>
|
||||
<a href="../../pages/Pages/Process.html">work process</a>
|
||||
<a href="../../pages/Pages/Awards.html">Awards</a>
|
||||
<a href="../../pages/Pages/Events.html">Events</a>
|
||||
<a href="../../pages/Pages/Event-Single.html">Event Single</a>
|
||||
<a href="../../pages/Pages/Careers.html">Careers</a>
|
||||
<a href="../../pages/Pages/Career-Single.html">Career Single</a>
|
||||
<a href="../../pages/Pages/Career-Form.html">Career Form</a>
|
||||
<a href="../../pages/Pages/Not-Found.html">Not Found</a>
|
||||
<a href="../../pages/Pages/Privacy-Policy.html">Privacy Policy</a>
|
||||
<a href="../../pages/Pages/Terms.html">Terms & Condition</a>
|
||||
<a href="../../pages/Pages/Cost-Calculator.html">cost calculator</a>
|
||||
<a href="../../pages/Pages/Get-Quote.html">get a quote</a>
|
||||
<a href="../../pages/Pages/Clients.html">clients</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">Service</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Service/Services.html">Services</a>
|
||||
<a href="../../pages/Service/Service-Single.html">Service Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">Project</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Project/Projects.html">Projects</a>
|
||||
<a href="../../pages/Project/Project-Single.html">Project Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">blog</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Blog/Blog-Grid.html">blogs grid</a>
|
||||
<a href="../../pages/Blog/Blog-List.html">blogs list</a>
|
||||
<a href="../../pages/Blog/Blog-Single.html">blog Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">Shop</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Shop/Shop-Grid.html">shop grid</a>
|
||||
<a href="../../pages/Shop/Shop-List.html">shop list</a>
|
||||
<a href="../../pages/Shop/Product-Single.html">product Single</a>
|
||||
<a href="../../pages/Shop/Wishlist.html">wishlist</a>
|
||||
<a href="../../pages/Shop/Cart.html">cart</a>
|
||||
<a href="../../pages/Shop/Checkout.html">checkout</a>
|
||||
<a href="../../pages/Shop/Login.html">login</a>
|
||||
<a href="../../pages/Shop/Register.html">register</a>
|
||||
<a href="../../pages/Shop/Reset-Password.html">forgot Password</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <a class="nav-btn" href="../../pages/Contact/Contact.html">contact</a> </div>
|
||||
</div>
|
||||
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
<!-- ===== Mobile Menu Area (End) ===== -->
|
||||
|
||||
</header>
|
||||
<!-- ==================== Header Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Page-Title (Start) ==================== -->
|
||||
<div class="page-title">
|
||||
|
||||
<div class="title">
|
||||
<h2>Reset Password</h2>
|
||||
</div>
|
||||
|
||||
<div class="link">
|
||||
<a href="../../index.html">Home</a>
|
||||
<i class="fa-solid fa-angles-right"></i>
|
||||
<span class="page">Reset Password</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ==================== Page-Title (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Reset-Password Area (Start) ==================== -->
|
||||
<section class="reset-pwd">
|
||||
|
||||
<!-- Reset Password Form (Start) -->
|
||||
<form class="account-form dark-form">
|
||||
|
||||
<h3>Forgot Password!</h3> <!-- Form Heading -->
|
||||
|
||||
<input type="email" name="email" placeholder="Enter your email" id="email" class="box" required> <!-- Email Input Field -->
|
||||
<button type="submit" class="btn" name="reset-link" id="reset-link">Send Reset Link</button> <!-- Submit Button to Send Reset Link -->
|
||||
<p>Don't have an account? <a class="link" href="./Register.html">Register</a></p> <!-- Link to Register for Users Without an Account -->
|
||||
|
||||
</form>
|
||||
<!-- Reset Password Form (End) -->
|
||||
|
||||
</section>
|
||||
<!-- ==================== Reset-Password Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Footer Area (Start) ==================== -->
|
||||
<footer class="footer">
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Gardening and Landscaping Company Information & Social Media Links -->
|
||||
<div class="footer-item">
|
||||
|
||||
<!-- Gardening and Landscaping Company Logo -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<!-- Description -->
|
||||
<p>Transforming outdoor spaces with premium gardening and landscaping solutions.</p>
|
||||
|
||||
<!-- Contact Information -->
|
||||
<div class="info connect">
|
||||
<p><i class="fas fa-phone"></i><span>+123-456-7890</span></p>
|
||||
<p><i class="fas fa-envelope"></i><span class="gmail">info@leafline.com</span></p>
|
||||
<p><i class="fas fa-map-marker-alt"></i><span>LeafLine Company</span></p>
|
||||
</div>
|
||||
|
||||
<!-- Social Media Links -->
|
||||
<div class="social">
|
||||
<a href="#"><i class="fab fa-facebook-f"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-x-twitter"></i></a>
|
||||
<a href="#"><i class="fab fa-instagram"></i></a>
|
||||
<a href="#"><i class="fab fa-linkedin"></i></a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Gardening and Landscaping Services Offered -->
|
||||
<div class="footer-item">
|
||||
<h2>Our Services</h2>
|
||||
<div class="info links">
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Lawn Care</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Garden Design</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Tree Planting</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Hardscaping Solution</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">water ponds</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Outdoor Décor</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Quick Links -->
|
||||
<div class="footer-item">
|
||||
<h2>Quick Links</h2>
|
||||
<div class="info links">
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/About/About.html">About Us</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Services.html">Services</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Project/Projects.html">Projects</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Blog/Blog-Grid.html">Blog</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Shop/Shop-Grid.html">Shop</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Contact/Contact.html">Contact Us</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Newsletter Subscription -->
|
||||
<div class="footer-item">
|
||||
|
||||
<h2>Newsletter</h2>
|
||||
<p>Stay informed and up-to-date with the latest trends, helpful tips, and exclusive special offers.</p>
|
||||
<form class="dark-form" method="post" id="newsletter-form-2">
|
||||
<div class="input-field">
|
||||
<label for="news-email-2" class="fas fa-envelope"></label>
|
||||
<input type="email" id="news-email-2" name="email" class="box" placeholder="Your email address" required>
|
||||
</div>
|
||||
<button type="submit" class="btn" name="submit" id="submit-2">Subscribe</button>
|
||||
<span class="alert" id="msg-2"></span>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Gardening and Landscaping Company's Name and Copyright -->
|
||||
<div class="content">
|
||||
<p>Designed By <span>NorthStar_Themes</span> | All Rights Reserved</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
<!-- ==================== Footer Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- Jquery -->
|
||||
<script src="../../assets/vendors/jquery/jquery.min.js"></script>
|
||||
|
||||
<!-- Custom Script Files -->
|
||||
<script src="../../assets/js/script.js"></script> <!-- Custom JavaScript file with additional website functionality. -->
|
||||
<script src="../../assets/js/nav-link-toggler.js"></script> <!-- Manages navigation link toggling (e.g., hamburger menu) for mobile devices -->
|
||||
<script src="../../assets/js/newsletter.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,801 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<!-- Title -->
|
||||
<title>LeafLine | Gardening and Landscaping Website</title>
|
||||
|
||||
<!-- Favicon -->
|
||||
<link rel="icon" type="image/x-icon" href="../../assets/images/favicon.ico">
|
||||
|
||||
<!-- Font-Awesome (CSS) -->
|
||||
<link rel="stylesheet" href="../../assets/vendors/font-awesome/css/all.min.css">
|
||||
|
||||
<!-- Custom Stylesheets -->
|
||||
<link rel="stylesheet" href="../../assets/css/main.css">
|
||||
<link rel="stylesheet" href="../../assets/css/responsive.css">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- ==================== Scroll-Top Area (Start) ==================== -->
|
||||
<a href="#" class="scroll-top">
|
||||
<i class="fa-solid fa-arrow-up-long"></i>
|
||||
</a>
|
||||
<!-- ==================== Scroll-Top Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Header Area (Start) ==================== -->
|
||||
<header class="header">
|
||||
|
||||
<!-- ===== Header-1 Area (Start) ===== -->
|
||||
<div class="header-1">
|
||||
|
||||
<!-- == Contacts == -->
|
||||
<ul class="header-contacts">
|
||||
<li><i class="fa-solid fa-location-dot"></i><span>LeafLine Company</span></li>
|
||||
<li><i class="fa-solid fa-phone"></i><span>+123-456-7890</span></li>
|
||||
<li><i class="fa-solid fa-envelope"></i><span class="gmail">info@leafline.com</span></li>
|
||||
</ul>
|
||||
|
||||
<!-- == Social == -->
|
||||
<ul class="social-contacts">
|
||||
<li><a href="#" class="fab fa-facebook-f"></a></li>
|
||||
<li><a href="#" class="fa-brands fa-x-twitter"></a></li>
|
||||
<li><a href="#" class="fab fa-instagram"></a></li>
|
||||
<li><a href="#" class="fab fa-linkedin"></a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
<!-- ===== Header-1 Area (End) ===== -->
|
||||
|
||||
<!-- ===== Header-2 Area (Start) ===== -->
|
||||
<div class="header-2">
|
||||
|
||||
<!-- == Logo == -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<div class="container">
|
||||
|
||||
<!-- == Navbar == -->
|
||||
<nav class="navbar">
|
||||
|
||||
<a class="nav-btn" href="../../index.html">home</a>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">about</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/About/About.html">about us</a>
|
||||
<a href="../../pages/About/WhyUs.html">Why Choose Us</a>
|
||||
<a href="../../pages/About/History.html">History</a>
|
||||
<a href="../../pages/About/Team.html">Team</a>
|
||||
<a href="../../pages/About/Team-Single.html">Team Single</a>
|
||||
<a href="../../pages/About/Testimonials.html">testimonials</a>
|
||||
<a href="../../pages/About/FAQs.html">FAQs</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">Pages</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Gallery.html">Gallery</a>
|
||||
<a href="../../pages/Pages/Pricing.html">Pricing</a>
|
||||
<a href="../../pages/Pages/Process.html">work process</a>
|
||||
<a href="../../pages/Pages/Awards.html">Awards</a>
|
||||
<div class="side-dropdown">
|
||||
<button>Event</button> <i class="fa-solid fa-chevron-right"></i>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Events.html">Events</a>
|
||||
<a href="../../pages/Pages/Event-Single.html">Event Single</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="side-dropdown">
|
||||
<button>Career</button> <i class="fa-solid fa-chevron-right"></i>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Careers.html">Careers</a>
|
||||
<a href="../../pages/Pages/Career-Single.html">Career Single</a>
|
||||
<a href="../../pages/Pages/Career-Form.html">Career Form</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="side-dropdown">
|
||||
<button>Information Hub</button> <i class="fa-solid fa-chevron-right"></i>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Not-Found.html">Not Found</a>
|
||||
<a href="../../pages/Pages/Privacy-Policy.html">Privacy Policy</a>
|
||||
<a href="../../pages/Pages/Terms.html">Terms & Condition</a>
|
||||
</div>
|
||||
</div>
|
||||
<a href="../../pages/Pages/Cost-Calculator.html">cost calculator</a>
|
||||
<a href="../../pages/Pages/Get-Quote.html">get a quote</a>
|
||||
<a href="../../pages/Pages/Clients.html">clients</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">Service</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Service/Services.html">Services</a>
|
||||
<a href="../../pages/Service/Service-Single.html">Service Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">Project</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Project/Projects.html">Projects</a>
|
||||
<a href="../../pages/Project/Project-Single.html">Project Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">blog</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Blog/Blog-Grid.html">blogs grid</a>
|
||||
<a href="../../pages/Blog/Blog-List.html">blogs list</a>
|
||||
<a href="../../pages/Blog/Blog-Single.html">blog Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">shop</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Shop/Shop-Grid.html">shop grid</a>
|
||||
<a href="../../pages/Shop/Shop-List.html">shop list</a>
|
||||
<a href="../../pages/Shop/Product-Single.html">product Single</a>
|
||||
<a href="../../pages/Shop/Wishlist.html">wishlist</a>
|
||||
<a href="../../pages/Shop/Cart.html">cart</a>
|
||||
<a href="../../pages/Shop/Checkout.html">checkout</a>
|
||||
<a href="../../pages/Shop/Login.html">login</a>
|
||||
<a href="../../pages/Shop/Register.html">register</a>
|
||||
<a href="../../pages/Shop/Reset-Password.html">forgot Password</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<a class="nav-btn" href="../../pages/Contact/Contact.html">contact</a>
|
||||
|
||||
</nav>
|
||||
|
||||
<!-- == Icon Container == -->
|
||||
<div class="icon-container">
|
||||
<div id="search-btn" class="icon fa-solid fa-magnifying-glass"></div> <!-- Search Icon -->
|
||||
<div id="menu-btn" class="icon fa-solid fa-bars-staggered"></div>
|
||||
<a href="../../pages/Pages/Get-Quote.html" class="btn">get A quote</a>
|
||||
</div>
|
||||
|
||||
<!-- == Search Container == -->
|
||||
<form class="search-container">
|
||||
<input type="search" id="search-bar" placeholder="search here" required> <!-- Search Input -->
|
||||
<button type="submit"><i class="fas fa-search"></i></button> <!-- Submit Button -->
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ===== Header-2 Area (End) ===== -->
|
||||
|
||||
<!-- ===== Mobile Menu Area (Start) ===== -->
|
||||
<div class="mobile-menu">
|
||||
|
||||
<nav class="mobile-navbar">
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <a class="nav-btn" href="../../index.html">home</a> </div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">about</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/About/About.html">about us</a>
|
||||
<a href="../../pages/About/WhyUs.html">Why Choose Us</a>
|
||||
<a href="../../pages/About/History.html">History</a>
|
||||
<a href="../../pages/About/Team.html">Team</a>
|
||||
<a href="../../pages/About/Team-Single.html">Team Single</a>
|
||||
<a href="../../pages/About/Testimonials.html">testimonials</a>
|
||||
<a href="../../pages/About/FAQs.html">FAQs</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">pages</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Pages/Gallery.html">Gallery</a>
|
||||
<a href="../../pages/Pages/Pricing.html">Pricing</a>
|
||||
<a href="../../pages/Pages/Process.html">work process</a>
|
||||
<a href="../../pages/Pages/Awards.html">Awards</a>
|
||||
<a href="../../pages/Pages/Events.html">Events</a>
|
||||
<a href="../../pages/Pages/Event-Single.html">Event Single</a>
|
||||
<a href="../../pages/Pages/Careers.html">Careers</a>
|
||||
<a href="../../pages/Pages/Career-Single.html">Career Single</a>
|
||||
<a href="../../pages/Pages/Career-Form.html">Career Form</a>
|
||||
<a href="../../pages/Pages/Not-Found.html">Not Found</a>
|
||||
<a href="../../pages/Pages/Privacy-Policy.html">Privacy Policy</a>
|
||||
<a href="../../pages/Pages/Terms.html">Terms & Condition</a>
|
||||
<a href="../../pages/Pages/Cost-Calculator.html">cost calculator</a>
|
||||
<a href="../../pages/Pages/Get-Quote.html">get a quote</a>
|
||||
<a href="../../pages/Pages/Clients.html">clients</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">Service</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Service/Services.html">Services</a>
|
||||
<a href="../../pages/Service/Service-Single.html">Service Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">Project</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Project/Projects.html">Projects</a>
|
||||
<a href="../../pages/Project/Project-Single.html">Project Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">blog</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Blog/Blog-Grid.html">blogs grid</a>
|
||||
<a href="../../pages/Blog/Blog-List.html">blogs list</a>
|
||||
<a href="../../pages/Blog/Blog-Single.html">blog Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">Shop</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Shop/Shop-Grid.html">shop grid</a>
|
||||
<a href="../../pages/Shop/Shop-List.html">shop list</a>
|
||||
<a href="../../pages/Shop/Product-Single.html">product Single</a>
|
||||
<a href="../../pages/Shop/Wishlist.html">wishlist</a>
|
||||
<a href="../../pages/Shop/Cart.html">cart</a>
|
||||
<a href="../../pages/Shop/Checkout.html">checkout</a>
|
||||
<a href="../../pages/Shop/Login.html">login</a>
|
||||
<a href="../../pages/Shop/Register.html">register</a>
|
||||
<a href="../../pages/Shop/Reset-Password.html">forgot Password</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <a class="nav-btn" href="../../pages/Contact/Contact.html">contact</a> </div>
|
||||
</div>
|
||||
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
<!-- ===== Mobile Menu Area (End) ===== -->
|
||||
|
||||
</header>
|
||||
<!-- ==================== Header Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Page-Title (Start) ==================== -->
|
||||
<div class="page-title">
|
||||
|
||||
<div class="title">
|
||||
<h2>Shop Grid</h2>
|
||||
</div>
|
||||
|
||||
<div class="link">
|
||||
<a href="../../index.html">Home</a>
|
||||
<i class="fa-solid fa-angles-right"></i>
|
||||
<span class="page">Shop Grid</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ==================== Page-Title (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Shop-Grid Area (Start) ==================== -->
|
||||
<section class="shop">
|
||||
|
||||
<!-- ========== Shop Sidebar Area (Start) ========== -->
|
||||
<div class="sidebar">
|
||||
|
||||
<!-- ===== Category Area (Start) ===== -->
|
||||
<div class="category sidebar-item">
|
||||
|
||||
<!-- Sidebar Heading: Categories -->
|
||||
<div class="sidebar-heading">
|
||||
<h2>categories</h2>
|
||||
</div>
|
||||
|
||||
<!-- Shop Categories -->
|
||||
<div class="box-container">
|
||||
<a href="#" class="item"> <span><i class="fa-brands fa-pagelines"></i>All Products</span> <p>(30)</p> </a>
|
||||
<a href="#" class="item"> <span><i class="fa-brands fa-pagelines"></i>Plants & Flowers</span> <p>(08)</p> </a>
|
||||
<a href="#" class="item"> <span><i class="fa-brands fa-pagelines"></i>Tools & Equipment</span> <p>(06)</p> </a>
|
||||
<a href="#" class="item"> <span><i class="fa-brands fa-pagelines"></i>Fertilizers & Chemicals</span> <p>(04)</p> </a>
|
||||
<a href="#" class="item"> <span><i class="fa-brands fa-pagelines"></i>Outdoor Decor</span> <p>(06)</p> </a>
|
||||
<a href="#" class="item"> <span><i class="fa-brands fa-pagelines"></i>Landscaping Materials</span> <p>(06)</p> </a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ===== Category Area (End) ===== -->
|
||||
|
||||
<!-- ===== Filter Products (Start) ===== -->
|
||||
<div class="filter sidebar-item">
|
||||
|
||||
<!-- Sidebar Heading: Filter Products -->
|
||||
<div class="sidebar-heading">
|
||||
<h2>Product Filter</h2>
|
||||
</div>
|
||||
|
||||
<div class="box-container">
|
||||
<!-- Slider -->
|
||||
<div class="slider">
|
||||
<div class="progress"></div>
|
||||
</div>
|
||||
<!-- Range Input -->
|
||||
<div class="range-input">
|
||||
<input type="range" class="range-min" min="0" max="1000" value="250" step="10">
|
||||
<input type="range" class="range-max" min="0" max="1000" value="750" step="10">
|
||||
</div>
|
||||
<!-- Price Wrap -->
|
||||
<div class="price-wrap">
|
||||
<!-- Price Input -->
|
||||
<div class="price-input">
|
||||
<!-- Minimum Price Field -->
|
||||
<div class="field">
|
||||
<span>$</span>
|
||||
<input type="number" class="input-min" value="250">
|
||||
</div>
|
||||
<!-- Separator -->
|
||||
<div class="separator">-</div>
|
||||
<!-- Maximum Price Field -->
|
||||
<div class="field">
|
||||
<span>$</span>
|
||||
<input type="number" class="input-max" value="750">
|
||||
</div>
|
||||
</div>
|
||||
<!-- Filter Button -->
|
||||
<span class="btn">FILTER</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- ===== Filter Products (End) ===== -->
|
||||
|
||||
<!-- ===== Popular Products Area (Start) ===== -->
|
||||
<div class="popular-products sidebar-item">
|
||||
|
||||
<!-- Sidebar Heading: Popular Products -->
|
||||
<div class="sidebar-heading">
|
||||
<h2>popular products</h2>
|
||||
</div>
|
||||
|
||||
<!-- Popular Products -->
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Popular Product 1 -->
|
||||
<div class="post-item">
|
||||
<img src="../../assets/images/Shop/Products/Product-1.jpg" alt="Popular-Product-Image"> <!-- Product Image -->
|
||||
<div class="content">
|
||||
<a href="../../pages/Shop/Product-Single.html">Axe</a> <!-- Product Title -->
|
||||
<div class="price">
|
||||
<p>$40.00 <span>$50.00</span></p> <!-- Product Price -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Popular Product 2 -->
|
||||
<div class="post-item">
|
||||
<img src="../../assets/images/Shop/Products/Product-3.jpg" alt="Popular-Product-Image"> <!-- Product Image -->
|
||||
<div class="content">
|
||||
<a href="../../pages/Shop/Product-Single.html">Water Hose</a> <!-- Product Title -->
|
||||
<div class="price">
|
||||
<p>$40.00 <span>$50.00</span></p> <!-- Product Price -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Popular Product 3 -->
|
||||
<div class="post-item">
|
||||
<img src="../../assets/images/Shop/Products/Product-5.jpg" alt="Popular-Product-Image"> <!-- Product Image -->
|
||||
<div class="content">
|
||||
<a href="../../pages/Shop/Product-Single.html">Leaf Rake</a> <!-- Product Title -->
|
||||
<div class="price">
|
||||
<p>$40.00 <span>$50.00</span></p> <!-- Product Price -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ===== Popular Products Area (End) ===== -->
|
||||
|
||||
</div>
|
||||
<!-- ========== Shop Sidebar Area (End) ========== -->
|
||||
|
||||
<!-- ========== Shop Container (Start) ========== -->
|
||||
<div class="shop-container">
|
||||
|
||||
<!-- ===== Shop Header (Start) ===== -->
|
||||
<div class="intro">
|
||||
|
||||
<!-- Showing Products Count -->
|
||||
<div class="showing">showing 9 of 30 products </div>
|
||||
|
||||
<!-- Display Styles -->
|
||||
<div class="styles">
|
||||
<a href="../../pages/Shop/Shop-Grid.html" class="fas fa-th"></a>
|
||||
<a href="../../pages/Shop/Shop-List.html" class="fas fa-list"></a>
|
||||
</div>
|
||||
|
||||
<!-- Sorting Type -->
|
||||
<div class="sorting-type">
|
||||
|
||||
<!-- Sorting Label -->
|
||||
<label for="sort">sort by:</label>
|
||||
|
||||
<!-- Sorting Options -->
|
||||
<select name="sort" id="sort">
|
||||
<option value="default">default</option>
|
||||
<option value="name, A to Z">name, A to Z</option>
|
||||
<option value="mname, Z to A">name, Z to A</option>
|
||||
<option value="price, low to high">price, low to high</option>
|
||||
<option value="price, high to low">price, high to low</option>
|
||||
</select>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ===== Shop Header (End) ===== -->
|
||||
|
||||
<!-- ===== Products (Start) ===== -->
|
||||
<div class="product-container grid">
|
||||
|
||||
<!-- Product-1 -->
|
||||
<div class="product-item">
|
||||
<div class="image">
|
||||
<img src="../../assets/images/Shop/Products/Product-1.jpg" alt="Product-Image"> <!-- Product Image -->
|
||||
<div class="options">
|
||||
<a href="../../pages/Shop/Wishlist.html" class="icon"><i class="far fa-heart"></i></a><!-- Add to Wishlist Button -->
|
||||
<a href="../../pages/Shop/Cart.html" class="icon"><i class="fa-solid fa-cart-shopping"></i></a><!-- Add to Cart Button -->
|
||||
<a href="../../pages/Shop/Product-Single.html" class="icon"><i class="fa-solid fa-magnifying-glass"></i></a><!-- Product Detail Page Button -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<a href="../../pages/Shop/Product-Single.html"><h3>Axe</h3></a> <!-- Product Title -->
|
||||
<div class="price">$40.00 <span>$50.00</span></div> <!-- Product Price -->
|
||||
<div class="rating"> <!-- Product Rating -->
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Product-2 -->
|
||||
<div class="product-item">
|
||||
<div class="image">
|
||||
<img src="../../assets/images/Shop/Products/Product-2.jpg" alt="Product-Image"> <!-- Product Image -->
|
||||
<div class="options">
|
||||
<a href="../../pages/Shop/Wishlist.html" class="icon"><i class="far fa-heart"></i></a><!-- Add to Wishlist Button -->
|
||||
<a href="../../pages/Shop/Cart.html" class="icon"><i class="fa-solid fa-cart-shopping"></i></a><!-- Add to Cart Button -->
|
||||
<a href="../../pages/Shop/Product-Single.html" class="icon"><i class="fa-solid fa-magnifying-glass"></i></a><!-- Product Detail Page Button -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<a href="../../pages/Shop/Product-Single.html"><h3>LawnMower</h3></a> <!-- Product Title -->
|
||||
<div class="price">$40.00 <span>$50.00</span></div> <!-- Product Price -->
|
||||
<div class="rating"> <!-- Product Rating -->
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Product-3 -->
|
||||
<div class="product-item">
|
||||
<div class="image">
|
||||
<img src="../../assets/images/Shop/Products/Product-3.jpg" alt="Product-Image"> <!-- Product Image -->
|
||||
<div class="options">
|
||||
<a href="../../pages/Shop/Wishlist.html" class="icon"><i class="far fa-heart"></i></a><!-- Add to Wishlist Button -->
|
||||
<a href="../../pages/Shop/Cart.html" class="icon"><i class="fa-solid fa-cart-shopping"></i></a><!-- Add to Cart Button -->
|
||||
<a href="../../pages/Shop/Product-Single.html" class="icon"><i class="fa-solid fa-magnifying-glass"></i></a><!-- Product Detail Page Button -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<a href="../../pages/Shop/Product-Single.html"><h3>Water Hose</h3></a> <!-- Product Title -->
|
||||
<div class="price">$40.00 <span>$50.00</span></div> <!-- Product Price -->
|
||||
<div class="rating"> <!-- Product Rating -->
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Product-4 -->
|
||||
<div class="product-item">
|
||||
<div class="image">
|
||||
<img src="../../assets/images/Shop/Products/Product-4.jpg" alt="Product-Image"> <!-- Product Image -->
|
||||
<div class="options">
|
||||
<a href="../../pages/Shop/Wishlist.html" class="icon"><i class="far fa-heart"></i></a><!-- Add to Wishlist Button -->
|
||||
<a href="../../pages/Shop/Cart.html" class="icon"><i class="fa-solid fa-cart-shopping"></i></a><!-- Add to Cart Button -->
|
||||
<a href="../../pages/Shop/Product-Single.html" class="icon"><i class="fa-solid fa-magnifying-glass"></i></a><!-- Product Detail Page Button -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<a href="../../pages/Shop/Product-Single.html"><h3>Chainsaw</h3></a> <!-- Product Title -->
|
||||
<div class="price">$40.00 <span>$50.00</span></div> <!-- Product Price -->
|
||||
<div class="rating"> <!-- Product Rating -->
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Product-5 -->
|
||||
<div class="product-item">
|
||||
<div class="image">
|
||||
<img src="../../assets/images/Shop/Products/Product-5.jpg" alt="Product-Image"> <!-- Product Image -->
|
||||
<div class="options">
|
||||
<a href="../../pages/Shop/Wishlist.html" class="icon"><i class="far fa-heart"></i></a><!-- Add to Wishlist Button -->
|
||||
<a href="../../pages/Shop/Cart.html" class="icon"><i class="fa-solid fa-cart-shopping"></i></a><!-- Add to Cart Button -->
|
||||
<a href="../../pages/Shop/Product-Single.html" class="icon"><i class="fa-solid fa-magnifying-glass"></i></a><!-- Product Detail Page Button -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<a href="../../pages/Shop/Product-Single.html"><h3>Leaf Rake</h3></a> <!-- Product Title -->
|
||||
<div class="price">$40.00 <span>$50.00</span></div> <!-- Product Price -->
|
||||
<div class="rating"> <!-- Product Rating -->
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Product-6 -->
|
||||
<div class="product-item">
|
||||
<div class="image">
|
||||
<img src="../../assets/images/Shop/Products/Product-6.jpg" alt="Product-Image"> <!-- Product Image -->
|
||||
<div class="options">
|
||||
<a href="../../pages/Shop/Wishlist.html" class="icon"><i class="far fa-heart"></i></a><!-- Add to Wishlist Button -->
|
||||
<a href="../../pages/Shop/Cart.html" class="icon"><i class="fa-solid fa-cart-shopping"></i></a><!-- Add to Cart Button -->
|
||||
<a href="../../pages/Shop/Product-Single.html" class="icon"><i class="fa-solid fa-magnifying-glass"></i></a><!-- Product Detail Page Button -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<a href="../../pages/Shop/Product-Single.html"><h3>Sprinkler</h3></a> <!-- Product Title -->
|
||||
<div class="price">$40.00 <span>$50.00</span></div> <!-- Product Price -->
|
||||
<div class="rating"> <!-- Product Rating -->
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Product-7 -->
|
||||
<div class="product-item">
|
||||
<div class="image">
|
||||
<img src="../../assets/images/Shop/Products/Product-7.jpg" alt="Product-Image"> <!-- Product Image -->
|
||||
<div class="options">
|
||||
<a href="../../pages/Shop/Wishlist.html" class="icon"><i class="far fa-heart"></i></a><!-- Add to Wishlist Button -->
|
||||
<a href="../../pages/Shop/Cart.html" class="icon"><i class="fa-solid fa-cart-shopping"></i></a><!-- Add to Cart Button -->
|
||||
<a href="../../pages/Shop/Product-Single.html" class="icon"><i class="fa-solid fa-magnifying-glass"></i></a><!-- Product Detail Page Button -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<a href="../../pages/Shop/Product-Single.html"><h3>Trash Bin</h3></a> <!-- Product Title -->
|
||||
<div class="price">$40.00 <span>$50.00</span></div> <!-- Product Price -->
|
||||
<div class="rating"> <!-- Product Rating -->
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Product-8 -->
|
||||
<div class="product-item">
|
||||
<div class="image">
|
||||
<img src="../../assets/images/Shop/Products/Product-8.jpg" alt="Product-Image"> <!-- Product Image -->
|
||||
<div class="options">
|
||||
<a href="../../pages/Shop/Wishlist.html" class="icon"><i class="far fa-heart"></i></a><!-- Add to Wishlist Button -->
|
||||
<a href="../../pages/Shop/Cart.html" class="icon"><i class="fa-solid fa-cart-shopping"></i></a><!-- Add to Cart Button -->
|
||||
<a href="../../pages/Shop/Product-Single.html" class="icon"><i class="fa-solid fa-magnifying-glass"></i></a><!-- Product Detail Page Button -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<a href="../../pages/Shop/Product-Single.html"><h3>secateurs</h3></a> <!-- Product Title -->
|
||||
<div class="price">$40.00 <span>$50.00</span></div> <!-- Product Price -->
|
||||
<div class="rating"> <!-- Product Rating -->
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Product-9 -->
|
||||
<div class="product-item">
|
||||
<div class="image">
|
||||
<img src="../../assets/images/Shop/Products/Product-9.jpg" alt="Product-Image"> <!-- Product Image -->
|
||||
<div class="options">
|
||||
<a href="../../pages/Shop/Wishlist.html" class="icon"><i class="far fa-heart"></i></a><!-- Add to Wishlist Button -->
|
||||
<a href="../../pages/Shop/Cart.html" class="icon"><i class="fa-solid fa-cart-shopping"></i></a><!-- Add to Cart Button -->
|
||||
<a href="../../pages/Shop/Product-Single.html" class="icon"><i class="fa-solid fa-magnifying-glass"></i></a><!-- Product Detail Page Button -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<a href="../../pages/Shop/Product-Single.html"><h3>Tools</h3></a> <!-- Product Title -->
|
||||
<div class="price">$40.00 <span>$50.00</span></div> <!-- Product Price -->
|
||||
<div class="rating"> <!-- Product Rating -->
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ===== Products (Ends) ===== -->
|
||||
|
||||
<!-- ===== Pagination (Start) ===== -->
|
||||
<div class="pages-no">
|
||||
<div class="container">
|
||||
<!-- Previous Page Button -->
|
||||
<div class="item">
|
||||
<i class="fas fa-arrow-left"></i>
|
||||
</div>
|
||||
<!-- Page Numbers -->
|
||||
<div class="numbers">
|
||||
<div class="item active">1</div>
|
||||
<div class="item">2</div>
|
||||
<div class="item">3</div>
|
||||
</div>
|
||||
<!-- Next Page Button -->
|
||||
<div class="item">
|
||||
<i class="fas fa-arrow-right"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- ===== Pagination (End) ===== -->
|
||||
|
||||
</div>
|
||||
<!-- ========== Shop Container (End) ========== -->
|
||||
|
||||
</section>
|
||||
<!-- ==================== Shop-Grid Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Footer Area (Start) ==================== -->
|
||||
<footer class="footer">
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Gardening and Landscaping Company Information & Social Media Links -->
|
||||
<div class="footer-item">
|
||||
|
||||
<!-- Gardening and Landscaping Company Logo -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<!-- Description -->
|
||||
<p>Transforming outdoor spaces with premium gardening and landscaping solutions.</p>
|
||||
|
||||
<!-- Contact Information -->
|
||||
<div class="info connect">
|
||||
<p><i class="fas fa-phone"></i><span>+123-456-7890</span></p>
|
||||
<p><i class="fas fa-envelope"></i><span class="gmail">info@leafline.com</span></p>
|
||||
<p><i class="fas fa-map-marker-alt"></i><span>LeafLine Company</span></p>
|
||||
</div>
|
||||
|
||||
<!-- Social Media Links -->
|
||||
<div class="social">
|
||||
<a href="#"><i class="fab fa-facebook-f"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-x-twitter"></i></a>
|
||||
<a href="#"><i class="fab fa-instagram"></i></a>
|
||||
<a href="#"><i class="fab fa-linkedin"></i></a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Gardening and Landscaping Services Offered -->
|
||||
<div class="footer-item">
|
||||
<h2>Our Services</h2>
|
||||
<div class="info links">
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Lawn Care</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Garden Design</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Tree Planting</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Hardscaping Solution</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">water ponds</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Outdoor Décor</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Quick Links -->
|
||||
<div class="footer-item">
|
||||
<h2>Quick Links</h2>
|
||||
<div class="info links">
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/About/About.html">About Us</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Services.html">Services</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Project/Projects.html">Projects</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Blog/Blog-Grid.html">Blog</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Shop/Shop-Grid.html">Shop</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Contact/Contact.html">Contact Us</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Newsletter Subscription -->
|
||||
<div class="footer-item">
|
||||
|
||||
<h2>Newsletter</h2>
|
||||
<p>Stay informed and up-to-date with the latest trends, helpful tips, and exclusive special offers.</p>
|
||||
<form class="dark-form" method="post" id="newsletter-form-2">
|
||||
<div class="input-field">
|
||||
<label for="news-email-2" class="fas fa-envelope"></label>
|
||||
<input type="email" id="news-email-2" name="email" class="box" placeholder="Your email address" required>
|
||||
</div>
|
||||
<button type="submit" class="btn" name="submit" id="submit-2">Subscribe</button>
|
||||
<span class="alert" id="msg-2"></span>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Gardening and Landscaping Company's Name and Copyright -->
|
||||
<div class="content">
|
||||
<p>Designed By <span>NorthStar_Themes</span> | All Rights Reserved</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
<!-- ==================== Footer Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- Jquery -->
|
||||
<script src="../../assets/vendors/jquery/jquery.min.js"></script>
|
||||
|
||||
<!-- Custom Script Files -->
|
||||
<script src="../../assets/js/script.js"></script> <!-- Custom JavaScript file with additional website functionality. -->
|
||||
<script src="../../assets/js/nav-link-toggler.js"></script> <!-- Manages navigation link toggling (e.g., hamburger menu) for mobile devices -->
|
||||
<script src="../../assets/js/newsletter.js"></script>
|
||||
<script src="../../assets/js/Price-Filter.js"></script> <!-- Handles the price filtering functionality -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,692 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<!-- Title -->
|
||||
<title>LeafLine | Gardening and Landscaping Website</title>
|
||||
|
||||
<!-- Favicon -->
|
||||
<link rel="icon" type="image/x-icon" href="../../assets/images/favicon.ico">
|
||||
|
||||
<!-- Font-Awesome (CSS) -->
|
||||
<link rel="stylesheet" href="../../assets/vendors/font-awesome/css/all.min.css">
|
||||
|
||||
<!-- Custom Stylesheets -->
|
||||
<link rel="stylesheet" href="../../assets/css/main.css">
|
||||
<link rel="stylesheet" href="../../assets/css/responsive.css">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- ==================== Scroll-Top Area (Start) ==================== -->
|
||||
<a href="#" class="scroll-top">
|
||||
<i class="fa-solid fa-arrow-up-long"></i>
|
||||
</a>
|
||||
<!-- ==================== Scroll-Top Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Header Area (Start) ==================== -->
|
||||
<header class="header">
|
||||
|
||||
<!-- ===== Header-1 Area (Start) ===== -->
|
||||
<div class="header-1">
|
||||
|
||||
<!-- == Contacts == -->
|
||||
<ul class="header-contacts">
|
||||
<li><i class="fa-solid fa-location-dot"></i><span>LeafLine Company</span></li>
|
||||
<li><i class="fa-solid fa-phone"></i><span>+123-456-7890</span></li>
|
||||
<li><i class="fa-solid fa-envelope"></i><span class="gmail">info@leafline.com</span></li>
|
||||
</ul>
|
||||
|
||||
<!-- == Social == -->
|
||||
<ul class="social-contacts">
|
||||
<li><a href="#" class="fab fa-facebook-f"></a></li>
|
||||
<li><a href="#" class="fa-brands fa-x-twitter"></a></li>
|
||||
<li><a href="#" class="fab fa-instagram"></a></li>
|
||||
<li><a href="#" class="fab fa-linkedin"></a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
<!-- ===== Header-1 Area (End) ===== -->
|
||||
|
||||
<!-- ===== Header-2 Area (Start) ===== -->
|
||||
<div class="header-2">
|
||||
|
||||
<!-- == Logo == -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<div class="container">
|
||||
|
||||
<!-- == Navbar == -->
|
||||
<nav class="navbar">
|
||||
|
||||
<a class="nav-btn" href="../../index.html">home</a>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">about</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/About/About.html">about us</a>
|
||||
<a href="../../pages/About/WhyUs.html">Why Choose Us</a>
|
||||
<a href="../../pages/About/History.html">History</a>
|
||||
<a href="../../pages/About/Team.html">Team</a>
|
||||
<a href="../../pages/About/Team-Single.html">Team Single</a>
|
||||
<a href="../../pages/About/Testimonials.html">testimonials</a>
|
||||
<a href="../../pages/About/FAQs.html">FAQs</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">Pages</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Gallery.html">Gallery</a>
|
||||
<a href="../../pages/Pages/Pricing.html">Pricing</a>
|
||||
<a href="../../pages/Pages/Process.html">work process</a>
|
||||
<a href="../../pages/Pages/Awards.html">Awards</a>
|
||||
<div class="side-dropdown">
|
||||
<button>Event</button> <i class="fa-solid fa-chevron-right"></i>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Events.html">Events</a>
|
||||
<a href="../../pages/Pages/Event-Single.html">Event Single</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="side-dropdown">
|
||||
<button>Career</button> <i class="fa-solid fa-chevron-right"></i>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Careers.html">Careers</a>
|
||||
<a href="../../pages/Pages/Career-Single.html">Career Single</a>
|
||||
<a href="../../pages/Pages/Career-Form.html">Career Form</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="side-dropdown">
|
||||
<button>Information Hub</button> <i class="fa-solid fa-chevron-right"></i>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Not-Found.html">Not Found</a>
|
||||
<a href="../../pages/Pages/Privacy-Policy.html">Privacy Policy</a>
|
||||
<a href="../../pages/Pages/Terms.html">Terms & Condition</a>
|
||||
</div>
|
||||
</div>
|
||||
<a href="../../pages/Pages/Cost-Calculator.html">cost calculator</a>
|
||||
<a href="../../pages/Pages/Get-Quote.html">get a quote</a>
|
||||
<a href="../../pages/Pages/Clients.html">clients</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">Service</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Service/Services.html">Services</a>
|
||||
<a href="../../pages/Service/Service-Single.html">Service Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">Project</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Project/Projects.html">Projects</a>
|
||||
<a href="../../pages/Project/Project-Single.html">Project Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">blog</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Blog/Blog-Grid.html">blogs grid</a>
|
||||
<a href="../../pages/Blog/Blog-List.html">blogs list</a>
|
||||
<a href="../../pages/Blog/Blog-Single.html">blog Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">shop</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Shop/Shop-Grid.html">shop grid</a>
|
||||
<a href="../../pages/Shop/Shop-List.html">shop list</a>
|
||||
<a href="../../pages/Shop/Product-Single.html">product Single</a>
|
||||
<a href="../../pages/Shop/Wishlist.html">wishlist</a>
|
||||
<a href="../../pages/Shop/Cart.html">cart</a>
|
||||
<a href="../../pages/Shop/Checkout.html">checkout</a>
|
||||
<a href="../../pages/Shop/Login.html">login</a>
|
||||
<a href="../../pages/Shop/Register.html">register</a>
|
||||
<a href="../../pages/Shop/Reset-Password.html">forgot Password</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<a class="nav-btn" href="../../pages/Contact/Contact.html">contact</a>
|
||||
|
||||
</nav>
|
||||
|
||||
<!-- == Icon Container == -->
|
||||
<div class="icon-container">
|
||||
<div id="search-btn" class="icon fa-solid fa-magnifying-glass"></div> <!-- Search Icon -->
|
||||
<div id="menu-btn" class="icon fa-solid fa-bars-staggered"></div>
|
||||
<a href="../../pages/Pages/Get-Quote.html" class="btn">get A quote</a>
|
||||
</div>
|
||||
|
||||
<!-- == Search Container == -->
|
||||
<form class="search-container">
|
||||
<input type="search" id="search-bar" placeholder="search here" required> <!-- Search Input -->
|
||||
<button type="submit"><i class="fas fa-search"></i></button> <!-- Submit Button -->
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ===== Header-2 Area (End) ===== -->
|
||||
|
||||
<!-- ===== Mobile Menu Area (Start) ===== -->
|
||||
<div class="mobile-menu">
|
||||
|
||||
<nav class="mobile-navbar">
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <a class="nav-btn" href="../../index.html">home</a> </div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">about</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/About/About.html">about us</a>
|
||||
<a href="../../pages/About/WhyUs.html">Why Choose Us</a>
|
||||
<a href="../../pages/About/History.html">History</a>
|
||||
<a href="../../pages/About/Team.html">Team</a>
|
||||
<a href="../../pages/About/Team-Single.html">Team Single</a>
|
||||
<a href="../../pages/About/Testimonials.html">testimonials</a>
|
||||
<a href="../../pages/About/FAQs.html">FAQs</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">pages</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Pages/Gallery.html">Gallery</a>
|
||||
<a href="../../pages/Pages/Pricing.html">Pricing</a>
|
||||
<a href="../../pages/Pages/Process.html">work process</a>
|
||||
<a href="../../pages/Pages/Awards.html">Awards</a>
|
||||
<a href="../../pages/Pages/Events.html">Events</a>
|
||||
<a href="../../pages/Pages/Event-Single.html">Event Single</a>
|
||||
<a href="../../pages/Pages/Careers.html">Careers</a>
|
||||
<a href="../../pages/Pages/Career-Single.html">Career Single</a>
|
||||
<a href="../../pages/Pages/Career-Form.html">Career Form</a>
|
||||
<a href="../../pages/Pages/Not-Found.html">Not Found</a>
|
||||
<a href="../../pages/Pages/Privacy-Policy.html">Privacy Policy</a>
|
||||
<a href="../../pages/Pages/Terms.html">Terms & Condition</a>
|
||||
<a href="../../pages/Pages/Cost-Calculator.html">cost calculator</a>
|
||||
<a href="../../pages/Pages/Get-Quote.html">get a quote</a>
|
||||
<a href="../../pages/Pages/Clients.html">clients</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">Service</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Service/Services.html">Services</a>
|
||||
<a href="../../pages/Service/Service-Single.html">Service Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">Project</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Project/Projects.html">Projects</a>
|
||||
<a href="../../pages/Project/Project-Single.html">Project Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">blog</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Blog/Blog-Grid.html">blogs grid</a>
|
||||
<a href="../../pages/Blog/Blog-List.html">blogs list</a>
|
||||
<a href="../../pages/Blog/Blog-Single.html">blog Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">Shop</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Shop/Shop-Grid.html">shop grid</a>
|
||||
<a href="../../pages/Shop/Shop-List.html">shop list</a>
|
||||
<a href="../../pages/Shop/Product-Single.html">product Single</a>
|
||||
<a href="../../pages/Shop/Wishlist.html">wishlist</a>
|
||||
<a href="../../pages/Shop/Cart.html">cart</a>
|
||||
<a href="../../pages/Shop/Checkout.html">checkout</a>
|
||||
<a href="../../pages/Shop/Login.html">login</a>
|
||||
<a href="../../pages/Shop/Register.html">register</a>
|
||||
<a href="../../pages/Shop/Reset-Password.html">forgot Password</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <a class="nav-btn" href="../../pages/Contact/Contact.html">contact</a> </div>
|
||||
</div>
|
||||
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
<!-- ===== Mobile Menu Area (End) ===== -->
|
||||
|
||||
</header>
|
||||
<!-- ==================== Header Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Page-Title (Start) ==================== -->
|
||||
<div class="page-title">
|
||||
|
||||
<div class="title">
|
||||
<h2>Shop List</h2>
|
||||
</div>
|
||||
|
||||
<div class="link">
|
||||
<a href="../../index.html">Home</a>
|
||||
<i class="fa-solid fa-angles-right"></i>
|
||||
<span class="page">Shop List</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ==================== Page-Title (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Shop-List Area (Start) ==================== -->
|
||||
<section class="shop">
|
||||
|
||||
<!-- ========== Shop Sidebar Area (Start) ========== -->
|
||||
<div class="sidebar">
|
||||
|
||||
<!-- ===== Category Area (Start) ===== -->
|
||||
<div class="category sidebar-item">
|
||||
|
||||
<!-- Sidebar Heading: Categories -->
|
||||
<div class="sidebar-heading">
|
||||
<h2>categories</h2>
|
||||
</div>
|
||||
|
||||
<!-- Shop Categories -->
|
||||
<div class="box-container">
|
||||
<a href="#" class="item"> <span><i class="fa-brands fa-pagelines"></i>All Products</span> <p>(30)</p> </a>
|
||||
<a href="#" class="item"> <span><i class="fa-brands fa-pagelines"></i>Plants & Flowers</span> <p>(08)</p> </a>
|
||||
<a href="#" class="item"> <span><i class="fa-brands fa-pagelines"></i>Tools & Equipment</span> <p>(06)</p> </a>
|
||||
<a href="#" class="item"> <span><i class="fa-brands fa-pagelines"></i>Fertilizers & Chemicals</span> <p>(04)</p> </a>
|
||||
<a href="#" class="item"> <span><i class="fa-brands fa-pagelines"></i>Outdoor Decor</span> <p>(06)</p> </a>
|
||||
<a href="#" class="item"> <span><i class="fa-brands fa-pagelines"></i>Landscaping Materials</span> <p>(06)</p> </a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ===== Category Area (End) ===== -->
|
||||
|
||||
<!-- ===== Filter Products (Start) ===== -->
|
||||
<div class="filter sidebar-item">
|
||||
|
||||
<!-- Sidebar Heading: Filter Products -->
|
||||
<div class="sidebar-heading">
|
||||
<h2>Product Filter</h2>
|
||||
</div>
|
||||
|
||||
<div class="box-container">
|
||||
<!-- Slider -->
|
||||
<div class="slider">
|
||||
<div class="progress"></div>
|
||||
</div>
|
||||
<!-- Range Input -->
|
||||
<div class="range-input">
|
||||
<input type="range" class="range-min" min="0" max="1000" value="250" step="10">
|
||||
<input type="range" class="range-max" min="0" max="1000" value="750" step="10">
|
||||
</div>
|
||||
<!-- Price Wrap -->
|
||||
<div class="price-wrap">
|
||||
<!-- Price Input -->
|
||||
<div class="price-input">
|
||||
<!-- Minimum Price Field -->
|
||||
<div class="field">
|
||||
<span>$</span>
|
||||
<input type="number" class="input-min" value="250">
|
||||
</div>
|
||||
<!-- Separator -->
|
||||
<div class="separator">-</div>
|
||||
<!-- Maximum Price Field -->
|
||||
<div class="field">
|
||||
<span>$</span>
|
||||
<input type="number" class="input-max" value="750">
|
||||
</div>
|
||||
</div>
|
||||
<!-- Filter Button -->
|
||||
<span class="btn">FILTER</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- ===== Filter Products (End) ===== -->
|
||||
|
||||
<!-- ===== Popular Products Area (Start) ===== -->
|
||||
<div class="popular-products sidebar-item">
|
||||
|
||||
<!-- Sidebar Heading: Popular Products -->
|
||||
<div class="sidebar-heading">
|
||||
<h2>popular products</h2>
|
||||
</div>
|
||||
|
||||
<!-- Popular Products -->
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Popular Product 1 -->
|
||||
<div class="post-item">
|
||||
<img src="../../assets/images/Shop/Products/Product-1.jpg" alt="Popular-Product-Image"> <!-- Product Image -->
|
||||
<div class="content">
|
||||
<a href="../../pages/Shop/Product-Single.html">Axe</a> <!-- Product Title -->
|
||||
<div class="price">
|
||||
<p>$40.00 <span>$50.00</span></p> <!-- Product Price -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Popular Product 2 -->
|
||||
<div class="post-item">
|
||||
<img src="../../assets/images/Shop/Products/Product-3.jpg" alt="Popular-Product-Image"> <!-- Product Image -->
|
||||
<div class="content">
|
||||
<a href="../../pages/Shop/Product-Single.html">Water Hose</a> <!-- Product Title -->
|
||||
<div class="price">
|
||||
<p>$40.00 <span>$50.00</span></p> <!-- Product Price -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Popular Product 3 -->
|
||||
<div class="post-item">
|
||||
<img src="../../assets/images/Shop/Products/Product-5.jpg" alt="Popular-Product-Image"> <!-- Product Image -->
|
||||
<div class="content">
|
||||
<a href="../../pages/Shop/Product-Single.html">Leaf Rake</a> <!-- Product Title -->
|
||||
<div class="price">
|
||||
<p>$40.00 <span>$50.00</span></p> <!-- Product Price -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ===== Popular Products Area (End) ===== -->
|
||||
|
||||
</div>
|
||||
<!-- ========== Shop Sidebar Area (End) ========== -->
|
||||
|
||||
<!-- ========== Shop Container (Start) ========== -->
|
||||
<div class="shop-container">
|
||||
|
||||
<!-- ===== Shop Header (Start) ===== -->
|
||||
<div class="intro">
|
||||
|
||||
<!-- Showing Products Count -->
|
||||
<div class="showing">showing 4 of 30 products </div>
|
||||
|
||||
<!-- Display Styles -->
|
||||
<div class="styles">
|
||||
<a href="../../pages/Shop/Shop-Grid.html" class="fas fa-th"></a>
|
||||
<a href="../../pages/Shop/Shop-List.html" class="fas fa-list"></a>
|
||||
</div>
|
||||
|
||||
<!-- Sorting Type -->
|
||||
<div class="sorting-type">
|
||||
|
||||
<!-- Sorting Label -->
|
||||
<label for="sort">sort by:</label>
|
||||
|
||||
<!-- Sorting Options -->
|
||||
<select name="sort" id="sort">
|
||||
<option value="default">default</option>
|
||||
<option value="name, A to Z">name, A to Z</option>
|
||||
<option value="mname, Z to A">name, Z to A</option>
|
||||
<option value="price, low to high">price, low to high</option>
|
||||
<option value="price, high to low">price, high to low</option>
|
||||
</select>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ===== Shop Header (End) ===== -->
|
||||
|
||||
<!-- ===== Products (Start) ===== -->
|
||||
<div class="product-container list">
|
||||
|
||||
<!-- Product-1 -->
|
||||
<div class="product-item">
|
||||
<div class="image">
|
||||
<img src="../../assets/images/Shop/Products/Product-1.jpg" alt="Product-Image"> <!-- Product Image -->
|
||||
<div class="options">
|
||||
<a href="../../pages/Shop/Wishlist.html" class="icon"><i class="far fa-heart"></i></a><!-- Add to Wishlist Button -->
|
||||
<a href="../../pages/Shop/Cart.html" class="icon"><i class="fa-solid fa-cart-shopping"></i></a><!-- Add to Cart Button -->
|
||||
<a href="../../pages/Shop/Product-Single.html" class="icon"><i class="fa-solid fa-magnifying-glass"></i></a><!-- Product Detail Page Button -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<a href="../../pages/Shop/Product-Single.html"><h3>Axe</h3></a> <!-- Product Title -->
|
||||
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Voluptates fugit inventore numquam error odit dolorum veniam recusandae doloribus dolor et minus sed hic distinctio, tenetur, voluptatem quia excepturi maxime repellat!</p> <!-- Product Description -->
|
||||
<div class="price">$40.00 <span>$50.00</span></div> <!-- Product Price -->
|
||||
<div class="rating"> <!-- Product Rating -->
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Product-2 -->
|
||||
<div class="product-item">
|
||||
<div class="image">
|
||||
<img src="../../assets/images/Shop/Products/Product-2.jpg" alt="Product-Image"> <!-- Product Image -->
|
||||
<div class="options">
|
||||
<a href="../../pages/Shop/Wishlist.html" class="icon"><i class="far fa-heart"></i></a><!-- Add to Wishlist Button -->
|
||||
<a href="../../pages/Shop/Cart.html" class="icon"><i class="fa-solid fa-cart-shopping"></i></a><!-- Add to Cart Button -->
|
||||
<a href="../../pages/Shop/Product-Single.html" class="icon"><i class="fa-solid fa-magnifying-glass"></i></a><!-- Product Detail Page Button -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<a href="../../pages/Shop/Product-Single.html"><h3>LawnMower</h3></a> <!-- Product Title -->
|
||||
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Voluptates fugit inventore numquam error odit dolorum veniam recusandae doloribus dolor et minus sed hic distinctio, tenetur, voluptatem quia excepturi maxime repellat!</p> <!-- Product Description -->
|
||||
<div class="price">$40.00 <span>$50.00</span></div> <!-- Product Price -->
|
||||
<div class="rating"> <!-- Product Rating -->
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Product-3 -->
|
||||
<div class="product-item">
|
||||
<div class="image">
|
||||
<img src="../../assets/images/Shop/Products/Product-3.jpg" alt="Product-Image"> <!-- Product Image -->
|
||||
<div class="options">
|
||||
<a href="../../pages/Shop/Wishlist.html" class="icon"><i class="far fa-heart"></i></a><!-- Add to Wishlist Button -->
|
||||
<a href="../../pages/Shop/Cart.html" class="icon"><i class="fa-solid fa-cart-shopping"></i></a><!-- Add to Cart Button -->
|
||||
<a href="../../pages/Shop/Product-Single.html" class="icon"><i class="fa-solid fa-magnifying-glass"></i></a><!-- Product Detail Page Button -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<a href="../../pages/Shop/Product-Single.html"><h3>Water Hose</h3></a> <!-- Product Title -->
|
||||
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Voluptates fugit inventore numquam error odit dolorum veniam recusandae doloribus dolor et minus sed hic distinctio, tenetur, voluptatem quia excepturi maxime repellat!</p> <!-- Product Description -->
|
||||
<div class="price">$40.00 <span>$50.00</span></div> <!-- Product Price -->
|
||||
<div class="rating"> <!-- Product Rating -->
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Product-4 -->
|
||||
<div class="product-item">
|
||||
<div class="image">
|
||||
<img src="../../assets/images/Shop/Products/Product-4.jpg" alt="Product-Image"> <!-- Product Image -->
|
||||
<div class="options">
|
||||
<a href="../../pages/Shop/Wishlist.html" class="icon"><i class="far fa-heart"></i></a><!-- Add to Wishlist Button -->
|
||||
<a href="../../pages/Shop/Cart.html" class="icon"><i class="fa-solid fa-cart-shopping"></i></a><!-- Add to Cart Button -->
|
||||
<a href="../../pages/Shop/Product-Single.html" class="icon"><i class="fa-solid fa-magnifying-glass"></i></a><!-- Product Detail Page Button -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<a href="../../pages/Shop/Product-Single.html"><h3>Chainsaw</h3></a> <!-- Product Title -->
|
||||
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Voluptates fugit inventore numquam error odit dolorum veniam recusandae doloribus dolor et minus sed hic distinctio, tenetur, voluptatem quia excepturi maxime repellat!</p> <!-- Product Description -->
|
||||
<div class="price">$40.00 <span>$50.00</span></div> <!-- Product Price -->
|
||||
<div class="rating"> <!-- Product Rating -->
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ===== Products (End) ===== -->
|
||||
|
||||
<!-- ===== Pagination (Start) ===== -->
|
||||
<div class="pages-no">
|
||||
<div class="container">
|
||||
<!-- Previous Page Button -->
|
||||
<div class="item">
|
||||
<i class="fas fa-arrow-left"></i>
|
||||
</div>
|
||||
<!-- Page Numbers -->
|
||||
<div class="numbers">
|
||||
<div class="item active">1</div>
|
||||
<div class="item">2</div>
|
||||
<div class="item">3</div>
|
||||
</div>
|
||||
<!-- Next Page Button -->
|
||||
<div class="item">
|
||||
<i class="fas fa-arrow-right"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- ===== Pagination (End) ===== -->
|
||||
|
||||
</div>
|
||||
<!-- ========== Shop Container (End) ========== -->
|
||||
|
||||
</section>
|
||||
<!-- ==================== Shop-List Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Footer Area (Start) ==================== -->
|
||||
<footer class="footer">
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Gardening and Landscaping Company Information & Social Media Links -->
|
||||
<div class="footer-item">
|
||||
|
||||
<!-- Gardening and Landscaping Company Logo -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<!-- Description -->
|
||||
<p>Transforming outdoor spaces with premium gardening and landscaping solutions.</p>
|
||||
|
||||
<!-- Contact Information -->
|
||||
<div class="info connect">
|
||||
<p><i class="fas fa-phone"></i><span>+123-456-7890</span></p>
|
||||
<p><i class="fas fa-envelope"></i><span class="gmail">info@leafline.com</span></p>
|
||||
<p><i class="fas fa-map-marker-alt"></i><span>LeafLine Company</span></p>
|
||||
</div>
|
||||
|
||||
<!-- Social Media Links -->
|
||||
<div class="social">
|
||||
<a href="#"><i class="fab fa-facebook-f"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-x-twitter"></i></a>
|
||||
<a href="#"><i class="fab fa-instagram"></i></a>
|
||||
<a href="#"><i class="fab fa-linkedin"></i></a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Gardening and Landscaping Services Offered -->
|
||||
<div class="footer-item">
|
||||
<h2>Our Services</h2>
|
||||
<div class="info links">
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Lawn Care</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Garden Design</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Tree Planting</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Hardscaping Solution</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">water ponds</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Outdoor Décor</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Quick Links -->
|
||||
<div class="footer-item">
|
||||
<h2>Quick Links</h2>
|
||||
<div class="info links">
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/About/About.html">About Us</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Services.html">Services</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Project/Projects.html">Projects</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Blog/Blog-Grid.html">Blog</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Shop/Shop-Grid.html">Shop</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Contact/Contact.html">Contact Us</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Newsletter Subscription -->
|
||||
<div class="footer-item">
|
||||
|
||||
<h2>Newsletter</h2>
|
||||
<p>Stay informed and up-to-date with the latest trends, helpful tips, and exclusive special offers.</p>
|
||||
<form class="dark-form" method="post" id="newsletter-form-2">
|
||||
<div class="input-field">
|
||||
<label for="news-email-2" class="fas fa-envelope"></label>
|
||||
<input type="email" id="news-email-2" name="email" class="box" placeholder="Your email address" required>
|
||||
</div>
|
||||
<button type="submit" class="btn" name="submit" id="submit-2">Subscribe</button>
|
||||
<span class="alert" id="msg-2"></span>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Gardening and Landscaping Company's Name and Copyright -->
|
||||
<div class="content">
|
||||
<p>Designed By <span>NorthStar_Themes</span> | All Rights Reserved</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
<!-- ==================== Footer Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- Jquery -->
|
||||
<script src="../../assets/vendors/jquery/jquery.min.js"></script>
|
||||
|
||||
<!-- Custom Script Files -->
|
||||
<script src="../../assets/js/script.js"></script> <!-- Custom JavaScript file with additional website functionality. -->
|
||||
<script src="../../assets/js/nav-link-toggler.js"></script> <!-- Manages navigation link toggling (e.g., hamburger menu) for mobile devices -->
|
||||
<script src="../../assets/js/newsletter.js"></script>
|
||||
<script src="../../assets/js/Price-Filter.js"></script> <!-- Handles the price filtering functionality -->
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,501 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<!-- Title -->
|
||||
<title>LeafLine | Gardening and Landscaping Website</title>
|
||||
|
||||
<!-- Favicon -->
|
||||
<link rel="icon" type="image/x-icon" href="../../assets/images/favicon.ico">
|
||||
|
||||
<!-- Font-Awesome (CSS) -->
|
||||
<link rel="stylesheet" href="../../assets/vendors/font-awesome/css/all.min.css">
|
||||
|
||||
<!-- Custom Stylesheets -->
|
||||
<link rel="stylesheet" href="../../assets/css/main.css">
|
||||
<link rel="stylesheet" href="../../assets/css/responsive.css">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- ==================== Scroll-Top Area (Start) ==================== -->
|
||||
<a href="#" class="scroll-top">
|
||||
<i class="fa-solid fa-arrow-up-long"></i>
|
||||
</a>
|
||||
<!-- ==================== Scroll-Top Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Header Area (Start) ==================== -->
|
||||
<header class="header">
|
||||
|
||||
<!-- ===== Header-1 Area (Start) ===== -->
|
||||
<div class="header-1">
|
||||
|
||||
<!-- == Contacts == -->
|
||||
<ul class="header-contacts">
|
||||
<li><i class="fa-solid fa-location-dot"></i><span>LeafLine Company</span></li>
|
||||
<li><i class="fa-solid fa-phone"></i><span>+123-456-7890</span></li>
|
||||
<li><i class="fa-solid fa-envelope"></i><span class="gmail">info@leafline.com</span></li>
|
||||
</ul>
|
||||
|
||||
<!-- == Social == -->
|
||||
<ul class="social-contacts">
|
||||
<li><a href="#" class="fab fa-facebook-f"></a></li>
|
||||
<li><a href="#" class="fa-brands fa-x-twitter"></a></li>
|
||||
<li><a href="#" class="fab fa-instagram"></a></li>
|
||||
<li><a href="#" class="fab fa-linkedin"></a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
<!-- ===== Header-1 Area (End) ===== -->
|
||||
|
||||
<!-- ===== Header-2 Area (Start) ===== -->
|
||||
<div class="header-2">
|
||||
|
||||
<!-- == Logo == -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<div class="container">
|
||||
|
||||
<!-- == Navbar == -->
|
||||
<nav class="navbar">
|
||||
|
||||
<a class="nav-btn" href="../../index.html">home</a>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">about</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/About/About.html">about us</a>
|
||||
<a href="../../pages/About/WhyUs.html">Why Choose Us</a>
|
||||
<a href="../../pages/About/History.html">History</a>
|
||||
<a href="../../pages/About/Team.html">Team</a>
|
||||
<a href="../../pages/About/Team-Single.html">Team Single</a>
|
||||
<a href="../../pages/About/Testimonials.html">testimonials</a>
|
||||
<a href="../../pages/About/FAQs.html">FAQs</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">Pages</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Gallery.html">Gallery</a>
|
||||
<a href="../../pages/Pages/Pricing.html">Pricing</a>
|
||||
<a href="../../pages/Pages/Process.html">work process</a>
|
||||
<a href="../../pages/Pages/Awards.html">Awards</a>
|
||||
<div class="side-dropdown">
|
||||
<button>Event</button> <i class="fa-solid fa-chevron-right"></i>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Events.html">Events</a>
|
||||
<a href="../../pages/Pages/Event-Single.html">Event Single</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="side-dropdown">
|
||||
<button>Career</button> <i class="fa-solid fa-chevron-right"></i>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Careers.html">Careers</a>
|
||||
<a href="../../pages/Pages/Career-Single.html">Career Single</a>
|
||||
<a href="../../pages/Pages/Career-Form.html">Career Form</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="side-dropdown">
|
||||
<button>Information Hub</button> <i class="fa-solid fa-chevron-right"></i>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Pages/Not-Found.html">Not Found</a>
|
||||
<a href="../../pages/Pages/Privacy-Policy.html">Privacy Policy</a>
|
||||
<a href="../../pages/Pages/Terms.html">Terms & Condition</a>
|
||||
</div>
|
||||
</div>
|
||||
<a href="../../pages/Pages/Cost-Calculator.html">cost calculator</a>
|
||||
<a href="../../pages/Pages/Get-Quote.html">get a quote</a>
|
||||
<a href="../../pages/Pages/Clients.html">clients</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">Service</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Service/Services.html">Services</a>
|
||||
<a href="../../pages/Service/Service-Single.html">Service Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">Project</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Project/Projects.html">Projects</a>
|
||||
<a href="../../pages/Project/Project-Single.html">Project Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">blog</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Blog/Blog-Grid.html">blogs grid</a>
|
||||
<a href="../../pages/Blog/Blog-List.html">blogs list</a>
|
||||
<a href="../../pages/Blog/Blog-Single.html">blog Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-menu">
|
||||
<button class="nav-btn">shop</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="../../pages/Shop/Shop-Grid.html">shop grid</a>
|
||||
<a href="../../pages/Shop/Shop-List.html">shop list</a>
|
||||
<a href="../../pages/Shop/Product-Single.html">product Single</a>
|
||||
<a href="../../pages/Shop/Wishlist.html">wishlist</a>
|
||||
<a href="../../pages/Shop/Cart.html">cart</a>
|
||||
<a href="../../pages/Shop/Checkout.html">checkout</a>
|
||||
<a href="../../pages/Shop/Login.html">login</a>
|
||||
<a href="../../pages/Shop/Register.html">register</a>
|
||||
<a href="../../pages/Shop/Reset-Password.html">forgot Password</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<a class="nav-btn" href="../../pages/Contact/Contact.html">contact</a>
|
||||
|
||||
</nav>
|
||||
|
||||
<!-- == Icon Container == -->
|
||||
<div class="icon-container">
|
||||
<div id="search-btn" class="icon fa-solid fa-magnifying-glass"></div> <!-- Search Icon -->
|
||||
<div id="menu-btn" class="icon fa-solid fa-bars-staggered"></div>
|
||||
<a href="../../pages/Pages/Get-Quote.html" class="btn">get A quote</a>
|
||||
</div>
|
||||
|
||||
<!-- == Search Container == -->
|
||||
<form class="search-container">
|
||||
<input type="search" id="search-bar" placeholder="search here" required> <!-- Search Input -->
|
||||
<button type="submit"><i class="fas fa-search"></i></button> <!-- Submit Button -->
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ===== Header-2 Area (End) ===== -->
|
||||
|
||||
<!-- ===== Mobile Menu Area (Start) ===== -->
|
||||
<div class="mobile-menu">
|
||||
|
||||
<nav class="mobile-navbar">
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <a class="nav-btn" href="../../index.html">home</a> </div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">about</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/About/About.html">about us</a>
|
||||
<a href="../../pages/About/WhyUs.html">Why Choose Us</a>
|
||||
<a href="../../pages/About/History.html">History</a>
|
||||
<a href="../../pages/About/Team.html">Team</a>
|
||||
<a href="../../pages/About/Team-Single.html">Team Single</a>
|
||||
<a href="../../pages/About/Testimonials.html">testimonials</a>
|
||||
<a href="../../pages/About/FAQs.html">FAQs</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">pages</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Pages/Gallery.html">Gallery</a>
|
||||
<a href="../../pages/Pages/Pricing.html">Pricing</a>
|
||||
<a href="../../pages/Pages/Process.html">work process</a>
|
||||
<a href="../../pages/Pages/Awards.html">Awards</a>
|
||||
<a href="../../pages/Pages/Events.html">Events</a>
|
||||
<a href="../../pages/Pages/Event-Single.html">Event Single</a>
|
||||
<a href="../../pages/Pages/Careers.html">Careers</a>
|
||||
<a href="../../pages/Pages/Career-Single.html">Career Single</a>
|
||||
<a href="../../pages/Pages/Career-Form.html">Career Form</a>
|
||||
<a href="../../pages/Pages/Not-Found.html">Not Found</a>
|
||||
<a href="../../pages/Pages/Privacy-Policy.html">Privacy Policy</a>
|
||||
<a href="../../pages/Pages/Terms.html">Terms & Condition</a>
|
||||
<a href="../../pages/Pages/Cost-Calculator.html">cost calculator</a>
|
||||
<a href="../../pages/Pages/Get-Quote.html">get a quote</a>
|
||||
<a href="../../pages/Pages/Clients.html">clients</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">Service</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Service/Services.html">Services</a>
|
||||
<a href="../../pages/Service/Service-Single.html">Service Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">Project</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Project/Projects.html">Projects</a>
|
||||
<a href="../../pages/Project/Project-Single.html">Project Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">blog</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Blog/Blog-Grid.html">blogs grid</a>
|
||||
<a href="../../pages/Blog/Blog-List.html">blogs list</a>
|
||||
<a href="../../pages/Blog/Blog-Single.html">blog Single</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <div class="nav-btn">Shop</div> <i class="fas fa-plus"></i> </div>
|
||||
<div class="sub-nav-link">
|
||||
<a href="../../pages/Shop/Shop-Grid.html">shop grid</a>
|
||||
<a href="../../pages/Shop/Shop-List.html">shop list</a>
|
||||
<a href="../../pages/Shop/Product-Single.html">product Single</a>
|
||||
<a href="../../pages/Shop/Wishlist.html">wishlist</a>
|
||||
<a href="../../pages/Shop/Cart.html">cart</a>
|
||||
<a href="../../pages/Shop/Checkout.html">checkout</a>
|
||||
<a href="../../pages/Shop/Login.html">login</a>
|
||||
<a href="../../pages/Shop/Register.html">register</a>
|
||||
<a href="../../pages/Shop/Reset-Password.html">forgot Password</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-link">
|
||||
<div class="main-nav-link"> <a class="nav-btn" href="../../pages/Contact/Contact.html">contact</a> </div>
|
||||
</div>
|
||||
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
<!-- ===== Mobile Menu Area (End) ===== -->
|
||||
|
||||
</header>
|
||||
<!-- ==================== Header Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Page-Title (Start) ==================== -->
|
||||
<div class="page-title">
|
||||
|
||||
<div class="title">
|
||||
<h2>Wishlist</h2>
|
||||
</div>
|
||||
|
||||
<div class="link">
|
||||
<a href="../../index.html">Home</a>
|
||||
<i class="fa-solid fa-angles-right"></i>
|
||||
<span class="page">Wishlist</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ==================== Page-Title (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Wishlist Area (Start) ==================== -->
|
||||
<section class="wishlist">
|
||||
|
||||
<div class="wishlist-container">
|
||||
|
||||
<div class="container">
|
||||
|
||||
<div class="shoplist-title">
|
||||
<h3 class="product-heading">product</h3>
|
||||
<h3>price</h3>
|
||||
<h3>status</h3>
|
||||
<h3>activity</h3>
|
||||
</div>
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Wishlist Item 1 -->
|
||||
<div class="wishlist-item">
|
||||
<div class="box product">
|
||||
<img src="../../assets/images/Shop/Products/Product-1.jpg" alt="Product-Image">
|
||||
<div class="name">Axe</div>
|
||||
</div>
|
||||
<div class="box price">$50.00</div>
|
||||
<div class="box status in">in Stock</div>
|
||||
<div class="box action">
|
||||
<a href="#" class="icon delete fas fa-trash-alt"></a>
|
||||
<a href="../../pages/Shop/Cart.html" class="icon cart fas fa-shopping-cart"></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Wishlist Item 2 -->
|
||||
<div class="wishlist-item">
|
||||
<div class="box product">
|
||||
<img src="../../assets/images/Shop/Products/Product-2.jpg" alt="Product-Image">
|
||||
<div class="name">LawnMower</div>
|
||||
</div>
|
||||
<div class="box price">$50.00</div>
|
||||
<div class="box status in">in Stock</div>
|
||||
<div class="box action">
|
||||
<a href="#" class="icon delete fas fa-trash-alt"></a>
|
||||
<a href="../../pages/Shop/Cart.html" class="icon cart fas fa-shopping-cart"></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Wishlist Item 3 -->
|
||||
<div class="wishlist-item">
|
||||
<div class="box product">
|
||||
<img src="../../assets/images/Shop/Products/Product-3.jpg" alt="Product-Image">
|
||||
<div class="name">Water Hose</div>
|
||||
</div>
|
||||
<div class="box price">$50.00</div>
|
||||
<div class="box status out">out of Stock</div>
|
||||
<div class="box action">
|
||||
<a href="#" class="icon delete fas fa-trash-alt"></a>
|
||||
<a href="../../pages/Shop/Cart.html" class="icon cart fas fa-shopping-cart"></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Wishlist Item 4 -->
|
||||
<div class="wishlist-item">
|
||||
<div class="box product">
|
||||
<img src="../../assets/images/Shop/Products/Product-4.jpg" alt="Product-Image">
|
||||
<div class="name">Chainsaw</div>
|
||||
</div>
|
||||
<div class="box price">$50.00</div>
|
||||
<div class="box status out">out of Stock</div>
|
||||
<div class="box action">
|
||||
<a href="#" class="icon delete fas fa-trash-alt"></a>
|
||||
<a href="../../pages/Shop/Cart.html" class="icon cart fas fa-shopping-cart"></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Wishlist Item 5 -->
|
||||
<div class="wishlist-item">
|
||||
<div class="box product">
|
||||
<img src="../../assets/images/Shop/Products/Product-5.jpg" alt="Product-Image">
|
||||
<div class="name">Leaf Rake</div>
|
||||
</div>
|
||||
<div class="box price">$50.00</div>
|
||||
<div class="box status out">out of Stock</div>
|
||||
<div class="box action">
|
||||
<a href="#" class="icon delete fas fa-trash-alt"></a>
|
||||
<a href="../../pages/Shop/Cart.html" class="icon cart fas fa-shopping-cart"></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</section>
|
||||
<!-- ==================== Wishlist Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- ==================== Footer Area (Start) ==================== -->
|
||||
<footer class="footer">
|
||||
|
||||
<div class="box-container">
|
||||
|
||||
<!-- Gardening and Landscaping Company Information & Social Media Links -->
|
||||
<div class="footer-item">
|
||||
|
||||
<!-- Gardening and Landscaping Company Logo -->
|
||||
<a class="logo" href="../../index.html">
|
||||
<img src="../../assets/images/Logo/Logo.png" alt="logo">
|
||||
<div class="logo-content">
|
||||
<h3>LeafLine</h3>
|
||||
<p>Gardening & Landscaping</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<!-- Description -->
|
||||
<p>Transforming outdoor spaces with premium gardening and landscaping solutions.</p>
|
||||
|
||||
<!-- Contact Information -->
|
||||
<div class="info connect">
|
||||
<p><i class="fas fa-phone"></i><span>+123-456-7890</span></p>
|
||||
<p><i class="fas fa-envelope"></i><span class="gmail">info@leafline.com</span></p>
|
||||
<p><i class="fas fa-map-marker-alt"></i><span>LeafLine Company</span></p>
|
||||
</div>
|
||||
|
||||
<!-- Social Media Links -->
|
||||
<div class="social">
|
||||
<a href="#"><i class="fab fa-facebook-f"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-x-twitter"></i></a>
|
||||
<a href="#"><i class="fab fa-instagram"></i></a>
|
||||
<a href="#"><i class="fab fa-linkedin"></i></a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Gardening and Landscaping Services Offered -->
|
||||
<div class="footer-item">
|
||||
<h2>Our Services</h2>
|
||||
<div class="info links">
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Lawn Care</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Garden Design</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Tree Planting</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Hardscaping Solution</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">water ponds</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Service-Single.html">Outdoor Décor</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Quick Links -->
|
||||
<div class="footer-item">
|
||||
<h2>Quick Links</h2>
|
||||
<div class="info links">
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/About/About.html">About Us</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Service/Services.html">Services</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Project/Projects.html">Projects</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Blog/Blog-Grid.html">Blog</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Shop/Shop-Grid.html">Shop</a></p>
|
||||
<p><i class="fa-brands fa-pagelines"></i><a href="../../pages/Contact/Contact.html">Contact Us</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Newsletter Subscription -->
|
||||
<div class="footer-item">
|
||||
|
||||
<h2>Newsletter</h2>
|
||||
<p>Stay informed and up-to-date with the latest trends, helpful tips, and exclusive special offers.</p>
|
||||
<form class="dark-form" method="post" id="newsletter-form-2">
|
||||
<div class="input-field">
|
||||
<label for="news-email-2" class="fas fa-envelope"></label>
|
||||
<input type="email" id="news-email-2" name="email" class="box" placeholder="Your email address" required>
|
||||
</div>
|
||||
<button type="submit" class="btn" name="submit" id="submit-2">Subscribe</button>
|
||||
<span class="alert" id="msg-2"></span>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Gardening and Landscaping Company's Name and Copyright -->
|
||||
<div class="content">
|
||||
<p>Designed By <span>NorthStar_Themes</span> | All Rights Reserved</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
<!-- ==================== Footer Area (End) ==================== -->
|
||||
|
||||
|
||||
|
||||
<!-- Jquery -->
|
||||
<script src="../../assets/vendors/jquery/jquery.min.js"></script>
|
||||
|
||||
<!-- Custom Script Files -->
|
||||
<script src="../../assets/js/script.js"></script> <!-- Custom JavaScript file with additional website functionality. -->
|
||||
<script src="../../assets/js/nav-link-toggler.js"></script> <!-- Manages navigation link toggling (e.g., hamburger menu) for mobile devices -->
|
||||
<script src="../../assets/js/newsletter.js"></script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user