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.

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

improved the terms and conditions Page #1122

Merged
merged 1 commit into from
Oct 31, 2024
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
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
74 changes: 74 additions & 0 deletions pages/CSS/terms.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,74 @@
/* General Styles */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

body {
font-family: Arial, sans-serif;
line-height: 1.6;
color: #333;
background-color: #f8f9fa;
}

.header-container {
background-color: #007bff;
color: #fff;
padding: 1.5em;
text-align: center;
}

.header-container h1 {
margin-bottom: 0.5em;
}

.header-container p {
font-size: 1.1em;
}

/* Main Content */
main {
max-width: 800px;
margin: 2em auto;
padding: 1em;
background: #ffffff;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
border-radius: 8px;
}

.terms-section {
margin-bottom: 1.5em;
}

.terms-section h2 {
font-size: 1.3em;
color: #007bff;
margin-bottom: 0.5em;
}

.terms-section p {
font-size: 1em;
margin-bottom: 0.5em;
}

/* Footer */
.footer-bar {
text-align: center;
padding: 1em;
background-color: #007bff;
color: #fff;
font-size: 0.9em;
position: relative;
bottom: 0;
width: 100%;
}

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

a:hover {
text-decoration: underline;
}
126 changes: 126 additions & 0 deletions pages/terms_and_conditions.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,126 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Terms and Conditions - ML Fusion Labs</title>
<link rel="stylesheet" href="/pages/CSS/terms.css">
</head>
<body>
<header>
<!-- Same Header as Provided -->
<div id="progress-container">
<div id="progress-bar"></div>
</div>
<div class="logo">
<a href="../index.html">
<h1><img src="../image/ml fusion lab log.jpg" alt="ML Fusion Lab Logo" width="100" height="100"></h1>
</a>
</div>
<nav>
<ul>
<li><a href="../index.html">Home</a></li>
<li><a href="courses.html">Courses</a></li>
<li><a href="projects.html">Projects</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="contact.html">Contact</a></li>
<div id="themeSwitch" class="theme-switch">
<input type="checkbox" class="checkbox" id="checkbox">
<label for="checkbox" class="checkbox-label">
<img src="../Assets/sun.png" class="theme-btn">
<img src="../Assets/moon.png" class="theme-btn">
<span class="ball"></span>
</label>
</div>
</ul>
</nav>
</header>

<main>
<div class="header-container">
<h1>Terms and Conditions</h1>
<p>Welcome to ML Fusion Labs. Please read our terms and conditions carefully before using our services.</p>
</div>
<section class="terms-section">
<h2>1. Acceptance of Terms</h2>
<p>By accessing and using our website, you agree to comply with and be bound by the following terms and conditions.</p>
</section>

<section class="terms-section">
<h2>2. Use of Our Platform</h2>
<p>Our platform is provided for educational purposes. All content is offered "as is" and we make no representations regarding its accuracy or completeness.</p>
</section>

<section class="terms-section">
<h2>3. Intellectual Property</h2>
<p>All content, logos, and trademarks on ML Fusion Labs are the property of their respective owners. Unauthorized use is prohibited.</p>
</section>

<section class="terms-section">
<h2>4. User Conduct</h2>
<p>Users are expected to engage respectfully and refrain from any inappropriate behavior on the platform.</p>
</section>

<section class="terms-section">
<h2>5. Limitation of Liability</h2>
<p>ML Fusion Labs is not liable for any damages resulting from the use of our resources or any interruptions to access.</p>
</section>

<section class="terms-section">
<h2>6. Changes to Terms</h2>
<p>We reserve the right to amend these terms at any time. Users will be notified of any changes through the website.</p>
</section>

<section class="terms-section">
<h2>7. Contact Us</h2>
<p>If you have any questions or concerns about these terms, please contact us through our <a href="contact.html">Contact Us</a> page.</p>
</section>
</main>

<!-- <footer>
<div class="footer-bar">
&copy; 2024 ML Fusion Labs | All Rights Reserved
</div>
</footer> -->
<div class="footer">
<!-- Same Footer as Provided -->
<div class="footer-col">
<img src="../image/ml fusion lab log.jpg" alt="">
<span class="footer-p">We are a community-driven platform that aims to provide free, accessible, and
high-quality machine learning tutorials, projects, and resources for all.</span>
<div class="footer-social">
<a href="https://facebook.com/"><i class="fa-brands fa-facebook"></i></a>
<a href="https://instagram.com/"><i class="fa-brands fa-instagram"></i></a>
<a href="https://twitter.com/"><i class="fa-brands fa-square-x-twitter"></i></a>
<a href="https://linkedin.com/"><i class="fa-brands fa-linkedin"></i></a>
</div>
</div>
<div class="footer-col-main">
<h4 class="h46">ML Fusion Labs</h4>
<a href="#">Business</a>
<a href="#">Franchise</a>
<a href="#">Network</a>
</div>
<div class="footer-col-main">
<h4 class="h46">About Us</h4>
<a href="./about.html">About Us</a>
<a href="./privacy.html">Security</a>
<a href="./contributor.html">Contributors</a>
</div>
<div class="footer-col-main">
<h4 class="h46">Contact</h4>
<a href="./contact.html">Contact Us</a>
<a href="./email.html">Email Us</a>
<a href="./privacy.html">Privacy Policy</a>
<a href="./terms.html">Terms & Conditions</a>
</div>
</div>

<div class="footer-bar">
&copy; 2024 ML Fusion Labs | All Rights Reserved
</div>
<button id="scrollTopBtn" onclick="scrollToTop()"> <i class="fas fa-arrow-up"></i></button>
<script src="../script/scroll.js"></script>
<script src="../script/script.js"></script>
</body>
</html>