Tryesy - 创意数字机构 HTML 模板

# 项目简介 tryesy 是一款面向数字创意机构的静态 HTML 模板，提供首页、作品集、博客、服务、团队、联系等完整页面，包含 LTR 和 RTL 两个版本。适合快速搭建数字营销或创意工作室网站。 ## 技术栈 - Bootstrap 5 - jQuery - GSAP（ScrollTrigger / ScrollSmoother / TweenMax） - Magnific Popup - Isotope（Masonry 布局） - Nice Select - WOW.js - PureCounter - Font Awesome 6 Pro ## 项目结构 ``` 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 版本（阿拉伯语/希伯来语） ``` ## 核心文件说明 - `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 滚动动画依赖库 ## 快速开始 直接用浏览器打开 `tryesy/index.html` 即可预览。替换 `/assets/img/` 目录下的图片并修改 HTML 中的文本内容，即可完成基础定制。 ## 使用建议 模板已包含 5 种首页变体（index ~ index-5），建议根据品牌风格挑选一种作为起点。移动端菜单与 Sticky Header 逻辑在 main.js 中直接可用，无需额外配置；若项目不需要 GSAP 平滑滚动，可移除 `#smooth-wrapper` 容器及相关脚本引用以减少体积。