Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Updated the UI of privacy policy and terms and conditions #611

Closed
wants to merge 6 commits into from
Closed

Updated the UI of privacy policy and terms and conditions #611

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
c8db62e
Update PrivacyPolicy.css
Annapoornaaradhya Nov 7, 2024
044ea93
Update TermsConditions.css
Annapoornaaradhya Nov 7, 2024
f7f3261
Merge branch 'gauravsingh1281:main' into CSS
Annapoornaaradhya Nov 10, 2024
e717d95
update css
Annapoornaaradhya Nov 10, 2024
f456ca9
update ui
Annapoornaaradhya Nov 10, 2024
fd86d1f
Update UI
Annapoornaaradhya Nov 10, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
99 changes: 63 additions & 36 deletions src/components/Privacy-Policy/PrivacyPolicy.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,45 +1,72 @@
.privacy-container {
padding: 20px;
font-family: Arial, sans-serif;
background-color: #f9f9f9;
color: #333;
}

padding: 20px;
font-family: Arial, sans-serif;
background-color: #ffa7a7;
color: #333;
max-width: 800px;
margin: auto;
border-radius: 8px;
}

.privacy-container h1 {
font-size: 2.5em;
color: #197e10;
text-align: center;
margin-bottom: 20px;
}

.privacy-container h2 {
font-size: 1.8em;
color: #14911a;
margin-top: 30px;
transition: color 0.3s;
}

.privacy-container h2:hover {
color: #0e6c12;
}

.privacy-container p {
font-size: 1.1em;
line-height: 1.6;
margin: 10px 0;
color: #444;
}

.privacy-container section {
margin-bottom: 20px;
border-bottom: 1px solid #ccc;
padding-bottom: 15px;
background-color: #fff8f8;
padding: 15px;
border-radius: 6px;
}

.privacy-container section:last-child {
border-bottom: none;
}

.privacy-container a {
color: #007bff;
text-decoration: none;
font-weight: bold;
}

.privacy-container a:hover {
text-decoration: underline;
}

/* Responsive Design */
@media (max-width: 768px) {
.privacy-container h1 {
font-size: 2.5em;
color: #1abc9c;
text-align: center;
margin-bottom: 20px;
font-size: 2em;
}

.privacy-container h2 {
font-size: 1.8em;
color: #1abc9c;
margin-top: 30px;
font-size: 1.5em;
}

.privacy-container p {
font-size: 1.1em;
line-height: 1.6;
margin: 10px 0;
}

.privacy-container section {
margin-bottom: 20px;
border-bottom: 1px solid #ddd;
padding-bottom: 15px;
}

.privacy-container section:last-child {
border-bottom: none;
}

.privacy-container a {
color: #007bff;
text-decoration: none;
}

.privacy-container a:hover {
text-decoration: underline;
font-size: 1em;
}
}
72 changes: 33 additions & 39 deletions src/components/Privacy-Policy/PrivacyPolicy.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,73 +4,67 @@ import "./PrivacyPolicy.css";
const PrivacyPolicy = () => {
return (
<div className="privacy-container">
<h1>Privacy and Policy</h1>
<h1>Privacy Policy</h1>
<p className="policy-date">Last Updated: November 2024</p>

<section>
<article className="policy-section">
<h2>1. Data Collection</h2>
<p>
We collect various types of information, including personal data, such as your name,
email address, and other contact details, as well as non-personal data, like browsing
behavior and device information. This data is gathered through forms, cookies, and
other technologies.
We collect personal data, such as your name, email, and contact details, along with non-personal
data like browsing behavior. This data is gathered through forms, cookies, and other technologies
with your consent in compliance with GDPR and CCPA.
</p>
</section>
</article>

<section>
<article className="policy-section">
<h2>2. Use of Information</h2>
<p>
The information we collect is used to provide and improve our services, personalize user
experiences, respond to your inquiries, and send you updates about our services. We may
also use data for research and analytics purposes.
Collected data helps us enhance our services, personalize experiences, respond to inquiries, and
improve site functionality. We may also conduct research and analysis to improve our offerings.
Any use of your data aligns with legal requirements.
</p>
</section>
</article>

<section>
<article className="policy-section">
<h2>3. Data Security</h2>
<p>
We take data security seriously and implement industry-standard measures to protect
your information from unauthorized access, disclosure, or loss. However, no online
service can be 100% secure, and we cannot guarantee absolute security.
We implement industry-standard security measures to protect your information. Despite these
efforts, no online platform can be completely secure. We recommend taking additional precautions
to protect your data.
</p>
</section>
</article>

<section>
<article className="policy-section">
<h2>4. Cookies</h2>
<p>
Cookies are small files stored on your device that help us enhance your browsing
experience. We use cookies to understand user behavior, track preferences, and
optimize site performance. You can disable cookies in your browser settings, but
some features of the site may not function properly.
Cookies help enhance your browsing experience by remembering preferences and tracking usage patterns.
You can disable cookies in your browser settings, but some site features may be affected.
</p>
</section>
</article>

<section>
<article className="policy-section">
<h2>5. Third-Party Services</h2>
<p>
We may use third-party services for hosting, analytics, and advertising. These
third parties have their own privacy policies, and we are not responsible for
their practices. However, we do our best to work with reputable companies that
share our commitment to privacy.
We use third-party services for hosting, analytics, and advertising, each of which adheres to its
privacy policies. While we work with reputable companies, we are not responsible for their practices.
</p>
</section>
</article>

<section>
<article className="policy-section">
<h2>6. Your Rights</h2>
<p>
You have the right to access, correct, or delete your personal information. If
you wish to exercise any of these rights, please contact us at the provided
contact details.
You have the right to access, correct, or delete your personal information. For any requests
regarding these rights, please contact us at [email protected].
</p>
</section>
</article>

<section>
<article className="policy-section">
<h2>7. Policy Updates</h2>
<p>
This privacy policy may be updated periodically to reflect changes in our practices.
We encourage you to review this page regularly for the latest information on our
privacy practices.
This policy may be updated periodically to reflect changes in practices or legal requirements.
We encourage you to review this page regularly.
</p>
</section>
</article>
</div>
);
};
Expand Down
36 changes: 32 additions & 4 deletions src/components/Terms-Conditions/TermsConditions.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,34 +1,46 @@

.terms-container {
padding: 20px;
font-family: Arial, sans-serif;
background-color: #f9f9f9;
background-color: #fba7a7;
color: #333;
max-width: 800px;
margin: auto;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.terms-container h1 {
font-size: 2.5em;
color: #1abc9c;
color: #197e10;
text-align: center;
margin-bottom: 20px;
}

.terms-container h2 {
font-size: 1.8em;
color: #1abc9c;
color: #197e10;
margin-top: 30px;
transition: color 0.3s;
}

.terms-container h2:hover {
color: #135c0d;
}

.terms-container p {
font-size: 1.1em;
line-height: 1.6;
margin: 10px 0;
color: #444;
}

.terms-container section {
margin-bottom: 20px;
border-bottom: 1px solid #ddd;
padding-bottom: 15px;
background-color: #fff8f8;
padding: 15px;
border-radius: 6px;
}

.terms-container section:last-child {
Expand All @@ -38,8 +50,24 @@
.terms-container a {
color: #007bff;
text-decoration: none;
font-weight: bold;
}

.terms-container a:hover {
text-decoration: underline;
}

/* Responsive Design */
@media (max-width: 768px) {
.terms-container h1 {
font-size: 2em;
}

.terms-container h2 {
font-size: 1.5em;
}

.terms-container p {
font-size: 1em;
}
}
31 changes: 19 additions & 12 deletions src/components/Terms-Conditions/TermsConditions.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,61 +1,68 @@

import React from 'react';
import './TermsConditions.css';
import './TermsConditions.css';

const TermsAndConditions = () => {
return (
<div className="terms-container">
<h1>Terms and Conditions</h1>
<p className="terms-date">Last Updated: November 2024</p>

<section>
<h2>1. Introduction</h2>
<p>
Welcome to Rentalog, your trusted platform for managing rental properties. By accessing or using this website, you agree to comply with these terms and conditions.
Welcome to Rentalog, a platform dedicated to managing rental properties. By accessing or using Rentalog,
you agree to be bound by these terms and conditions and any applicable laws.
</p>
</section>

<section>
<h2>2. Services</h2>
<h2>2. Services Provided</h2>
<p>
Our website provides landlords and tenants with tools to manage rental listings, track payments, and communicate effectively. The use of these services is subject to the terms outlined in this document.
Rentalog offers tools for landlords and tenants, such as rental listings management, payment tracking,
and communication services. All users are subject to the conditions described herein.
</p>
</section>

<section>
<h2>3. User Obligations</h2>
<p>
As a landlord, you are responsible for ensuring that your property listings are accurate and up-to-date. Tenants should ensure that their rental payments and obligations are fulfilled as agreed upon in their rental contracts.
<strong>Landlords:</strong> You must ensure your property listings are accurate and up-to-date. <br />
<strong>Tenants:</strong> You are responsible for fulfilling rental payments and any obligations outlined
in your rental agreement.
</p>
</section>

<section>
<h2>4. Payments and Fees</h2>
<p>
Payment processing is handled through secure third-party services. Rentalog is not liable for any issues related to payment failures, processing delays, or discrepancies in rental amounts.
Payments are processed through secure, third-party services. Rentalog is not liable for payment issues
including delays or discrepancies. Users are advised to contact support for payment-related inquiries.
</p>
</section>

<section>
<h2>5. Limitation of Liability</h2>
<p>
Rentalog is not responsible for any disputes that arise between landlords and tenants, including but not limited to lease violations, non-payment, or damages to the property.
Rentalog is not responsible for disputes between landlords and tenants, such as lease violations or
property damages. Both parties agree to resolve disputes independently.
</p>
</section>

<section>
<h2>6. Termination</h2>
<h2>6. Termination of Services</h2>
<p>
Rentalog reserves the right to terminate or suspend user accounts if there is evidence of fraudulent activity, violation of terms, or misuse of the platform.
Rentalog reserves the right to suspend or terminate user accounts for reasons including, but not limited to,
fraudulent activity or misuse of the platform.
</p>
</section>

<section>
<h2>7. Governing Law</h2>
<p>
These terms and conditions are governed by and construed in accordance with the laws of the jurisdiction in which the property is located.
These terms are governed by the laws of the jurisdiction where the rental property is located. Users
agree to comply with all applicable regulations.
</p>
</section>

</div>
);
};
Expand Down