A visually engaging static website created using pure HTML and CSS, inspired by Ethiopia’s rich coffee culture.
Built as part of my studies at Code Nation.
Ethiopia's Coffee Shop is a fully responsive, multi-page static website designed to highlight the vibrant coffee heritage of Ethiopia. This project demonstrates strong skills in layout design, semantic HTML, CSS styling, and visual structure — without the use of JavaScript or frameworks.
- 🏠 Homepage featuring a welcoming introduction and “Best Sellers” section
- 🥤 Drinks & Snacks Pages showcasing traditional Ethiopian coffee and foods
- 📖 Our Story Page that shares the origins and cultural background of Ethiopian coffee
- 📞 Contact Page for user inquiries
- 🗺️ Location Section with address and map image
- ⭐ Customer Reviews in a card layout
- 🔗 Responsive Navigation Bar with hamburger menu for mobile screens
- 💚 Social Media Integration using
Boxicons
EthiopiasCoffeeShop/ │ ├── index.html # Homepage ├── drinks.html # Drinks page ├── snacks.html # Snacks page ├── ourstory.html # “Our Story” page ├── contactus.html # Contact page ├── privacypolicy.html # Privacy policy page ├── styles.css # Stylesheet ├── Media/ # Folder for images, icons, and favicon │ ├── logo.png │ ├── coffee_bar.jpg │ ├── latte.jpeg │ ├── ethiopian_snacks.jpg │ ├── ethiopian_tea.jpg │ ├── location.png │ ├── favicon.ico │ └── ... ├── LICENCE # MIT LICENCE └── README.md # Project documentation
View Site: 👉 https://sheikh-h.github.io/CodeNation-Ethiopian-Coffee/
- Download or clone this repository:
- Open the project folder:
- Double-click
index.htmlto open it in your browser.
git clone https://github.com/Sheikh-H/EthiopiasCoffeeShop.git
cd EthiopiasCoffeeShop
- HTML5 semantics and page structure
- CSS3 styling, responsive layouts, and visual hierarchy
- Use of external icon libraries (
Boxicons) - Organized project folder management
- Accessibility and readability considerations
Homepage showcase — simple, elegant, and culturally themed.
This project is licenced under the MIT Licence — see the LICENCE file for details.
MIT Licence Copyright (c) 2025 Sheikh Hussain Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
🗣️ Feel free to follow, connect, and chat!
