This project is a simple HTML-based webpage that explains the concept of colorblindness.
It is designed with a dark theme, a stylish font, and charcoal grey content boxes.
The page is divided into four main sections::
- Details → Explains what colorblindness is and how it changes perception. Includes an image (
eye.jpg). - Types → Describes different types of colorblindness (red-green, blue-yellow, monochromacy). Includes an image (
color.jpg). - Causes → Explains biological and genetic reasons for colorblindness. Includes an image (
diagram.jpg). - Help → Suggests diagnosis methods and coping strategies.
At the top of the page, there are navigation buttons (Details, Types, Causes, Help).
Clicking these buttons will smoothly scroll to the respective section.
- Fullscreen layout with a white border around the page.
- Pacifico calligraphy font for stylish text.
- Internal linking using
idand anchor tags. - Images embedded between text for better understanding.
- Responsive design with centered content.
- Clone or download the project files.
- Place the images (
eye.jpg,color.jpg,diagram.jpg) in the same folder as the HTML file. - Open the
index.htmlfile in a web browser. - Use the navigation buttons to explore the different sections.