{"id":2558,"date":"2026-06-20T19:00:49","date_gmt":"2026-06-20T13:30:49","guid":{"rendered":"https:\/\/codebox.keyframetechsolution.com\/?p=2558"},"modified":"2026-06-21T15:18:22","modified_gmt":"2026-06-21T09:48:22","slug":"landscaping-website-source-code","status":"publish","type":"post","link":"https:\/\/codebox.keyframetechsolution.com\/landscaping-website-source-code\/","title":{"rendered":"I Built This Beautiful Landscaping Website \ud83d\ude0d Using HTML CSS Bootstrap"},"content":{"rendered":"<h2>Introduction<\/h2>\n<p>Landscaping website source code projects are among the best ways to learn modern frontend development while building portfolio-worthy business websites. This project demonstrates how a modern landscaping website can be created using HTML, CSS, Bootstrap, JavaScript, jQuery, and GSAP animations while maintaining responsive design and professional UI standards.<\/p>\n<p class=\"isSelectedEnd\">A professional website can completely transform how a landscaping business attracts and converts customers online. Whether someone is searching for lawn maintenance services, garden design experts, or outdoor landscaping solutions, the first impression often comes from the company&#8217;s website.<\/p>\n<p class=\"isSelectedEnd\">That is exactly why I built this Beautiful Landscaping Website using HTML, CSS, Bootstrap, JavaScript, jQuery, and GSAP animations. The goal was to create a modern, responsive, visually appealing, and conversion-focused website that reflects the professionalism of a real landscaping business.<\/p>\n<p class=\"isSelectedEnd\">According to research, 75% of users judge a company&#8217;s credibility based on its website design. Another study found that nearly 88% of online users are less likely to return to a website after a poor user experience. These statistics highlight why modern businesses need well-designed websites that look professional and perform smoothly across all devices.<\/p>\n<p class=\"isSelectedEnd\">This Landscaping Website Project combines modern UI design, responsive layouts, smooth animations, service showcases, project galleries, testimonials, and lead-generation sections to create a complete business website experience.<\/p>\n<p>Whether you are a beginner learning frontend development, a freelancer building client projects, or a web designer looking for inspiration, this project offers valuable insights into modern website development.<\/p>\n<p>This landscaping website source code is suitable for developers, students, freelancers, and agencies looking to build professional business websites.<br \/>\n<iframe title=\"YouTube video player\" src=\"https:\/\/www.youtube.com\/embed\/z5hL5oNe5i4?si=A0lhDR6yiEuetfK0\" width=\"100%\" height=\"400\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<h2>Project Overview<\/h2>\n<p class=\"isSelectedEnd\">This project was designed specifically for landscaping, gardening, lawn care, and outdoor service businesses that want a professional online presence.<\/p>\n<p class=\"isSelectedEnd\">The website focuses on three major goals:<\/p>\n<ul data-spread=\"false\">\n<li>Creating a strong first impression<\/li>\n<li>Showcasing services effectively<\/li>\n<li>Generating customer inquiries<\/li>\n<\/ul>\n<p class=\"isSelectedEnd\">Unlike many generic templates, this project follows real-world business website standards while maintaining a clean and modern user interface.<\/p>\n<h3>Project Highlights<\/h3>\n<ul data-spread=\"false\">\n<li>Fully Responsive Design<\/li>\n<li>Modern Hero Section<\/li>\n<li>Service Showcase Layout<\/li>\n<li>Interactive Project Gallery<\/li>\n<li>Customer Testimonials<\/li>\n<li>Contact Form Integration<\/li>\n<li>Smooth GSAP Animations<\/li>\n<li>Bootstrap 5 Framework<\/li>\n<li>Mobile-Friendly Navigation<\/li>\n<li>SEO-Friendly Structure<\/li>\n<\/ul>\n<h2>Technologies Used in This Landscaping Website<\/h2>\n<p>The landscaping website source code uses a clean folder structure, making it easier for beginners to understand and customize the project.<\/p>\n<p class=\"isSelectedEnd\">The website is built using modern frontend technologies that are widely used by professional developers.<\/p>\n<table>\n<tbody>\n<tr>\n<th>Technology<\/th>\n<th>Purpose<\/th>\n<\/tr>\n<tr>\n<td>HTML5<\/td>\n<td>Website Structure<\/td>\n<\/tr>\n<tr>\n<td>CSS3<\/td>\n<td>Styling and Layout Design<\/td>\n<\/tr>\n<tr>\n<td>Bootstrap 5<\/td>\n<td>Responsive Grid System<\/td>\n<\/tr>\n<tr>\n<td>JavaScript<\/td>\n<td>Interactive Features<\/td>\n<\/tr>\n<tr>\n<td>jQuery<\/td>\n<td>DOM Manipulation<\/td>\n<\/tr>\n<tr>\n<td>GSAP<\/td>\n<td>Smooth Animations<\/td>\n<\/tr>\n<tr>\n<td>Owl Carousel<\/td>\n<td>Sliders and Testimonials<\/td>\n<\/tr>\n<tr>\n<td>Magnific Popup<\/td>\n<td>Image Gallery Popups<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>These technologies work together to deliver both visual appeal and excellent performance.<\/p>\n<p>The landscaping website source code follows a clean development structure that makes customization and learning much easier.<\/p>\n<p>To learn more about the technologies used in this project, you can explore the official <a href=\"https:\/\/getbootstrap.com\/\" rel=\"nofollow noopener\" target=\"_blank\">Bootstrap Framework<\/a> and <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTML\" rel=\"nofollow noopener\" target=\"_blank\">HTML Documentation<\/a> resources.<\/p>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"contents\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"relative h-full w-full border-radius-3xl bg-token-bg-elevated-secondary corner-superellipse\/1.1 overflow-clip rounded-3xl lxnfua_clipPathFallback\">\n<div class=\"pointer-events-none absolute inset-x-4 top-12 bottom-4\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<h2>Why Build a Landscaping Website Project?<\/h2>\n<p class=\"isSelectedEnd\">Most beginner developers create portfolios or basic landing pages. However, business-oriented projects help developers understand real client requirements and professional website structures.<\/p>\n<p class=\"isSelectedEnd\">A landscaping website is an excellent learning project because it includes:<\/p>\n<h3>Business Branding<\/h3>\n<p class=\"isSelectedEnd\">Every successful business website requires consistent branding elements including:<\/p>\n<ul data-spread=\"false\">\n<li>Logo placement<\/li>\n<li>Brand colors<\/li>\n<li>Typography<\/li>\n<li>Visual hierarchy<\/li>\n<\/ul>\n<h3>Service Presentation<\/h3>\n<p class=\"isSelectedEnd\">Landscaping companies usually offer multiple services that need organized presentation.<\/p>\n<h3>Portfolio Display<\/h3>\n<p class=\"isSelectedEnd\">Businesses need to showcase previous projects to build trust with potential customers.<\/p>\n<h3>Lead Generation<\/h3>\n<p class=\"isSelectedEnd\">The ultimate goal is encouraging visitors to contact the business.<\/p>\n<p>Working on these components helps developers gain practical experience.<\/p>\n<h2>Homepage Design Breakdown<\/h2>\n<p class=\"isSelectedEnd\">The homepage serves as the foundation of the entire website.<\/p>\n<h3>Modern Hero Section<\/h3>\n<p class=\"isSelectedEnd\">The hero section immediately captures visitor attention through:<\/p>\n<ul data-spread=\"false\">\n<li>Large background imagery<\/li>\n<li>Professional headline<\/li>\n<li>Call-to-action buttons<\/li>\n<li>Clean spacing<\/li>\n<li>Mobile responsiveness<\/li>\n<\/ul>\n<p class=\"isSelectedEnd\">A strong hero section can significantly increase user engagement and encourage visitors to explore the website further.<\/p>\n<h3>About Company Section<\/h3>\n<p class=\"isSelectedEnd\">The About section introduces the business and helps build trust.<\/p>\n<p class=\"isSelectedEnd\">This area typically includes:<\/p>\n<ul data-spread=\"false\">\n<li>Company overview<\/li>\n<li>Industry experience<\/li>\n<li>Mission statement<\/li>\n<li>Professional achievements<\/li>\n<\/ul>\n<p class=\"isSelectedEnd\">Trust-building content is essential for service-based businesses.<\/p>\n<h3>Service Section<\/h3>\n<p class=\"isSelectedEnd\">Visitors should quickly understand what services are offered.<\/p>\n<p class=\"isSelectedEnd\">This project includes service cards for:<\/p>\n<ul data-spread=\"false\">\n<li>Garden Design<\/li>\n<li>Lawn Maintenance<\/li>\n<li>Tree Plantation<\/li>\n<li>Landscape Planning<\/li>\n<li>Irrigation Solutions<\/li>\n<li>Outdoor Beautification<\/li>\n<\/ul>\n<p>Each service card uses a clean and user-friendly design.<\/p>\n<h2>Responsive Design Implementation<\/h2>\n<p class=\"isSelectedEnd\">Responsive design is no longer optional.<\/p>\n<p class=\"isSelectedEnd\">More than 60% of website traffic now comes from mobile devices. A website that fails to perform on smartphones can lose a significant portion of potential customers.<\/p>\n<h3>Mobile Optimization Features<\/h3>\n<p class=\"isSelectedEnd\">The template includes:<\/p>\n<ul data-spread=\"false\">\n<li>Responsive Navigation Menu<\/li>\n<li>Flexible Grid Layouts<\/li>\n<li>Mobile-Friendly Typography<\/li>\n<li>Optimized Images<\/li>\n<li>Touch-Friendly Buttons<\/li>\n<\/ul>\n<p class=\"isSelectedEnd\">Bootstrap&#8217;s responsive grid system ensures the website adapts perfectly across different screen sizes.<\/p>\n<h3>Supported Devices<\/h3>\n<ul data-spread=\"false\">\n<li>Smartphones<\/li>\n<li>Tablets<\/li>\n<li>Laptops<\/li>\n<li>Desktop Computers<\/li>\n<\/ul>\n<p>This ensures a consistent experience regardless of device.<\/p>\n<h2>Modern UI Design Elements Included<\/h2>\n<p class=\"isSelectedEnd\">Modern websites require more than attractive colors and images.<\/p>\n<p class=\"isSelectedEnd\">User experience plays a critical role in engagement and conversions.<\/p>\n<h3>Smooth Scroll Animations<\/h3>\n<p class=\"isSelectedEnd\">GSAP animations create elegant transitions that improve visual appeal.<\/p>\n<p class=\"isSelectedEnd\">Benefits include:<\/p>\n<ul data-spread=\"false\">\n<li>Better user engagement<\/li>\n<li>Professional appearance<\/li>\n<li>Improved content flow<\/li>\n<\/ul>\n<h3>Interactive Counters<\/h3>\n<p class=\"isSelectedEnd\">Animated statistics can display:<\/p>\n<ul data-spread=\"false\">\n<li>Projects Completed<\/li>\n<li>Happy Clients<\/li>\n<li>Years of Experience<\/li>\n<li>Team Members<\/li>\n<\/ul>\n<p class=\"isSelectedEnd\">These elements help reinforce credibility.<\/p>\n<h3>Hover Effects<\/h3>\n<p class=\"isSelectedEnd\">Modern hover animations improve interactivity and provide visual feedback to users.<\/p>\n<h3>Professional Typography<\/h3>\n<p class=\"isSelectedEnd\">Typography directly affects readability and user experience.<\/p>\n<p>This project uses clean font combinations to ensure professional presentation.<\/p>\n<h2>Portfolio Gallery Section<\/h2>\n<p class=\"isSelectedEnd\">One of the most important sections for any landscaping website is the project showcase area.<\/p>\n<p class=\"isSelectedEnd\">Potential customers often want to see examples before making contact.<\/p>\n<h3>Benefits of a Portfolio Section<\/h3>\n<ul data-spread=\"false\">\n<li>Builds trust<\/li>\n<li>Demonstrates expertise<\/li>\n<li>Highlights completed projects<\/li>\n<li>Improves conversion rates<\/li>\n<\/ul>\n<p>The gallery includes popup functionality allowing visitors to view larger images without leaving the page.<\/p>\n<h2>Testimonial Section<\/h2>\n<p class=\"isSelectedEnd\">Customer reviews are among the strongest trust signals available.<\/p>\n<p class=\"isSelectedEnd\">Research suggests that nearly 88% of consumers trust online reviews as much as personal recommendations.<\/p>\n<h3>Why Testimonials Matter<\/h3>\n<p class=\"isSelectedEnd\">Testimonials help:<\/p>\n<ul data-spread=\"false\">\n<li>Increase credibility<\/li>\n<li>Build trust<\/li>\n<li>Improve conversions<\/li>\n<li>Reduce customer hesitation<\/li>\n<\/ul>\n<p>This project includes a modern testimonial slider with smooth transitions.<\/p>\n<h2>Contact and Lead Generation Features<\/h2>\n<p class=\"isSelectedEnd\">A business website should make it easy for visitors to reach the company.<\/p>\n<h3>Contact Form<\/h3>\n<p class=\"isSelectedEnd\">The template includes a clean contact form designed to encourage inquiries.<\/p>\n<h3>Call-to-Action Sections<\/h3>\n<p class=\"isSelectedEnd\">Strategically placed CTAs help guide users toward conversion actions.<\/p>\n<p class=\"isSelectedEnd\">Examples include:<\/p>\n<ul data-spread=\"false\">\n<li>Request Consultation<\/li>\n<li>Contact Us Today<\/li>\n<li>Get Started<\/li>\n<li>Schedule a Meeting<\/li>\n<\/ul>\n<p>These elements improve lead-generation potential.<\/p>\n<h2>SEO-Friendly Website Structure<\/h2>\n<p class=\"isSelectedEnd\">Many website templates focus only on design while ignoring search engine optimization.<\/p>\n<p class=\"isSelectedEnd\">This project follows several SEO best practices.<\/p>\n<h3>Proper Heading Structure<\/h3>\n<p class=\"isSelectedEnd\">The page hierarchy follows:<\/p>\n<ul data-spread=\"false\">\n<li>H1 for the main topic<\/li>\n<li>H2 for major sections<\/li>\n<li>H3 for subsections<\/li>\n<\/ul>\n<p class=\"isSelectedEnd\">This improves readability and helps search engines understand page structure.<\/p>\n<h3>Fast Loading Experience<\/h3>\n<p class=\"isSelectedEnd\">Performance optimization includes:<\/p>\n<ul data-spread=\"false\">\n<li>Organized CSS<\/li>\n<li>Optimized JavaScript<\/li>\n<li>Lightweight structure<\/li>\n<li>Efficient layout design<\/li>\n<\/ul>\n<h3>Mobile-First Approach<\/h3>\n<p class=\"isSelectedEnd\">Google primarily evaluates mobile versions of websites for indexing.<\/p>\n<p class=\"isSelectedEnd\">This template is designed with mobile usability in mind.<\/p>\n<h3>User Experience Signals<\/h3>\n<p class=\"isSelectedEnd\">Good UX can positively influence:<\/p>\n<ul data-spread=\"false\">\n<li>Time on page<\/li>\n<li>Bounce rate<\/li>\n<li>User engagement<\/li>\n<\/ul>\n<p>These metrics contribute to overall website performance.<\/p>\n<h2>What Makes This Landscaping Website Different?<\/h2>\n<p class=\"isSelectedEnd\">Many templates focus only on appearance.<\/p>\n<p class=\"isSelectedEnd\">This project combines design, usability, responsiveness, and business functionality.<\/p>\n<h3>Unique Advantages<\/h3>\n<ul data-spread=\"false\">\n<li>Professional Business Layout<\/li>\n<li>Modern UI Design<\/li>\n<li>Smooth GSAP Animations<\/li>\n<li>Mobile-Responsive Framework<\/li>\n<li>Conversion-Focused Sections<\/li>\n<li>SEO-Friendly Structure<\/li>\n<li>Easy Customization<\/li>\n<\/ul>\n<p>These features make it suitable for both learning and professional use.<\/p>\n<h2>Customization Opportunities<\/h2>\n<p class=\"isSelectedEnd\">One of the best aspects of this template is flexibility.<\/p>\n<p class=\"isSelectedEnd\">It can easily be adapted for multiple industries.<\/p>\n<h3>Suitable Business Niches<\/h3>\n<ul data-spread=\"false\">\n<li>Landscaping Companies<\/li>\n<li>Gardening Services<\/li>\n<li>Lawn Care Businesses<\/li>\n<li>Architecture Firms<\/li>\n<li>Construction Companies<\/li>\n<li>Cleaning Services<\/li>\n<li>Interior Designers<\/li>\n<li>Home Maintenance Providers<\/li>\n<\/ul>\n<p>With minor modifications, the template can support a wide range of business websites.<\/p>\n<h2>Learning Opportunities for Frontend Developers<\/h2>\n<p class=\"isSelectedEnd\">If you are studying web development, this project offers several valuable lessons.<\/p>\n<h3>HTML Structure<\/h3>\n<p class=\"isSelectedEnd\">Learn how professional websites organize:<\/p>\n<ul data-spread=\"false\">\n<li>Sections<\/li>\n<li>Containers<\/li>\n<li>Components<\/li>\n<li>Semantic Elements<\/li>\n<\/ul>\n<h3>Bootstrap Framework<\/h3>\n<p class=\"isSelectedEnd\">Understand:<\/p>\n<ul data-spread=\"false\">\n<li>Grid Systems<\/li>\n<li>Responsive Layouts<\/li>\n<li>Utility Classes<\/li>\n<li>Mobile Optimization<\/li>\n<\/ul>\n<h3>CSS Styling<\/h3>\n<p class=\"isSelectedEnd\">Explore:<\/p>\n<ul data-spread=\"false\">\n<li>Layout Design<\/li>\n<li>Animations<\/li>\n<li>Typography<\/li>\n<li>Visual Hierarchy<\/li>\n<\/ul>\n<h3>JavaScript Functionality<\/h3>\n<p>Study how interactive features improve user experience.<\/p>\n<h2>Future Enhancements You Can Add<\/h2>\n<p class=\"isSelectedEnd\">Developers can expand the project by implementing:<\/p>\n<h3>Blog System<\/h3>\n<p class=\"isSelectedEnd\">Adding a blog can improve content marketing opportunities.<\/p>\n<h3>Appointment Booking<\/h3>\n<p class=\"isSelectedEnd\">Allow visitors to schedule consultations directly.<\/p>\n<h3>Google Maps Integration<\/h3>\n<p class=\"isSelectedEnd\">Help customers locate the business easily.<\/p>\n<h3>Dark Mode<\/h3>\n<p class=\"isSelectedEnd\">Provide additional user experience customization.<\/p>\n<h3>Live Chat<\/h3>\n<p class=\"isSelectedEnd\">Improve customer communication and engagement.<\/p>\n<h3>CMS Integration<\/h3>\n<p class=\"isSelectedEnd\">Convert the static website into a dynamic platform.<\/p>\n<p>These additions can significantly enhance functionality.<\/p>\n<h2>Download the Beautiful Landscaping Website Source Code<\/h2>\n<p>If you are looking for a professional landscaping website source code, this project provides an excellent reference for learning and customization.<\/p>\n<p class=\"isSelectedEnd\">If you are searching for a modern Landscaping Website Source Code built with HTML, CSS, Bootstrap, JavaScript, jQuery, and GSAP animations, this project provides an excellent reference.<\/p>\n<p class=\"isSelectedEnd\">You can explore the complete structure, analyze the responsive design implementation, study animation effects, and customize the template according to your specific project requirements.<\/p>\n<h2>Final Thoughts<\/h2>\n<p>This landscaping website source code is designed to help developers understand modern business website structures and responsive design techniques.<\/p>\n<p class=\"isSelectedEnd\">Building business-oriented projects is one of the fastest ways to improve frontend development skills and create portfolio-worthy work.<\/p>\n<p class=\"isSelectedEnd\">This Beautiful Landscaping Website demonstrates how modern UI design, responsive layouts, professional business sections, smooth animations, and user-focused experiences come together to create a high-quality website.<\/p>\n<p>Whether you are a student, freelancer, frontend developer, or web design enthusiast, this project offers practical insights into real-world website development while providing a strong foundation for future customization and learning.<\/p>\n<p>Whether you want to learn frontend development or create client projects, this landscaping website source code provides an excellent foundation for modern website design.<\/p>\n<h2>Frequently Asked Questions<\/h2>\n<h3>What technologies were used to build this Landscaping Website?<\/h3>\n<p class=\"isSelectedEnd\">The project was built using HTML5, CSS3, Bootstrap 5, JavaScript, jQuery, GSAP animations, Owl Carousel, and Magnific Popup.<\/p>\n<h3>Is this Landscaping Website fully responsive?<\/h3>\n<p class=\"isSelectedEnd\">Yes. The website is fully responsive and works smoothly across mobile phones, tablets, laptops, and desktop devices.<\/p>\n<h3>Can beginners use this source code for learning?<\/h3>\n<p class=\"isSelectedEnd\">Yes. The project is beginner-friendly and provides an excellent opportunity to learn responsive web design and frontend development techniques.<\/p>\n<h3>Can this website template be customized for other industries?<\/h3>\n<p class=\"isSelectedEnd\">Absolutely. The template can be adapted for gardening services, construction companies, architecture firms, cleaning businesses, interior designers, and many other service-based industries.<\/p>\n<h3>Does this project include animations?<\/h3>\n<p class=\"isSelectedEnd\">Yes. The website includes smooth animations powered by GSAP and JavaScript to create a modern user experience.<\/p>\n<h3>Why is responsive design important for business websites?<\/h3>\n<p class=\"isSelectedEnd\">Responsive design ensures visitors have a consistent experience across all devices, improving engagement, usability, and customer satisfaction.<\/p>\n<h3>Is Bootstrap used in this project?<\/h3>\n<p class=\"isSelectedEnd\">Yes. Bootstrap 5 is used to create responsive layouts and maintain consistency across different screen sizes.<\/p>\n<h3>What sections are included in the website?<\/h3>\n<p>The template includes a hero section, about section, services section, portfolio gallery, testimonials, contact form, and footer.<\/p>\n<h3>Can I customize this landscaping website source code for client projects?<\/h3>\n<p>Yes, the landscaping website source code can be customized for various service-based business websites including gardening, lawn care, construction, and home improvement companies.<\/p>\n<h2 data-start=\"2348\" data-end=\"2491\">Related Website Templates You Should Explore<\/h2>\n<p><a href=\"https:\/\/codebox.keyframetechsolution.com\/admin-dashboard-template-html-css-js\/\">Admin Dashboard Template HTML CSS JavaScript \u2013 Modern Multipurpose Admin Dashboard UI<\/a><\/p>\n<p><a href=\"https:\/\/codebox.keyframetechsolution.com\/autoplay-carousel-html-css-js\/\">Create Responsive Autoplay Carousel using HTML CSS and JavaScript<\/a><\/p>\n<p><strong>13 people bought this<\/strong><br \/>\n<strong>Grab it Now for Just <i class=\"fa fa-rupee\" style=\"color: #046bd2;\"><\/i><span style=\"color: #046bd2;\">499<\/span><\/strong> <del>\u20b9999<\/del><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Introduction Landscaping website source code projects are among the best ways to learn modern frontend development while building portfolio-worthy business [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":2561,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"footnotes":""},"categories":[3],"tags":[1075,1162,896,1168,795,1051,980,1142,882,1169,1166,1167,801,853,1009,19,826,589,1111,838],"class_list":["post-2558","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-page","tag-bootstrap-5-template","tag-business-website-template","tag-frontend-development-project","tag-gardening-website-source-code","tag-gardening-website-template","tag-gsap-animation-website","tag-html-css-bootstrap-project","tag-html-css-bootstrap-website","tag-javascript-website-project","tag-landscaping-website-project","tag-landscaping-website-source-code","tag-landscaping-website-template","tag-modern-website-design","tag-portfolio-project","tag-responsive-business-website","tag-responsive-website-design","tag-web-design-inspiration","tag-web-development-project","tag-website-source-code","tag-website-ui-design"],"acf":[],"_links":{"self":[{"href":"https:\/\/codebox.keyframetechsolution.com\/wp-json\/wp\/v2\/posts\/2558","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codebox.keyframetechsolution.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codebox.keyframetechsolution.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codebox.keyframetechsolution.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codebox.keyframetechsolution.com\/wp-json\/wp\/v2\/comments?post=2558"}],"version-history":[{"count":7,"href":"https:\/\/codebox.keyframetechsolution.com\/wp-json\/wp\/v2\/posts\/2558\/revisions"}],"predecessor-version":[{"id":2570,"href":"https:\/\/codebox.keyframetechsolution.com\/wp-json\/wp\/v2\/posts\/2558\/revisions\/2570"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codebox.keyframetechsolution.com\/wp-json\/wp\/v2\/media\/2561"}],"wp:attachment":[{"href":"https:\/\/codebox.keyframetechsolution.com\/wp-json\/wp\/v2\/media?parent=2558"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codebox.keyframetechsolution.com\/wp-json\/wp\/v2\/categories?post=2558"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/codebox.keyframetechsolution.com\/wp-json\/wp\/v2\/tags?post=2558"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}