Skip to content

mtaseva/Bootstrap-5-Tutorial

Repository files navigation

📘 README (in English) 🇬🇧

📘 This README is also available in Macedonian: README.mk.md

Bootstrap 5 Tutorial

📌 Description

This is a simple educational project that demonstrates key components and features of Bootstrap 5 using HTML. The website is written in Macedonian and introduces learners to the basics of Bootstrap, including layout, typography, colors, tables, images, and other UI components.

The project is ideal for students or beginners looking to understand how Bootstrap works through local examples and navigation.

🛠 Features

  • ✅ Responsive design with Bootstrap 5
  • 🧱 Demonstrates layout, typography, colors, tables, and images
  • 🌐 Navbar for easy navigation between topics
  • 🇲🇰 Text and content written in Macedonian
  • 🖼 Custom logo and favicon integration

🧩 File Structure

Bootstrap-Tutorial/

├── bootstrap.html # Main page with Bootstrap overview

├── firstpage.html # Sample Bootstrap layout page

├── typography.html # Typography examples

├── colors.html # Bootstrap color utility examples

├── tables.html # Tables using Bootstrap styles

├── images.html # Image handling in Bootstrap

├── other.html # Other Bootstrap components

├── boot.png # Logo used in header

├── logo.png # Centered image/logo on main page

├── bootstrap.png # Favicon icon

└── README_EN.md # English documentation

🚀 How to Use

  1. Download or clone this repository.
  2. Open bootstrap.html in any web browser.
  3. Click through the navbar to explore different sections of the tutorial.

No server or backend is needed — this is a static HTML project.

👤 Author

This project was created for educational purposes by Marija Taseva.

About

Simple web page using HTML, CSS and Bootstrap 5.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages