Ubuntu Learning Project Website :

This is a simple static website built using HTML, CSS, and a bit of JavaScript.
It is designed to demonstrate a structured, mobile-responsive, and accessible web design for educational purposes — part of the Ubuntu Learning Project.

Features :

Responsive layout for desktop and mobile

• Navigation bar with links to all main pages
• Home, About Us, and Contact sections
• Font Awesome integration for social and UI icons
• Google Fonts for modern typography
• Contact form (frontend only)
• Embedded Google Map for location
• Team member showcase with photos
• Screenshots of responsive image of the website in different media queries

File & Folder Structure :

Page Overview

Home Page (index.html)

• Introduction to the Ubuntu Learning Project
• Navigation bar
• Logo or branding area
• Footer

About Page (about.html)

• Mission and vision
• 10-week roadmap
• Technical requirements
• Team section with staff images and bios

Contact Page (contact.html)

• Organization address, phone, and email
• Google Map embed
• Contact form:
  • Name
  • Surname
  • Gender
  • Email
  • Location (Province/City)
  • Message
• Social media icons (Font Awesome)
• Mobile menu functionality (JavaScript)

References :

If you share resources, Creative Commons licensing is essential. Use this to license your educational content.(https://creativecommons.org/about/)

Covers best practices for content, design, accessibility, and technical setup for nonprofit websites(https://www.idealware.org/reports/a-nonprofits-guide-to-building-a-website/)

Practical accessibility checklist for developers building inclusive web interfaces. (https://www.a11yproject.com/checklist/)

Installation / How to Run :

Download or clone this repository:

bash

git clone https://github.com/your-username/ubuntu-learning.git cd ubuntu-learning