项目简介
Evalo 是一套基于 Bootstrap 的多页面 Landing Page 模板,包含 8 种首页变体(Saas、Startup、数字agency、应用落地页、作品集等),附带完整文档页面。适合快速搭建初创公司、Agency 或产品介绍网站。
技术栈
- Bootstrap 5(CSS 框架)
- Poppins(Google Fonts)
- jQuery + 原生 JS
- 插件:Slick(轮播)、AOS(滚动动画)、Animate.css、Fancybox(图片预览)、Flaticon(图标)
项目结构
text
evalohtm-10/
├── documentation/ # 模板使用文档
│ ├── doc.html
│ ├── css/style.css
│ └── js/script.js
└── main-files/ # 实际使用的主文件
├── index.html # 默认首页(Saas 风格)
├── index2-sass.html
├── index3-digital-agency.html
├── index4-startup.html
├── index5-app-landing-page.html
├── index6-agency.html
├── index7-portfolio-minimal.html
├── index8-portfolio.html
├── about-us.html, blog*.html, contact-us.html, login.html, service.html, team.html, faq.html, 404-error.html
└── css/
├── bootstrap.min.css
├── style.css # 主样式文件(约 1500 行)
├── slick.css, aos.css, animate.css, responsive.css 等
核心文件说明
main-files/index.html— 默认首页入口,演示 Saas 风格布局main-files/css/style.css— 主题主样式,定义按钮、标题、排版等全局样式main-files/css/bootstrap.min.css— Bootstrap 框架核心 CSSmain-files/index3-digital-agency.html— 数字营销 Agency 风格页面main-files/index5-app-landing-page.html— App 落地页变体documentation/doc.html— 模板定制说明文档(图片替换、配色修改等)
快速开始
- 下载后进入
evalohtm-10/main-files/目录 - 直接用浏览器打开
index.html即可预览 - 或部署到任意静态服务器(如
npx serve .)
使用建议
- 修改文案和图片时优先保留 CSS 类名,style.css 中已预设好主题色
#6c63ff;如需调整品牌色建议全局搜索替换。 - 页面内使用 megamenu 导航切换不同首页变体,定制前建议先通读
documentation/doc.html了解各区域修改方式。
