Skip to content

Nitishkumar0517768/Fruit-chilli-clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

4 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

Fruit-chilli-clone

This project is a static clone of the FruitChill Pops website, focusing on replicating the vibrant visual design, product layouts, and multi-page navigation using HTML and CSS.

๐Ÿš€ Features

  • Responsive Navigation Bar: A sticky navigation bar that stays at the top and adapts to different screen sizes.
  • Hero Section: A welcoming landing section with hero images and "Know More" call-to-action buttons.
  • Fruitchill Flavors: A dedicated page displaying classic frozen juice bars (Strawberry, Mango, Grape, Nimbu) with distinct color themes.
  • Fruitchill Twist: A fusion flavor section showcasing "Twist" products (Cola, Shikanji, Aam Panna, Kala Khatta).
  • Dynamic Color Theming: Specific CSS classes (bg-brown, bg-orange, bg-cola, etc.) used to style sections according to the fruit flavor.
  • Cards Section: Interactive cards for business opportunities like "Join Our Team", "Become a Distribution Partner", and "Exports".
  • About Section: A section highlighting the brand's history since 2009 and its origins in Manesar, Haryana.
  • Detailed Footer: A comprehensive footer with contact details, address, and copyright information.
  • Fully Responsive: Media queries are used to ensure a seamless viewing experience across desktops, tablets, and mobile devices.

๐Ÿ› ๏ธ Technologies Used

  • HTML5: For the structure and content of the webpage, including semantic tags like <nav>, <header>, and <section>.
  • CSS3: For styling, flexbox layouts, CSS variables, and responsiveness.

๐Ÿ“„ License

This project is licensed under the MIT License - see the LICENSE file for details.

Copyright (c) 2025 Nitish kumar The software is provided "AS IS", without warranty of any kind, express or implied. The authors or copyright holders shall not be liable for any claim, damages, or other liability arising from the software

About

This project was built to master Frontend Development fundamentals. It features a main landing page and specific product pages ("Fruitchill" and "Fruitchill Twist"). The site uses distinct color palettes (Variables) to match specific fruit flavors (e.g., Orange for Mango, Purple for Grape, Black/Red for Cola).

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors