Project Overview
tryesy is a static HTML template designed for digital creative agencies, featuring complete pages including Home, Portfolio, Blog, Services, Team, and Contact, with both LTR and RTL versions. Ideal for quickly building digital marketing or creative studio websites.
Tech Stack
- Bootstrap 5
- jQuery
- GSAP (ScrollTrigger / ScrollSmoother / TweenMax)
- Magnific Popup
- Isotope (Masonry Layout)
- Nice Select
- WOW.js
- PureCounter
- Font Awesome 6 Pro
Project Structure
tryesyhtml-10/
├── documentation/ # Online documentation
│ └── index.html
├── tryesy/ # Main template (LTR)
│ ├── index*.html # 5 homepage variants
│ ├── about.html
│ ├── blog*.html
│ ├── contact.html
│ ├── portfolio*.html
│ ├── service*.html
│ ├── team*.html
│ └── assets/
│ ├── css/main.css # Core styles
│ ├── js/main.js # Interactive logic
│ └── img/
└── tryesy-rtl/ # RTL version (Arabic/Hebrew)
Core File Description
tryesy/index.html— Default homepage, demonstrating main sections and componentstryesy/assets/css/main.css— Main stylesheet for the entire site, containing 7 major modules (Header, Footer, Pages, etc.)tryesy/assets/js/main.js— Mobile menu, Sticky Header, Back to Top, Masonry, image/video popup, and other interactionstryesy/contact.html— Includes AJAX form and mail.php backend interfacetryesy/assets/js/gsap-*.js— GSAP scroll animation dependency libraries
Quick Start
Simply open tryesy/index.html in your browser to preview. Replace images in the /assets/img/ directory and modify the HTML text content to complete basic customization.
Usage Suggestions
The template includes 5 homepage variants (index ~ index-5). It's recommended to choose one based on your brand style as a starting point. Mobile menu and Sticky Header logic are ready to use in main.js without additional configuration. If your project doesn't need GSAP smooth scrolling, you can remove the #smooth-wrapper container and related script references to reduce file size.
