Project Overviewlink

Geralt AI is a static HTML template for building product showcase pages for AI image/video generators. It includes a homepage (with separate versions for image mode and video mode) along with corresponding login and registration form pages, suitable for rapid prototyping or static product sites.

Tech Stacklink

• HTML5 / CSS3
• Bootstrap 5 (responsive layout)
• jQuery (DOM manipulation)
• GSAP + ScrollMagic (animations)
• Slick Slider (carousel component)

Project Structurelink

aiimagegenhtml-10/
├── Documentation/          # Template usage documentation
│   ├── index.html
│   ├── header.html
│   ├── component.html
│   ├── features.html
│   ├── slider-type.html
│   ├── page-element.html
│   └── credit.html
└── Online AI Image Generator HTML Template - Geralt AI/
    ├── image/
    │   ├── index.html      # Image generator homepage
    │   └── form.html       # Login/registration form
    └── video/
        ├── index.html      # Video generator homepage
        └── form.html       # Login/registration form

Key Fileslink

• image/index.html — Image generator homepage with text-to-image input, style dropdown selection, and sample display
• video/index.html — Video generator homepage with the same layout as the image version, but with the hero area replaced by video
• image/form.html — Login/registration form with carousel background on the left and form toggle on the right
• video/form.html — Video version of the form, with the same structure as the image version
• Documentation/index.html — Entry point for complete template usage documentation
• assets/css/style.css — Main stylesheet

Quick Startlink

Simply open the following files in your browser to preview:

• image/index.html — Image generator page
• video/index.html — Video generator page

Usage Noteslink

• The template is a purely static showcase page; actual AI generation functionality requires integrating your own backend API
• The form pages are UI-only demos; submission logic needs to be implemented separately