Project Overviewlink

Barsi is a responsive HTML template designed for architecture and interior design companies. It includes multiple complete pages such as Home, Services, Portfolio, Team, Blog, and Careers. Built-in interactive features include GSAP animations, Lenis smooth scrolling, and Swiper carousels, making it ideal for quickly building a professional design agency website.

Tech Stacklink

• Bootstrap 5 — Grid layout and basic UI components
• jQuery — DOM manipulation and plugin initialization
• GSAP — Page animations and timeline effects
• Lenis — Smooth scrolling
• Swiper — Carousel and sliding components
• Font Awesome — Icon library
• SCSS — Style preprocessing

Project Structurelink

barsihtml-10/
├── Documentation/          # Official documentation entry
│   ├── index.html
│   └── assets/            # Static assets for documentation
├── barsi-html/            # Template main directory (for deployment)
│   ├── index.html         # Homepage
│   ├── about.html         # About Us
│   ├── services*.html     # Services page (multiple variants)
│   ├── projects*.html     # Projects page (multiple variants)
│   ├── team*.html         # Team page (multiple variants)
│   ├── blog*.html         # Blog page (multiple variants)
│   ├── contact-us.html    # Contact page
│   ├── price.html         # Pricing page
│   ├── faqs.html          # FAQ page
│   ├── career*.html       # Career-related pages
│   └── assets/
│       ├── css/main.css   # Main stylesheet
│       ├── js/main.js     # Interactive logic
│       └── img/           # Image assets

Core File Descriptionlink

• barsi-html/index.html — Main homepage, integrates Banner, service showcase, project carousel, and other modules
• barsi-html/assets/js/main.js — Animation initialization, sticky navigation, offcanvas menu, carousel configuration
• barsi-html/assets/css/main.css — Global stylesheet, includes 50+ section definitions (header, hero, services, etc.)
• barsi-html/services*.html — Service detail pages, supports multiple layout variations
• barsi-html/projects*.html — Portfolio showcase pages, includes detail page templates
• Documentation/index.html — Official documentation, includes configuration instructions for custom Logo, Favicon, image replacement, etc.

Quick Startlink

1. Open barsi-html/index.html directly in your browser to preview
2. For a local server, use the VS Code Live Server extension or run:
   bashcontent_copyCopy

   npx serve barsi-html
   

Usage Recommendationslink

All pages in the template are pure static HTML and can be deployed directly to any web server or static hosting platform. For production use, replace the sample Logo, images, and contact information with real content. For backend form processing, you will need to integrate your own backend service (the current contact.php is only a placeholder file).