GithubHelp home page GithubHelp logo

rammazzoti2000 / html-css-capstone-project Goto Github PK

View Code? Open in Web Editor NEW
9.0 2.0 2.0 4.95 MB

Capstone (solo) project at the end of the Microverse Main Technical Curriculum (HTML/CSS module).

Home Page: https://rammazzoti2000.github.io/HTML-CSS-capstone-project/

License: MIT License

CSS 36.86% HTML 20.21% JavaScript 5.00% Less 37.93%
capstone microverse solo html less bootstrap

html-css-capstone-project's Introduction

Contributors Forks Stargazers Issues Hireable


Logo

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

Product Name Screen Shot

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

screenshot

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

🤝 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

📝 License

This project is MIT licensed.

html-css-capstone-project's People

Contributors

imgbotapp avatar rammazzoti2000 avatar rammazzoti2001 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

html-css-capstone-project's Issues

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.