From 9db69cebcbb3e421031473e5de4f4326e38c70bc Mon Sep 17 00:00:00 2001
From: kanhaiya04 <kanhaiyayadav9999@gmail.com>
Date: Sun, 16 Apr 2023 03:15:58 +0530
Subject: [PATCH 1/2] terms and conditions page created

---
 .../src/components/Footer/FooterPage.js       |  2 +-
 .../src/components/Terms&Conditions/index.js  | 39 +++++++++++++++++++
 .../terms&conditions/terms&conditions.css     |  4 ++
 .../terms&conditions/terms&conditions.js      | 25 ++++++++++++
 .../terms&conditions/terms&conditions.test.js |  0
 com-dict-client/src/routes.js                 |  2 +
 6 files changed, 71 insertions(+), 1 deletion(-)
 create mode 100644 com-dict-client/src/components/Terms&Conditions/index.js
 create mode 100644 com-dict-client/src/containers/terms&conditions/terms&conditions.css
 create mode 100644 com-dict-client/src/containers/terms&conditions/terms&conditions.js
 create mode 100644 com-dict-client/src/containers/terms&conditions/terms&conditions.test.js

diff --git a/com-dict-client/src/components/Footer/FooterPage.js b/com-dict-client/src/components/Footer/FooterPage.js
index 1a4af6a..e64b7f0 100644
--- a/com-dict-client/src/components/Footer/FooterPage.js
+++ b/com-dict-client/src/components/Footer/FooterPage.js
@@ -55,7 +55,7 @@ function Footer() {
                   <FileTextOutlined />
                 </Col>
                 <Col span={22}>
-                  <Link to="#" className="link">
+                  <Link to="/termsandconditions" className="link">
                     Terms and Conditions
                   </Link>
                 </Col>
diff --git a/com-dict-client/src/components/Terms&Conditions/index.js b/com-dict-client/src/components/Terms&Conditions/index.js
new file mode 100644
index 0000000..a15ef57
--- /dev/null
+++ b/com-dict-client/src/components/Terms&Conditions/index.js
@@ -0,0 +1,39 @@
+import React from 'react'
+
+const TermsConditions = () => {
+  return (
+        <>
+    <h1 style={{fontSize:"5rem", fontWeight:"bold"}}>Terms&Conditions</h1>
+    <ul>
+        <li>
+                <h1>Users are responsible for the accuracy and appropriateness of the entries they submit to the Community Dictionary.</h1>
+        </li>
+        <li>
+                <h1>Inappropriate or offensive entries may be removed from the Community Dictionary without notice.</h1>
+        </li>
+        <li>
+                <h1>Users may not use the Community Dictionary for any illegal or unauthorized purpose.</h1>
+        </li>
+        <li>
+                <h1>All Content is provided “as is” without warranty of any kind. Community Dictionary does not make any warranty whatsoever, express or implied, as to the accuracy or completeness of the Content or the results to be obtained from using the Content, and Community Dictionary will not be responsible for any claims attributable to errors, omissions, or other inaccuracies in the information contained therein.</h1>
+        </li>
+        <li>
+                <h1>The Community Dictionary contains copyrighted material, trademarks and other proprietary information. Unless otherwise noted, all Content on Community Dictionary is the sole and exclusive property of SCoReLab.</h1>
+        </li>
+        <li>
+                <h1>Material contained in the Content may not be duplicated or redistributed without the prior written consent of SCoReLab.</h1>
+        </li>
+        <li>
+                <h1>You will not modify, publish, transmit, participate in the transfer or sale of, create derivative works of, or in any way exploit any of the Content, in whole or in part, found on the Site. You agree that all rights to the Site, Content and any derivative work will remain with Community Dictionary.
+                </h1>
+        </li>
+        <li>
+                <h1>The administrators of the Community Dictionary have the right to suspend or terminate the account of any user who violates the terms and conditions.</h1>
+        </li>
+
+    </ul>
+        </>
+  )
+}
+
+export default TermsConditions;
\ No newline at end of file
diff --git a/com-dict-client/src/containers/terms&conditions/terms&conditions.css b/com-dict-client/src/containers/terms&conditions/terms&conditions.css
new file mode 100644
index 0000000..2c6a497
--- /dev/null
+++ b/com-dict-client/src/containers/terms&conditions/terms&conditions.css
@@ -0,0 +1,4 @@
+.termscondtionsContent{
+        padding: 2% 25%;
+        background-color: #ffffff;
+}
\ No newline at end of file
diff --git a/com-dict-client/src/containers/terms&conditions/terms&conditions.js b/com-dict-client/src/containers/terms&conditions/terms&conditions.js
new file mode 100644
index 0000000..be4b101
--- /dev/null
+++ b/com-dict-client/src/containers/terms&conditions/terms&conditions.js
@@ -0,0 +1,25 @@
+import { Layout } from "antd";
+import React from "react";
+
+import TitleBar from "../../components/Header";
+import FooterPage from "../../components/Footer/FooterPage";
+import TermsConditions from "../../components/Terms&Conditions";
+import "./terms&conditions.css";
+const { Header, Footer, Content } = Layout;
+function TermsAndConditions() {
+  return (
+    <Layout>
+      <Header className="title_bar">
+        <TitleBar />
+      </Header>
+      <Content className="termscondtionsContent">
+        <TermsConditions/>
+      </Content>
+      <Footer className="footer_div">
+        <FooterPage />
+      </Footer>
+    </Layout>
+  );
+}
+
+export default TermsAndConditions;
diff --git a/com-dict-client/src/containers/terms&conditions/terms&conditions.test.js b/com-dict-client/src/containers/terms&conditions/terms&conditions.test.js
new file mode 100644
index 0000000..e69de29
diff --git a/com-dict-client/src/routes.js b/com-dict-client/src/routes.js
index 10a0924..44d1a4e 100644
--- a/com-dict-client/src/routes.js
+++ b/com-dict-client/src/routes.js
@@ -10,6 +10,7 @@ import Categories from "./containers/categories/categories";
 import CommentWord from "./containers/comment/comment";
 import Report from "./containers/reportWord/reportWord";
 import Search from "./containers/search/search";
+import TermsAndConditions from "./containers/terms&conditions/terms&conditions";
 import { useSelector } from "react-redux";
 // import { auth } from "./config";
 
@@ -27,6 +28,7 @@ export default function Routes() {
       <Route path="/letter" component={LetterBased} />
       <Route path="/comment" component={CommentWord} />
       <Route path="/report" component={Report} />
+      <Route path="/termsandconditions" component={TermsAndConditions} />
     </Router>
   );
 }

From 3662d3c771485bda5d82119eb053ab00bb8f207c Mon Sep 17 00:00:00 2001
From: kanhaiya04 <kanhaiyayadav9999@gmail.com>
Date: Sun, 16 Apr 2023 13:13:00 +0530
Subject: [PATCH 2/2] made terms and conditions page responsive

---
 .../src/components/Terms&Conditions/index.js  |  2 +-
 .../terms&conditions/terms&conditions.css     | 20 +++++++++++++++----
 2 files changed, 17 insertions(+), 5 deletions(-)

diff --git a/com-dict-client/src/components/Terms&Conditions/index.js b/com-dict-client/src/components/Terms&Conditions/index.js
index a15ef57..c46f483 100644
--- a/com-dict-client/src/components/Terms&Conditions/index.js
+++ b/com-dict-client/src/components/Terms&Conditions/index.js
@@ -3,7 +3,7 @@ import React from 'react'
 const TermsConditions = () => {
   return (
         <>
-    <h1 style={{fontSize:"5rem", fontWeight:"bold"}}>Terms&Conditions</h1>
+    <h1 class="tcHeading">Terms & Conditions</h1>
     <ul>
         <li>
                 <h1>Users are responsible for the accuracy and appropriateness of the entries they submit to the Community Dictionary.</h1>
diff --git a/com-dict-client/src/containers/terms&conditions/terms&conditions.css b/com-dict-client/src/containers/terms&conditions/terms&conditions.css
index 2c6a497..4e2a3e2 100644
--- a/com-dict-client/src/containers/terms&conditions/terms&conditions.css
+++ b/com-dict-client/src/containers/terms&conditions/terms&conditions.css
@@ -1,4 +1,16 @@
-.termscondtionsContent{
-        padding: 2% 25%;
-        background-color: #ffffff;
-}
\ No newline at end of file
+.termscondtionsContent {
+  padding: 2% 25%;
+  background-color: #ffffff;
+}
+
+.tcHeading {
+  font-size: 5rem;
+  font-weight: bold;
+}
+
+@media (max-width: 768px) {
+        .tcHeading{
+
+                font-size: 3rem;
+        }
+}