https://github.com/abongsjoel/afcon2022-cameroon

A 3-page website built using semantic HTML5 elements, Bootstrap4 as well as plain CSS3. The pages start with a header section that uses the Bootstrap4 navbar classes to make it responsive.
https://github.com/abongsjoel/afcon2022-cameroon

bootstrap4 css3 flex-box html5 media-queries

Last synced: about 1 month ago
JSON representation

A 3-page website built using semantic HTML5 elements, Bootstrap4 as well as plain CSS3. The pages start with a header section that uses the Bootstrap4 navbar classes to make it responsive.

• Host: GitHub
• URL: https://github.com/abongsjoel/afcon2022-cameroon
• Owner: abongsjoel
• License: mit
• Created: 2020-11-19T15:00:41.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2021-02-01T23:21:40.000Z (over 4 years ago)
• Last Synced: 2025-03-25T10:36:47.482Z (about 2 months ago)
• Topics: bootstrap4, css3, flex-box, html5, media-queries
• Language: HTML
• Homepage: https://abongsjoel.github.io/afcon2022-cameroon/
• Size: 18.6 MB
• Stars: 18
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
![](https://img.shields.io/badge/Microverse-blueviolet)

# Afcon 2022 Cameroon

> A model responsive website for the African Cup of Nations due to be hosted in Camerooon in 2022.

![screenshot](../features/screenshot.png)

In this project, I built a model for a website for the African cup of Nations, (a football tournament) due to be hosted in Cameroon at the beginning of 2022. This project serves as a capstone project for the completion of the HTML and CSS curriculum of Microverse

The website is built using semantic HTML5 elements, Bootstrap4 as well as plain CSS3. The pages start with a header section that uses the Bootstrap4 navbar classes to make it responsive. The main part of the pages contain a set of HTML5 section elements that are aligned differently on different screen sizes using Bootstrap4 Grid system, Flexbox as well as the CSS box model (margin, padding, width, height).

## Video Description

- [Watch Video](https://www.loom.com/share/f22f3cbd00134fac83bf0a6b960cfc27)

## Live Demo 

- [Visit Page](https://abongsjoel.github.io/afcon2022-cameroon/)

## Built With

- HTML5

- Bootstrap4

- CSS3

## Author

👤 **Chi A. Joel**

- GitHub: [@abongsjoel](https://github.com/abongsjoel)

- Twitter: [@thierryjoel10](https://twitter.com/ThierryJoel10)

- LinkedIn: [Chi Abongwa Joel](https://www.linkedin.com/in/chi-abongwa-joel-b4285a97/)

## Acknowledgments

- [Cindy Shin](https://www.behance.net/adagio07)

- [Microverse](https://www.microverse.org/)

- [The Odin Project](https://www.theodinproject.com)

- [w3schools](https://www.w3schools.com)

## Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](https://github.com/abongsjoel/afcon2022-cameroon/issues).

## Show your support

Give a ⭐️ if you like this project!

## License

  
This project is MIT licensed.