GithubHelp home page GithubHelp logo

sevlamare / css-course-platform Goto Github PK

View Code? Open in Web Editor NEW
2.0 2.0 0.0 7.76 MB

A landing page for a course platform.

Home Page: https://sevlamare.github.io/CSS-course-platform/

HTML 54.63% CSS 28.65% JavaScript 16.71%
responsive-design

css-course-platform's Introduction

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 [email protected]: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

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.