Rayo – Digital Agency & Personal Portfolio HTML Template | Bootstrap 5

Building front-end layouts for agencies and developers requires clean asset architecture alongside modern motion design. Rayo provides a complete HTML5 baseline engineered specifically for creative studios, software firms, and independent tech professionals looking to launch polished online presences quickly.

Rayo is a multi-page HTML template built on the Bootstrap 5 framework, styled with SASS, and compiled using GULP. Designed for agencies, web developers, and UI/UX designers, it provides dark and light mode toggles, GSAP scroll animations, and 9 pre-built homepage layouts. It is best suited for developers seeking structured, production-ready static files, but not intended for non-technical users requiring a WordPress CMS dashboard.

Technical Specifications

Parameter	Specification
Current Version	1.0.0
CSS Framework	Bootstrap 5
Build System	Gulp & SASS
Animation Engine	GSAP & Lenis Smooth Scroll
Pre-made Homepages	9 Layouts
Color Schemes	Light and Dark Mode
Icon Set	Phosphor Icons
Integrations	AJAX Contact Form, Mailchimp
Validation	W3C Validated HTML Code

Core Development Features

• Dark and Light Color Modes: Built-in theme toggling functionality allowing users to switch baseline contrast modes easily.
• GSAP and Lenis Motion: Smooth scrolling integration combined with timeline-driven page animations for enhanced visitor engagement.
• GULP & SASS Workflow: Structured modular stylesheet setup that simplifies asset compilation, variable tuning, and CSS maintenance.
• Responsive Grid Architecture: Relying on Bootstrap 5 to guarantee consistent visual rendering across smartphones, tablets, and desktop displays.
• Interactive Component Suite: Bundled with Swiper sliders, Magnific popup lightboxes, animated headlines, and parallax background containers.
• Form Integration: Includes functional AJAX contact scripts alongside direct Mailchimp newsletter form integration.

Included Layouts and Page Templates

Rayo ships with 23 pre-designed HTML pages covering standard corporate, portfolio, and service display needs:

• Homepage Variants: Main Home, Software Development Company, Freelancer Portfolio, Digital Agency, Creative Design Studio, Personal Portfolio, Web Agency, Creative Developer, and Designer.
• Portfolio Options: Works Simple, Works Masonry, and detailed Project Details pages.
• Blog Layouts: Blog Standard, Blog Creative, and Single Post templates.
• Utility & Inner Pages: About Me, About Us, Services, Our Team, Pricing Plans, Contact, FAQ, and 404 Error pages.

Package Contents

• Ready-to-use static HTML5, CSS, and JS template files.
• Complete GULP development environment for automated compilation and asset management.
• Technical documentation covering setup, build steps, and customization options.

Frequently Asked Questions

Does Rayo require coding knowledge to customize?

Yes, Rayo is a static HTML5 template built with SASS and compiled via Gulp. Editing content, modifying styles, or adjusting page components requires working knowledge of HTML, CSS, JavaScript, and command-line build tools.

Can this template be installed directly on WordPress?

No, Rayo is a collection of static HTML, CSS, and JavaScript files. It cannot be uploaded directly as a WordPress theme, though front-end developers can use its code structure to build a custom CMS theme.

Are media assets from the live preview included in the download?

All imagery and video files shown in the online demo are included for preview purposes only and are excluded from the main download package. Developers can substitute their own assets or source royalty-free media from online libraries.