Kara

Kara is a responsive digital marketing agency website built with Bootstrap 5, Sass, Vite, and Tiny Slider. It includes landing-page sections for services, process, work, results, testimonials, FAQs, and contact information.

View live demo

Features

• Responsive Bootstrap 5 layout
• Hero, services, process, work, results, references, FAQ, and contact sections
• Smooth in-page navigation
• Mobile navbar collapse behavior
• Animated results section triggered on scroll
• Testimonial and brand carousels powered by Tiny Slider
• Sass-based styling and Vite asset bundling

Tech Stack

• Vite
• Bootstrap 5
• Sass
• Tiny Slider
• Font Awesome

Getting Started

Prerequisites

• Node.js 24 or newer
• npm

Installation

Install dependencies:

npm install

Start the local development server:

npm run dev

Vite will print the local URL in your terminal, usually http://localhost:5173/.

Available Scripts

npm run dev

Starts the Vite development server with hot reloading.

npm run build

Builds the production site into the docs/ directory for GitHub Pages.

npm run preview

Serves the production build locally so you can review it before publishing.

Project Structure

.
├── docs/                # Production build output for GitHub Pages
├── src/
│   ├── images/          # Site images and icons
│   ├── js/script.js     # Navigation, scroll behavior, and carousels
│   ├── styles/          # Sass partials organized by page section
│   ├── index.js         # App entry point
│   └── styles.scss      # Main Sass entry point
├── index.html           # Main HTML document
├── package.json         # Dependencies and npm scripts
└── README.md

Customization

• Update page content in index.html.
• Update section styles in src/styles/; src/styles.scss imports the partials in build order.
• Replace images in src/images/.
• Adjust navigation and carousel behavior in src/js/script.js.

License

This project is licensed under the MIT License.