    Stwórz interfejs aplikacji OtoPromotor ułatwiającej znalezienie promotora pracy dyplomowej.
    Interfejs powinien być zbliżony do zaprezentowanych zrzutów ekranu i posiadać następujące cechy:

    * Strona jest podzielona na 3 panele występujące jeden po drugim:
      * Panel logo (logo.png) wraz z hasłem "Czym się różni seminarium od proseminarium? Tym samym czym motor od promotora"
      * Panel filtrów
      * Panel widoku promotorów (proszę użyć dowolnych zdjęć i podpisów)

    * Panel logo
      * (1 pkt) Przy pełnym ekranie logo i hasło znajdują się obok siebie, a po zmniejszeniu jedno pod drugim
      * (0.5 pkt) Hasło jest zawsze podzielone pomiędzy 2 wiersze
      * (0.5 pkt) Hasło jest prezentowane przy użyciu dostarczonej czcionki caveat-regular

    * Panel filtrów
      * (0.5 pkt) Zawiera 3 listy wyboru: stopnia/tytułu promotora, rodzaju prac dyplomowych, które może promować, obszaru zainteresowań
      * (1 pkt) Domyślnie wyświetlane są (niewybieralne) tytuły tych list: Tytuł/stopień naukowy/zawodowy, Praca dyplomowa, Obszar zainteresowań
      * (0.5 pkt) Przy filtrowaniu uwzględnione są kody, a nie wartości prezentowane użytkownikowi (przykładowo wybór: doktor + praca magisterska + Obliczenia numeryczne może zostać zakodowany jako academic-title=2&thesis-type=1&topic=1)
      * (1 pkt) Lista obszarów zainteresować jest podzielona na kategorie ogólne (niewybieralne) i szczegółowe (wybieralne)
      * (0.5 pkt) Naciśnięcie przycisku "Wyczyść" przywraca domyślnie wyświetlane wartości

    * Kafelki reprezentujące poszczególnych promotorów powinny:
      * (0.5 pkt) Zawierać zdjęcie promotora; jego tytuł/stopień, imię i nazwisko; listę słów kluczowych związanych z zainteresowaniami
      * (0.5 pkt) Mieć przerywaną, zaokrągloną na rogach obwódkę
      * (1 pkt) Być umieszczone w siatce o 4 kolumnach
      * (0.5 pkt) Być odpowiednio rozdzielone w pionie i w poziomie i zawierać odpowiednie światło między informacjami w kafelku a ramką   
    * (1 pkt) Zdjęcie powinny być właściwie opisane, a tytuły, imię i nazwisko umieszczone pod zdjęciem powinny być umieszczone w takich elementach HTML,
      które wskazują na ich związanie z prezentowanym zdjęciem
    * (0.5 pkt) Zdjęcia powinny być jednakowej wysokości
    * (0.5 pkt) Jeżeli umieszczone słowo kluczowe jest skrótem w języku angielskim to po najechaniu kursorem pojawia się podpowiedź rozwijająca ten skrót  

    Kolorystyka
    * (0.5 pkt) Tekst i ramki na stronie powinny być w kolorze granatowym, a tło strony powinno mieć kolor jasnoszary
    * (0.5 pkt) Zaznaczenie tekstu odwraca te kolory
    * (1 pkt) Styl CSS powinien umożliwiać zarządzanie tymi kolorami w jednym miejscu