Why I Built the "Soo Good" Vegan Burger Website π±
Tomas Stveracek
Posted on November 6, 2024
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. β¨
π πͺ π
π©
Tomas Stveracek
Posted on November 6, 2024
Join Our Newsletter. No Spam, Only the good stuff.
Sign up to receive the latest update from our blog.
Related
portfolio How to Build an Exceptional Portfolio Website Using HTML, CSS, JavaScript, Bootstrap, and More! π
October 13, 2024