CodersCamp 2020 - Projekt HTML & CSS

Projekt HTML & CSS — Wizytówka / Portfolio

Celem projektu jest prezentacja umiejętności w pisaniu kodu html oraz CSS po pierwszym module CodersCamp2020

W projekcie wykorzystałem:

• Box-model
• Kaskadowość CSS
• Selektory CSS
• Popularne tagi HTML
• Zmienne
• Zapisywanie kolorów
• Stylowanie tekstu
• Zewnętrzne ikony - fontawesome
• Zwenętrzne fonty (google fonts)
• Flexbox
• CSS Grid
• Position (absolute, relative)
• Animacje keyframes
• Formularz
• Dynamiczne wykrywanie trybu jasnego/ciemnego
• Płynne przewijanie strony bez użycia JS
• Wizytówka została przygotowana zgodnie z zasadami Responsive Web Design

Repozytorium

W repozytorium znajdują się:

• plik index.html
• folder style zawierający plik style.css
• folder img zawierający zdjęcia wyświetlane na dużych rozdzielczościach oraz podfolder mobile zawierający zdjęcia wyświetlane na urządzeniach mobilnych. Przełącznie pomiędzy zdjęciami odbywa się w ramach Media Querries Zdjęcia w formacie .jpg pobrane ze strony https://pixabay.com/pl/

Podgląd trybu jasnego oraz ciemnego