L o a d i n g
Back to Portfolio Food & FMCG Brand Website

Saico Foods — Brand & Product Website

A seven-page brochure site for a Calicut-based spice and food-products manufacturer — company story, product categories, awards and blog, built with PHP-templated HTML for shared header/footer reuse across pages.

PHP Includes Bootstrap 5.2.1 Owl Carousel Slick Carousel AOS

7

Pages

PHP Includes

Shared Header/Footer

3 Carousels

Category, Awards, Testimonials

Zero Database

Pure Templating
Walkthrough

Homepage & Inner Pages

Key Features

What The Site Does

PHP Include Partials

Header, footer, newsletter, testimonial and loader shared across seven pages.

Site-Wide Enquiry Modal

An "Enquire Now" dialog available from the navbar on every page.

Animated Stat Counters

Categories, products, years and customers count up on scroll into view.

Category → Product Catalogue

Category grid drilling into per-category product listing pages.

Centre-Mode Awards Carousel

Click-to-focus Owl Carousel with custom position indexing.

Contact & Map

Contact form plus an embedded Google Maps location.

Technology

Stack & Integrations

Templating
PHP (server-side includes) HTML5 CSS3
Frontend
Bootstrap 5.2.1 jQuery 3.6.1
Motion
Owl Carousel Slick Carousel AOS
Integrations
Google Maps LottieFiles
Architecture

How It's Built

Saico Foods uses PHP purely as a templating layer — each top-level page (index.php, products.php, contact.php, ...) includes shared partials for the header, footer, newsletter block, testimonials and loader, giving one source of truth for navigation and repeated sections without any framework, database, or application logic behind it.

Client-side, script.js initialises the carousels, sticky navbar and preloader, a separate counter.js drives the scroll-triggered stat counters, and contact.js handles the floating-label form behaviour — several independently configured animation/carousel libraries running on the same pages without conflicts, each with its own responsive breakpoints.