HTML/CSS Capstone Project

This project is part of the Microverse CSS3 and HTML curriculum!


Explore the docs »




View Demo
·
Report Bug
·
Request Feature

Table of Contents

• About the Project
  • Built With
• Live Version
• Contact
• Acknowledgements

About The Project

This project is a Capstone Project. Capstone projects are solo projects at the end of the each of the Microverse Main Technical Curriculum modules.

Here are the objectives for this project:

• Build 3 pages as the minimum requirements

  • the main page (search page), with a link to the results page
  • the search results page, with a list of schools each with a link to the detail school page
    • the detail school page

• Each of these pages have versions for 3 different screen sizes

  • mobile: up to 768px
  • tablet: up to 1024px
  • desktop: from 1024px

• It has been followed the guidelines of the given design, including

  • colors (they are not explicitly in the design, but you can pick them from the design page)
  • colors (they are not explicitly in the design, but you can pick them from the design page)
  • layout: composition and space between elements, for the 3 given screen sizes

Built With

This project was built using these technologies.

• HTML
• CSS3
• LESS (CSS)
• BootStrap
• Stickler
• Atom

Usage

If you want to use it locally download or clone the repo with the following command on a linux terminal:

git clone https://github.com/rammazzoti2000/HTML-CSS-capstone-project.git

cd to the projects directory and open the index.html in your browser

Live project demo and Walkthrough Video

Live demo link

Walkthrough Video

Automated Test

There are no Automated Test for this project yet

Potential future features

• Make it a full stack application using back-end technologies, mainly RubyOnRails
• Improve the front-end

Contact

👤 Alexandru Bangau - twitter: @alex_maxinova - github: @ramamzzoti2000 - gmail: bangau.alexandru@gmail.com

🤝 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!

Credit

Original site design by Mathew Njuguna and others on Behance

Acknowledgements

• Microverse
• The Odin Project
• HTML Cheat Sheet
• LESS Documentation
• BootStrap Documentation

📝 License

This project is MIT licensed.