Harjoitus2: Single Page Website

Tredun ohjelmistokehittäjien kurssimateriaaleja

Harjoitus2: Single Page Website

  1. Lisää repoon kansio “asetteluharjoitus1”, tee sen alle tiedostot kauppa.html ja kauppa.css. Lisää käyttämäsi kuvat tiedostoina. Huomioi kuvien koko, muuta tarvittaessa sopiviksi. Tehtävänä on laatia yksisivuinen sivu pienelle kaupalle.

Tervetuloa Lisää otsikko ja kaupan lyhyt esittely. Halutessasi voit lisätä myös sopivan kuvan kaupalle.

Navigointi Lisää navigointi (nav) joko vasempaan reunaan tai poikittain. Muotoile navigointipalkki painikkeiksi ja lisää sopiva hover-efekti.

Tuotteet Lisää väliotsikko Tuotteet. Näytä vähintään neljä tuotetta. Käytä grid tai flexboxia apuna asettelussa. Tuotteilla tulisi näkyä kuva, otsikko ja hinta.

Arvostelut Lisää väliotsikko Arvostelut. Näytä vähintään kolme arvostelua. Käytä grid tai flexboxia apuna asettelussa. Arvosteluissa on lyhyt teksti, arvioijan nimi ja päiväys.

Yhteystiedot Sivun lopussa näytä kaupan yhteystiedot.

https://teams.microsoft.com/l/message/19:c8a34b8db36e4b3489b2a70a1100ade9@thread.tacv2/1693292552432?tenantId=f35cd033-1b97-4cd8-8de4-56fd482739e1&groupId=994a54de-363c-406b-b463-b6e2bb9c54bc&parentMessageId=1693292552432&teamName=2308TiviPOk02&channelName=HTML ja CSS&createdTime=1693292552432&allowXTenantAccess=false