Skip to content

A responsive Udemy clone webpage built with HTML and CSS. It replicates key features of the Udemy platform, including a dynamic homepage, course cards, and course detail pages. Perfect for showcasing front-end development skills and UI/UX layout design.

Notifications You must be signed in to change notification settings

Jenidevops/Udemy-Clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Udemy-Clone🎓 – HTML & CSS Webpage This project is a front-end Udemy homepage clone, crafted using only HTML and CSS. It captures the look and feel of the real Udemy website, including a custom navbar, search bar, category filters, course cards, responsive layout, and sleek hover effects. It’s perfect for learning, showcasing front-end skills, or using as a base for further development.

🌟 Features 🧭 Modern and responsive navigation bar

🔍 Functional search input layout

🗂️ Category buttons with hover styling

🖼️ Uniform course card layout with clean image display

🎯 Interactive hover effects on cards and topics

📱 Responsive design for different screen sizes

🦄 Simple, semantic HTML + maintainable CSS using BEM naming

🛠️ Built With HTML5

CSS3

Font Awesome

Google Fonts (Gabarito)

📁 Folder Structure css Copy Edit /images - course and banner images index.html - main webpage structure style.css - all styling and layout rules

🚀 Getting Started Clone the repository

Open index.html in your browser

You're good to go — no frameworks or build tools needed!

About

A responsive Udemy clone webpage built with HTML and CSS. It replicates key features of the Udemy platform, including a dynamic homepage, course cards, and course detail pages. Perfect for showcasing front-end development skills and UI/UX layout design.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published