Skip to content

Commit

Permalink
Merge pull request #96 from rutikakengal/Add-Terms-and-Conditions-Page-
Browse files Browse the repository at this point in the history 
Fixed Terms and Services Page
  • Loading branch information
@vishantrathi
vishantrathi authored Jan 24, 2025
2 parents 533d7b8 + cb4c80b commit ac61f18
Show file tree
Hide file tree
Showing 2 changed files with 263 additions and 34 deletions.
63 changes: 61 additions & 2 deletions terms and service.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,24 @@ body {
font-family: "Arial", sans-serif;
margin: 0;
padding: 0;

/* background: linear-gradient(to bottom, #333, #444); */
color: #fff;

color: rgb(253, 242, 224);

}
body::before {
content: '';
position: fixed; /* Fix the image to the viewport */
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url('images/raSxSYFwHiyY36AmSkBQQ-transformed.png') no-repeat center center fixed;
background-size: cover; /* Ensures the image covers the entire area */
filter: blur(4px); /* Blur the image */
z-index: -1; /* Keep the image behind the content */
}

.navbar{
Expand Down Expand Up @@ -37,11 +54,53 @@ main {
color: #302f2f;
animation: slideIn 1.2s ease-in-out;
}
.container2 {
background-color: rgba(211, 207, 207, 0.9);
padding: 30px;
border-radius: 10px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
max-width: 800px;
margin: 20px auto;
}

section {
margin-bottom: 30px;
.container2 h1 {
text-align: center;
font-weight: bold;
margin-bottom: 20px;
font-size: 2rem;
color: #333;
}

.container2 section {
margin-bottom: 20px;
}

.container2 section h2 {
font-weight: bold;
margin-bottom: 10px;
font-size: 1.5rem;
color: #333;
}

.container2 section p {
color: #6c757d;
line-height: 1.8;
margin-bottom: 15px;
font-size: 1rem;
}

.container2 section ul {
margin-top: 10px;
margin-left: 20px;
list-style-type: disc;
}

.container2 section ul li {
margin-bottom: 10px;
color: #555;
}


h2 {
font-size: 1.8rem;
margin-bottom: 15px;
Expand Down
234 changes: 202 additions & 32 deletions terms and service.html
View file
Original file line number Diff line number Diff line change
@@ -1,12 +1,11 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Terms and Services</title>
<link rel="stylesheet" href="terms and service.CSS">
<link rel="stylesheet" href="navbar.css">
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="terms and service.css" />
<link rel="stylesheet" href="./styles.css" />
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"
Expand All @@ -18,11 +17,113 @@
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css"
/>
<script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="navbar.css">
</head>
<body>
<script
src="https://kit.fontawesome.com/a076d05399.js"
crossorigin="anonymous"
></script>
<link rel="icon" href="images/favicon.ico" type="image/x-icon" />
<link rel="stylesheet" href="navbar.css" />
</head>
<body>
<div class="container">

<!-- Navbar Section -->
<nav class="navbar">
<div class="navcontainer">
<!-- Logo -->
<a href="#" class="logo">
<img
src="./images/DALL·E 2023-09-11 20.54.30 - Make exact like this image.png"
alt="logo"
height="50"
width="50"
/>
</a>

<!-- Login and SignUp Buttons -->
<div
class="auth-buttons"
style="display: flex; gap: 10px; margin-left: 20px"
>
<a href="Log in.html" class="auth-button">Login</a>
<a href="signup.html" class="auth-button">SignUp</a>
</div>

<!-- Navbar Toggle Button for Mobile -->
<button class="nav-toggle" id="nav-toggle">☰</button>

<!-- Navbar Links -->
<ul class="nav-links" id="nav-links" style="margin-left: auto">
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact Doctor</a></li>
<li><a href="demand.html">Demand</a></li>
<li>
<a href="Privacy policy.html" class="active">Privacy Policy</a>
</li>
<li><a href="terms and service.html">Terms and Services</a></li>
<li><a href="contributors/contributor.html">Contributors</a></li>
</ul>
</div>
</nav>

<div class="container2">
<div class="overlay">
<h1><i class="fas fa-file-contract"></i> Terms and Conditions</h1>

<p style="font-weight: bold; color: black;">
Understand the rules and policies governing the use of our website and services.
</p>

<section>
<h2>Introduction</h2>
<p>Welcome to <strong>Wool Connect</strong>. By using our website and services, you agree to comply with the terms outlined in this document. These Terms and Conditions govern your use of our platform and outline your rights and responsibilities. Please read them carefully.</p>
</section>

<section>
<h2>Eligibility</h2>
<p>You must be at least 18 years old to use our website and services. By accessing our platform, you confirm that you meet this age requirement and can form a binding contract under applicable laws.</p>
</section>

<section>
<h2>Use of Services</h2>
<p>Our services are provided for personal and non-commercial use. You agree not to misuse our platform, including but not limited to unauthorized access, data mining, or distributing harmful content.</p>
</section>

<section>
<h2>Intellectual Property</h2>
<p>All content, logos, and trademarks displayed on our website are the property of <strong>Wool Connect</strong>. Unauthorized use of our intellectual property is strictly prohibited.</p>
</section>

<section>
<h2>Limitation of Liability</h2>
<p>While we strive to provide accurate information and reliable services, we are not responsible for any direct or indirect damages resulting from your use of our platform. This includes loss of data, revenue, or unauthorized access.</p>
</section>

<section>
<h2>Changes to Terms</h2>
<p>We reserve the right to modify these Terms and Conditions at any time. Changes will be communicated through our website. Your continued use of our platform constitutes acceptance of the updated terms.</p>
</section>

<section>
<h2>Contact Us</h2>
<p>If you have any questions or concerns about these Terms and Conditions, please reach out to us:</p>
<ul>
<li>Email: <a href="mailto:[email protected]">[email protected]</a></li>
<li>Phone: +1-234-567-8901</li>
</ul>
</section>
</div>
</div>

</main>

</div>
<div style="height: 5px; background: linear-gradient(to right, #ff5757, #ff8e8e); margin-top: 12px;"></div>
<footer style="background: linear-gradient(to right, #000000, #434343); color: #ffffff; padding: 20px 15px; font-family: 'Arial', sans-serif; position: relative;">
<!-- Footer Container -->
<div class="footer-container" style="max-width: 1200px; margin: 0 auto; display: flex; flex-wrap: wrap; gap: 20px;">

<nav class="navbar">
<div class="navcontainer">
<a href="#" class="logo">
Expand Down Expand Up @@ -110,31 +211,100 @@ <h2>Contact Us</h2>
<i class="fa-solid fa-arrow-up fa-lg"></i>
</button>


<!-- Left Section (Logo and Description) -->
<div class="footer-left" style="flex: 2; min-width: 250px;">
<!-- Logo -->
<div class="footer-logo" style="margin-bottom: 10px; text-align: center;">
<div style="background-color: #2b2b2a; padding: 15px; border-radius: 6px; display: inline-block;">
<img src="images/DALL·E 2023-09-11 20.54.30 - Make exact like this image.png" alt="Logo" style="width: 40px; height: 40px; margin-bottom: 8px;">
<h1 style="margin: 0; font-size: 28px; font-weight: bold;">Wool Connect.</h1>
</div>
</div>
<!-- Description -->
<p style="font-size: 14px; line-height: 1.4; text-align: center;">
Wool is a natural, renewable fiber sourced from sheep and other animals, known for its warmth, softness, and durability. It’s perfect for creating comfortable, high-quality garments and textiles.
</p>
</div>

<!-- Quick Links Section -->
<div class="footer-section" style="flex: 1; min-width: 200px;">
<h2 style="font-size: 16px; margin-bottom: 8px;">Quick Links</h2>
<ul style="list-style: none; padding: 0;">
<li><a href="about.html" style="color: white; text-decoration: none; font-size: 14px;">Who We Are</a></li>
<li><a href="#" style="color: white; text-decoration: none; font-size: 14px;">Blog</a></li>
<li><a href="#" style="color: white; text-decoration: none; font-size: 14px;">Work With Us</a></li>
<li><a href="#" style="color: white; text-decoration: none; font-size: 14px;">Investor Relations</a></li>
<li><a href="contact.html" style="color: white; text-decoration: none; font-size: 14px;">Contact Us</a></li>
</ul>
</div>

<!-- Learn More Section -->
<div class="footer-section" style="flex: 1; min-width: 200px;">
<h2 style="font-size: 16px; margin-bottom: 8px;">Learn More</h2>
<ul style="list-style: none; padding: 0;">
<li><a href="Privacy policy.html" style="color: white; text-decoration: none; font-size: 14px;">Privacy Policy</a></li>
<li><a href="terms and service.html" style="color: white; text-decoration: none; font-size: 14px;">Terms of Service</a></li>
<li><a href="contributors/contributor.html" style="color: white; text-decoration: none; font-size: 14px;">Our Contributors</a></li>
</ul>
</div>

</div>

<!-- Social Links -->
<div class="social-links" style="text-align: center; margin-top: 20px;">
<ul style="list-style: none; padding: 0; display: flex; justify-content: center; gap: 15px;">
<li><a href="#" style="color: #ffffff; font-size: 18px; text-decoration: none;"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#" style="color: #ffffff; font-size: 18px; text-decoration: none;"><i class="fab fa-twitter"></i></a></li>
<li><a href="#" style="color: #ffffff; font-size: 18px; text-decoration: none;"><i class="fab fa-linkedin-in"></i></a></li>
<li><a href="#" style="color: #ffffff; font-size: 18px; text-decoration: none;"><i class="fab fa-youtube"></i></a></li>
</ul>
</div>

<!-- Footer Bottom -->
<div class="footer-bottom" style="text-align: center; margin-top: 10px; font-size: 12px;">
<p>&copy; <span id="ThisYear">2025</span> Wool Connect. All rights reserved.</p>
</div>

<!-- Footer Bottom Border -->
<div style="height: 5px; background: linear-gradient(to right, #414141, #000000); margin-top: 12px;"></div>
</footer>


<button id="scrollBtn" title="Go to top">
<i class="fa-solid fa-arrow-up fa-lg"></i>
</button>

<script>
const toggleButton = document.getElementById("nav-toggle");
const navLinks = document.getElementById("nav-links");
const toggleButton = document.getElementById("nav-toggle");
const navLinks = document.getElementById("nav-links");

toggleButton.addEventListener("click", () => {
navLinks.classList.toggle("active");
});
toggleButton.addEventListener("click", () => {
navLinks.classList.toggle("active");
});

const scrollBtn = document.getElementById('scrollBtn');

window.onscroll = function () {
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
scrollBtn.style.display = "block";
} else {
scrollBtn.style.display = "none";
}
};

scrollBtn.onclick = function () {
window.scrollTo({
top: 0,
behavior: "smooth"
});
};
// Get the button element
const scrollBtn = document.getElementById("scrollBtn");

// Show the button when the user scrolls down 20px from the top
window.onscroll = function () {
if (
document.body.scrollTop > 20 ||
document.documentElement.scrollTop > 20
) {
scrollBtn.style.display = "block";
} else {
scrollBtn.style.display = "none";
}
};

// Scroll to the top of the page when the button is clicked
scrollBtn.onclick = function () {
window.scrollTo({
top: 0,
behavior: "smooth",
});
};
</script>
</body>
</body>
</html>

0 comments on commit ac61f18

Please sign in to comment.