SkillHub is a responsive education landing page designed to
help users explore courses, resources, and learning opportunities.
Built with HTML, CSS, JavaScript, and Swiper JS.
SkillHub is a fully responsive landing page designed for an educational platform. It helps individuals discover and explore various online learning resources and courses. The landing page highlights:
- Key features and benefits of the SkillHub platform.
- Easy navigation to explore courses and resources.
- A user-friendly interface with smooth transitions and an engaging experience. Built using HTML, CSS, JavaScript, and Swiper JS, the page is optimized for all devices, providing a seamless experience for potential users.
- Fully Responsive Design: Optimized for all devices (mobile, tablet, and desktop).
- Interactive Hero Section: Includes a search bar for course discovery.
- Swiper Slider Integration: Highlights popular courses with smooth navigation.
- Clear CTA: Strategically placed "Explore More" and "Join Now" buttons.
- Organized Sections: Includes About, Resources, Courses, and Contact sections.
- Modern UI/UX: Built with clean design principles to ensure a seamless user experience.
- HTML5
- CSS3
- JavaScript
- Swiper.js
- Remix Icons
To view and run this project locally, follow these steps:
Before starting, make sure you have the following installed:
- Git : Required for cloning the repository.
- A code editor like VS Code with Live Server installed for local hosting.
-
Clone the repository:
git clone https://github.com/psparwez/skillHub.git
-
Navigate to the project folder:
cd skillHub -
Open the project in your editor:
code . -
Run the project using Live Server:
- Right-click the
index.htmlfile in your editor. - Select "Open with Live Server" to launch the website in your default browser.
- Right-click the
You’re now ready to explore and customize skillHub locally!