Content Overview

  • Name – Sanidu Harsha
  • Role – Student 2

Completed Task/Pages:

  1. User Profile
  2. Sitemap
  3. Content page
  4. Page Editor
  5. Validation Page

Link to My Work

User Profile Sitemap Content page Validation Page
View Page View Page View Page View Page

All links open in new tabs for your convenience. The validation report shows W3C validation for all my pages.

Technical Description

1. User Profile

HTML and CSS are used to create the User Profile page, which has a responsive Flexbox layout. Without the use of JavaScript, it ensures accessibility, semantic structure, and mobile-friendly design with its skill bars, contact form, styled sidebar, and well-organized content sections.

2. Sitemap

The Sitemap page creates a multi-level, scrollable site map in the horizontal direction using semantic HTML and CSS Flexbox. It guarantees responsiveness for desktop and mobile devices without JavaScript, has hover effects for interactivity, and color-coded nodes for hierarchy.

3. Content Page

Structured HTML5 sections with well-styled headings, paragraphs, and images are used on the Content page. With consistent typography, semantic markup, responsive images, and a fixed "Go to Top" button for simple navigation without JavaScript, it has a clear, readable layout.

4. Validation

The Validation page documents W3C HTML5 and CSS validation results for all project pages, using clean semantic HTML with styled sections and icons. It presents screenshots of validation passes, ensuring project compliance with web standards and best practices.

Reference

W3school html,css
Linked in, HTML Essential Training