savore — HTML Business Template

SHA-256: caf343b0e2eca3c77f99984e42e02dc49133f3dfaffe02e522b5a9bb7f3217d6

2026-10-15T03:19:06.631Z

# Savoré Restaurant Template

A modern, responsive restaurant website template built with HTML, CSS, JavaScript, and Bootstrap.

## Features

- Responsive design
- Customizable text
- Bootstrap Icons
- Mobile navigation
- Active navigation on scroll
- Smooth scrolling
- Editable menu items
- Reservation form
- Easy image replacement
- Easy to customize

## Folder Structure

```text
│
├── index.html
├── README.md
│
└── assets/
    ├── css/
    │   └── style.css
    │
    ├── js/
    │   └── text.js
    │
    └── images/
        ├── logo.png
        ├── hero-image.png
        ├── about-image.png
        ├── menu-1.png
        ├── menu-2.png
        ├── menu-3.png
        ├── menu-4.png
        ├── gallery-1.png
        ├── gallery-2.png
        ├── gallery-3.png
        ├── gallery-4.png
        ├── gallery-5.png
        ├── client-1.png
        ├── client-2.png
        ├── client-3.png
        └── og-image.png

```

## Customization

### Change Text

Open:

```text
assets/js/text.js
```

You can edit:

- Website name
- Hero intro
- Hero description
- About section text
- About feature titles & descriptions
- Menu item names
- Menu descriptions
- Menu prices
- Gallery title
- Reservation phone number
- Reservation opening hours
- Footer opening hours
- Footer email
- Footer phone number
- Footer location

Simply replace the text inside the quotation marks.

Example:

```javascript
let websiteName = "SAVORÉ";
```

Only change **SAVORÉ**.

Do **not** change:

- Variable names
- Quotation marks
- JavaScript code below the editable section

---

### Change Images

Replace the images inside:

```text
assets/images
```

**Important**

- Keep the same filenames.
- Filenames are case-sensitive.
- Keep the same file extensions whenever possible.
- Use the recommended aspect ratios below for the best appearance.

|             Image             |        Recommended Aspect Ratio      |
|-------------------------------|--------------------------------------|
| logo.png                      |                 1:1                  |
| hero-image.png                |                 1:1                  |
| about-image.png               |                 5:4                  |
| menu-1.png – menu-4.png       |                 1:1                  |
| gallery-1.png – gallery-4.png |                 4:3                  |
| client-1.png – client-3.png   |                 1:1                  |

## Technologies

- HTML5
- CSS3
- JavaScript
- Bootstrap 5
- Bootstrap Icons

## License

Free to use for personal and commercial projects.