https://github.com/sevlamare/css-course-platform

A landing page for a course platform.
https://github.com/sevlamare/css-course-platform

responsive-design

Last synced: about 2 months ago
JSON representation

A landing page for a course platform.

• Host: GitHub
• URL: https://github.com/sevlamare/css-course-platform
• Owner: SevlaMare
• Created: 2020-03-11T21:02:40.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2020-11-07T16:32:02.000Z (almost 5 years ago)
• Last Synced: 2025-01-07T20:25:19.007Z (9 months ago)
• Topics: responsive-design
• Language: HTML
• Homepage: https://sevlamare.github.io/CSS-course-platform/
• Size: 7.58 MB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# 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](./images/screenshot/home.png)

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

![screenshot](./images/screenshot/about.png)

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

![screenshot](./images/screenshot/tickets.png)

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

## Live Demo

[Live Demo Link](https://sevlamare.github.io/CSS-course-platform/)

## 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**

- Github: [@SevlaMare](https://github.com/SevlaMare)

- Twitter: [#SevlaMare)](https://twitter.com/SevlaMare)

- Linkedin: [SevlaMare)](https://www.linkedin.com/in/sevla-mare)

## 🤝 Contributing

Contributions, issues and feature requests are welcome!

Feel free to check the [issues page](issues/).

## 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