Call Rate API!title> <link rel="stylesheet" href="styles/style.css" /> </head> <body class="w-full"> <div class="w-11/12 m-auto py-4 sm:w-10/12 sm:py-10 lg:w-9/12">  <div class="flex flex-1 flex-row items-center px-4 h-20 border-b-2 border-gray-100 bg-indigo-50 rounded-lg"> <div class="w-24 mr-2"> <img src="./../mobile/images/logo_vpay.png" alt="VPay Logo"/> </div> <div class="text-md font-medium">Store Front Core</div> </div>  <div class="my-8 border-b pb-4 md:mb-20 md:mt-12"> <p class="text-3xl font-medium lg:text-4xl">Changelog</p> <p class="text-gray-400 text-xs mt-2 md:tex-sm lg:text-base">Changelogs for all the updates been pushed to the Store Front Core API!</p> </div>  <div class="mb-8 border-b-2 md:mb-10"> <p class="text-xs font-semibold bg-teal-800 px-2 py-1 rounded-lg text-sky-50 inline-block md:text-sm md:py-2 md:px-3">29th of July, 2023 (v1.2) - (FT-Release/Staging-02)</p>  <div class="my-4 md:my-8"> <div class="underline text-md text-blue-800 text-extrabold md:text-lg"> <p>Release Hightlights</p> </div> <p class="text-xs mt-2 text-gray-400 md:text-sm">Completion of the beautiful changelog UI.</p> </div>  <div class="lg:max-w-2xl"> <div class="mb-4"> <div class="text-sm px-2 bg-gray-100 inline-block text-emerald-500 text-extrabold border-l-2 border-emerald-500 md:text-base"> <p>Features</p> </div> <div class="text-xs mt-2 text-gray-400 leading-6"> </div> </div> <div class="mb-4"> <div class="text-sm px-2 bg-gray-100 inline-block text-purple-500 text-extrabold border-l-2 border-purple-500 md:text-base"> <p>Modifications</p> </div> <div class="text-xs mt-2 text-gray-400 leading-6 md:text-sm md:leading-9"> <ul class="list-disc pl-4"> <li>Did some few edits.</li> </ul> </div> </div> <div class="mb-4"> <div class="text-sm px-2 bg-gray-100 inline-block text-orange-300 text-extrabold border-l-2 border-orange-500 md:text-base"> <p>Bug Fixes</p> </div> <div class="text-xs mt-2 text-gray-400 leading-6 md:text-sm md:leading-9"> </div> </div> </div> </div>  <div class="mb-8 border-b-2 md:mb-10"> <p class="text-xs font-semibold bg-teal-800 px-2 py-1 rounded-lg text-sky-50 inline-block md:text-sm md:py-2 md:px-3">28th of July, 2023 (v1.1) - (FT-Release/Staging-01)</p>  <div class="my-4 md:my-8"> <div class="underline text-md text-blue-800 text-extrabold md:text-lg"> <p>Release Hightlights</p> </div> <p class="text-xs mt-2 text-gray-400 md:text-sm">Setup this beautiful UI interface for the changelog.</p> </div>  <div class="lg:max-w-2xl"> <div class="mb-4"> <div class="text-sm px-2 bg-gray-100 inline-block text-emerald-500 text-extrabold border-l-2 border-emerald-500 md:text-base"> <p>Features</p> </div> <div class="text-xs mt-2 text-gray-400 leading-6 md:text-sm md:leading-9"> <ul class="list-disc pl-4"> <li>Included <code class="bg-gray-100 text-gray-400 rounded-lg px-1.5 pb-0.5">tailwindcss</code>, <code class="bg-gray-100 text-gray-400 rounded-lg px-1.5 pb-0.5">postcss</code>, <code class="bg-gray-100 text-gray-400 rounded-lg px-1.5 pb-0.5">autoprefixier</code> packages from npm.</li> <ul class="list-disc pl-4"> <li><code class="bg-gray-100 text-gray-400 rounded-lg px-1.5 pb-0.5">Tailwindcss:</code> to style the ui</li> <li><code class="bg-gray-100 text-gray-400 rounded-lg px-1.5 pb-0.5">Postcss:</code> to compile the tailwindcss styles used.</li> <li><code class="bg-gray-100 text-gray-400 rounded-lg px-1.5 pb-0.5">Autoprefixer:</code> part of the plugins used by postcss.</li> </ul> <li>Add a simple <code class="bg-gray-100 text-gray-400 rounded-lg px-1.5 pb-0.5">index.html</code> file to add the neccessary html and style with tailwindcss.</li> </ul> </div> </div> <div class="mb-4"> <div class="text-sm px-2 bg-gray-100 inline-block text-purple-500 text-extrabold border-l-2 border-purple-500 md:text-base"> <p>Modifications</p> </div> <div class="text-xs mt-2 text-gray-400 leading-6 md:text-sm md:leading-9"> <ul class="list-disc pl-4"> <li><code class="bg-gray-100 text-gray-400 rounded-lg px-1.5 pb-0.5">package.json</code> was modified for the inclusion of the packages installed.</li> </ul> </div> </div> <div class="mb-4"> <div class="text-sm px-2 bg-gray-100 inline-block text-orange-300 text-extrabold border-l-2 border-orange-500 md:text-base"> <p>Bug Fixes</p> </div> <div class="text-xs mt-2 text-gray-400 leading-6 md:text-sm md:leading-9"> <ul class="list-disc pl-4"> <li>Resolve the issue of tailwindcss style not been applied.</li> </ul> </div> </div> </div> </div> </div> </body> </html>