Java 11
1 min
Në javën e 11-të, ne do të vazhdojmë të punojmë për How it started Section
Ushtrimi i javës
Le të rishikojmë detyrat që duhet të përmbushen këtë javë.
Vazhdoni me projektin ku keni mbetur. Sigurohuni që të keni përfunduar të gjitha detyrat nga java e 10-të përpara se të vazhdoni.
Përmirësoni strukturën dhe paraqitjen e faqes në internet. Kushtojini vëmendje elementeve të projektimit dhe sigurohuni që ato të zbatohen me saktësi.
Zbatoni funksionalitetin e kërkuar bazuar në specifikimet e projektit.
Personalizojeni dizajnin më tej për t'iu përshtatur projektit tuaj personal. Modifikoni tekstin, imazhet, ngjyrat dhe elementët e tjerë vizualë për t'u lidhur me markën dhe kërkesat e projektit tuaj.
Dizajnin mund ta gjeni këtu.
Kodi per How it started
<div class="container mx-auto">
<div class="flex space-x-8">
<div class="w-1/2 text-white">
<p class="text-4xl mb-6 font-bold">How it started</p>
<p>
Welcome to our restaurant in Michigan, where we serve up delicious food with a side of warmth and hospitality. Our menu features a wide variety of dishes that are prepared using the freshest ingredients, sourced from local farmers and suppliers. Whether you're in the mood for a juicy steak, a crisp salad, or a hearty pasta dish, our chefs have got you covered.
</p>
<br>
<p>
At our restaurant, we pride ourselves on providing a memorable dining experience, from the moment you step through the door to the last bite of dessert. Our knowledgeable and friendly staff are always on hand to answer any questions you may have and ensure that your dining experience is nothing short of exceptional.
</p>
<br>
<p>
So come on down and join us for a meal you won't forget!
</p>
</div>
<div class="grid grid-cols-2 gap-4 w-1/2">
<div class="border-2 border-orange-300 p-4 text-white">
<img src="./svg/logo1.svg" alt="logo1">
<p class="text-lg font-bold mt-4">Title</p>
<p class="text-lg">Description</p>
</div>
<div class="border-2 border-orange-300 p-4 text-white">
<img src="./svg/logo2.svg" alt="logo2">
<p class="text-lg font-bold mt-4">Title</p>
<p class="text-lg">Description</p>
</div>
<div class="border-2 border-orange-300 p-4 text-white">
<img src="./svg/logo3.svg" alt="logo3">
<p class="text-lg font-bold mt-4">Title</p>
<p class="text-lg">Description</p>
</div>
<div class="border-2 border-orange-300 p-4 text-white">
<img src="./svg/logo4 .svg" alt="logo4">
<p class="text-lg font-bold mt-4">Title</p>
<p class="text-lg">Description</p>
</div>
</div>
</div>
</div>
Përgatitje për javën e 12-të
Për të kuptuar se si funksionon TailwindCSS, duhet të ushtroni me videot e mëposhtme dhe të krijoni dizajne të ndryshme:
From Zero to Production - Një listë me video të shkurta
Build a Modern Landing Page With Tailwind CSS - Një demonstrim i plotë dhe krijim i një faqeje moderne
Tailwind Crash Course | Project From Scratch - Një projekt tjetër interesant
Diskutimet
