Lonyo - Sass and Software Html Template preview 1

Lonyo - Sass and Software Html Template

bookmark

Lonyo is a responsive HTML5 website template designed for IT solutions and software technology companies. It offers 3 homepage styles and includes complete business pages such as About Us, Team, Case Studies, Portfolio, Pricing, FAQ, Car...

HTML

Project Introduction

Lonyo is a responsive HTML5 website template designed for IT solutions and software technology companies. It offers 3 homepage styles and includes complete business pages such as About Us, Team, Case Studies, Portfolio, Pricing, FAQ, Career & Job Listings, as well as user account pages like Sign In, Sign Up, and Password Reset.

Tech Stack

  • HTML5 + CSS3 (pure static pages)
  • Bootstrap v5.1.3 (grid system & base components)
  • AOS (scroll animations), Animate.css (CSS animations), Slick (carousel)
  • Remix Icon + Font Awesome (dual icon libraries)
  • Magnific Popup (lightbox), Nice Select (custom dropdown)
  • Google Fonts (Afacad, DM Sans, Fira Sans, Instrument Sans, Inter)

Project Structure

text
lonyohtml-10/
  Main-File/
    documentation/
    lonyo/
      index.html          # Homepage (Style 1)
      index-02.html        # Homepage (Style 2)
      index-03.html        # Homepage (Style 3)
      about-us.html
      blog.html / single-blog.html
      career.html / single-career.html
      contact-us.html
      errors-404.html
      faq.html
      integration.html / single-integration.html
      portfolio.html / single-portfolio.html
      pricing.html
      service.html / single-service.html
      sign-in.html / sign-up.html / reset-password.html
      team.html / single-team.html
      testimonial.html
      cooming-soon.html
      assets/
        css/
        images/
        js/

Key File Descriptions

  • lonyo/index.html — Main homepage entry, aggregates all business module displays
  • lonyo/index-02.html, index-03.html — Alternative homepage visual layouts
  • lonyo/assets/css/main.css — Core template stylesheet
  • lonyo/assets/css/app.min.css — Minified component styles
  • lonyo/errors-404.html — 404 error page template
  • lonyo/sign-in.html / sign-up.html — User login and registration pages

Quick Start

  1. Unzip the downloaded archive and navigate to the Main-File/lonyo folder;
  2. Open index.html directly in your browser to preview the entire site;
  3. For a local development server, use VS Code's Live Server extension or run python -m http.server.

Usage Tips

The template features a multi-level navigation structure (Desktop Menu + Mobile Menu). It is recommended to quickly initialize the project by replacing the logo image and company content. All pages link to each other, so no additional build tools are required — simply deploy to any static hosting service.

help_outline

FAQ