terms and conditions page created

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>

com-dict-client/src/components/Terms&Conditions/index.js

@@ -0,0 +1,39 @@
+import React from 'react'
+
+const TermsConditions = () => {
+  return (
+        <>
+    <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>
+        </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;

com-dict-client/src/containers/terms&conditions/terms&conditions.css

@@ -0,0 +1,16 @@
+.termscondtionsContent {
+  padding: 2% 25%;
+  background-color: #ffffff;
+}
+
+.tcHeading {
+  font-size: 5rem;
+  font-weight: bold;
+}
+
+@media (max-width: 768px) {
+        .tcHeading{
+
+                font-size: 3rem;
+        }
+}

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;

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>
   );
 }