more themes for the website

### **aim:**

having atleast four pre built themes in the website

### **procedure:**

- this should be achieved by preparing a design first in a design software of your choice, and then approving the design from the developers.
- this project doesn't support the use of css libraries and frameworks so you have to make the design by using only css
- keep your local repo up to date with the original one so that you don't waste your time doing something that is already done
- write specific commits and pr, so that its easy for me to understand what changes you've made : )

Start by reviewing the current website and its existing CSS to understand how themes are represented, then prepare a design for four built-in themes using CSS only. Share the design with the developers for approval before implementation. Done means the website provides at least four approved pre-built themes without CSS libraries or frameworks.

Written by the indexing model from the issue text.