From d46f0e0c972fa95a41c5da22740de676aea20295 Mon Sep 17 00:00:00 2001
From: C-o-m-o-n <comon928@gmail.com>
Date: Sat, 30 Dec 2023 09:22:07 +0300
Subject: [PATCH] update styles

---
 docs/index.html | 26 ++++++++++++++++++++++++--
 docs/style.css  |  6 ++++++
 2 files changed, 30 insertions(+), 2 deletions(-)

diff --git a/docs/index.html b/docs/index.html
index 8aa37b1..33d1a2d 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -16,12 +16,12 @@ <h2>pip install PyTextBin-0.0.3</h2>
     </header>
 
     <main>
-        <section id="about">
+        <section >
             <h2 class="section-title">About PyTextBin</h2>
         <p>PyTextBin is a versatile Python library facilitating seamless conversion between text, binary, JSON, base64, xml and CSV formats with ease.</p>
         </section>
 
-        <section id="experience">
+        <section >
             <h2 class="section-title">Installation</h2>
             <p>You can install textbin through your terminal using pip from PyPI</p>
             <pre>
@@ -103,6 +103,28 @@ <h3>Convert JSON and Base64</h3>
         </code>
     </pre>
             </div>
+
+            <h3>Convert JSON and CSV</h3>
+            <div >
+              <pre>
+        <code>
+        from textbin.textbin import *
+        textbin_obj = textbin.Textbin()
+
+
+        # Convert a JSON object to CSV
+        json_list = [{ 'id' : 12 , 'name' : 'Collins' }]
+        converted = textbin_obj.json_to_csv(json_list)
+        print(converted)
+       
+        #Output
+        #id,name
+        #12,Collins
+      
+      </code>
+    </pre>
+            </div>
+            <a href="https://github.com/Comon-tech/Pytextbin">Add more usage</a>
         </section>
         <section id="call-to-action">
             <h2 class="section-title">Get in Touch</h2>
diff --git a/docs/style.css b/docs/style.css
index d71dd45..c7c19a6 100644
--- a/docs/style.css
+++ b/docs/style.css
@@ -13,6 +13,12 @@
     transition: 1s;
 
 }
+
+pre{
+    background-color: #d4d1cd;
+    color: #4d3820;
+    border-radius: 10px;
+}
 .section-title:hover{
     background-color: #f7b800;
     color: #333;