diff --git a/README.md b/README.md index 9a66041..efd2a86 100644 --- a/README.md +++ b/README.md @@ -1,7 +1,22 @@ -# Learning Git and GitHub +# Bootstrap Layout Examples -Version control is an essential skill for developers to master, and Git is by far the most popular version control system on the web. In this fast-paced course, author Ray Villalobos shows you how to install Git and use the fundamental commands you need to work with Git projects: moving files, managing logs, and working with branches. +This project is a static website that showcases various layout examples using the Bootstrap framework. It serves as a practical guide for developers who want to learn how to create responsive layouts using Bootstrap's grid system, flexbox utilities, and media components. -# What You'll Learn +## Features -Plus, you'll learn how to work with the popular GitHub website to explore existing projects, clone them to your local hard drive, and use them as templates for your new projects. +The website includes the following layout examples: + +* **Homepage:** A landing page that introduces the project and provides navigation to the other layout examples. +* **Columns:** A demonstration of Bootstrap's multi-column grid system, showcasing how to create responsive layouts that adapt to different screen sizes. +* **Media:** A display of Bootstrap's media components, which are ideal for creating layouts with images and text, such as blog posts or product listings. + +## Getting Started + +To view the website, you can either: + +1. **Open the HTML files directly:** Clone this repository to your local machine and open the `docs/index.html` file in your web browser. +2. **Use a local web server:** For a more realistic experience, you can run a local web server in the `docs` directory. This will allow you to view the website at a URL like `http://localhost:8000`. + +## License + +This project is licensed under the terms of the [MIT License](LICENSE).