
Eiooc Olive Oil Competition Website
European International Olive Oil Competition (EIOOC) Website
This project is a complete front-end website for the European International Olive Oil Competition (EIOOC), built using HTML, CSS, JavaScript, and Bootstrap 5. The website features essential pages like Home, About, Gallery, Contact, Judges, and Winners. Each section is designed with a clean and elegant layout, highlighting the prestige and excellence of the competition. The site is fully responsive, ensuring a seamless experience across desktop, tablet, and mobile devices. It includes smooth scrolling, organized content blocks, and a consistent color theme reflecting the natural and premium nature of olive oil production.
Elegant and Fully Responsive Event Website for EIOOC
Category
website
Timeline
Sep 2023 - Nov 2023
Technologies
Live Demo
Key Features
- Fully responsive design
- Multi-page layout
- Home page banner
- Judges section
- Winners showcase
- Image gallery
- Contact form
- Clean UI/UX
- Bootstrap grid system
- Smooth scrolling
Challenges
Designing multiple pages with a consistent look while maintaining a professional and engaging style across all devices was a primary challenge. It was also important to reflect the cultural and competitive prestige of the event through design.
Solutions
I used Bootstrap 5’s responsive grid system and custom CSS to achieve a balanced layout across all screen sizes. Carefully selected images, typography, and spacing ensured a premium look. JavaScript added interactivity to elements like navigation, gallery modals, and forms.