Project Introductionlink

Slando is an HTML5 responsive website template designed for landscaping/gardening service businesses. It includes complete business pages such as homepage, service details, case studies/blog, and team showcase, making it suitable for quickly building a corporate website for gardening companies.

Tech Stacklink

• Bootstrap (Documentation v3.3.4 / Template v5)
• jQuery
• Font Awesome
• Google Fonts (Open Sans, Poppins)
• mCustomScrollbar, onePageNav

Project Structurelink

slandohtml-10/
└── slando-package-files/
    ├── slando-documentations/     # Template usage documentation
    │   ├── index.html
    │   ├── css/                   # Documentation styles (includes jQuery plugin styles)
    │   ├── fonts/
    │   ├── images/
    │   └── js/                    # Documentation scripts (anchor navigation, code highlighting)
    └── slando-html-files/         # Actual template files
        ├── index.html             # Homepage
        ├── about.html
        ├── services.html          # Service list
        ├── services-single-*.html # 6 service detail pages
        ├── project.html           # Case studies list
        ├── blog.html              # Blog list
        ├── team.html
        ├── contact.html
        ├── faq.html
        └── assets/                # Template resources (CSS/JS/Images)

Core File Descriptionlink

• slando-html-files/index.html — Homepage entry, includes full navigation and service overview
• slando-html-files/services-single-*.html — 6 detailed service page templates (lawn repair, garden design, etc.)
• slando-html-files/assets/css/slando.css — Main stylesheet, defines the overall visual style
• slando-documentations/index.html — Official documentation homepage, includes HTML/CSS/JS structure explanation
• slando-documentations/css/style.css — Documentation interface styles, includes sidebar and content layout
• slando-documentations/js/script.js — Documentation page interaction scripts (anchor scrolling, scrollbar initialization)

Quick Startlink

1. Open slando-html-files/index.html directly in a browser to preview
2. Or use a local server (e.g., npx serve slando-html-files) for a complete experience
3. Customize by modifying CSS/images under slando-html-files/assets/

Usage Tipslink

The template's default color scheme uses orange (#fa401b) as the primary color. Replace the color values in assets/css/slando.css to quickly change the theme. To integrate backend forms or maps, add the corresponding API configuration in contact.html.