https://github.com/psparwez/skillhub
A modern, responsive landing page for SkillHub, designed to showcase educational resources and services. Built using HTML, CSS, JavaScript, and Swiper JS.
https://github.com/psparwez/skillhub
course-website education html-css-javascript landing-page learning online-education-learning skillhub skills-course
Last synced: 8 months ago
JSON representation
A modern, responsive landing page for SkillHub, designed to showcase educational resources and services. Built using HTML, CSS, JavaScript, and Swiper JS.
- Host: GitHub
- URL: https://github.com/psparwez/skillhub
- Owner: psparwez
- License: mit
- Created: 2024-12-07T07:36:09.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2024-12-07T08:10:03.000Z (10 months ago)
- Last Synced: 2025-01-05T10:12:44.145Z (9 months ago)
- Topics: course-website, education, html-css-javascript, landing-page, learning, online-education-learning, skillhub, skills-course
- Language: CSS
- Homepage:
- Size: 1.02 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
SkillHub - Education Landing Page 🎓
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.
[](https://github.com/psparwez/JStack-job-portel)
### Demo Screenshots
# 🚀 Project Overview
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.
## 🌟 Features
- 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.
## 🛠️ Tech Stack
- HTML5
- CSS3
- JavaScript
- Swiper.js
- Remix Icons
## 🔧 Installation
To view and run this project locally, follow these steps:
### Prerequisites
Before starting, make sure you have the following installed:
- [Git](https://git-scm.com/) : Required for cloning the repository.
- A code editor like [VS Code](https://code.visualstudio.com/) with **Live Server** installed for local hosting.
### Steps:
1. **Clone the repository:**
```bash
git clone https://github.com/psparwez/skillHub.git
```
2. **Navigate to the project folder:**
```bash
cd skillHub
```
3. **Open the project in your editor:**
```bash
code .
```
4. **Run the project using Live Server:**
- Right-click the `index.html` file in your editor.
- Select **"Open with Live Server"** to launch the website in your default browser.
---
You’re now ready to explore and customize **skillHub** locally!
---
### 📜 License
[MIT](https://choosealicense.com/licenses/mit/)