Projekt został stworzony w trakcie kursu programowania webowego CodersCamp. Celem projektu było stworzenie strony - wizytówki z zastosowaniem HTML i CSS. Strona stanowi portfolio opisujące moje umiejętności i projekty związane z programowaniem. Stronę można zobaczyć pod linkiem https://robert-czwartosz.github.io/CodersCamp2020.Project.HTML-CSS.BusinessCard/.
- index.html - treść strony w HTML
- style.css - arkusz styli opisujący wygląd poszczególnych elementów strony
- CV_Robert_Czwartosz.pdf - moje CV w formacie .pdf
- katalog fontello - zawiera pliki umożliwiające dodanie ikonek
- katalog screenshots - zawiera pliki z grafikami użytymi w niniejszym opisie
- HTML
- CSS
- Fontello
- Responsive Web Design
- GitHub Pages
Na początku strony widać animację wykonującą się w nieskończonej pętli.
Po przesunięciu w dół pasek nawigacji zostaje "przyklejony" do górnej części okna przeglądarki.
Po kliknięciu w przycisk "Moje CV" zostaje otwarty w nowej karcie przeglądarki plik .pdf zawierający CV.
Każda kategoria zawiera obramowanie o unikalnym kolorze, listę umiejętności oraz listę projektów z nią powiązanych. Po kliknięciu w projekt następuje przeniesienie do danego projektu w sekcji Projekty.
Każdy projekt zawiera czas wykonywania, opis, listę zastosowanych umiejętności/narzędzi (kolor obramowania wskazuje na kategorię do której dana umiejętność/narzędzie należy) oraz przycisk odsyłający do odpowiedniego repozytorium na GitHubie. Po kliknięciu w umiejętność/narzędzie następuje przeniesienie do kategorii do której należy dana umiejętność/narzędzie. Po kliknięciu w przycisk "Zobacz projekt" zostaje otwarte repozytorium danego projektu w nowej karcie w przeglądarki.
Wysłanie formularza powoduje jedynie przeładowanie strony, dlatego nie jest możliwy kontakt poprzez formularz. W pobliżu formularza znajdują się ikonki po kliknięciu których w nowej karcie otwarty zostaje mój profil na LinkedIn lub GitHubie.
Zastosowanie Responsive Web Designu sprawia, że strona poprawnie się wyświetla na dowolnym ekranie oraz nie pojawia się poziomy pasek przewijania.