Merge pull request #12 from Chitrakadyan2005/main

privacy policy
anshxika · Nov 14, 2024 · ca26c54 · ca26c54
2 parents 61022d8 + f433834
commit ca26c54
Show file tree

Hide file tree

Showing 3 changed files with 243 additions and 1 deletion.
diff --git a/css files/privacy_policy.css b/css files/privacy_policy.css
@@ -0,0 +1,149 @@
+/* Reset some default styles */
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+/* Body styles */
+body {
+    font-family: Arial, sans-serif;
+    background-color: #f4f4f9;
+    color: #333;
+    line-height: 1.6;
+    padding: 20px;
+}
+
+/* Heading styles */
+h1, h2, h3, h4 {
+    color: #333;
+    margin-bottom: 15px;
+}
+
+/* Main title */
+h1 {
+    text-align: center;
+    font-size: 2em; /* Reduced font size */
+    color: #f0c050; /* Yellow */
+    margin-bottom: 30px;
+}
+
+/* Section styles */
+h2 {
+    font-size: 1.5em; /* Reduced font size */
+    border-bottom: 2px solid #f0c050; /* Yellow underline */
+    padding-bottom: 5px;
+    margin-bottom: 20px;
+    color: #000000; /* Black */
+}
+
+h3 {
+    font-size: 1.2em; /* Reduced font size */
+    margin-top: 15px;
+    margin-bottom: 10px;
+    color: #f0c050; /* Yellow */
+}
+
+h4 {
+    font-size: 1em; /* Reduced font size */
+    margin-top: 10px;
+    margin-bottom: 10px;
+    color: #000000; /* Black */
+}
+
+/* Paragraphs */
+p {
+    font-size: 1em;
+    margin-bottom: 20px;
+}
+
+/* List styles */
+ul {
+    list-style-type: disc;
+    margin-left: 20px;
+    margin-bottom: 20px;
+}
+
+ul li {
+    margin-bottom: 10px;
+}
+
+/* Contact Information */
+em {
+    font-size: 0.9em;
+    color: #555;
+}
+
+/* Footer styles */
+footer {
+    margin-top: 30px;
+    text-align: center;
+    font-size: 0.9em;
+    color: #777;
+}
+
+/* Return to Home Arrow Icon Button */
+.return-home-btn {
+    position: absolute;
+    top: 20px;
+    left: 20px;
+    background-color: transparent;
+    color: black; /* Bold black arrow */
+    font-size: 1.5em; /* Adjust size */
+    text-decoration: none;
+    display: flex;
+    align-items: center;
+    padding: 10px;
+    border-radius: 50%;
+    transition: background-color 0.3s ease, color 0.3s ease;
+}
+
+.return-home-btn:hover {
+    background-color: #f0c050; /* Yellow background on hover */
+    color: white; /* White arrow on hover */
+}
+
+.return-home-btn i {
+    margin-right: 0; /* No space between the arrow and text */
+}
+
+/* Responsive styling for mobile */
+@media (max-width: 600px) {
+    body {
+        padding: 10px;
+    }
+
+    h1 {
+        font-size: 1.5em; /* Adjusted for mobile */
+    }
+
+    h2 {
+        font-size: 1.3em; /* Adjusted for mobile */
+    }
+
+    h3 {
+        font-size: 1.1em; /* Adjusted for mobile */
+    }
+
+    h4 {
+        font-size: 1em; /* Adjusted for mobile */
+    }
+
+    p, ul {
+        font-size: 0.9em;
+    }
+
+    .return-home-btn {
+        font-size: 1em; /* Adjust icon size for mobile */
+    }
+}
+
+/* Footer styles for the Privacy Policy page */
+footer {
+    margin-top: 30px;
+    text-align: center;
+    font-size: 0.9em;
+    color: #777;
+    padding: 0;
+    border-top: 2px solid #f0c050; /* Yellow border for footer */
+}
diff --git a/footer.html b/footer.html
@@ -23,7 +23,7 @@ <h4>Explore</h4>
                         <li><a href="index.html">Home</a></li>
                         <li><a href="Menu.html">Menu</a></li>
                         <li><a href="#">FAQ</a></li>
-                        <li><a href="#">privacy policy</a></li>
+                        <li><a href="privacy_policy.html">privacy policy</a></li>
                     </ul>
                 </div>
                 <div class="footer-col">

diff --git a/privacy_policy.html b/privacy_policy.html
@@ -0,0 +1,93 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="footer.css">
+    <link rel="stylesheet" href="css files/privacy_policy.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
+    <title>Privacy Policy - चमmuch</title>
+</head>
+<body>
+    <!-- Return to Home Arrow Icon -->
+    <a href="index.html" class="return-home-btn">
+        <i class="fas fa-arrow-left"></i>
+    </a>
+
+    <h1>Privacy Policy</h1>
+    <p><strong>Effective Date:</strong> <span id="effectiveDate"></span></p>
+
+    <p>Welcome to चमmuch (referred to as "we", "us", or "our"). This Privacy Policy describes how we collect, use, and protect your information when you use our college canteen app.</p>
+
+    <h2>1. Information We Collect</h2>
+    <p>We collect information to provide you with the best experience and ensure smooth transactions through our app.</p>
+
+    <h3>Personal Information</h3>
+    <p>We may collect personal details when you register or place orders, including:</p>
+    <ul>
+        <li>Name</li>
+        <li>Contact Information (Email, Phone Number)</li>
+        <li>Payment Information</li>
+    </ul>
+
+    <h3>Usage Data</h3>
+    <p>We collect data on how you interact with the app, such as:</p>
+    <ul>
+        <li>Order history</li>
+        <li>In-app preferences and settings</li>
+        <li>Device information (IP address, browser type, etc.)</li>
+    </ul>
+
+    <h2>2. How We Use Your Information</h2>
+    <p>Your information helps us to:</p>
+    <ul>
+        <li>Process and fulfill your orders</li>
+        <li>Provide customer support</li>
+        <li>Improve app functionality</li>
+        <li>Send notifications or updates about your orders</li>
+        <li>Personalize your user experience</li>
+    </ul>
+
+    <h2>3. Sharing Your Information</h2>
+    <p>We do not share your information with third parties, except:</p>
+    <ul>
+        <li>With service providers assisting in app operations (e.g., payment processing)</li>
+        <li>If required by law to comply with legal obligations</li>
+        <li>To protect our rights, privacy, safety, or property</li>
+    </ul>
+
+    <h2>4. Data Security</h2>
+    <p>We use appropriate security measures to protect your data against unauthorized access, alteration, or disclosure.</p>
+
+    <h2>5. Your Rights</h2>
+    <p>You may access, correct, or request the deletion of your personal information by contacting us. Additionally, you may manage or delete your data from within the app settings.</p>
+
+    <h2>6. Changes to Our Privacy Policy</h2>
+    <p>We may update this Privacy Policy periodically. We encourage you to review this page for any changes. Your continued use of the app signifies acceptance of any updates.</p>
+
+    <h2>7. Contact Us</h2>
+    <p>If you have any questions about this Privacy Policy, please contact us at:</p>
+    <p>Email: [email protected]</p>
+    <p>Phone: [Your Phone Number]</p>
+
+    <p><em>Last updated: <span id="lastUpdated"></span></em></p>
+
+    <script>
+        // JavaScript to set the current date
+        const date = new Date();
+        const options = { year: 'numeric', month: 'long', day: 'numeric' };
+        document.getElementById("effectiveDate").textContent = date.toLocaleDateString(undefined, options);
+        document.getElementById("lastUpdated").textContent = date.toLocaleDateString(undefined, options);
+    </script>
+
+<div id="footer"></div>
+<script>
+    fetch('footer.html')
+      .then(response => response.text())
+      .then(data => {
+        document.getElementById('footer').innerHTML = data;
+      });
+  </script>
+
+</body>
+</html>