A fully responsive landing page for a "Python for Specialization" course, designed for a fictional e-learning platform called Skillshift. This project showcases a clean, modern layout with a focus on providing key information to attract potential students.
%20(1).jpg) (Note: You'll need to add your screenshot to the repository for the image to display here)
- Fully Responsive Design: Adapts seamlessly to desktop, tablet, and mobile screens.
- Built with Tailwind CSS: A utility-first CSS framework for rapid UI development and maintainable styling.
- Informative Sections: Includes sections for curriculum, skills you'll gain, testimonials, and instructor details.
- Interactive UI Elements: Features a tabbed layout for course info and collapsible curriculum details.
Follow these instructions to get a copy of the project up and running on your local machine for development and testing purposes.
You need a basic development environment. Using the Live Server extension in VS Code is highly recommended for the best experience.
-
Clone the repository:
git clone [https://github.com/codevory/course-landing-page.git](https://github.com/codevory/course-landing-page.git)
-
Navigate to the project directory:
cd course-landing-page -
View the website:
- Simply open the
dist/index.htmlfile in your browser. - Or, for a better experience with live reloading, right-click on
dist/index.htmlin VS Code and select "Open with Live Server".
- Simply open the
If you want to modify the styles, you'll need to run the Tailwind CSS build process.
- Run the Tailwind CLI watch command:
This command will watch for any changes in your source CSS files and automatically rebuild the
output.cssfile.npx tailwindcss -i ./src/style.css -o ./dist/output.css --watch