Project Overviewlink

Zelda is a Bootstrap 5-based HTML5 template designed for the esports and gaming industry, offering 7 homepage layout variations (esports, live streaming, magazine, tournaments, etc.) with built-in RTL support for Arabic and Hebrew. It is suitable for esports teams, gaming media, live streaming platforms, and tournament websites.

Tech Stacklink

• Bootstrap 5.x (responsive framework)
• HTML5 + CSS3 + Sass
• jQuery 3.7.1
• OWL Carousel (carousel component)
• AJAX (contact form and subscription functionality)

Project Structurelink

zeldahtml-16/
├── zelda/                          # Main template (LTR)
│   ├── assets/css/                 # Stylesheets
│   │   ├── style.css              # Main styles
│   │   ├── responsive.css         # Responsive styles
│   │   └── dark-style.css         # Dark mode styles
│   └── *.html                     # Various pages
├── zelda-rtl/                      # RTL version
│   ├── assets/css/
│   │   ├── rtl.css                # RTL adaptation styles
│   │   └── bootstrap.rtl.min.css # RTL Bootstrap
│   └── *.html
└── documentation/                  # Official documentation
    ├── index.html
    ├── css/style.css
    └── js/main.js

Key File Descriptionslink

• zelda/index.html — Main homepage template, includes navigation, hero section, tournament info, and other modules
• zelda/assets/css/style.css — Global stylesheet, defines primary color #3d5198 and fonts (Work Sans / Raleway)
• zelda/assets/css/responsive.css — Responsive breakpoint styles (767px / 991px, etc.)
• zelda/assets/css/dark-style.css — Dark theme styles
• zelda-rtl/ — Complete RTL version directory, includes rtl.css and bootstrap.rtl.min.css
• documentation/index.html — Official template documentation, includes customization instructions and integration guide

Quick Startlink

Pure static template, no dependencies required:

1. Navigate to the zelda or zelda-rtl directory
2. Double-click index.html to open in a browser, or use a local server (e.g., npx serve .) for preview

To modify styles, it is recommended to use VS Code with the Live Sass Compiler extension to recompile Sass files.

Usage Suggestionslink

• The 7 homepage variations are accessible via the navigation dropdown menu (index-2 through index-7). You can select and copy them as a base for new pages as needed
• The template includes built-in AJAX contact forms and MailChimp subscription functionality, which require backend service configuration (e.g., PHP or Netlify Forms) to work
• Dark mode is provided via dark-style.css and can be included in pages as needed