项目简介link

tryesy 是一款面向数字创意机构的静态 HTML 模板，提供首页、作品集、博客、服务、团队、联系等完整页面，包含 LTR 和 RTL 两个版本。适合快速搭建数字营销或创意工作室网站。

技术栈link

• Bootstrap 5
• jQuery
• GSAP（ScrollTrigger / ScrollSmoother / TweenMax）
• Magnific Popup
• Isotope（Masonry 布局）
• Nice Select
• WOW.js
• PureCounter
• Font Awesome 6 Pro

项目结构link

tryesyhtml-10/
├── documentation/           # 在线文档
│   └── index.html
├── tryesy/                  # 主模板（LTR）
│   ├── index*.html          # 5 种首页变体
│   ├── about.html
│   ├── blog*.html
│   ├── contact.html
│   ├── portfolio*.html
│   ├── service*.html
│   ├── team*.html
│   └── assets/
│       ├── css/main.css     # 核心样式
│       ├── js/main.js       # 交互逻辑
│       └── img/
└── tryesy-rtl/              # RTL 版本（阿拉伯语/希伯来语）

核心文件说明link

• tryesy/index.html — 默认首页，演示主要区块与组件
• tryesy/assets/css/main.css — 全站主样式表，含 7 大模块（Header、Footer、Pages 等）
• tryesy/assets/js/main.js — 移动端菜单、Sticky Header、Back to Top、Masonry、图片/视频弹窗等交互
• tryesy/contact.html — 包含 AJAX 表单与 mail.php 后端接口
• tryesy/assets/js/gsap-*.js — GSAP 滚动动画依赖库

快速开始link

直接用浏览器打开 tryesy/index.html 即可预览。替换 /assets/img/ 目录下的图片并修改 HTML 中的文本内容，即可完成基础定制。

使用建议link

模板已包含 5 种首页变体（index ~ index-5），建议根据品牌风格挑选一种作为起点。移动端菜单与 Sticky Header 逻辑在 main.js 中直接可用，无需额外配置；若项目不需要 GSAP 平滑滚动，可移除 #smooth-wrapper 容器及相关脚本引用以减少体积。