⇩ [PL below]
The project was made as part of CodersCamp course.
The project had to demonstrate a practical knowledge of the following topics related to HTML & CSS:
- Box-model
- The CSS Cascade
- CSS selectors
- Commonly used HTML tags and semantic elements in HTML
- How to add CSS to HTML
- How to define colors as variables in CSS
- Text formatting
- External icons / fonts (fontawesome, google fonts)
- Flexbox and/or CSS Grid
- Position (absolute, relative)
- Keyframe Animation
- Form (submitting the form may cause the page to be reloaded)
- Responsive Web Design
Additionally:
- BEM methodology
The limitation imposed by the project was not using JavaScript or any other framework. Pre-built style libraries such as Bootstrap were not used either.
PREVIEW: 🔗 monpie3.github.io/visitingcard/
Projekt robiony w ramach kursu CodersCamp.
W projekcie należało zaprezentować praktyczną znajomość poniższych zagadnień związanych z HTML & CSS:
- Box-model
- Kaskadowość CSS
- Selektory CSS
- Popularne tagi HTML
- Jak podpinać CSSa do HTMLa
- Zapisywanie kolorów
- Stylowanie tekstu
- Zewnętrzne ikony/fonty (fontawesome, google fonts)
- Flexbox i/lub CSS Grid
- Position (absolute, relative)
- Animacje keyframes
- Formularz (wysłanie formularza może powodować przeładowanie strony, gdyż w kursie nie było jego obsługi)
- Responsive Web Design
Dodatkowo:
- Metodologia BEM
Ograniczeniem narzuconym w ramach projektu było nieużywanie JavaScriptu ani żadnego innego frameworka. Nie używano także gotowych bibliotek styli takich jak Bootstrap.
PODGLĄD: 🔗 monpie3.github.io/visitingcard/