Java 13 - TechUP

Java 13

1 min

Në javën e 13-të, ne do të vazhdojmë të punojmë Working Hours 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 12-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 Working Hours

            
                <div class="border-2 border-orange-300 w-max my-20 mx-auto">
   <p class="text-white py-3 px-4">Get Directions</p>
</div>
<div class="flex items-center bg-gray-800">
   <div class="w-1/2 relative">
      <div class="bg-gradient-to-r from-slate-800 absolute h-full w-full">
      </div>
      <p class="absolute text-5xl text-orange-300 font-bold top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">Working Hours</p>
      <img src="./image/working-houers.jpg" alt="working-houers" class="w-full">
   </div>
   <div class="w-1/2">
      <div class="flex items-center justify-center text-white space-x-8">
         <div class="text-center space-y-4">
            <p class="text-xl">Monday to Friday</p>
            <p class="font-bold text-2xl">08:00 AM</p>
            <p class="font-bold text-2xl">03:00 PM</p>
         </div>
         <div class="text-center space-y-4">
            <p class="text-xl">Saturday</p>
            <p class="font-bold text-2xl">08:00 AM</p>
            <p class="font-bold text-2xl">04:00 PM</p>
         </div>
      </div>
   </div>
</div>

Përgatitje për javën e 14-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