Lonyo - Sass 和软件 Html 模板 preview 1

Lonyo - Sass 和软件 Html 模板

bookmark

Lonyo 是一款面向 IT 解决方案与软件科技公司的响应式 HTML5 网站模板,提供 3 种首页样式,涵盖关于我们、团队、案例、作品集、定价、常见问题、职业招聘等完整业务页面,以及登录注册、密码重置等用户账户页面。

HTML

项目简介

Lonyo 是一款面向 IT 解决方案与软件科技公司的响应式 HTML5 网站模板,提供 3 种首页样式,涵盖关于我们、团队、案例、作品集、定价、常见问题、职业招聘等完整业务页面,以及登录注册、密码重置等用户账户页面。

技术栈

  • HTML5 + CSS3(纯静态页面)
  • Bootstrap v5.1.3(栅格与基础组件)
  • AOS(滚动动画)、Animate.css(CSS 动画)、Slick(轮播)
  • Remix Icon + Font Awesome(双图标库)
  • Magnific Popup(弹窗)、Nice Select(自定义下拉)
  • Google Fonts(Afacad、DM Sans、Fira Sans、Instrument Sans、Inter)

项目结构

text
lonyohtml-10/
  Main-File/
    documentation/
    lonyo/
      index.html          # 首页(风格一)
      index-02.html        # 首页(风格二)
      index-03.html        # 首页(风格三)
      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/

核心文件说明

  • lonyo/index.html — 主首页入口,聚合所有业务模块展示
  • lonyo/index-02.htmlindex-03.html — 可选的首页视觉方案
  • lonyo/assets/css/main.css — 模板核心样式文件
  • lonyo/assets/css/app.min.css — 组件样式压缩包
  • lonyo/errors-404.html — 404 错误页面模板
  • lonyo/sign-in.html / sign-up.html — 用户登录注册页面

快速开始

  1. 解压下载的压缩包,进入 Main-File/lonyo 文件夹;
  2. 直接在浏览器中打开 index.html 即可预览全站;
  3. 如需本地开发服务器,可使用 VS Code 的 Live Server 插件或 python -m http.server

使用建议

模板采用多层级导航结构(Desktop Menu + Mobile Menu),建议通过替换 Logo 图片与公司内容快速完成项目初始化;页面间互相引用链接,无需额外构建工具即可直接部署至任意静态托管服务。

help_outline

常见问题