Skip to content

Redesigned Terms and Conditions Page #706

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

Merged
merged 1 commit into from
Feb 28, 2025
Merged

Redesigned Terms and Conditions Page #706

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
114 changes: 79 additions & 35 deletions src/components/Terms-Conditions/TermsConditions.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,45 +1,89 @@

.terms-container {
padding: 20px;
font-family: Arial, sans-serif;
background-color: #f9f9f9;
body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
background-color: #f4f4f9;
color: #333;
line-height: 1.6;
margin: 0;
padding: 0;
}

.policy-container {
max-width: 1200px;
margin: 50px auto;
padding: 20px;
position: relative;
top: 37px;
}

.terms-container h1 {
font-size: 2.5em;
color: #1abc9c;
.policy-title {
font-size: 2.5rem;
color: #2c3e50;
text-align: center;
margin-bottom: 20px;
margin-bottom: 40px;
font-weight: 600;
}

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

.policy-section {
background-color: #fff;
border-radius: 10px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
padding: 25px;
transition: transform 0.3s ease, box-shadow 0.3s ease;
flex: 1 1 calc(50% - 25px);
box-sizing: border-box;
margin-bottom: 20px;
}

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

.policy-section:hover {
transform: translateY(-5px);
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

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

.policy-heading {
font-size: 1.8rem;
color: #34495e;
margin-top: 0;
margin-bottom: 15px;
padding-bottom: 10px;
border-bottom: 2px solid #3498db;
display: inline-block;
}

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

.policy-text {
font-size: 1rem;
color: #555;
margin-bottom: 0;
}

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

.policy-section h2::before {
content: "•";
color: #3498db;
margin-right: 10px;
font-size: 1.5rem;
vertical-align: middle;
}

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

@media (max-width: 768px) {
.policy-container {
margin: 20px;
padding: 15px;
top: 74px;
}

.policy-title {
font-size: 2rem;
}

.policy-heading {
font-size: 1.5rem;
}

.policy-text {
font-size: 0.9rem;
}

.policy-section {
flex: 1 1 100%;
}
}

118 changes: 63 additions & 55 deletions src/components/Terms-Conditions/TermsConditions.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,62 +1,70 @@

import React from 'react';
import './TermsConditions.css';
import { useEffect } from 'react';
import './TermsConditions.css';
import RentNavbar from '../Header-section/RentNavbar';
import Footer from '../Footer-section/Footer';

const TermsAndConditions = () => {
useEffect(() => {
window.scrollTo(0, 0);
}, []);
return (
<div className="terms-container">
<h1>Terms and Conditions</h1>

<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.
</p>
</section>

<section>
<h2>2. Services</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.
</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.
</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.
</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.
</p>
</section>

<section>
<h2>6. Termination</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.
</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.
</p>
</section>

</div>
<>
<RentNavbar />
<div className="policy-container">
<h1 className="policy-title">Terms and Conditions</h1>

<section className="policy-section">
<h2 className="policy-heading">1. Introduction</h2>
<p className="policy-text">
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.
</p>
</section>

<section className="policy-section">
<h2 className="policy-heading">2. Services</h2>
<p className="policy-text">
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.
</p>
</section>

<section className="policy-section">
<h2 className="policy-heading">3. User Obligations</h2>
<p className="policy-text">
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.
</p>
</section>

<section className="policy-section">
<h2 className="policy-heading">4. Payments and Fees</h2>
<p className="policy-text">
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.
</p>
</section>

<section className="policy-section">
<h2 className="policy-heading">5. Limitation of Liability</h2>
<p className="policy-text">
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.
</p>
</section>

<section className="policy-section">
<h2 className="policy-heading">6. Termination</h2>
<p className="policy-text">
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.
</p>
</section>

<section className="policy-section">
<h2 className="policy-heading">7. Governing Law</h2>
<p className="policy-text">
These terms and conditions are governed by and construed in accordance with the laws of the jurisdiction in which the property is located.
</p>
</section>
</div>
<Footer />
</>
);
};

Expand Down
Loading