Apply new design to Packages page as well.

Signed-off-by: alexmerlin <[email protected]>

Author: alexmerlin

packages/index.html

@@ -488,14 +488,12 @@ <h5 class="card-title">Device information</h5>
 
     <footer class="footer">
         <div class="container">
+            <hr class="mb-5" />
+
             <div class="row">
                 <div class="col-md-9">
-                    <div class="footer_head">
-                        <p>Dotkernel</p>
-                    </div>
-
                     <div class="row">
-                        <div class="col-md-6 dk_widget">
+                        <div class="col-lg-4 col-md-6 dk_widget">
                             <p>Dotkernel API</p>
 
                             <a href="https://docs.dotkernel.org/api-documentation/">
@@ -504,7 +502,7 @@ <h5 class="card-title">Device information</h5>
                             </a>
                         </div>
 
-                        <div class="col-md-6 dk_widget">
+                        <div class="col-lg-4 col-md-6 dk_widget">
                             <p>Dotkernel Admin</p>
 
                             <a href="https://docs.dotkernel.org/admin-documentation/">
@@ -513,7 +511,7 @@ <h5 class="card-title">Device information</h5>
                             </a>
                         </div>
 
-                        <div class="col-md-6 dk_widget">
+                        <div class="col-lg-4 col-md-6 dk_widget">
                             <p>Dotkernel Frontend</p>
 
                             <a href="https://docs.dotkernel.org/frontend-documentation/">
@@ -522,7 +520,7 @@ <h5 class="card-title">Device information</h5>
                             </a>
                         </div>
 
-                        <div class="col-md-6 dk_widget">
+                        <div class="col-lg-4 col-md-6 dk_widget">
                             <p>Dotkernel Light</p>
 
                             <a href="https://docs.dotkernel.org/light-documentation/">
@@ -531,7 +529,7 @@ <h5 class="card-title">Device information</h5>
                             </a>
                         </div>
 
-                        <div class="col-md-6 dk_widget">
+                        <div class="col-lg-4 col-md-6 dk_widget">
                             <p>Dotkernel Packages</p>
 
                             <a href="https://docs.dotkernel.org/packages/">
@@ -540,7 +538,7 @@ <h5 class="card-title">Device information</h5>
                             </a>
                         </div>
 
-                        <div class="col-md-6 dk_widget">
+                        <div class="col-lg-4 col-md-6 dk_widget">
                             <p>Dotkernel environment</p>
 
                             <a href="https://docs.dotkernel.org/development/">
@@ -551,34 +549,33 @@ <h5 class="card-title">Device information</h5>
                     </div>
                 </div>
 
-                <div class="col-md-3">
+                <div class="col-md-3 pt-3">
                     <div class="footer_head">
                         <p>Support</p>
                     </div>
 
-                    <ul class="support__list">
-                        <li class="support__list-item">
+                    <ul class="support__list row">
+                        <li class="support__list-item col-lg-6 mb-md-3">
                             <a href="https://github.com/dotkernel" class="support__link" title="GitHub" target="_blank">
                                 <i class="bi bi-github"></i> GitHub
                             </a>
                         </li>
-                        <li class="support__list-item">
+                        <li class="support__list-item col-lg-6 mb-md-3">
                             <a href="https://dotkernel.slack.com" class="support__link" title="Chat" target="_blank">
                                 <i class="bi bi-slack"></i> Slack
                             </a>
                         </li>
-                        <li class="support__list-item">
+                        <li class="support__list-item col-lg-6 mb-md-3">
                             <a href="https://twitter.com/dotkernel" class="support__link" title="X (Twitter)" target="_blank">
                                 <i class="bi bi-twitter-x"></i> Twitter
                             </a>
                         </li>
-
-                        <li class="support__list-item">
+                        <li class="support__list-item col-lg-6 mb-md-3">
                             <a href="https://www.dotkernel.com/blog/" class="support__link" title="Blog" target="_blank">
                                 <i class="bi bi-file-post"></i> Blog
                             </a>
                         </li>
-                        <li class="support__list-item">
+                        <li class="support__list-item col-lg-6 mb-md-3">
                             <a href="https://www.dotkernel.com/feed/" class="support__link" title="Blog feed" target="_blank">
                                 <i class="bi bi-rss-fill"></i> Feed
                             </a>
@@ -587,8 +584,10 @@ <h5 class="card-title">Device information</h5>
                 </div>
             </div>
 
+            <hr class="mt-5" />
+
             <div class="footer_copy">
-                &#169; 2024 Dotkernel
+                &#169; Copyright Dotkernel 2024. All rights reserved.
             </div>
         </div>
     </footer>