donations section

index.html

@@ -24,6 +24,14 @@
             <div class="grid grid-cols-2 grid-rows-1 gap-x-20">
                 <div id="col-sec-1" class="bg-bg-accent col-start-auto rounded text-text">
                     <h2 class="text-2xl my-4 text-center">Donations & Support</h2>
+                    <div class="mx-9 flex flex-col">
+                        <span>
+                            This project is completely open source and free for developers. Supporting the project helps us cover costs such as domain registration and hosting. You can support us via Ko-fi by using the widget on this site or visiting our Ko-fi page. 
+                        </span>
+                        <div class="place-self-center flex flex-col mt-5">
+                            <a class="text-lg px-10 py-2 bg-bg mx-5 rounded hover:ring hover:ring-accent focus:ring focus:ring-accent ring ring-gray-600" href="https://redirect.is-a-good.dev/kofi">Ko-fi</a>
+                        </div>
+                    </div>
                 </div>
                 <div id="col-sec-2" class="bg-bg-accent col-start-auto rounded text-text">
                     <h2 class="text-2xl my-4 text-center">Useful Links</h2>