Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/javitocor/capstone-project
HTML & CSS final project - Mock Chess tournament - Multi-page website where you can find all information relative to a fictitious chess tournament.
https://github.com/javitocor/capstone-project
bootstrap capstone-project css html5
Last synced: 3 days ago
JSON representation
HTML & CSS final project - Mock Chess tournament - Multi-page website where you can find all information relative to a fictitious chess tournament.
- Host: GitHub
- URL: https://github.com/javitocor/capstone-project
- Owner: javitocor
- License: mit
- Created: 2020-02-18T10:17:24.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2020-06-25T04:22:26.000Z (over 4 years ago)
- Last Synced: 2025-01-12T05:24:47.562Z (17 days ago)
- Topics: bootstrap, capstone-project, css, html5
- Language: CSS
- Homepage: https://raw.githack.com/javitocor/Capstone-Project/master/index.html
- Size: 2.64 MB
- Stars: 8
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Microverse's HTML&CSS Capstone Project
Multi-page website of a mock chess tournament created into the curriculum of Microverse's course.
# What it does
I created a website for a chess tournament.
The requirements are:
Whatever the content for the shop you may choose, you should build these 3 pages as the minimum requirements:
- the main page, with a menu link to the about page and tickets page
- the about page
- the tickets page
Each of these pages should have versions for 2 different screen sizes:
- mobile: up to 768px
- desktop: from 768px
You should follow the guidelines of the given design, including:
- colors
- typographies: font face, size and weight
- layout: composition and space between elements, for the 2 given screen sizes
# Built With
- HTML
- CSS
- Bootstrap
- VSCode
# Live Demo & Video Presentation
[Live Demo Link](https://raw.githack.com/javitocor/Capstone-Project/master/index.html)
[Live Presentation Link](https://www.loom.com/share/a83a363bfbd54bdfbddc0948616c4c5a)
# Getting Started
To get a local copy up and running follow these simple example steps.
Clone the project unto your local machine
cd into the folder, find the index.html file and open it
# Prerequisites
- Get your browsers up to date
# Install
- Install VSCode or any code editor you like
- Install Node JS and nmp(most recents versions)
- Run this command on your terminal in order to install stylelint: npm install stylelint stylelint-config-recommended --save-dev
# Run tests
- Test the css by typing the command: npx stylelint .
- Go to http://validator.w3.org/ , upload the index.html file to test it.
# Deployment
- Get an online web hosting
- Upload all the files in the htdocs folder of your domain
- Access your domain name in browser
# Author
👤 Javier Oriol Correas Sanchez Cuesta
- Github: [@javitocor](https://github.com/javitocor)
- Twitter: [@JavierCorreas4](https://twitter.com/JavierCorreas4)
- Linkedin: [Javier Oriol Correas Sanchez Cuesta](https://www.linkedin.com/in/javier-correas-sanchez-cuesta-15289482/)
# 🤝 Contributing
Contributions, issues and feature requests are welcome!
Feel free to check the [issues page]().
# Attributions and Credit 🚀
- Microverse
- The Odin Project
# Show your support
Give a ⭐️ if you like this project!
📝 License
Check out my stories on medium to see what I'm talking about! Follow me on Instagram and Twitter to see what I am up to!
Enjoy!