pzarnecki/Demo_srednio_rozbudowane_dla_studentow
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
Jak w tytule. Już kilka elementów do własnej pracy. Można z projektu wyciągnąć coś więcej
3 commits 1 branch 0 tags 44 KiB
  • HTML 84.6%
  • CSS 11.1%
  • JavaScript 4.3%
Find a file
Exact
przemekz 0a3855cf3f Wersja rozwojowa strony, która już kilka elementów zawiera
2025-10-24 08:28:10 +02:00
.idea Wersja rozwojowa strony, która już kilka elementów zawiera 2025-10-24 08:23:48 +02:00
css Wersja rozwojowa strony, która już kilka elementów zawiera 2025-10-24 08:26:41 +02:00
js Wersja rozwojowa strony, która już kilka elementów zawiera 2025-10-24 08:23:48 +02:00
galleria.html Wersja rozwojowa strony, która już kilka elementów zawiera 2025-10-24 08:26:41 +02:00
index.html Wersja rozwojowa strony, która już kilka elementów zawiera 2025-10-24 08:23:48 +02:00
kontakt.html Wersja rozwojowa strony, która już kilka elementów zawiera 2025-10-24 08:23:48 +02:00
o-nas.html Wersja rozwojowa strony, która już kilka elementów zawiera 2025-10-24 08:23:48 +02:00
readme.md Wersja rozwojowa strony, która już kilka elementów zawiera 2025-10-24 08:28:10 +02:00
uslugi.html Wersja rozwojowa strony, która już kilka elementów zawiera 2025-10-24 08:23:48 +02:00

readme.md

Demo Strona dla Studentów

Prosta strona demonstracyjna z Bootstrapem, responsywnym menu, formularzem, mapą Google i tabelą.

Technologie

  • Bootstrap 5.3 (responsywność, komponenty)
  • CSS3 (customowe style, animacje menu)
  • JavaScript (menu hamburger, interakcje)
  • Google Maps API (losowa lokalizacja w formularzu)

Struktura

  • Strona główna (index.html) – baner, sekcja z kartami.
  • O nas (o-nas.html) – opis firmy/zespołu.
  • Usługi (uslugi.html) – rozwijane menu z podstronami.
  • Kontakt (kontakt.html) – formularz + mapa Google.
  • Galeria (galeria.html) – flexbox z obrazkami + responsywna tabela.

Jak uruchomić?

  1. Sklonuj repozytorium lub pobierz pliki.
  2. Otwórz index.html w przeglądarce.
  3. Uwaga: Mapa Google wymaga klucza API (zobacz dokumentację Google Maps).

Zadania dla studentów

  • Dodaj nową podstronę z własną zawartością.
  • Zmodyfikuj kolorystykę w style.css.
  • Dodaj walidację do formularza w kontakt.html.
  • Przetestuj responsywność na różnych urządzeniach.
  • AAA - dodaj link do menu do GALERIA. Zapomniałem ;-)