https://github.com/pranto113015/amazing-chips-website

Enjoy life with Amazing Chips
https://github.com/pranto113015/amazing-chips-website

chips-website css3 food-website html5 icons javascript

Last synced: 7 days ago
JSON representation

Enjoy life with Amazing Chips

• Host: GitHub
• URL: https://github.com/pranto113015/amazing-chips-website
• Owner: pranto113015
• Created: 2024-06-14T14:34:32.000Z (5 months ago)
• Default Branch: main
• Last Pushed: 2024-07-06T15:21:31.000Z (5 months ago)
• Last Synced: 2024-07-06T16:37:44.198Z (5 months ago)
• Topics: chips-website, css3, food-website, html5, icons, javascript
• Language: CSS
• Homepage: https://pranto113015.github.io/Amazing-Chips-Website/
• Size: 1.84 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


## Project Name : Amazing Chips Website

## Project Description 

A responsive chips website is all about using little clickable boxes, called chips, to give users a clean and adaptable way to interact with a website. Imagine colorful tags or buttons that can change their size and layout to fit any screen, that's the gist!

## Live Demo

You can view a live demo of the project [Click Here](https://pranto113015.github.io/Amazing-Chips-Website/).

![preview img](/assets/img/demo.png)

## Features

- Chips Website Design Using HTML CSS And JavaScript

- Contains animations when scrolling.

- Smooth scrolling in each section.

- Developed first with the Mobile First methodology, then for desktop.

- Compatible with all mobile devices and with a beautiful and pleasant user interface.

## Technologies Used  

- HTML5

- CSS3

- Javascript

- Favicon

- Remixicon

- Swiper CSS ( Swiper is the most modern free and open source mobile touch slider with hardware accelerated transitions and amazing native behavior. Use it on websites, web apps, and mobile native/hybrid apps. )

## Resources Used

- CDN Icons: https://cdnjs.com/libraries/remixicon

- Fonts: https://fonts.google.com/

- Icons: https://remixicon.com/

- EmailJs: https://www.emailjs.com/

- ScrollReveal: https://scrollrevealjs.org/

- Original Images: https://www.freepik.es/

## How to Run the Project Manually

If you run this project locally, follow these steps

1. Clone the Repository

2. Navigate to the Project Directory

3. Open the project by vs code applicaton

4. Click the run option of the menu bar and again click the start debugging

 Or you can do this way

  1. Download the project

  2. unzip file

  3. open with your IDE such as vs code

## Contact

If you have any questions or need further clarification, please feel free to reach out to me

> 📪 Email : [email protected]

> 🔍 Linkedin : [Pranto Kumar](https://www.linkedin.com/in/pranto-kumar-a326801b3/)

  💙 Thank you for reviewing my project!