diff --git a/src/pages/Legislation.js b/src/pages/Legislation.js
index 8fc742f..f3c8e92 100644
--- a/src/pages/Legislation.js
+++ b/src/pages/Legislation.js
@@ -1,119 +1,145 @@
 // IMPORT MODULES
-import React, { useEffect } from "react";
+import React from "react";
+import i18n from '../i18n';
+import { withTranslation } from 'react-i18next';
 
 // IMPORT COMPONENTS
-import Breadcrumb from "../components/Global/Breadcrumb";
+import Breadcrumb from "../components/Global/Breadcrumb"; 
 
-const Legislation = () => {
-  useEffect(() => {
-    window.scrollTo(0, 0);
-  }, []);
+// const Legislation = () => {
+//   useEffect(() => {
+//     window.scrollTo(0, 0);
+//   }, []);
 
-  return (
-    <section className="legislation">
-      <Breadcrumb path_1="Законодательная база" currentUrl="/legislation" />
-      <div className="container">
-        <div className="legislation-inner">
-          <div className="tab-header">
-            <h4 className="tab-header-text" id="tab-header-text">
-              Законодательная база
-            </h4>
-            <div className="tab-header-line"></div>
-          </div>
-          <div className="law-card-wrapper">
-            <div className="law-card">
-              <p className="law-card-text">
-                Утвержденный приказом Главной Государственной службы
-                «Туркменстандартлары» 1/148 от 05.11.2015г.
-              </p>
-              <p className="law-card-bold">
-                Об утверждении «Порядка о проверке, калибровки и государственных
-                метрологических испытаний средств измерений и стандартных
-                образцов»
-              </p>
-            </div>
-            <div className="law-card">
-              <p className="law-card-text">
-                Утвержденный приказом Главной Государственной службы
-                «Туркменстандартлары» 1/153 от 16.11.2015г.
-              </p>
-              <p className="law-card-bold">
-                Об утверждении «Порядка проведения измерений и разработки
-                методики проверки средств измерений и проведения испытаний»
-              </p>
-            </div>
-            <div className="law-card">
-              <p className="law-card-text">
-                Утвержденный приказом Главной Государственной службы
-                «Туркменстандартлары» 1/119 от 14.09.2015г.
-              </p>
-              <p className="law-card-bold">
-                Об утверждении «Порядка проведения измерений и разработки
-                методики поверки средств измерений и проведения испытаний»
-              </p>
-            </div>
-            <div className="law-card">
-              <p className="law-card-text">
-                Утвержденной приказом Главной Государственной службы
-                «Туркменстандартлары» 1/60 от 27.03.2014г.
-              </p>
-              <p className="law-card-bold">
-                Об утверждении «Порядка сертификации продукции»
-              </p>
-            </div>
-            <div className="law-card">
-              <p className="law-card-text">
-                Утвержденный приказом Главной Государственной службы
-                «Туркменстандартлары» от 25.04.2013г.
-              </p>
-              <p className="law-card-bold">
-                Об утверждении «Перечня единиц величин, не входящих в
-                международную систему, разрешенных к применению В Туркменистане»
-              </p>
-            </div>
-            <div className="law-card">
-              <p className="law-card-text">
-                Постановление Президента от 01.02.2013г.
-              </p>
-              <p className="law-card-bold">
-                Об утверждении «Перечня единиц величин, разрешенных к применению
-                в Туркменистане»
-              </p>
-            </div>
-            <div className="law-card">
-              <p className="law-card-text">
-                Утвержденный приказом Главной Государственной службы
-                «Туркменстандартлары» 1/108 от 13.08.2015г.
-              </p>
-              <p className="law-card-bold">
-                Об утверждении «Периода проверки и калибровки средств измерений,
-                подлежащих калибровки и проверки.»
-              </p>
-            </div>
-            <div className="law-card">
-              <p className="law-card-text">
-                Утвержденный приказом Главной Государственной службы
-                «Туркменстандартлары» 1/231 от 25.11.2014г.
-              </p>
-              <p className="law-card-bold">
-                Об утверждении «Порядка проведения консервации резервуаров»
-              </p>
-            </div>
-            <div className="law-card">
-              <p className="law-card-text">
-                Утвержденный приказом Главной Государственной службы
-                «Туркменстандартлары» от 25.04.2013г.
-              </p>
-              <p className="law-card-bold">
-                Об утверждении «Перечня единиц величин не входящих в
-                международную систему разрешенных к применению В Туркменистане»
-              </p>
+class Legislation extends React.Component {
+
+  constructor(props) {
+    super(props);
+
+    this.state = {
+      items: [],
+      DataisLoaded: false,
+      error: null
+  };
+  }
+
+  componentDidMount() {
+    this._mounted = true
+    this.makeRemoteRequest();
+  }
+
+ 
+
+  componentWillUnmount() {
+    this._mounted = false
+  }
+
+  makeRemoteRequest = () => {
+
+    const url = `http://217.174.238.204:8888/api/v1/categories/6`
+  
+    if (this._mounted) {
+      this.setState({ DataisLoaded: true });
+    }
+    setTimeout(() => {
+  
+      fetch(url, {
+        method: 'GET',
+       
+      })
+  
+        .then(res => res.json())
+        .then(res => {
+          if (this._mounted) {
+            this.setState({
+              items: res.data[0]['posts'],
+              error: res.message || null,
+              DataisLoaded: true,
+            })
+            // console.log(res.data)
+            console.log(res.data[0]['posts'][0]['translations'][1]['attribute_data'])
+          }
+         
+        })
+        .catch(error => {
+          if (this._mounted) {
+            this.setState({ error, DataisLoaded: false});
+          }
+        });
+    }, 1500);
+  };
+
+
+
+  render() {
+    // const { DataisLoaded, items } = this.state;
+    //   if (!DataisLoaded) return <div>
+    //       <h1> Pleses wait some time.... </h1> </div> ;
+  
+    //       if(i18n.language == 'en')
+    //       {
+    //         this.componentDidMount();
+    //         console.log('salam-en');
+            
+    //       }
+    //       else
+    //       {
+    //         this.componentDidMount();
+    //         console.log('salam-ruru');
+    //       }
+
+    const { t } = this.props;
+
+    var {DataisLoaded, items} = this.state;
+    if(!DataisLoaded){
+      return <div>Loading ....</div>
+    }else{
+
+      return (
+        <section className="legislation">
+          <Breadcrumb path_1="Законодательная база" currentUrl="/legislation" />
+          <div className="container">
+            <div className="legislation-inner">
+              <div className="tab-header">
+                <h4 className="tab-header-text" id="tab-header-text">
+                  Законодательная база
+                </h4>
+                <div className="tab-header-line"></div>
+              </div>
+              <div className="law-card-wrapper">
+
+              {items.map(item=>(
+                <div className="law-card" key={item.id}>
+                  <p className="law-card-text">
+
+                  {/* {item.title} */}
+
+                  { i18n.language === 'en' &&
+                      JSON.parse(item['translations'][0]['attribute_data']).title 
+                  }
+                  { i18n.language === 'ru' &&
+                      item.title
+                  }
+                  { i18n.language === 'tm' &&
+                      JSON.parse(item['translations'][1]['attribute_data']).title 
+                  }
+
+
+                  </p>
+                  <p className="law-card-bold">
+                  {item.content}
+                  </p>
+                </div>
+              ))}
+                
+              </div>
             </div>
           </div>
-        </div>
-      </div>
-    </section>
-  );
+        </section>
+      );
+    }
+  }
 };
 
-export default Legislation;
+// export default Legislation;
+export default withTranslation()(Legislation);