learning-Site

📘 TechFluent: A Responsive Educational Website UI This project showcases a responsive front-end design for an educational platform. 💡 Built using HTML5 + CSS3 only. No frameworks.

#css#e-learning-platform#flexbox#grid#html#landing-page

View Repository on GitHub ↗

REPOSITORY OVERVIEW

Live repository statistics

★ 0Stars

⑂ 0Forks

◯ 0Open issues

◉ 0Watchers

48/100

OPENREPOHUB HEALTH SIGNAL

Mixed signals

A transparent discovery signal based on current public GitHub metadata.

Recent activity35% weight

Community adoption25% weight

Maintenance state20% weight

100

License clarity10% weight

Project information10% weight

100

This score does not audit code, security, maintainers, documentation quality, or suitability. Verify the repository and its current documentation before adoption.

README preview

TechFluent - Educational Website

TechFluent is a modern educational website designed to offer a wide range of tech-related courses, connect learners with expert tutors, and help students begin their journey in tech with confidence.

🌐 Live Pages

Home Page: Home-page.html
About Us: about.html
Courses: courses.html
Contact Us: contact-us.html

📁 Project Structure

├── Icons/                  # Icons and logos used across the site
├── Images/                 # Images for courses, tutors, blogs, etc.
├── Video/                  # Video files for the about section
├── about.css               # Styles for the About page
├── about.html              # About page HTML
├── contact-us.css          # Styles for the Contact Us page
├── contact-us.html         # Contact Us page HTML
├── courses.css             # Styles for the Courses page
├── courses.html            # Courses page HTML
├── general.css             # Global styles and floating symbols animation
├── header-footer.css       # Styles for header and footer components
├── home-page.css           # Styles for the Home page
├── Home-page.html          # Home page HTML
└── README.txt              # Project documentation

🛠 Technologies Used

HTML5
CSS3
Google Fonts
Responsive Design Principles

📸 Features

Responsive layout for mobile/tablet/desktop
Floating tech symbols for visual appeal
Courses listed by category
Tutor profiles with social media
Contact form and Google Map integration
FAQ section

🚀 How to Run

Clone or download this repo
Open Home-page.html in your browser
Make sure your Images/, Icons/, and Video/ folders are properly placed

🛠 Future Improvements

Add JavaScript for dynamic features like form validation, course filtering, and mobile menu toggling.
Integrate a backend for the contact form and newsletter subscription.
Implement a CMS for blog content management.
Enhance accessibility with ARIA landmarks and keyboard navigation.

🙌 Credits

Icons and images are used for educational and demo purposes only.