Restaurant & Coffee Shop Website

This repository contains the code for a restaurant or coffee shop website built using HTML, CSS, JS and Bootstrap. The website includes sections such as Home, Services, Features, Delivery, Our App, About Us, Social Media, and Newsletter.

Table of Contents

• Features
• Technologies Used
• Getting Started
• Usage
• Screenshot
• Contributing
• Contact Information

Features

• Responsive Design: Optimized for various screen sizes, providing a seamless experience across devices.
• Smooth Scrolling: Enhances user navigation and overall experience.
• Custom Fonts: Utilizes "Poppins" and "Nunito Sans" for a modern and clean look.
• Color Scheme: Features a vibrant palette of red, yellow, black and white.
• Multiple Sections: Includes sections for the menu, about us, services, features, delivery, app download, and newsletter subscription.

Technologies Used

• HTML5
• CSS3
• JavaScript
• Bootstrap 5.3.2
• Font Awesome 6.5.2
• Google Fonts

Getting Started

To get a local copy of the website up and running, follow these steps:

1. Clone the repository:

   git clone https://github.com/chouaib-629/restaurant_coffeeShop_website_bootstrap.git
   

2. Navigate to the project directory:

   cd restaurant_coffeeShop_website_bootstrap
   

3. Open the index.html file in your web browser:

   open index.html
   

Usage

Customization

• Colors: Defined in :root in style.css, easily customizable.
• Fonts: Primary and secondary fonts can be changed by updating the font-family properties in the CSS file.
• Images: Replace the background images in the respective sections by updating the background property in style.css.

Structure and Styling

• Header: Fixed header for easy navigation.
• Sections: Top Banner: Hero section with background image. About Us: Information about the restaurant and coffee shop. Services: Overview of services offered. Features: Key features and functionalities. Delivery: Delivery details (if applicable). Download App: Section for app downloads. Newsletter: Subscription form for newsletters.
• Footer: Contact information and social media links.

Screenshot

Here is a screenshot of the website:

Full Website

You can view the website on your browser by clicking Demo

Contributing

Contributions are welcome! Please follow these steps to contribute:

1. Fork the repository.

2. Create a new branch:

   git checkout -b feature/your-feature-name
   

3. Make your changes and commit them:

   git commit -m "Add your commit message"
   

4. Push to the branch:

   git push origin feature/your-feature-name
   

5. Create a pull request.

Contact Information

For questions or support, please contact Me.