A simple and elegant perfume showcase website built using HTML and CSS. This project displays different perfume products with a clean UI and basic layout structure.
- Homepage with navigation bar
- Product showcase section
- About section
- Contact section
- 🧭 Navigation bar (Home, Products, About, Contact)
- 🔍 Search bar UI
- 🛍️ Product display with images
- 📄 About section for brand description
- 📞 Contact information section
- 🎨 Hover effects for better user experience
- 📱 Responsive-centered layout (basic)
- HTML5 – Structure of the website
- CSS3 – Styling and layout design
Perfumy/
│── index.html
│── style.css
│── img/
│ ├── Perfume1.jpg
│ ├── Perfume2.jpg
│ └── Perfume3.jpg
- The navigation bar provides basic page sections.
- The search bar allows users to type queries (UI only).
- The products section displays perfume images with descriptions.
- The about section explains the brand.
- The contact section shows contact details.
- Download or clone the repository
- Make sure the folder structure is correct (
imgfolder included) - Open
index.htmlin your browser
- Add JavaScript for search functionality
- Make it fully responsive (mobile-friendly)
- Add product filtering and categories
- Connect to backend/database
- Improve UI with animations
Bhuvaneswar G
- Aspiring Data Analyst & Web Developer
- Skills: Python, SQL, Power BI, HTML, CSS, JavaScript
If you like this project, give it a ⭐ on GitHub!