diff --git a/.gitignore b/.gitignore index 4e650e6..25c8458 100644 --- a/.gitignore +++ b/.gitignore @@ -1,23 +1,23 @@ -# See https://help.github.com/articles/ignoring-files/ for more about ignoring files. - -# dependencies -/node_modules -/.pnp -.pnp.js - -# testing -/coverage - -# production - - -# misc -.DS_Store -.env.local -.env.development.local -.env.test.local -.env.production.local - -npm-debug.log* -yarn-debug.log* -yarn-error.log* +# See https://help.github.com/articles/ignoring-files/ for more about ignoring files. + +# dependencies +/node_modules +/.pnp +.pnp.js + +# testing +/coverage + +# production + + +# misc +.DS_Store +.env.local +.env.development.local +.env.test.local +.env.production.local + +npm-debug.log* +yarn-debug.log* +yarn-error.log* diff --git a/README.md b/README.md index 0c83cde..ebec0ad 100644 --- a/README.md +++ b/README.md @@ -1,70 +1,70 @@ -# Getting Started with Create React App - -This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app). - -## Available Scripts - -In the project directory, you can run: - -### `npm start` - -Runs the app in the development mode.\ -Open [http://localhost:3000](http://localhost:3000) to view it in the browser. - -The page will reload if you make edits.\ -You will also see any lint errors in the console. - -### `npm test` - -Launches the test runner in the interactive watch mode.\ -See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information. - -### `npm run build` - -Builds the app for production to the `build` folder.\ -It correctly bundles React in production mode and optimizes the build for the best performance. - -The build is minified and the filenames include the hashes.\ -Your app is ready to be deployed! - -See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information. - -### `npm run eject` - -**Note: this is a one-way operation. Once you `eject`, you can’t go back!** - -If you aren’t satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project. - -Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you’re on your own. - -You don’t have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn’t feel obligated to use this feature. However we understand that this tool wouldn’t be useful if you couldn’t customize it when you are ready for it. - -## Learn More - -You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started). - -To learn React, check out the [React documentation](https://reactjs.org/). - -### Code Splitting - -This section has moved here: [https://facebook.github.io/create-react-app/docs/code-splitting](https://facebook.github.io/create-react-app/docs/code-splitting) - -### Analyzing the Bundle Size - -This section has moved here: [https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size](https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size) - -### Making a Progressive Web App - -This section has moved here: [https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app](https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app) - -### Advanced Configuration - -This section has moved here: [https://facebook.github.io/create-react-app/docs/advanced-configuration](https://facebook.github.io/create-react-app/docs/advanced-configuration) - -### Deployment - -This section has moved here: [https://facebook.github.io/create-react-app/docs/deployment](https://facebook.github.io/create-react-app/docs/deployment) - -### `npm run build` fails to minify - -This section has moved here: [https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify](https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify) +# Getting Started with Create React App + +This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app). + +## Available Scripts + +In the project directory, you can run: + +### `npm start` + +Runs the app in the development mode.\ +Open [http://localhost:3000](http://localhost:3000) to view it in the browser. + +The page will reload if you make edits.\ +You will also see any lint errors in the console. + +### `npm test` + +Launches the test runner in the interactive watch mode.\ +See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information. + +### `npm run build` + +Builds the app for production to the `build` folder.\ +It correctly bundles React in production mode and optimizes the build for the best performance. + +The build is minified and the filenames include the hashes.\ +Your app is ready to be deployed! + +See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information. + +### `npm run eject` + +**Note: this is a one-way operation. Once you `eject`, you can’t go back!** + +If you aren’t satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project. + +Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you’re on your own. + +You don’t have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn’t feel obligated to use this feature. However we understand that this tool wouldn’t be useful if you couldn’t customize it when you are ready for it. + +## Learn More + +You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started). + +To learn React, check out the [React documentation](https://reactjs.org/). + +### Code Splitting + +This section has moved here: [https://facebook.github.io/create-react-app/docs/code-splitting](https://facebook.github.io/create-react-app/docs/code-splitting) + +### Analyzing the Bundle Size + +This section has moved here: [https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size](https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size) + +### Making a Progressive Web App + +This section has moved here: [https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app](https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app) + +### Advanced Configuration + +This section has moved here: [https://facebook.github.io/create-react-app/docs/advanced-configuration](https://facebook.github.io/create-react-app/docs/advanced-configuration) + +### Deployment + +This section has moved here: [https://facebook.github.io/create-react-app/docs/deployment](https://facebook.github.io/create-react-app/docs/deployment) + +### `npm run build` fails to minify + +This section has moved here: [https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify](https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify) diff --git a/build/manifest.json b/build/manifest.json index 080d6c7..2f2be64 100644 --- a/build/manifest.json +++ b/build/manifest.json @@ -1,25 +1,25 @@ -{ - "short_name": "React App", - "name": "Create React App Sample", - "icons": [ - { - "src": "favicon.ico", - "sizes": "64x64 32x32 24x24 16x16", - "type": "image/x-icon" - }, - { - "src": "logo192.png", - "type": "image/png", - "sizes": "192x192" - }, - { - "src": "logo512.png", - "type": "image/png", - "sizes": "512x512" - } - ], - "start_url": ".", - "display": "standalone", - "theme_color": "#000000", - "background_color": "#ffffff" -} +{ + "short_name": "React App", + "name": "Create React App Sample", + "icons": [ + { + "src": "favicon.ico", + "sizes": "64x64 32x32 24x24 16x16", + "type": "image/x-icon" + }, + { + "src": "logo192.png", + "type": "image/png", + "sizes": "192x192" + }, + { + "src": "logo512.png", + "type": "image/png", + "sizes": "512x512" + } + ], + "start_url": ".", + "display": "standalone", + "theme_color": "#000000", + "background_color": "#ffffff" +} diff --git a/build/robots.txt b/build/robots.txt index e9e57dc..9dd52a5 100644 --- a/build/robots.txt +++ b/build/robots.txt @@ -1,3 +1,3 @@ -# https://www.robotstxt.org/robotstxt.html -User-agent: * -Disallow: +# https://www.robotstxt.org/robotstxt.html +User-agent: * +Disallow: diff --git a/build/static/media/buttonNext.a7b07c21.svg b/build/static/media/buttonNext.a7b07c21.svg index c0c7900..69a5e38 100644 --- a/build/static/media/buttonNext.a7b07c21.svg +++ b/build/static/media/buttonNext.a7b07c21.svg @@ -1,3 +1,3 @@ - - - + + + diff --git a/build/static/media/buttonPrev.98135aba.svg b/build/static/media/buttonPrev.98135aba.svg index 028e6cb..7cee0aa 100644 --- a/build/static/media/buttonPrev.98135aba.svg +++ b/build/static/media/buttonPrev.98135aba.svg @@ -1,7 +1,7 @@ - - - - - - - + + + + + + + diff --git a/build/static/media/downArrow.0bea9b11.svg b/build/static/media/downArrow.0bea9b11.svg index bfa0214..38d9621 100644 --- a/build/static/media/downArrow.0bea9b11.svg +++ b/build/static/media/downArrow.0bea9b11.svg @@ -1,3 +1,3 @@ - - - + + + diff --git a/build/static/media/emblemLogo.80dd243c.svg b/build/static/media/emblemLogo.80dd243c.svg index 9d6da8e..a995050 100644 --- a/build/static/media/emblemLogo.80dd243c.svg +++ b/build/static/media/emblemLogo.80dd243c.svg @@ -1,13 +1,13 @@ - - - - - - - - - - - + + + + + + + + + + + diff --git a/build/static/media/flagOfRussia.27852e17.svg b/build/static/media/flagOfRussia.27852e17.svg index 59f72c1..1bb28f3 100644 --- a/build/static/media/flagOfRussia.27852e17.svg +++ b/build/static/media/flagOfRussia.27852e17.svg @@ -1,8 +1,8 @@ - - - - - - - - + + + + + + + + diff --git a/build/static/media/flagOfTkm.76247a50.svg b/build/static/media/flagOfTkm.76247a50.svg index 9683115..5d5cf1a 100644 --- a/build/static/media/flagOfTkm.76247a50.svg +++ b/build/static/media/flagOfTkm.76247a50.svg @@ -1,1118 +1,1118 @@ - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/build/static/media/flagOfUK.fd46970f.svg b/build/static/media/flagOfUK.fd46970f.svg index 9131483..3b33fad 100644 --- a/build/static/media/flagOfUK.fd46970f.svg +++ b/build/static/media/flagOfUK.fd46970f.svg @@ -1,16 +1,16 @@ - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/build/static/media/loupe.47e17db3.svg b/build/static/media/loupe.47e17db3.svg index 16b6202..a51cd3f 100644 --- a/build/static/media/loupe.47e17db3.svg +++ b/build/static/media/loupe.47e17db3.svg @@ -1,12 +1,12 @@ - - - - - - - - - - - - + + + + + + + + + + + + diff --git a/build/static/media/mainLogo.3ffcbace.svg b/build/static/media/mainLogo.3ffcbace.svg index 31af37a..0ebe124 100644 --- a/build/static/media/mainLogo.3ffcbace.svg +++ b/build/static/media/mainLogo.3ffcbace.svg @@ -1,3 +1,3 @@ - - - + + + diff --git a/build/static/media/next.500d75f4.svg b/build/static/media/next.500d75f4.svg index 95fa490..ae59608 100644 --- a/build/static/media/next.500d75f4.svg +++ b/build/static/media/next.500d75f4.svg @@ -1,5 +1,5 @@ - - - - - + + + + + diff --git a/build/static/media/prev.6123f913.svg b/build/static/media/prev.6123f913.svg index 92f1fad..997a9f4 100644 --- a/build/static/media/prev.6123f913.svg +++ b/build/static/media/prev.6123f913.svg @@ -1,7 +1,7 @@ - - - - - - - + + + + + + + diff --git a/build/static/media/print.0f99bc56.svg b/build/static/media/print.0f99bc56.svg index 6d32553..f3a16f7 100644 --- a/build/static/media/print.0f99bc56.svg +++ b/build/static/media/print.0f99bc56.svg @@ -1,6 +1,6 @@ - - - - - - + + + + + + diff --git a/build/static/media/rightArrow.d964351e.svg b/build/static/media/rightArrow.d964351e.svg index bb80342..5a0544e 100644 --- a/build/static/media/rightArrow.d964351e.svg +++ b/build/static/media/rightArrow.d964351e.svg @@ -1,7 +1,7 @@ - - - - - - - + + + + + + + diff --git a/build/static/media/rightArrowBlue.731d3716.svg b/build/static/media/rightArrowBlue.731d3716.svg index 1856a9a..798fb98 100644 --- a/build/static/media/rightArrowBlue.731d3716.svg +++ b/build/static/media/rightArrowBlue.731d3716.svg @@ -1,7 +1,7 @@ - - - - - - - + + + + + + + diff --git a/build/static/media/rightArrow_2.e4e5ebdf.svg b/build/static/media/rightArrow_2.e4e5ebdf.svg index 63ec6fe..8d71e3d 100644 --- a/build/static/media/rightArrow_2.e4e5ebdf.svg +++ b/build/static/media/rightArrow_2.e4e5ebdf.svg @@ -1,7 +1,7 @@ - - - - - - - + + + + + + + diff --git a/build/static/media/sliderNext.419c31fd.svg b/build/static/media/sliderNext.419c31fd.svg index 0b26765..d97a323 100644 --- a/build/static/media/sliderNext.419c31fd.svg +++ b/build/static/media/sliderNext.419c31fd.svg @@ -1,5 +1,5 @@ - - - - - + + + + + diff --git a/build/static/media/sliderPrev.ca001cbb.svg b/build/static/media/sliderPrev.ca001cbb.svg index 352965f..eb656c9 100644 --- a/build/static/media/sliderPrev.ca001cbb.svg +++ b/build/static/media/sliderPrev.ca001cbb.svg @@ -1,5 +1,5 @@ - - - - - + + + + + diff --git a/public/index.html b/public/index.html index ba52198..b6b5326 100644 --- a/public/index.html +++ b/public/index.html @@ -1,49 +1,49 @@ - - - - - - - - - - - - - - - - Etalon - - - -
- - - + + + + + + + + + + + + + + + + Etalon + + + +
+ + + diff --git a/public/manifest.json b/public/manifest.json index 080d6c7..2f2be64 100644 --- a/public/manifest.json +++ b/public/manifest.json @@ -1,25 +1,25 @@ -{ - "short_name": "React App", - "name": "Create React App Sample", - "icons": [ - { - "src": "favicon.ico", - "sizes": "64x64 32x32 24x24 16x16", - "type": "image/x-icon" - }, - { - "src": "logo192.png", - "type": "image/png", - "sizes": "192x192" - }, - { - "src": "logo512.png", - "type": "image/png", - "sizes": "512x512" - } - ], - "start_url": ".", - "display": "standalone", - "theme_color": "#000000", - "background_color": "#ffffff" -} +{ + "short_name": "React App", + "name": "Create React App Sample", + "icons": [ + { + "src": "favicon.ico", + "sizes": "64x64 32x32 24x24 16x16", + "type": "image/x-icon" + }, + { + "src": "logo192.png", + "type": "image/png", + "sizes": "192x192" + }, + { + "src": "logo512.png", + "type": "image/png", + "sizes": "512x512" + } + ], + "start_url": ".", + "display": "standalone", + "theme_color": "#000000", + "background_color": "#ffffff" +} diff --git a/public/robots.txt b/public/robots.txt index e9e57dc..9dd52a5 100644 --- a/public/robots.txt +++ b/public/robots.txt @@ -1,3 +1,3 @@ -# https://www.robotstxt.org/robotstxt.html -User-agent: * -Disallow: +# https://www.robotstxt.org/robotstxt.html +User-agent: * +Disallow: diff --git a/src/App.js b/src/App.js index 3be1c65..caf5e5e 100644 --- a/src/App.js +++ b/src/App.js @@ -1,85 +1,85 @@ -// IMPORT MODULES -import React from "react"; -import { Switch, Route } from "react-router-dom"; - -// IMPORT PERMANENT COMPONENTS -import Nav from "./components/Global/Nav"; -import Footer from "./components/Global/Footer"; - -// IMPORT PAGES -import Main from "./pages/Main"; -import News from "./pages/News"; -import Novelty from "./pages/Novelty"; -import Etalons from "./pages/Etalons"; -import Etalon from "./pages/Etalon"; -import Legislation from "./pages/Legislation"; -import History from "./pages/History"; -import Structure from "./pages/Structure"; -import Prices from "./pages/Prices"; -import MeasuringRegister from "./pages/MeasuringRegister"; -import Meteorology from "./pages/Meteorology"; -import CalibrateInstruments from "./pages/CalibrateInstruments"; -import CalibrateThermo from "./pages/CalibrateThermo"; -import Regulations from "./pages/Regulations"; -import Service from "./pages/Service"; - -// IMPORT STYLES -import "./styles/app.scss"; - -function App() { - return ( -
-
- ); -} - -export default App; +// IMPORT MODULES +import React from "react"; +import { Switch, Route } from "react-router-dom"; + +// IMPORT PERMANENT COMPONENTS +import Nav from "./components/Global/Nav"; +import Footer from "./components/Global/Footer"; + +// IMPORT PAGES +import Main from "./pages/Main"; +import News from "./pages/News"; +import Novelty from "./pages/Novelty"; +import Etalons from "./pages/Etalons"; +import Etalon from "./pages/Etalon"; +import Legislation from "./pages/Legislation"; +import History from "./pages/History"; +import Structure from "./pages/Structure"; +import Prices from "./pages/Prices"; +import MeasuringRegister from "./pages/MeasuringRegister"; +import Meteorology from "./pages/Meteorology"; +import CalibrateInstruments from "./pages/CalibrateInstruments"; +import CalibrateThermo from "./pages/CalibrateThermo"; +import Regulations from "./pages/Regulations"; +import Service from "./pages/Service"; + +// IMPORT STYLES +import "./styles/app.scss"; + +function App() { + return ( +
+
+ ); +} + +export default App; diff --git a/src/components/Etalons/EtalonsCard.js b/src/components/Etalons/EtalonsCard.js index 19755f5..ef65202 100644 --- a/src/components/Etalons/EtalonsCard.js +++ b/src/components/Etalons/EtalonsCard.js @@ -1,26 +1,26 @@ -// IMPORT MODULES -import React from "react"; -import { Link } from "react-router-dom"; - -// IMPORT IMAGES -import RightArrow_2 from "../../svg/rightArrow_2.svg"; - -const EtalonsCard = (cardData) => { - return ( - -
-
- ARROW -
-
- MEASUREMENT -
-
-
-

{cardData.title}

-
- - ); -}; - -export default EtalonsCard; +// IMPORT MODULES +import React from "react"; +import { Link } from "react-router-dom"; + +// IMPORT IMAGES +import RightArrow_2 from "../../svg/rightArrow_2.svg"; + +const EtalonsCard = (cardData) => { + return ( + +
+
+ ARROW +
+
+ MEASUREMENT +
+
+
+

{cardData.title}

+
+ + ); +}; + +export default EtalonsCard; diff --git a/src/components/Global/Breadcrumb.js b/src/components/Global/Breadcrumb.js index 35d9d28..6eaa138 100644 --- a/src/components/Global/Breadcrumb.js +++ b/src/components/Global/Breadcrumb.js @@ -1,64 +1,64 @@ -// IMPORT MODULES -import React from "react"; -import { Link } from "react-router-dom"; - -const Breadcrumb = (path) => { - return ( -
-
-
- - Главная - - - / - - - {path.path_1} - - - / - - - {path.path_2} - - - / - - - {path.path_3} - -
-
-
- ); -}; - -export default Breadcrumb; +// IMPORT MODULES +import React from "react"; +import { Link } from "react-router-dom"; + +const Breadcrumb = (path) => { + return ( +
+
+
+ + Главная + + + / + + + {path.path_1} + + + / + + + {path.path_2} + + + / + + + {path.path_3} + +
+
+
+ ); +}; + +export default Breadcrumb; diff --git a/src/components/Global/Footer.js b/src/components/Global/Footer.js index e017116..e7e660c 100644 --- a/src/components/Global/Footer.js +++ b/src/components/Global/Footer.js @@ -1,138 +1,138 @@ -// IMPORT MODULES -import React from "react"; -import { Link } from "react-router-dom"; - -// IMPORT IMAGES -import rightArrow from "../../svg/rightArrow.svg"; - -const Footer = () => { - return ( - - ); -}; - -export default Footer; +// IMPORT MODULES +import React from "react"; +import { Link } from "react-router-dom"; + +// IMPORT IMAGES +import rightArrow from "../../svg/rightArrow.svg"; + +const Footer = () => { + return ( + + ); +}; + +export default Footer; diff --git a/src/components/Global/Nav.js b/src/components/Global/Nav.js index 23459f6..93982e3 100644 --- a/src/components/Global/Nav.js +++ b/src/components/Global/Nav.js @@ -1,354 +1,354 @@ -// IMPORT MODULES -import React, { useRef } from "react"; -import { Link } from "react-router-dom"; -import i18n from '../../i18n'; - -// IMPORT IMAGES -import MainLogo from "../../svg/mainLogo.svg"; -import Emblem from "../../svg/emblemLogo.svg"; -import downArrow from "../../svg/downArrow.svg"; -import flagOfRussia from "../../svg/flagOfRussia.svg"; -import flagOfUK from "../../svg/flagOfUK.svg"; -import flagOfTkm from "../../svg/flagOfTkm.svg"; - -function Nav ({ t }) { - const changeLanguage = (lng) => { - i18n.changeLanguage(lng); - console.log(lng); - } - // REF - const navBtn = useRef(); - const mobileNavExpanded = useRef(); - const stripe_1 = useRef(); - const stripe_2 = useRef(); - const stripe_3 = useRef(); - return ( - - ); -}; - -export default Nav; +// IMPORT MODULES +import React, { useRef } from "react"; +import { Link } from "react-router-dom"; +import i18n from '../../i18n'; + +// IMPORT IMAGES +import MainLogo from "../../svg/mainLogo.svg"; +import Emblem from "../../svg/emblemLogo.svg"; +import downArrow from "../../svg/downArrow.svg"; +import flagOfRussia from "../../svg/flagOfRussia.svg"; +import flagOfUK from "../../svg/flagOfUK.svg"; +import flagOfTkm from "../../svg/flagOfTkm.svg"; + +function Nav ({ t }) { + const changeLanguage = (lng) => { + i18n.changeLanguage(lng); + console.log(lng); + } + // REF + const navBtn = useRef(); + const mobileNavExpanded = useRef(); + const stripe_1 = useRef(); + const stripe_2 = useRef(); + const stripe_3 = useRef(); + return ( + + ); +}; + +export default Nav; diff --git a/src/components/Main/DepartmentsTab.js b/src/components/Main/DepartmentsTab.js index a97bb78..301cf0d 100644 --- a/src/components/Main/DepartmentsTab.js +++ b/src/components/Main/DepartmentsTab.js @@ -1,107 +1,107 @@ -// IMPORT MODULES -import React from "react"; -import { Link } from "react-router-dom"; - -// TAB_2 -import RightArrow_2 from "../../svg/rightArrow_2.svg"; -import SecondTabIMG_1 from "../../img/tabImgSecond_1.jpg"; -import SecondTabIMG_2 from "../../img/tabImgSecond_2.jpg"; -import SecondTabIMG_3 from "../../img/tabImgSecond_3.jpg"; -import SecondTabIMG_4 from "../../img/tabImgSecond_4.jpg"; -import SecondTabIMG_5 from "../../img/tabImgSecond_5.jpg"; -import SecondTabIMG_6 from "../../img/tabImgSecond_6.jpg"; - -const DepartmentsMain = () => { - return ( -
-
-

- Отделы -

-
-
-
- -
-
- ARROW -
-
- MEASUREMENT -
-
-
-

Отдел измерений геометрических и механических величин

-
- - -
-
- ARROW -
-
- MEASUREMENT -
-
-
-

Отдел измерения теплотехнических величин

-
- - -
-
- ARROW -
-
- MEASUREMENT -
-
-
-

Отдел по измерению объема и расхода веществ

-
- - -
-
- ARROW -
-
- MEASUREMENT -
-
-
-

Отдел физико-химических и оптических измерений

-
- - -
-
- ARROW -
-
- MEASUREMENT -
-
-
-

Отдел электрических и радиоэлектронных измерений

-
- - -
-
- ARROW -
-
- MEASUREMENT -
-
-
-

Отдел технического обслуживания средств измерения

-
- -
-
- ); -}; - -export default DepartmentsMain; +// IMPORT MODULES +import React from "react"; +import { Link } from "react-router-dom"; + +// TAB_2 +import RightArrow_2 from "../../svg/rightArrow_2.svg"; +import SecondTabIMG_1 from "../../img/tabImgSecond_1.jpg"; +import SecondTabIMG_2 from "../../img/tabImgSecond_2.jpg"; +import SecondTabIMG_3 from "../../img/tabImgSecond_3.jpg"; +import SecondTabIMG_4 from "../../img/tabImgSecond_4.jpg"; +import SecondTabIMG_5 from "../../img/tabImgSecond_5.jpg"; +import SecondTabIMG_6 from "../../img/tabImgSecond_6.jpg"; + +const DepartmentsMain = () => { + return ( +
+
+

+ Отделы +

+
+
+
+ +
+
+ ARROW +
+
+ MEASUREMENT +
+
+
+

Отдел измерений геометрических и механических величин

+
+ + +
+
+ ARROW +
+
+ MEASUREMENT +
+
+
+

Отдел измерения теплотехнических величин

+
+ + +
+
+ ARROW +
+
+ MEASUREMENT +
+
+
+

Отдел по измерению объема и расхода веществ

+
+ + +
+
+ ARROW +
+
+ MEASUREMENT +
+
+
+

Отдел физико-химических и оптических измерений

+
+ + +
+
+ ARROW +
+
+ MEASUREMENT +
+
+
+

Отдел электрических и радиоэлектронных измерений

+
+ + +
+
+ ARROW +
+
+ MEASUREMENT +
+
+
+

Отдел технического обслуживания средств измерения

+
+ +
+
+ ); +}; + +export default DepartmentsMain; diff --git a/src/components/Main/NewsTab.js b/src/components/Main/NewsTab.js index 768c484..b213250 100644 --- a/src/components/Main/NewsTab.js +++ b/src/components/Main/NewsTab.js @@ -1,100 +1,100 @@ -// IMPORT MODULES -import React from "react"; -import { Link } from "react-router-dom"; - -// TAB_1 -import RightArrowBlue from "../../svg/rightArrowBlue.svg"; -import TabIMG1 from "../../img/tabImg_1.jpg"; -import TabIMG2 from "../../img/tabImg_2.jpg"; -import TabIMG3 from "../../img/tabImg_3.jpg"; - -const NewsMain = () => { - return ( -
-
-

- Новости -

-
-
- - Все новости -
- RIGHTARROW -
- -
-
-
-
-
-
- Turkmen carpets -
-
-
- 30.05.2021 -

- Состоялись мероприятия, приуроченные к Празднику туркменского - ковра -

-
- - Подробнее -
- RIGHTARROW -
- -
-
-
-
-
-
- Turkmen students -
-
-
- 25.05.2021 -

- Состоялись мероприятия, приуроченные к Празднику туркменского - ковра -

-
- - Подробнее -
- RIGHTARROW -
- -
-
-
-
-
-
- Turkmen mothers -
-
-
- 25.05.2021 -

- Родителям первых детей, рождённых в день юбилея Ашхабада, вручены - подарки... -

-
- - Подробнее -
- RIGHTARROW -
- -
-
-
-
-
- ); -}; - -export default NewsMain; +// IMPORT MODULES +import React from "react"; +import { Link } from "react-router-dom"; + +// TAB_1 +import RightArrowBlue from "../../svg/rightArrowBlue.svg"; +import TabIMG1 from "../../img/tabImg_1.jpg"; +import TabIMG2 from "../../img/tabImg_2.jpg"; +import TabIMG3 from "../../img/tabImg_3.jpg"; + +const NewsMain = () => { + return ( +
+
+

+ Новости +

+
+
+ + Все новости +
+ RIGHTARROW +
+ +
+
+
+
+
+
+ Turkmen carpets +
+
+
+ 30.05.2021 +

+ Состоялись мероприятия, приуроченные к Празднику туркменского + ковра +

+
+ + Подробнее +
+ RIGHTARROW +
+ +
+
+
+
+
+
+ Turkmen students +
+
+
+ 25.05.2021 +

+ Состоялись мероприятия, приуроченные к Празднику туркменского + ковра +

+
+ + Подробнее +
+ RIGHTARROW +
+ +
+
+
+
+
+
+ Turkmen mothers +
+
+
+ 25.05.2021 +

+ Родителям первых детей, рождённых в день юбилея Ашхабада, вручены + подарки... +

+
+ + Подробнее +
+ RIGHTARROW +
+ +
+
+
+
+
+ ); +}; + +export default NewsMain; diff --git a/src/components/Main/SitesTab.js b/src/components/Main/SitesTab.js index ddcc859..401dba3 100644 --- a/src/components/Main/SitesTab.js +++ b/src/components/Main/SitesTab.js @@ -1,78 +1,78 @@ -// IMPORT MODULES -import React from "react"; - -// TAB_3 -import RightArrow_2 from "../../svg/rightArrow_2.svg"; -import HalkbankIMG from "../../img/halkbank.jpg"; -import TdhIMG from "../../img/tdh.jpg"; -import TurkmenTvIMG from "../../img/turkmenTv.jpg"; -import AirportIMG from "../../img/airport.jpg"; - -const Sites = () => { - return ( -
-
-

- Полезные сайты -

-
-
-
- -
-
- ARROW -
-
- MEASUREMENT -
-
-
-

АКБ "Халкбанк"

-
- - -
-
- ARROW -
-
- MEASUREMENT -
-
-
-

Государственное информационное агентство Туркменистана

-
- - -
-
- ARROW -
-
- MEASUREMENT -
-
-
-

Государственного комитета Туркменистана по телевидению,...

-
- - -
-
- ARROW -
-
- MEASUREMENT -
-
-
-

Международный аэропорт Ашхабад

-
- -
-
- ); -}; - -export default Sites; +// IMPORT MODULES +import React from "react"; + +// TAB_3 +import RightArrow_2 from "../../svg/rightArrow_2.svg"; +import HalkbankIMG from "../../img/halkbank.jpg"; +import TdhIMG from "../../img/tdh.jpg"; +import TurkmenTvIMG from "../../img/turkmenTv.jpg"; +import AirportIMG from "../../img/airport.jpg"; + +const Sites = () => { + return ( +
+
+

+ Полезные сайты +

+
+
+
+ +
+
+ ARROW +
+
+ MEASUREMENT +
+
+
+

АКБ "Халкбанк"

+
+ + +
+
+ ARROW +
+
+ MEASUREMENT +
+
+
+

Государственное информационное агентство Туркменистана

+
+ + +
+
+ ARROW +
+
+ MEASUREMENT +
+
+
+

Государственного комитета Туркменистана по телевидению,...

+
+ + +
+
+ ARROW +
+
+ MEASUREMENT +
+
+
+

Международный аэропорт Ашхабад

+
+ +
+
+ ); +}; + +export default Sites; diff --git a/src/i18n.js b/src/i18n.js index 6602610..f98906c 100644 --- a/src/i18n.js +++ b/src/i18n.js @@ -1,33 +1,33 @@ -import i18n from "i18next"; -import { initReactI18next} from "react-i18next"; - - -import translationEN from "./locales/en/translationEN.json"; -import translationRU from "./locales/ru/translationRU.json"; - - - -const resources = { - en: { - translation: translationEN - }, - ru: { - translation: translationRU - } -}; - - -i18n.use(initReactI18next).init({ - resources, - lng: 'ru', - - keySeparator: false, - - interpolation: { - escapeValue: false - } -}); - -export default i18n; - - +import i18n from "i18next"; +import { initReactI18next} from "react-i18next"; + + +import translationEN from "./locales/en/translationEN.json"; +import translationRU from "./locales/ru/translationRU.json"; + + + +const resources = { + en: { + translation: translationEN + }, + ru: { + translation: translationRU + } +}; + + +i18n.use(initReactI18next).init({ + resources, + lng: 'ru', + + keySeparator: false, + + interpolation: { + escapeValue: false + } +}); + +export default i18n; + + diff --git a/src/index.js b/src/index.js index 4f74d42..77f2f74 100644 --- a/src/index.js +++ b/src/index.js @@ -1,19 +1,19 @@ -import React from "react"; -import ReactDOM from "react-dom"; -import App from "./App"; -import reportWebVitals from "./reportWebVitals"; -import { BrowserRouter } from "react-router-dom"; - -ReactDOM.render( - - - - - , - document.getElementById("root") -); - -// If you want to start measuring performance in your app, pass a function -// to log results (for example: reportWebVitals(console.log)) -// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals -reportWebVitals(); +import React from "react"; +import ReactDOM from "react-dom"; +import App from "./App"; +import reportWebVitals from "./reportWebVitals"; +import { BrowserRouter } from "react-router-dom"; + +ReactDOM.render( + + + + + , + document.getElementById("root") +); + +// If you want to start measuring performance in your app, pass a function +// to log results (for example: reportWebVitals(console.log)) +// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals +reportWebVitals(); diff --git a/src/locales/en/translationEN.json b/src/locales/en/translationEN.json index f95939a..29598a8 100644 --- a/src/locales/en/translationEN.json +++ b/src/locales/en/translationEN.json @@ -1,3 +1,3 @@ -{ - "test":"test_en" +{ + "test":"test_en" } \ No newline at end of file diff --git a/src/locales/ru/translationRU.json b/src/locales/ru/translationRU.json index faa2570..88be94b 100644 --- a/src/locales/ru/translationRU.json +++ b/src/locales/ru/translationRU.json @@ -1,3 +1,3 @@ -{ - "test":"test_ru" +{ + "test":"test_ru" } \ No newline at end of file diff --git a/src/pages/CalibrateInstruments.js b/src/pages/CalibrateInstruments.js index 25ba85d..d2643fd 100644 --- a/src/pages/CalibrateInstruments.js +++ b/src/pages/CalibrateInstruments.js @@ -1,62 +1,62 @@ -// IMPORT MODULES -import React, { useEffect } from "react"; -import { Link } from "react-router-dom"; - -// IMPORT COMPONENTS -import Breadcrumb from "../components/Global/Breadcrumb"; - -const CalibrateInstruments = () => { - useEffect(() => { - window.scrollTo(0, 0); - }, []); - return ( -
- -
-
-
-

- Тарифы на проведение проверки или калибровки средств измерений -

-
-
-
-
- -

Измерения геометрических величин

- - -

Измерения механических величин

- - -

Измерения давления и вакуума

- - -

Измерения уровня расхода, воды и...

- - -

Измерения физико-химических и оп...

- - -

Тепло-физичекие и температурные...

- - -

Измерение времени и частоты

- - -

Измерения электрических и магнит...

- -
-
-
-
-
- ); -}; - -export default CalibrateInstruments; +// IMPORT MODULES +import React, { useEffect } from "react"; +import { Link } from "react-router-dom"; + +// IMPORT COMPONENTS +import Breadcrumb from "../components/Global/Breadcrumb"; + +const CalibrateInstruments = () => { + useEffect(() => { + window.scrollTo(0, 0); + }, []); + return ( +
+ +
+
+
+

+ Тарифы на проведение проверки или калибровки средств измерений +

+
+
+
+
+ +

Измерения геометрических величин

+ + +

Измерения механических величин

+ + +

Измерения давления и вакуума

+ + +

Измерения уровня расхода, воды и...

+ + +

Измерения физико-химических и оп...

+ + +

Тепло-физичекие и температурные...

+ + +

Измерение времени и частоты

+ + +

Измерения электрических и магнит...

+ +
+
+
+
+
+ ); +}; + +export default CalibrateInstruments; diff --git a/src/pages/CalibrateThermo.js b/src/pages/CalibrateThermo.js index 87cf84b..0954c92 100644 --- a/src/pages/CalibrateThermo.js +++ b/src/pages/CalibrateThermo.js @@ -1,124 +1,124 @@ -// IMPORT MODULES -import React, { useEffect } from "react"; - -// IMPORT COMPONENTS -import Breadcrumb from "../components/Global/Breadcrumb"; - -// IMPORT IMAGES -import Img from "../img/pricesImg_3-large.jpg"; - -const CalibrateThermo = () => { - useEffect(() => { - window.scrollTo(0, 0); - }, []); - return ( -
- -
-
-
-

- Тарифы -

-
-
-
-
-
- Calibration -
-

- Стоимость калибровки термометров сопротивления в калибровки в - аккредитованной области -

-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- T№ - - - Наименование услуг - - - - Стоимость в манатах - -
- 1 - - - Проведение калибровки термометра сопротивления в - реперной точке -38,830C - - - 506,00 TMT -
- 2 - - - Проведение калибровки термометра сопротивления в - реперной точке 0,010C - - - 236,00 TMT -
- 3 - - - Проведение калибровки термометра сопротивления в - реперной точке 29,760C - - - 236,00 TMT -
- 4 - - - Подготовка эталонного оборудования для проведения - калибровки - - - 828,00 TMT -
-
-
-
-
-
- ); -}; - -export default CalibrateThermo; +// IMPORT MODULES +import React, { useEffect } from "react"; + +// IMPORT COMPONENTS +import Breadcrumb from "../components/Global/Breadcrumb"; + +// IMPORT IMAGES +import Img from "../img/pricesImg_3-large.jpg"; + +const CalibrateThermo = () => { + useEffect(() => { + window.scrollTo(0, 0); + }, []); + return ( +
+ +
+
+
+

+ Тарифы +

+
+
+
+
+
+ Calibration +
+

+ Стоимость калибровки термометров сопротивления в калибровки в + аккредитованной области +

+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ T№ + + + Наименование услуг + + + + Стоимость в манатах + +
+ 1 + + + Проведение калибровки термометра сопротивления в + реперной точке -38,830C + + + 506,00 TMT +
+ 2 + + + Проведение калибровки термометра сопротивления в + реперной точке 0,010C + + + 236,00 TMT +
+ 3 + + + Проведение калибровки термометра сопротивления в + реперной точке 29,760C + + + 236,00 TMT +
+ 4 + + + Подготовка эталонного оборудования для проведения + калибровки + + + 828,00 TMT +
+
+
+
+
+
+ ); +}; + +export default CalibrateThermo; diff --git a/src/pages/Etalon.js b/src/pages/Etalon.js index 28c079f..15fbe8a 100644 --- a/src/pages/Etalon.js +++ b/src/pages/Etalon.js @@ -1,103 +1,103 @@ -// IMPORT MODULES -import React, { useEffect } from "react"; - -// IMPORT COMPONENTS -import Breadcrumb from "../components/Global/Breadcrumb"; - -// IMPORT IMAGES -import EtalonImg from "../img/etalonImg.jpg"; - -const Etalon = () => { - useEffect(() => { - window.scrollTo(0, 0); - }, []); - return ( -
- -
-
-
-
- Etalon -
-

- Государственный эталон единицы массы -

-
-
- - - Государственный эталон массы служит для воспроизведения, - хранения и передачи размера единицы массы в диапазоне от 1 мг до - 1 кг. передача размера единицы массы гирям классом точности E2 - осуществляется сличением при помощи компараторов. Работу с - гирями проводят в перчатках с микрофибры и пинцетом. Область - измерения массы является наиболее обширной. Метрологическое - обеспечение единства измерений массы используется во всех - областях науки и производственной деятельности. - - -
Состав государственного эталона:
-
    -
  • - Набор гирь с номинальным значением массы от 1 мг до 1 кг, - класса точности Е1 производства «Hafner Gewichte GmbH» - Германия; -
    • -
  • - Микровесы - масскомпаратор XP26С, НПВ 22г, d =1 мкг, - производства «MettlerToledo» Швейцария; -
    • -
  • - Масс-компаратор AX106, НПВ 111г, d =1 мкг, производства - «Mettler Тoledo» Швейцария; -
    • -
  • - Масс-компаратор AX1004 НПВ, 1109 г, d=0,1 мг, производства - «Mettler Тoledo» Швейцария; -
    • -
  • - Прибор для измерения магнитной восприимчивости Susceptometer - YSZ02C; -
    • -
  • Эталон восприимчивости YSZ01RSC-HE210-1;
    • -
  • - Прибор для контроля магнитной проницаемости материала гирь - µ=1,01-1,9; 5,0; -
    • -
  • - Система измерений и регистрации климатических условий - окружающей среды Micromec MultisensMLm 1624n. -
    • -
- - -
Метрологические характеристики:
-

- В основу эталона положен метод воспроизведения единицы массы - государственным эталоном, размер которой в соответствии с - государственной поверочной схемой передается средствам - измерений массы. Передача размера единицы массы гирям 1 - разряда (класса точности Е2) осуществляется сличением при - помощи компараторов. Эталон (Гири класса точности Е1) - обеспечивает воспроизведение, хранение и передачу единицы - массы в диапазоне от 1 мг до 1 кг с расширенной - неопределенностью значения которой не превышают от 0,003 мг - (для гирь номинальной массой 1 мг) до 0,5 мг (для гирь - номинальной массой 1 кг). -

- - -
-
-
-
- ); -}; - -export default Etalon; +// IMPORT MODULES +import React, { useEffect } from "react"; + +// IMPORT COMPONENTS +import Breadcrumb from "../components/Global/Breadcrumb"; + +// IMPORT IMAGES +import EtalonImg from "../img/etalonImg.jpg"; + +const Etalon = () => { + useEffect(() => { + window.scrollTo(0, 0); + }, []); + return ( +
+ +
+
+
+
+ Etalon +
+

+ Государственный эталон единицы массы +

+
+
+ + + Государственный эталон массы служит для воспроизведения, + хранения и передачи размера единицы массы в диапазоне от 1 мг до + 1 кг. передача размера единицы массы гирям классом точности E2 + осуществляется сличением при помощи компараторов. Работу с + гирями проводят в перчатках с микрофибры и пинцетом. Область + измерения массы является наиболее обширной. Метрологическое + обеспечение единства измерений массы используется во всех + областях науки и производственной деятельности. + + +
Состав государственного эталона:
+
    +
  • + Набор гирь с номинальным значением массы от 1 мг до 1 кг, + класса точности Е1 производства «Hafner Gewichte GmbH» + Германия; +
    • +
  • + Микровесы - масскомпаратор XP26С, НПВ 22г, d =1 мкг, + производства «MettlerToledo» Швейцария; +
    • +
  • + Масс-компаратор AX106, НПВ 111г, d =1 мкг, производства + «Mettler Тoledo» Швейцария; +
    • +
  • + Масс-компаратор AX1004 НПВ, 1109 г, d=0,1 мг, производства + «Mettler Тoledo» Швейцария; +
    • +
  • + Прибор для измерения магнитной восприимчивости Susceptometer + YSZ02C; +
    • +
  • Эталон восприимчивости YSZ01RSC-HE210-1;
    • +
  • + Прибор для контроля магнитной проницаемости материала гирь + µ=1,01-1,9; 5,0; +
    • +
  • + Система измерений и регистрации климатических условий + окружающей среды Micromec MultisensMLm 1624n. +
    • +
+ + +
Метрологические характеристики:
+

+ В основу эталона положен метод воспроизведения единицы массы + государственным эталоном, размер которой в соответствии с + государственной поверочной схемой передается средствам + измерений массы. Передача размера единицы массы гирям 1 + разряда (класса точности Е2) осуществляется сличением при + помощи компараторов. Эталон (Гири класса точности Е1) + обеспечивает воспроизведение, хранение и передачу единицы + массы в диапазоне от 1 мг до 1 кг с расширенной + неопределенностью значения которой не превышают от 0,003 мг + (для гирь номинальной массой 1 мг) до 0,5 мг (для гирь + номинальной массой 1 кг). +

+ + +
+
+
+
+ ); +}; + +export default Etalon; diff --git a/src/pages/Etalons.js b/src/pages/Etalons.js index 4df2f31..9f9f7a9 100644 --- a/src/pages/Etalons.js +++ b/src/pages/Etalons.js @@ -1,154 +1,154 @@ -// IMPORT MODULES -import React, { useEffect } from "react"; - -// IMPORT COMPONENTS -import Breadcrumb from "../components/Global/Breadcrumb"; -import EtalonsCard from "../components/Etalons/EtalonsCard"; - -// IMPORT IMAGES -import Img_1 from "../img/etalonsImg_1.jpg"; -import Img_2 from "../img/etalonsImg_2.jpg"; -import Img_3 from "../img/etalonsImg_3.jpg"; -import Img_4 from "../img/etalonsImg_4.jpg"; -import Img_5 from "../img/etalonsImg_5.jpg"; -import Img_6 from "../img/etalonsImg_6.jpg"; -import Img_7 from "../img/etalonsImg_7.jpg"; -import Img_8 from "../img/etalonsImg_8.jpg"; -import Img_9 from "../img/etalonsImg_9.jpg"; -import Img_10 from "../img/etalonsImg_10.jpg"; -import Img_11 from "../img/etalonsImg_11.jpg"; -import Img_12 from "../img/etalonsImg_12.jpg"; -import Img_13 from "../img/etalonsImg_13.jpg"; -import Img_14 from "../img/etalonsImg_14.jpg"; -import Img_15 from "../img/etalonsImg_15.jpg"; -import Img_16 from "../img/etalonsImg_16.jpg"; -import Img_17 from "../img/etalonsImg_17.jpg"; - -const Etalons = () => { - useEffect(() => { - window.scrollTo(0, 0); - }, []); - - return ( -
- -
-
-
-

- Государственные эталоны -

-
-
-
- - - - - - - - - - - - - - - - - -
-
-
-
- ); -}; - -export default Etalons; +// IMPORT MODULES +import React, { useEffect } from "react"; + +// IMPORT COMPONENTS +import Breadcrumb from "../components/Global/Breadcrumb"; +import EtalonsCard from "../components/Etalons/EtalonsCard"; + +// IMPORT IMAGES +import Img_1 from "../img/etalonsImg_1.jpg"; +import Img_2 from "../img/etalonsImg_2.jpg"; +import Img_3 from "../img/etalonsImg_3.jpg"; +import Img_4 from "../img/etalonsImg_4.jpg"; +import Img_5 from "../img/etalonsImg_5.jpg"; +import Img_6 from "../img/etalonsImg_6.jpg"; +import Img_7 from "../img/etalonsImg_7.jpg"; +import Img_8 from "../img/etalonsImg_8.jpg"; +import Img_9 from "../img/etalonsImg_9.jpg"; +import Img_10 from "../img/etalonsImg_10.jpg"; +import Img_11 from "../img/etalonsImg_11.jpg"; +import Img_12 from "../img/etalonsImg_12.jpg"; +import Img_13 from "../img/etalonsImg_13.jpg"; +import Img_14 from "../img/etalonsImg_14.jpg"; +import Img_15 from "../img/etalonsImg_15.jpg"; +import Img_16 from "../img/etalonsImg_16.jpg"; +import Img_17 from "../img/etalonsImg_17.jpg"; + +const Etalons = () => { + useEffect(() => { + window.scrollTo(0, 0); + }, []); + + return ( +
+ +
+
+
+

+ Государственные эталоны +

+
+
+
+ + + + + + + + + + + + + + + + + +
+
+
+
+ ); +}; + +export default Etalons; diff --git a/src/pages/History.js b/src/pages/History.js index 948dde5..acd0205 100644 --- a/src/pages/History.js +++ b/src/pages/History.js @@ -1,138 +1,138 @@ -// IMPORT MODULES -import React, { useEffect } from "react"; - -// IMPORT COMPONENTS -import Breadcrumb from "../components/Global/Breadcrumb"; - -const History = () => { - useEffect(() => { - window.scrollTo(0, 0); - }, []); - - return ( -
- -
-
-
-

- История компании Государственного эталонного центра -

-
-
-
-

- В соответствии с Постановлением Президент Туркменистана от - 17.08.2010г. «О создании национального эталонного центра». -

-
-
-

- В сентябре 2010 года проведены переговоры о консультационных - услугах по строительству и созданию Государственного эталонного - центра с представителями компаний «TŰV Rheinland Industrie Service - GmbH», Федеральным Физико-техническим институтом (Physikalisch - - Technische Bundesanstalt - PTB) и национальным метрологическим - институтом ФРГ. В результате переговоров было отмечено, что - создаваемый метрологический центр должен отвечать международным - требованиям и гарантировать большую прозрачность, надежность и - точность измерений. Он должен обеспечивать народное хозяйство - Туркменистана единой системой измерений и надежный государственный - контроль за средствами испытаний и измерений, тем самым - способствуя товарно-торговому обороту между Туркменистаном и - международными рынками, в том числе с Европейским союзом. В - обязанности Метрологического центра должно входить представление - различных физических величин и предоставление метрологических - услуг предприятиям страны в виде реализованных результатов - измерений. Центр должен быть оснащен современными приборами и - оборудованием с ориентацией методов измерений на международные - стандарты. В октябре 2010 года Главная государственная служба - "Туркменстандартлары" поручила компании TÜV Rheinland управление - проектом по сопровождению и созданию Метрологического центра. 25 - октября 2011 г. Главная государственная служба - "Туркменстандартлары" и Федеральный физико-технический институт - заключили контракт о выполнении консультативных работ по проекту - "Создание Государственного эталонного центра в Ашхабаде". - Строительство Государственного эталонного центра в Ашхабаде - осуществлялась подрядной компанией TOTAL (филиал компании “Total - Inşaat Sanaýi we Tijaret Limited Şirketi ” в Туркменистане). В - марте 2011 года был объявлен тендер на поставку эталонного - оборудования для «Государственного эталонного центра». На участие - в тендере подали заявки 22 претендента. Для оснащения - Государственного эталонного центра новейшим эталонным - оборудованием были заключены контракты с поставщиками такими как: - Компания «Neegas Trading L.P.» (Соединенное королевство - Великобритании и Северной Ирландии), Компания «TCM Kommunikation - Ges.m.b.H», (Республика Австрия), Компания «East Wind Engineering - LLP» (Соединенное королевство Великобритании и Северной Ирландии), - Товарищество с ограниченной ответственностью «Distrilab» - (Дистрилаб) (Республика Казахстан). Эксперты РТВ провели - техническую экспертизу предложений поставщиков в рамках - многочисленных обсуждений. По мере необходимости и по желанию - заказчика эксперты РТВ предоставляли поставщикам подробную - техническую информацию в поддержку. Эксперты РТВ контролировали - поставленное оборудование на месте на предмет его соответствия - техническим требованиям. В случае обнаружения отклонений - составлялись соответствующие отчеты о несоответствии, которые - согласовывались с заказчиком и с поставщиками. В качестве - дополнительной услуги заказчику и поставщикам оказывалась активная - поддержка при решении открытых вопросов. 01.10.2013 года в - присутствии Уважаемого Президента Гурбангулы Бердымухамедова - состоялась торжественная церемония открытия Государственного - эталонного центра. В момент открытия уважаемый Президент отметил, - что, метрологический центр построен и оснащен по последнему слову - техники для выполнения важнейших государственных задач в области - метрологии в будущем и обеспечения прослеживаемости средств - измерения, в перспективе и для всего центрально-азиатского - региона. Уважаемый Президент также отметил, что эталонный центр - призван придать динамику развитию государственной системы - обеспечения единства измерения, совершенствования правовой базы в - соответствии с международными требованиями. Комплекс зданий - эталонного центра включает в себя административное здание и - лабораторные корпуса, соединенные между собой галереями. Общая - площадь здания Государственного эталонного центра составляет 25 - тысяч 500 квадратных метров. Здесь функционируют лаборатории, - оснащённые эталонно-образцовым оборудованием и измерительными - средствами высокой точности от ведущих мировых производителей. - Правовую основу обеспечения единства измерений в Туркменистане - устанавливает Закон «Об обеспечении единства измерений», который - был принят в октябре 2012 года. В соответствии с этим, - деятельность Государственного эталонного центра позволит - обеспечить единую систему измерений, используемых во всех отраслях - национальной экономики, поднять на новый уровень проведение - проверок качества и безопасности продукции, товаров, работ и - услуг, а также на их соответствие международным нормам. Поставка - эталонного оборудования была полностью завершена в январе 2015г. - на что имеется заключение от Федерального Физико-технического - института (Physikalisch – Technische Bundesanstalt - PTB) о - соответствии поставленного оборудования требованиям заказчика и - технической документации, а также, что все оборудование имеют - сертификаты калибровок от признанных аккредитованных международных - лабораторий. Для сотрудников новых калибровочных лабораторий были - проведены вводные тренинги силами поставщиков эталонного - оборудования, экспертов РТВ и специалистов фирмы ZMK GmbH Sachsen - - Anhalt и ZMK ANALYTIK GmbH. В качестве подтверждения обучения - участникам вручены сертификаты об обучении. На сегодня Главная - государственная служба "Туркменстандартлары" имеет национальные - эталонные лаборатории по единицам масса, длина, сила, давление, - температура, влажность, малый объем, плотность жидкости, рН - жидкости, вязкость жидкости, электролитическая проводимость - жидкости, влажности зерна, напряжение (вольт), сопротивление, сила - тока, времени и частота, расхода и количества газа которые - отвечают всем международным требованиям. Представленная здесь - национальная эталонная база содержит комплекс эталонов, - эталонно-образцового оборудования и высокоточных измерительных - средств по 17 видам измерений, применяемых в различных отраслях - Туркменской экономики. -

-
-
-
-
- ); -}; - -export default History; +// IMPORT MODULES +import React, { useEffect } from "react"; + +// IMPORT COMPONENTS +import Breadcrumb from "../components/Global/Breadcrumb"; + +const History = () => { + useEffect(() => { + window.scrollTo(0, 0); + }, []); + + return ( +
+ +
+
+
+

+ История компании Государственного эталонного центра +

+
+
+
+

+ В соответствии с Постановлением Президент Туркменистана от + 17.08.2010г. «О создании национального эталонного центра». +

+
+
+

+ В сентябре 2010 года проведены переговоры о консультационных + услугах по строительству и созданию Государственного эталонного + центра с представителями компаний «TŰV Rheinland Industrie Service + GmbH», Федеральным Физико-техническим институтом (Physikalisch - + Technische Bundesanstalt - PTB) и национальным метрологическим + институтом ФРГ. В результате переговоров было отмечено, что + создаваемый метрологический центр должен отвечать международным + требованиям и гарантировать большую прозрачность, надежность и + точность измерений. Он должен обеспечивать народное хозяйство + Туркменистана единой системой измерений и надежный государственный + контроль за средствами испытаний и измерений, тем самым + способствуя товарно-торговому обороту между Туркменистаном и + международными рынками, в том числе с Европейским союзом. В + обязанности Метрологического центра должно входить представление + различных физических величин и предоставление метрологических + услуг предприятиям страны в виде реализованных результатов + измерений. Центр должен быть оснащен современными приборами и + оборудованием с ориентацией методов измерений на международные + стандарты. В октябре 2010 года Главная государственная служба + "Туркменстандартлары" поручила компании TÜV Rheinland управление + проектом по сопровождению и созданию Метрологического центра. 25 + октября 2011 г. Главная государственная служба + "Туркменстандартлары" и Федеральный физико-технический институт + заключили контракт о выполнении консультативных работ по проекту + "Создание Государственного эталонного центра в Ашхабаде". + Строительство Государственного эталонного центра в Ашхабаде + осуществлялась подрядной компанией TOTAL (филиал компании “Total + Inşaat Sanaýi we Tijaret Limited Şirketi ” в Туркменистане). В + марте 2011 года был объявлен тендер на поставку эталонного + оборудования для «Государственного эталонного центра». На участие + в тендере подали заявки 22 претендента. Для оснащения + Государственного эталонного центра новейшим эталонным + оборудованием были заключены контракты с поставщиками такими как: + Компания «Neegas Trading L.P.» (Соединенное королевство + Великобритании и Северной Ирландии), Компания «TCM Kommunikation + Ges.m.b.H», (Республика Австрия), Компания «East Wind Engineering + LLP» (Соединенное королевство Великобритании и Северной Ирландии), + Товарищество с ограниченной ответственностью «Distrilab» + (Дистрилаб) (Республика Казахстан). Эксперты РТВ провели + техническую экспертизу предложений поставщиков в рамках + многочисленных обсуждений. По мере необходимости и по желанию + заказчика эксперты РТВ предоставляли поставщикам подробную + техническую информацию в поддержку. Эксперты РТВ контролировали + поставленное оборудование на месте на предмет его соответствия + техническим требованиям. В случае обнаружения отклонений + составлялись соответствующие отчеты о несоответствии, которые + согласовывались с заказчиком и с поставщиками. В качестве + дополнительной услуги заказчику и поставщикам оказывалась активная + поддержка при решении открытых вопросов. 01.10.2013 года в + присутствии Уважаемого Президента Гурбангулы Бердымухамедова + состоялась торжественная церемония открытия Государственного + эталонного центра. В момент открытия уважаемый Президент отметил, + что, метрологический центр построен и оснащен по последнему слову + техники для выполнения важнейших государственных задач в области + метрологии в будущем и обеспечения прослеживаемости средств + измерения, в перспективе и для всего центрально-азиатского + региона. Уважаемый Президент также отметил, что эталонный центр + призван придать динамику развитию государственной системы + обеспечения единства измерения, совершенствования правовой базы в + соответствии с международными требованиями. Комплекс зданий + эталонного центра включает в себя административное здание и + лабораторные корпуса, соединенные между собой галереями. Общая + площадь здания Государственного эталонного центра составляет 25 + тысяч 500 квадратных метров. Здесь функционируют лаборатории, + оснащённые эталонно-образцовым оборудованием и измерительными + средствами высокой точности от ведущих мировых производителей. + Правовую основу обеспечения единства измерений в Туркменистане + устанавливает Закон «Об обеспечении единства измерений», который + был принят в октябре 2012 года. В соответствии с этим, + деятельность Государственного эталонного центра позволит + обеспечить единую систему измерений, используемых во всех отраслях + национальной экономики, поднять на новый уровень проведение + проверок качества и безопасности продукции, товаров, работ и + услуг, а также на их соответствие международным нормам. Поставка + эталонного оборудования была полностью завершена в январе 2015г. + на что имеется заключение от Федерального Физико-технического + института (Physikalisch – Technische Bundesanstalt - PTB) о + соответствии поставленного оборудования требованиям заказчика и + технической документации, а также, что все оборудование имеют + сертификаты калибровок от признанных аккредитованных международных + лабораторий. Для сотрудников новых калибровочных лабораторий были + проведены вводные тренинги силами поставщиков эталонного + оборудования, экспертов РТВ и специалистов фирмы ZMK GmbH Sachsen + - Anhalt и ZMK ANALYTIK GmbH. В качестве подтверждения обучения + участникам вручены сертификаты об обучении. На сегодня Главная + государственная служба "Туркменстандартлары" имеет национальные + эталонные лаборатории по единицам масса, длина, сила, давление, + температура, влажность, малый объем, плотность жидкости, рН + жидкости, вязкость жидкости, электролитическая проводимость + жидкости, влажности зерна, напряжение (вольт), сопротивление, сила + тока, времени и частота, расхода и количества газа которые + отвечают всем международным требованиям. Представленная здесь + национальная эталонная база содержит комплекс эталонов, + эталонно-образцового оборудования и высокоточных измерительных + средств по 17 видам измерений, применяемых в различных отраслях + Туркменской экономики. +

+
+
+
+
+ ); +}; + +export default History; diff --git a/src/pages/Legislation.js b/src/pages/Legislation.js index f3c8e92..af6cd45 100644 --- a/src/pages/Legislation.js +++ b/src/pages/Legislation.js @@ -1,145 +1,145 @@ -// IMPORT MODULES -import React from "react"; -import i18n from '../i18n'; -import { withTranslation } from 'react-i18next'; - -// IMPORT COMPONENTS -import Breadcrumb from "../components/Global/Breadcrumb"; - -// const Legislation = () => { -// useEffect(() => { -// window.scrollTo(0, 0); -// }, []); - -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
- //

Pleses wait some time....

; - - // 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
Loading ....
- }else{ - - return ( -
- -
-
-
-

- Законодательная база -

-
-
-
- - {items.map(item=>( -
-

- - {/* {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 - } - - -

-

- {item.content} -

-
- ))} - -
-
-
-
- ); - } - } -}; - -// export default Legislation; -export default withTranslation()(Legislation); +// IMPORT MODULES +import React from "react"; +import i18n from '../i18n'; +import { withTranslation } from 'react-i18next'; + +// IMPORT COMPONENTS +import Breadcrumb from "../components/Global/Breadcrumb"; + +// const Legislation = () => { +// useEffect(() => { +// window.scrollTo(0, 0); +// }, []); + +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
+ //

Pleses wait some time....

; + + // 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
Loading ....
+ }else{ + + return ( +
+ +
+
+
+

+ Законодательная база +

+
+
+
+ + {items.map(item=>( +
+

+ + {/* {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 + } + + +

+

+ {item.content} +

+
+ ))} + +
+
+
+
+ ); + } + } +}; + +// export default Legislation; +export default withTranslation()(Legislation); diff --git a/src/pages/Main.js b/src/pages/Main.js index 7e03770..95d3654 100644 --- a/src/pages/Main.js +++ b/src/pages/Main.js @@ -1,171 +1,171 @@ -// IMPORT MODULES -import React from "react"; -import { withTranslation } from 'react-i18next'; - -// IMPORT COMPONENTS -import NewsTab from "../components/Main/NewsTab"; -import DepartmentsTab from "../components/Main/DepartmentsTab"; -import SitesTab from "../components/Main/SitesTab"; - -// IMPORT SWIPER MODULES -import { Swiper, SwiperSlide } from "swiper/react/swiper-react"; -import { Navigation, Pagination, A11y, Autoplay } from "swiper"; - -// IMPORT SWIPER STYLES -import "swiper/swiper.scss"; - -// IMPORT SLIDER IMAGES -// import SliderIMG from "../img/sliderImg.jpg"; -import SliderIMG_2 from "../img/secondSliderImg.jpg"; - -// const Main = () => { -// useEffect(() => { -// window.scrollTo(0, 0); -// }, []); - -class Main 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/slider` - - 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, - error: res.message || null, - DataisLoaded: true, - }) - console.log(res.data) - } - - }) - .catch(error => { - if (this._mounted) { - this.setState({ error, DataisLoaded: false}); - } - }); - }, 1500); - }; - - - render() { - const { t } = this.props; - - var {DataisLoaded, items} = this.state; - if(!DataisLoaded){ - return
Loading ....
- }else{ - - return ( -
-
- - - - {items.map(item=>( - -
- ETALON -
- - ))} - - -
-
-
- -
-
-

- {/* Объявления */} - {t('test')} -

-
-
-
- - -

Государственный эталонный центр

-
- ETALON -
- - -

Государственный эталонный центр

-
- ETALON -
- - -

Государственный эталонный центр

-
- ETALON -
- - -
-
- - -
-
-
- ); - } - } -}; - -// export default Main; -export default withTranslation()(Main); +// IMPORT MODULES +import React from "react"; +import { withTranslation } from 'react-i18next'; + +// IMPORT COMPONENTS +import NewsTab from "../components/Main/NewsTab"; +import DepartmentsTab from "../components/Main/DepartmentsTab"; +import SitesTab from "../components/Main/SitesTab"; + +// IMPORT SWIPER MODULES +import { Swiper, SwiperSlide } from "swiper/react/swiper-react"; +import { Navigation, Pagination, A11y, Autoplay } from "swiper"; + +// IMPORT SWIPER STYLES +import "swiper/swiper.scss"; + +// IMPORT SLIDER IMAGES +// import SliderIMG from "../img/sliderImg.jpg"; +import SliderIMG_2 from "../img/secondSliderImg.jpg"; + +// const Main = () => { +// useEffect(() => { +// window.scrollTo(0, 0); +// }, []); + +class Main 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/slider` + + 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, + error: res.message || null, + DataisLoaded: true, + }) + console.log(res.data) + } + + }) + .catch(error => { + if (this._mounted) { + this.setState({ error, DataisLoaded: false}); + } + }); + }, 1500); + }; + + + render() { + const { t } = this.props; + + var {DataisLoaded, items} = this.state; + if(!DataisLoaded){ + return
Loading ....
+ }else{ + + return ( +
+
+ + + + {items.map(item=>( + +
+ ETALON +
+ + ))} + + +
+
+
+ +
+
+

+ {/* Объявления */} + {t('test')} +

+
+
+
+ + +

Государственный эталонный центр

+
+ ETALON +
+ + +

Государственный эталонный центр

+
+ ETALON +
+ + +

Государственный эталонный центр

+
+ ETALON +
+ + +
+
+ + +
+
+
+ ); + } + } +}; + +// export default Main; +export default withTranslation()(Main); diff --git a/src/pages/MeasuringRegister.js b/src/pages/MeasuringRegister.js index 114f526..60e58f7 100644 --- a/src/pages/MeasuringRegister.js +++ b/src/pages/MeasuringRegister.js @@ -1,126 +1,126 @@ -// // IMPORT MODULES -import React, { useEffect } from "react"; - -// IMPORT COMPONENTS -import Breadcrumb from "../components/Global/Breadcrumb"; - -const MeasuringRegister = () => { - useEffect(() => { - window.scrollTo(0, 0); - }, []); - - return ( -
- -
-
-
-

- Утвержденные типы средств измерений, внесенные в Госреестр СИ - Туркменистана на 07/11/2019 -

-
-
-
-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- № серт. - - № Рос-реестра - - Наименования и тип СИ - - Изготовитель - - Срок действия -
- 0001 - - 001-97 - - Многофункциональный счетчикэлектроэнергии АЛЬФА - - CП «АВВ ВЭИ» Метроникаг. Москва - - - -
- 0002 - - 002-97 - - Весы электронные D1-10 D1-20 Avengen - - “Teraoka” Weight system PTE г . Сингапур - - - -
- 0003 - - 003-98 - - Счетчики горячей и холодной PICOFLUX - - Фирма ABB Kent Messteсhnik СmbhГермания - - 01.05.2002 г. -
- 0004 - - 004-98 - - Счетчики горячей и холодной MAM, MNR,MPR, MT-R - - Фирма ABB Kent Messteсhnik СmbhГермания - - - -
-
-
-
-
- ); -}; - -export default MeasuringRegister; +// // IMPORT MODULES +import React, { useEffect } from "react"; + +// IMPORT COMPONENTS +import Breadcrumb from "../components/Global/Breadcrumb"; + +const MeasuringRegister = () => { + useEffect(() => { + window.scrollTo(0, 0); + }, []); + + return ( +
+ +
+
+
+

+ Утвержденные типы средств измерений, внесенные в Госреестр СИ + Туркменистана на 07/11/2019 +

+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ № серт. + + № Рос-реестра + + Наименования и тип СИ + + Изготовитель + + Срок действия +
+ 0001 + + 001-97 + + Многофункциональный счетчикэлектроэнергии АЛЬФА + + CП «АВВ ВЭИ» Метроникаг. Москва + + - +
+ 0002 + + 002-97 + + Весы электронные D1-10 D1-20 Avengen + + “Teraoka” Weight system PTE г . Сингапур + + - +
+ 0003 + + 003-98 + + Счетчики горячей и холодной PICOFLUX + + Фирма ABB Kent Messteсhnik СmbhГермания + + 01.05.2002 г. +
+ 0004 + + 004-98 + + Счетчики горячей и холодной MAM, MNR,MPR, MT-R + + Фирма ABB Kent Messteсhnik СmbhГермания + + - +
+
+
+
+
+ ); +}; + +export default MeasuringRegister; diff --git a/src/pages/Meteorology.js b/src/pages/Meteorology.js index 7424415..bdd30d0 100644 --- a/src/pages/Meteorology.js +++ b/src/pages/Meteorology.js @@ -1,77 +1,77 @@ -// // IMPORT MODULES -import React, { useEffect } from "react"; -import { Link } from "react-router-dom"; - -// IMPORT COMPONENTS -import Breadcrumb from "../components/Global/Breadcrumb"; - -const Meteorology = () => { - useEffect(() => { - window.scrollTo(0, 0); - }, []); - - return ( -
- -
-
-
-

- Тарифы на проведение работ по метрологии подразделениями - "Туркменстандартлары" -

-
-
-
-
- -

Измерения геометрических величин

- - -

Измерения механических величин

- - -

Измерения давления и вакуума

- - -

Измерения расхода уровня и объем...

- - -

Физико - химические измерения

- - -

Оптико - физические измерения

- - -

Теплофизические и температурные...

- - -

Измерения времени и частоты

- - -

Радиоэлектронные измерения

- - -

Измерения электрических и магнит...

- - -

Метрологические услуги

- - -

Калибровка резервуаров

- -
-
-
-
-
- ); -}; - -export default Meteorology; +// // IMPORT MODULES +import React, { useEffect } from "react"; +import { Link } from "react-router-dom"; + +// IMPORT COMPONENTS +import Breadcrumb from "../components/Global/Breadcrumb"; + +const Meteorology = () => { + useEffect(() => { + window.scrollTo(0, 0); + }, []); + + return ( +
+ +
+
+
+

+ Тарифы на проведение работ по метрологии подразделениями + "Туркменстандартлары" +

+
+
+
+
+ +

Измерения геометрических величин

+ + +

Измерения механических величин

+ + +

Измерения давления и вакуума

+ + +

Измерения расхода уровня и объем...

+ + +

Физико - химические измерения

+ + +

Оптико - физические измерения

+ + +

Теплофизические и температурные...

+ + +

Измерения времени и частоты

+ + +

Радиоэлектронные измерения

+ + +

Измерения электрических и магнит...

+ + +

Метрологические услуги

+ + +

Калибровка резервуаров

+ +
+
+
+
+
+ ); +}; + +export default Meteorology; diff --git a/src/pages/News.js b/src/pages/News.js index 736ff79..70fbdfe 100644 --- a/src/pages/News.js +++ b/src/pages/News.js @@ -1,264 +1,264 @@ -// IMPORT MODULES -import React, { useState, useEffect } from "react"; -import { Link } from "react-router-dom"; - -// IMPORT COMPONENTS -import Breadcrumb from "../components/Global/Breadcrumb"; - -// TAB_1 -import RightArrowBlue from "../svg/rightArrowBlue.svg"; -import TabIMG1 from "../img/tabImg_1.jpg"; -import TabIMG2 from "../img/tabImg_2.jpg"; -import TabIMG3 from "../img/tabImg_3.jpg"; -import PrevButton from "../svg/buttonPrev.svg"; -import NextButton from "../svg/buttonNext.svg"; - -const News = () => { - useEffect(() => { - window.scrollTo(0, 0); - }, []); - // STATE - const [pageIndex, setPageIndex] = useState(1); - return ( -
- ; -
-
-
-
-

- Новости -

-
-
-
-
-
-
- Turkmen carpets -
-
-
- 30.05.2021 -

- Состоялись мероприятия, приуроченные к Празднику - туркменского ковра -

-
- - Подробнее -
- RIGHTARROW -
- -
-
-
-
-
-
- Turkmen students -
-
-
- 25.05.2021 -

- Состоялись мероприятия, приуроченные к Празднику - туркменского ковра -

-
- - Подробнее -
- RIGHTARROW -
- -
-
-
-
-
-
- Turkmen mothers -
-
-
- 25.05.2021 -

- Родителям первых детей, рождённых в день юбилея Ашхабада, - вручены подарки... -

-
- - Подробнее -
- RIGHTARROW -
- -
-
-
-
-
-
- Turkmen carpets -
-
-
- 30.05.2021 -

- Состоялись мероприятия, приуроченные к Празднику - туркменского ковра -

-
- - Подробнее -
- RIGHTARROW -
- -
-
-
-
-
-
- Turkmen students -
-
-
- 25.05.2021 -

- Состоялись мероприятия, приуроченные к Празднику - туркменского ковра -

-
- - Подробнее -
- RIGHTARROW -
- -
-
-
-
-
-
- Turkmen mothers -
-
-
- 25.05.2021 -

- Родителям первых детей, рождённых в день юбилея Ашхабада, - вручены подарки... -

-
- - Подробнее -
- RIGHTARROW -
- -
-
-
-
-
-
- Turkmen carpets -
-
-
- 30.05.2021 -

- Состоялись мероприятия, приуроченные к Празднику - туркменского ковра -

-
- - Подробнее -
- RIGHTARROW -
- -
-
-
-
-
-
- Turkmen students -
-
-
- 25.05.2021 -

- Состоялись мероприятия, приуроченные к Празднику - туркменского ковра -

-
- - Подробнее -
- RIGHTARROW -
- -
-
-
-
-
-
- Turkmen mothers -
-
-
- 25.05.2021 -

- Родителям первых детей, рождённых в день юбилея Ашхабада, - вручены подарки... -

-
- - Подробнее -
- RIGHTARROW -
- -
-
-
-
-
-
-
- - {pageIndex} - -
-
-
- ); -}; - -export default News; +// IMPORT MODULES +import React, { useState, useEffect } from "react"; +import { Link } from "react-router-dom"; + +// IMPORT COMPONENTS +import Breadcrumb from "../components/Global/Breadcrumb"; + +// TAB_1 +import RightArrowBlue from "../svg/rightArrowBlue.svg"; +import TabIMG1 from "../img/tabImg_1.jpg"; +import TabIMG2 from "../img/tabImg_2.jpg"; +import TabIMG3 from "../img/tabImg_3.jpg"; +import PrevButton from "../svg/buttonPrev.svg"; +import NextButton from "../svg/buttonNext.svg"; + +const News = () => { + useEffect(() => { + window.scrollTo(0, 0); + }, []); + // STATE + const [pageIndex, setPageIndex] = useState(1); + return ( +
+ ; +
+
+
+
+

+ Новости +

+
+
+
+
+
+
+ Turkmen carpets +
+
+
+ 30.05.2021 +

+ Состоялись мероприятия, приуроченные к Празднику + туркменского ковра +

+
+ + Подробнее +
+ RIGHTARROW +
+ +
+
+
+
+
+
+ Turkmen students +
+
+
+ 25.05.2021 +

+ Состоялись мероприятия, приуроченные к Празднику + туркменского ковра +

+
+ + Подробнее +
+ RIGHTARROW +
+ +
+
+
+
+
+
+ Turkmen mothers +
+
+
+ 25.05.2021 +

+ Родителям первых детей, рождённых в день юбилея Ашхабада, + вручены подарки... +

+
+ + Подробнее +
+ RIGHTARROW +
+ +
+
+
+
+
+
+ Turkmen carpets +
+
+
+ 30.05.2021 +

+ Состоялись мероприятия, приуроченные к Празднику + туркменского ковра +

+
+ + Подробнее +
+ RIGHTARROW +
+ +
+
+
+
+
+
+ Turkmen students +
+
+
+ 25.05.2021 +

+ Состоялись мероприятия, приуроченные к Празднику + туркменского ковра +

+
+ + Подробнее +
+ RIGHTARROW +
+ +
+
+
+
+
+
+ Turkmen mothers +
+
+
+ 25.05.2021 +

+ Родителям первых детей, рождённых в день юбилея Ашхабада, + вручены подарки... +

+
+ + Подробнее +
+ RIGHTARROW +
+ +
+
+
+
+
+
+ Turkmen carpets +
+
+
+ 30.05.2021 +

+ Состоялись мероприятия, приуроченные к Празднику + туркменского ковра +

+
+ + Подробнее +
+ RIGHTARROW +
+ +
+
+
+
+
+
+ Turkmen students +
+
+
+ 25.05.2021 +

+ Состоялись мероприятия, приуроченные к Празднику + туркменского ковра +

+
+ + Подробнее +
+ RIGHTARROW +
+ +
+
+
+
+
+
+ Turkmen mothers +
+
+
+ 25.05.2021 +

+ Родителям первых детей, рождённых в день юбилея Ашхабада, + вручены подарки... +

+
+ + Подробнее +
+ RIGHTARROW +
+ +
+
+
+
+
+
+
+ + {pageIndex} + +
+
+
+ ); +}; + +export default News; diff --git a/src/pages/Novelty.js b/src/pages/Novelty.js index b85eee6..2694a99 100644 --- a/src/pages/Novelty.js +++ b/src/pages/Novelty.js @@ -1,83 +1,83 @@ -// IMPORT MODULES -import React, { useEffect } from "react"; - -// IMPORT COMPONENTS -import Breadcrumb from "../components/Global/Breadcrumb"; - -// IMPORT IMAGES -import NoveltyIMG from "../img/noveltyImg.jpg"; - -const Novelty = () => { - useEffect(() => { - window.scrollTo(0, 0); - }, []); - return ( -
- -
-
-
-
- Novelty -
-

- Очередная видеовстреча с зарубежными партнёрами -

-
-
- - - Поддержка женского предпринимательства, обеспечение гендерного - баланса и создание равных условий труда стали главной темой - обсуждения Международного онлайн-форума «Расширение - экономических прав и возможностей женщин для устойчивого - развития в Центральной Азии и Афганистане», организованного - сегодня Олий Мажлисом Республики Узбекистан и Программой - развития ООН. - - - В многосторонней встрече, проходящей под эгидой Диалога - женщин-лидеров Центральной Азии, с туркменской стороны приняли - участие председатель Меджлиса Милли Генгеша и представители - Союза промышленников и предпринимателей. - - - Начало форума предварил видеообзор выставки продукции - женщин-предпринимателей Центральной Азии, проведённой в столице - каждой из стран-участниц. - - - Выражая поддержку усилиям правительств государств региона в - вопросах обеспечения гендерного равенства и повышения роли - женщин в достижении Целей устойчивого развития, участники - видеоконференции подчеркнули необходимость более полной - реализации предпринимательского потенциала женщин, дальнейшего - совершенствования законодательной базы и экономической политики - в целях расширения их присутствия на рынке труда и активного - продвижения в государственном и частном секторах. - - - В рамках форума была согласована и принята «Дорожная карта» по - развитию сотрудничества в сфере устойчивого развития между - женщинами-предпринимателями Центральной Азии и Афганистана, а - также принят Итоговый документ – Сов­местное заявление, в - котором участники форума выразили уверенность, что практическая - реализация запланированных мероприятий будет способствовать - развитию женского предпринимательства, дальнейшему укреплению - взаимовыгодного сотрудничества и делового партнёрства между - женщинами-предпринимателями региона. - - -
-
-
-
- ); -}; - -export default Novelty; +// IMPORT MODULES +import React, { useEffect } from "react"; + +// IMPORT COMPONENTS +import Breadcrumb from "../components/Global/Breadcrumb"; + +// IMPORT IMAGES +import NoveltyIMG from "../img/noveltyImg.jpg"; + +const Novelty = () => { + useEffect(() => { + window.scrollTo(0, 0); + }, []); + return ( +
+ +
+
+
+
+ Novelty +
+

+ Очередная видеовстреча с зарубежными партнёрами +

+
+
+ + + Поддержка женского предпринимательства, обеспечение гендерного + баланса и создание равных условий труда стали главной темой + обсуждения Международного онлайн-форума «Расширение + экономических прав и возможностей женщин для устойчивого + развития в Центральной Азии и Афганистане», организованного + сегодня Олий Мажлисом Республики Узбекистан и Программой + развития ООН. + + + В многосторонней встрече, проходящей под эгидой Диалога + женщин-лидеров Центральной Азии, с туркменской стороны приняли + участие председатель Меджлиса Милли Генгеша и представители + Союза промышленников и предпринимателей. + + + Начало форума предварил видеообзор выставки продукции + женщин-предпринимателей Центральной Азии, проведённой в столице + каждой из стран-участниц. + + + Выражая поддержку усилиям правительств государств региона в + вопросах обеспечения гендерного равенства и повышения роли + женщин в достижении Целей устойчивого развития, участники + видеоконференции подчеркнули необходимость более полной + реализации предпринимательского потенциала женщин, дальнейшего + совершенствования законодательной базы и экономической политики + в целях расширения их присутствия на рынке труда и активного + продвижения в государственном и частном секторах. + + + В рамках форума была согласована и принята «Дорожная карта» по + развитию сотрудничества в сфере устойчивого развития между + женщинами-предпринимателями Центральной Азии и Афганистана, а + также принят Итоговый документ – Сов­местное заявление, в + котором участники форума выразили уверенность, что практическая + реализация запланированных мероприятий будет способствовать + развитию женского предпринимательства, дальнейшему укреплению + взаимовыгодного сотрудничества и делового партнёрства между + женщинами-предпринимателями региона. + + +
+
+
+
+ ); +}; + +export default Novelty; diff --git a/src/pages/Prices.js b/src/pages/Prices.js index 8262bed..53f4c13 100644 --- a/src/pages/Prices.js +++ b/src/pages/Prices.js @@ -1,55 +1,55 @@ -// IMPORT MODULES -import React, { useEffect } from "react"; - -// IMPORT COMPONENTS -import Breadcrumb from "../components/Global/Breadcrumb"; -import EtalonsCard from "../components/Etalons/EtalonsCard"; - -// IMPORT IMAGES -import Img_1 from "../img/pricesImg_1.jpg"; -import Img_2 from "../img/pricesImg_2.jpg"; -import Img_3 from "../img/pricesImg_3.jpg"; - -const Prices = () => { - useEffect(() => { - window.scrollTo(0, 0); - }, []); - - return ( -
- -
-
-

- Стоимость -

-
-
-
-
- - - -
-
-
-
- ); -}; - -export default Prices; +// IMPORT MODULES +import React, { useEffect } from "react"; + +// IMPORT COMPONENTS +import Breadcrumb from "../components/Global/Breadcrumb"; +import EtalonsCard from "../components/Etalons/EtalonsCard"; + +// IMPORT IMAGES +import Img_1 from "../img/pricesImg_1.jpg"; +import Img_2 from "../img/pricesImg_2.jpg"; +import Img_3 from "../img/pricesImg_3.jpg"; + +const Prices = () => { + useEffect(() => { + window.scrollTo(0, 0); + }, []); + + return ( +
+ +
+
+

+ Стоимость +

+
+
+
+
+ + + +
+
+
+
+ ); +}; + +export default Prices; diff --git a/src/pages/Regulations.js b/src/pages/Regulations.js index 5caa8aa..af6251c 100644 --- a/src/pages/Regulations.js +++ b/src/pages/Regulations.js @@ -1,179 +1,179 @@ -// IMPORT MODULES -import React, { useEffect } from "react"; - -// IMPORT COMPONENTS -import Breadcrumb from "../components/Global/Breadcrumb"; - -// IMPORT IMAGES -import Loop from "../svg/loupe.svg"; -import Next from "../svg/next.svg"; -import Prev from "../svg/prev.svg"; - -const Regulations = () => { - useEffect(() => { - window.scrollTo(0, 0); - }, []); - return ( -
- -
-
-
-
-
- - -
-
-
-
- - -
-
-
-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Т/ь - Номер нормативной документации - Взамен НТД - Номер нормативной документации - Дата введенияСрок действия
1GR 16162325-87 -2017Взамен РД 52.04.234-89 - Методические указания Измеритель высоты нижней границы - облаков. Методика поверки - 01.07.2017-
2GR 16162325-88-2017Введен впервые - Барометры ртутные метрологические. Методические указания - по проведению поверки - 01.12.2017-
3GR 16162325-89-2017Взамен МИ-1908-88 - Психрометры аспирационные Методические указания по - проведению поверки - 01.02.2018-
4GR 16162325-91-2017Введен впервые - Барографы метеорлогические анероидные. Методические - указания по проведению поверки - 20.01.2018-
5GR 16162325-90-2017Взамен RD-52.04244-89 - Анеморумбометр М-63М-1 Методические указания по проведению - поверки - 20.01.2018-
6GR 16162325-93-2017Введен впервые - Барометры мембранные метеорологические Методические - указания по проведению поверки - 01.05.2018-
7GR 16162325-94-2017Введен впервые - Барометры образцовые переносные типа БОП-1. Методические - указания по проведению поверки - 01.05.2018-
8TDS-5533-2013ГОСТ 5533-2013Стекло узорчатое. Технические условия.31.05.201831.05.2023
9TDS-32361-2013ГОСТ 32361-2013 - Стекло и изделия из него. Пороки. Термины и определения - 31.05.201831.05.2023
10TDS-32529-2013ГОСТ 32529-2013Стекло и изделия из него. Правила приемки31.05.201831.05.2023
-
-
-
-
-
- ); -}; - -export default Regulations; +// IMPORT MODULES +import React, { useEffect } from "react"; + +// IMPORT COMPONENTS +import Breadcrumb from "../components/Global/Breadcrumb"; + +// IMPORT IMAGES +import Loop from "../svg/loupe.svg"; +import Next from "../svg/next.svg"; +import Prev from "../svg/prev.svg"; + +const Regulations = () => { + useEffect(() => { + window.scrollTo(0, 0); + }, []); + return ( +
+ +
+
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Т/ь + Номер нормативной документации + Взамен НТД + Номер нормативной документации + Дата введенияСрок действия
1GR 16162325-87 -2017Взамен РД 52.04.234-89 + Методические указания Измеритель высоты нижней границы + облаков. Методика поверки + 01.07.2017-
2GR 16162325-88-2017Введен впервые + Барометры ртутные метрологические. Методические указания + по проведению поверки + 01.12.2017-
3GR 16162325-89-2017Взамен МИ-1908-88 + Психрометры аспирационные Методические указания по + проведению поверки + 01.02.2018-
4GR 16162325-91-2017Введен впервые + Барографы метеорлогические анероидные. Методические + указания по проведению поверки + 20.01.2018-
5GR 16162325-90-2017Взамен RD-52.04244-89 + Анеморумбометр М-63М-1 Методические указания по проведению + поверки + 20.01.2018-
6GR 16162325-93-2017Введен впервые + Барометры мембранные метеорологические Методические + указания по проведению поверки + 01.05.2018-
7GR 16162325-94-2017Введен впервые + Барометры образцовые переносные типа БОП-1. Методические + указания по проведению поверки + 01.05.2018-
8TDS-5533-2013ГОСТ 5533-2013Стекло узорчатое. Технические условия.31.05.201831.05.2023
9TDS-32361-2013ГОСТ 32361-2013 + Стекло и изделия из него. Пороки. Термины и определения + 31.05.201831.05.2023
10TDS-32529-2013ГОСТ 32529-2013Стекло и изделия из него. Правила приемки31.05.201831.05.2023
+
+
+
+
+
+ ); +}; + +export default Regulations; diff --git a/src/pages/Service.js b/src/pages/Service.js index 57faab9..d8e32e0 100644 --- a/src/pages/Service.js +++ b/src/pages/Service.js @@ -1,294 +1,294 @@ -// IMPORT MODULES -import React, { useEffect, useRef } from "react"; - -// IMPORT COMPONENTS -import Breadcrumb from "../components/Global/Breadcrumb"; - -// IMPORT IMAGES -import Print from "../svg/print.svg"; -import Img1 from "../img/serviceRequest_1.jpg"; -import Img2 from "../img/serviceRequest_2.jpg"; -import Img3 from "../img/serviceRequest_3.jpg"; -import Img4 from "../img/serviceRequest_4.jpg"; - -const Service = () => { - useEffect(() => { - window.scrollTo(0, 0); - }, []); - - // DEFINE IMAGE SOURCES - const img_1 = useRef(); - const img_2 = useRef(); - const img_3 = useRef(); - const img_4 = useRef(); - - return ( -
- -
-
-
-

- Сведения об услугах проводимых Государственным эталонным центром -

-
-
-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
№ ппВид деятельности - Документы необходимые для проведения работ - - Порядок, в соответствии с которым проводиться деятельность - Стоимость работ
1Калибровка средств измерений - Заявка на проведение работ Техническая документация на - средство измерения Сертификат последней калибровки - средства измерения Документ об оплате - - «Порядок проведения Государственных метрологических - испытаний, государственной поверки, калибровки и поверки - стандартных образцов средств измерений» Утвержденный - приказом Главной государственной службы - «Туркменстадартлары» № 1/148 от 5 ноября 2015 года - - Тарифы проводимых работ по метрологии подразделениями - Главной государственной службы «Туркменстадартлары» - Утвержденные 15 марта 2018 года -
2Поверка средств измерений - Заявка на проведение работ Техническая документация на - средство измерения Документ об оплате - - «Порядок проведения Государственных метрологических - испытаний, государственной поверки, калибровки и поверки - стандартных образцов средств измерений» Утвержденный - приказом Главной государственной службы - “Туркменстандартлары” № 1/148 от 5 ноября 2015 года - - Тарифы проводимых работ по метрологии подразделениями - Главной государственной службы "Туркменстандартлары" - Утвержденные 03 марта 2018 года -
3 - Государственные метрологические испытания средств - измерений с целью внесения в Государственный Реестр - Туркменистана - - Заявка на проведение работ Техническая документация на - средство измерения Документ об оплате - - «Порядок проведения Государственных метрологических - испытаний, государственной поверки, калибровки и поверки - стандартных образцов средств измерений» Утвержденный - приказом Главной государственной службы - “Туркменстандартлары” № 1/148 от 5 ноября 2015 года - - Тарифы проводимых работ по метрологии подразделениями - Главной государственной службы "Туркменстандартлары" - Утвержденные 03 марта 2018 года -
4Сертификационные испытания средств измерений - Акт отбора образцов Техническая документация на средство - измерения Документ об оплате - - «Порядок сертификации продукции» Утвержденный приказом - Главной государственной службы “Туркменстандартлары” № - 1/60 от 27 марта 2014 года - - Тарифы проводимых работ по метрологии подразделениями - Главной государственной службы "Туркменстандартлары" - Утвержденные 03 марта 2018 года -
5 - Метрологические услуги: (Проведение испытаний средств - измерений и стандартных образцов и утверждения их типа) - - Заявка на проведение работ Техническая документация на - средство измерения Документ об оплате - - «Порядок проведения испытаний стандартных образцов и - средств измерений и утверждения их типа» Утвержденный - приказом Главной государственной службы - «Туркменстадартлары» № 1/119 от 14 сентября 2015 года - - «Тарифы проводимых работ по метрологии подразделениями - Главной государственной службы "Туркменстандартлары» - Утвержденные 03 марта 2018 года -
6Ремонт средств измерений - Заявка на проведение работ Техническая документация на - средство измерения Документ об оплате - В соответствии с выявленной неисправностью - «Тарифы на проведение работ по ремонту средств измерений и - механизмов отделом ремонта средств измерений - Государственного эталонного центра» Утверждены 11 июня - 2018 года -
7 - Разработка нормативной документации группой Технического - комитета по метрологи TK TM 02 - - Заявка на разработку документа Техническое задание - Документ об оплате - - “Порядок создания национальных технических комитетов - Туркменистана по стандартизации и организации их работы” - Утвержденный приказом Главной государственной службы - “Туркменстандартлары” № 1/1 от 04.01.2016г. и - зарегистрированным в Министерстве Адалат Туркменистана № - 944 14.01.2016 года - - Стоимость разработки нормативного документа определяеться - по фактическим затратам -
-
-
-
-
-

- Виды заявок -

-
-
-
-
{ - window.open(img_1.current.src); - }} - > -
-
- Print -
-
-
-
- Request1 -
-
-
-

Заявка на поверку

-
-
-
{ - window.open(img_2.current.src); - }} - > -
-
- Print -
-
-
-
- Request2 -
-
-
-

Заявка на поверку

-
-
-
{ - window.open(img_3.current.src); - }} - > -
-
- Print -
-
-
-
- Request3 -
-
-
-

Заявка на поверку

-
-
-
{ - window.open(img_4.current.src); - }} - > -
-
- Print -
-
-
-
- Request4 -
-
-
-

Заявка на поверку

-
-
-
-
-
-
-
- ); -}; - -export default Service; +// IMPORT MODULES +import React, { useEffect, useRef } from "react"; + +// IMPORT COMPONENTS +import Breadcrumb from "../components/Global/Breadcrumb"; + +// IMPORT IMAGES +import Print from "../svg/print.svg"; +import Img1 from "../img/serviceRequest_1.jpg"; +import Img2 from "../img/serviceRequest_2.jpg"; +import Img3 from "../img/serviceRequest_3.jpg"; +import Img4 from "../img/serviceRequest_4.jpg"; + +const Service = () => { + useEffect(() => { + window.scrollTo(0, 0); + }, []); + + // DEFINE IMAGE SOURCES + const img_1 = useRef(); + const img_2 = useRef(); + const img_3 = useRef(); + const img_4 = useRef(); + + return ( +
+ +
+
+
+

+ Сведения об услугах проводимых Государственным эталонным центром +

+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
№ ппВид деятельности + Документы необходимые для проведения работ + + Порядок, в соответствии с которым проводиться деятельность + Стоимость работ
1Калибровка средств измерений + Заявка на проведение работ Техническая документация на + средство измерения Сертификат последней калибровки + средства измерения Документ об оплате + + «Порядок проведения Государственных метрологических + испытаний, государственной поверки, калибровки и поверки + стандартных образцов средств измерений» Утвержденный + приказом Главной государственной службы + «Туркменстадартлары» № 1/148 от 5 ноября 2015 года + + Тарифы проводимых работ по метрологии подразделениями + Главной государственной службы «Туркменстадартлары» + Утвержденные 15 марта 2018 года +
2Поверка средств измерений + Заявка на проведение работ Техническая документация на + средство измерения Документ об оплате + + «Порядок проведения Государственных метрологических + испытаний, государственной поверки, калибровки и поверки + стандартных образцов средств измерений» Утвержденный + приказом Главной государственной службы + “Туркменстандартлары” № 1/148 от 5 ноября 2015 года + + Тарифы проводимых работ по метрологии подразделениями + Главной государственной службы "Туркменстандартлары" + Утвержденные 03 марта 2018 года +
3 + Государственные метрологические испытания средств + измерений с целью внесения в Государственный Реестр + Туркменистана + + Заявка на проведение работ Техническая документация на + средство измерения Документ об оплате + + «Порядок проведения Государственных метрологических + испытаний, государственной поверки, калибровки и поверки + стандартных образцов средств измерений» Утвержденный + приказом Главной государственной службы + “Туркменстандартлары” № 1/148 от 5 ноября 2015 года + + Тарифы проводимых работ по метрологии подразделениями + Главной государственной службы "Туркменстандартлары" + Утвержденные 03 марта 2018 года +
4Сертификационные испытания средств измерений + Акт отбора образцов Техническая документация на средство + измерения Документ об оплате + + «Порядок сертификации продукции» Утвержденный приказом + Главной государственной службы “Туркменстандартлары” № + 1/60 от 27 марта 2014 года + + Тарифы проводимых работ по метрологии подразделениями + Главной государственной службы "Туркменстандартлары" + Утвержденные 03 марта 2018 года +
5 + Метрологические услуги: (Проведение испытаний средств + измерений и стандартных образцов и утверждения их типа) + + Заявка на проведение работ Техническая документация на + средство измерения Документ об оплате + + «Порядок проведения испытаний стандартных образцов и + средств измерений и утверждения их типа» Утвержденный + приказом Главной государственной службы + «Туркменстадартлары» № 1/119 от 14 сентября 2015 года + + «Тарифы проводимых работ по метрологии подразделениями + Главной государственной службы "Туркменстандартлары» + Утвержденные 03 марта 2018 года +
6Ремонт средств измерений + Заявка на проведение работ Техническая документация на + средство измерения Документ об оплате + В соответствии с выявленной неисправностью + «Тарифы на проведение работ по ремонту средств измерений и + механизмов отделом ремонта средств измерений + Государственного эталонного центра» Утверждены 11 июня + 2018 года +
7 + Разработка нормативной документации группой Технического + комитета по метрологи TK TM 02 + + Заявка на разработку документа Техническое задание + Документ об оплате + + “Порядок создания национальных технических комитетов + Туркменистана по стандартизации и организации их работы” + Утвержденный приказом Главной государственной службы + “Туркменстандартлары” № 1/1 от 04.01.2016г. и + зарегистрированным в Министерстве Адалат Туркменистана № + 944 14.01.2016 года + + Стоимость разработки нормативного документа определяеться + по фактическим затратам +
+
+
+
+
+

+ Виды заявок +

+
+
+
+
{ + window.open(img_1.current.src); + }} + > +
+
+ Print +
+
+
+
+ Request1 +
+
+
+

Заявка на поверку

+
+
+
{ + window.open(img_2.current.src); + }} + > +
+
+ Print +
+
+
+
+ Request2 +
+
+
+

Заявка на поверку

+
+
+
{ + window.open(img_3.current.src); + }} + > +
+
+ Print +
+
+
+
+ Request3 +
+
+
+

Заявка на поверку

+
+
+
{ + window.open(img_4.current.src); + }} + > +
+
+ Print +
+
+
+
+ Request4 +
+
+
+

Заявка на поверку

+
+
+
+
+
+
+
+ ); +}; + +export default Service; diff --git a/src/pages/Structure.js b/src/pages/Structure.js index e6b8e93..76ce774 100644 --- a/src/pages/Structure.js +++ b/src/pages/Structure.js @@ -1,226 +1,226 @@ -// IMPORT MODULES -import React, { useEffect } from "react"; - -// IMPORT COMPONENTS -import Breadcrumb from "../components/Global/Breadcrumb"; - -// IMPORT IMAGES -import StructureImg from "../img/structureImg.jpg"; - -const Structure = () => { - useEffect(() => { - window.scrollTo(0, 0); - }, []); - return ( -
- -
-
-
-

- Структура Государственного эталонного центра -

-
-
-
- Structure -
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- Фамилия, имя, отчество - - Занимаемая должность - - Рабочий телефон -
- - Реджепов Мейлис Байраммурадович - - - - Врем. исп. обязанности наальника - - - Teл: 421330 -
- - Нурмаммедов Ахмет Мамметниязович - - - Заместитель начальника - - Teл: 421330 -
- Черкезов Бегенч - - Главный инженер - - Teл: 421330 -
- Союнова Айна - - - Начальник Отдела научно-методического, маркетинга и - изучения международной практики - - - Teл: 421990 -
- Худайбердыева Гульджахан - - Начальник Отдела кадров - - Teл: 422088 -
- Атабаева Гульджахан - - - Начальник Финансово-экономического отдела-главный - бухгалтер - - - Teл: 422429 -
- Овезов Гуванч - - - Начальник отдела Геометрических и механических величин - - - Teл: 421856 -
- Оразбердыев Кемалмухаммет - - - Начальник отдела Расхода и количества вещества - - - Teл: 422007 -
- Ходжамгулыев Марлен - - - Начальник отдела Тепло-технических величин - - - Teл: 421520 -
- Мурадов Атамырат - - - И.о. начальника отдела Физико-химических и оптических - измерений - - - Teл: 421511 -
- Гельдыалиев Арслан - - - Начальник отдела Электрических и радиоэлектронных - измерений - - - Teл: 421281 -
- Махтумгулыев Перхат - - - Начальник отдела Электрических и радиоэлектронных - измерений - - - Teл: 421281 -
- Поладов Тиркишмырат - - - Отдел поверки газовых и водяных счетчиков в п.Бикрова - - - Teл: 371360 -
-
-
-
-
- ); -}; - -export default Structure; +// IMPORT MODULES +import React, { useEffect } from "react"; + +// IMPORT COMPONENTS +import Breadcrumb from "../components/Global/Breadcrumb"; + +// IMPORT IMAGES +import StructureImg from "../img/structureImg.jpg"; + +const Structure = () => { + useEffect(() => { + window.scrollTo(0, 0); + }, []); + return ( +
+ +
+
+
+

+ Структура Государственного эталонного центра +

+
+
+
+ Structure +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ Фамилия, имя, отчество + + Занимаемая должность + + Рабочий телефон +
+ + Реджепов Мейлис Байраммурадович + + + + Врем. исп. обязанности наальника + + + Teл: 421330 +
+ + Нурмаммедов Ахмет Мамметниязович + + + Заместитель начальника + + Teл: 421330 +
+ Черкезов Бегенч + + Главный инженер + + Teл: 421330 +
+ Союнова Айна + + + Начальник Отдела научно-методического, маркетинга и + изучения международной практики + + + Teл: 421990 +
+ Худайбердыева Гульджахан + + Начальник Отдела кадров + + Teл: 422088 +
+ Атабаева Гульджахан + + + Начальник Финансово-экономического отдела-главный + бухгалтер + + + Teл: 422429 +
+ Овезов Гуванч + + + Начальник отдела Геометрических и механических величин + + + Teл: 421856 +
+ Оразбердыев Кемалмухаммет + + + Начальник отдела Расхода и количества вещества + + + Teл: 422007 +
+ Ходжамгулыев Марлен + + + Начальник отдела Тепло-технических величин + + + Teл: 421520 +
+ Мурадов Атамырат + + + И.о. начальника отдела Физико-химических и оптических + измерений + + + Teл: 421511 +
+ Гельдыалиев Арслан + + + Начальник отдела Электрических и радиоэлектронных + измерений + + + Teл: 421281 +
+ Махтумгулыев Перхат + + + Начальник отдела Электрических и радиоэлектронных + измерений + + + Teл: 421281 +
+ Поладов Тиркишмырат + + + Отдел поверки газовых и водяных счетчиков в п.Бикрова + + + Teл: 371360 +
+
+
+
+
+ ); +}; + +export default Structure; diff --git a/src/reportWebVitals.js b/src/reportWebVitals.js index 5253d3a..77957db 100644 --- a/src/reportWebVitals.js +++ b/src/reportWebVitals.js @@ -1,13 +1,13 @@ -const reportWebVitals = onPerfEntry => { - if (onPerfEntry && onPerfEntry instanceof Function) { - import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => { - getCLS(onPerfEntry); - getFID(onPerfEntry); - getFCP(onPerfEntry); - getLCP(onPerfEntry); - getTTFB(onPerfEntry); - }); - } -}; - -export default reportWebVitals; +const reportWebVitals = onPerfEntry => { + if (onPerfEntry && onPerfEntry instanceof Function) { + import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => { + getCLS(onPerfEntry); + getFID(onPerfEntry); + getFCP(onPerfEntry); + getLCP(onPerfEntry); + getTTFB(onPerfEntry); + }); + } +}; + +export default reportWebVitals; diff --git a/src/styles/_breadcrumb.scss b/src/styles/_breadcrumb.scss index ed35932..e39f71f 100644 --- a/src/styles/_breadcrumb.scss +++ b/src/styles/_breadcrumb.scss @@ -1,51 +1,51 @@ -.breadcrumb { - padding: 3rem 0; - background: #003a9d; - margin-bottom: 5rem; -} - -.breadcrumb-inner { - width: 100%; - height: 100%; - display: flex; - align-items: center; - justify-content: flex-start; - flex-wrap: wrap; - row-gap: 1rem; - font-size: 1.6rem; - color: #fff; -} - -.breadcrumb-slash { - margin: 0 2rem; -} - -.breadcrumb-text-unfaded { - color: #fff; - text-decoration: none; -} - -.breadcrumb-text-faded { - color: rgba(255, 255, 255, 0.5); - text-decoration: none; -} - -@media screen and (max-width: 700px) { - .breadcrumb { - padding: 2.5rem 0; - } - - .breadcrumb-inner { - font-size: 1.2rem; - } -} - -@media screen and (max-width: 500px) { - .breadcrumb { - padding: 1.8rem 0; - } - - .breadcrumb-inner { - font-size: 1rem; - } -} +.breadcrumb { + padding: 3rem 0; + background: #003a9d; + margin-bottom: 5rem; +} + +.breadcrumb-inner { + width: 100%; + height: 100%; + display: flex; + align-items: center; + justify-content: flex-start; + flex-wrap: wrap; + row-gap: 1rem; + font-size: 1.6rem; + color: #fff; +} + +.breadcrumb-slash { + margin: 0 2rem; +} + +.breadcrumb-text-unfaded { + color: #fff; + text-decoration: none; +} + +.breadcrumb-text-faded { + color: rgba(255, 255, 255, 0.5); + text-decoration: none; +} + +@media screen and (max-width: 700px) { + .breadcrumb { + padding: 2.5rem 0; + } + + .breadcrumb-inner { + font-size: 1.2rem; + } +} + +@media screen and (max-width: 500px) { + .breadcrumb { + padding: 1.8rem 0; + } + + .breadcrumb-inner { + font-size: 1rem; + } +} diff --git a/src/styles/_calibrateInstruments.scss b/src/styles/_calibrateInstruments.scss index 4542f98..0424508 100644 --- a/src/styles/_calibrateInstruments.scss +++ b/src/styles/_calibrateInstruments.scss @@ -1,35 +1,35 @@ -.calibrate-inst { - .tab-header { - grid-template-columns: 1fr 20rem; - } -} - -// MOBILE -@media screen and (max-width: 1360px) { - .calibrate-inst-inner { - .tab-header { - grid-template-columns: 1fr 0rem; - } - } -} - -@media screen and (max-width: 1100px) { - .calibrate-inst-inner { - .plans-card-wrapper { - grid-template-columns: 1fr 1fr; - - .planscard { - max-width: unset; - width: 100%; - } - } - } -} - -@media screen and (max-width: 700px) { - .calibrate-inst-inner { - .plans-card-wrapper { - grid-template-columns: 1fr; - } - } -} +.calibrate-inst { + .tab-header { + grid-template-columns: 1fr 20rem; + } +} + +// MOBILE +@media screen and (max-width: 1360px) { + .calibrate-inst-inner { + .tab-header { + grid-template-columns: 1fr 0rem; + } + } +} + +@media screen and (max-width: 1100px) { + .calibrate-inst-inner { + .plans-card-wrapper { + grid-template-columns: 1fr 1fr; + + .planscard { + max-width: unset; + width: 100%; + } + } + } +} + +@media screen and (max-width: 700px) { + .calibrate-inst-inner { + .plans-card-wrapper { + grid-template-columns: 1fr; + } + } +} diff --git a/src/styles/_calibrateThermo.scss b/src/styles/_calibrateThermo.scss index f795e76..6e7a20a 100644 --- a/src/styles/_calibrateThermo.scss +++ b/src/styles/_calibrateThermo.scss @@ -1,25 +1,25 @@ -.calibrate-thermo-content { - padding-bottom: 10rem; - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - text-align: center; - - .novelty-head { - margin-bottom: 5rem; - } -} - -.structure-table tbody * { - text-size-adjust: none; - -webkit-text-size-adjust: none; -} - -// MOBILE - -@media screen and (max-width: 1000px) { - .structure-table tbody * { - font-size: 1.2rem; - } -} +.calibrate-thermo-content { + padding-bottom: 10rem; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + text-align: center; + + .novelty-head { + margin-bottom: 5rem; + } +} + +.structure-table tbody * { + text-size-adjust: none; + -webkit-text-size-adjust: none; +} + +// MOBILE + +@media screen and (max-width: 1000px) { + .structure-table tbody * { + font-size: 1.2rem; + } +} diff --git a/src/styles/_etalon.scss b/src/styles/_etalon.scss index 492ddba..d337105 100644 --- a/src/styles/_etalon.scss +++ b/src/styles/_etalon.scss @@ -1,30 +1,30 @@ -.etalon-inner { - display: flex; - flex-direction: column; - align-items: center; - padding-bottom: 10rem; -} - -.etalon-inner { - h6 { - font-size: 1.8rem; - padding: 2rem 0; - } - ul { - padding: 0rem 0 0rem 3rem; - } -} - -// MOBILE - -@media screen and (max-width: 1360px) { - .novelty-text { - font-size: 1.6rem; - } -} - -@media screen and (max-width: 1000px) { - .novelty-text { - font-size: 1.4rem; - } -} +.etalon-inner { + display: flex; + flex-direction: column; + align-items: center; + padding-bottom: 10rem; +} + +.etalon-inner { + h6 { + font-size: 1.8rem; + padding: 2rem 0; + } + ul { + padding: 0rem 0 0rem 3rem; + } +} + +// MOBILE + +@media screen and (max-width: 1360px) { + .novelty-text { + font-size: 1.6rem; + } +} + +@media screen and (max-width: 1000px) { + .novelty-text { + font-size: 1.4rem; + } +} diff --git a/src/styles/_etalons.scss b/src/styles/_etalons.scss index 963b668..5380721 100644 --- a/src/styles/_etalons.scss +++ b/src/styles/_etalons.scss @@ -1,29 +1,29 @@ -.etalons { - .tab-header { - grid-template-columns: 43rem 24rem 1fr; - } -} - -@media screen and(max-width: 770px) { - .etalons { - .tab-header { - grid-template-columns: 37rem 0 1fr; - } - } -} - -@media screen and(max-width: 500px) { - .etalons { - .tab-header { - grid-template-columns: 31rem 0rem 1fr; - } - } -} - -@media screen and (max-width: 380px) { - .etalons { - .tab-header { - grid-template-columns: 1fr; - } - } -} +.etalons { + .tab-header { + grid-template-columns: 43rem 24rem 1fr; + } +} + +@media screen and(max-width: 770px) { + .etalons { + .tab-header { + grid-template-columns: 37rem 0 1fr; + } + } +} + +@media screen and(max-width: 500px) { + .etalons { + .tab-header { + grid-template-columns: 31rem 0rem 1fr; + } + } +} + +@media screen and (max-width: 380px) { + .etalons { + .tab-header { + grid-template-columns: 1fr; + } + } +} diff --git a/src/styles/_footer.scss b/src/styles/_footer.scss index c573260..be06012 100644 --- a/src/styles/_footer.scss +++ b/src/styles/_footer.scss @@ -1,146 +1,146 @@ -footer { - background: #003a9d; - - ul { - list-style-type: none; - } -} - -.footer-inner { - padding: 5rem 0 3rem 0; -} - -.footer-link-text { - text-decoration: none; - color: #fff; -} - -.footer-links { - display: grid; - grid-template-columns: repeat(5, 1fr); - gap: 2rem; -} - -.footer-link-title { - padding-bottom: 3.2rem; - font-size: 1.8rem; - font-weight: bold; - color: #fff; -} - -.footer-link-inner { - display: flex; - flex-direction: column; - align-items: flex-start; - gap: 1.7rem; - - li { - display: flex; - align-items: center; - } -} - -.footer-link-img { - min-width: 1.8rem; - min-height: 1.2rem; - max-width: 1.8rem; - max-height: 1.2rem; - width: 1.8rem; - height: 1.2rem; - - img { - width: 100%; - height: 100%; - object-fit: contain; - } -} - -.footer-link-text { - font-size: 1.6rem; - margin-left: 1rem; - font-weight: normal; -} -h6.footer-link-text { - margin: 0; -} - -.footer-middle { - display: grid; - grid-template-columns: 1fr; - margin: 4rem 0 0 0; - - &::after { - display: block; - content: ""; - border: none; - border-top: 0.1rem solid rgba(255, 255, 255, 0.644); - margin: 3rem 0 6rem 0; - } -} - -.footer-middle-link { - display: flex; - font-size: 1.6rem; - color: #fff; - text-decoration: underline; - justify-self: center; -} - -.footer-bottom { - display: flex; - align-items: center; - justify-content: center; - - h4 { - font-size: 1.6rem; - color: #fff; - font-weight: normal; - } -} - -@media screen and (max-width: 1360px) { - .footer-links { - grid-template-columns: 1fr 1fr; - gap: 5rem; - } - .footer-link-title { - font-size: 2rem; - } - .footer-link-text { - font-size: 1.8rem; - } -} - -@media screen and (max-width: 900px) { - .footer-links { - grid-template-columns: 1fr; - gap: 5rem; - } - .footer-link-title { - font-size: 1.8rem; - } - .footer-link-text { - font-size: 1.6rem; - } -} - -@media screen and (max-width: 700px) { - .footer-links { - grid-template-columns: 1fr; - gap: 5rem; - } - .footer-link-title { - font-size: 1.6rem; - } - .footer-link-text { - font-size: 1.4rem; - } - .footer-middle-link { - font-size: 1.4rem; - } - .footer-bottom { - h4 { - font-size: 1.4rem; - } - } -} +footer { + background: #003a9d; + + ul { + list-style-type: none; + } +} + +.footer-inner { + padding: 5rem 0 3rem 0; +} + +.footer-link-text { + text-decoration: none; + color: #fff; +} + +.footer-links { + display: grid; + grid-template-columns: repeat(5, 1fr); + gap: 2rem; +} + +.footer-link-title { + padding-bottom: 3.2rem; + font-size: 1.8rem; + font-weight: bold; + color: #fff; +} + +.footer-link-inner { + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 1.7rem; + + li { + display: flex; + align-items: center; + } +} + +.footer-link-img { + min-width: 1.8rem; + min-height: 1.2rem; + max-width: 1.8rem; + max-height: 1.2rem; + width: 1.8rem; + height: 1.2rem; + + img { + width: 100%; + height: 100%; + object-fit: contain; + } +} + +.footer-link-text { + font-size: 1.6rem; + margin-left: 1rem; + font-weight: normal; +} +h6.footer-link-text { + margin: 0; +} + +.footer-middle { + display: grid; + grid-template-columns: 1fr; + margin: 4rem 0 0 0; + + &::after { + display: block; + content: ""; + border: none; + border-top: 0.1rem solid rgba(255, 255, 255, 0.644); + margin: 3rem 0 6rem 0; + } +} + +.footer-middle-link { + display: flex; + font-size: 1.6rem; + color: #fff; + text-decoration: underline; + justify-self: center; +} + +.footer-bottom { + display: flex; + align-items: center; + justify-content: center; + + h4 { + font-size: 1.6rem; + color: #fff; + font-weight: normal; + } +} + +@media screen and (max-width: 1360px) { + .footer-links { + grid-template-columns: 1fr 1fr; + gap: 5rem; + } + .footer-link-title { + font-size: 2rem; + } + .footer-link-text { + font-size: 1.8rem; + } +} + +@media screen and (max-width: 900px) { + .footer-links { + grid-template-columns: 1fr; + gap: 5rem; + } + .footer-link-title { + font-size: 1.8rem; + } + .footer-link-text { + font-size: 1.6rem; + } +} + +@media screen and (max-width: 700px) { + .footer-links { + grid-template-columns: 1fr; + gap: 5rem; + } + .footer-link-title { + font-size: 1.6rem; + } + .footer-link-text { + font-size: 1.4rem; + } + .footer-middle-link { + font-size: 1.4rem; + } + .footer-bottom { + h4 { + font-size: 1.4rem; + } + } +} diff --git a/src/styles/_history.scss b/src/styles/_history.scss index f498b87..23ef998 100644 --- a/src/styles/_history.scss +++ b/src/styles/_history.scss @@ -1,72 +1,72 @@ -.history-inner { - padding-bottom: 10rem; - - .tab-header { - grid-template-columns: 92rem 20rem 1fr; - } -} - -.history-title { - border: 0.1rem solid #dfdfdf; - border-bottom: none; - box-shadow: 0 0.4rem #981429; - margin-bottom: 5rem; - - h1 { - font-size: 2.4rem; - text-align: center; - padding: 4rem 3rem; - } -} - -.history-content { - p { - font-size: 1.8rem; - word-spacing: 0.1rem; - line-height: 3rem; - } -} - -// MOBILE - -@media screen and(max-width: 1200px) { - .history-inner { - .tab-header { - grid-template-columns: 1fr 0rem; - } - } -} - -@media screen and(max-width: 700px) { - .history-content { - p { - font-size: 1.6rem; - } - } - .history-title { - h1 { - font-size: 2rem; - } - } -} - -@media screen and(max-width: 500px) { - .history-content { - p { - font-size: 1.4rem; - } - } - .history-title { - h1 { - font-size: 1.8rem; - } - } -} - -@media screen and(max-width: 400px) { - .history-title { - h1 { - font-size: 1.6rem; - } - } -} +.history-inner { + padding-bottom: 10rem; + + .tab-header { + grid-template-columns: 92rem 20rem 1fr; + } +} + +.history-title { + border: 0.1rem solid #dfdfdf; + border-bottom: none; + box-shadow: 0 0.4rem #981429; + margin-bottom: 5rem; + + h1 { + font-size: 2.4rem; + text-align: center; + padding: 4rem 3rem; + } +} + +.history-content { + p { + font-size: 1.8rem; + word-spacing: 0.1rem; + line-height: 3rem; + } +} + +// MOBILE + +@media screen and(max-width: 1200px) { + .history-inner { + .tab-header { + grid-template-columns: 1fr 0rem; + } + } +} + +@media screen and(max-width: 700px) { + .history-content { + p { + font-size: 1.6rem; + } + } + .history-title { + h1 { + font-size: 2rem; + } + } +} + +@media screen and(max-width: 500px) { + .history-content { + p { + font-size: 1.4rem; + } + } + .history-title { + h1 { + font-size: 1.8rem; + } + } +} + +@media screen and(max-width: 400px) { + .history-title { + h1 { + font-size: 1.6rem; + } + } +} diff --git a/src/styles/_legislation.scss b/src/styles/_legislation.scss index 4f7e514..c22fa5b 100644 --- a/src/styles/_legislation.scss +++ b/src/styles/_legislation.scss @@ -1,59 +1,59 @@ -.legislation { - .tab-header { - grid-template-columns: 38rem 24rem 1fr; - } -} - -.legislation-inner { - padding-bottom: 10rem; -} - -.law-card-wrapper { - display: grid; - grid-template-columns: 1fr 1fr 1fr; - gap: 4rem; -} - -.law-card { - max-width: 40rem; - max-height: 26.8rem; - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - text-align: center; - font-size: 1.4rem; - border: 0.1rem solid #dfdfdf; - border-bottom: none; - box-shadow: 0 0.4rem #981429; -} - -.law-card-text { - padding: 0 3rem; - margin: 3rem 0 1rem 0; -} - -.law-card-bold { - padding: 0 3rem; - margin: 1rem 0 3rem 0; - font-weight: bold; -} - -// MOBILE - -@media screen and (max-width: 1200px) { - .law-card-wrapper { - grid-template-columns: 1fr 1fr; - } - .law-card { - width: 100%; - justify-self: center; - max-width: unset; - } -} - -@media screen and (max-width: 800px) { - .law-card-wrapper { - grid-template-columns: 1fr; - } -} +.legislation { + .tab-header { + grid-template-columns: 38rem 24rem 1fr; + } +} + +.legislation-inner { + padding-bottom: 10rem; +} + +.law-card-wrapper { + display: grid; + grid-template-columns: 1fr 1fr 1fr; + gap: 4rem; +} + +.law-card { + max-width: 40rem; + max-height: 26.8rem; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + text-align: center; + font-size: 1.4rem; + border: 0.1rem solid #dfdfdf; + border-bottom: none; + box-shadow: 0 0.4rem #981429; +} + +.law-card-text { + padding: 0 3rem; + margin: 3rem 0 1rem 0; +} + +.law-card-bold { + padding: 0 3rem; + margin: 1rem 0 3rem 0; + font-weight: bold; +} + +// MOBILE + +@media screen and (max-width: 1200px) { + .law-card-wrapper { + grid-template-columns: 1fr 1fr; + } + .law-card { + width: 100%; + justify-self: center; + max-width: unset; + } +} + +@media screen and (max-width: 800px) { + .law-card-wrapper { + grid-template-columns: 1fr; + } +} diff --git a/src/styles/_main.scss b/src/styles/_main.scss index 8b23152..f69b324 100644 --- a/src/styles/_main.scss +++ b/src/styles/_main.scss @@ -1,615 +1,615 @@ -// SLIDER -.slider-img { - width: 100%; - height: 100%; - - img { - width: 100%; - height: 100%; - object-fit: contain; - } -} - -.slider { - display: flex; - align-items: center; - justify-content: center; - padding-bottom: 10rem; -} - -.swiper { - position: relative; - - .swiper-button-prev { - content: url(../svg/sliderPrev.svg); - padding: 1.4rem 1.8rem 1.4rem 1rem; - z-index: 2; - position: absolute; - width: 4rem; - height: 8rem; - left: 0; - top: 50%; - background: rgba(255, 255, 255, 0.452); - transform: translateY(-50%); - cursor: pointer; - - &:hover { - background: rgba(87, 85, 85, 0.801); - } - } - - .swiper-button-next { - content: url(../svg/sliderNext.svg); - padding: 1.4rem 1rem 1.4rem 1.8rem; - z-index: 2; - position: absolute; - width: 4rem; - height: 8rem; - right: 0; - top: 50%; - background: rgba(255, 255, 255, 0.452); - transform: translateY(-50%); - cursor: pointer; - - &:hover { - background: rgba(87, 85, 85, 0.801); - } - } - - .swiper-pagination { - position: absolute; - bottom: 2rem; - left: 50%; - transform: translate(-50%, 0%); - z-index: 2; - display: flex; - align-items: center; - justify-content: space-evenly; - gap: 0.4rem; - border-radius: 1rem; - height: 2rem; - background: rgba(0, 0, 0, 0.301); - padding: 0 2rem; - - .swiper-pagination-bullet { - background: rgba(255, 255, 255, 0.3); - width: 3rem; - height: 0.4rem; - border-radius: 0.3rem; - cursor: pointer; - } - - .swiper-pagination-bullet-active { - background: #fff; - } - } -} - -// TABS -.tab-wrapper { - display: grid; - grid-template-columns: repeat(3, 1fr); - gap: 4rem; - padding-bottom: 10rem; -} - -.tab-header { - display: grid; - grid-template-columns: 14rem 24rem 1fr; - gap: 2rem; - padding-bottom: 5rem; - - .tab-header-text { - font-size: 3.2rem; - font-weight: normal; - text-align: left; - align-self: center; - } - - .tab-header-line { - align-self: center; - width: 100%; - height: 0.1rem; - background: #003a9d; - } - - .tab-header-link { - display: flex; - align-items: center; - justify-content: flex-end; - a { - width: 100%; - align-self: center; - justify-self: flex-end; - display: flex; - align-items: center; - justify-content: flex-end; - color: #003a9d; - font-size: 1.6rem; - text-align: center; - text-decoration: none; - - span { - margin-right: 1rem; - } - - img { - width: 1.8rem; - height: 1.2rem; - object-fit: contain; - } - } - } -} - -.tab-top { - div { - max-width: 40rem; - max-height: 26rem; - - img { - width: 100%; - height: 100%; - object-fit: contain; - } - } -} - -.tab { - max-width: 40rem; - width: 100%; - border: 0.2rem solid #dfdfdf; -} - -.tab-bottom { - padding: 3rem; - display: flex; - flex-direction: column; - - .tab-date { - font-size: 1.6rem; - color: #707070; - } - - .tab-name { - font-size: 1.8rem; - font-weight: bold; - margin: 2rem 0; - max-height: 7.5rem; - overflow: hidden; - text-overflow: ellipsis; - } - - .tab-link { - a { - display: flex; - align-items: center; - justify-content: flex-start; - text-decoration: none; - color: #003a9d; - font-size: 1.6rem; - - span { - margin-right: 1rem; - } - } - } -} - -// SECOND SLIDER - -.second-slider { - padding-bottom: 20rem; - - .slider { - padding-bottom: 0; - } - - .swipe-slide { - position: relative; - - h2 { - z-index: 2; - display: flex; - align-items: center; - justify-content: center; - text-align: center; - position: absolute; - width: 100%; - height: 100%; - font-size: 3.8rem; - font-weight: bold; - color: #fff; - background: rgba(0, 0, 0, 0.301); - } - } - - .tab-header { - grid-template-columns: 21rem 24rem 1fr; - } - - .swiper-button-next, - .swiper-button-prev { - background: transparent; - } - - .slider-img { - display: flex; - align-items: center; - justify-content: center; - } -} - -// SECOND TAB SECTION -.depts-wrapper { - display: grid; - grid-template-columns: repeat(3, 1fr); - gap: 4rem; - padding-bottom: 20rem; -} - -.dept { - text-decoration: none; - color: #000; - position: relative; - max-width: 40rem; - max-height: 34.4rem; - padding: 1rem 1rem 2rem 1rem; - background: transparent; - border: 0.2rem solid #dfdfdf; - box-shadow: 0 0.4rem #981429; - transition: all 0.3s ease-in-out; - - .dept-absolute { - position: absolute; - top: 0; - left: 0; - width: 5rem; - height: 5rem; - display: flex; - align-items: center; - justify-content: center; - background: #981429; - opacity: 0; - transition: all 0.3s ease-in-out; - - img { - width: 1.4rem; - height: 1.2rem; - object-fit: contain; - } - } - - .dept-bottom h4 { - text-align: center; - font-size: 1.8rem; - font-weight: bold; - padding: 0 2rem; - margin: 2rem 0; - transition: all 0.3s ease; - z-index: 2; - overflow: hidden; - text-overflow: ellipsis; - } - - &:nth-child(1n):hover { - background: #981429; - border: 0.2rem solid #981429; - transition: all 0.3s ease-in-out; - - .dept-absolute { - opacity: 1; - transition: all 0.3s ease-in-out; - } - - .dept-bottom h4 { - color: #fff; - transition: all 0.3s ease-in-out; - } - } -} -.dept-img { - display: flex; - align-items: center; - justify-content: center; - - // img { - // width: 100%; - // height: 100%; - // object-fit: contain; - // } -} - -// THIRD TAB SECTION -.sites-header { - grid-template-columns: 27rem 24rem 1fr; -} - -.sites-wrapper { - grid-template-columns: repeat(4, 1fr); - gap: 2rem; - padding-bottom: 10rem; - - .site { - padding: 0; - border: none; - max-width: 30.5rem; - max-height: 25.9rem; - - .sites-bottom h4 { - font-size: 1.4rem; - } - - &:nth-child(1n):hover { - background: #fff; - border: none; - transition: none; - - .dept-absolute { - opacity: 0; - transition: none; - } - - .dept-bottom h4 { - color: #000; - transition: none; - } - } - } -} - -@media screen and (max-width: 1360px) { - .slider { - padding-bottom: 6rem; - } - .depts-wrapper { - grid-template-columns: repeat(2, 1fr); - } - // .sites-wrapper .site .sites-bottom h4 { - // font-size: 1.8rem; - // } - - .dept { - max-width: unset; - } - - .sites-wrapper .site { - max-width: unset; - } - - .tab-wrapper { - grid-template-columns: 1fr 1fr; - .tab { - justify-self: center; - max-width: unset; - max-height: unset; - &:last-child { - display: none; - } - } - .tab-top { - display: flex; - align-items: center; - justify-content: center; - - div { - max-width: unset; - max-height: unset; - width: 100%; - height: 100%; - - img { - width: 100%; - height: 100%; - } - } - } - } -} - -@media screen and (max-width: 930px) { - .depts-wrapper { - grid-template-columns: 1fr; - gap: 4rem; - } - .dept-img { - width: 100%; - height: 100%; - img { - width: 100%; - height: 100%; - object-fit: contain; - } - } - .dept { - width: 100%; - justify-self: center; - max-height: unset; - } - - .sites-wrapper .site { - width: 100%; - justify-self: center; - max-height: unset; - } - - .dept .dept-bottom h4 { - font-size: 2rem; - } - - .tab-wrapper { - grid-template-columns: 1fr; - .tab { - &:last-child { - display: block; - } - } - } -} - -@media screen and (max-width: 700px) { - .second-slider { - padding-bottom: 10rem; - } - - .swiper-button-next, - .swiper-button-prev, - .swiper .swiper-pagination { - display: none; - } - - .second-slider, - .depts-tab { - .tab-header { - grid-template-columns: 1fr 1fr; - } - } - - .dept { - .dept-bottom { - h4 { - font-size: 1.8rem; - } - } - } - #tab-header-text { - font-size: 2.8rem; - } - .tab-header { - grid-template-columns: 12rem 17rem 1fr; - - .tab-header-link { - a { - font-size: 1.5rem; - } - } - } - - .tab-wrapper { - .tab-bottom { - padding: 2rem; - .tab-date { - font-size: 1.6rem; - } - - .tab-name { - font-size: 1.8rem; - } - .tab-link { - a { - font-size: 1.6rem; - } - } - } - } - - .nav-right { - max-width: 50%; - } - - .nav-left { - max-width: 50%; - } -} - -@media screen and (max-width: 550px) { - .nav-right { - max-width: 35%; - } - - .nav-left { - max-width: 65%; - } - - .second-slider, - .depts-tab { - .tab-header { - grid-template-columns: 1fr; - } - } - .tab-header { - grid-template-columns: 12rem 1fr; - } - - .tab-header-line { - display: none; - } - - .depts-wrapper { - padding-bottom: 10rem; - } -} - -@media screen and(max-width: 500px) { - .second-slider .swipe-slide h2 { - font-size: 2rem; - } - #tab-header-text { - font-size: 2.4rem; - } -} - -@media screen and (max-width: 380px) { - #tab-header-text { - font-size: 2rem; - } - - .tab-wrapper { - .tab-bottom { - padding: 2rem; - .tab-date { - font-size: 1.4rem; - } - - .tab-name { - font-size: 1.6rem; - } - .tab-link { - a { - font-size: 1.4rem; - } - } - } - } - - .tab-header { - .tab-header-link { - a { - font-size: 1.3rem; - } - } - } - - .sites-wrapper { - padding-bottom: 6rem; - } - - .tab-wrapper { - padding-bottom: 7rem; - } - - .second-slider { - padding-bottom: 7rem; - } - - .dept { - padding: 1rem; - .dept-bottom { - h4 { - font-size: 1.4rem; - margin: 1rem 0; - } - } - } - - .sites-wrapper { - .site { - .sites-bottom { - h4 { - font-size: 1.4rem; - margin: 1.5rem 0; - } - } - } - } -} +// SLIDER +.slider-img { + width: 100%; + height: 100%; + + img { + width: 100%; + height: 100%; + object-fit: contain; + } +} + +.slider { + display: flex; + align-items: center; + justify-content: center; + padding-bottom: 10rem; +} + +.swiper { + position: relative; + + .swiper-button-prev { + content: url(../svg/sliderPrev.svg); + padding: 1.4rem 1.8rem 1.4rem 1rem; + z-index: 2; + position: absolute; + width: 4rem; + height: 8rem; + left: 0; + top: 50%; + background: rgba(255, 255, 255, 0.452); + transform: translateY(-50%); + cursor: pointer; + + &:hover { + background: rgba(87, 85, 85, 0.801); + } + } + + .swiper-button-next { + content: url(../svg/sliderNext.svg); + padding: 1.4rem 1rem 1.4rem 1.8rem; + z-index: 2; + position: absolute; + width: 4rem; + height: 8rem; + right: 0; + top: 50%; + background: rgba(255, 255, 255, 0.452); + transform: translateY(-50%); + cursor: pointer; + + &:hover { + background: rgba(87, 85, 85, 0.801); + } + } + + .swiper-pagination { + position: absolute; + bottom: 2rem; + left: 50%; + transform: translate(-50%, 0%); + z-index: 2; + display: flex; + align-items: center; + justify-content: space-evenly; + gap: 0.4rem; + border-radius: 1rem; + height: 2rem; + background: rgba(0, 0, 0, 0.301); + padding: 0 2rem; + + .swiper-pagination-bullet { + background: rgba(255, 255, 255, 0.3); + width: 3rem; + height: 0.4rem; + border-radius: 0.3rem; + cursor: pointer; + } + + .swiper-pagination-bullet-active { + background: #fff; + } + } +} + +// TABS +.tab-wrapper { + display: grid; + grid-template-columns: repeat(3, 1fr); + gap: 4rem; + padding-bottom: 10rem; +} + +.tab-header { + display: grid; + grid-template-columns: 14rem 24rem 1fr; + gap: 2rem; + padding-bottom: 5rem; + + .tab-header-text { + font-size: 3.2rem; + font-weight: normal; + text-align: left; + align-self: center; + } + + .tab-header-line { + align-self: center; + width: 100%; + height: 0.1rem; + background: #003a9d; + } + + .tab-header-link { + display: flex; + align-items: center; + justify-content: flex-end; + a { + width: 100%; + align-self: center; + justify-self: flex-end; + display: flex; + align-items: center; + justify-content: flex-end; + color: #003a9d; + font-size: 1.6rem; + text-align: center; + text-decoration: none; + + span { + margin-right: 1rem; + } + + img { + width: 1.8rem; + height: 1.2rem; + object-fit: contain; + } + } + } +} + +.tab-top { + div { + max-width: 40rem; + max-height: 26rem; + + img { + width: 100%; + height: 100%; + object-fit: contain; + } + } +} + +.tab { + max-width: 40rem; + width: 100%; + border: 0.2rem solid #dfdfdf; +} + +.tab-bottom { + padding: 3rem; + display: flex; + flex-direction: column; + + .tab-date { + font-size: 1.6rem; + color: #707070; + } + + .tab-name { + font-size: 1.8rem; + font-weight: bold; + margin: 2rem 0; + max-height: 7.5rem; + overflow: hidden; + text-overflow: ellipsis; + } + + .tab-link { + a { + display: flex; + align-items: center; + justify-content: flex-start; + text-decoration: none; + color: #003a9d; + font-size: 1.6rem; + + span { + margin-right: 1rem; + } + } + } +} + +// SECOND SLIDER + +.second-slider { + padding-bottom: 20rem; + + .slider { + padding-bottom: 0; + } + + .swipe-slide { + position: relative; + + h2 { + z-index: 2; + display: flex; + align-items: center; + justify-content: center; + text-align: center; + position: absolute; + width: 100%; + height: 100%; + font-size: 3.8rem; + font-weight: bold; + color: #fff; + background: rgba(0, 0, 0, 0.301); + } + } + + .tab-header { + grid-template-columns: 21rem 24rem 1fr; + } + + .swiper-button-next, + .swiper-button-prev { + background: transparent; + } + + .slider-img { + display: flex; + align-items: center; + justify-content: center; + } +} + +// SECOND TAB SECTION +.depts-wrapper { + display: grid; + grid-template-columns: repeat(3, 1fr); + gap: 4rem; + padding-bottom: 20rem; +} + +.dept { + text-decoration: none; + color: #000; + position: relative; + max-width: 40rem; + max-height: 34.4rem; + padding: 1rem 1rem 2rem 1rem; + background: transparent; + border: 0.2rem solid #dfdfdf; + box-shadow: 0 0.4rem #981429; + transition: all 0.3s ease-in-out; + + .dept-absolute { + position: absolute; + top: 0; + left: 0; + width: 5rem; + height: 5rem; + display: flex; + align-items: center; + justify-content: center; + background: #981429; + opacity: 0; + transition: all 0.3s ease-in-out; + + img { + width: 1.4rem; + height: 1.2rem; + object-fit: contain; + } + } + + .dept-bottom h4 { + text-align: center; + font-size: 1.8rem; + font-weight: bold; + padding: 0 2rem; + margin: 2rem 0; + transition: all 0.3s ease; + z-index: 2; + overflow: hidden; + text-overflow: ellipsis; + } + + &:nth-child(1n):hover { + background: #981429; + border: 0.2rem solid #981429; + transition: all 0.3s ease-in-out; + + .dept-absolute { + opacity: 1; + transition: all 0.3s ease-in-out; + } + + .dept-bottom h4 { + color: #fff; + transition: all 0.3s ease-in-out; + } + } +} +.dept-img { + display: flex; + align-items: center; + justify-content: center; + + // img { + // width: 100%; + // height: 100%; + // object-fit: contain; + // } +} + +// THIRD TAB SECTION +.sites-header { + grid-template-columns: 27rem 24rem 1fr; +} + +.sites-wrapper { + grid-template-columns: repeat(4, 1fr); + gap: 2rem; + padding-bottom: 10rem; + + .site { + padding: 0; + border: none; + max-width: 30.5rem; + max-height: 25.9rem; + + .sites-bottom h4 { + font-size: 1.4rem; + } + + &:nth-child(1n):hover { + background: #fff; + border: none; + transition: none; + + .dept-absolute { + opacity: 0; + transition: none; + } + + .dept-bottom h4 { + color: #000; + transition: none; + } + } + } +} + +@media screen and (max-width: 1360px) { + .slider { + padding-bottom: 6rem; + } + .depts-wrapper { + grid-template-columns: repeat(2, 1fr); + } + // .sites-wrapper .site .sites-bottom h4 { + // font-size: 1.8rem; + // } + + .dept { + max-width: unset; + } + + .sites-wrapper .site { + max-width: unset; + } + + .tab-wrapper { + grid-template-columns: 1fr 1fr; + .tab { + justify-self: center; + max-width: unset; + max-height: unset; + &:last-child { + display: none; + } + } + .tab-top { + display: flex; + align-items: center; + justify-content: center; + + div { + max-width: unset; + max-height: unset; + width: 100%; + height: 100%; + + img { + width: 100%; + height: 100%; + } + } + } + } +} + +@media screen and (max-width: 930px) { + .depts-wrapper { + grid-template-columns: 1fr; + gap: 4rem; + } + .dept-img { + width: 100%; + height: 100%; + img { + width: 100%; + height: 100%; + object-fit: contain; + } + } + .dept { + width: 100%; + justify-self: center; + max-height: unset; + } + + .sites-wrapper .site { + width: 100%; + justify-self: center; + max-height: unset; + } + + .dept .dept-bottom h4 { + font-size: 2rem; + } + + .tab-wrapper { + grid-template-columns: 1fr; + .tab { + &:last-child { + display: block; + } + } + } +} + +@media screen and (max-width: 700px) { + .second-slider { + padding-bottom: 10rem; + } + + .swiper-button-next, + .swiper-button-prev, + .swiper .swiper-pagination { + display: none; + } + + .second-slider, + .depts-tab { + .tab-header { + grid-template-columns: 1fr 1fr; + } + } + + .dept { + .dept-bottom { + h4 { + font-size: 1.8rem; + } + } + } + #tab-header-text { + font-size: 2.8rem; + } + .tab-header { + grid-template-columns: 12rem 17rem 1fr; + + .tab-header-link { + a { + font-size: 1.5rem; + } + } + } + + .tab-wrapper { + .tab-bottom { + padding: 2rem; + .tab-date { + font-size: 1.6rem; + } + + .tab-name { + font-size: 1.8rem; + } + .tab-link { + a { + font-size: 1.6rem; + } + } + } + } + + .nav-right { + max-width: 50%; + } + + .nav-left { + max-width: 50%; + } +} + +@media screen and (max-width: 550px) { + .nav-right { + max-width: 35%; + } + + .nav-left { + max-width: 65%; + } + + .second-slider, + .depts-tab { + .tab-header { + grid-template-columns: 1fr; + } + } + .tab-header { + grid-template-columns: 12rem 1fr; + } + + .tab-header-line { + display: none; + } + + .depts-wrapper { + padding-bottom: 10rem; + } +} + +@media screen and(max-width: 500px) { + .second-slider .swipe-slide h2 { + font-size: 2rem; + } + #tab-header-text { + font-size: 2.4rem; + } +} + +@media screen and (max-width: 380px) { + #tab-header-text { + font-size: 2rem; + } + + .tab-wrapper { + .tab-bottom { + padding: 2rem; + .tab-date { + font-size: 1.4rem; + } + + .tab-name { + font-size: 1.6rem; + } + .tab-link { + a { + font-size: 1.4rem; + } + } + } + } + + .tab-header { + .tab-header-link { + a { + font-size: 1.3rem; + } + } + } + + .sites-wrapper { + padding-bottom: 6rem; + } + + .tab-wrapper { + padding-bottom: 7rem; + } + + .second-slider { + padding-bottom: 7rem; + } + + .dept { + padding: 1rem; + .dept-bottom { + h4 { + font-size: 1.4rem; + margin: 1rem 0; + } + } + } + + .sites-wrapper { + .site { + .sites-bottom { + h4 { + font-size: 1.4rem; + margin: 1.5rem 0; + } + } + } + } +} diff --git a/src/styles/_measuringRegister.scss b/src/styles/_measuringRegister.scss index b22beae..f0a7040 100644 --- a/src/styles/_measuringRegister.scss +++ b/src/styles/_measuringRegister.scss @@ -1,38 +1,38 @@ -.measuring-register { - .tab-header { - grid-template-columns: 1fr 20rem; - } -} - -.mr-content { - padding-bottom: 10rem; -} - -.mr-table { - overflow-x: auto; -} - -.regulations-head-left { - border-radius: 0rem !important; - input { - border-radius: 0rem !important; - } -} - -// MOBILE - -@media screen and(max-width: 1360px) { - .measuring-register { - .tab-header { - grid-template-columns: 1fr 0rem; - } - } -} - -@media screen and (max-width: 500px) { - .regulations-head-left { - .search-form { - min-width: unset; - } - } -} +.measuring-register { + .tab-header { + grid-template-columns: 1fr 20rem; + } +} + +.mr-content { + padding-bottom: 10rem; +} + +.mr-table { + overflow-x: auto; +} + +.regulations-head-left { + border-radius: 0rem !important; + input { + border-radius: 0rem !important; + } +} + +// MOBILE + +@media screen and(max-width: 1360px) { + .measuring-register { + .tab-header { + grid-template-columns: 1fr 0rem; + } + } +} + +@media screen and (max-width: 500px) { + .regulations-head-left { + .search-form { + min-width: unset; + } + } +} diff --git a/src/styles/_meteorology.scss b/src/styles/_meteorology.scss index 03f652b..f0b3837 100644 --- a/src/styles/_meteorology.scss +++ b/src/styles/_meteorology.scss @@ -1,62 +1,62 @@ -.plans { - .tab-header { - grid-template-columns: 1fr 20rem; - } -} - -.planscard { - border: 0.1rem solid #dfdfdf; - max-width: 40rem; - max-height: 11.9rem; - display: flex; - align-items: center; - justify-content: center; - box-shadow: 0 0.4rem #981429; - padding: 5rem 3rem; - - h4 { - font-size: 1.4rem; - text-align: center; - } -} - -.plans-card-wrapper { - gap: 4rem; - display: grid; - grid-template-columns: 1fr 1fr 1fr; -} - -.plans-content { - padding-bottom: 10rem; -} - -// MOBILE - -@media screen and (max-width: 1360px) { - .plans-inner { - .tab-header { - grid-template-columns: 1fr 0rem; - } - } -} - -@media screen and (max-width: 1100px) { - .plans-inner { - .plans-card-wrapper { - grid-template-columns: 1fr 1fr; - - .planscard { - max-width: unset; - width: 100%; - } - } - } -} - -@media screen and (max-width: 700px) { - .plans-inner { - .plans-card-wrapper { - grid-template-columns: 1fr; - } - } -} +.plans { + .tab-header { + grid-template-columns: 1fr 20rem; + } +} + +.planscard { + border: 0.1rem solid #dfdfdf; + max-width: 40rem; + max-height: 11.9rem; + display: flex; + align-items: center; + justify-content: center; + box-shadow: 0 0.4rem #981429; + padding: 5rem 3rem; + + h4 { + font-size: 1.4rem; + text-align: center; + } +} + +.plans-card-wrapper { + gap: 4rem; + display: grid; + grid-template-columns: 1fr 1fr 1fr; +} + +.plans-content { + padding-bottom: 10rem; +} + +// MOBILE + +@media screen and (max-width: 1360px) { + .plans-inner { + .tab-header { + grid-template-columns: 1fr 0rem; + } + } +} + +@media screen and (max-width: 1100px) { + .plans-inner { + .plans-card-wrapper { + grid-template-columns: 1fr 1fr; + + .planscard { + max-width: unset; + width: 100%; + } + } + } +} + +@media screen and (max-width: 700px) { + .plans-inner { + .plans-card-wrapper { + grid-template-columns: 1fr; + } + } +} diff --git a/src/styles/_nav.scss b/src/styles/_nav.scss index cb794ba..589a03c 100644 --- a/src/styles/_nav.scss +++ b/src/styles/_nav.scss @@ -1,354 +1,354 @@ -.nav { - padding: 2.2rem 0; - z-index: 2; - position: relative; -} - -.nav-inner { - display: flex; - align-items: center; - justify-content: space-between; -} - -.nav-left { - text-decoration: none; - max-width: 30%; - display: flex; - align-items: center; - justify-content: space-between; -} - -.main-logo { - max-width: 24.3rem; - max-height: 5.3rem; - - img { - width: 100%; - height: 100%; - object-fit: contain; - } -} - -.emblem { - max-width: 5.3rem; - max-height: 5.3rem; - - img { - width: 100%; - height: 100%; - object-fit: contain; - } -} - -.nav-right { - max-width: 60%; - width: 100%; - display: grid; - grid-template-columns: 1fr; -} - -.nav-link { - display: flex; - align-items: center; - justify-content: space-between; - list-style-type: none; - cursor: pointer; - a, - h3 { - font-size: 1.4rem; - text-decoration: none; - color: #000; - font-weight: normal; - } -} - -.nav-lang { - width: 2.7rem; - height: 2rem; - - img { - width: 100%; - height: 100%; - object-fit: contain; - } -} - -.nav-select { - position: relative; - - &:hover > .nav-downarrow { - transform: rotate(180deg); - transition: all 0.3s ease-out; - } - - &:hover > .nav-dropdown { - max-height: 40rem; - transition: all 0.2s ease-out; - } - - &:nth-child(1n) { - &:hover { - border-bottom: 0.2rem solid #003a9d; - } - } - - h3 { - margin-right: 0.8rem; - } -} - -.nav-dropdown { - position: absolute; - top: 2.5rem; - right: 50%; - background: #353536; - color: #fff; - max-width: 20rem; - overflow: hidden; - max-height: 0; - transform: translateX(50%); - transition: all 0.2s ease-out; - - a { - color: #fff; - } -} - -.nav-dropdown-shifted { - right: 200%; -} - -.nav-dropdown-content { - list-style-type: none; -} - -.dropdown-content { - text-align: center; - padding: 0.5rem 1rem; - font-size: 1.5rem; - - &:hover { - background: #003a9d; - } -} - -.nav-downarrow { - transform: rotate(0deg); - transition: all 0.3s ease-out; -} - -.flag-wrapper { - width: 2.7rem; - height: 2rem; - - img { - width: 100%; - height: 100%; - object-fit: contain; - } -} - -.nav-lang { - .dropdown-content { - display: flex; - flex-direction: row-reverse; - align-items: center; - justify-content: space-between; - } - - h4 { - font-size: 1.4rem; - font-weight: normal; - margin-left: 0.7rem; - } -} - -// MOBILE - -.nav-links-mobile-button { - display: none; - align-items: center; - justify-content: flex-end; -} - -.mobile-button { - cursor: pointer; - width: 5rem; - height: 3rem; - display: flex; - align-items: center; - justify-content: center; - border: 0.1rem solid #003a9d; - background: transparent; - - div { - display: flex; - flex-direction: column; - align-items: center; - - .stripe { - margin: 0.2rem 0; - width: 3rem; - height: 0.4rem; - background: #003a9d; - border-radius: 2rem; - } - } -} - -.stripe-1 { - transition: all 0.3s ease; - transform: translate(0rem) rotate(0deg); - - &.active { - transition: all 0.3s ease; - transform: translate(0px, 8px) rotate(45deg); - } -} - -.stripe-2 { - transition: all 0.3s ease; - opacity: 1; - - &.active { - transition: all 0.3s ease; - opacity: 0; - } -} - -.stripe-3 { - transition: all 0.3s ease; - transform: translate(0px, 0px) rotate(0deg); - - &.active { - transition: all 0.3s ease; - transform: translate(0px, -8px) rotate(-45deg); - } -} - -.nav-mobile { - overflow: hidden; - max-height: 0; - transition: all 0.4s ease-in-out; - - &.active { - max-height: 60rem; - transition: all 0.4s ease-in-out; - } -} - -.nav-mobile-links { - list-style-type: none; -} - -.nav-mobile-link { - width: 100%; - margin: 2rem 0; - cursor: pointer; - - a { - font-size: 1.4rem; - display: block; - } - - h3 { - font-size: 1.4rem; - font-weight: normal; - margin-right: 0.8rem; - } - - &:nth-child(1n):hover .nav-mobile-link-dropdown { - max-height: 50rem; - transition: 0.2s all ease-in-out; - } -} - -.nav-mobile-downarrow { - transform: rotate(0deg); - transition: all 0.2s ease-in-out; -} - -.nav-mobile-link-content { - display: flex; - align-items: center; - justify-content: flex-start; - - &:hover .nav-mobile-downarrow { - transform: rotate(180deg); - transition: all 0.2s ease-in-out; - } - - div { - &.flag { - width: 2.7rem; - height: 2rem; - } - } - - img { - width: 100%; - height: 100%; - object-fit: contain; - } -} - -.flag { - width: 2.7rem; - height: 2rem; - - img { - width: 100%; - height: 100%; - object-fit: contain; - } -} - -.nav-mobile-link-dropdown { - overflow: hidden; - max-height: 0; - margin: 1rem 0; - background: #353536; - transition: 0.2s all ease-in-out; - - ul { - list-style-type: none; - } -} - -.mobile-dropdown-link { - padding: 1rem; - - a { - color: #fff; - } - - h3 { - color: #fff; - } - - &:nth-child(1n):hover { - background: #003a9d; - } - - &.flag-container { - display: flex; - align-items: center; - - h3 { - margin-left: 0.8rem; - } - } -} - -@media screen and(max-width: 1000px) { - .nav-left { - max-width: 50%; - } - .nav-link { - display: none; - } - - .nav-links-mobile-button { - display: flex; - } -} +.nav { + padding: 2.2rem 0; + z-index: 2; + position: relative; +} + +.nav-inner { + display: flex; + align-items: center; + justify-content: space-between; +} + +.nav-left { + text-decoration: none; + max-width: 30%; + display: flex; + align-items: center; + justify-content: space-between; +} + +.main-logo { + max-width: 24.3rem; + max-height: 5.3rem; + + img { + width: 100%; + height: 100%; + object-fit: contain; + } +} + +.emblem { + max-width: 5.3rem; + max-height: 5.3rem; + + img { + width: 100%; + height: 100%; + object-fit: contain; + } +} + +.nav-right { + max-width: 60%; + width: 100%; + display: grid; + grid-template-columns: 1fr; +} + +.nav-link { + display: flex; + align-items: center; + justify-content: space-between; + list-style-type: none; + cursor: pointer; + a, + h3 { + font-size: 1.4rem; + text-decoration: none; + color: #000; + font-weight: normal; + } +} + +.nav-lang { + width: 2.7rem; + height: 2rem; + + img { + width: 100%; + height: 100%; + object-fit: contain; + } +} + +.nav-select { + position: relative; + + &:hover > .nav-downarrow { + transform: rotate(180deg); + transition: all 0.3s ease-out; + } + + &:hover > .nav-dropdown { + max-height: 40rem; + transition: all 0.2s ease-out; + } + + &:nth-child(1n) { + &:hover { + border-bottom: 0.2rem solid #003a9d; + } + } + + h3 { + margin-right: 0.8rem; + } +} + +.nav-dropdown { + position: absolute; + top: 2.5rem; + right: 50%; + background: #353536; + color: #fff; + max-width: 20rem; + overflow: hidden; + max-height: 0; + transform: translateX(50%); + transition: all 0.2s ease-out; + + a { + color: #fff; + } +} + +.nav-dropdown-shifted { + right: 200%; +} + +.nav-dropdown-content { + list-style-type: none; +} + +.dropdown-content { + text-align: center; + padding: 0.5rem 1rem; + font-size: 1.5rem; + + &:hover { + background: #003a9d; + } +} + +.nav-downarrow { + transform: rotate(0deg); + transition: all 0.3s ease-out; +} + +.flag-wrapper { + width: 2.7rem; + height: 2rem; + + img { + width: 100%; + height: 100%; + object-fit: contain; + } +} + +.nav-lang { + .dropdown-content { + display: flex; + flex-direction: row-reverse; + align-items: center; + justify-content: space-between; + } + + h4 { + font-size: 1.4rem; + font-weight: normal; + margin-left: 0.7rem; + } +} + +// MOBILE + +.nav-links-mobile-button { + display: none; + align-items: center; + justify-content: flex-end; +} + +.mobile-button { + cursor: pointer; + width: 5rem; + height: 3rem; + display: flex; + align-items: center; + justify-content: center; + border: 0.1rem solid #003a9d; + background: transparent; + + div { + display: flex; + flex-direction: column; + align-items: center; + + .stripe { + margin: 0.2rem 0; + width: 3rem; + height: 0.4rem; + background: #003a9d; + border-radius: 2rem; + } + } +} + +.stripe-1 { + transition: all 0.3s ease; + transform: translate(0rem) rotate(0deg); + + &.active { + transition: all 0.3s ease; + transform: translate(0px, 8px) rotate(45deg); + } +} + +.stripe-2 { + transition: all 0.3s ease; + opacity: 1; + + &.active { + transition: all 0.3s ease; + opacity: 0; + } +} + +.stripe-3 { + transition: all 0.3s ease; + transform: translate(0px, 0px) rotate(0deg); + + &.active { + transition: all 0.3s ease; + transform: translate(0px, -8px) rotate(-45deg); + } +} + +.nav-mobile { + overflow: hidden; + max-height: 0; + transition: all 0.4s ease-in-out; + + &.active { + max-height: 60rem; + transition: all 0.4s ease-in-out; + } +} + +.nav-mobile-links { + list-style-type: none; +} + +.nav-mobile-link { + width: 100%; + margin: 2rem 0; + cursor: pointer; + + a { + font-size: 1.4rem; + display: block; + } + + h3 { + font-size: 1.4rem; + font-weight: normal; + margin-right: 0.8rem; + } + + &:nth-child(1n):hover .nav-mobile-link-dropdown { + max-height: 50rem; + transition: 0.2s all ease-in-out; + } +} + +.nav-mobile-downarrow { + transform: rotate(0deg); + transition: all 0.2s ease-in-out; +} + +.nav-mobile-link-content { + display: flex; + align-items: center; + justify-content: flex-start; + + &:hover .nav-mobile-downarrow { + transform: rotate(180deg); + transition: all 0.2s ease-in-out; + } + + div { + &.flag { + width: 2.7rem; + height: 2rem; + } + } + + img { + width: 100%; + height: 100%; + object-fit: contain; + } +} + +.flag { + width: 2.7rem; + height: 2rem; + + img { + width: 100%; + height: 100%; + object-fit: contain; + } +} + +.nav-mobile-link-dropdown { + overflow: hidden; + max-height: 0; + margin: 1rem 0; + background: #353536; + transition: 0.2s all ease-in-out; + + ul { + list-style-type: none; + } +} + +.mobile-dropdown-link { + padding: 1rem; + + a { + color: #fff; + } + + h3 { + color: #fff; + } + + &:nth-child(1n):hover { + background: #003a9d; + } + + &.flag-container { + display: flex; + align-items: center; + + h3 { + margin-left: 0.8rem; + } + } +} + +@media screen and(max-width: 1000px) { + .nav-left { + max-width: 50%; + } + .nav-link { + display: none; + } + + .nav-links-mobile-button { + display: flex; + } +} diff --git a/src/styles/_news.scss b/src/styles/_news.scss index e053289..e534a61 100644 --- a/src/styles/_news.scss +++ b/src/styles/_news.scss @@ -1,36 +1,36 @@ -.news-page-control { - display: flex; - align-items: center; - justify-content: center; - padding-bottom: 8rem; -} - -.prev-button, -.next-button { - border: 0.1rem solid #dfdfdf; - width: 7rem; - height: 7rem; - background: transparent; - display: flex; - align-items: center; - justify-content: center; - cursor: pointer; - background: #fff; - transition: background 0.2s ease; - - &:hover { - background: rgb(179, 179, 179); - transition: all 0.2s ease; - } - - &:active { - background: rgb(119, 119, 119); - transition: all 0.2s ease; - } -} - -.page-index { - font-size: 2.4rem; - font-weight: bold; - margin: 0 5rem; -} +.news-page-control { + display: flex; + align-items: center; + justify-content: center; + padding-bottom: 8rem; +} + +.prev-button, +.next-button { + border: 0.1rem solid #dfdfdf; + width: 7rem; + height: 7rem; + background: transparent; + display: flex; + align-items: center; + justify-content: center; + cursor: pointer; + background: #fff; + transition: background 0.2s ease; + + &:hover { + background: rgb(179, 179, 179); + transition: all 0.2s ease; + } + + &:active { + background: rgb(119, 119, 119); + transition: all 0.2s ease; + } +} + +.page-index { + font-size: 2.4rem; + font-weight: bold; + margin: 0 5rem; +} diff --git a/src/styles/_novelty.scss b/src/styles/_novelty.scss index 86d2db8..f229043 100644 --- a/src/styles/_novelty.scss +++ b/src/styles/_novelty.scss @@ -1,70 +1,70 @@ -.novelty-inner { - display: flex; - flex-direction: column; - align-items: center; - padding-bottom: 10rem; -} - -.novelty-head { - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - max-width: 104rem; - width: 100%; - margin-bottom: 5rem; - padding: 2rem 2rem 0 2rem; - border: 0.1rem solid #dfdfdf; - box-shadow: 0 0.8rem #981429; -} - -.novelty-img { - max-width: 100rem; - max-height: 56.6rem; - - img { - width: 100%; - height: 100%; - object-fit: contain; - } -} - -.novelty-title { - text-align: center; - font-size: 2.4rem; - padding: 3rem 0; -} - -.novelty-text { - font-size: 1.8rem; - text-align: left; -} - -.pgraph { - display: block; - margin-bottom: 3rem; - - &:last-child { - margin-bottom: 0; - } -} - -// MOBILE - -@media screen and (max-width: 930px) { - .novelty-title { - font-size: 2rem; - } -} - -@media screen and (max-width: 700px) { - .novelty-title { - font-size: 1.8rem; - } -} - -@media screen and (max-width: 380px) { - .novelty-title { - font-size: 1.8rem; - } -} +.novelty-inner { + display: flex; + flex-direction: column; + align-items: center; + padding-bottom: 10rem; +} + +.novelty-head { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + max-width: 104rem; + width: 100%; + margin-bottom: 5rem; + padding: 2rem 2rem 0 2rem; + border: 0.1rem solid #dfdfdf; + box-shadow: 0 0.8rem #981429; +} + +.novelty-img { + max-width: 100rem; + max-height: 56.6rem; + + img { + width: 100%; + height: 100%; + object-fit: contain; + } +} + +.novelty-title { + text-align: center; + font-size: 2.4rem; + padding: 3rem 0; +} + +.novelty-text { + font-size: 1.8rem; + text-align: left; +} + +.pgraph { + display: block; + margin-bottom: 3rem; + + &:last-child { + margin-bottom: 0; + } +} + +// MOBILE + +@media screen and (max-width: 930px) { + .novelty-title { + font-size: 2rem; + } +} + +@media screen and (max-width: 700px) { + .novelty-title { + font-size: 1.8rem; + } +} + +@media screen and (max-width: 380px) { + .novelty-title { + font-size: 1.8rem; + } +} diff --git a/src/styles/_prices.scss b/src/styles/_prices.scss index ab89c9a..10aee0c 100644 --- a/src/styles/_prices.scss +++ b/src/styles/_prices.scss @@ -1,5 +1,5 @@ -.prices { - .tab-header { - grid-template-columns: 18rem 24rem 1fr; - } -} +.prices { + .tab-header { + grid-template-columns: 18rem 24rem 1fr; + } +} diff --git a/src/styles/_regulations.scss b/src/styles/_regulations.scss index eee82ac..bad3491 100644 --- a/src/styles/_regulations.scss +++ b/src/styles/_regulations.scss @@ -1,111 +1,111 @@ -.regulations-inner { - padding-bottom: 10rem; -} - -.regulations-head { - display: flex; - align-items: center; - justify-content: space-between; - padding-bottom: 5rem; -} - -.search-form { - display: grid; - grid-template-columns: 6fr 1fr; - min-width: 40rem; - - input { - width: 100%; - font-size: 1.6rem; - padding: 2rem 0 2rem 3rem; - border: none; - border: 0.1rem solid #dfdfdf; - border-right: none; - outline-style: none; - } - - button { - background: transparent; - border: none; - border: 0.1rem solid #dfdfdf; - border-left: none; - display: flex; - align-items: center; - justify-content: center; - - &:hover { - cursor: pointer; - } - - div { - width: 1.6rem; - height: 1.6rem; - - img { - width: 100%; - height: 100%; - object-fit: contain; - } - } - } -} - -.btn-form { - display: flex; - align-items: center; - justify-content: space-between; - min-width: 14rem; -} - -.regulations-btn { - width: 6rem; - height: 6rem; - border: none; - border: 0.1rem solid #dfdfdf; - display: flex; - align-items: center; - justify-content: center; - background: transparent; - cursor: pointer; - transition: 0.2s background ease; - - &:nth-child(1n):hover { - background: rgba(0, 0, 0, 0.4); - transition: 0.2s all ease; - } - - div { - display: flex; - align-items: center; - justify-content: center; - width: 1.121rem; - height: 2.075rem; - - img { - width: 100%; - height: 100%; - object-fit: contain; - } - } -} - -.regulations-table { - font-size: 1.4rem; -} - -// MOBILE - -@media screen and(max-width: 800px) { - .regulations-head-left, - .regulations-head-right { - width: 100%; - } - .regulations-head { - flex-direction: column; - row-gap: 2rem; - } - .regulations-btn { - width: 100%; - height: 8rem; - } -} +.regulations-inner { + padding-bottom: 10rem; +} + +.regulations-head { + display: flex; + align-items: center; + justify-content: space-between; + padding-bottom: 5rem; +} + +.search-form { + display: grid; + grid-template-columns: 6fr 1fr; + min-width: 40rem; + + input { + width: 100%; + font-size: 1.6rem; + padding: 2rem 0 2rem 3rem; + border: none; + border: 0.1rem solid #dfdfdf; + border-right: none; + outline-style: none; + } + + button { + background: transparent; + border: none; + border: 0.1rem solid #dfdfdf; + border-left: none; + display: flex; + align-items: center; + justify-content: center; + + &:hover { + cursor: pointer; + } + + div { + width: 1.6rem; + height: 1.6rem; + + img { + width: 100%; + height: 100%; + object-fit: contain; + } + } + } +} + +.btn-form { + display: flex; + align-items: center; + justify-content: space-between; + min-width: 14rem; +} + +.regulations-btn { + width: 6rem; + height: 6rem; + border: none; + border: 0.1rem solid #dfdfdf; + display: flex; + align-items: center; + justify-content: center; + background: transparent; + cursor: pointer; + transition: 0.2s background ease; + + &:nth-child(1n):hover { + background: rgba(0, 0, 0, 0.4); + transition: 0.2s all ease; + } + + div { + display: flex; + align-items: center; + justify-content: center; + width: 1.121rem; + height: 2.075rem; + + img { + width: 100%; + height: 100%; + object-fit: contain; + } + } +} + +.regulations-table { + font-size: 1.4rem; +} + +// MOBILE + +@media screen and(max-width: 800px) { + .regulations-head-left, + .regulations-head-right { + width: 100%; + } + .regulations-head { + flex-direction: column; + row-gap: 2rem; + } + .regulations-btn { + width: 100%; + height: 8rem; + } +} diff --git a/src/styles/_service.scss b/src/styles/_service.scss index b4e1485..4f819f9 100644 --- a/src/styles/_service.scss +++ b/src/styles/_service.scss @@ -1,122 +1,122 @@ -.service-inner { - padding-bottom: 10rem; - - .tab-header { - grid-template-columns: 1fr 20rem; - - &:last-child { - grid-template-columns: 21rem 24rem 1fr; - } - } -} - -.service-cards-wrapper { - display: grid; - grid-template-columns: repeat(4, 1fr); - gap: 2rem; -} - -.service-card-top { - display: flex; - align-items: center; - justify-content: center; -} - -.service-img-wrapper { - max-height: 32.4rem; - max-width: 28.5rem; - width: 100%; - height: 100%; - - img { - width: 100%; - height: 100%; - object-fit: contain; - } -} - -.service-card { - max-width: 30.5rem; - max-height: 39.6rem; - cursor: pointer; - position: relative; - text-align: center; - border: 0.1rem solid #dfdfdf; - box-shadow: 0 0.4rem #981429; - border-bottom: none; - padding: 1rem 1rem 0 1rem; - color: #000; - background: #fff; - transition: all 0.3s ease; - - &:nth-child(1n):hover { - background: #981429; - color: #fff; - transition: all 0.3s ease; - .service-abs { - opacity: 100%; - transition: all 0.3s ease; - } - } -} - -.service-abs { - position: absolute; - width: 5rem; - height: 5rem; - top: 1rem; - left: 1rem; - background: #981429; - display: flex; - align-items: center; - justify-content: center; - opacity: 0%; - transition: opacity 0.2s ease; - - div { - width: 2.5rem; - height: 2.5rem; - - img { - width: 100%; - height: 100%; - object-fit: contain; - } - } -} - -.service-card-title { - font-size: 1.6rem; - font-weight: bold; - margin: 2rem 1rem; -} - -@media screen and (max-width: 1360px) { - .service-inner { - .tab-header { - grid-template-columns: 1fr 0rem; - } - } - - .service-cards-wrapper { - grid-template-columns: repeat(2, 1fr); - } - .service-card { - justify-self: center; - max-width: unset; - max-height: unset; - width: 100%; - height: 100%; - } - - .service-img-wrapper { - max-height: unset; - max-width: unset; - } -} - -@media screen and (max-width: 550px) { - .service-cards-wrapper { - grid-template-columns: 1fr; - } -} +.service-inner { + padding-bottom: 10rem; + + .tab-header { + grid-template-columns: 1fr 20rem; + + &:last-child { + grid-template-columns: 21rem 24rem 1fr; + } + } +} + +.service-cards-wrapper { + display: grid; + grid-template-columns: repeat(4, 1fr); + gap: 2rem; +} + +.service-card-top { + display: flex; + align-items: center; + justify-content: center; +} + +.service-img-wrapper { + max-height: 32.4rem; + max-width: 28.5rem; + width: 100%; + height: 100%; + + img { + width: 100%; + height: 100%; + object-fit: contain; + } +} + +.service-card { + max-width: 30.5rem; + max-height: 39.6rem; + cursor: pointer; + position: relative; + text-align: center; + border: 0.1rem solid #dfdfdf; + box-shadow: 0 0.4rem #981429; + border-bottom: none; + padding: 1rem 1rem 0 1rem; + color: #000; + background: #fff; + transition: all 0.3s ease; + + &:nth-child(1n):hover { + background: #981429; + color: #fff; + transition: all 0.3s ease; + .service-abs { + opacity: 100%; + transition: all 0.3s ease; + } + } +} + +.service-abs { + position: absolute; + width: 5rem; + height: 5rem; + top: 1rem; + left: 1rem; + background: #981429; + display: flex; + align-items: center; + justify-content: center; + opacity: 0%; + transition: opacity 0.2s ease; + + div { + width: 2.5rem; + height: 2.5rem; + + img { + width: 100%; + height: 100%; + object-fit: contain; + } + } +} + +.service-card-title { + font-size: 1.6rem; + font-weight: bold; + margin: 2rem 1rem; +} + +@media screen and (max-width: 1360px) { + .service-inner { + .tab-header { + grid-template-columns: 1fr 0rem; + } + } + + .service-cards-wrapper { + grid-template-columns: repeat(2, 1fr); + } + .service-card { + justify-self: center; + max-width: unset; + max-height: unset; + width: 100%; + height: 100%; + } + + .service-img-wrapper { + max-height: unset; + max-width: unset; + } +} + +@media screen and (max-width: 550px) { + .service-cards-wrapper { + grid-template-columns: 1fr; + } +} diff --git a/src/styles/_structure.scss b/src/styles/_structure.scss index e0f2a61..cb71782 100644 --- a/src/styles/_structure.scss +++ b/src/styles/_structure.scss @@ -1,80 +1,80 @@ -.structure-inner { - .tab-header { - grid-template-columns: 77rem 24rem 1fr; - } -} - -.structure-main-page { - max-width: 128rem; - max-height: 72rem; - margin-bottom: 5rem; - - img { - width: 100%; - height: 100%; - object-fit: contain; - } -} - -.structure-employees { - width: 100%; - overflow-x: auto; - margin-bottom: 10rem; -} - -.structure-table { - width: 128rem; - overflow: hidden; - - th { - font-weight: bold; - padding: 3.5rem 1rem; - border: 0.1rem solid #e9ecef; - } - - td { - padding: 3.5rem 1rem; - border: 0.1rem solid #e9ecef; - border-top: none; - } - - * { - text-align: center; - } - - span { - font-size: 1.4rem; - } -} - -.table-head { - background: #e9ecef; -} - -// MOBILE - -@media screen and(max-width: 1200px) { - .structure-inner { - .tab-header { - grid-template-columns: 1fr 0rem; - } - } -} - -@media screen and (max-width: 900px) { - .structure-table { - width: 111rem; - margin: 0 auto; - } -} -@media screen and (max-width: 700px) { - .structure-table { - width: 91rem; - } -} - -@media screen and (max-width: 500px) { - .structure-table { - width: 71rem; - } -} +.structure-inner { + .tab-header { + grid-template-columns: 77rem 24rem 1fr; + } +} + +.structure-main-page { + max-width: 128rem; + max-height: 72rem; + margin-bottom: 5rem; + + img { + width: 100%; + height: 100%; + object-fit: contain; + } +} + +.structure-employees { + width: 100%; + overflow-x: auto; + margin-bottom: 10rem; +} + +.structure-table { + width: 128rem; + overflow: hidden; + + th { + font-weight: bold; + padding: 3.5rem 1rem; + border: 0.1rem solid #e9ecef; + } + + td { + padding: 3.5rem 1rem; + border: 0.1rem solid #e9ecef; + border-top: none; + } + + * { + text-align: center; + } + + span { + font-size: 1.4rem; + } +} + +.table-head { + background: #e9ecef; +} + +// MOBILE + +@media screen and(max-width: 1200px) { + .structure-inner { + .tab-header { + grid-template-columns: 1fr 0rem; + } + } +} + +@media screen and (max-width: 900px) { + .structure-table { + width: 111rem; + margin: 0 auto; + } +} +@media screen and (max-width: 700px) { + .structure-table { + width: 91rem; + } +} + +@media screen and (max-width: 500px) { + .structure-table { + width: 71rem; + } +} diff --git a/src/styles/app.scss b/src/styles/app.scss index c1a457f..9d9b1be 100644 --- a/src/styles/app.scss +++ b/src/styles/app.scss @@ -1,45 +1,45 @@ -// GENERAL STYLING -* { - padding: 0; - margin: 0; - box-sizing: border-box; -} - -html { - font-size: 62.5%; -} - -a { - text-decoration: none; - color: #000; -} - -body { - font-family: "Open Sans", sans-serif; -} - -.container { - max-width: 134rem; - padding: 0 3rem; - margin: 0 auto; -} - -// IMPORT PARTIALS -@import "./nav.scss"; -@import "./footer.scss"; -@import "./main.scss"; -@import "./news.scss"; -@import "./breadcrumb.scss"; -@import "./novelty.scss"; -@import "./etalons.scss"; -@import "./etalon.scss"; -@import "./legislation.scss"; -@import "./history.scss"; -@import "./structure.scss"; -@import "./prices.scss"; -@import "./measuringRegister"; -@import "./meteorology"; -@import "./calibrateInstruments"; -@import "./calibrateThermo"; -@import "./regulations"; -@import "./service"; +// GENERAL STYLING +* { + padding: 0; + margin: 0; + box-sizing: border-box; +} + +html { + font-size: 62.5%; +} + +a { + text-decoration: none; + color: #000; +} + +body { + font-family: "Open Sans", sans-serif; +} + +.container { + max-width: 134rem; + padding: 0 3rem; + margin: 0 auto; +} + +// IMPORT PARTIALS +@import "./nav.scss"; +@import "./footer.scss"; +@import "./main.scss"; +@import "./news.scss"; +@import "./breadcrumb.scss"; +@import "./novelty.scss"; +@import "./etalons.scss"; +@import "./etalon.scss"; +@import "./legislation.scss"; +@import "./history.scss"; +@import "./structure.scss"; +@import "./prices.scss"; +@import "./measuringRegister"; +@import "./meteorology"; +@import "./calibrateInstruments"; +@import "./calibrateThermo"; +@import "./regulations"; +@import "./service"; diff --git a/src/svg/buttonNext.svg b/src/svg/buttonNext.svg index c0c7900..69a5e38 100644 --- a/src/svg/buttonNext.svg +++ b/src/svg/buttonNext.svg @@ -1,3 +1,3 @@ - - - + + + diff --git a/src/svg/buttonPrev.svg b/src/svg/buttonPrev.svg index 028e6cb..7cee0aa 100644 --- a/src/svg/buttonPrev.svg +++ b/src/svg/buttonPrev.svg @@ -1,7 +1,7 @@ - - - - - - - + + + + + + + diff --git a/src/svg/downArrow.svg b/src/svg/downArrow.svg index bfa0214..38d9621 100644 --- a/src/svg/downArrow.svg +++ b/src/svg/downArrow.svg @@ -1,3 +1,3 @@ - - - + + + diff --git a/src/svg/emblemLogo.svg b/src/svg/emblemLogo.svg index 9d6da8e..a995050 100644 --- a/src/svg/emblemLogo.svg +++ b/src/svg/emblemLogo.svg @@ -1,13 +1,13 @@ - - - - - - - - - - - + + + + + + + + + + + diff --git a/src/svg/flagOfRussia.svg b/src/svg/flagOfRussia.svg index 59f72c1..1bb28f3 100644 --- a/src/svg/flagOfRussia.svg +++ b/src/svg/flagOfRussia.svg @@ -1,8 +1,8 @@ - - - - - - - - + + + + + + + + diff --git a/src/svg/flagOfTkm.svg b/src/svg/flagOfTkm.svg index 9683115..5d5cf1a 100644 --- a/src/svg/flagOfTkm.svg +++ b/src/svg/flagOfTkm.svg @@ -1,1118 +1,1118 @@ - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/svg/flagOfUK.svg b/src/svg/flagOfUK.svg index 9131483..3b33fad 100644 --- a/src/svg/flagOfUK.svg +++ b/src/svg/flagOfUK.svg @@ -1,16 +1,16 @@ - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/svg/loupe.svg b/src/svg/loupe.svg index 16b6202..a51cd3f 100644 --- a/src/svg/loupe.svg +++ b/src/svg/loupe.svg @@ -1,12 +1,12 @@ - - - - - - - - - - - - + + + + + + + + + + + + diff --git a/src/svg/mainLogo.svg b/src/svg/mainLogo.svg index 31af37a..0ebe124 100644 --- a/src/svg/mainLogo.svg +++ b/src/svg/mainLogo.svg @@ -1,3 +1,3 @@ - - - + + + diff --git a/src/svg/next.svg b/src/svg/next.svg index 95fa490..ae59608 100644 --- a/src/svg/next.svg +++ b/src/svg/next.svg @@ -1,5 +1,5 @@ - - - - - + + + + + diff --git a/src/svg/prev.svg b/src/svg/prev.svg index 92f1fad..997a9f4 100644 --- a/src/svg/prev.svg +++ b/src/svg/prev.svg @@ -1,7 +1,7 @@ - - - - - - - + + + + + + + diff --git a/src/svg/print.svg b/src/svg/print.svg index 6d32553..f3a16f7 100644 --- a/src/svg/print.svg +++ b/src/svg/print.svg @@ -1,6 +1,6 @@ - - - - - - + + + + + + diff --git a/src/svg/rightArrow.svg b/src/svg/rightArrow.svg index bb80342..5a0544e 100644 --- a/src/svg/rightArrow.svg +++ b/src/svg/rightArrow.svg @@ -1,7 +1,7 @@ - - - - - - - + + + + + + + diff --git a/src/svg/rightArrowBlue.svg b/src/svg/rightArrowBlue.svg index 1856a9a..798fb98 100644 --- a/src/svg/rightArrowBlue.svg +++ b/src/svg/rightArrowBlue.svg @@ -1,7 +1,7 @@ - - - - - - - + + + + + + + diff --git a/src/svg/rightArrow_2.svg b/src/svg/rightArrow_2.svg index 63ec6fe..8d71e3d 100644 --- a/src/svg/rightArrow_2.svg +++ b/src/svg/rightArrow_2.svg @@ -1,7 +1,7 @@ - - - - - - - + + + + + + + diff --git a/src/svg/sliderNext.svg b/src/svg/sliderNext.svg index 0b26765..d97a323 100644 --- a/src/svg/sliderNext.svg +++ b/src/svg/sliderNext.svg @@ -1,5 +1,5 @@ - - - - - + + + + + diff --git a/src/svg/sliderPrev.svg b/src/svg/sliderPrev.svg index 352965f..eb656c9 100644 --- a/src/svg/sliderPrev.svg +++ b/src/svg/sliderPrev.svg @@ -1,5 +1,5 @@ - - - - - + + + + +