Prosty szablon z bootstrapem i paroma elementami do wykorzystania na zajęciach
- HTML 100%
| .idea | ||
| contact.html | ||
| features.html | ||
| gallery.html | ||
| index.html | ||
| readme.md | ||
🚀 StudentBootstrap – Demo Możliwości Bootstrap 5
Prosty, responsywny szablon WWW pokazujący kluczowe funkcjonalności Bootstrap 5. Przeznaczony dla studentów jako podstawa do nauki frontendu lub szybki start z projektem.
Wersja: 1.0.0 | Bootstrap: 5.3.2 | Licencja: MIT
📋 Spis treści
- 📌 Opis projektu
- 📂 Struktura plików
- 🛠 Technologie i zależności
- 🚀 Szybki start
- 🎨 Zawartość i komponenty
- 🔧 Dostosowywanie
- 📦 Rozbudowa projektu
- 📄 Licencja
- 🤝 Współpraca
📌 Opis projektu
StudentBootstrap to gotowy szablon strony WWW demonstrujący możliwości Bootstrap 5. Projekt zawiera:
- 4 podstrony (home, features, gallery, contact) z różnorodnymi komponentami.
- Responsywny design (mobile, tablet, desktop).
- Gotowe elementy UI (navbary, karuzele, formularze, karty, alerty itd.).
- Łatwą konfigurację – wystarczy edytować pliki HTML.
Cel projektu: ✅ Pokazać praktyczne zastosowanie Bootstrap 5. ✅ Służyć jako szablon startowy dla studentów. ✅ Ułatwić naukę responsywnego designu i komponentów UI.
📂 Struktura plików
student-bootstrap/
│
├── index.html # Strona główna (hero, karty, akordeon, footer)
├── features.html # Podstrona z funkcjonalnościami (tabele, alerty, paski postępu)
├── gallery.html # Galeria (karuzela, grid obrazków)
├── contact.html # Formularz kontaktowy + mapa
│
├── assets/ # (Opcjonalnie) Pliki statyczne
│ ├── css/ # Niestandardowe style CSS
│ ├── js/ # Niestandardowe skrypty JS
│ └── img/ # Obrazki (jeśli nie używasz placeholderów)
│
└── README.md # Ten plik