1. Začni stažením projektu kliknutím na tlačítko stáhnout.
2. Stažený zip soubor si zkopíruj do složky xampp/htdocs
3. Zde ukol-projekt.zip rozbal tak, aby vše, co archiv
obsahuje, bylo rozbalené ve složce ukol-projekt.
4. Pokud rozbalení v pořádku proběhlo, můžeš ze složky
xampp/htdocs smazat soubor ukol-projekt.zip
5. Otevři si projekt ve VSCode a prohlédni si soubor index.php
6. Rozděl kód do více souborů, doporučuji oddělit do samostatných souborů části: head, SideBar, TopBar, Footer a Scripts. Část Main content můžeš klidně nechat v souboru index.php.
7. Vytvoř soubor config.php, v něm založ proměnnou $kontakty. Do proměnné ulož pole asiciativních polí, pro kontakty na stránce. Každý kontakt by měl mít hodnoty pro jméno, pracovní pozici a adresu.
8. Vypiš pomocí cyklu na správném místě hodnoty z pole $kontakty.
Bonus 1: Stáhni si nějaké obrázky lidí, ořízni obrázky tak, aby měli poměr stran 1:1 (čtverec). Ulož obrázky do nějaké složky u projektu, přidej v proměnné $kontakty každému kontaktu cestu k obrázku a poté hodnotu použij při výpisu kontaktů.
Bonus 2: Napiš vlastní funkci, která bude sloužit k vypisování kontaktů (podobně jako vypisujeme menu v našem hlavním projektu). Tuto funkci použij.