Kapor

Készíts weblapot a kaporral kapcsolatos tudnivalókról!

A weblap szövegét és vázát a webforras.html állományban találod. A feladat megoldásához szükséges képek: sarok.png és a noveny.jpg. A képek használata során ügyelj arra, hogy azok a könyvtárszerkezet áthelyezése után is helyesen jelenjenek meg!
Alakítsd ki a webhely mappaszerkezetét!
A webforras.html állományt használjd fel a kaporról szóló weblap elkészítéséhez, amelyet ments el kapor.html néven, ez lesz a webhely nyitólapja!
A dokumentumban az „ek” mértékegység rövidítést cseréld le az „evőkanál” szóra!
A weboldal tulajdonságait állítsd be egységesen a következők szerint:

- Az oldal háttérszíne fehér, a szöveg színe fekete legyen!
- A böngésző címsorában megjelenő cím a „Minden a kaporról” szöveg legyen!
- Az oldal teljes szövege Helvetica vagy Arial betűtípussal jelenjen meg!
- Az oldal belső margója 10px legyen!

Az oldal fejlécét a mintának megfelelően alakítsd ki: lekerekítés, szín stb.! A fejléc háttérszíne legyen #22B14C kodú szín! A fejléc bal oldalára helyezd el a sarok.png képet!
A fejléc utáni első bekezdés szavait dőlt és félkövér betűstílussal formázd a minta szerint! Bootstrap 4 felhasználásával alakítsd át a szövegeket gombokká, amelyek a megfelelő alcímekre mutatnak:

Link szöveg	Könyvjelző helye
„Története”	„A kapor története”
„Gyógyhatás”	„A kaporfogyasztás előnyei”
„Vásárlási tanács”	„Mire figyeljünk a kapor vásárlásaor?”
„Felhasználás”	„Hogyan használjuk fel a kaprot”
„Recept”	„Receptek”

Az alcímek (5 darab) szövege kettes szintű, a dokumentum végén szereplő „Kaporleves” hármas szintű címsor stílussal, valamint mindegyik zöld (#22B14C; RGB(34, 177, 76) kódú) betűszínnel jelenjen meg!
A „Kaporleves” alcím után a „Hozzávalók:” és az „Elkészítés:” szöveg legyen félkövér betűstílusú!
Az 1. alcím mellé helyezd el a noveny.jpg képet jobbra igazítva, 10 px bal és jobb margóval! Állítsd be alternatív (magyarázó) szövegnek a „Kifejlett növény” kifejezést, és a képet 2 px vastag vonallal szegélyezd!
Alakítsd ki a minta szerinti kétoszlopos táblázatot „A kapor tápértéke:” utáni „:”-tal tagolt szövegből! A táblázat kialakítása után kettőspont ne maradjon a szövegben! A táblázat formátumát a minta szerint a Bootstrap 4 felhasználásával alakítsd ki! A fejléc alatti sorok kiemelése kövesse az egérmutatót szürke színnel (Small table - Hover Rows)!
Alakítsd ki a minta szerinti számozatlan és számozott felsorolásokat!
Kódolásod helyességét ellenőrizd a w3.org validator and tools oldalának segítségével!

kapor minta