Update index.html

Author: typicode

public/index.html

@@ -7,7 +7,8 @@
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/modern-normalize/0.5.0/modern-normalize.min.css" />
   <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/github.min.css">
   <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js"></script>
-  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
+  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU"
+    crossorigin="anonymous">
   <script>hljs.initHighlightingOnLoad();</script>
   <title>JSONPlaceholder - Fake online REST API for developers</title>
   <style>
@@ -104,7 +105,9 @@
     .sponsors {
       margin-bottom: 2rem;
       padding: 6rem 0;
-      background-color: #f8fafc;
+      border-width: 1px 0;
+      border-style: solid;
+      border-color: #e4e4e4;
       text-align: center;
     }
 
@@ -180,7 +183,8 @@
   <header>
     <nav>
       <ul>
-        <li><a href="https://www.patreon.com/typicode" style="color: rgb(249, 104, 84)"><i class="fab fa-patreon"></i> Patreon</a></li>
+        <li><a href="https://www.patreon.com/typicode" style="color: rgb(249, 104, 84)"><i class="fab fa-patreon"></i>
+            Patreon</a></li>
         <li><a href="https://thanks.typicode.com"><i class="far fa-laugh"></i> Supporters</a></li>
         <li><a href="https://github.com/typicode"><i class="fab fa-github-alt"></i> GitHub</a></li>
         <li><a href="https://my-json-server.typicode.com"><i class="fas fa-burn"></i> My JSON Server</a></li>
@@ -213,14 +217,17 @@ <h1>
 
   <!-- Sponsors -->
   <div class="sponsors">
-    <h3>sponsored by</h3>
-    
-    <div class="box">
+    <h3>Patreon Sponsors</h3>
+
+    <p>
+      <a href="https://tryretool.com/?utm_source=sponsor&utm_campaign=typicode" target="_blank">
+        <img src="https://i.imgur.com/IBItATn.png" height="60px">
+      </a>
+    </p>
+
+    <!-- <div class="box">
       <a href="https://www.patreon.com/bePatron?c=784328">Your Company Logo Here</a>
-    </div>
-    <!-- <p>
-      <a href="https://patreon.com/typicode">become a sponsor</a>
-    </p> -->
+    </div> -->
   </div>
 
   <!-- Main -->
@@ -469,4 +476,4 @@ <h2>Use your own data</h2>
   </script>
 </body>
 
-</html>
+</html>