Skip to content

SevlaMare/CSS-course-platform

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

44 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Course Platform Page

A web page to land a course platform, where you can buy tickets for the next online classes.

This project was made to practice all technical aspects from HTML/CSS involved while building websites, such as responsive layout, spacing, typography, and accessibility.

screenshot This is the home page, with a modern and minimalist design.

screenshot We have another page about the program, which is very descriptive.

screenshot On the last page, you can check out to buy a ticket, with just 3 clicks.

Live Demo

Live Demo Link

Requirements

    General

  • Should have the main page with a navbar.
  • Should have an about page.
  • Should have the tickets page to buy the courses.
  • At least two breakpoints, boundaries in 768px.

    Specific

  • Use this colors: #272a31, #ec5242 and #d3d3d3
  • Typographies: font face, size and weight
  • Layout: composition and space between elements, for the 2 given screen sizes

Built With

  • Html5 and CSS3
  • Stickler-CI (Linter) and W3C validator
  • Git, Github and VScode

Potential future features

  • Implement the back-end
  • Add CSS effects

Getting Started

To get a local copy up and running follow these steps.

Prerequisites

If you don't want to follow the commits history, skip these steps
-Download Git at https://git-scm.com/downloads
-Make a Github account and set up your SSH key in your current machine.
-Clone the repository with terminal:
git clone git@github.com:SevlaMare/mint-sign-up-clone.git

Setup

Click on the green button on this page (Code) and click on (Download Zip)
Unzip files. It's ready to use!

Run

Just drag-drop, the index.html on some web browser, like Google Chrome.

Author

👤 Thiago Miranda

🤝 Contributing

Contributions, issues and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

  • A special thanks to the code reviewers.

📝 License

Design idea by Cindy Shin in Behance

Creative Commons

Releases

No releases published

Packages

No packages published