Ceramic Life is a website that welcomes people from all levels of ceramic knowledge. It also offers a registration form for regular ceramic workshops.

• Navigation bar is on top of all pages and enables users to all available pages: Homepage, About Us, Gallery and Sign up.
• Navigation bar also indicates which page user is in, through making the active page's navigation link underlined.
• Navigation bar is responsive to screen size, providing better user experience.

• At the spotlight of home page, the users see a catchphrase, a short description about the website and brief timetable.

• At the gallery page, we show ceramic related photos from the atelier, in a grid layout.

• At the about us page, using the banner, more information is displayed about who we are, including a contact information that users can reach out for more information.

• Using the form in sign up page, users can submit their registration request to us.
• The form provides validation for required fields, also validation for email format.

• At the bottom of all pages, links to our social platform pages reside. All links target to a blank page (tab) so that users can stay on our website.

• Tested that the website works in all major browsers (Chrome, Firefox, Safari, Edge).

• Tested that the website works for different screen sizes.

• Tested that the images and navigation links are not broken.

• Tested that the sign up form validates the data and sends the data if everything is valid.

There is no known bugs in this project.

• HTML
  • All the pages are checked with HTML validator: https://validator.w3.org/nu/. No error or warning found.
• CSS
  • The website css is checked with the validator: https://jigsaw.w3.org/css-validator/. No error found.
• Accessibility
  • All the pages received outstanding scores when run through lighthouse:

• This website runs on Github Pages: https://ozlemhafalir.github.io/ceramiclife/
• When a change is pushed to master branch, the change is automatically deployed to running website.
• The configuration for Github Pages is under Settings of the repository.

Gallery images:

https://www.pexels.com/photo/photo-of-pots-on-shelves-3094033/

https://www.pexels.com/photo/gray-round-clay-pot-3692063/

https://www.pexels.com/photo/close-up-view-of-clay-for-pottery-6611175/

https://www.pexels.com/photo/handmade-pottery-on-table-in-workshop-6611373/

https://www.pexels.com/photo/close-up-of-handmade-pottery-on-shelf-6611419/

https://www.pexels.com/photo/wood-hands-people-woman-6694312/

https://www.pexels.com/photo/white-printer-paper-with-red-color-9733006/

https://www.pexels.com/photo/wood-couple-creative-building-9733315/

https://www.pexels.com/photo/woman-in-white-long-sleeve-shirt-sitting-on-chair-9736505/

https://www.pexels.com/photo/white-and-blue-hanging-ornament-9736532/

https://www.pexels.com/photo/person-in-white-shirt-holding-round-wooden-plate-9736891/

https://www.pexels.com/photo/brown-ceramic-mug-with-brown-liquid-inside-3277951/

https://www.pexels.com/photo/skilled-black-craftswoman-painting-on-ceramic-earthenware-in-studio-3817500/

https://www.pexels.com/photo/a-person-holding-a-ceramic-plate-9304570/

https://www.pexels.com/photo/pampas-grass-on-ceramic-vase-9850116/

https://www.pexels.com/photo/white-ceramic-figurine-on-brown-wooden-table-10970680/

Homepage and sign up banner image

https://www.pexels.com/photo/person-in-white-shirt-holding-round-wooden-plate-9736891/

About us banner image

https://www.pexels.com/photo/photo-of-woman-doing-ceramic-sculpture-5682176/