I wanted to create a fun and interactive website for a vegan burger brand. The idea came from a design I found on Behance called "Vegan Food Restaurant Website UI Design." I took inspiration from it and added some of my own custom features to make it unique. ๐
Features of the Website:
- Image Carousel ๐ผ๏ธ: Users can see different vegan burger options in a smooth slider, thanks to Swiper.js.
- Modal Popups ๐: Clicking "Visit now" or "Order now" opens a modal window with more details.
- Interactive Buttons and Counters ๐ข: JavaScript powers dynamic text updates and a counter that shows the number of burgers ordered.
- Responsive Design ๐ฑ๐ป: The site looks great on both mobile and desktop devices.
Technologies Used ๐ป:
I used a simple tech stack for this project:
- HTML and CSS ๐: For the structure and style.
- Bootstrap ๐ ๏ธ: To make development faster and easier.
- JavaScript โจ: For interactive features and dynamic elements.
- SVG Icons ๐๏ธ: For social media and branding.
- Swiper.js ๐: To create the smooth carousel effect.
Setup ๐ ๏ธ
To run this project locally:
Clone this repository:
git clone https://github.com/TomasDevs/soo-good-website
cd soo-good-website
Open index.html
in your browser to view the website.
Check It Out:
If you want to see the code, visit my GitHub. You can also check out the live version here: Soo Good Website on Netlify. โจ
Top comments (0)