From 4262a9f96a74621a72a88761a192e44fb5dc67c2 Mon Sep 17 00:00:00 2001
From: adityalaxkar123 <adityalaxkar9876@gmail.com>
Date: Fri, 25 Oct 2024 09:15:36 +0530
Subject: [PATCH] UI of terms and condition and privacy policy is enhanced

---
 privacynotice.html | 61 ++++++++++++++++++++++++++++++++++
 terms&cond.html    | 82 ++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 143 insertions(+)
diff --git a/privacynotice.html b/privacynotice.html
index 7b78c940..49b98f16 100644
--- a/privacynotice.html
+++ b/privacynotice.html
@@ -269,7 +269,68 @@
       top: 10px;
   }
 </style>
+<style>
+  .main {
+    background-color: #f9f9f9;
+    color: #333;
+    font-family: Arial, sans-serif;
+    padding: 20px;
+    border-radius: 8px;
+}
+.notice:hover {
+    background-color: #f9f9f9; /* Light background on hover */
+    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2); /* Enhanced shadow on hover */
+    transform: translateY(-2px); /* Slight upward movement on hover */
+}
+h1, h2 {
+    color: #2c3e50;
+}
+
+h2 {
+    font-size: 1.5em;
+    margin-top: 20px;
+    margin-bottom: 10px;
+    border-bottom: 2px solid #e1e1e1;
+    padding-bottom: 10px;
+}
+
+p, li {
+    line-height: 1.6;
+    margin-bottom: 10px;
+}
+
+.un-list {
+    list-style: none;
+    padding-left: 0;
+}
+
+.un-list li {
+    padding-left: 20px;
+    position: relative;
+}
+
+.un-list li:before {
+    content: '•';
+    position: absolute;
+    left: 0;
+    color: #3498db; /* Change color for bullet */
+}
+
+.button {
+    background-color: #3498db;
+    color: white;
+    padding: 10px 15px;
+    text-align: center;
+    border-radius: 5px;
+    text-decoration: none;
+    display: inline-block;
+}
+
+.button:hover {
+    background-color: #2980b9;
+}
 
+</style>
 </head>
 
 <body>
diff --git a/terms&cond.html b/terms&cond.html
index be1242a9..0b9451d2 100644
--- a/terms&cond.html
+++ b/terms&cond.html
@@ -126,6 +126,85 @@
         transition: transform 0.1s ease-out;
       }
     </style>
+    <style>
+      .book-swap-container {
+    max-width: 800px;
+    margin: auto;
+    padding: 20px;
+    background: #f9f9f9;
+    border-radius: 10px;
+    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
+    font-family: 'Arial', sans-serif;
+    color: #333;
+}
+.book-swap-container:hover {
+    background: #f9f9f9; /* Slightly darker background */
+    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2); /* Enhanced shadow on hover */
+    transform: translateY(-5px);
+}
+
+h1 {
+    color: #2c3e50;
+    font-size: 2.5em;
+    text-align: center;
+    margin-bottom: 20px;
+}
+
+h2 {
+    color: #34495e;
+    font-size: 1.8em;
+    margin-top: 20px;
+    border-bottom: 2px solid #bdc3c7;
+    padding-bottom: 5px;
+}
+
+p {
+    line-height: 1.6;
+    margin: 10px 0;
+}
+
+ul {
+    list-style-type: disc;
+    padding-left: 20px;
+    margin: 10px 0;
+}
+
+ul li {
+    margin: 5px 0;
+    padding-left: 10px;
+    position: relative;
+}
+
+ul li::marker {
+    color: #3498db; /* Change bullet color */
+}
+
+ul li::before {
+    content: "📚"; /* Example icon for a book */
+    position: absolute;
+    left: 0;
+    font-size: 1.2em; /* Adjust icon size */
+}
+
+.button {
+    display: block;
+    margin: 20px auto;
+    padding: 10px 20px;
+    background-color: #2980b9;
+    color: white;
+    border: none;
+    border-radius: 5px;
+    cursor: pointer;
+    font-size: 1em;
+    text-align: center;
+    transition: background-color 0.3s;
+}
+
+.button:hover {
+    background-color: #3498db;
+}
+
+    </style>
   </head>
   <body id="terms&cond">
     <!-- Circles -->
@@ -205,6 +284,9 @@ <h2>7. Disputes</h2>
       <h2>8. Changes to Terms</h2>
       <p>We may update these terms. Check back for any changes.</p>
     </div>
+
+
+    
     <script>
       // Coordinates for the cursor
       const coords = { x: 0, y: 0 };
