https://github.com/antoninazz/practiceproject1
This project is part of my educational internship where I learned how to use the Bootstrap framework and applied it to create a responsive website. The goal was to build a website based on a provided layout, making it adaptive to various devices.
https://github.com/antoninazz/practiceproject1
bootstrap css css3 html html-css html5 html5-css3
Last synced: 2 months ago
JSON representation
This project is part of my educational internship where I learned how to use the Bootstrap framework and applied it to create a responsive website. The goal was to build a website based on a provided layout, making it adaptive to various devices.
- Host: GitHub
- URL: https://github.com/antoninazz/practiceproject1
- Owner: AntoninaZz
- Created: 2022-06-07T19:27:53.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2025-02-26T11:43:57.000Z (over 1 year ago)
- Last Synced: 2025-06-20T07:49:12.891Z (about 1 year ago)
- Topics: bootstrap, css, css3, html, html-css, html5, html5-css3
- Language: HTML
- Homepage: https://antoninazz.github.io/PracticeProject1/
- Size: 1.64 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Practice Project - Responsive Website with Bootstrap
This project is part of my educational internship where I learned how to use the Bootstrap framework and applied it to create a responsive website. The goal was to build a website based on a provided layout, making it adaptive to various devices.
## Project Tasks:
1. Create a page based on a provided layout with fixed width.
2. Make the page responsive, so it looks good on different devices.
3. Host the page online using GitHub Pages.
## Features:
- Responsive layout with Bootstrap classes.
- Navigation menu collapses into a hamburger menu on smaller screens.
- Static footer.
- First section covers the entire viewport height.
- Button color darkens by 10% on hover.
- Content scales according to the viewport width.
- Columns switch from 2/3 to a single column on smaller screens.
## Technologies:
- **HTML**: For the structure and content.
- **CSS**: For styling, including custom styles.
- **Bootstrap**: For responsive layout and components.
## Live Project:
The project is hosted on GitHub Pages at:
[https://antoninazz.github.io/PracticeProject1/](https://antoninazz.github.io/PracticeProject1/)