TPS
/
etalon_frontend
4
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

server error

This commit is contained in:
gerchek 2022-01-17 04:14:17 -05:00
parent 35b71af854
commit 6c11db0835
88 changed files with 7867 additions and 7867 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
.gitignore vendored
View File

@ -1,23 +1,23 @@
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files. # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
# dependencies # dependencies
/node_modules /node_modules
/.pnp /.pnp
.pnp.js .pnp.js
# testing # testing
/coverage /coverage
# production # production
# misc # misc
.DS_Store .DS_Store
.env.local .env.local
.env.development.local .env.development.local
.env.test.local .env.test.local
.env.production.local .env.production.local
npm-debug.log* npm-debug.log*
yarn-debug.log* yarn-debug.log*
yarn-error.log* yarn-error.log*

140
README.md
View File

@ -1,70 +1,70 @@
# Getting Started with Create React App # Getting Started with Create React App
This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app). This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
## Available Scripts ## Available Scripts
In the project directory, you can run: In the project directory, you can run:
### `npm start` ### `npm start`
Runs the app in the development mode.\ Runs the app in the development mode.\
Open [http://localhost:3000](http://localhost:3000) to view it in the browser. Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
The page will reload if you make edits.\ The page will reload if you make edits.\
You will also see any lint errors in the console. You will also see any lint errors in the console.
### `npm test` ### `npm test`
Launches the test runner in the interactive watch mode.\ 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. See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.
### `npm run build` ### `npm run build`
Builds the app for production to the `build` folder.\ Builds the app for production to the `build` folder.\
It correctly bundles React in production mode and optimizes the build for the best performance. 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.\ The build is minified and the filenames include the hashes.\
Your app is ready to be deployed! Your app is ready to be deployed!
See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information. See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.
### `npm run eject` ### `npm run eject`
**Note: this is a one-way operation. Once you `eject`, you can’t go back!** **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. 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. 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. 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 ## Learn More
You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started). 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/). To learn React, check out the [React documentation](https://reactjs.org/).
### Code Splitting ### 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) 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 ### 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) 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 ### 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) 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 ### 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) 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 ### Deployment
This section has moved here: [https://facebook.github.io/create-react-app/docs/deployment](https://facebook.github.io/create-react-app/docs/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 ### `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) 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)

50
build/manifest.json
View File

@ -1,25 +1,25 @@
{ {
"short_name": "React App", "short_name": "React App",
"name": "Create React App Sample", "name": "Create React App Sample",
"icons": [ "icons": [
{ {
"src": "favicon.ico", "src": "favicon.ico",
"sizes": "64x64 32x32 24x24 16x16", "sizes": "64x64 32x32 24x24 16x16",
"type": "image/x-icon" "type": "image/x-icon"
}, },
{ {
"src": "logo192.png", "src": "logo192.png",
"type": "image/png", "type": "image/png",
"sizes": "192x192" "sizes": "192x192"
}, },
{ {
"src": "logo512.png", "src": "logo512.png",
"type": "image/png", "type": "image/png",
"sizes": "512x512" "sizes": "512x512"
} }
], ],
"start_url": ".", "start_url": ".",
"display": "standalone", "display": "standalone",
"theme_color": "#000000", "theme_color": "#000000",
"background_color": "#ffffff" "background_color": "#ffffff"
} }

6
build/robots.txt
View File

@ -1,3 +1,3 @@
# https://www.robotstxt.org/robotstxt.html # https://www.robotstxt.org/robotstxt.html
User-agent: * User-agent: *
Disallow: Disallow:

6
build/static/media/buttonNext.a7b07c21.svg
View File

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="11.209" height="20.754" viewBox="0 0 11.209 20.754"> <svg xmlns="http://www.w3.org/2000/svg" width="11.209" height="20.754" viewBox="0 0 11.209 20.754">
<path id="Контур_586" data-name="Контур 586" d="M128.715,9.808l-9.6-9.573a.8.8,0,1,0-1.136,1.139l9.028,9-9.029,9a.8.8,0,0,0,1.136,1.139l9.6-9.573a.8.8,0,0,0,0-1.139Z" transform="translate(-117.742 0)" fill="#003a9d"/> <path id="Контур_586" data-name="Контур 586" d="M128.715,9.808l-9.6-9.573a.8.8,0,1,0-1.136,1.139l9.028,9-9.029,9a.8.8,0,0,0,1.136,1.139l9.6-9.573a.8.8,0,0,0,0-1.139Z" transform="translate(-117.742 0)" fill="#003a9d"/>
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 339 B

After

Width:  |  Height:  |  Size: 342 B

14
build/static/media/buttonPrev.98135aba.svg
View File

@ -1,7 +1,7 @@
<svg xmlns="http://www.w3.org/2000/svg" width="11.208" height="20.754" viewBox="0 0 11.208 20.754"> <svg xmlns="http://www.w3.org/2000/svg" width="11.208" height="20.754" viewBox="0 0 11.208 20.754">
<g id="next" transform="translate(0 0)"> <g id="next" transform="translate(0 0)">
<g id="Сгруппировать_537" data-name="Сгруппировать 537" transform="translate(0 0)"> <g id="Сгруппировать_537" data-name="Сгруппировать 537" transform="translate(0 0)">
<path id="Контур_586" data-name="Контур 586" d="M117.979,9.807l9.6-9.573a.8.8,0,1,1,1.136,1.139l-9.028,9,9.028,9a.8.8,0,0,1-1.136,1.139l-9.6-9.572a.8.8,0,0,1,0-1.139Z" transform="translate(-117.742 0)" fill="#003a9d"/> <path id="Контур_586" data-name="Контур 586" d="M117.979,9.807l9.6-9.573a.8.8,0,1,1,1.136,1.139l-9.028,9,9.028,9a.8.8,0,0,1-1.136,1.139l-9.6-9.572a.8.8,0,0,1,0-1.139Z" transform="translate(-117.742 0)" fill="#003a9d"/>
</g> </g>
</g> </g>
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 517 B

After

Width:  |  Height:  |  Size: 524 B

6
build/static/media/downArrow.0bea9b11.svg
View File

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="8" height="4" viewBox="0 0 8 4"> <svg xmlns="http://www.w3.org/2000/svg" width="8" height="4" viewBox="0 0 8 4">
<path id="Многоугольник_8" data-name="Многоугольник 8" d="M4,0,8,4H0Z" transform="translate(8 4) rotate(180)"/> <path id="Многоугольник_8" data-name="Многоугольник 8" d="M4,0,8,4H0Z" transform="translate(8 4) rotate(180)"/>
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 227 B

After

Width:  |  Height:  |  Size: 230 B

26
build/static/media/emblemLogo.80dd243c.svg
View File

File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 785 KiB

After

Width:  |  Height:  |  Size: 785 KiB

16
build/static/media/flagOfRussia.27852e17.svg
View File

@ -1,8 +1,8 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="27" height="20" viewBox="0 0 27 20"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="27" height="20" viewBox="0 0 27 20">
<defs> <defs>
<pattern id="pattern" preserveAspectRatio="none" width="100%" height="100%" viewBox="0 0 48 36"> <pattern id="pattern" preserveAspectRatio="none" width="100%" height="100%" viewBox="0 0 48 36">
<image width="48" height="36" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAkCAYAAADPRbkKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowOTYzMTgxODRENDQxMUU0ODdBRDkyNEI5MEI1NzZGMiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowOTYzMTgxOTRENDQxMUU0ODdBRDkyNEI5MEI1NzZGMiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjlCQ0NERUUxNEQ0MzExRTQ4N0FEOTI0QjkwQjU3NkYyIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjlCQ0NERUUyNEQ0MzExRTQ4N0FEOTI0QjkwQjU3NkYyIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8++/Jo0wAAAapJREFUeNrsWUtOw0AMfZ4UglBpEaLiAmzZcy+WHIwlG27AMSo+aqRC0s4YOyTNJCoKkG4sxZU7UTqT+sXveZyWACTiaTVaMi+eT+RtxsyvMGhEdOFknMOuzV1FH6uWOhi3EcAIYAQwAhgBDDJtJXB794DF+QnW+dZE0KfpBMv3zwaAD4wPCT4vfHmStc/4xYXiefXxT2u57l86x+iZu+/71ANzA2CrAIqAfBNMZIAFgsa8A6BoVuvCDO/zjYdzFGXAs3iwJd7ExRoIeMnydq8dcfFg/fvAa8brL2dpRCG5+cz7hXRY7h5ufQiIM+AFAJuikMbc0oCKQkcb/G9i/c6ACphhJwtMEjO3RawSscSiFoWeHu8xERBcFP/aGbsCo55dGz27cd9OTcdH2LoE100VkuD11ZMCHnDur3P7PgtVGaoASDrIwQyHWLsH37TT5Z0nsiMAoh1bygywVqEEsKRirlofVzdz1jJQt9MNhYwZdwGQoQxQpAGzIg4cl9Gq4rrp1ORDfVlQ37KVxR8lvPLmSvxGfGEs+KX4swLQR5sz2PufQB8hsy8BBgC7Pc0Ol+yIXgAAAABJRU5ErkJggg=="/> <image width="48" height="36" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAkCAYAAADPRbkKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowOTYzMTgxODRENDQxMUU0ODdBRDkyNEI5MEI1NzZGMiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowOTYzMTgxOTRENDQxMUU0ODdBRDkyNEI5MEI1NzZGMiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjlCQ0NERUUxNEQ0MzExRTQ4N0FEOTI0QjkwQjU3NkYyIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjlCQ0NERUUyNEQ0MzExRTQ4N0FEOTI0QjkwQjU3NkYyIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8++/Jo0wAAAapJREFUeNrsWUtOw0AMfZ4UglBpEaLiAmzZcy+WHIwlG27AMSo+aqRC0s4YOyTNJCoKkG4sxZU7UTqT+sXveZyWACTiaTVaMi+eT+RtxsyvMGhEdOFknMOuzV1FH6uWOhi3EcAIYAQwAhgBDDJtJXB794DF+QnW+dZE0KfpBMv3zwaAD4wPCT4vfHmStc/4xYXiefXxT2u57l86x+iZu+/71ANzA2CrAIqAfBNMZIAFgsa8A6BoVuvCDO/zjYdzFGXAs3iwJd7ExRoIeMnydq8dcfFg/fvAa8brL2dpRCG5+cz7hXRY7h5ufQiIM+AFAJuikMbc0oCKQkcb/G9i/c6ACphhJwtMEjO3RawSscSiFoWeHu8xERBcFP/aGbsCo55dGz27cd9OTcdH2LoE100VkuD11ZMCHnDur3P7PgtVGaoASDrIwQyHWLsH37TT5Z0nsiMAoh1bygywVqEEsKRirlofVzdz1jJQt9MNhYwZdwGQoQxQpAGzIg4cl9Gq4rrp1ORDfVlQ37KVxR8lvPLmSvxGfGEs+KX4swLQR5sz2PufQB8hsy8BBgC7Pc0Ol+yIXgAAAABJRU5ErkJggg=="/>
</pattern> </pattern>
</defs> </defs>
<rect id="РУС" width="27" height="20" fill="url(#pattern)"/> <rect id="РУС" width="27" height="20" fill="url(#pattern)"/>
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.1 KiB

After

Width:  |  Height:  |  Size: 2.1 KiB

2236
build/static/media/flagOfTkm.76247a50.svg
View File

File diff suppressed because it is too large Load Diff
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 74 KiB

After

Width:  |  Height:  |  Size: 75 KiB

30
build/static/media/flagOfUK.fd46970f.svg
View File

@ -1,16 +1,16 @@
<?xml version="1.0" encoding="UTF-8"?> <?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 30" width="1200" height="600"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 30" width="1200" height="600">
<clipPath id="s"> <clipPath id="s">
<path d="M0,0 v30 h60 v-30 z"/> <path d="M0,0 v30 h60 v-30 z"/>
</clipPath> </clipPath>
<clipPath id="t"> <clipPath id="t">
<path d="M30,15 h30 v15 z v15 h-30 z h-30 v-15 z v-15 h30 z"/> <path d="M30,15 h30 v15 z v15 h-30 z h-30 v-15 z v-15 h30 z"/>
</clipPath> </clipPath>
<g clip-path="url(#s)"> <g clip-path="url(#s)">
<path d="M0,0 v30 h60 v-30 z" fill="#012169"/> <path d="M0,0 v30 h60 v-30 z" fill="#012169"/>
<path d="M0,0 L60,30 M60,0 L0,30" stroke="#fff" stroke-width="6"/> <path d="M0,0 L60,30 M60,0 L0,30" stroke="#fff" stroke-width="6"/>
<path d="M0,0 L60,30 M60,0 L0,30" clip-path="url(#t)" stroke="#C8102E" stroke-width="4"/> <path d="M0,0 L60,30 M60,0 L0,30" clip-path="url(#t)" stroke="#C8102E" stroke-width="4"/>
<path d="M30,0 v30 M0,15 h60" stroke="#fff" stroke-width="10"/> <path d="M30,0 v30 M0,15 h60" stroke="#fff" stroke-width="10"/>
<path d="M30,0 v30 M0,15 h60" stroke="#C8102E" stroke-width="6"/> <path d="M30,0 v30 M0,15 h60" stroke="#C8102E" stroke-width="6"/>
</g> </g>
</svg> </svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 657 B

After

Width:  |  Height:  |  Size: 672 B

24
build/static/media/loupe.47e17db3.svg
View File

@ -1,12 +1,12 @@
<svg id="loupe" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <svg id="loupe" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<g id="Сгруппировать_541" data-name="Сгруппировать 541"> <g id="Сгруппировать_541" data-name="Сгруппировать 541">
<g id="Сгруппировать_540" data-name="Сгруппировать 540"> <g id="Сгруппировать_540" data-name="Сгруппировать 540">
<path id="Контур_589" data-name="Контур 589" d="M7.046,0a7.046,7.046,0,1,0,7.046,7.046A7.054,7.054,0,0,0,7.046,0Zm0,12.791a5.745,5.745,0,1,1,5.745-5.745A5.752,5.752,0,0,1,7.046,12.791Z"/> <path id="Контур_589" data-name="Контур 589" d="M7.046,0a7.046,7.046,0,1,0,7.046,7.046A7.054,7.054,0,0,0,7.046,0Zm0,12.791a5.745,5.745,0,1,1,5.745-5.745A5.752,5.752,0,0,1,7.046,12.791Z"/>
</g> </g>
</g> </g>
<g id="Сгруппировать_543" data-name="Сгруппировать 543" transform="translate(10.97 10.97)"> <g id="Сгруппировать_543" data-name="Сгруппировать 543" transform="translate(10.97 10.97)">
<g id="Сгруппировать_542" data-name="Сгруппировать 542"> <g id="Сгруппировать_542" data-name="Сгруппировать 542">
<path id="Контур_590" data-name="Контур 590" d="M355.885,354.965l-3.729-3.729a.65.65,0,0,0-.92.92l3.729,3.729a.65.65,0,0,0,.92-.92Z" transform="translate(-351.046 -351.046)"/> <path id="Контур_590" data-name="Контур 590" d="M355.885,354.965l-3.729-3.729a.65.65,0,0,0-.92.92l3.729,3.729a.65.65,0,0,0,.92-.92Z" transform="translate(-351.046 -351.046)"/>
</g> </g>
</g> </g>
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 913 B

After

Width:  |  Height:  |  Size: 925 B

6
build/static/media/mainLogo.3ffcbace.svg
View File

File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 45 KiB

After

Width:  |  Height:  |  Size: 45 KiB

10
build/static/media/next.500d75f4.svg
View File

@ -1,5 +1,5 @@
<svg id="next" xmlns="http://www.w3.org/2000/svg" width="11.209" height="20.754" viewBox="0 0 11.209 20.754"> <svg id="next" xmlns="http://www.w3.org/2000/svg" width="11.209" height="20.754" viewBox="0 0 11.209 20.754">
<g id="Сгруппировать_537" data-name="Сгруппировать 537" transform="translate(0 0)"> <g id="Сгруппировать_537" data-name="Сгруппировать 537" transform="translate(0 0)">
<path id="Контур_586" data-name="Контур 586" d="M128.715,9.808l-9.6-9.573a.8.8,0,1,0-1.136,1.139l9.028,9-9.029,9a.8.8,0,0,0,1.136,1.139l9.6-9.573a.8.8,0,0,0,0-1.139Z" transform="translate(-117.742 0)" fill="#dfdfdf"/> <path id="Контур_586" data-name="Контур 586" d="M128.715,9.808l-9.6-9.573a.8.8,0,1,0-1.136,1.139l9.028,9-9.029,9a.8.8,0,0,0,1.136,1.139l9.6-9.573a.8.8,0,0,0,0-1.139Z" transform="translate(-117.742 0)" fill="#dfdfdf"/>
</g> </g>
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 470 B

After

Width:  |  Height:  |  Size: 475 B

14
build/static/media/prev.6123f913.svg
View File

@ -1,7 +1,7 @@
<svg xmlns="http://www.w3.org/2000/svg" width="11.208" height="20.754" viewBox="0 0 11.208 20.754"> <svg xmlns="http://www.w3.org/2000/svg" width="11.208" height="20.754" viewBox="0 0 11.208 20.754">
<g id="prev" transform="translate(0 0)"> <g id="prev" transform="translate(0 0)">
<g id="Сгруппировать_537" data-name="Сгруппировать 537" transform="translate(0 0)"> <g id="Сгруппировать_537" data-name="Сгруппировать 537" transform="translate(0 0)">
<path id="Контур_586" data-name="Контур 586" d="M117.979,9.807l9.6-9.573a.8.8,0,1,1,1.136,1.139l-9.028,9,9.028,9a.8.8,0,0,1-1.136,1.139l-9.6-9.572a.8.8,0,0,1,0-1.139Z" transform="translate(-117.742 0)" fill="#dfdfdf"/> <path id="Контур_586" data-name="Контур 586" d="M117.979,9.807l9.6-9.573a.8.8,0,1,1,1.136,1.139l-9.028,9,9.028,9a.8.8,0,0,1-1.136,1.139l-9.6-9.572a.8.8,0,0,1,0-1.139Z" transform="translate(-117.742 0)" fill="#dfdfdf"/>
</g> </g>
</g> </g>
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 517 B

After

Width:  |  Height:  |  Size: 524 B

12
build/static/media/print.0f99bc56.svg
View File

@ -1,6 +1,6 @@
<svg id="print" xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25"> <svg id="print" xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25">
<path id="Контур_591" data-name="Контур 591" d="M21.338,6.3h-.684V3.662A3.666,3.666,0,0,0,16.992,0H8.008A3.666,3.666,0,0,0,4.346,3.662V6.3H3.662A3.666,3.666,0,0,0,0,9.961V15.82a3.666,3.666,0,0,0,3.662,3.662h.684V22.8a2.2,2.2,0,0,0,2.2,2.2H18.457a2.2,2.2,0,0,0,2.2-2.2v-3.32h.684A3.666,3.666,0,0,0,25,15.82V9.961A3.666,3.666,0,0,0,21.338,6.3ZM5.811,3.662a2.2,2.2,0,0,1,2.2-2.2h8.984a2.2,2.2,0,0,1,2.2,2.2V6.3H5.811ZM19.189,22.8a.733.733,0,0,1-.732.732H6.543a.733.733,0,0,1-.732-.732V15.576H19.189Zm4.346-6.982a2.2,2.2,0,0,1-2.2,2.2h-.684V15.576h.439a.732.732,0,0,0,0-1.465H3.906a.732.732,0,0,0,0,1.465h.439v2.441H3.662a2.2,2.2,0,0,1-2.2-2.2V9.961a2.2,2.2,0,0,1,2.2-2.2H21.338a2.2,2.2,0,0,1,2.2,2.2Z" fill="#fff"/> <path id="Контур_591" data-name="Контур 591" d="M21.338,6.3h-.684V3.662A3.666,3.666,0,0,0,16.992,0H8.008A3.666,3.666,0,0,0,4.346,3.662V6.3H3.662A3.666,3.666,0,0,0,0,9.961V15.82a3.666,3.666,0,0,0,3.662,3.662h.684V22.8a2.2,2.2,0,0,0,2.2,2.2H18.457a2.2,2.2,0,0,0,2.2-2.2v-3.32h.684A3.666,3.666,0,0,0,25,15.82V9.961A3.666,3.666,0,0,0,21.338,6.3ZM5.811,3.662a2.2,2.2,0,0,1,2.2-2.2h8.984a2.2,2.2,0,0,1,2.2,2.2V6.3H5.811ZM19.189,22.8a.733.733,0,0,1-.732.732H6.543a.733.733,0,0,1-.732-.732V15.576H19.189Zm4.346-6.982a2.2,2.2,0,0,1-2.2,2.2h-.684V15.576h.439a.732.732,0,0,0,0-1.465H3.906a.732.732,0,0,0,0,1.465h.439v2.441H3.662a2.2,2.2,0,0,1-2.2-2.2V9.961a2.2,2.2,0,0,1,2.2-2.2H21.338a2.2,2.2,0,0,1,2.2,2.2Z" fill="#fff"/>
<path id="Контур_592" data-name="Контур 592" d="M205.639,353h-3.906a.732.732,0,0,0,0,1.465h3.906a.732.732,0,0,0,0-1.465Z" transform="translate(-191.186 -335.764)" fill="#fff"/> <path id="Контур_592" data-name="Контур 592" d="M205.639,353h-3.906a.732.732,0,0,0,0,1.465h3.906a.732.732,0,0,0,0-1.465Z" transform="translate(-191.186 -335.764)" fill="#fff"/>
<path id="Контур_593" data-name="Контур 593" d="M205.639,417h-3.906a.732.732,0,1,0,0,1.465h3.906a.732.732,0,1,0,0-1.465Z" transform="translate(-191.186 -396.639)" fill="#fff"/> <path id="Контур_593" data-name="Контур 593" d="M205.639,417h-3.906a.732.732,0,1,0,0,1.465h3.906a.732.732,0,1,0,0-1.465Z" transform="translate(-191.186 -396.639)" fill="#fff"/>
<path id="Контур_594" data-name="Контур 594" d="M68.076,193H65.732a.732.732,0,0,0,0,1.465h2.344a.732.732,0,0,0,0-1.465Z" transform="translate(-61.826 -183.576)" fill="#fff"/> <path id="Контур_594" data-name="Контур 594" d="M68.076,193H65.732a.732.732,0,0,0,0,1.465h2.344a.732.732,0,0,0,0-1.465Z" transform="translate(-61.826 -183.576)" fill="#fff"/>
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

14
build/static/media/rightArrow.d964351e.svg
View File

@ -1,7 +1,7 @@
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="12" viewBox="0 0 18 12"> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="12" viewBox="0 0 18 12">
<g id="right" transform="translate(0 -85.333)"> <g id="right" transform="translate(0 -85.333)">
<g id="Сгруппировать_538" data-name="Сгруппировать 538" transform="translate(0 85.333)"> <g id="Сгруппировать_538" data-name="Сгруппировать 538" transform="translate(0 85.333)">
<path id="Контур_587" data-name="Контур 587" d="M17.89,91.068l-5.625-5.625a.375.375,0,0,0-.53.53l4.985,4.985H.375a.375.375,0,0,0,0,.75H16.72l-4.985,4.985a.375.375,0,1,0,.53.53L17.89,91.6A.375.375,0,0,0,17.89,91.068Z" transform="translate(0 -85.333)" fill="#fff"/> <path id="Контур_587" data-name="Контур 587" d="M17.89,91.068l-5.625-5.625a.375.375,0,0,0-.53.53l4.985,4.985H.375a.375.375,0,0,0,0,.75H16.72l-4.985,4.985a.375.375,0,1,0,.53.53L17.89,91.6A.375.375,0,0,0,17.89,91.068Z" transform="translate(0 -85.333)" fill="#fff"/>
</g> </g>
</g> </g>
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 558 B

After

Width:  |  Height:  |  Size: 565 B

14
build/static/media/rightArrowBlue.731d3716.svg
View File

@ -1,7 +1,7 @@
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="12" viewBox="0 0 18 12"> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="12" viewBox="0 0 18 12">
<g id="right" transform="translate(0 -85.333)"> <g id="right" transform="translate(0 -85.333)">
<g id="Сгруппировать_538" data-name="Сгруппировать 538" transform="translate(0 85.333)"> <g id="Сгруппировать_538" data-name="Сгруппировать 538" transform="translate(0 85.333)">
<path id="Контур_587" data-name="Контур 587" d="M17.89,91.068l-5.625-5.625a.375.375,0,0,0-.53.53l4.985,4.985H.375a.375.375,0,0,0,0,.75H16.72l-4.985,4.985a.375.375,0,1,0,.53.53L17.89,91.6A.375.375,0,0,0,17.89,91.068Z" transform="translate(0 -85.333)" fill="#003a9d"/> <path id="Контур_587" data-name="Контур 587" d="M17.89,91.068l-5.625-5.625a.375.375,0,0,0-.53.53l4.985,4.985H.375a.375.375,0,0,0,0,.75H16.72l-4.985,4.985a.375.375,0,1,0,.53.53L17.89,91.6A.375.375,0,0,0,17.89,91.068Z" transform="translate(0 -85.333)" fill="#003a9d"/>
</g> </g>
</g> </g>
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 561 B

After

Width:  |  Height:  |  Size: 568 B

14
build/static/media/rightArrow_2.e4e5ebdf.svg
View File

@ -1,7 +1,7 @@
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="12" viewBox="0 0 14 12"> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="12" viewBox="0 0 14 12">
<g id="right-arrow" transform="translate(0 -41.346)"> <g id="right-arrow" transform="translate(0 -41.346)">
<g id="Сгруппировать_539" data-name="Сгруппировать 539" transform="translate(0 41.346)"> <g id="Сгруппировать_539" data-name="Сгруппировать 539" transform="translate(0 41.346)">
<path id="Контур_588" data-name="Контур 588" d="M13.776,46.786,8.72,41.576a.753.753,0,0,0-1.084,0l-.459.473a.8.8,0,0,0-.224.558.812.812,0,0,0,.224.565l2.95,3.046H.756A.759.759,0,0,0,0,46.994v.669a.79.79,0,0,0,.756.811h9.4L7.178,51.536a.8.8,0,0,0,0,1.109l.459.472a.753.753,0,0,0,1.084,0l5.056-5.209a.813.813,0,0,0,0-1.121Z" transform="translate(0 -41.346)" fill="#fff"/> <path id="Контур_588" data-name="Контур 588" d="M13.776,46.786,8.72,41.576a.753.753,0,0,0-1.084,0l-.459.473a.8.8,0,0,0-.224.558.812.812,0,0,0,.224.565l2.95,3.046H.756A.759.759,0,0,0,0,46.994v.669a.79.79,0,0,0,.756.811h9.4L7.178,51.536a.8.8,0,0,0,0,1.109l.459.472a.753.753,0,0,0,1.084,0l5.056-5.209a.813.813,0,0,0,0-1.121Z" transform="translate(0 -41.346)" fill="#fff"/>
</g> </g>
</g> </g>
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 670 B

After

Width:  |  Height:  |  Size: 677 B

10
build/static/media/sliderNext.419c31fd.svg
View File

@ -1,5 +1,5 @@
<svg id="next" xmlns="http://www.w3.org/2000/svg" width="11.208" height="20.754" viewBox="0 0 11.208 20.754"> <svg id="next" xmlns="http://www.w3.org/2000/svg" width="11.208" height="20.754" viewBox="0 0 11.208 20.754">
<g id="Сгруппировать_537" data-name="Сгруппировать 537"> <g id="Сгруппировать_537" data-name="Сгруппировать 537">
<path id="Контур_586" data-name="Контур 586" d="M128.714,9.807l-9.6-9.573a.8.8,0,1,0-1.136,1.139l9.028,9-9.028,9a.8.8,0,0,0,1.136,1.139l9.6-9.572a.8.8,0,0,0,0-1.139Z" transform="translate(-117.742 0)" fill="#fff"/> <path id="Контур_586" data-name="Контур 586" d="M128.714,9.807l-9.6-9.573a.8.8,0,1,0-1.136,1.139l9.028,9-9.028,9a.8.8,0,0,0,1.136,1.139l9.6-9.572a.8.8,0,0,0,0-1.139Z" transform="translate(-117.742 0)" fill="#fff"/>
</g> </g>
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 440 B

After

Width:  |  Height:  |  Size: 445 B

10
build/static/media/sliderPrev.ca001cbb.svg
View File

@ -1,5 +1,5 @@
<svg id="next" xmlns="http://www.w3.org/2000/svg" width="11.208" height="20.754" viewBox="0 0 11.208 20.754"> <svg id="next" xmlns="http://www.w3.org/2000/svg" width="11.208" height="20.754" viewBox="0 0 11.208 20.754">
<g id="Сгруппировать_537" data-name="Сгруппировать 537"> <g id="Сгруппировать_537" data-name="Сгруппировать 537">
<path id="Контур_586" data-name="Контур 586" d="M117.979,9.807l9.6-9.573a.8.8,0,1,1,1.136,1.139l-9.028,9,9.028,9a.8.8,0,0,1-1.136,1.139l-9.6-9.572a.8.8,0,0,1,0-1.139Z" transform="translate(-117.742 0)" fill="#fff"/> <path id="Контур_586" data-name="Контур 586" d="M117.979,9.807l9.6-9.573a.8.8,0,1,1,1.136,1.139l-9.028,9,9.028,9a.8.8,0,0,1-1.136,1.139l-9.6-9.572a.8.8,0,0,1,0-1.139Z" transform="translate(-117.742 0)" fill="#fff"/>
</g> </g>
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 441 B

After

Width:  |  Height:  |  Size: 446 B

98
public/index.html
View File

@ -1,49 +1,49 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" /> <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" /> <meta name="theme-color" content="#000000" />
<meta <meta
name="description" name="description"
content="Web site created using create-react-app" content="Web site created using create-react-app"
/> />
<link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link <link
href="https://fonts.googleapis.com/css2?family=Open+Sans&display=swap" href="https://fonts.googleapis.com/css2?family=Open+Sans&display=swap"
rel="stylesheet" rel="stylesheet"
/> />
<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" /> <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
<!-- <!--
manifest.json provides metadata used when your web app is installed on a manifest.json provides metadata used when your web app is installed on a
user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/ user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
--> -->
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" /> <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
<!-- <!--
Notice the use of %PUBLIC_URL% in the tags above. Notice the use of %PUBLIC_URL% in the tags above.
It will be replaced with the URL of the `public` folder during the build. It will be replaced with the URL of the `public` folder during the build.
Only files inside the `public` folder can be referenced from the HTML. Only files inside the `public` folder can be referenced from the HTML.
Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
work correctly both with client-side routing and a non-root public URL. work correctly both with client-side routing and a non-root public URL.
Learn how to configure a non-root public URL by running `npm run build`. Learn how to configure a non-root public URL by running `npm run build`.
--> -->
<title>Etalon</title> <title>Etalon</title>
</head> </head>
<body> <body>
<noscript>You need to enable JavaScript to run this app.</noscript> <noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root"></div> <div id="root"></div>
<!-- <!--
This HTML file is a template. This HTML file is a template.
If you open it directly in the browser, you will see an empty page. If you open it directly in the browser, you will see an empty page.
You can add webfonts, meta tags, or analytics to this file. You can add webfonts, meta tags, or analytics to this file.
The build step will place the bundled scripts into the <body> tag. The build step will place the bundled scripts into the <body> tag.
To begin the development, run `npm start` or `yarn start`. To begin the development, run `npm start` or `yarn start`.
To create a production bundle, use `npm run build` or `yarn build`. To create a production bundle, use `npm run build` or `yarn build`.
--> -->
</body> </body>
</html> </html>

50
public/manifest.json
View File

@ -1,25 +1,25 @@
{ {
"short_name": "React App", "short_name": "React App",
"name": "Create React App Sample", "name": "Create React App Sample",
"icons": [ "icons": [
{ {
"src": "favicon.ico", "src": "favicon.ico",
"sizes": "64x64 32x32 24x24 16x16", "sizes": "64x64 32x32 24x24 16x16",
"type": "image/x-icon" "type": "image/x-icon"
}, },
{ {
"src": "logo192.png", "src": "logo192.png",
"type": "image/png", "type": "image/png",
"sizes": "192x192" "sizes": "192x192"
}, },
{ {
"src": "logo512.png", "src": "logo512.png",
"type": "image/png", "type": "image/png",
"sizes": "512x512" "sizes": "512x512"
} }
], ],
"start_url": ".", "start_url": ".",
"display": "standalone", "display": "standalone",
"theme_color": "#000000", "theme_color": "#000000",
"background_color": "#ffffff" "background_color": "#ffffff"
} }

6
public/robots.txt
View File

@ -1,3 +1,3 @@
# https://www.robotstxt.org/robotstxt.html # https://www.robotstxt.org/robotstxt.html
User-agent: * User-agent: *
Disallow: Disallow:

170
src/App.js
View File

@ -1,85 +1,85 @@
// IMPORT MODULES // IMPORT MODULES
import React from "react"; import React from "react";
import { Switch, Route } from "react-router-dom"; import { Switch, Route } from "react-router-dom";
// IMPORT PERMANENT COMPONENTS // IMPORT PERMANENT COMPONENTS
import Nav from "./components/Global/Nav"; import Nav from "./components/Global/Nav";
import Footer from "./components/Global/Footer"; import Footer from "./components/Global/Footer";
// IMPORT PAGES // IMPORT PAGES
import Main from "./pages/Main"; import Main from "./pages/Main";
import News from "./pages/News"; import News from "./pages/News";
import Novelty from "./pages/Novelty"; import Novelty from "./pages/Novelty";
import Etalons from "./pages/Etalons"; import Etalons from "./pages/Etalons";
import Etalon from "./pages/Etalon"; import Etalon from "./pages/Etalon";
import Legislation from "./pages/Legislation"; import Legislation from "./pages/Legislation";
import History from "./pages/History"; import History from "./pages/History";
import Structure from "./pages/Structure"; import Structure from "./pages/Structure";
import Prices from "./pages/Prices"; import Prices from "./pages/Prices";
import MeasuringRegister from "./pages/MeasuringRegister"; import MeasuringRegister from "./pages/MeasuringRegister";
import Meteorology from "./pages/Meteorology"; import Meteorology from "./pages/Meteorology";
import CalibrateInstruments from "./pages/CalibrateInstruments"; import CalibrateInstruments from "./pages/CalibrateInstruments";
import CalibrateThermo from "./pages/CalibrateThermo"; import CalibrateThermo from "./pages/CalibrateThermo";
import Regulations from "./pages/Regulations"; import Regulations from "./pages/Regulations";
import Service from "./pages/Service"; import Service from "./pages/Service";
// IMPORT STYLES // IMPORT STYLES
import "./styles/app.scss"; import "./styles/app.scss";
function App() { function App() {
return ( return (
<div className="App"> <div className="App">
<Nav /> <Nav />
<Switch> <Switch>
<Route path="/" exact> <Route path="/" exact>
<Main /> <Main />
</Route> </Route>
<Route path="/news" exact> <Route path="/news" exact>
<News /> <News />
</Route> </Route>
<Route path="/news/novelty/1" exact> <Route path="/news/novelty/1" exact>
<Novelty /> <Novelty />
</Route> </Route>
<Route path="/etalons" exact> <Route path="/etalons" exact>
<Etalons /> <Etalons />
</Route> </Route>
<Route path="/etalons/1"> <Route path="/etalons/1">
<Etalon /> <Etalon />
</Route> </Route>
<Route path="/legislation"> <Route path="/legislation">
<Legislation /> <Legislation />
</Route> </Route>
<Route path="/history"> <Route path="/history">
<History /> <History />
</Route> </Route>
<Route path="/structure"> <Route path="/structure">
<Structure /> <Structure />
</Route> </Route>
<Route path="/prices" exact> <Route path="/prices" exact>
<Prices /> <Prices />
</Route> </Route>
<Route path="/prices/meteorology" exact> <Route path="/prices/meteorology" exact>
<Meteorology /> <Meteorology />
</Route> </Route>
<Route path="/prices/calibrate_instruments" exact> <Route path="/prices/calibrate_instruments" exact>
<CalibrateInstruments /> <CalibrateInstruments />
</Route> </Route>
<Route path="/prices/calibrate_thermo"> <Route path="/prices/calibrate_thermo">
<CalibrateThermo /> <CalibrateThermo />
</Route> </Route>
<Route path="/measuring_register"> <Route path="/measuring_register">
<MeasuringRegister /> <MeasuringRegister />
</Route> </Route>
<Route path="/measuring_regulations"> <Route path="/measuring_regulations">
<Regulations /> <Regulations />
</Route> </Route>
<Route path="/service"> <Route path="/service">
<Service /> <Service />
</Route> </Route>
</Switch> </Switch>
<Footer /> <Footer />
</div> </div>
); );
} }
export default App; export default App;

52
src/components/Etalons/EtalonsCard.js
View File

@ -1,26 +1,26 @@
// IMPORT MODULES // IMPORT MODULES
import React from "react"; import React from "react";
import { Link } from "react-router-dom"; import { Link } from "react-router-dom";
// IMPORT IMAGES // IMPORT IMAGES
import RightArrow_2 from "../../svg/rightArrow_2.svg"; import RightArrow_2 from "../../svg/rightArrow_2.svg";
const EtalonsCard = (cardData) => { const EtalonsCard = (cardData) => {
return ( return (
<Link to={cardData.link} className="dept"> <Link to={cardData.link} className="dept">
<div className="dept-top"> <div className="dept-top">
<div className="dept-absolute"> <div className="dept-absolute">
<img src={RightArrow_2} alt="ARROW" /> <img src={RightArrow_2} alt="ARROW" />
</div> </div>
<div className="dept-img"> <div className="dept-img">
<img src={cardData.img} alt="MEASUREMENT" /> <img src={cardData.img} alt="MEASUREMENT" />
</div> </div>
</div> </div>
<div className="dept-bottom"> <div className="dept-bottom">
<h4>{cardData.title}</h4> <h4>{cardData.title}</h4>
</div> </div>
</Link> </Link>
); );
}; };
export default EtalonsCard; export default EtalonsCard;

128
src/components/Global/Breadcrumb.js
View File

@ -1,64 +1,64 @@
// IMPORT MODULES // IMPORT MODULES
import React from "react"; import React from "react";
import { Link } from "react-router-dom"; import { Link } from "react-router-dom";
const Breadcrumb = (path) => { const Breadcrumb = (path) => {
return ( return (
<div className="breadcrumb"> <div className="breadcrumb">
<div className="container"> <div className="container">
<div className="breadcrumb-inner"> <div className="breadcrumb-inner">
<Link to="/" className="breadcrumb-text-unfaded"> <Link to="/" className="breadcrumb-text-unfaded">
Главная Главная
</Link> </Link>
<span <span
className="breadcrumb-slash" className="breadcrumb-slash"
style={path.path_1 ? { display: "block" } : { display: "none" }} style={path.path_1 ? { display: "block" } : { display: "none" }}
> >
/ /
</span> </span>
<Link <Link
to={path.link_1 ? path.link_1 : path.currentUrl} to={path.link_1 ? path.link_1 : path.currentUrl}
className={ className={
path.path_2 ? "breadcrumb-text-unfaded" : "breadcrumb-text-faded" path.path_2 ? "breadcrumb-text-unfaded" : "breadcrumb-text-faded"
} }
style={path.path_1 ? { display: "block" } : { display: "none" }} style={path.path_1 ? { display: "block" } : { display: "none" }}
> >
{path.path_1} {path.path_1}
</Link> </Link>
<span <span
className="breadcrumb-slash" className="breadcrumb-slash"
style={path.path_2 ? { display: "block" } : { display: "none" }} style={path.path_2 ? { display: "block" } : { display: "none" }}
> >
/ /
</span> </span>
<Link <Link
to={path.link_2 ? path.link_2 : path.currentUrl} to={path.link_2 ? path.link_2 : path.currentUrl}
style={path.path_2 ? { display: "block" } : { display: "none" }} style={path.path_2 ? { display: "block" } : { display: "none" }}
className={ className={
path.path_3 ? "breadcrumb-text-unfaded" : "breadcrumb-text-faded" path.path_3 ? "breadcrumb-text-unfaded" : "breadcrumb-text-faded"
} }
> >
{path.path_2} {path.path_2}
</Link> </Link>
<span <span
className="breadcrumb-slash" className="breadcrumb-slash"
style={path.path_3 ? { display: "block" } : { display: "none" }} style={path.path_3 ? { display: "block" } : { display: "none" }}
> >
/ /
</span> </span>
<Link <Link
to={path.link_3 ? path.link_1 : path.currentUrl} to={path.link_3 ? path.link_1 : path.currentUrl}
className={ className={
path.path_4 ? "breadcrumb-text-unfaded" : "breadcrumb-text-faded" path.path_4 ? "breadcrumb-text-unfaded" : "breadcrumb-text-faded"
} }
style={path.path_3 ? { display: "block" } : { display: "none" }} style={path.path_3 ? { display: "block" } : { display: "none" }}
> >
{path.path_3} {path.path_3}
</Link> </Link>
</div> </div>
</div> </div>
</div> </div>
); );
}; };
export default Breadcrumb; export default Breadcrumb;

276
src/components/Global/Footer.js
View File

@ -1,138 +1,138 @@
// IMPORT MODULES // IMPORT MODULES
import React from "react"; import React from "react";
import { Link } from "react-router-dom"; import { Link } from "react-router-dom";
// IMPORT IMAGES // IMPORT IMAGES
import rightArrow from "../../svg/rightArrow.svg"; import rightArrow from "../../svg/rightArrow.svg";
const Footer = () => { const Footer = () => {
return ( return (
<footer className="footer"> <footer className="footer">
<div className="container"> <div className="container">
<div className="footer-inner"> <div className="footer-inner">
<div className="footer-top"> <div className="footer-top">
<ul className="footer-links"> <ul className="footer-links">
<li className="footer-link"> <li className="footer-link">
<div className="footer-link-wrapper"> <div className="footer-link-wrapper">
<h4 className="footer-link-title">О центре</h4> <h4 className="footer-link-title">О центре</h4>
<ul className="footer-link-inner"> <ul className="footer-link-inner">
<li> <li>
<div className="footer-link-img"> <div className="footer-link-img">
<img src={rightArrow} alt="ARROW" /> <img src={rightArrow} alt="ARROW" />
</div> </div>
<Link to="/etalons" className="footer-link-text"> <Link to="/etalons" className="footer-link-text">
Эталоны Эталоны
</Link> </Link>
</li> </li>
<li> <li>
<div className="footer-link-img"> <div className="footer-link-img">
<img src={rightArrow} alt="ARROW" /> <img src={rightArrow} alt="ARROW" />
</div> </div>
<Link to="/news" className="footer-link-text"> <Link to="/news" className="footer-link-text">
Новости Новости
</Link> </Link>
</li> </li>
</ul> </ul>
</div> </div>
</li> </li>
<li className="footer-link"> <li className="footer-link">
<div className="footer-link-wrapper"> <div className="footer-link-wrapper">
<h4 className="footer-link-title">Услуги</h4> <h4 className="footer-link-title">Услуги</h4>
<ul className="footer-link-inner"> <ul className="footer-link-inner">
<li> <li>
<div className="footer-link-img"> <div className="footer-link-img">
<img src={rightArrow} alt="ARROW" /> <img src={rightArrow} alt="ARROW" />
</div> </div>
<Link to="/service" className="footer-link-text"> <Link to="/service" className="footer-link-text">
Информация Информация
</Link> </Link>
</li> </li>
<li> <li>
<div className="footer-link-img"> <div className="footer-link-img">
<img src={rightArrow} alt="ARROW" /> <img src={rightArrow} alt="ARROW" />
</div> </div>
<Link to="/prices" className="footer-link-text"> <Link to="/prices" className="footer-link-text">
Стоимость Стоимость
</Link> </Link>
</li> </li>
</ul> </ul>
</div> </div>
</li> </li>
<li className="footer-link"> <li className="footer-link">
<div className="footer-link-wrapper"> <div className="footer-link-wrapper">
<h4 className="footer-link-title">Нормативная база</h4> <h4 className="footer-link-title">Нормативная база</h4>
<ul className="footer-link-inner"> <ul className="footer-link-inner">
<li> <li>
<div className="footer-link-img"> <div className="footer-link-img">
<img src={rightArrow} alt="ARROW" /> <img src={rightArrow} alt="ARROW" />
</div> </div>
<Link to="/legislation" className="footer-link-text"> <Link to="/legislation" className="footer-link-text">
Законодательная база Законодательная база
</Link> </Link>
</li> </li>
<li> <li>
<div className="footer-link-img"> <div className="footer-link-img">
<img src={rightArrow} alt="ARROW" /> <img src={rightArrow} alt="ARROW" />
</div> </div>
<Link <Link
to="/measuring_register" to="/measuring_register"
className="footer-link-text" className="footer-link-text"
> >
Государственный реестр средств измерений Государственный реестр средств измерений
</Link> </Link>
</li> </li>
</ul> </ul>
</div> </div>
</li> </li>
<li className="footer-link"> <li className="footer-link">
<div className="footer-link-wrapper"> <div className="footer-link-wrapper">
<h4 className="footer-link-title">Контакты:</h4> <h4 className="footer-link-title">Контакты:</h4>
<ul className="footer-link-inner"> <ul className="footer-link-inner">
<li> <li>
<h6 className="footer-link-text">Тел.: +993 12 422304</h6> <h6 className="footer-link-text">Тел.: +993 12 422304</h6>
</li> </li>
<li> <li>
<h6 className="footer-link-text"> <h6 className="footer-link-text">
E-mail: dem-turkm@online.tm E-mail: dem-turkm@online.tm
</h6> </h6>
</li> </li>
</ul> </ul>
</div> </div>
</li> </li>
<li className="footer-link"> <li className="footer-link">
<div className="footer-link-wrapper"> <div className="footer-link-wrapper">
<h4 className="footer-link-title">Наш адрес:</h4> <h4 className="footer-link-title">Наш адрес:</h4>
<ul className="footer-link-inner"> <ul className="footer-link-inner">
<li> <li>
<h6 className="footer-link-text"> <h6 className="footer-link-text">
Туркменистан, г. Ашхабад Туркменистан, г. Ашхабад
</h6> </h6>
</li> </li>
<li> <li>
<h6 className="footer-link-text"> <h6 className="footer-link-text">
ул.1953, д.76 (Молодежная) ул.1953, д.76 (Молодежная)
</h6> </h6>
</li> </li>
</ul> </ul>
</div> </div>
</li> </li>
</ul> </ul>
</div> </div>
<div className="footer-middle"> <div className="footer-middle">
<a <a
href="https://turkmenstandartlary.gov.tm/" href="https://turkmenstandartlary.gov.tm/"
className="footer-middle-link" className="footer-middle-link"
> >
Главная государственная служба "Туркменстандартлары" Главная государственная служба "Туркменстандартлары"
</a> </a>
</div> </div>
<div className="footer-bottom"> <div className="footer-bottom">
<h4>© 2019 Государственный эталонный центр</h4> <h4>© 2019 Государственный эталонный центр</h4>
</div> </div>
</div> </div>
</div> </div>
</footer> </footer>
); );
}; };
export default Footer; export default Footer;

708
src/components/Global/Nav.js
View File

@ -1,354 +1,354 @@
// IMPORT MODULES // IMPORT MODULES
import React, { useRef } from "react"; import React, { useRef } from "react";
import { Link } from "react-router-dom"; import { Link } from "react-router-dom";
import i18n from '../../i18n'; import i18n from '../../i18n';
// IMPORT IMAGES // IMPORT IMAGES
import MainLogo from "../../svg/mainLogo.svg"; import MainLogo from "../../svg/mainLogo.svg";
import Emblem from "../../svg/emblemLogo.svg"; import Emblem from "../../svg/emblemLogo.svg";
import downArrow from "../../svg/downArrow.svg"; import downArrow from "../../svg/downArrow.svg";
import flagOfRussia from "../../svg/flagOfRussia.svg"; import flagOfRussia from "../../svg/flagOfRussia.svg";
import flagOfUK from "../../svg/flagOfUK.svg"; import flagOfUK from "../../svg/flagOfUK.svg";
import flagOfTkm from "../../svg/flagOfTkm.svg"; import flagOfTkm from "../../svg/flagOfTkm.svg";
function Nav ({ t }) { function Nav ({ t }) {
const changeLanguage = (lng) => { const changeLanguage = (lng) => {
i18n.changeLanguage(lng); i18n.changeLanguage(lng);
console.log(lng); console.log(lng);
} }
// REF // REF
const navBtn = useRef(); const navBtn = useRef();
const mobileNavExpanded = useRef(); const mobileNavExpanded = useRef();
const stripe_1 = useRef(); const stripe_1 = useRef();
const stripe_2 = useRef(); const stripe_2 = useRef();
const stripe_3 = useRef(); const stripe_3 = useRef();
return ( return (
<nav className="nav"> <nav className="nav">
<div className="container"> <div className="container">
<div className="nav-inner"> <div className="nav-inner">
<Link to="/" className="nav-left"> <Link to="/" className="nav-left">
<div className="main-logo"> <div className="main-logo">
<img src={MainLogo} alt="LOGO" /> <img src={MainLogo} alt="LOGO" />
</div> </div>
<div className="emblem"> <div className="emblem">
<img src={Emblem} alt="Emblem" /> <img src={Emblem} alt="Emblem" />
</div> </div>
</Link> </Link>
<div className="nav-right"> <div className="nav-right">
<ul className="nav-link"> <ul className="nav-link">
<li className="nav-link"> <li className="nav-link">
<Link to="/news">Новос</Link> <Link to="/news">Новос</Link>
</li> </li>
<li className="nav-link"> <li className="nav-link">
<Link to="/etalons">Эталоны</Link> <Link to="/etalons">Эталоны</Link>
</li> </li>
<li className="nav-link nav-select"> <li className="nav-link nav-select">
<div className="nav-dropdown"> <div className="nav-dropdown">
<ul className="nav-dropdown-content"> <ul className="nav-dropdown-content">
<li className="dropdown-content"> <li className="dropdown-content">
<Link to="/service">Информация об услугах</Link> <Link to="/service">Информация об услугах</Link>
</li> </li>
<li className="dropdown-content"> <li className="dropdown-content">
<Link to="/prices">Стоимость</Link> <Link to="/prices">Стоимость</Link>
</li> </li>
</ul> </ul>
</div> </div>
<h3>Услуги</h3> <h3>Услуги</h3>
<img <img
className="nav-downarrow" className="nav-downarrow"
src={downArrow} src={downArrow}
alt="DOWNARROW" alt="DOWNARROW"
/> />
</li> </li>
<li className="nav-link nav-select"> <li className="nav-link nav-select">
<div className="nav-dropdown"> <div className="nav-dropdown">
<ul className="nav-dropdown-content"> <ul className="nav-dropdown-content">
<li className="dropdown-content"> <li className="dropdown-content">
<Link to="/legislation">Законодательная база</Link> <Link to="/legislation">Законодательная база</Link>
</li> </li>
</ul> </ul>
</div> </div>
<h3>Нормативная база</h3> <h3>Нормативная база</h3>
<img <img
className="nav-downarrow" className="nav-downarrow"
src={downArrow} src={downArrow}
alt="DOWNARROW" alt="DOWNARROW"
/> />
</li> </li>
<li className="nav-link nav-select"> <li className="nav-link nav-select">
<div className="nav-dropdown"> <div className="nav-dropdown">
<ul className="nav-dropdown-content"> <ul className="nav-dropdown-content">
<li className="dropdown-content"> <li className="dropdown-content">
<Link to="/measuring_register"> <Link to="/measuring_register">
Гос. реестр средств измерений Гос. реестр средств измерений
</Link> </Link>
</li> </li>
<li className="dropdown-content"> <li className="dropdown-content">
<Link to="/measuring_regulations"> <Link to="/measuring_regulations">
Реестр нормативной документации Реестр нормативной документации
</Link> </Link>
</li> </li>
</ul> </ul>
</div> </div>
<h3>Реестры</h3> <h3>Реестры</h3>
<img <img
className="nav-downarrow" className="nav-downarrow"
src={downArrow} src={downArrow}
alt="DOWNARROW" alt="DOWNARROW"
/> />
</li> </li>
<li className="nav-link nav-select"> <li className="nav-link nav-select">
<div className="nav-dropdown"> <div className="nav-dropdown">
<ul className="nav-dropdown-content"> <ul className="nav-dropdown-content">
<li className="dropdown-content"> <li className="dropdown-content">
<Link to="/history">История центра</Link> <Link to="/history">История центра</Link>
</li> </li>
<li className="dropdown-content"> <li className="dropdown-content">
<Link to="/structure">Структура центра</Link> <Link to="/structure">Структура центра</Link>
</li> </li>
</ul> </ul>
</div> </div>
<h3>О центре</h3> <h3>О центре</h3>
<img <img
className="nav-downarrow" className="nav-downarrow"
src={downArrow} src={downArrow}
alt="DOWNARROW" alt="DOWNARROW"
/> />
</li> </li>
<li className="nav-link nav-select nav-lang"> <li className="nav-link nav-select nav-lang">
<div className="nav-dropdown nav-dropdown-shifted"> <div className="nav-dropdown nav-dropdown-shifted">
<ul className="nav-dropdown-content"> <ul className="nav-dropdown-content">
<li className="dropdown-content" onClick={() => changeLanguage('ru')}> <li className="dropdown-content" onClick={() => changeLanguage('ru')}>
<h4>Русский</h4> <h4>Русский</h4>
<div className="flag-wrapper"> <div className="flag-wrapper">
<img src={flagOfRussia} alt="RUSSIAN" /> <img src={flagOfRussia} alt="RUSSIAN" />
</div> </div>
</li> </li>
<li className="dropdown-content" onClick={() => changeLanguage('tm')}> <li className="dropdown-content" onClick={() => changeLanguage('tm')}>
<h4>Türkmençe</h4> <h4>Türkmençe</h4>
<div className="flag-wrapper"> <div className="flag-wrapper">
<img src={flagOfTkm} alt="TURKMEN" /> <img src={flagOfTkm} alt="TURKMEN" />
</div> </div>
</li> </li>
<li className="dropdown-content" onClick={() => changeLanguage('en')}> <li className="dropdown-content" onClick={() => changeLanguage('en')}>
<h4>English</h4> <h4>English</h4>
<div className="flag-wrapper"> <div className="flag-wrapper">
<img src={flagOfUK} alt="ENGLISH" /> <img src={flagOfUK} alt="ENGLISH" />
</div> </div>
</li> </li>
</ul> </ul>
</div> </div>
<img src={flagOfRussia} alt="DOWNARROW" /> <img src={flagOfRussia} alt="DOWNARROW" />
</li> </li>
</ul> </ul>
<div className="nav-links-mobile-button"> <div className="nav-links-mobile-button">
<button <button
type="button" type="button"
className="mobile-button" className="mobile-button"
onClick={(e) => { onClick={(e) => {
mobileNavExpanded.current.classList.toggle("active"); mobileNavExpanded.current.classList.toggle("active");
stripe_1.current.classList.toggle("active"); stripe_1.current.classList.toggle("active");
stripe_2.current.classList.toggle("active"); stripe_2.current.classList.toggle("active");
stripe_3.current.classList.toggle("active"); stripe_3.current.classList.toggle("active");
}} }}
ref={navBtn} ref={navBtn}
> >
<div className="stripe-wrapper"> <div className="stripe-wrapper">
<div className="stripe stripe-1" ref={stripe_1}></div> <div className="stripe stripe-1" ref={stripe_1}></div>
<div className="stripe stripe-2" ref={stripe_2}></div> <div className="stripe stripe-2" ref={stripe_2}></div>
<div className="stripe stripe-3" ref={stripe_3}></div> <div className="stripe stripe-3" ref={stripe_3}></div>
</div> </div>
</button> </button>
</div> </div>
</div> </div>
</div> </div>
<div className="nav-mobile" ref={mobileNavExpanded}> <div className="nav-mobile" ref={mobileNavExpanded}>
<ul className="nav-mobile-links"> <ul className="nav-mobile-links">
<li <li
className="nav-mobile-link" className="nav-mobile-link"
onClick={() => { onClick={() => {
mobileNavExpanded.current.classList.remove("active"); mobileNavExpanded.current.classList.remove("active");
stripe_1.current.classList.remove("active"); stripe_1.current.classList.remove("active");
stripe_2.current.classList.remove("active"); stripe_2.current.classList.remove("active");
stripe_3.current.classList.remove("active"); stripe_3.current.classList.remove("active");
}} }}
> >
<Link to="/news">Новости</Link> <Link to="/news">Новости</Link>
</li> </li>
<li <li
className="nav-mobile-link" className="nav-mobile-link"
onClick={() => { onClick={() => {
mobileNavExpanded.current.classList.remove("active"); mobileNavExpanded.current.classList.remove("active");
stripe_1.current.classList.remove("active"); stripe_1.current.classList.remove("active");
stripe_2.current.classList.remove("active"); stripe_2.current.classList.remove("active");
stripe_3.current.classList.remove("active"); stripe_3.current.classList.remove("active");
}} }}
> >
<Link to="/etalons">Эталоны</Link> <Link to="/etalons">Эталоны</Link>
</li> </li>
<li className="nav-mobile-link"> <li className="nav-mobile-link">
<div className="nav-mobile-link-content"> <div className="nav-mobile-link-content">
<h3>Услуги</h3> <h3>Услуги</h3>
<div> <div>
<img <img
src={downArrow} src={downArrow}
alt="downArrow" alt="downArrow"
className="nav-mobile-downarrow" className="nav-mobile-downarrow"
/> />
</div> </div>
</div> </div>
<div <div
className="nav-mobile-link-dropdown" className="nav-mobile-link-dropdown"
onClick={() => { onClick={() => {
mobileNavExpanded.current.classList.remove("active"); mobileNavExpanded.current.classList.remove("active");
stripe_1.current.classList.remove("active"); stripe_1.current.classList.remove("active");
stripe_2.current.classList.remove("active"); stripe_2.current.classList.remove("active");
stripe_3.current.classList.remove("active"); stripe_3.current.classList.remove("active");
}} }}
> >
<ul> <ul>
<li className="mobile-dropdown-link"> <li className="mobile-dropdown-link">
<Link to="/service">Информация об услугах</Link> <Link to="/service">Информация об услугах</Link>
</li> </li>
<li className="mobile-dropdown-link"> <li className="mobile-dropdown-link">
<Link to="/prices">Стоимость</Link> <Link to="/prices">Стоимость</Link>
</li> </li>
</ul> </ul>
</div> </div>
</li> </li>
<li className="nav-mobile-link"> <li className="nav-mobile-link">
<div className="nav-mobile-link-content"> <div className="nav-mobile-link-content">
<h3>Нормативная база</h3> <h3>Нормативная база</h3>
<div> <div>
<img <img
src={downArrow} src={downArrow}
alt="downArrow" alt="downArrow"
className="nav-mobile-downarrow" className="nav-mobile-downarrow"
/> />
</div> </div>
</div> </div>
<div <div
className="nav-mobile-link-dropdown" className="nav-mobile-link-dropdown"
onClick={() => { onClick={() => {
mobileNavExpanded.current.classList.remove("active"); mobileNavExpanded.current.classList.remove("active");
stripe_1.current.classList.remove("active"); stripe_1.current.classList.remove("active");
stripe_2.current.classList.remove("active"); stripe_2.current.classList.remove("active");
stripe_3.current.classList.remove("active"); stripe_3.current.classList.remove("active");
}} }}
> >
<ul> <ul>
<li className="mobile-dropdown-link"> <li className="mobile-dropdown-link">
<Link to="/legislation">Законодательная база</Link> <Link to="/legislation">Законодательная база</Link>
</li> </li>
</ul> </ul>
</div> </div>
</li> </li>
<li className="nav-mobile-link"> <li className="nav-mobile-link">
<div className="nav-mobile-link-content"> <div className="nav-mobile-link-content">
<h3>Реестры</h3> <h3>Реестры</h3>
<div> <div>
<img <img
src={downArrow} src={downArrow}
alt="downArrow" alt="downArrow"
className="nav-mobile-downarrow" className="nav-mobile-downarrow"
/> />
</div> </div>
</div> </div>
<div <div
className="nav-mobile-link-dropdown" className="nav-mobile-link-dropdown"
onClick={() => { onClick={() => {
mobileNavExpanded.current.classList.remove("active"); mobileNavExpanded.current.classList.remove("active");
stripe_1.current.classList.remove("active"); stripe_1.current.classList.remove("active");
stripe_2.current.classList.remove("active"); stripe_2.current.classList.remove("active");
stripe_3.current.classList.remove("active"); stripe_3.current.classList.remove("active");
}} }}
> >
<ul> <ul>
<li className="mobile-dropdown-link"> <li className="mobile-dropdown-link">
<Link to="/measuring_register"> <Link to="/measuring_register">
Гос. реестр средств измерений Гос. реестр средств измерений
</Link> </Link>
</li> </li>
<li className="mobile-dropdown-link"> <li className="mobile-dropdown-link">
<Link to="/measuring_regulations"> <Link to="/measuring_regulations">
Реестр нормативной документации Реестр нормативной документации
</Link> </Link>
</li> </li>
</ul> </ul>
</div> </div>
</li> </li>
<li className="nav-mobile-link"> <li className="nav-mobile-link">
<div className="nav-mobile-link-content"> <div className="nav-mobile-link-content">
<h3>О центре</h3> <h3>О центре</h3>
<div> <div>
<img <img
src={downArrow} src={downArrow}
alt="downArrow" alt="downArrow"
className="nav-mobile-downarrow" className="nav-mobile-downarrow"
/> />
</div> </div>
</div> </div>
<div <div
className="nav-mobile-link-dropdown" className="nav-mobile-link-dropdown"
onClick={() => { onClick={() => {
mobileNavExpanded.current.classList.remove("active"); mobileNavExpanded.current.classList.remove("active");
stripe_1.current.classList.remove("active"); stripe_1.current.classList.remove("active");
stripe_2.current.classList.remove("active"); stripe_2.current.classList.remove("active");
stripe_3.current.classList.remove("active"); stripe_3.current.classList.remove("active");
}} }}
> >
<ul> <ul>
<li className="mobile-dropdown-link"> <li className="mobile-dropdown-link">
<Link to="/history">История центра</Link> <Link to="/history">История центра</Link>
</li> </li>
<li className="mobile-dropdown-link"> <li className="mobile-dropdown-link">
<Link to="/structure">Структура центра</Link> <Link to="/structure">Структура центра</Link>
</li> </li>
</ul> </ul>
</div> </div>
</li> </li>
<li className="nav-mobile-link"> <li className="nav-mobile-link">
<div className="nav-mobile-link-content"> <div className="nav-mobile-link-content">
<div className="flag"> <div className="flag">
<img src={flagOfRussia} alt="downArrow" /> <img src={flagOfRussia} alt="downArrow" />
</div> </div>
</div> </div>
<div <div
className="nav-mobile-link-dropdown" className="nav-mobile-link-dropdown"
onClick={() => { onClick={() => {
mobileNavExpanded.current.classList.remove("active"); mobileNavExpanded.current.classList.remove("active");
stripe_1.current.classList.remove("active"); stripe_1.current.classList.remove("active");
stripe_2.current.classList.remove("active"); stripe_2.current.classList.remove("active");
stripe_3.current.classList.remove("active"); stripe_3.current.classList.remove("active");
}} }}
> >
<ul> <ul>
<li className="mobile-dropdown-link flag-container"> <li className="mobile-dropdown-link flag-container">
<div className="flag"> <div className="flag">
<img src={flagOfRussia} alt="Russian" /> <img src={flagOfRussia} alt="Russian" />
</div> </div>
<h3>Russian</h3> <h3>Russian</h3>
</li> </li>
<li className="mobile-dropdown-link flag-container"> <li className="mobile-dropdown-link flag-container">
<div className="flag"> <div className="flag">
<img src={flagOfUK} alt="English" /> <img src={flagOfUK} alt="English" />
</div> </div>
<h3>English</h3> <h3>English</h3>
</li> </li>
<li className="mobile-dropdown-link flag-container"> <li className="mobile-dropdown-link flag-container">
<div className="flag"> <div className="flag">
<img src={flagOfTkm} alt="Türkmençe" /> <img src={flagOfTkm} alt="Türkmençe" />
</div> </div>
<h3>Türkmençe</h3> <h3>Türkmençe</h3>
</li> </li>
</ul> </ul>
</div> </div>
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
</nav> </nav>
); );
}; };
export default Nav; export default Nav;

214
src/components/Main/DepartmentsTab.js
View File

@ -1,107 +1,107 @@
// IMPORT MODULES // IMPORT MODULES
import React from "react"; import React from "react";
import { Link } from "react-router-dom"; import { Link } from "react-router-dom";
// TAB_2 // TAB_2
import RightArrow_2 from "../../svg/rightArrow_2.svg"; import RightArrow_2 from "../../svg/rightArrow_2.svg";
import SecondTabIMG_1 from "../../img/tabImgSecond_1.jpg"; import SecondTabIMG_1 from "../../img/tabImgSecond_1.jpg";
import SecondTabIMG_2 from "../../img/tabImgSecond_2.jpg"; import SecondTabIMG_2 from "../../img/tabImgSecond_2.jpg";
import SecondTabIMG_3 from "../../img/tabImgSecond_3.jpg"; import SecondTabIMG_3 from "../../img/tabImgSecond_3.jpg";
import SecondTabIMG_4 from "../../img/tabImgSecond_4.jpg"; import SecondTabIMG_4 from "../../img/tabImgSecond_4.jpg";
import SecondTabIMG_5 from "../../img/tabImgSecond_5.jpg"; import SecondTabIMG_5 from "../../img/tabImgSecond_5.jpg";
import SecondTabIMG_6 from "../../img/tabImgSecond_6.jpg"; import SecondTabIMG_6 from "../../img/tabImgSecond_6.jpg";
const DepartmentsMain = () => { const DepartmentsMain = () => {
return ( return (
<div className="depts-tab"> <div className="depts-tab">
<div className="tab-header"> <div className="tab-header">
<h4 className="tab-header-text" id="tab-header-text"> <h4 className="tab-header-text" id="tab-header-text">
Отделы Отделы
</h4> </h4>
<div className="tab-header-line"></div> <div className="tab-header-line"></div>
</div> </div>
<div className="depts-wrapper"> <div className="depts-wrapper">
<Link to="/department_geometric" className="dept"> <Link to="/department_geometric" className="dept">
<div className="dept-top"> <div className="dept-top">
<div className="dept-absolute"> <div className="dept-absolute">
<img src={RightArrow_2} alt="ARROW" /> <img src={RightArrow_2} alt="ARROW" />
</div> </div>
<div className="dept-img"> <div className="dept-img">
<img src={SecondTabIMG_1} alt="MEASUREMENT" /> <img src={SecondTabIMG_1} alt="MEASUREMENT" />
</div> </div>
</div> </div>
<div className="dept-bottom"> <div className="dept-bottom">
<h4>Отдел измерений геометрических и механических величин</h4> <h4>Отдел измерений геометрических и механических величин</h4>
</div> </div>
</Link> </Link>
<Link to="/department_heat" className="dept"> <Link to="/department_heat" className="dept">
<div className="dept-top"> <div className="dept-top">
<div className="dept-absolute"> <div className="dept-absolute">
<img src={RightArrow_2} alt="ARROW" /> <img src={RightArrow_2} alt="ARROW" />
</div> </div>
<div className="dept-img"> <div className="dept-img">
<img src={SecondTabIMG_2} alt="MEASUREMENT" /> <img src={SecondTabIMG_2} alt="MEASUREMENT" />
</div> </div>
</div> </div>
<div className="dept-bottom"> <div className="dept-bottom">
<h4>Отдел измерения теплотехнических величин</h4> <h4>Отдел измерения теплотехнических величин</h4>
</div> </div>
</Link> </Link>
<Link to="/department_volume" className="dept"> <Link to="/department_volume" className="dept">
<div className="dept-top"> <div className="dept-top">
<div className="dept-absolute"> <div className="dept-absolute">
<img src={RightArrow_2} alt="ARROW" /> <img src={RightArrow_2} alt="ARROW" />
</div> </div>
<div className="dept-img"> <div className="dept-img">
<img src={SecondTabIMG_3} alt="MEASUREMENT" /> <img src={SecondTabIMG_3} alt="MEASUREMENT" />
</div> </div>
</div> </div>
<div className="dept-bottom"> <div className="dept-bottom">
<h4>Отдел по измерению объема и расхода веществ</h4> <h4>Отдел по измерению объема и расхода веществ</h4>
</div> </div>
</Link> </Link>
<Link to="/department_physics" className="dept"> <Link to="/department_physics" className="dept">
<div className="dept-top"> <div className="dept-top">
<div className="dept-absolute"> <div className="dept-absolute">
<img src={RightArrow_2} alt="ARROW" /> <img src={RightArrow_2} alt="ARROW" />
</div> </div>
<div className="dept-img"> <div className="dept-img">
<img src={SecondTabIMG_4} alt="MEASUREMENT" /> <img src={SecondTabIMG_4} alt="MEASUREMENT" />
</div> </div>
</div> </div>
<div className="dept-bottom"> <div className="dept-bottom">
<h4>Отдел физико-химических и оптических измерений </h4> <h4>Отдел физико-химических и оптических измерений </h4>
</div> </div>
</Link> </Link>
<Link to="/department_electricity" className="dept"> <Link to="/department_electricity" className="dept">
<div className="dept-top"> <div className="dept-top">
<div className="dept-absolute"> <div className="dept-absolute">
<img src={RightArrow_2} alt="ARROW" /> <img src={RightArrow_2} alt="ARROW" />
</div> </div>
<div className="dept-img"> <div className="dept-img">
<img src={SecondTabIMG_5} alt="MEASUREMENT" /> <img src={SecondTabIMG_5} alt="MEASUREMENT" />
</div> </div>
</div> </div>
<div className="dept-bottom"> <div className="dept-bottom">
<h4>Отдел электрических и радиоэлектронных измерений </h4> <h4>Отдел электрических и радиоэлектронных измерений </h4>
</div> </div>
</Link> </Link>
<Link to="department_maintenance" className="dept"> <Link to="department_maintenance" className="dept">
<div className="dept-top"> <div className="dept-top">
<div className="dept-absolute"> <div className="dept-absolute">
<img src={RightArrow_2} alt="ARROW" /> <img src={RightArrow_2} alt="ARROW" />
</div> </div>
<div className="dept-img"> <div className="dept-img">
<img src={SecondTabIMG_6} alt="MEASUREMENT" /> <img src={SecondTabIMG_6} alt="MEASUREMENT" />
</div> </div>
</div> </div>
<div className="dept-bottom"> <div className="dept-bottom">
<h4>Отдел технического обслуживания средств измерения</h4> <h4>Отдел технического обслуживания средств измерения</h4>
</div> </div>
</Link> </Link>
</div> </div>
</div> </div>
); );
}; };
export default DepartmentsMain; export default DepartmentsMain;

200
src/components/Main/NewsTab.js
View File

@ -1,100 +1,100 @@
// IMPORT MODULES // IMPORT MODULES
import React from "react"; import React from "react";
import { Link } from "react-router-dom"; import { Link } from "react-router-dom";
// TAB_1 // TAB_1
import RightArrowBlue from "../../svg/rightArrowBlue.svg"; import RightArrowBlue from "../../svg/rightArrowBlue.svg";
import TabIMG1 from "../../img/tabImg_1.jpg"; import TabIMG1 from "../../img/tabImg_1.jpg";
import TabIMG2 from "../../img/tabImg_2.jpg"; import TabIMG2 from "../../img/tabImg_2.jpg";
import TabIMG3 from "../../img/tabImg_3.jpg"; import TabIMG3 from "../../img/tabImg_3.jpg";
const NewsMain = () => { const NewsMain = () => {
return ( return (
<div className="news-tab"> <div className="news-tab">
<div className="tab-header"> <div className="tab-header">
<h4 className="tab-header-text" id="tab-header-text"> <h4 className="tab-header-text" id="tab-header-text">
Новости Новости
</h4> </h4>
<div className="tab-header-line"></div> <div className="tab-header-line"></div>
<div className="tab-header-link"> <div className="tab-header-link">
<Link to="/news"> <Link to="/news">
<span>Все новости</span> <span>Все новости</span>
<div> <div>
<img src={RightArrowBlue} alt="RIGHTARROW" /> <img src={RightArrowBlue} alt="RIGHTARROW" />
</div> </div>
</Link> </Link>
</div> </div>
</div> </div>
<div className="tab-wrapper"> <div className="tab-wrapper">
<div className="tab"> <div className="tab">
<div className="tab-top"> <div className="tab-top">
<div> <div>
<img src={TabIMG1} alt="Turkmen carpets" /> <img src={TabIMG1} alt="Turkmen carpets" />
</div> </div>
</div> </div>
<div className="tab-bottom"> <div className="tab-bottom">
<span className="tab-date">30.05.2021</span> <span className="tab-date">30.05.2021</span>
<h2 className="tab-name"> <h2 className="tab-name">
Состоялись мероприятия, приуроченные к Празднику туркменского Состоялись мероприятия, приуроченные к Празднику туркменского
ковра ковра
</h2> </h2>
<div className="tab-header-link tab-link"> <div className="tab-header-link tab-link">
<Link to="/news/novelty"> <Link to="/news/novelty">
<span>Подробнее</span> <span>Подробнее</span>
<div> <div>
<img src={RightArrowBlue} alt="RIGHTARROW" /> <img src={RightArrowBlue} alt="RIGHTARROW" />
</div> </div>
</Link> </Link>
</div> </div>
</div> </div>
</div> </div>
<div className="tab"> <div className="tab">
<div className="tab-top"> <div className="tab-top">
<div> <div>
<img src={TabIMG2} alt="Turkmen students" /> <img src={TabIMG2} alt="Turkmen students" />
</div> </div>
</div> </div>
<div className="tab-bottom"> <div className="tab-bottom">
<span className="tab-date">25.05.2021</span> <span className="tab-date">25.05.2021</span>
<h2 className="tab-name"> <h2 className="tab-name">
Состоялись мероприятия, приуроченные к Празднику туркменского Состоялись мероприятия, приуроченные к Празднику туркменского
ковра ковра
</h2> </h2>
<div className="tab-header-link tab-link"> <div className="tab-header-link tab-link">
<Link to="/news/novelty"> <Link to="/news/novelty">
<span>Подробнее</span> <span>Подробнее</span>
<div> <div>
<img src={RightArrowBlue} alt="RIGHTARROW" /> <img src={RightArrowBlue} alt="RIGHTARROW" />
</div> </div>
</Link> </Link>
</div> </div>
</div> </div>
</div> </div>
<div className="tab"> <div className="tab">
<div className="tab-top"> <div className="tab-top">
<div> <div>
<img src={TabIMG3} alt="Turkmen mothers" /> <img src={TabIMG3} alt="Turkmen mothers" />
</div> </div>
</div> </div>
<div className="tab-bottom"> <div className="tab-bottom">
<span className="tab-date">25.05.2021</span> <span className="tab-date">25.05.2021</span>
<h2 className="tab-name"> <h2 className="tab-name">
Родителям первых детей, рождённых в день юбилея Ашхабада, вручены Родителям первых детей, рождённых в день юбилея Ашхабада, вручены
подарки... подарки...
</h2> </h2>
<div className="tab-header-link tab-link"> <div className="tab-header-link tab-link">
<Link to="/news/novelty"> <Link to="/news/novelty">
<span>Подробнее</span> <span>Подробнее</span>
<div> <div>
<img src={RightArrowBlue} alt="RIGHTARROW" /> <img src={RightArrowBlue} alt="RIGHTARROW" />
</div> </div>
</Link> </Link>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
); );
}; };
export default NewsMain; export default NewsMain;

156
src/components/Main/SitesTab.js
View File

@ -1,78 +1,78 @@
// IMPORT MODULES // IMPORT MODULES
import React from "react"; import React from "react";
// TAB_3 // TAB_3
import RightArrow_2 from "../../svg/rightArrow_2.svg"; import RightArrow_2 from "../../svg/rightArrow_2.svg";
import HalkbankIMG from "../../img/halkbank.jpg"; import HalkbankIMG from "../../img/halkbank.jpg";
import TdhIMG from "../../img/tdh.jpg"; import TdhIMG from "../../img/tdh.jpg";
import TurkmenTvIMG from "../../img/turkmenTv.jpg"; import TurkmenTvIMG from "../../img/turkmenTv.jpg";
import AirportIMG from "../../img/airport.jpg"; import AirportIMG from "../../img/airport.jpg";
const Sites = () => { const Sites = () => {
return ( return (
<div className="depts-tab"> <div className="depts-tab">
<div className="tab-header sites-header"> <div className="tab-header sites-header">
<h4 className="tab-header-text" id="tab-header-text"> <h4 className="tab-header-text" id="tab-header-text">
Полезные сайты Полезные сайты
</h4> </h4>
<div className="tab-header-line"></div> <div className="tab-header-line"></div>
</div> </div>
<div className="depts-wrapper sites-wrapper"> <div className="depts-wrapper sites-wrapper">
<a href="https://halkbank.gov.tm/" className="dept site"> <a href="https://halkbank.gov.tm/" className="dept site">
<div className="dept-top"> <div className="dept-top">
<div className="dept-absolute"> <div className="dept-absolute">
<img src={RightArrow_2} alt="ARROW" /> <img src={RightArrow_2} alt="ARROW" />
</div> </div>
<div className="dept-img"> <div className="dept-img">
<img src={HalkbankIMG} alt="MEASUREMENT" /> <img src={HalkbankIMG} alt="MEASUREMENT" />
</div> </div>
</div> </div>
<div className="dept-bottom sites-bottom"> <div className="dept-bottom sites-bottom">
<h4>АКБ "Халкбанк"</h4> <h4>АКБ "Халкбанк"</h4>
</div> </div>
</a> </a>
<a href="https://tdh.gov.tm/" className="dept site"> <a href="https://tdh.gov.tm/" className="dept site">
<div className="dept-top"> <div className="dept-top">
<div className="dept-absolute"> <div className="dept-absolute">
<img src={RightArrow_2} alt="ARROW" /> <img src={RightArrow_2} alt="ARROW" />
</div> </div>
<div className="dept-img"> <div className="dept-img">
<img src={TdhIMG} alt="MEASUREMENT" /> <img src={TdhIMG} alt="MEASUREMENT" />
</div> </div>
</div> </div>
<div className="dept-bottom sites-bottom"> <div className="dept-bottom sites-bottom">
<h4>Государственное информационное агентство Туркменистана</h4> <h4>Государственное информационное агентство Туркменистана</h4>
</div> </div>
</a> </a>
<a href="https://turkmentv.gov.tm/" className="dept site"> <a href="https://turkmentv.gov.tm/" className="dept site">
<div className="dept-top"> <div className="dept-top">
<div className="dept-absolute"> <div className="dept-absolute">
<img src={RightArrow_2} alt="ARROW" /> <img src={RightArrow_2} alt="ARROW" />
</div> </div>
<div className="dept-img"> <div className="dept-img">
<img src={TurkmenTvIMG} alt="MEASUREMENT" /> <img src={TurkmenTvIMG} alt="MEASUREMENT" />
</div> </div>
</div> </div>
<div className="dept-bottom sites-bottom"> <div className="dept-bottom sites-bottom">
<h4>Государственного комитета Туркменистана по телевидению,...</h4> <h4>Государственного комитета Туркменистана по телевидению,...</h4>
</div> </div>
</a> </a>
<a href="https://ashgabatairport.gov.tm/" className="dept site"> <a href="https://ashgabatairport.gov.tm/" className="dept site">
<div className="dept-top"> <div className="dept-top">
<div className="dept-absolute"> <div className="dept-absolute">
<img src={RightArrow_2} alt="ARROW" /> <img src={RightArrow_2} alt="ARROW" />
</div> </div>
<div className="dept-img"> <div className="dept-img">
<img src={AirportIMG} alt="MEASUREMENT" /> <img src={AirportIMG} alt="MEASUREMENT" />
</div> </div>
</div> </div>
<div className="dept-bottom sites-bottom"> <div className="dept-bottom sites-bottom">
<h4>Международный аэропорт Ашхабад</h4> <h4>Международный аэропорт Ашхабад</h4>
</div> </div>
</a> </a>
</div> </div>
</div> </div>
); );
}; };
export default Sites; export default Sites;

66
src/i18n.js
View File

@ -1,33 +1,33 @@
import i18n from "i18next"; import i18n from "i18next";
import { initReactI18next} from "react-i18next"; import { initReactI18next} from "react-i18next";
import translationEN from "./locales/en/translationEN.json"; import translationEN from "./locales/en/translationEN.json";
import translationRU from "./locales/ru/translationRU.json"; import translationRU from "./locales/ru/translationRU.json";
const resources = { const resources = {
en: { en: {
translation: translationEN translation: translationEN
}, },
ru: { ru: {
translation: translationRU translation: translationRU
} }
}; };
i18n.use(initReactI18next).init({ i18n.use(initReactI18next).init({
resources, resources,
lng: 'ru', lng: 'ru',
keySeparator: false, keySeparator: false,
interpolation: { interpolation: {
escapeValue: false escapeValue: false
} }
}); });
export default i18n; export default i18n;

38
src/index.js
View File

@ -1,19 +1,19 @@
import React from "react"; import React from "react";
import ReactDOM from "react-dom"; import ReactDOM from "react-dom";
import App from "./App"; import App from "./App";
import reportWebVitals from "./reportWebVitals"; import reportWebVitals from "./reportWebVitals";
import { BrowserRouter } from "react-router-dom"; import { BrowserRouter } from "react-router-dom";
ReactDOM.render( ReactDOM.render(
<React.StrictMode> <React.StrictMode>
<BrowserRouter> <BrowserRouter>
<App /> <App />
</BrowserRouter> </BrowserRouter>
</React.StrictMode>, </React.StrictMode>,
document.getElementById("root") document.getElementById("root")
); );
// If you want to start measuring performance in your app, pass a function // If you want to start measuring performance in your app, pass a function
// to log results (for example: reportWebVitals(console.log)) // to log results (for example: reportWebVitals(console.log))
// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals // or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
reportWebVitals(); reportWebVitals();

4
src/locales/en/translationEN.json
View File

@ -1,3 +1,3 @@
{ {
"test":"test_en" "test":"test_en"
} }

4
src/locales/ru/translationRU.json
View File

@ -1,3 +1,3 @@
{ {
"test":"test_ru" "test":"test_ru"
} }

124
src/pages/CalibrateInstruments.js
View File

@ -1,62 +1,62 @@
// IMPORT MODULES // IMPORT MODULES
import React, { useEffect } from "react"; import React, { useEffect } from "react";
import { Link } from "react-router-dom"; import { Link } from "react-router-dom";
// IMPORT COMPONENTS // IMPORT COMPONENTS
import Breadcrumb from "../components/Global/Breadcrumb"; import Breadcrumb from "../components/Global/Breadcrumb";
const CalibrateInstruments = () => { const CalibrateInstruments = () => {
useEffect(() => { useEffect(() => {
window.scrollTo(0, 0); window.scrollTo(0, 0);
}, []); }, []);
return ( return (
<section className="calibrate-inst"> <section className="calibrate-inst">
<Breadcrumb <Breadcrumb
path_1="Стоимость" path_1="Стоимость"
path_2="Тарифы на проведение проверки или калибровки средств измерений" path_2="Тарифы на проведение проверки или калибровки средств измерений"
link_1="/prices" link_1="/prices"
currentUrl="/prices/calibrate_instruments" currentUrl="/prices/calibrate_instruments"
/> />
<div className="container"> <div className="container">
<div className="calibrate-inst-inner"> <div className="calibrate-inst-inner">
<div className="tab-header"> <div className="tab-header">
<h4 className="tab-header-text" id="tab-header-text"> <h4 className="tab-header-text" id="tab-header-text">
Тарифы на проведение проверки или калибровки средств измерений Тарифы на проведение проверки или калибровки средств измерений
</h4> </h4>
<div className="tab-header-line"></div> <div className="tab-header-line"></div>
</div> </div>
<div className="plans-content"> <div className="plans-content">
<div className="plans-card-wrapper"> <div className="plans-card-wrapper">
<Link to="/prices/calibrate_instruments/1" className="planscard"> <Link to="/prices/calibrate_instruments/1" className="planscard">
<h4>Измерения геометрических величин</h4> <h4>Измерения геометрических величин</h4>
</Link> </Link>
<Link to="/prices/calibrate_instruments/2" className="planscard"> <Link to="/prices/calibrate_instruments/2" className="planscard">
<h4>Измерения механических величин</h4> <h4>Измерения механических величин</h4>
</Link> </Link>
<Link to="/prices/calibrate_instruments/3" className="planscard"> <Link to="/prices/calibrate_instruments/3" className="planscard">
<h4>Измерения давления и вакуума</h4> <h4>Измерения давления и вакуума</h4>
</Link> </Link>
<Link to="/prices/calibrate_instruments/4" className="planscard"> <Link to="/prices/calibrate_instruments/4" className="planscard">
<h4>Измерения уровня расхода, воды и...</h4> <h4>Измерения уровня расхода, воды и...</h4>
</Link> </Link>
<Link to="/prices/calibrate_instruments/5" className="planscard"> <Link to="/prices/calibrate_instruments/5" className="planscard">
<h4>Измерения физико-химических и оп...</h4> <h4>Измерения физико-химических и оп...</h4>
</Link> </Link>
<Link to="/prices/calibrate_instruments/6" className="planscard"> <Link to="/prices/calibrate_instruments/6" className="planscard">
<h4>Тепло-физичекие и температурные...</h4> <h4>Тепло-физичекие и температурные...</h4>
</Link> </Link>
<Link to="/prices/calibrate_instruments/7" className="planscard"> <Link to="/prices/calibrate_instruments/7" className="planscard">
<h4>Измерение времени и частоты</h4> <h4>Измерение времени и частоты</h4>
</Link> </Link>
<Link to="/prices/calibrate_instruments/8" className="planscard"> <Link to="/prices/calibrate_instruments/8" className="planscard">
<h4>Измерения электрических и магнит...</h4> <h4>Измерения электрических и магнит...</h4>
</Link> </Link>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</section> </section>
); );
}; };
export default CalibrateInstruments; export default CalibrateInstruments;

248
src/pages/CalibrateThermo.js
View File

@ -1,124 +1,124 @@
// IMPORT MODULES // IMPORT MODULES
import React, { useEffect } from "react"; import React, { useEffect } from "react";
// IMPORT COMPONENTS // IMPORT COMPONENTS
import Breadcrumb from "../components/Global/Breadcrumb"; import Breadcrumb from "../components/Global/Breadcrumb";
// IMPORT IMAGES // IMPORT IMAGES
import Img from "../img/pricesImg_3-large.jpg"; import Img from "../img/pricesImg_3-large.jpg";
const CalibrateThermo = () => { const CalibrateThermo = () => {
useEffect(() => { useEffect(() => {
window.scrollTo(0, 0); window.scrollTo(0, 0);
}, []); }, []);
return ( return (
<section className="calibrate-thermo"> <section className="calibrate-thermo">
<Breadcrumb <Breadcrumb
path_1="Стоимость" path_1="Стоимость"
path_2="Стоимость калибровки термометров сопротивления в калибровки в аккредитованной области" path_2="Стоимость калибровки термометров сопротивления в калибровки в аккредитованной области"
link_1="/prices" link_1="/prices"
currentUrl="/prices/calibrate_thermo" currentUrl="/prices/calibrate_thermo"
/> />
<div className="container"> <div className="container">
<div className="calibrate-thermo-inner"> <div className="calibrate-thermo-inner">
<div className="tab-header"> <div className="tab-header">
<h4 className="tab-header-text" id="tab-header-text"> <h4 className="tab-header-text" id="tab-header-text">
Тарифы Тарифы
</h4> </h4>
<div className="tab-header-line"></div> <div className="tab-header-line"></div>
</div> </div>
<div className="calibrate-thermo-content"> <div className="calibrate-thermo-content">
<div className="novelty-head"> <div className="novelty-head">
<div className="novelty-img"> <div className="novelty-img">
<img src={Img} alt="Calibration" /> <img src={Img} alt="Calibration" />
</div> </div>
<h4 className="novelty-title"> <h4 className="novelty-title">
Стоимость калибровки термометров сопротивления в калибровки в Стоимость калибровки термометров сопротивления в калибровки в
аккредитованной области аккредитованной области
</h4> </h4>
</div> </div>
<div className="calibrate-thermo-table structure-employees"> <div className="calibrate-thermo-table structure-employees">
<table className="structure-table"> <table className="structure-table">
<tbody> <tbody>
<tr className="table-head"> <tr className="table-head">
<th> <th>
<span className="name-head number-head">T№</span> <span className="name-head number-head">T№</span>
</th> </th>
<th> <th>
<span className="position-head description-head"> <span className="position-head description-head">
Наименование услуг Наименование услуг
</span> </span>
</th> </th>
<th> <th>
<span className="tel-head price-head"> <span className="tel-head price-head">
Стоимость в манатах Стоимость в манатах
</span> </span>
</th> </th>
</tr> </tr>
<tr> <tr>
<td> <td>
<span className="name number">1</span> <span className="name number">1</span>
</td> </td>
<td> <td>
<span className="position description"> <span className="position description">
Проведение калибровки термометра сопротивления в Проведение калибровки термометра сопротивления в
реперной точке -38,830C реперной точке -38,830C
</span> </span>
</td> </td>
<td> <td>
<span className="tel price">506,00 TMT</span> <span className="tel price">506,00 TMT</span>
</td> </td>
</tr> </tr>
<tr> <tr>
<td> <td>
<span className="name number">2</span> <span className="name number">2</span>
</td> </td>
<td> <td>
<span className="position description"> <span className="position description">
Проведение калибровки термометра сопротивления в Проведение калибровки термометра сопротивления в
реперной точке 0,010C реперной точке 0,010C
</span> </span>
</td> </td>
<td> <td>
<span className="tel price">236,00 TMT</span> <span className="tel price">236,00 TMT</span>
</td> </td>
</tr> </tr>
<tr> <tr>
<td> <td>
<span className="name number">3</span> <span className="name number">3</span>
</td> </td>
<td> <td>
<span className="position description"> <span className="position description">
Проведение калибровки термометра сопротивления в Проведение калибровки термометра сопротивления в
реперной точке 29,760C реперной точке 29,760C
</span> </span>
</td> </td>
<td> <td>
<span className="tel price">236,00 TMT</span> <span className="tel price">236,00 TMT</span>
</td> </td>
</tr> </tr>
<tr> <tr>
<td> <td>
<span className="name number">4</span> <span className="name number">4</span>
</td> </td>
<td> <td>
<span className="position description"> <span className="position description">
Подготовка эталонного оборудования для проведения Подготовка эталонного оборудования для проведения
калибровки калибровки
</span> </span>
</td> </td>
<td> <td>
<span className="tel price">828,00 TMT</span> <span className="tel price">828,00 TMT</span>
</td> </td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</section> </section>
); );
}; };
export default CalibrateThermo; export default CalibrateThermo;

206
src/pages/Etalon.js
View File

@ -1,103 +1,103 @@
// IMPORT MODULES // IMPORT MODULES
import React, { useEffect } from "react"; import React, { useEffect } from "react";
// IMPORT COMPONENTS // IMPORT COMPONENTS
import Breadcrumb from "../components/Global/Breadcrumb"; import Breadcrumb from "../components/Global/Breadcrumb";
// IMPORT IMAGES // IMPORT IMAGES
import EtalonImg from "../img/etalonImg.jpg"; import EtalonImg from "../img/etalonImg.jpg";
const Etalon = () => { const Etalon = () => {
useEffect(() => { useEffect(() => {
window.scrollTo(0, 0); window.scrollTo(0, 0);
}, []); }, []);
return ( return (
<section className="etalon"> <section className="etalon">
<Breadcrumb <Breadcrumb
path_1="Государственные эталоны" path_1="Государственные эталоны"
link_1="/etalons" link_1="/etalons"
path_2="Государственный эталон единицы массы" path_2="Государственный эталон единицы массы"
currentUrl="../etalons/1" currentUrl="../etalons/1"
/> />
<div className="container"> <div className="container">
<div className="etalon-inner"> <div className="etalon-inner">
<div className="novelty-head"> <div className="novelty-head">
<div className="novelty-img"> <div className="novelty-img">
<img src={EtalonImg} alt="Etalon" /> <img src={EtalonImg} alt="Etalon" />
</div> </div>
<h4 className="novelty-title"> <h4 className="novelty-title">
Государственный эталон единицы массы Государственный эталон единицы массы
</h4> </h4>
</div> </div>
<div className="novelty-text"> <div className="novelty-text">
<span> <span>
<span className="pgraph"> <span className="pgraph">
Государственный эталон массы служит для воспроизведения, Государственный эталон массы служит для воспроизведения,
хранения и передачи размера единицы массы в диапазоне от 1 мг до хранения и передачи размера единицы массы в диапазоне от 1 мг до
1 кг. передача размера единицы массы гирям классом точности E2 1 кг. передача размера единицы массы гирям классом точности E2
осуществляется сличением при помощи компараторов. Работу с осуществляется сличением при помощи компараторов. Работу с
гирями проводят в перчатках с микрофибры и пинцетом. Область гирями проводят в перчатках с микрофибры и пинцетом. Область
измерения массы является наиболее обширной. Метрологическое измерения массы является наиболее обширной. Метрологическое
обеспечение единства измерений массы используется во всех обеспечение единства измерений массы используется во всех
областях науки и производственной деятельности. областях науки и производственной деятельности.
</span> </span>
<span className="pgraph"> <span className="pgraph">
<h6>Состав государственного эталона:</h6> <h6>Состав государственного эталона:</h6>
<ul> <ul>
<li> <li>
Набор гирь с номинальным значением массы от 1 мг до 1 кг, Набор гирь с номинальным значением массы от 1 мг до 1 кг,
класса точности Е1 производства «Hafner Gewichte GmbH» класса точности Е1 производства «Hafner Gewichte GmbH»
Германия; Германия;
</li> </li>
<li> <li>
Микровесы - масскомпаратор XP26С, НПВ 22г, d =1 мкг, Микровесы - масскомпаратор XP26С, НПВ 22г, d =1 мкг,
производства «MettlerToledo» Швейцария; производства «MettlerToledo» Швейцария;
</li> </li>
<li> <li>
Масс-компаратор AX106, НПВ 111г, d =1 мкг, производства Масс-компаратор AX106, НПВ 111г, d =1 мкг, производства
«Mettler Тoledo» Швейцария; «Mettler Тoledo» Швейцария;
</li> </li>
<li> <li>
Масс-компаратор AX1004 НПВ, 1109 г, d=0,1 мг, производства Масс-компаратор AX1004 НПВ, 1109 г, d=0,1 мг, производства
«Mettler Тoledo» Швейцария; «Mettler Тoledo» Швейцария;
</li> </li>
<li> <li>
Прибор для измерения магнитной восприимчивости Susceptometer Прибор для измерения магнитной восприимчивости Susceptometer
YSZ02C; YSZ02C;
</li> </li>
<li>Эталон восприимчивости YSZ01RSC-HE210-1;</li> <li>Эталон восприимчивости YSZ01RSC-HE210-1;</li>
<li> <li>
Прибор для контроля магнитной проницаемости материала гирь Прибор для контроля магнитной проницаемости материала гирь
µ=1,01-1,9; 5,0; µ=1,01-1,9; 5,0;
</li> </li>
<li> <li>
Система измерений и регистрации климатических условий Система измерений и регистрации климатических условий
окружающей среды Micromec MultisensMLm 1624n. окружающей среды Micromec MultisensMLm 1624n.
</li> </li>
</ul> </ul>
</span> </span>
<span className="pgraph"> <span className="pgraph">
<h6>Метрологические характеристики:</h6> <h6>Метрологические характеристики:</h6>
<p> <p>
В основу эталона положен метод воспроизведения единицы массы В основу эталона положен метод воспроизведения единицы массы
государственным эталоном, размер которой в соответствии с государственным эталоном, размер которой в соответствии с
государственной поверочной схемой передается средствам государственной поверочной схемой передается средствам
измерений массы. Передача размера единицы массы гирям 1 измерений массы. Передача размера единицы массы гирям 1
разряда (класса точности Е2) осуществляется сличением при разряда (класса точности Е2) осуществляется сличением при
помощи компараторов. Эталон (Гири класса точности Е1) помощи компараторов. Эталон (Гири класса точности Е1)
обеспечивает воспроизведение, хранение и передачу единицы обеспечивает воспроизведение, хранение и передачу единицы
массы в диапазоне от 1 мг до 1 кг с расширенной массы в диапазоне от 1 мг до 1 кг с расширенной
неопределенностью значения которой не превышают от 0,003 мг неопределенностью значения которой не превышают от 0,003 мг
(для гирь номинальной массой 1 мг) до 0,5 мг (для гирь (для гирь номинальной массой 1 мг) до 0,5 мг (для гирь
номинальной массой 1 кг). номинальной массой 1 кг).
</p> </p>
</span> </span>
</span> </span>
</div> </div>
</div> </div>
</div> </div>
</section> </section>
); );
}; };
export default Etalon; export default Etalon;

308
src/pages/Etalons.js
View File

@ -1,154 +1,154 @@
// IMPORT MODULES // IMPORT MODULES
import React, { useEffect } from "react"; import React, { useEffect } from "react";
// IMPORT COMPONENTS // IMPORT COMPONENTS
import Breadcrumb from "../components/Global/Breadcrumb"; import Breadcrumb from "../components/Global/Breadcrumb";
import EtalonsCard from "../components/Etalons/EtalonsCard"; import EtalonsCard from "../components/Etalons/EtalonsCard";
// IMPORT IMAGES // IMPORT IMAGES
import Img_1 from "../img/etalonsImg_1.jpg"; import Img_1 from "../img/etalonsImg_1.jpg";
import Img_2 from "../img/etalonsImg_2.jpg"; import Img_2 from "../img/etalonsImg_2.jpg";
import Img_3 from "../img/etalonsImg_3.jpg"; import Img_3 from "../img/etalonsImg_3.jpg";
import Img_4 from "../img/etalonsImg_4.jpg"; import Img_4 from "../img/etalonsImg_4.jpg";
import Img_5 from "../img/etalonsImg_5.jpg"; import Img_5 from "../img/etalonsImg_5.jpg";
import Img_6 from "../img/etalonsImg_6.jpg"; import Img_6 from "../img/etalonsImg_6.jpg";
import Img_7 from "../img/etalonsImg_7.jpg"; import Img_7 from "../img/etalonsImg_7.jpg";
import Img_8 from "../img/etalonsImg_8.jpg"; import Img_8 from "../img/etalonsImg_8.jpg";
import Img_9 from "../img/etalonsImg_9.jpg"; import Img_9 from "../img/etalonsImg_9.jpg";
import Img_10 from "../img/etalonsImg_10.jpg"; import Img_10 from "../img/etalonsImg_10.jpg";
import Img_11 from "../img/etalonsImg_11.jpg"; import Img_11 from "../img/etalonsImg_11.jpg";
import Img_12 from "../img/etalonsImg_12.jpg"; import Img_12 from "../img/etalonsImg_12.jpg";
import Img_13 from "../img/etalonsImg_13.jpg"; import Img_13 from "../img/etalonsImg_13.jpg";
import Img_14 from "../img/etalonsImg_14.jpg"; import Img_14 from "../img/etalonsImg_14.jpg";
import Img_15 from "../img/etalonsImg_15.jpg"; import Img_15 from "../img/etalonsImg_15.jpg";
import Img_16 from "../img/etalonsImg_16.jpg"; import Img_16 from "../img/etalonsImg_16.jpg";
import Img_17 from "../img/etalonsImg_17.jpg"; import Img_17 from "../img/etalonsImg_17.jpg";
const Etalons = () => { const Etalons = () => {
useEffect(() => { useEffect(() => {
window.scrollTo(0, 0); window.scrollTo(0, 0);
}, []); }, []);
return ( return (
<section className="etalons"> <section className="etalons">
<Breadcrumb path_1="Государственные эталоны" currentUrl="../etalons" /> <Breadcrumb path_1="Государственные эталоны" currentUrl="../etalons" />
<div className="container"> <div className="container">
<div className="etalons-inner"> <div className="etalons-inner">
<div className="tab-header"> <div className="tab-header">
<h4 className="tab-header-text" id="tab-header-text"> <h4 className="tab-header-text" id="tab-header-text">
Государственные эталоны Государственные эталоны
</h4> </h4>
<div className="tab-header-line"></div> <div className="tab-header-line"></div>
</div> </div>
<div className="depts-wrapper"> <div className="depts-wrapper">
<EtalonsCard <EtalonsCard
key={1} key={1}
img={Img_1} img={Img_1}
title="Государственный эталон единицы массы" title="Государственный эталон единицы массы"
link="../etalons/1" link="../etalons/1"
/> />
<EtalonsCard <EtalonsCard
key={2} key={2}
img={Img_2} img={Img_2}
title="Государственный эталон единицы длины в диапазоне..." title="Государственный эталон единицы длины в диапазоне..."
link="../etalons/2" link="../etalons/2"
/> />
<EtalonsCard <EtalonsCard
key={3} key={3}
img={Img_3} img={Img_3}
title="Государственный эталон единицы силы" title="Государственный эталон единицы силы"
link="../etalons/3" link="../etalons/3"
/> />
<EtalonsCard <EtalonsCard
key={4} key={4}
img={Img_4} img={Img_4}
title="Государственный эталон единицы давления" title="Государственный эталон единицы давления"
link="../etalons/4" link="../etalons/4"
/> />
<EtalonsCard <EtalonsCard
key={5} key={5}
img={Img_5} img={Img_5}
title="Государственный эталон единицы температуры" title="Государственный эталон единицы температуры"
link="../etalons/5" link="../etalons/5"
/> />
<EtalonsCard <EtalonsCard
key={6} key={6}
img={Img_6} img={Img_6}
title="Государственный эталон единицы влажности" title="Государственный эталон единицы влажности"
link="../etalons/6" link="../etalons/6"
/> />
<EtalonsCard <EtalonsCard
key={7} key={7}
img={Img_7} img={Img_7}
title="Государственный эталон малого объема" title="Государственный эталон малого объема"
link="../etalons/7" link="../etalons/7"
/> />
<EtalonsCard <EtalonsCard
key={8} key={8}
img={Img_8} img={Img_8}
title="Государственный эталон плотности жидкости" title="Государственный эталон плотности жидкости"
link="../etalons/8" link="../etalons/8"
/> />
<EtalonsCard <EtalonsCard
key={9} key={9}
img={Img_9} img={Img_9}
title="Государственный эталон шкалы PH жидкости" title="Государственный эталон шкалы PH жидкости"
link="../etalons/9" link="../etalons/9"
/> />
<EtalonsCard <EtalonsCard
key={10} key={10}
img={Img_10} img={Img_10}
title="Государственный эталон вязкости жидкости" title="Государственный эталон вязкости жидкости"
link="../etalons/10" link="../etalons/10"
/> />
<EtalonsCard <EtalonsCard
key={11} key={11}
img={Img_11} img={Img_11}
title="Государственный эталон удельной электролитической..." title="Государственный эталон удельной электролитической..."
link="../etalons/11" link="../etalons/11"
/> />
<EtalonsCard <EtalonsCard
key={12} key={12}
img={Img_12} img={Img_12}
title="Государственный эталон влажности зерна и зернопро..." title="Государственный эталон влажности зерна и зернопро..."
link="../etalons/12" link="../etalons/12"
/> />
<EtalonsCard <EtalonsCard
key={13} key={13}
img={Img_13} img={Img_13}
title="Государственный эталон электрического напряжения" title="Государственный эталон электрического напряжения"
link="../etalons/13" link="../etalons/13"
/> />
<EtalonsCard <EtalonsCard
key={14} key={14}
img={Img_14} img={Img_14}
title="Государственный эталон электрического сопротивления" title="Государственный эталон электрического сопротивления"
link="../etalons/15" link="../etalons/15"
/> />
<EtalonsCard <EtalonsCard
key={15} key={15}
img={Img_15} img={Img_15}
title="Государственный эталон силы title="Государственный эталон силы
тока" тока"
link="../etalons/15" link="../etalons/15"
/> />
<EtalonsCard <EtalonsCard
key={16} key={16}
img={Img_16} img={Img_16}
title="Государственный эталон единицы времени и чистоты" title="Государственный эталон единицы времени и чистоты"
link="../etalons/16" link="../etalons/16"
/> />
<EtalonsCard <EtalonsCard
key={17} key={17}
img={Img_17} img={Img_17}
title="Государственный эталон единицы количества и расхо..." title="Государственный эталон единицы количества и расхо..."
link="../etalons/17" link="../etalons/17"
/> />
</div> </div>
</div> </div>
</div> </div>
</section> </section>
); );
}; };
export default Etalons; export default Etalons;

276
src/pages/History.js
View File

@ -1,138 +1,138 @@
// IMPORT MODULES // IMPORT MODULES
import React, { useEffect } from "react"; import React, { useEffect } from "react";
// IMPORT COMPONENTS // IMPORT COMPONENTS
import Breadcrumb from "../components/Global/Breadcrumb"; import Breadcrumb from "../components/Global/Breadcrumb";
const History = () => { const History = () => {
useEffect(() => { useEffect(() => {
window.scrollTo(0, 0); window.scrollTo(0, 0);
}, []); }, []);
return ( return (
<section className="history"> <section className="history">
<Breadcrumb <Breadcrumb
path_1="История компании Государственного эталонного центра" path_1="История компании Государственного эталонного центра"
currentUrl="/history" currentUrl="/history"
/> />
<div className="container"> <div className="container">
<div className="history-inner"> <div className="history-inner">
<div className="tab-header"> <div className="tab-header">
<h4 className="tab-header-text" id="tab-header-text"> <h4 className="tab-header-text" id="tab-header-text">
История компании Государственного эталонного центра История компании Государственного эталонного центра
</h4> </h4>
<div className="tab-header-line"></div> <div className="tab-header-line"></div>
</div> </div>
<div className="history-title"> <div className="history-title">
<h1> <h1>
В соответствии с Постановлением Президент Туркменистана от В соответствии с Постановлением Президент Туркменистана от
17.08.2010г. «О создании национального эталонного центра». 17.08.2010г. «О создании национального эталонного центра».
</h1> </h1>
</div> </div>
<div className="history-content"> <div className="history-content">
<p> <p>
В сентябре 2010 года проведены переговоры о консультационных В сентябре 2010 года проведены переговоры о консультационных
услугах по строительству и созданию Государственного эталонного услугах по строительству и созданию Государственного эталонного
центра с представителями компаний «TŰV Rheinland Industrie Service центра с представителями компаний «TŰV Rheinland Industrie Service
GmbH», Федеральным Физико-техническим институтом (Physikalisch - GmbH», Федеральным Физико-техническим институтом (Physikalisch -
Technische Bundesanstalt - PTB) и национальным метрологическим Technische Bundesanstalt - PTB) и национальным метрологическим
институтом ФРГ. В результате переговоров было отмечено, что институтом ФРГ. В результате переговоров было отмечено, что
создаваемый метрологический центр должен отвечать международным создаваемый метрологический центр должен отвечать международным
требованиям и гарантировать большую прозрачность, надежность и требованиям и гарантировать большую прозрачность, надежность и
точность измерений. Он должен обеспечивать народное хозяйство точность измерений. Он должен обеспечивать народное хозяйство
Туркменистана единой системой измерений и надежный государственный Туркменистана единой системой измерений и надежный государственный
контроль за средствами испытаний и измерений, тем самым контроль за средствами испытаний и измерений, тем самым
способствуя товарно-торговому обороту между Туркменистаном и способствуя товарно-торговому обороту между Туркменистаном и
международными рынками, в том числе с Европейским союзом. В международными рынками, в том числе с Европейским союзом. В
обязанности Метрологического центра должно входить представление обязанности Метрологического центра должно входить представление
различных физических величин и предоставление метрологических различных физических величин и предоставление метрологических
услуг предприятиям страны в виде реализованных результатов услуг предприятиям страны в виде реализованных результатов
измерений. Центр должен быть оснащен современными приборами и измерений. Центр должен быть оснащен современными приборами и
оборудованием с ориентацией методов измерений на международные оборудованием с ориентацией методов измерений на международные
стандарты. В октябре 2010 года Главная государственная служба стандарты. В октябре 2010 года Главная государственная служба
"Туркменстандартлары" поручила компании TÜV Rheinland управление "Туркменстандартлары" поручила компании TÜV Rheinland управление
проектом по сопровождению и созданию Метрологического центра. 25 проектом по сопровождению и созданию Метрологического центра. 25
октября 2011 г. Главная государственная служба октября 2011 г. Главная государственная служба
"Туркменстандартлары" и Федеральный физико-технический институт "Туркменстандартлары" и Федеральный физико-технический институт
заключили контракт о выполнении консультативных работ по проекту заключили контракт о выполнении консультативных работ по проекту
"Создание Государственного эталонного центра в Ашхабаде". "Создание Государственного эталонного центра в Ашхабаде".
Строительство Государственного эталонного центра в Ашхабаде Строительство Государственного эталонного центра в Ашхабаде
осуществлялась подрядной компанией TOTAL (филиал компании “Total осуществлялась подрядной компанией TOTAL (филиал компании “Total
Inşaat Sanaýi we Tijaret Limited Şirketi ” в Туркменистане). В Inşaat Sanaýi we Tijaret Limited Şirketi ” в Туркменистане). В
марте 2011 года был объявлен тендер на поставку эталонного марте 2011 года был объявлен тендер на поставку эталонного
оборудования для «Государственного эталонного центра». На участие оборудования для «Государственного эталонного центра». На участие
в тендере подали заявки 22 претендента. Для оснащения в тендере подали заявки 22 претендента. Для оснащения
Государственного эталонного центра новейшим эталонным Государственного эталонного центра новейшим эталонным
оборудованием были заключены контракты с поставщиками такими как: оборудованием были заключены контракты с поставщиками такими как:
Компания «Neegas Trading L.P.» (Соединенное королевство Компания «Neegas Trading L.P.» (Соединенное королевство
Великобритании и Северной Ирландии), Компания «TCM Kommunikation Великобритании и Северной Ирландии), Компания «TCM Kommunikation
Ges.m.b.H», (Республика Австрия), Компания «East Wind Engineering Ges.m.b.H», (Республика Австрия), Компания «East Wind Engineering
LLP» (Соединенное королевство Великобритании и Северной Ирландии), LLP» (Соединенное королевство Великобритании и Северной Ирландии),
Товарищество с ограниченной ответственностью «Distrilab» Товарищество с ограниченной ответственностью «Distrilab»
(Дистрилаб) (Республика Казахстан). Эксперты РТВ провели (Дистрилаб) (Республика Казахстан). Эксперты РТВ провели
техническую экспертизу предложений поставщиков в рамках техническую экспертизу предложений поставщиков в рамках
многочисленных обсуждений. По мере необходимости и по желанию многочисленных обсуждений. По мере необходимости и по желанию
заказчика эксперты РТВ предоставляли поставщикам подробную заказчика эксперты РТВ предоставляли поставщикам подробную
техническую информацию в поддержку. Эксперты РТВ контролировали техническую информацию в поддержку. Эксперты РТВ контролировали
поставленное оборудование на месте на предмет его соответствия поставленное оборудование на месте на предмет его соответствия
техническим требованиям. В случае обнаружения отклонений техническим требованиям. В случае обнаружения отклонений
составлялись соответствующие отчеты о несоответствии, которые составлялись соответствующие отчеты о несоответствии, которые
согласовывались с заказчиком и с поставщиками. В качестве согласовывались с заказчиком и с поставщиками. В качестве
дополнительной услуги заказчику и поставщикам оказывалась активная дополнительной услуги заказчику и поставщикам оказывалась активная
поддержка при решении открытых вопросов. 01.10.2013 года в поддержка при решении открытых вопросов. 01.10.2013 года в
присутствии Уважаемого Президента Гурбангулы Бердымухамедова присутствии Уважаемого Президента Гурбангулы Бердымухамедова
состоялась торжественная церемония открытия Государственного состоялась торжественная церемония открытия Государственного
эталонного центра. В момент открытия уважаемый Президент отметил, эталонного центра. В момент открытия уважаемый Президент отметил,
что, метрологический центр построен и оснащен по последнему слову что, метрологический центр построен и оснащен по последнему слову
техники для выполнения важнейших государственных задач в области техники для выполнения важнейших государственных задач в области
метрологии в будущем и обеспечения прослеживаемости средств метрологии в будущем и обеспечения прослеживаемости средств
измерения, в перспективе и для всего центрально-азиатского измерения, в перспективе и для всего центрально-азиатского
региона. Уважаемый Президент также отметил, что эталонный центр региона. Уважаемый Президент также отметил, что эталонный центр
призван придать динамику развитию государственной системы призван придать динамику развитию государственной системы
обеспечения единства измерения, совершенствования правовой базы в обеспечения единства измерения, совершенствования правовой базы в
соответствии с международными требованиями. Комплекс зданий соответствии с международными требованиями. Комплекс зданий
эталонного центра включает в себя административное здание и эталонного центра включает в себя административное здание и
лабораторные корпуса, соединенные между собой галереями. Общая лабораторные корпуса, соединенные между собой галереями. Общая
площадь здания Государственного эталонного центра составляет 25 площадь здания Государственного эталонного центра составляет 25
тысяч 500 квадратных метров. Здесь функционируют лаборатории, тысяч 500 квадратных метров. Здесь функционируют лаборатории,
оснащённые эталонно-образцовым оборудованием и измерительными оснащённые эталонно-образцовым оборудованием и измерительными
средствами высокой точности от ведущих мировых производителей. средствами высокой точности от ведущих мировых производителей.
Правовую основу обеспечения единства измерений в Туркменистане Правовую основу обеспечения единства измерений в Туркменистане
устанавливает Закон «Об обеспечении единства измерений», который устанавливает Закон «Об обеспечении единства измерений», который
был принят в октябре 2012 года. В соответствии с этим, был принят в октябре 2012 года. В соответствии с этим,
деятельность Государственного эталонного центра позволит деятельность Государственного эталонного центра позволит
обеспечить единую систему измерений, используемых во всех отраслях обеспечить единую систему измерений, используемых во всех отраслях
национальной экономики, поднять на новый уровень проведение национальной экономики, поднять на новый уровень проведение
проверок качества и безопасности продукции, товаров, работ и проверок качества и безопасности продукции, товаров, работ и
услуг, а также на их соответствие международным нормам. Поставка услуг, а также на их соответствие международным нормам. Поставка
эталонного оборудования была полностью завершена в январе 2015г. эталонного оборудования была полностью завершена в январе 2015г.
на что имеется заключение от Федерального Физико-технического на что имеется заключение от Федерального Физико-технического
института (Physikalisch – Technische Bundesanstalt - PTB) о института (Physikalisch – Technische Bundesanstalt - PTB) о
соответствии поставленного оборудования требованиям заказчика и соответствии поставленного оборудования требованиям заказчика и
технической документации, а также, что все оборудование имеют технической документации, а также, что все оборудование имеют
сертификаты калибровок от признанных аккредитованных международных сертификаты калибровок от признанных аккредитованных международных
лабораторий. Для сотрудников новых калибровочных лабораторий были лабораторий. Для сотрудников новых калибровочных лабораторий были
проведены вводные тренинги силами поставщиков эталонного проведены вводные тренинги силами поставщиков эталонного
оборудования, экспертов РТВ и специалистов фирмы ZMK GmbH Sachsen оборудования, экспертов РТВ и специалистов фирмы ZMK GmbH Sachsen
- Anhalt и ZMK ANALYTIK GmbH. В качестве подтверждения обучения - Anhalt и ZMK ANALYTIK GmbH. В качестве подтверждения обучения
участникам вручены сертификаты об обучении. На сегодня Главная участникам вручены сертификаты об обучении. На сегодня Главная
государственная служба "Туркменстандартлары" имеет национальные государственная служба "Туркменстандартлары" имеет национальные
эталонные лаборатории по единицам масса, длина, сила, давление, эталонные лаборатории по единицам масса, длина, сила, давление,
температура, влажность, малый объем, плотность жидкости, рН температура, влажность, малый объем, плотность жидкости, рН
жидкости, вязкость жидкости, электролитическая проводимость жидкости, вязкость жидкости, электролитическая проводимость
жидкости, влажности зерна, напряжение (вольт), сопротивление, сила жидкости, влажности зерна, напряжение (вольт), сопротивление, сила
тока, времени и частота, расхода и количества газа которые тока, времени и частота, расхода и количества газа которые
отвечают всем международным требованиям. Представленная здесь отвечают всем международным требованиям. Представленная здесь
национальная эталонная база содержит комплекс эталонов, национальная эталонная база содержит комплекс эталонов,
эталонно-образцового оборудования и высокоточных измерительных эталонно-образцового оборудования и высокоточных измерительных
средств по 17 видам измерений, применяемых в различных отраслях средств по 17 видам измерений, применяемых в различных отраслях
Туркменской экономики. Туркменской экономики.
</p> </p>
</div> </div>
</div> </div>
</div> </div>
</section> </section>
); );
}; };
export default History; export default History;

290
src/pages/Legislation.js
View File

@ -1,145 +1,145 @@
// IMPORT MODULES // IMPORT MODULES
import React from "react"; import React from "react";
import i18n from '../i18n'; import i18n from '../i18n';
import { withTranslation } from 'react-i18next'; import { withTranslation } from 'react-i18next';
// IMPORT COMPONENTS // IMPORT COMPONENTS
import Breadcrumb from "../components/Global/Breadcrumb"; import Breadcrumb from "../components/Global/Breadcrumb";
// const Legislation = () => { // const Legislation = () => {
// useEffect(() => { // useEffect(() => {
// window.scrollTo(0, 0); // window.scrollTo(0, 0);
// }, []); // }, []);
class Legislation extends React.Component { class Legislation extends React.Component {
constructor(props) { constructor(props) {
super(props); super(props);
this.state = { this.state = {
items: [], items: [],
DataisLoaded: false, DataisLoaded: false,
error: null error: null
}; };
} }
componentDidMount() { componentDidMount() {
this._mounted = true this._mounted = true
this.makeRemoteRequest(); this.makeRemoteRequest();
} }
componentWillUnmount() { componentWillUnmount() {
this._mounted = false this._mounted = false
} }
makeRemoteRequest = () => { makeRemoteRequest = () => {
const url = `http://217.174.238.204:8888/api/v1/categories/6` const url = `http://217.174.238.204:8888/api/v1/categories/6`
if (this._mounted) { if (this._mounted) {
this.setState({ DataisLoaded: true }); this.setState({ DataisLoaded: true });
} }
setTimeout(() => { setTimeout(() => {
fetch(url, { fetch(url, {
method: 'GET', method: 'GET',
}) })
.then(res => res.json()) .then(res => res.json())
.then(res => { .then(res => {
if (this._mounted) { if (this._mounted) {
this.setState({ this.setState({
items: res.data[0]['posts'], items: res.data[0]['posts'],
error: res.message || null, error: res.message || null,
DataisLoaded: true, DataisLoaded: true,
}) })
// console.log(res.data) // console.log(res.data)
console.log(res.data[0]['posts'][0]['translations'][1]['attribute_data']) console.log(res.data[0]['posts'][0]['translations'][1]['attribute_data'])
} }
}) })
.catch(error => { .catch(error => {
if (this._mounted) { if (this._mounted) {
this.setState({ error, DataisLoaded: false}); this.setState({ error, DataisLoaded: false});
} }
}); });
}, 1500); }, 1500);
}; };
render() { render() {
// const { DataisLoaded, items } = this.state; // const { DataisLoaded, items } = this.state;
// if (!DataisLoaded) return <div> // if (!DataisLoaded) return <div>
// <h1> Pleses wait some time.... </h1> </div> ; // <h1> Pleses wait some time.... </h1> </div> ;
// if(i18n.language == 'en') // if(i18n.language == 'en')
// { // {
// this.componentDidMount(); // this.componentDidMount();
// console.log('salam-en'); // console.log('salam-en');
// } // }
// else // else
// { // {
// this.componentDidMount(); // this.componentDidMount();
// console.log('salam-ruru'); // console.log('salam-ruru');
// } // }
const { t } = this.props; const { t } = this.props;
var {DataisLoaded, items} = this.state; var {DataisLoaded, items} = this.state;
if(!DataisLoaded){ if(!DataisLoaded){
return <div>Loading ....</div> return <div>Loading ....</div>
}else{ }else{
return ( return (
<section className="legislation"> <section className="legislation">
<Breadcrumb path_1="Законодательная база" currentUrl="/legislation" /> <Breadcrumb path_1="Законодательная база" currentUrl="/legislation" />
<div className="container"> <div className="container">
<div className="legislation-inner"> <div className="legislation-inner">
<div className="tab-header"> <div className="tab-header">
<h4 className="tab-header-text" id="tab-header-text"> <h4 className="tab-header-text" id="tab-header-text">
Законодательная база Законодательная база
</h4> </h4>
<div className="tab-header-line"></div> <div className="tab-header-line"></div>
</div> </div>
<div className="law-card-wrapper"> <div className="law-card-wrapper">
{items.map(item=>( {items.map(item=>(
<div className="law-card" key={item.id}> <div className="law-card" key={item.id}>
<p className="law-card-text"> <p className="law-card-text">
{/* {item.title} */} {/* {item.title} */}
{ i18n.language === 'en' && { i18n.language === 'en' &&
JSON.parse(item['translations'][0]['attribute_data']).title JSON.parse(item['translations'][0]['attribute_data']).title
} }
{ i18n.language === 'ru' && { i18n.language === 'ru' &&
item.title item.title
} }
{ i18n.language === 'tm' && { i18n.language === 'tm' &&
JSON.parse(item['translations'][1]['attribute_data']).title JSON.parse(item['translations'][1]['attribute_data']).title
} }
</p> </p>
<p className="law-card-bold"> <p className="law-card-bold">
{item.content} {item.content}
</p> </p>
</div> </div>
))} ))}
</div> </div>
</div> </div>
</div> </div>
</section> </section>
); );
} }
} }
}; };
// export default Legislation; // export default Legislation;
export default withTranslation()(Legislation); export default withTranslation()(Legislation);

342
src/pages/Main.js
View File

@ -1,171 +1,171 @@
// IMPORT MODULES // IMPORT MODULES
import React from "react"; import React from "react";
import { withTranslation } from 'react-i18next'; import { withTranslation } from 'react-i18next';
// IMPORT COMPONENTS // IMPORT COMPONENTS
import NewsTab from "../components/Main/NewsTab"; import NewsTab from "../components/Main/NewsTab";
import DepartmentsTab from "../components/Main/DepartmentsTab"; import DepartmentsTab from "../components/Main/DepartmentsTab";
import SitesTab from "../components/Main/SitesTab"; import SitesTab from "../components/Main/SitesTab";
// IMPORT SWIPER MODULES // IMPORT SWIPER MODULES
import { Swiper, SwiperSlide } from "swiper/react/swiper-react"; import { Swiper, SwiperSlide } from "swiper/react/swiper-react";
import { Navigation, Pagination, A11y, Autoplay } from "swiper"; import { Navigation, Pagination, A11y, Autoplay } from "swiper";
// IMPORT SWIPER STYLES // IMPORT SWIPER STYLES
import "swiper/swiper.scss"; import "swiper/swiper.scss";
// IMPORT SLIDER IMAGES // IMPORT SLIDER IMAGES
// import SliderIMG from "../img/sliderImg.jpg"; // import SliderIMG from "../img/sliderImg.jpg";
import SliderIMG_2 from "../img/secondSliderImg.jpg"; import SliderIMG_2 from "../img/secondSliderImg.jpg";
// const Main = () => { // const Main = () => {
// useEffect(() => { // useEffect(() => {
// window.scrollTo(0, 0); // window.scrollTo(0, 0);
// }, []); // }, []);
class Main extends React.Component { class Main extends React.Component {
constructor(props) { constructor(props) {
super(props); super(props);
this.state = { this.state = {
items: [], items: [],
DataisLoaded: false, DataisLoaded: false,
error: null error: null
}; };
} }
componentDidMount() { componentDidMount() {
this._mounted = true this._mounted = true
this.makeRemoteRequest(); this.makeRemoteRequest();
} }
componentWillUnmount() { componentWillUnmount() {
this._mounted = false this._mounted = false
} }
makeRemoteRequest = () => { makeRemoteRequest = () => {
const url = `http://217.174.238.204:8888/api/v1/slider` const url = `http://217.174.238.204:8888/api/v1/slider`
if (this._mounted) { if (this._mounted) {
this.setState({ DataisLoaded: true }); this.setState({ DataisLoaded: true });
} }
setTimeout(() => { setTimeout(() => {
fetch(url, { fetch(url, {
method: 'GET', method: 'GET',
}) })
.then(res => res.json()) .then(res => res.json())
.then(res => { .then(res => {
if (this._mounted) { if (this._mounted) {
this.setState({ this.setState({
items: res.data, items: res.data,
error: res.message || null, error: res.message || null,
DataisLoaded: true, DataisLoaded: true,
}) })
console.log(res.data) console.log(res.data)
} }
}) })
.catch(error => { .catch(error => {
if (this._mounted) { if (this._mounted) {
this.setState({ error, DataisLoaded: false}); this.setState({ error, DataisLoaded: false});
} }
}); });
}, 1500); }, 1500);
}; };
render() { render() {
const { t } = this.props; const { t } = this.props;
var {DataisLoaded, items} = this.state; var {DataisLoaded, items} = this.state;
if(!DataisLoaded){ if(!DataisLoaded){
return <div>Loading ....</div> return <div>Loading ....</div>
}else{ }else{
return ( return (
<section className="main"> <section className="main">
<div className="slider"> <div className="slider">
<Swiper <Swiper
// install Swiper modules // install Swiper modules
modules={[Navigation, Pagination, A11y, Autoplay]} modules={[Navigation, Pagination, A11y, Autoplay]}
autoplay={({ delay: 3000 }, { disableOnInteraction: false })} autoplay={({ delay: 3000 }, { disableOnInteraction: false })}
spaceBetween={0} spaceBetween={0}
slidesPerView={1} slidesPerView={1}
navigation navigation
pagination={{ clickable: true }} pagination={{ clickable: true }}
loop={true} loop={true}
> >
{items.map(item=>( {items.map(item=>(
<SwiperSlide key={item.id} > <SwiperSlide key={item.id} >
<div className="slider-img" > <div className="slider-img" >
<img src={item.image.path} alt="ETALON" /> <img src={item.image.path} alt="ETALON" />
</div> </div>
</SwiperSlide> </SwiperSlide>
))} ))}
</Swiper> </Swiper>
</div> </div>
<div className="container"> <div className="container">
<div className="main-inner"> <div className="main-inner">
<NewsTab /> <NewsTab />
<div className="second-slider"> <div className="second-slider">
<div className="tab-header"> <div className="tab-header">
<h4 className="tab-header-text" id="tab-header-text"> <h4 className="tab-header-text" id="tab-header-text">
{/* Объявления */} {/* Объявления */}
{t('test')} {t('test')}
</h4> </h4>
<div className="tab-header-line"></div> <div className="tab-header-line"></div>
</div> </div>
<div className="slider"> <div className="slider">
<Swiper <Swiper
// install Swiper modules // install Swiper modules
modules={[Navigation, Pagination, A11y, Autoplay]} modules={[Navigation, Pagination, A11y, Autoplay]}
autoplay={({ delay: 3000 }, { disableOnInteraction: false })} autoplay={({ delay: 3000 }, { disableOnInteraction: false })}
spaceBetween={0} spaceBetween={0}
slidesPerView={1} slidesPerView={1}
navigation navigation
pagination={{ clickable: true }} pagination={{ clickable: true }}
loop={true} loop={true}
> >
<SwiperSlide className="swipe-slide"> <SwiperSlide className="swipe-slide">
<h2>Государственный эталонный центр</h2> <h2>Государственный эталонный центр</h2>
<div className="slider-img"> <div className="slider-img">
<img src={SliderIMG_2} alt="ETALON" /> <img src={SliderIMG_2} alt="ETALON" />
</div> </div>
</SwiperSlide> </SwiperSlide>
<SwiperSlide className="swipe-slide"> <SwiperSlide className="swipe-slide">
<h2>Государственный эталонный центр</h2> <h2>Государственный эталонный центр</h2>
<div className="slider-img"> <div className="slider-img">
<img src={SliderIMG_2} alt="ETALON" /> <img src={SliderIMG_2} alt="ETALON" />
</div> </div>
</SwiperSlide> </SwiperSlide>
<SwiperSlide className="swipe-slide"> <SwiperSlide className="swipe-slide">
<h2>Государственный эталонный центр</h2> <h2>Государственный эталонный центр</h2>
<div className="slider-img"> <div className="slider-img">
<img src={SliderIMG_2} alt="ETALON" /> <img src={SliderIMG_2} alt="ETALON" />
</div> </div>
</SwiperSlide> </SwiperSlide>
</Swiper> </Swiper>
</div> </div>
</div> </div>
<DepartmentsTab /> <DepartmentsTab />
<SitesTab /> <SitesTab />
</div> </div>
</div> </div>
</section> </section>
); );
} }
} }
}; };
// export default Main; // export default Main;
export default withTranslation()(Main); export default withTranslation()(Main);

252
src/pages/MeasuringRegister.js
View File

@ -1,126 +1,126 @@
// // IMPORT MODULES // // IMPORT MODULES
import React, { useEffect } from "react"; import React, { useEffect } from "react";
// IMPORT COMPONENTS // IMPORT COMPONENTS
import Breadcrumb from "../components/Global/Breadcrumb"; import Breadcrumb from "../components/Global/Breadcrumb";
const MeasuringRegister = () => { const MeasuringRegister = () => {
useEffect(() => { useEffect(() => {
window.scrollTo(0, 0); window.scrollTo(0, 0);
}, []); }, []);
return ( return (
<section className="measuring-register"> <section className="measuring-register">
<Breadcrumb <Breadcrumb
path_1="Государственный реестр средств измерений" path_1="Государственный реестр средств измерений"
currentUrl="/measuring_register" currentUrl="/measuring_register"
/> />
<div className="container"> <div className="container">
<div className="measuring-register-inner"> <div className="measuring-register-inner">
<div className="tab-header"> <div className="tab-header">
<h4 className="tab-header-text" id="tab-header-text"> <h4 className="tab-header-text" id="tab-header-text">
Утвержденные типы средств измерений, внесенные в Госреестр СИ Утвержденные типы средств измерений, внесенные в Госреестр СИ
Туркменистана на 07/11/2019 Туркменистана на 07/11/2019
</h4> </h4>
<div className="tab-header-line"></div> <div className="tab-header-line"></div>
</div> </div>
</div> </div>
<div className="mr-content"> <div className="mr-content">
<div className="mr-table"> <div className="mr-table">
<table className="structure-table"> <table className="structure-table">
<tbody> <tbody>
<tr className="table-head"> <tr className="table-head">
<th> <th>
<span>№ серт.</span> <span>№ серт.</span>
</th> </th>
<th> <th>
<span>№ Рос-реестра</span> <span>№ Рос-реестра</span>
</th> </th>
<th> <th>
<span>Наименования и тип СИ</span> <span>Наименования и тип СИ</span>
</th> </th>
<th> <th>
<span>Изготовитель</span> <span>Изготовитель</span>
</th> </th>
<th> <th>
<span>Срок действия</span> <span>Срок действия</span>
</th> </th>
</tr> </tr>
<tr> <tr>
<td> <td>
<span>0001</span> <span>0001</span>
</td> </td>
<td> <td>
<span>001-97</span> <span>001-97</span>
</td> </td>
<td> <td>
<span>Многофункциональный счетчикэлектроэнергии АЛЬФА</span> <span>Многофункциональный счетчикэлектроэнергии АЛЬФА</span>
</td> </td>
<td> <td>
<span>CП «АВВ ВЭИ» Метроникаг. Москва</span> <span>CП «АВВ ВЭИ» Метроникаг. Москва</span>
</td> </td>
<td> <td>
<span>-</span> <span>-</span>
</td> </td>
</tr> </tr>
<tr> <tr>
<td> <td>
<span>0002</span> <span>0002</span>
</td> </td>
<td> <td>
<span>002-97</span> <span>002-97</span>
</td> </td>
<td> <td>
<span>Весы электронные D1-10 D1-20 Avengen</span> <span>Весы электронные D1-10 D1-20 Avengen</span>
</td> </td>
<td> <td>
<span>“Teraoka” Weight system PTE г . Сингапур</span> <span>“Teraoka” Weight system PTE г . Сингапур</span>
</td> </td>
<td> <td>
<span>-</span> <span>-</span>
</td> </td>
</tr> </tr>
<tr> <tr>
<td> <td>
<span>0003</span> <span>0003</span>
</td> </td>
<td> <td>
<span>003-98</span> <span>003-98</span>
</td> </td>
<td> <td>
<span>Счетчики горячей и холодной PICOFLUX</span> <span>Счетчики горячей и холодной PICOFLUX</span>
</td> </td>
<td> <td>
<span>Фирма ABB Kent Messteсhnik СmbhГермания</span> <span>Фирма ABB Kent Messteсhnik СmbhГермания</span>
</td> </td>
<td> <td>
<span>01.05.2002 г.</span> <span>01.05.2002 г.</span>
</td> </td>
</tr> </tr>
<tr> <tr>
<td> <td>
<span>0004</span> <span>0004</span>
</td> </td>
<td> <td>
<span>004-98</span> <span>004-98</span>
</td> </td>
<td> <td>
<span>Счетчики горячей и холодной MAM, MNR,MPR, MT-R</span> <span>Счетчики горячей и холодной MAM, MNR,MPR, MT-R</span>
</td> </td>
<td> <td>
<span>Фирма ABB Kent Messteсhnik СmbhГермания</span> <span>Фирма ABB Kent Messteсhnik СmbhГермания</span>
</td> </td>
<td> <td>
<span>-</span> <span>-</span>
</td> </td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div> </div>
</div> </div>
</div> </div>
</section> </section>
); );
}; };
export default MeasuringRegister; export default MeasuringRegister;

154
src/pages/Meteorology.js
View File

@ -1,77 +1,77 @@
// // IMPORT MODULES // // IMPORT MODULES
import React, { useEffect } from "react"; import React, { useEffect } from "react";
import { Link } from "react-router-dom"; import { Link } from "react-router-dom";
// IMPORT COMPONENTS // IMPORT COMPONENTS
import Breadcrumb from "../components/Global/Breadcrumb"; import Breadcrumb from "../components/Global/Breadcrumb";
const Meteorology = () => { const Meteorology = () => {
useEffect(() => { useEffect(() => {
window.scrollTo(0, 0); window.scrollTo(0, 0);
}, []); }, []);
return ( return (
<section className="plans"> <section className="plans">
<Breadcrumb <Breadcrumb
path_1="Стоимость" path_1="Стоимость"
link_1="/prices" link_1="/prices"
path_2="Тарифы на проведение работ по метрологии path_2="Тарифы на проведение работ по метрологии
подразделениями 'Туркменстандартлары'" подразделениями 'Туркменстандартлары'"
currentUrl={"/prices/meteorology"} currentUrl={"/prices/meteorology"}
/> />
<div className="container"> <div className="container">
<div className="plans-inner"> <div className="plans-inner">
<div className="tab-header"> <div className="tab-header">
<h4 className="tab-header-text" id="tab-header-text"> <h4 className="tab-header-text" id="tab-header-text">
Тарифы на проведение работ по метрологии подразделениями Тарифы на проведение работ по метрологии подразделениями
"Туркменстандартлары" "Туркменстандартлары"
</h4> </h4>
<div className="tab-header-line"></div> <div className="tab-header-line"></div>
</div> </div>
<div className="plans-content"> <div className="plans-content">
<div className="plans-card-wrapper"> <div className="plans-card-wrapper">
<Link to="/prices/meteorology/1" className="planscard"> <Link to="/prices/meteorology/1" className="planscard">
<h4>Измерения геометрических величин</h4> <h4>Измерения геометрических величин</h4>
</Link> </Link>
<Link to="/prices/meteorology/1" className="planscard"> <Link to="/prices/meteorology/1" className="planscard">
<h4>Измерения механических величин</h4> <h4>Измерения механических величин</h4>
</Link> </Link>
<Link to="/prices/meteorology/1" className="planscard"> <Link to="/prices/meteorology/1" className="planscard">
<h4>Измерения давления и вакуума</h4> <h4>Измерения давления и вакуума</h4>
</Link> </Link>
<Link to="/prices/meteorology/1" className="planscard"> <Link to="/prices/meteorology/1" className="planscard">
<h4>Измерения расхода уровня и объем...</h4> <h4>Измерения расхода уровня и объем...</h4>
</Link> </Link>
<Link to="/prices/meteorology/1" className="planscard"> <Link to="/prices/meteorology/1" className="planscard">
<h4>Физико - химические измерения</h4> <h4>Физико - химические измерения</h4>
</Link> </Link>
<Link to="/prices/meteorology/1" className="planscard"> <Link to="/prices/meteorology/1" className="planscard">
<h4>Оптико - физические измерения</h4> <h4>Оптико - физические измерения</h4>
</Link> </Link>
<Link to="/prices/meteorology/1" className="planscard"> <Link to="/prices/meteorology/1" className="planscard">
<h4>Теплофизические и температурные...</h4> <h4>Теплофизические и температурные...</h4>
</Link> </Link>
<Link to="/prices/meteorology/1" className="planscard"> <Link to="/prices/meteorology/1" className="planscard">
<h4>Измерения времени и частоты</h4> <h4>Измерения времени и частоты</h4>
</Link> </Link>
<Link to="/prices/meteorology/1" className="planscard"> <Link to="/prices/meteorology/1" className="planscard">
<h4>Радиоэлектронные измерения</h4> <h4>Радиоэлектронные измерения</h4>
</Link> </Link>
<Link to="/prices/meteorology/1" className="planscard"> <Link to="/prices/meteorology/1" className="planscard">
<h4>Измерения электрических и магнит...</h4> <h4>Измерения электрических и магнит...</h4>
</Link> </Link>
<Link to="/prices/meteorology/1" className="planscard"> <Link to="/prices/meteorology/1" className="planscard">
<h4>Метрологические услуги</h4> <h4>Метрологические услуги</h4>
</Link> </Link>
<Link to="/prices/meteorology/1" className="planscard"> <Link to="/prices/meteorology/1" className="planscard">
<h4>Калибровка резервуаров</h4> <h4>Калибровка резервуаров</h4>
</Link> </Link>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</section> </section>
); );
}; };
export default Meteorology; export default Meteorology;

528
src/pages/News.js
View File

@ -1,264 +1,264 @@
// IMPORT MODULES // IMPORT MODULES
import React, { useState, useEffect } from "react"; import React, { useState, useEffect } from "react";
import { Link } from "react-router-dom"; import { Link } from "react-router-dom";
// IMPORT COMPONENTS // IMPORT COMPONENTS
import Breadcrumb from "../components/Global/Breadcrumb"; import Breadcrumb from "../components/Global/Breadcrumb";
// TAB_1 // TAB_1
import RightArrowBlue from "../svg/rightArrowBlue.svg"; import RightArrowBlue from "../svg/rightArrowBlue.svg";
import TabIMG1 from "../img/tabImg_1.jpg"; import TabIMG1 from "../img/tabImg_1.jpg";
import TabIMG2 from "../img/tabImg_2.jpg"; import TabIMG2 from "../img/tabImg_2.jpg";
import TabIMG3 from "../img/tabImg_3.jpg"; import TabIMG3 from "../img/tabImg_3.jpg";
import PrevButton from "../svg/buttonPrev.svg"; import PrevButton from "../svg/buttonPrev.svg";
import NextButton from "../svg/buttonNext.svg"; import NextButton from "../svg/buttonNext.svg";
const News = () => { const News = () => {
useEffect(() => { useEffect(() => {
window.scrollTo(0, 0); window.scrollTo(0, 0);
}, []); }, []);
// STATE // STATE
const [pageIndex, setPageIndex] = useState(1); const [pageIndex, setPageIndex] = useState(1);
return ( return (
<section className="news"> <section className="news">
<Breadcrumb path_1="Новости" currentUrl="./news" />; <Breadcrumb path_1="Новости" currentUrl="./news" />;
<div className="container"> <div className="container">
<div className="news-inner"> <div className="news-inner">
<div className="news-tab"> <div className="news-tab">
<div className="tab-header"> <div className="tab-header">
<h4 className="tab-header-text" id="tab-header-text"> <h4 className="tab-header-text" id="tab-header-text">
Новости Новости
</h4> </h4>
<div className="tab-header-line"></div> <div className="tab-header-line"></div>
</div> </div>
<div className="tab-wrapper"> <div className="tab-wrapper">
<div className="tab"> <div className="tab">
<div className="tab-top"> <div className="tab-top">
<div> <div>
<img src={TabIMG1} alt="Turkmen carpets" /> <img src={TabIMG1} alt="Turkmen carpets" />
</div> </div>
</div> </div>
<div className="tab-bottom"> <div className="tab-bottom">
<span className="tab-date">30.05.2021</span> <span className="tab-date">30.05.2021</span>
<h2 className="tab-name"> <h2 className="tab-name">
Состоялись мероприятия, приуроченные к Празднику Состоялись мероприятия, приуроченные к Празднику
туркменского ковра туркменского ковра
</h2> </h2>
<div className="tab-header-link tab-link"> <div className="tab-header-link tab-link">
<Link to="/news/novelty/1"> <Link to="/news/novelty/1">
<span>Подробнее</span> <span>Подробнее</span>
<div> <div>
<img src={RightArrowBlue} alt="RIGHTARROW" /> <img src={RightArrowBlue} alt="RIGHTARROW" />
</div> </div>
</Link> </Link>
</div> </div>
</div> </div>
</div> </div>
<div className="tab"> <div className="tab">
<div className="tab-top"> <div className="tab-top">
<div> <div>
<img src={TabIMG2} alt="Turkmen students" /> <img src={TabIMG2} alt="Turkmen students" />
</div> </div>
</div> </div>
<div className="tab-bottom"> <div className="tab-bottom">
<span className="tab-date">25.05.2021</span> <span className="tab-date">25.05.2021</span>
<h2 className="tab-name"> <h2 className="tab-name">
Состоялись мероприятия, приуроченные к Празднику Состоялись мероприятия, приуроченные к Празднику
туркменского ковра туркменского ковра
</h2> </h2>
<div className="tab-header-link tab-link"> <div className="tab-header-link tab-link">
<Link to="/news/novelty/2"> <Link to="/news/novelty/2">
<span>Подробнее</span> <span>Подробнее</span>
<div> <div>
<img src={RightArrowBlue} alt="RIGHTARROW" /> <img src={RightArrowBlue} alt="RIGHTARROW" />
</div> </div>
</Link> </Link>
</div> </div>
</div> </div>
</div> </div>
<div className="tab"> <div className="tab">
<div className="tab-top"> <div className="tab-top">
<div> <div>
<img src={TabIMG3} alt="Turkmen mothers" /> <img src={TabIMG3} alt="Turkmen mothers" />
</div> </div>
</div> </div>
<div className="tab-bottom"> <div className="tab-bottom">
<span className="tab-date">25.05.2021</span> <span className="tab-date">25.05.2021</span>
<h2 className="tab-name"> <h2 className="tab-name">
Родителям первых детей, рождённых в день юбилея Ашхабада, Родителям первых детей, рождённых в день юбилея Ашхабада,
вручены подарки... вручены подарки...
</h2> </h2>
<div className="tab-header-link tab-link"> <div className="tab-header-link tab-link">
<Link to="/news/novelty/3"> <Link to="/news/novelty/3">
<span>Подробнее</span> <span>Подробнее</span>
<div> <div>
<img src={RightArrowBlue} alt="RIGHTARROW" /> <img src={RightArrowBlue} alt="RIGHTARROW" />
</div> </div>
</Link> </Link>
</div> </div>
</div> </div>
</div> </div>
<div className="tab"> <div className="tab">
<div className="tab-top"> <div className="tab-top">
<div> <div>
<img src={TabIMG1} alt="Turkmen carpets" /> <img src={TabIMG1} alt="Turkmen carpets" />
</div> </div>
</div> </div>
<div className="tab-bottom"> <div className="tab-bottom">
<span className="tab-date">30.05.2021</span> <span className="tab-date">30.05.2021</span>
<h2 className="tab-name"> <h2 className="tab-name">
Состоялись мероприятия, приуроченные к Празднику Состоялись мероприятия, приуроченные к Празднику
туркменского ковра туркменского ковра
</h2> </h2>
<div className="tab-header-link tab-link"> <div className="tab-header-link tab-link">
<Link to="/news/novelty/4"> <Link to="/news/novelty/4">
<span>Подробнее</span> <span>Подробнее</span>
<div> <div>
<img src={RightArrowBlue} alt="RIGHTARROW" /> <img src={RightArrowBlue} alt="RIGHTARROW" />
</div> </div>
</Link> </Link>
</div> </div>
</div> </div>
</div> </div>
<div className="tab"> <div className="tab">
<div className="tab-top"> <div className="tab-top">
<div> <div>
<img src={TabIMG2} alt="Turkmen students" /> <img src={TabIMG2} alt="Turkmen students" />
</div> </div>
</div> </div>
<div className="tab-bottom"> <div className="tab-bottom">
<span className="tab-date">25.05.2021</span> <span className="tab-date">25.05.2021</span>
<h2 className="tab-name"> <h2 className="tab-name">
Состоялись мероприятия, приуроченные к Празднику Состоялись мероприятия, приуроченные к Празднику
туркменского ковра туркменского ковра
</h2> </h2>
<div className="tab-header-link tab-link"> <div className="tab-header-link tab-link">
<Link to="/news/novelty/5"> <Link to="/news/novelty/5">
<span>Подробнее</span> <span>Подробнее</span>
<div> <div>
<img src={RightArrowBlue} alt="RIGHTARROW" /> <img src={RightArrowBlue} alt="RIGHTARROW" />
</div> </div>
</Link> </Link>
</div> </div>
</div> </div>
</div> </div>
<div className="tab"> <div className="tab">
<div className="tab-top"> <div className="tab-top">
<div> <div>
<img src={TabIMG3} alt="Turkmen mothers" /> <img src={TabIMG3} alt="Turkmen mothers" />
</div> </div>
</div> </div>
<div className="tab-bottom"> <div className="tab-bottom">
<span className="tab-date">25.05.2021</span> <span className="tab-date">25.05.2021</span>
<h2 className="tab-name"> <h2 className="tab-name">
Родителям первых детей, рождённых в день юбилея Ашхабада, Родителям первых детей, рождённых в день юбилея Ашхабада,
вручены подарки... вручены подарки...
</h2> </h2>
<div className="tab-header-link tab-link"> <div className="tab-header-link tab-link">
<Link to="/news/novelty/6"> <Link to="/news/novelty/6">
<span>Подробнее</span> <span>Подробнее</span>
<div> <div>
<img src={RightArrowBlue} alt="RIGHTARROW" /> <img src={RightArrowBlue} alt="RIGHTARROW" />
</div> </div>
</Link> </Link>
</div> </div>
</div> </div>
</div> </div>
<div className="tab"> <div className="tab">
<div className="tab-top"> <div className="tab-top">
<div> <div>
<img src={TabIMG1} alt="Turkmen carpets" /> <img src={TabIMG1} alt="Turkmen carpets" />
</div> </div>
</div> </div>
<div className="tab-bottom"> <div className="tab-bottom">
<span className="tab-date">30.05.2021</span> <span className="tab-date">30.05.2021</span>
<h2 className="tab-name"> <h2 className="tab-name">
Состоялись мероприятия, приуроченные к Празднику Состоялись мероприятия, приуроченные к Празднику
туркменского ковра туркменского ковра
</h2> </h2>
<div className="tab-header-link tab-link"> <div className="tab-header-link tab-link">
<Link to="/news/novelty/7"> <Link to="/news/novelty/7">
<span>Подробнее</span> <span>Подробнее</span>
<div> <div>
<img src={RightArrowBlue} alt="RIGHTARROW" /> <img src={RightArrowBlue} alt="RIGHTARROW" />
</div> </div>
</Link> </Link>
</div> </div>
</div> </div>
</div> </div>
<div className="tab"> <div className="tab">
<div className="tab-top"> <div className="tab-top">
<div> <div>
<img src={TabIMG2} alt="Turkmen students" /> <img src={TabIMG2} alt="Turkmen students" />
</div> </div>
</div> </div>
<div className="tab-bottom"> <div className="tab-bottom">
<span className="tab-date">25.05.2021</span> <span className="tab-date">25.05.2021</span>
<h2 className="tab-name"> <h2 className="tab-name">
Состоялись мероприятия, приуроченные к Празднику Состоялись мероприятия, приуроченные к Празднику
туркменского ковра туркменского ковра
</h2> </h2>
<div className="tab-header-link tab-link"> <div className="tab-header-link tab-link">
<Link to="/news/novelty/8"> <Link to="/news/novelty/8">
<span>Подробнее</span> <span>Подробнее</span>
<div> <div>
<img src={RightArrowBlue} alt="RIGHTARROW" /> <img src={RightArrowBlue} alt="RIGHTARROW" />
</div> </div>
</Link> </Link>
</div> </div>
</div> </div>
</div> </div>
<div className="tab"> <div className="tab">
<div className="tab-top"> <div className="tab-top">
<div> <div>
<img src={TabIMG3} alt="Turkmen mothers" /> <img src={TabIMG3} alt="Turkmen mothers" />
</div> </div>
</div> </div>
<div className="tab-bottom"> <div className="tab-bottom">
<span className="tab-date">25.05.2021</span> <span className="tab-date">25.05.2021</span>
<h2 className="tab-name"> <h2 className="tab-name">
Родителям первых детей, рождённых в день юбилея Ашхабада, Родителям первых детей, рождённых в день юбилея Ашхабада,
вручены подарки... вручены подарки...
</h2> </h2>
<div className="tab-header-link tab-link"> <div className="tab-header-link tab-link">
<Link to="/news/novelty/9"> <Link to="/news/novelty/9">
<span>Подробнее</span> <span>Подробнее</span>
<div> <div>
<img src={RightArrowBlue} alt="RIGHTARROW" /> <img src={RightArrowBlue} alt="RIGHTARROW" />
</div> </div>
</Link> </Link>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div className="news-page-control"> <div className="news-page-control">
<button <button
className="prev-button" className="prev-button"
type="button" type="button"
onClick={() => { onClick={() => {
if (pageIndex !== 1) { if (pageIndex !== 1) {
setPageIndex(pageIndex - 1); setPageIndex(pageIndex - 1);
} }
}} }}
> >
<img src={PrevButton} alt="Back" /> <img src={PrevButton} alt="Back" />
</button> </button>
<span className="page-index">{pageIndex}</span> <span className="page-index">{pageIndex}</span>
<button <button
className="next-button" className="next-button"
type="button" type="button"
onClick={() => { onClick={() => {
setPageIndex(pageIndex + 1); setPageIndex(pageIndex + 1);
}} }}
> >
<img src={NextButton} alt="Forward" /> <img src={NextButton} alt="Forward" />
</button> </button>
</div> </div>
</div> </div>
</section> </section>
); );
}; };
export default News; export default News;

166
src/pages/Novelty.js
View File

@ -1,83 +1,83 @@
// IMPORT MODULES // IMPORT MODULES
import React, { useEffect } from "react"; import React, { useEffect } from "react";
// IMPORT COMPONENTS // IMPORT COMPONENTS
import Breadcrumb from "../components/Global/Breadcrumb"; import Breadcrumb from "../components/Global/Breadcrumb";
// IMPORT IMAGES // IMPORT IMAGES
import NoveltyIMG from "../img/noveltyImg.jpg"; import NoveltyIMG from "../img/noveltyImg.jpg";
const Novelty = () => { const Novelty = () => {
useEffect(() => { useEffect(() => {
window.scrollTo(0, 0); window.scrollTo(0, 0);
}, []); }, []);
return ( return (
<section className="novelty"> <section className="novelty">
<Breadcrumb <Breadcrumb
path_1="Новости" path_1="Новости"
link_1="/news" link_1="/news"
path_2="Очередная видеовстреча с зарубежными партнёрами" path_2="Очередная видеовстреча с зарубежными партнёрами"
currentUrl="../news/novelty" currentUrl="../news/novelty"
/> />
<div className="container"> <div className="container">
<div className="novelty-inner"> <div className="novelty-inner">
<div className="novelty-head"> <div className="novelty-head">
<div className="novelty-img"> <div className="novelty-img">
<img src={NoveltyIMG} alt="Novelty" /> <img src={NoveltyIMG} alt="Novelty" />
</div> </div>
<h4 className="novelty-title"> <h4 className="novelty-title">
Очередная видеовстреча с зарубежными партнёрами Очередная видеовстреча с зарубежными партнёрами
</h4> </h4>
</div> </div>
<div className="novelty-text"> <div className="novelty-text">
<span> <span>
<span className="pgraph"> <span className="pgraph">
Поддержка женского предпринимательства, обеспечение гендерного Поддержка женского предпринимательства, обеспечение гендерного
баланса и создание равных условий труда стали главной темой баланса и создание равных условий труда стали главной темой
обсуждения Международного онлайн-форума «Расширение обсуждения Международного онлайн-форума «Расширение
экономических прав и возможностей женщин для устойчивого экономических прав и возможностей женщин для устойчивого
развития в Центральной Азии и Афганистане», организованного развития в Центральной Азии и Афганистане», организованного
сегодня Олий Мажлисом Республики Узбекистан и Программой сегодня Олий Мажлисом Республики Узбекистан и Программой
развития ООН. развития ООН.
</span> </span>
<span className="pgraph"> <span className="pgraph">
В многосторонней встрече, проходящей под эгидой Диалога В многосторонней встрече, проходящей под эгидой Диалога
женщин-лидеров Центральной Азии, с туркменской стороны приняли женщин-лидеров Центральной Азии, с туркменской стороны приняли
участие председатель Меджлиса Милли Генгеша и представители участие председатель Меджлиса Милли Генгеша и представители
Союза промышленников и предпринимателей. Союза промышленников и предпринимателей.
</span> </span>
<span className="pgraph"> <span className="pgraph">
Начало форума предварил видеообзор выставки продукции Начало форума предварил видеообзор выставки продукции
женщин-предпринимателей Центральной Азии, проведённой в столице женщин-предпринимателей Центральной Азии, проведённой в столице
каждой из стран-участниц. каждой из стран-участниц.
</span> </span>
<span className="pgraph"> <span className="pgraph">
Выражая поддержку усилиям правительств государств региона в Выражая поддержку усилиям правительств государств региона в
вопросах обеспечения гендерного равенства и повышения роли вопросах обеспечения гендерного равенства и повышения роли
женщин в достижении Целей устойчивого развития, участники женщин в достижении Целей устойчивого развития, участники
видеоконференции подчеркнули необходимость более полной видеоконференции подчеркнули необходимость более полной
реализации предпринимательского потенциала женщин, дальнейшего реализации предпринимательского потенциала женщин, дальнейшего
совершенствования законодательной базы и экономической политики совершенствования законодательной базы и экономической политики
в целях расширения их присутствия на рынке труда и активного в целях расширения их присутствия на рынке труда и активного
продвижения в государственном и частном секторах. продвижения в государственном и частном секторах.
</span> </span>
<span className="pgraph"> <span className="pgraph">
В рамках форума была согласована и принята «Дорожная карта» по В рамках форума была согласована и принята «Дорожная карта» по
развитию сотрудничества в сфере устойчивого развития между развитию сотрудничества в сфере устойчивого развития между
женщинами-предпринимателями Центральной Азии и Афганистана, а женщинами-предпринимателями Центральной Азии и Афганистана, а
также принят Итоговый документ – Сов­местное заявление, в также принят Итоговый документ – Сов­местное заявление, в
котором участники форума выразили уверенность, что практическая котором участники форума выразили уверенность, что практическая
реализация запланированных мероприятий будет способствовать реализация запланированных мероприятий будет способствовать
развитию женского предпринимательства, дальнейшему укреплению развитию женского предпринимательства, дальнейшему укреплению
взаимовыгодного сотрудничества и делового партнёрства между взаимовыгодного сотрудничества и делового партнёрства между
женщинами-предпринимателями региона. женщинами-предпринимателями региона.
</span> </span>
</span> </span>
</div> </div>
</div> </div>
</div> </div>
</section> </section>
); );
}; };
export default Novelty; export default Novelty;

110
src/pages/Prices.js
View File

@ -1,55 +1,55 @@
// IMPORT MODULES // IMPORT MODULES
import React, { useEffect } from "react"; import React, { useEffect } from "react";
// IMPORT COMPONENTS // IMPORT COMPONENTS
import Breadcrumb from "../components/Global/Breadcrumb"; import Breadcrumb from "../components/Global/Breadcrumb";
import EtalonsCard from "../components/Etalons/EtalonsCard"; import EtalonsCard from "../components/Etalons/EtalonsCard";
// IMPORT IMAGES // IMPORT IMAGES
import Img_1 from "../img/pricesImg_1.jpg"; import Img_1 from "../img/pricesImg_1.jpg";
import Img_2 from "../img/pricesImg_2.jpg"; import Img_2 from "../img/pricesImg_2.jpg";
import Img_3 from "../img/pricesImg_3.jpg"; import Img_3 from "../img/pricesImg_3.jpg";
const Prices = () => { const Prices = () => {
useEffect(() => { useEffect(() => {
window.scrollTo(0, 0); window.scrollTo(0, 0);
}, []); }, []);
return ( return (
<section className="prices"> <section className="prices">
<Breadcrumb path_1="Стоимость" currentUrl="/prices" /> <Breadcrumb path_1="Стоимость" currentUrl="/prices" />
<div className="container"> <div className="container">
<div className="tab-header"> <div className="tab-header">
<h4 className="tab-header-text" id="tab-header-text"> <h4 className="tab-header-text" id="tab-header-text">
Стоимость Стоимость
</h4> </h4>
<div className="tab-header-line"></div> <div className="tab-header-line"></div>
</div> </div>
<div className="price-content"> <div className="price-content">
<div className="depts-wrapper"> <div className="depts-wrapper">
<EtalonsCard <EtalonsCard
key={1} key={1}
img={Img_1} img={Img_1}
title="Тарифы на проведение работ по метрологии подразделениями..." title="Тарифы на проведение работ по метрологии подразделениями..."
link="../prices/meteorology" link="../prices/meteorology"
/> />
<EtalonsCard <EtalonsCard
key={2} key={2}
img={Img_2} img={Img_2}
title="Тарифы на проведение проверки или калибровки средств..." title="Тарифы на проведение проверки или калибровки средств..."
link="../prices/calibrate_instruments" link="../prices/calibrate_instruments"
/> />
<EtalonsCard <EtalonsCard
key={3} key={3}
img={Img_3} img={Img_3}
title="Стоимость калибровки термометров сопротивления в калибровки в..." title="Стоимость калибровки термометров сопротивления в калибровки в..."
link="../prices/calibrate_thermo" link="../prices/calibrate_thermo"
/> />
</div> </div>
</div> </div>
</div> </div>
</section> </section>
); );
}; };
export default Prices; export default Prices;

358
src/pages/Regulations.js
View File

@ -1,179 +1,179 @@
// IMPORT MODULES // IMPORT MODULES
import React, { useEffect } from "react"; import React, { useEffect } from "react";
// IMPORT COMPONENTS // IMPORT COMPONENTS
import Breadcrumb from "../components/Global/Breadcrumb"; import Breadcrumb from "../components/Global/Breadcrumb";
// IMPORT IMAGES // IMPORT IMAGES
import Loop from "../svg/loupe.svg"; import Loop from "../svg/loupe.svg";
import Next from "../svg/next.svg"; import Next from "../svg/next.svg";
import Prev from "../svg/prev.svg"; import Prev from "../svg/prev.svg";
const Regulations = () => { const Regulations = () => {
useEffect(() => { useEffect(() => {
window.scrollTo(0, 0); window.scrollTo(0, 0);
}, []); }, []);
return ( return (
<section className="regulations"> <section className="regulations">
<Breadcrumb <Breadcrumb
path_1="Реестр нормативной документации" path_1="Реестр нормативной документации"
currentUrl="/measuring_regulations" currentUrl="/measuring_regulations"
/> />
<div className="container"> <div className="container">
<div className="regulations-inner"> <div className="regulations-inner">
<div className="regulations-head"> <div className="regulations-head">
<div className="regulations-head-left"> <div className="regulations-head-left">
<form className="search-form"> <form className="search-form">
<input type="text" placeholder="Поиск" /> <input type="text" placeholder="Поиск" />
<button type="button"> <button type="button">
<div> <div>
<img src={Loop} alt="Loop" /> <img src={Loop} alt="Loop" />
</div> </div>
</button> </button>
</form> </form>
</div> </div>
<div className="regulations-head-right"> <div className="regulations-head-right">
<form className="btn-form"> <form className="btn-form">
<button type="button" className="button-prev regulations-btn"> <button type="button" className="button-prev regulations-btn">
<div> <div>
<img src={Prev} alt="Previous" /> <img src={Prev} alt="Previous" />
</div> </div>
</button> </button>
<button type="button" className="button-right regulations-btn"> <button type="button" className="button-right regulations-btn">
<div> <div>
<img src={Next} alt="Next" /> <img src={Next} alt="Next" />
</div> </div>
</button> </button>
</form> </form>
</div> </div>
</div> </div>
<div className="regulations-content"> <div className="regulations-content">
<div className="structure-employees"> <div className="structure-employees">
<table className="regulations-table structure-table"> <table className="regulations-table structure-table">
<tbody> <tbody>
<tr className="table-head"> <tr className="table-head">
<th className="n head">Т/ь</th> <th className="n head">Т/ь</th>
<th className="number head"> <th className="number head">
Номер нормативной документации Номер нормативной документации
</th> </th>
<th className="replacedby head">Взамен НТД</th> <th className="replacedby head">Взамен НТД</th>
<th className="desc head"> <th className="desc head">
Номер нормативной документации Номер нормативной документации
</th> </th>
<th className="date head">Дата введения</th> <th className="date head">Дата введения</th>
<th className="limit head">Срок действия</th> <th className="limit head">Срок действия</th>
</tr> </tr>
<tr> <tr>
<td>1</td> <td>1</td>
<td>GR 16162325-87 -2017</td> <td>GR 16162325-87 -2017</td>
<td>Взамен РД 52.04.234-89 </td> <td>Взамен РД 52.04.234-89 </td>
<td> <td>
Методические указания Измеритель высоты нижней границы Методические указания Измеритель высоты нижней границы
облаков. Методика поверки облаков. Методика поверки
</td> </td>
<td>01.07.2017</td> <td>01.07.2017</td>
<td>-</td> <td>-</td>
</tr> </tr>
<tr> <tr>
<td>2</td> <td>2</td>
<td>GR 16162325-88-2017</td> <td>GR 16162325-88-2017</td>
<td>Введен впервые</td> <td>Введен впервые</td>
<td> <td>
Барометры ртутные метрологические. Методические указания Барометры ртутные метрологические. Методические указания
по проведению поверки по проведению поверки
</td> </td>
<td>01.12.2017</td> <td>01.12.2017</td>
<td>-</td> <td>-</td>
</tr> </tr>
<tr> <tr>
<td>3</td> <td>3</td>
<td>GR 16162325-89-2017</td> <td>GR 16162325-89-2017</td>
<td>Взамен МИ-1908-88</td> <td>Взамен МИ-1908-88</td>
<td> <td>
Психрометры аспирационные Методические указания по Психрометры аспирационные Методические указания по
проведению поверки проведению поверки
</td> </td>
<td>01.02.2018</td> <td>01.02.2018</td>
<td>-</td> <td>-</td>
</tr> </tr>
<tr> <tr>
<td>4</td> <td>4</td>
<td>GR 16162325-91-2017</td> <td>GR 16162325-91-2017</td>
<td>Введен впервые</td> <td>Введен впервые</td>
<td> <td>
Барографы метеорлогические анероидные. Методические Барографы метеорлогические анероидные. Методические
указания по проведению поверки указания по проведению поверки
</td> </td>
<td>20.01.2018</td> <td>20.01.2018</td>
<td>-</td> <td>-</td>
</tr> </tr>
<tr> <tr>
<td>5</td> <td>5</td>
<td>GR 16162325-90-2017</td> <td>GR 16162325-90-2017</td>
<td>Взамен RD-52.04244-89</td> <td>Взамен RD-52.04244-89</td>
<td> <td>
Анеморумбометр М-63М-1 Методические указания по проведению Анеморумбометр М-63М-1 Методические указания по проведению
поверки поверки
</td> </td>
<td>20.01.2018</td> <td>20.01.2018</td>
<td>-</td> <td>-</td>
</tr> </tr>
<tr> <tr>
<td>6</td> <td>6</td>
<td>GR 16162325-93-2017</td> <td>GR 16162325-93-2017</td>
<td>Введен впервые</td> <td>Введен впервые</td>
<td> <td>
Барометры мембранные метеорологические Методические Барометры мембранные метеорологические Методические
указания по проведению поверки указания по проведению поверки
</td> </td>
<td>01.05.2018</td> <td>01.05.2018</td>
<td>-</td> <td>-</td>
</tr> </tr>
<tr> <tr>
<td>7</td> <td>7</td>
<td>GR 16162325-94-2017</td> <td>GR 16162325-94-2017</td>
<td>Введен впервые</td> <td>Введен впервые</td>
<td> <td>
Барометры образцовые переносные типа БОП-1. Методические Барометры образцовые переносные типа БОП-1. Методические
указания по проведению поверки указания по проведению поверки
</td> </td>
<td>01.05.2018</td> <td>01.05.2018</td>
<td>-</td> <td>-</td>
</tr> </tr>
<tr> <tr>
<td>8</td> <td>8</td>
<td>TDS-5533-2013</td> <td>TDS-5533-2013</td>
<td>ГОСТ 5533-2013</td> <td>ГОСТ 5533-2013</td>
<td>Стекло узорчатое. Технические условия.</td> <td>Стекло узорчатое. Технические условия.</td>
<td>31.05.2018</td> <td>31.05.2018</td>
<td>31.05.2023</td> <td>31.05.2023</td>
</tr> </tr>
<tr> <tr>
<td>9</td> <td>9</td>
<td>TDS-32361-2013</td> <td>TDS-32361-2013</td>
<td>ГОСТ 32361-2013</td> <td>ГОСТ 32361-2013</td>
<td> <td>
Стекло и изделия из него. Пороки. Термины и определения Стекло и изделия из него. Пороки. Термины и определения
</td> </td>
<td>31.05.2018</td> <td>31.05.2018</td>
<td>31.05.2023</td> <td>31.05.2023</td>
</tr> </tr>
<tr> <tr>
<td>10</td> <td>10</td>
<td>TDS-32529-2013</td> <td>TDS-32529-2013</td>
<td>ГОСТ 32529-2013</td> <td>ГОСТ 32529-2013</td>
<td>Стекло и изделия из него. Правила приемки</td> <td>Стекло и изделия из него. Правила приемки</td>
<td>31.05.2018</td> <td>31.05.2018</td>
<td>31.05.2023</td> <td>31.05.2023</td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</section> </section>
); );
}; };
export default Regulations; export default Regulations;

588
src/pages/Service.js
View File

@ -1,294 +1,294 @@
// IMPORT MODULES // IMPORT MODULES
import React, { useEffect, useRef } from "react"; import React, { useEffect, useRef } from "react";
// IMPORT COMPONENTS // IMPORT COMPONENTS
import Breadcrumb from "../components/Global/Breadcrumb"; import Breadcrumb from "../components/Global/Breadcrumb";
// IMPORT IMAGES // IMPORT IMAGES
import Print from "../svg/print.svg"; import Print from "../svg/print.svg";
import Img1 from "../img/serviceRequest_1.jpg"; import Img1 from "../img/serviceRequest_1.jpg";
import Img2 from "../img/serviceRequest_2.jpg"; import Img2 from "../img/serviceRequest_2.jpg";
import Img3 from "../img/serviceRequest_3.jpg"; import Img3 from "../img/serviceRequest_3.jpg";
import Img4 from "../img/serviceRequest_4.jpg"; import Img4 from "../img/serviceRequest_4.jpg";
const Service = () => { const Service = () => {
useEffect(() => { useEffect(() => {
window.scrollTo(0, 0); window.scrollTo(0, 0);
}, []); }, []);
// DEFINE IMAGE SOURCES // DEFINE IMAGE SOURCES
const img_1 = useRef(); const img_1 = useRef();
const img_2 = useRef(); const img_2 = useRef();
const img_3 = useRef(); const img_3 = useRef();
const img_4 = useRef(); const img_4 = useRef();
return ( return (
<section className="service"> <section className="service">
<Breadcrumb path_1="Информация об услугах" currentUrl="/service" /> <Breadcrumb path_1="Информация об услугах" currentUrl="/service" />
<div className="container"> <div className="container">
<div className="service-inner"> <div className="service-inner">
<div className="tab-header"> <div className="tab-header">
<h4 className="tab-header-text" id="tab-header-text"> <h4 className="tab-header-text" id="tab-header-text">
Сведения об услугах проводимых Государственным эталонным центром Сведения об услугах проводимых Государственным эталонным центром
</h4> </h4>
<div className="tab-header-line"></div> <div className="tab-header-line"></div>
</div> </div>
<div className="service-content"> <div className="service-content">
<div className="structure-employees"> <div className="structure-employees">
<table className="regulations-table structure-table"> <table className="regulations-table structure-table">
<tbody> <tbody>
<tr className="table-head"> <tr className="table-head">
<th className="n head">№ пп</th> <th className="n head">№ пп</th>
<th className="number head">Вид деятельности</th> <th className="number head">Вид деятельности</th>
<th className="replacedby head"> <th className="replacedby head">
Документы необходимые для проведения работ Документы необходимые для проведения работ
</th> </th>
<th className="desc head"> <th className="desc head">
Порядок, в соответствии с которым проводиться деятельность Порядок, в соответствии с которым проводиться деятельность
</th> </th>
<th className="date head">Стоимость работ</th> <th className="date head">Стоимость работ</th>
</tr> </tr>
<tr> <tr>
<td>1</td> <td>1</td>
<td>Калибровка средств измерений</td> <td>Калибровка средств измерений</td>
<td> <td>
Заявка на проведение работ Техническая документация на Заявка на проведение работ Техническая документация на
средство измерения Сертификат последней калибровки средство измерения Сертификат последней калибровки
средства измерения Документ об оплате средства измерения Документ об оплате
</td> </td>
<td> <td>
«Порядок проведения Государственных метрологических «Порядок проведения Государственных метрологических
испытаний, государственной поверки, калибровки и поверки испытаний, государственной поверки, калибровки и поверки
стандартных образцов средств измерений» Утвержденный стандартных образцов средств измерений» Утвержденный
приказом Главной государственной службы приказом Главной государственной службы
«Туркменстадартлары» № 1/148 от 5 ноября 2015 года «Туркменстадартлары» № 1/148 от 5 ноября 2015 года
</td> </td>
<td> <td>
Тарифы проводимых работ по метрологии подразделениями Тарифы проводимых работ по метрологии подразделениями
Главной государственной службы «Туркменстадартлары» Главной государственной службы «Туркменстадартлары»
Утвержденные 15 марта 2018 года Утвержденные 15 марта 2018 года
</td> </td>
</tr> </tr>
<tr> <tr>
<td>2</td> <td>2</td>
<td>Поверка средств измерений</td> <td>Поверка средств измерений</td>
<td> <td>
Заявка на проведение работ Техническая документация на Заявка на проведение работ Техническая документация на
средство измерения Документ об оплате средство измерения Документ об оплате
</td> </td>
<td> <td>
«Порядок проведения Государственных метрологических «Порядок проведения Государственных метрологических
испытаний, государственной поверки, калибровки и поверки испытаний, государственной поверки, калибровки и поверки
стандартных образцов средств измерений» Утвержденный стандартных образцов средств измерений» Утвержденный
приказом Главной государственной службы приказом Главной государственной службы
“Туркменстандартлары” № 1/148 от 5 ноября 2015 года “Туркменстандартлары” № 1/148 от 5 ноября 2015 года
</td> </td>
<td> <td>
Тарифы проводимых работ по метрологии подразделениями Тарифы проводимых работ по метрологии подразделениями
Главной государственной службы "Туркменстандартлары" Главной государственной службы "Туркменстандартлары"
Утвержденные 03 марта 2018 года Утвержденные 03 марта 2018 года
</td> </td>
</tr> </tr>
<tr> <tr>
<td>3</td> <td>3</td>
<td> <td>
Государственные метрологические испытания средств Государственные метрологические испытания средств
измерений с целью внесения в Государственный Реестр измерений с целью внесения в Государственный Реестр
Туркменистана Туркменистана
</td> </td>
<td> <td>
Заявка на проведение работ Техническая документация на Заявка на проведение работ Техническая документация на
средство измерения Документ об оплате средство измерения Документ об оплате
</td> </td>
<td> <td>
«Порядок проведения Государственных метрологических «Порядок проведения Государственных метрологических
испытаний, государственной поверки, калибровки и поверки испытаний, государственной поверки, калибровки и поверки
стандартных образцов средств измерений» Утвержденный стандартных образцов средств измерений» Утвержденный
приказом Главной государственной службы приказом Главной государственной службы
“Туркменстандартлары” № 1/148 от 5 ноября 2015 года “Туркменстандартлары” № 1/148 от 5 ноября 2015 года
</td> </td>
<td> <td>
Тарифы проводимых работ по метрологии подразделениями Тарифы проводимых работ по метрологии подразделениями
Главной государственной службы "Туркменстандартлары" Главной государственной службы "Туркменстандартлары"
Утвержденные 03 марта 2018 года Утвержденные 03 марта 2018 года
</td> </td>
</tr> </tr>
<tr> <tr>
<td>4</td> <td>4</td>
<td>Сертификационные испытания средств измерений</td> <td>Сертификационные испытания средств измерений</td>
<td> <td>
Акт отбора образцов Техническая документация на средство Акт отбора образцов Техническая документация на средство
измерения Документ об оплате измерения Документ об оплате
</td> </td>
<td> <td>
«Порядок сертификации продукции» Утвержденный приказом «Порядок сертификации продукции» Утвержденный приказом
Главной государственной службы “Туркменстандартлары” № Главной государственной службы “Туркменстандартлары” №
1/60 от 27 марта 2014 года 1/60 от 27 марта 2014 года
</td> </td>
<td> <td>
Тарифы проводимых работ по метрологии подразделениями Тарифы проводимых работ по метрологии подразделениями
Главной государственной службы "Туркменстандартлары" Главной государственной службы "Туркменстандартлары"
Утвержденные 03 марта 2018 года Утвержденные 03 марта 2018 года
</td> </td>
</tr> </tr>
<tr> <tr>
<td>5</td> <td>5</td>
<td> <td>
Метрологические услуги: (Проведение испытаний средств Метрологические услуги: (Проведение испытаний средств
измерений и стандартных образцов и утверждения их типа) измерений и стандартных образцов и утверждения их типа)
</td> </td>
<td> <td>
Заявка на проведение работ Техническая документация на Заявка на проведение работ Техническая документация на
средство измерения Документ об оплате средство измерения Документ об оплате
</td> </td>
<td> <td>
«Порядок проведения испытаний стандартных образцов и «Порядок проведения испытаний стандартных образцов и
средств измерений и утверждения их типа» Утвержденный средств измерений и утверждения их типа» Утвержденный
приказом Главной государственной службы приказом Главной государственной службы
«Туркменстадартлары» № 1/119 от 14 сентября 2015 года «Туркменстадартлары» № 1/119 от 14 сентября 2015 года
</td> </td>
<td> <td>
«Тарифы проводимых работ по метрологии подразделениями «Тарифы проводимых работ по метрологии подразделениями
Главной государственной службы "Туркменстандартлары» Главной государственной службы "Туркменстандартлары»
Утвержденные 03 марта 2018 года Утвержденные 03 марта 2018 года
</td> </td>
</tr> </tr>
<tr> <tr>
<td>6</td> <td>6</td>
<td>Ремонт средств измерений</td> <td>Ремонт средств измерений</td>
<td> <td>
Заявка на проведение работ Техническая документация на Заявка на проведение работ Техническая документация на
средство измерения Документ об оплате средство измерения Документ об оплате
</td> </td>
<td>В соответствии с выявленной неисправностью</td> <td>В соответствии с выявленной неисправностью</td>
<td> <td>
«Тарифы на проведение работ по ремонту средств измерений и «Тарифы на проведение работ по ремонту средств измерений и
механизмов отделом ремонта средств измерений механизмов отделом ремонта средств измерений
Государственного эталонного центра» Утверждены 11 июня Государственного эталонного центра» Утверждены 11 июня
2018 года 2018 года
</td> </td>
</tr> </tr>
<tr> <tr>
<td>7</td> <td>7</td>
<td> <td>
Разработка нормативной документации группой Технического Разработка нормативной документации группой Технического
комитета по метрологи TK TM 02 комитета по метрологи TK TM 02
</td> </td>
<td> <td>
Заявка на разработку документа Техническое задание Заявка на разработку документа Техническое задание
Документ об оплате Документ об оплате
</td> </td>
<td> <td>
“Порядок создания национальных технических комитетов “Порядок создания национальных технических комитетов
Туркменистана по стандартизации и организации их работы” Туркменистана по стандартизации и организации их работы”
Утвержденный приказом Главной государственной службы Утвержденный приказом Главной государственной службы
“Туркменстандартлары” № 1/1 от 04.01.2016г. и “Туркменстандартлары” № 1/1 от 04.01.2016г. и
зарегистрированным в Министерстве Адалат Туркменистана № зарегистрированным в Министерстве Адалат Туркменистана №
944 14.01.2016 года 944 14.01.2016 года
</td> </td>
<td> <td>
Стоимость разработки нормативного документа определяеться Стоимость разработки нормативного документа определяеться
по фактическим затратам по фактическим затратам
</td> </td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div> </div>
</div> </div>
<div className="service-bottom"> <div className="service-bottom">
<div className="tab-header"> <div className="tab-header">
<h4 className="tab-header-text" id="tab-header-text"> <h4 className="tab-header-text" id="tab-header-text">
Виды заявок Виды заявок
</h4> </h4>
<div className="tab-header-line"></div> <div className="tab-header-line"></div>
</div> </div>
<div className="service-cards-wrapper"> <div className="service-cards-wrapper">
<div <div
className="service-card" className="service-card"
onClick={() => { onClick={() => {
window.open(img_1.current.src); window.open(img_1.current.src);
}} }}
> >
<div className="service-abs"> <div className="service-abs">
<div> <div>
<img src={Print} alt="Print" /> <img src={Print} alt="Print" />
</div> </div>
</div> </div>
<div className="service-card-top"> <div className="service-card-top">
<div className="service-img-wrapper"> <div className="service-img-wrapper">
<img src={Img1} alt="Request1" ref={img_1} /> <img src={Img1} alt="Request1" ref={img_1} />
</div> </div>
</div> </div>
<div className="service-card-bottom"> <div className="service-card-bottom">
<h4 className="service-card-title">Заявка на поверку</h4> <h4 className="service-card-title">Заявка на поверку</h4>
</div> </div>
</div> </div>
<div <div
className="service-card" className="service-card"
onClick={() => { onClick={() => {
window.open(img_2.current.src); window.open(img_2.current.src);
}} }}
> >
<div className="service-abs"> <div className="service-abs">
<div> <div>
<img src={Print} alt="Print" /> <img src={Print} alt="Print" />
</div> </div>
</div> </div>
<div className="service-card-top"> <div className="service-card-top">
<div className="service-img-wrapper"> <div className="service-img-wrapper">
<img src={Img2} alt="Request2" ref={img_2} /> <img src={Img2} alt="Request2" ref={img_2} />
</div> </div>
</div> </div>
<div className="service-card-bottom"> <div className="service-card-bottom">
<h4 className="service-card-title">Заявка на поверку</h4> <h4 className="service-card-title">Заявка на поверку</h4>
</div> </div>
</div> </div>
<div <div
className="service-card" className="service-card"
onClick={() => { onClick={() => {
window.open(img_3.current.src); window.open(img_3.current.src);
}} }}
> >
<div className="service-abs"> <div className="service-abs">
<div> <div>
<img src={Print} alt="Print" /> <img src={Print} alt="Print" />
</div> </div>
</div> </div>
<div className="service-card-top"> <div className="service-card-top">
<div className="service-img-wrapper"> <div className="service-img-wrapper">
<img src={Img3} alt="Request3" ref={img_3} /> <img src={Img3} alt="Request3" ref={img_3} />
</div> </div>
</div> </div>
<div className="service-card-bottom"> <div className="service-card-bottom">
<h4 className="service-card-title">Заявка на поверку</h4> <h4 className="service-card-title">Заявка на поверку</h4>
</div> </div>
</div> </div>
<div <div
className="service-card" className="service-card"
onClick={() => { onClick={() => {
window.open(img_4.current.src); window.open(img_4.current.src);
}} }}
> >
<div className="service-abs"> <div className="service-abs">
<div> <div>
<img src={Print} alt="Print" /> <img src={Print} alt="Print" />
</div> </div>
</div> </div>
<div className="service-card-top"> <div className="service-card-top">
<div className="service-img-wrapper"> <div className="service-img-wrapper">
<img src={Img4} alt="Request4" ref={img_4} /> <img src={Img4} alt="Request4" ref={img_4} />
</div> </div>
</div> </div>
<div className="service-card-bottom"> <div className="service-card-bottom">
<h4 className="service-card-title">Заявка на поверку</h4> <h4 className="service-card-title">Заявка на поверку</h4>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</section> </section>
); );
}; };
export default Service; export default Service;

452
src/pages/Structure.js
View File

@ -1,226 +1,226 @@
// IMPORT MODULES // IMPORT MODULES
import React, { useEffect } from "react"; import React, { useEffect } from "react";
// IMPORT COMPONENTS // IMPORT COMPONENTS
import Breadcrumb from "../components/Global/Breadcrumb"; import Breadcrumb from "../components/Global/Breadcrumb";
// IMPORT IMAGES // IMPORT IMAGES
import StructureImg from "../img/structureImg.jpg"; import StructureImg from "../img/structureImg.jpg";
const Structure = () => { const Structure = () => {
useEffect(() => { useEffect(() => {
window.scrollTo(0, 0); window.scrollTo(0, 0);
}, []); }, []);
return ( return (
<section className="structure"> <section className="structure">
<Breadcrumb <Breadcrumb
path_1="Структура Государственного эталонного центра" path_1="Структура Государственного эталонного центра"
currentUrl="/structure" currentUrl="/structure"
/> />
<div className="container"> <div className="container">
<div className="structure-inner"> <div className="structure-inner">
<div className="tab-header"> <div className="tab-header">
<h4 className="tab-header-text" id="tab-header-text"> <h4 className="tab-header-text" id="tab-header-text">
Структура Государственного эталонного центра Структура Государственного эталонного центра
</h4> </h4>
<div className="tab-header-line"></div> <div className="tab-header-line"></div>
</div> </div>
<div className="structure-main-page"> <div className="structure-main-page">
<img src={StructureImg} alt="Structure" /> <img src={StructureImg} alt="Structure" />
</div> </div>
<div className="structure-employees"> <div className="structure-employees">
<table className="structure-table"> <table className="structure-table">
<tbody> <tbody>
<tr className="table-head"> <tr className="table-head">
<th> <th>
<span className="name-head">Фамилия, имя, отчество</span> <span className="name-head">Фамилия, имя, отчество</span>
</th> </th>
<th> <th>
<span className="position-head">Занимаемая должность</span> <span className="position-head">Занимаемая должность</span>
</th> </th>
<th> <th>
<span className="tel-head">Рабочий телефон</span> <span className="tel-head">Рабочий телефон</span>
</th> </th>
</tr> </tr>
<tr> <tr>
<td> <td>
<span className="name"> <span className="name">
Реджепов Мейлис Байраммурадович Реджепов Мейлис Байраммурадович
</span> </span>
</td> </td>
<td> <td>
<span className="position"> <span className="position">
Врем. исп. обязанности наальника Врем. исп. обязанности наальника
</span> </span>
</td> </td>
<td> <td>
<span className="tel">Teл: 421330</span> <span className="tel">Teл: 421330</span>
</td> </td>
</tr> </tr>
<tr> <tr>
<td> <td>
<span className="name"> <span className="name">
Нурмаммедов Ахмет Мамметниязович Нурмаммедов Ахмет Мамметниязович
</span> </span>
</td> </td>
<td> <td>
<span className="position">Заместитель начальника</span> <span className="position">Заместитель начальника</span>
</td> </td>
<td> <td>
<span className="tel">Teл: 421330</span> <span className="tel">Teл: 421330</span>
</td> </td>
</tr> </tr>
<tr> <tr>
<td> <td>
<span className="name">Черкезов Бегенч</span> <span className="name">Черкезов Бегенч</span>
</td> </td>
<td> <td>
<span className="position">Главный инженер</span> <span className="position">Главный инженер</span>
</td> </td>
<td> <td>
<span className="tel">Teл: 421330</span> <span className="tel">Teл: 421330</span>
</td> </td>
</tr> </tr>
<tr> <tr>
<td> <td>
<span className="name">Союнова Айна</span> <span className="name">Союнова Айна</span>
</td> </td>
<td> <td>
<span className="position"> <span className="position">
Начальник Отдела научно-методического, маркетинга и Начальник Отдела научно-методического, маркетинга и
изучения международной практики изучения международной практики
</span> </span>
</td> </td>
<td> <td>
<span className="tel">Teл: 421990</span> <span className="tel">Teл: 421990</span>
</td> </td>
</tr> </tr>
<tr> <tr>
<td> <td>
<span className="name">Худайбердыева Гульджахан</span> <span className="name">Худайбердыева Гульджахан</span>
</td> </td>
<td> <td>
<span className="position">Начальник Отдела кадров</span> <span className="position">Начальник Отдела кадров</span>
</td> </td>
<td> <td>
<span className="tel">Teл: 422088</span> <span className="tel">Teл: 422088</span>
</td> </td>
</tr> </tr>
<tr> <tr>
<td> <td>
<span className="name">Атабаева Гульджахан</span> <span className="name">Атабаева Гульджахан</span>
</td> </td>
<td> <td>
<span className="position"> <span className="position">
Начальник Финансово-экономического отдела-главный Начальник Финансово-экономического отдела-главный
бухгалтер бухгалтер
</span> </span>
</td> </td>
<td> <td>
<span className="tel">Teл: 422429</span> <span className="tel">Teл: 422429</span>
</td> </td>
</tr> </tr>
<tr> <tr>
<td> <td>
<span className="name">Овезов Гуванч</span> <span className="name">Овезов Гуванч</span>
</td> </td>
<td> <td>
<span className="position"> <span className="position">
Начальник отдела Геометрических и механических величин Начальник отдела Геометрических и механических величин
</span> </span>
</td> </td>
<td> <td>
<span className="tel">Teл: 421856</span> <span className="tel">Teл: 421856</span>
</td> </td>
</tr> </tr>
<tr> <tr>
<td> <td>
<span className="name">Оразбердыев Кемалмухаммет</span> <span className="name">Оразбердыев Кемалмухаммет</span>
</td> </td>
<td> <td>
<span className="position"> <span className="position">
Начальник отдела Расхода и количества вещества Начальник отдела Расхода и количества вещества
</span> </span>
</td> </td>
<td> <td>
<span className="tel">Teл: 422007</span> <span className="tel">Teл: 422007</span>
</td> </td>
</tr> </tr>
<tr> <tr>
<td> <td>
<span className="name">Ходжамгулыев Марлен</span> <span className="name">Ходжамгулыев Марлен</span>
</td> </td>
<td> <td>
<span className="position"> <span className="position">
Начальник отдела Тепло-технических величин Начальник отдела Тепло-технических величин
</span> </span>
</td> </td>
<td> <td>
<span className="tel">Teл: 421520</span> <span className="tel">Teл: 421520</span>
</td> </td>
</tr> </tr>
<tr> <tr>
<td> <td>
<span className="name">Мурадов Атамырат </span> <span className="name">Мурадов Атамырат </span>
</td> </td>
<td> <td>
<span className="position"> <span className="position">
И.о. начальника отдела Физико-химических и оптических И.о. начальника отдела Физико-химических и оптических
измерений измерений
</span> </span>
</td> </td>
<td> <td>
<span className="tel">Teл: 421511</span> <span className="tel">Teл: 421511</span>
</td> </td>
</tr> </tr>
<tr> <tr>
<td> <td>
<span className="name">Гельдыалиев Арслан</span> <span className="name">Гельдыалиев Арслан</span>
</td> </td>
<td> <td>
<span className="position"> <span className="position">
Начальник отдела Электрических и радиоэлектронных Начальник отдела Электрических и радиоэлектронных
измерений измерений
</span> </span>
</td> </td>
<td> <td>
<span className="tel">Teл: 421281</span> <span className="tel">Teл: 421281</span>
</td> </td>
</tr> </tr>
<tr> <tr>
<td> <td>
<span className="name">Махтумгулыев Перхат</span> <span className="name">Махтумгулыев Перхат</span>
</td> </td>
<td> <td>
<span className="position"> <span className="position">
Начальник отдела Электрических и радиоэлектронных Начальник отдела Электрических и радиоэлектронных
измерений измерений
</span> </span>
</td> </td>
<td> <td>
<span className="tel">Teл: 421281</span> <span className="tel">Teл: 421281</span>
</td> </td>
</tr> </tr>
<tr> <tr>
<td> <td>
<span className="name">Поладов Тиркишмырат</span> <span className="name">Поладов Тиркишмырат</span>
</td> </td>
<td> <td>
<span className="position"> <span className="position">
Отдел поверки газовых и водяных счетчиков в п.Бикрова Отдел поверки газовых и водяных счетчиков в п.Бикрова
</span> </span>
</td> </td>
<td> <td>
<span className="tel">Teл: 371360</span> <span className="tel">Teл: 371360</span>
</td> </td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div> </div>
</div> </div>
</div> </div>
</section> </section>
); );
}; };
export default Structure; export default Structure;

26
src/reportWebVitals.js
View File

@ -1,13 +1,13 @@
const reportWebVitals = onPerfEntry => { const reportWebVitals = onPerfEntry => {
if (onPerfEntry && onPerfEntry instanceof Function) { if (onPerfEntry && onPerfEntry instanceof Function) {
import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => { import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
getCLS(onPerfEntry); getCLS(onPerfEntry);
getFID(onPerfEntry); getFID(onPerfEntry);
getFCP(onPerfEntry); getFCP(onPerfEntry);
getLCP(onPerfEntry); getLCP(onPerfEntry);
getTTFB(onPerfEntry); getTTFB(onPerfEntry);
}); });
} }
}; };
export default reportWebVitals; export default reportWebVitals;

102
src/styles/_breadcrumb.scss
View File

@ -1,51 +1,51 @@
.breadcrumb { .breadcrumb {
padding: 3rem 0; padding: 3rem 0;
background: #003a9d; background: #003a9d;
margin-bottom: 5rem; margin-bottom: 5rem;
} }
.breadcrumb-inner { .breadcrumb-inner {
width: 100%; width: 100%;
height: 100%; height: 100%;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: flex-start; justify-content: flex-start;
flex-wrap: wrap; flex-wrap: wrap;
row-gap: 1rem; row-gap: 1rem;
font-size: 1.6rem; font-size: 1.6rem;
color: #fff; color: #fff;
} }
.breadcrumb-slash { .breadcrumb-slash {
margin: 0 2rem; margin: 0 2rem;
} }
.breadcrumb-text-unfaded { .breadcrumb-text-unfaded {
color: #fff; color: #fff;
text-decoration: none; text-decoration: none;
} }
.breadcrumb-text-faded { .breadcrumb-text-faded {
color: rgba(255, 255, 255, 0.5); color: rgba(255, 255, 255, 0.5);
text-decoration: none; text-decoration: none;
} }
@media screen and (max-width: 700px) { @media screen and (max-width: 700px) {
.breadcrumb { .breadcrumb {
padding: 2.5rem 0; padding: 2.5rem 0;
} }
.breadcrumb-inner { .breadcrumb-inner {
font-size: 1.2rem; font-size: 1.2rem;
} }
} }
@media screen and (max-width: 500px) { @media screen and (max-width: 500px) {
.breadcrumb { .breadcrumb {
padding: 1.8rem 0; padding: 1.8rem 0;
} }
.breadcrumb-inner { .breadcrumb-inner {
font-size: 1rem; font-size: 1rem;
} }
} }

70
src/styles/_calibrateInstruments.scss
View File

@ -1,35 +1,35 @@
.calibrate-inst { .calibrate-inst {
.tab-header { .tab-header {
grid-template-columns: 1fr 20rem; grid-template-columns: 1fr 20rem;
} }
} }
// MOBILE // MOBILE
@media screen and (max-width: 1360px) { @media screen and (max-width: 1360px) {
.calibrate-inst-inner { .calibrate-inst-inner {
.tab-header { .tab-header {
grid-template-columns: 1fr 0rem; grid-template-columns: 1fr 0rem;
} }
} }
} }
@media screen and (max-width: 1100px) { @media screen and (max-width: 1100px) {
.calibrate-inst-inner { .calibrate-inst-inner {
.plans-card-wrapper { .plans-card-wrapper {
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;
.planscard { .planscard {
max-width: unset; max-width: unset;
width: 100%; width: 100%;
} }
} }
} }
} }
@media screen and (max-width: 700px) { @media screen and (max-width: 700px) {
.calibrate-inst-inner { .calibrate-inst-inner {
.plans-card-wrapper { .plans-card-wrapper {
grid-template-columns: 1fr; grid-template-columns: 1fr;
} }
} }
} }

50
src/styles/_calibrateThermo.scss
View File

@ -1,25 +1,25 @@
.calibrate-thermo-content { .calibrate-thermo-content {
padding-bottom: 10rem; padding-bottom: 10rem;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
text-align: center; text-align: center;
.novelty-head { .novelty-head {
margin-bottom: 5rem; margin-bottom: 5rem;
} }
} }
.structure-table tbody * { .structure-table tbody * {
text-size-adjust: none; text-size-adjust: none;
-webkit-text-size-adjust: none; -webkit-text-size-adjust: none;
} }
// MOBILE // MOBILE
@media screen and (max-width: 1000px) { @media screen and (max-width: 1000px) {
.structure-table tbody * { .structure-table tbody * {
font-size: 1.2rem; font-size: 1.2rem;
} }
} }

60
src/styles/_etalon.scss
View File

@ -1,30 +1,30 @@
.etalon-inner { .etalon-inner {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
padding-bottom: 10rem; padding-bottom: 10rem;
} }
.etalon-inner { .etalon-inner {
h6 { h6 {
font-size: 1.8rem; font-size: 1.8rem;
padding: 2rem 0; padding: 2rem 0;
} }
ul { ul {
padding: 0rem 0 0rem 3rem; padding: 0rem 0 0rem 3rem;
} }
} }
// MOBILE // MOBILE
@media screen and (max-width: 1360px) { @media screen and (max-width: 1360px) {
.novelty-text { .novelty-text {
font-size: 1.6rem; font-size: 1.6rem;
} }
} }
@media screen and (max-width: 1000px) { @media screen and (max-width: 1000px) {
.novelty-text { .novelty-text {
font-size: 1.4rem; font-size: 1.4rem;
} }
} }

58
src/styles/_etalons.scss
View File

@ -1,29 +1,29 @@
.etalons { .etalons {
.tab-header { .tab-header {
grid-template-columns: 43rem 24rem 1fr; grid-template-columns: 43rem 24rem 1fr;
} }
} }
@media screen and(max-width: 770px) { @media screen and(max-width: 770px) {
.etalons { .etalons {
.tab-header { .tab-header {
grid-template-columns: 37rem 0 1fr; grid-template-columns: 37rem 0 1fr;
} }
} }
} }
@media screen and(max-width: 500px) { @media screen and(max-width: 500px) {
.etalons { .etalons {
.tab-header { .tab-header {
grid-template-columns: 31rem 0rem 1fr; grid-template-columns: 31rem 0rem 1fr;
} }
} }
} }
@media screen and (max-width: 380px) { @media screen and (max-width: 380px) {
.etalons { .etalons {
.tab-header { .tab-header {
grid-template-columns: 1fr; grid-template-columns: 1fr;
} }
} }
} }

292
src/styles/_footer.scss
View File

@ -1,146 +1,146 @@
footer { footer {
background: #003a9d; background: #003a9d;
ul { ul {
list-style-type: none; list-style-type: none;
} }
} }
.footer-inner { .footer-inner {
padding: 5rem 0 3rem 0; padding: 5rem 0 3rem 0;
} }
.footer-link-text { .footer-link-text {
text-decoration: none; text-decoration: none;
color: #fff; color: #fff;
} }
.footer-links { .footer-links {
display: grid; display: grid;
grid-template-columns: repeat(5, 1fr); grid-template-columns: repeat(5, 1fr);
gap: 2rem; gap: 2rem;
} }
.footer-link-title { .footer-link-title {
padding-bottom: 3.2rem; padding-bottom: 3.2rem;
font-size: 1.8rem; font-size: 1.8rem;
font-weight: bold; font-weight: bold;
color: #fff; color: #fff;
} }
.footer-link-inner { .footer-link-inner {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: flex-start; align-items: flex-start;
gap: 1.7rem; gap: 1.7rem;
li { li {
display: flex; display: flex;
align-items: center; align-items: center;
} }
} }
.footer-link-img { .footer-link-img {
min-width: 1.8rem; min-width: 1.8rem;
min-height: 1.2rem; min-height: 1.2rem;
max-width: 1.8rem; max-width: 1.8rem;
max-height: 1.2rem; max-height: 1.2rem;
width: 1.8rem; width: 1.8rem;
height: 1.2rem; height: 1.2rem;
img { img {
width: 100%; width: 100%;
height: 100%; height: 100%;
object-fit: contain; object-fit: contain;
} }
} }
.footer-link-text { .footer-link-text {
font-size: 1.6rem; font-size: 1.6rem;
margin-left: 1rem; margin-left: 1rem;
font-weight: normal; font-weight: normal;
} }
h6.footer-link-text { h6.footer-link-text {
margin: 0; margin: 0;
} }
.footer-middle { .footer-middle {
display: grid; display: grid;
grid-template-columns: 1fr; grid-template-columns: 1fr;
margin: 4rem 0 0 0; margin: 4rem 0 0 0;
&::after { &::after {
display: block; display: block;
content: ""; content: "";
border: none; border: none;
border-top: 0.1rem solid rgba(255, 255, 255, 0.644); border-top: 0.1rem solid rgba(255, 255, 255, 0.644);
margin: 3rem 0 6rem 0; margin: 3rem 0 6rem 0;
} }
} }
.footer-middle-link { .footer-middle-link {
display: flex; display: flex;
font-size: 1.6rem; font-size: 1.6rem;
color: #fff; color: #fff;
text-decoration: underline; text-decoration: underline;
justify-self: center; justify-self: center;
} }
.footer-bottom { .footer-bottom {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
h4 { h4 {
font-size: 1.6rem; font-size: 1.6rem;
color: #fff; color: #fff;
font-weight: normal; font-weight: normal;
} }
} }
@media screen and (max-width: 1360px) { @media screen and (max-width: 1360px) {
.footer-links { .footer-links {
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;
gap: 5rem; gap: 5rem;
} }
.footer-link-title { .footer-link-title {
font-size: 2rem; font-size: 2rem;
} }
.footer-link-text { .footer-link-text {
font-size: 1.8rem; font-size: 1.8rem;
} }
} }
@media screen and (max-width: 900px) { @media screen and (max-width: 900px) {
.footer-links { .footer-links {
grid-template-columns: 1fr; grid-template-columns: 1fr;
gap: 5rem; gap: 5rem;
} }
.footer-link-title { .footer-link-title {
font-size: 1.8rem; font-size: 1.8rem;
} }
.footer-link-text { .footer-link-text {
font-size: 1.6rem; font-size: 1.6rem;
} }
} }
@media screen and (max-width: 700px) { @media screen and (max-width: 700px) {
.footer-links { .footer-links {
grid-template-columns: 1fr; grid-template-columns: 1fr;
gap: 5rem; gap: 5rem;
} }
.footer-link-title { .footer-link-title {
font-size: 1.6rem; font-size: 1.6rem;
} }
.footer-link-text { .footer-link-text {
font-size: 1.4rem; font-size: 1.4rem;
} }
.footer-middle-link { .footer-middle-link {
font-size: 1.4rem; font-size: 1.4rem;
} }
.footer-bottom { .footer-bottom {
h4 { h4 {
font-size: 1.4rem; font-size: 1.4rem;
} }
} }
} }

144
src/styles/_history.scss
View File

@ -1,72 +1,72 @@
.history-inner { .history-inner {
padding-bottom: 10rem; padding-bottom: 10rem;
.tab-header { .tab-header {
grid-template-columns: 92rem 20rem 1fr; grid-template-columns: 92rem 20rem 1fr;
} }
} }
.history-title { .history-title {
border: 0.1rem solid #dfdfdf; border: 0.1rem solid #dfdfdf;
border-bottom: none; border-bottom: none;
box-shadow: 0 0.4rem #981429; box-shadow: 0 0.4rem #981429;
margin-bottom: 5rem; margin-bottom: 5rem;
h1 { h1 {
font-size: 2.4rem; font-size: 2.4rem;
text-align: center; text-align: center;
padding: 4rem 3rem; padding: 4rem 3rem;
} }
} }
.history-content { .history-content {
p { p {
font-size: 1.8rem; font-size: 1.8rem;
word-spacing: 0.1rem; word-spacing: 0.1rem;
line-height: 3rem; line-height: 3rem;
} }
} }
// MOBILE // MOBILE
@media screen and(max-width: 1200px) { @media screen and(max-width: 1200px) {
.history-inner { .history-inner {
.tab-header { .tab-header {
grid-template-columns: 1fr 0rem; grid-template-columns: 1fr 0rem;
} }
} }
} }
@media screen and(max-width: 700px) { @media screen and(max-width: 700px) {
.history-content { .history-content {
p { p {
font-size: 1.6rem; font-size: 1.6rem;
} }
} }
.history-title { .history-title {
h1 { h1 {
font-size: 2rem; font-size: 2rem;
} }
} }
} }
@media screen and(max-width: 500px) { @media screen and(max-width: 500px) {
.history-content { .history-content {
p { p {
font-size: 1.4rem; font-size: 1.4rem;
} }
} }
.history-title { .history-title {
h1 { h1 {
font-size: 1.8rem; font-size: 1.8rem;
} }
} }
} }
@media screen and(max-width: 400px) { @media screen and(max-width: 400px) {
.history-title { .history-title {
h1 { h1 {
font-size: 1.6rem; font-size: 1.6rem;
} }
} }
} }

118
src/styles/_legislation.scss
View File

@ -1,59 +1,59 @@
.legislation { .legislation {
.tab-header { .tab-header {
grid-template-columns: 38rem 24rem 1fr; grid-template-columns: 38rem 24rem 1fr;
} }
} }
.legislation-inner { .legislation-inner {
padding-bottom: 10rem; padding-bottom: 10rem;
} }
.law-card-wrapper { .law-card-wrapper {
display: grid; display: grid;
grid-template-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr;
gap: 4rem; gap: 4rem;
} }
.law-card { .law-card {
max-width: 40rem; max-width: 40rem;
max-height: 26.8rem; max-height: 26.8rem;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
text-align: center; text-align: center;
font-size: 1.4rem; font-size: 1.4rem;
border: 0.1rem solid #dfdfdf; border: 0.1rem solid #dfdfdf;
border-bottom: none; border-bottom: none;
box-shadow: 0 0.4rem #981429; box-shadow: 0 0.4rem #981429;
} }
.law-card-text { .law-card-text {
padding: 0 3rem; padding: 0 3rem;
margin: 3rem 0 1rem 0; margin: 3rem 0 1rem 0;
} }
.law-card-bold { .law-card-bold {
padding: 0 3rem; padding: 0 3rem;
margin: 1rem 0 3rem 0; margin: 1rem 0 3rem 0;
font-weight: bold; font-weight: bold;
} }
// MOBILE // MOBILE
@media screen and (max-width: 1200px) { @media screen and (max-width: 1200px) {
.law-card-wrapper { .law-card-wrapper {
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;
} }
.law-card { .law-card {
width: 100%; width: 100%;
justify-self: center; justify-self: center;
max-width: unset; max-width: unset;
} }
} }
@media screen and (max-width: 800px) { @media screen and (max-width: 800px) {
.law-card-wrapper { .law-card-wrapper {
grid-template-columns: 1fr; grid-template-columns: 1fr;
} }
} }

1230
src/styles/_main.scss
View File

File diff suppressed because it is too large Load Diff

76
src/styles/_measuringRegister.scss
View File

@ -1,38 +1,38 @@
.measuring-register { .measuring-register {
.tab-header { .tab-header {
grid-template-columns: 1fr 20rem; grid-template-columns: 1fr 20rem;
} }
} }
.mr-content { .mr-content {
padding-bottom: 10rem; padding-bottom: 10rem;
} }
.mr-table { .mr-table {
overflow-x: auto; overflow-x: auto;
} }
.regulations-head-left { .regulations-head-left {
border-radius: 0rem !important; border-radius: 0rem !important;
input { input {
border-radius: 0rem !important; border-radius: 0rem !important;
} }
} }
// MOBILE // MOBILE
@media screen and(max-width: 1360px) { @media screen and(max-width: 1360px) {
.measuring-register { .measuring-register {
.tab-header { .tab-header {
grid-template-columns: 1fr 0rem; grid-template-columns: 1fr 0rem;
} }
} }
} }
@media screen and (max-width: 500px) { @media screen and (max-width: 500px) {
.regulations-head-left { .regulations-head-left {
.search-form { .search-form {
min-width: unset; min-width: unset;
} }
} }
} }

124
src/styles/_meteorology.scss
View File

@ -1,62 +1,62 @@
.plans { .plans {
.tab-header { .tab-header {
grid-template-columns: 1fr 20rem; grid-template-columns: 1fr 20rem;
} }
} }
.planscard { .planscard {
border: 0.1rem solid #dfdfdf; border: 0.1rem solid #dfdfdf;
max-width: 40rem; max-width: 40rem;
max-height: 11.9rem; max-height: 11.9rem;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
box-shadow: 0 0.4rem #981429; box-shadow: 0 0.4rem #981429;
padding: 5rem 3rem; padding: 5rem 3rem;
h4 { h4 {
font-size: 1.4rem; font-size: 1.4rem;
text-align: center; text-align: center;
} }
} }
.plans-card-wrapper { .plans-card-wrapper {
gap: 4rem; gap: 4rem;
display: grid; display: grid;
grid-template-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr;
} }
.plans-content { .plans-content {
padding-bottom: 10rem; padding-bottom: 10rem;
} }
// MOBILE // MOBILE
@media screen and (max-width: 1360px) { @media screen and (max-width: 1360px) {
.plans-inner { .plans-inner {
.tab-header { .tab-header {
grid-template-columns: 1fr 0rem; grid-template-columns: 1fr 0rem;
} }
} }
} }
@media screen and (max-width: 1100px) { @media screen and (max-width: 1100px) {
.plans-inner { .plans-inner {
.plans-card-wrapper { .plans-card-wrapper {
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;
.planscard { .planscard {
max-width: unset; max-width: unset;
width: 100%; width: 100%;
} }
} }
} }
} }
@media screen and (max-width: 700px) { @media screen and (max-width: 700px) {
.plans-inner { .plans-inner {
.plans-card-wrapper { .plans-card-wrapper {
grid-template-columns: 1fr; grid-template-columns: 1fr;
} }
} }
} }

708
src/styles/_nav.scss
View File

@ -1,354 +1,354 @@
.nav { .nav {
padding: 2.2rem 0; padding: 2.2rem 0;
z-index: 2; z-index: 2;
position: relative; position: relative;
} }
.nav-inner { .nav-inner {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
} }
.nav-left { .nav-left {
text-decoration: none; text-decoration: none;
max-width: 30%; max-width: 30%;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
} }
.main-logo { .main-logo {
max-width: 24.3rem; max-width: 24.3rem;
max-height: 5.3rem; max-height: 5.3rem;
img { img {
width: 100%; width: 100%;
height: 100%; height: 100%;
object-fit: contain; object-fit: contain;
} }
} }
.emblem { .emblem {
max-width: 5.3rem; max-width: 5.3rem;
max-height: 5.3rem; max-height: 5.3rem;
img { img {
width: 100%; width: 100%;
height: 100%; height: 100%;
object-fit: contain; object-fit: contain;
} }
} }
.nav-right { .nav-right {
max-width: 60%; max-width: 60%;
width: 100%; width: 100%;
display: grid; display: grid;
grid-template-columns: 1fr; grid-template-columns: 1fr;
} }
.nav-link { .nav-link {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
list-style-type: none; list-style-type: none;
cursor: pointer; cursor: pointer;
a, a,
h3 { h3 {
font-size: 1.4rem; font-size: 1.4rem;
text-decoration: none; text-decoration: none;
color: #000; color: #000;
font-weight: normal; font-weight: normal;
} }
} }
.nav-lang { .nav-lang {
width: 2.7rem; width: 2.7rem;
height: 2rem; height: 2rem;
img { img {
width: 100%; width: 100%;
height: 100%; height: 100%;
object-fit: contain; object-fit: contain;
} }
} }
.nav-select { .nav-select {
position: relative; position: relative;
&:hover > .nav-downarrow { &:hover > .nav-downarrow {
transform: rotate(180deg); transform: rotate(180deg);
transition: all 0.3s ease-out; transition: all 0.3s ease-out;
} }
&:hover > .nav-dropdown { &:hover > .nav-dropdown {
max-height: 40rem; max-height: 40rem;
transition: all 0.2s ease-out; transition: all 0.2s ease-out;
} }
&:nth-child(1n) { &:nth-child(1n) {
&:hover { &:hover {
border-bottom: 0.2rem solid #003a9d; border-bottom: 0.2rem solid #003a9d;
} }
} }
h3 { h3 {
margin-right: 0.8rem; margin-right: 0.8rem;
} }
} }
.nav-dropdown { .nav-dropdown {
position: absolute; position: absolute;
top: 2.5rem; top: 2.5rem;
right: 50%; right: 50%;
background: #353536; background: #353536;
color: #fff; color: #fff;
max-width: 20rem; max-width: 20rem;
overflow: hidden; overflow: hidden;
max-height: 0; max-height: 0;
transform: translateX(50%); transform: translateX(50%);
transition: all 0.2s ease-out; transition: all 0.2s ease-out;
a { a {
color: #fff; color: #fff;
} }
} }
.nav-dropdown-shifted { .nav-dropdown-shifted {
right: 200%; right: 200%;
} }
.nav-dropdown-content { .nav-dropdown-content {
list-style-type: none; list-style-type: none;
} }
.dropdown-content { .dropdown-content {
text-align: center; text-align: center;
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
font-size: 1.5rem; font-size: 1.5rem;
&:hover { &:hover {
background: #003a9d; background: #003a9d;
} }
} }
.nav-downarrow { .nav-downarrow {
transform: rotate(0deg); transform: rotate(0deg);
transition: all 0.3s ease-out; transition: all 0.3s ease-out;
} }
.flag-wrapper { .flag-wrapper {
width: 2.7rem; width: 2.7rem;
height: 2rem; height: 2rem;
img { img {
width: 100%; width: 100%;
height: 100%; height: 100%;
object-fit: contain; object-fit: contain;
} }
} }
.nav-lang { .nav-lang {
.dropdown-content { .dropdown-content {
display: flex; display: flex;
flex-direction: row-reverse; flex-direction: row-reverse;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
} }
h4 { h4 {
font-size: 1.4rem; font-size: 1.4rem;
font-weight: normal; font-weight: normal;
margin-left: 0.7rem; margin-left: 0.7rem;
} }
} }
// MOBILE // MOBILE
.nav-links-mobile-button { .nav-links-mobile-button {
display: none; display: none;
align-items: center; align-items: center;
justify-content: flex-end; justify-content: flex-end;
} }
.mobile-button { .mobile-button {
cursor: pointer; cursor: pointer;
width: 5rem; width: 5rem;
height: 3rem; height: 3rem;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
border: 0.1rem solid #003a9d; border: 0.1rem solid #003a9d;
background: transparent; background: transparent;
div { div {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
.stripe { .stripe {
margin: 0.2rem 0; margin: 0.2rem 0;
width: 3rem; width: 3rem;
height: 0.4rem; height: 0.4rem;
background: #003a9d; background: #003a9d;
border-radius: 2rem; border-radius: 2rem;
} }
} }
} }
.stripe-1 { .stripe-1 {
transition: all 0.3s ease; transition: all 0.3s ease;
transform: translate(0rem) rotate(0deg); transform: translate(0rem) rotate(0deg);
&.active { &.active {
transition: all 0.3s ease; transition: all 0.3s ease;
transform: translate(0px, 8px) rotate(45deg); transform: translate(0px, 8px) rotate(45deg);
} }
} }
.stripe-2 { .stripe-2 {
transition: all 0.3s ease; transition: all 0.3s ease;
opacity: 1; opacity: 1;
&.active { &.active {
transition: all 0.3s ease; transition: all 0.3s ease;
opacity: 0; opacity: 0;
} }
} }
.stripe-3 { .stripe-3 {
transition: all 0.3s ease; transition: all 0.3s ease;
transform: translate(0px, 0px) rotate(0deg); transform: translate(0px, 0px) rotate(0deg);
&.active { &.active {
transition: all 0.3s ease; transition: all 0.3s ease;
transform: translate(0px, -8px) rotate(-45deg); transform: translate(0px, -8px) rotate(-45deg);
} }
} }
.nav-mobile { .nav-mobile {
overflow: hidden; overflow: hidden;
max-height: 0; max-height: 0;
transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
&.active { &.active {
max-height: 60rem; max-height: 60rem;
transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
} }
} }
.nav-mobile-links { .nav-mobile-links {
list-style-type: none; list-style-type: none;
} }
.nav-mobile-link { .nav-mobile-link {
width: 100%; width: 100%;
margin: 2rem 0; margin: 2rem 0;
cursor: pointer; cursor: pointer;
a { a {
font-size: 1.4rem; font-size: 1.4rem;
display: block; display: block;
} }
h3 { h3 {
font-size: 1.4rem; font-size: 1.4rem;
font-weight: normal; font-weight: normal;
margin-right: 0.8rem; margin-right: 0.8rem;
} }
&:nth-child(1n):hover .nav-mobile-link-dropdown { &:nth-child(1n):hover .nav-mobile-link-dropdown {
max-height: 50rem; max-height: 50rem;
transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out;
} }
} }
.nav-mobile-downarrow { .nav-mobile-downarrow {
transform: rotate(0deg); transform: rotate(0deg);
transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
} }
.nav-mobile-link-content { .nav-mobile-link-content {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: flex-start; justify-content: flex-start;
&:hover .nav-mobile-downarrow { &:hover .nav-mobile-downarrow {
transform: rotate(180deg); transform: rotate(180deg);
transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
} }
div { div {
&.flag { &.flag {
width: 2.7rem; width: 2.7rem;
height: 2rem; height: 2rem;
} }
} }
img { img {
width: 100%; width: 100%;
height: 100%; height: 100%;
object-fit: contain; object-fit: contain;
} }
} }
.flag { .flag {
width: 2.7rem; width: 2.7rem;
height: 2rem; height: 2rem;
img { img {
width: 100%; width: 100%;
height: 100%; height: 100%;
object-fit: contain; object-fit: contain;
} }
} }
.nav-mobile-link-dropdown { .nav-mobile-link-dropdown {
overflow: hidden; overflow: hidden;
max-height: 0; max-height: 0;
margin: 1rem 0; margin: 1rem 0;
background: #353536; background: #353536;
transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out;
ul { ul {
list-style-type: none; list-style-type: none;
} }
} }
.mobile-dropdown-link { .mobile-dropdown-link {
padding: 1rem; padding: 1rem;
a { a {
color: #fff; color: #fff;
} }
h3 { h3 {
color: #fff; color: #fff;
} }
&:nth-child(1n):hover { &:nth-child(1n):hover {
background: #003a9d; background: #003a9d;
} }
&.flag-container { &.flag-container {
display: flex; display: flex;
align-items: center; align-items: center;
h3 { h3 {
margin-left: 0.8rem; margin-left: 0.8rem;
} }
} }
} }
@media screen and(max-width: 1000px) { @media screen and(max-width: 1000px) {
.nav-left { .nav-left {
max-width: 50%; max-width: 50%;
} }
.nav-link { .nav-link {
display: none; display: none;
} }
.nav-links-mobile-button { .nav-links-mobile-button {
display: flex; display: flex;
} }
} }

72
src/styles/_news.scss
View File

@ -1,36 +1,36 @@
.news-page-control { .news-page-control {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
padding-bottom: 8rem; padding-bottom: 8rem;
} }
.prev-button, .prev-button,
.next-button { .next-button {
border: 0.1rem solid #dfdfdf; border: 0.1rem solid #dfdfdf;
width: 7rem; width: 7rem;
height: 7rem; height: 7rem;
background: transparent; background: transparent;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
cursor: pointer; cursor: pointer;
background: #fff; background: #fff;
transition: background 0.2s ease; transition: background 0.2s ease;
&:hover { &:hover {
background: rgb(179, 179, 179); background: rgb(179, 179, 179);
transition: all 0.2s ease; transition: all 0.2s ease;
} }
&:active { &:active {
background: rgb(119, 119, 119); background: rgb(119, 119, 119);
transition: all 0.2s ease; transition: all 0.2s ease;
} }
} }
.page-index { .page-index {
font-size: 2.4rem; font-size: 2.4rem;
font-weight: bold; font-weight: bold;
margin: 0 5rem; margin: 0 5rem;
} }

140
src/styles/_novelty.scss
View File

@ -1,70 +1,70 @@
.novelty-inner { .novelty-inner {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
padding-bottom: 10rem; padding-bottom: 10rem;
} }
.novelty-head { .novelty-head {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
max-width: 104rem; max-width: 104rem;
width: 100%; width: 100%;
margin-bottom: 5rem; margin-bottom: 5rem;
padding: 2rem 2rem 0 2rem; padding: 2rem 2rem 0 2rem;
border: 0.1rem solid #dfdfdf; border: 0.1rem solid #dfdfdf;
box-shadow: 0 0.8rem #981429; box-shadow: 0 0.8rem #981429;
} }
.novelty-img { .novelty-img {
max-width: 100rem; max-width: 100rem;
max-height: 56.6rem; max-height: 56.6rem;
img { img {
width: 100%; width: 100%;
height: 100%; height: 100%;
object-fit: contain; object-fit: contain;
} }
} }
.novelty-title { .novelty-title {
text-align: center; text-align: center;
font-size: 2.4rem; font-size: 2.4rem;
padding: 3rem 0; padding: 3rem 0;
} }
.novelty-text { .novelty-text {
font-size: 1.8rem; font-size: 1.8rem;
text-align: left; text-align: left;
} }
.pgraph { .pgraph {
display: block; display: block;
margin-bottom: 3rem; margin-bottom: 3rem;
&:last-child { &:last-child {
margin-bottom: 0; margin-bottom: 0;
} }
} }
// MOBILE // MOBILE
@media screen and (max-width: 930px) { @media screen and (max-width: 930px) {
.novelty-title { .novelty-title {
font-size: 2rem; font-size: 2rem;
} }
} }
@media screen and (max-width: 700px) { @media screen and (max-width: 700px) {
.novelty-title { .novelty-title {
font-size: 1.8rem; font-size: 1.8rem;
} }
} }
@media screen and (max-width: 380px) { @media screen and (max-width: 380px) {
.novelty-title { .novelty-title {
font-size: 1.8rem; font-size: 1.8rem;
} }
} }

10
src/styles/_prices.scss
View File

@ -1,5 +1,5 @@
.prices { .prices {
.tab-header { .tab-header {
grid-template-columns: 18rem 24rem 1fr; grid-template-columns: 18rem 24rem 1fr;
} }
} }

222
src/styles/_regulations.scss
View File

@ -1,111 +1,111 @@
.regulations-inner { .regulations-inner {
padding-bottom: 10rem; padding-bottom: 10rem;
} }
.regulations-head { .regulations-head {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
padding-bottom: 5rem; padding-bottom: 5rem;
} }
.search-form { .search-form {
display: grid; display: grid;
grid-template-columns: 6fr 1fr; grid-template-columns: 6fr 1fr;
min-width: 40rem; min-width: 40rem;
input { input {
width: 100%; width: 100%;
font-size: 1.6rem; font-size: 1.6rem;
padding: 2rem 0 2rem 3rem; padding: 2rem 0 2rem 3rem;
border: none; border: none;
border: 0.1rem solid #dfdfdf; border: 0.1rem solid #dfdfdf;
border-right: none; border-right: none;
outline-style: none; outline-style: none;
} }
button { button {
background: transparent; background: transparent;
border: none; border: none;
border: 0.1rem solid #dfdfdf; border: 0.1rem solid #dfdfdf;
border-left: none; border-left: none;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
&:hover { &:hover {
cursor: pointer; cursor: pointer;
} }
div { div {
width: 1.6rem; width: 1.6rem;
height: 1.6rem; height: 1.6rem;
img { img {
width: 100%; width: 100%;
height: 100%; height: 100%;
object-fit: contain; object-fit: contain;
} }
} }
} }
} }
.btn-form { .btn-form {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
min-width: 14rem; min-width: 14rem;
} }
.regulations-btn { .regulations-btn {
width: 6rem; width: 6rem;
height: 6rem; height: 6rem;
border: none; border: none;
border: 0.1rem solid #dfdfdf; border: 0.1rem solid #dfdfdf;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
background: transparent; background: transparent;
cursor: pointer; cursor: pointer;
transition: 0.2s background ease; transition: 0.2s background ease;
&:nth-child(1n):hover { &:nth-child(1n):hover {
background: rgba(0, 0, 0, 0.4); background: rgba(0, 0, 0, 0.4);
transition: 0.2s all ease; transition: 0.2s all ease;
} }
div { div {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
width: 1.121rem; width: 1.121rem;
height: 2.075rem; height: 2.075rem;
img { img {
width: 100%; width: 100%;
height: 100%; height: 100%;
object-fit: contain; object-fit: contain;
} }
} }
} }
.regulations-table { .regulations-table {
font-size: 1.4rem; font-size: 1.4rem;
} }
// MOBILE // MOBILE
@media screen and(max-width: 800px) { @media screen and(max-width: 800px) {
.regulations-head-left, .regulations-head-left,
.regulations-head-right { .regulations-head-right {
width: 100%; width: 100%;
} }
.regulations-head { .regulations-head {
flex-direction: column; flex-direction: column;
row-gap: 2rem; row-gap: 2rem;
} }
.regulations-btn { .regulations-btn {
width: 100%; width: 100%;
height: 8rem; height: 8rem;
} }
} }

244
src/styles/_service.scss
View File

@ -1,122 +1,122 @@
.service-inner { .service-inner {
padding-bottom: 10rem; padding-bottom: 10rem;
.tab-header { .tab-header {
grid-template-columns: 1fr 20rem; grid-template-columns: 1fr 20rem;
&:last-child { &:last-child {
grid-template-columns: 21rem 24rem 1fr; grid-template-columns: 21rem 24rem 1fr;
} }
} }
} }
.service-cards-wrapper { .service-cards-wrapper {
display: grid; display: grid;
grid-template-columns: repeat(4, 1fr); grid-template-columns: repeat(4, 1fr);
gap: 2rem; gap: 2rem;
} }
.service-card-top { .service-card-top {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
.service-img-wrapper { .service-img-wrapper {
max-height: 32.4rem; max-height: 32.4rem;
max-width: 28.5rem; max-width: 28.5rem;
width: 100%; width: 100%;
height: 100%; height: 100%;
img { img {
width: 100%; width: 100%;
height: 100%; height: 100%;
object-fit: contain; object-fit: contain;
} }
} }
.service-card { .service-card {
max-width: 30.5rem; max-width: 30.5rem;
max-height: 39.6rem; max-height: 39.6rem;
cursor: pointer; cursor: pointer;
position: relative; position: relative;
text-align: center; text-align: center;
border: 0.1rem solid #dfdfdf; border: 0.1rem solid #dfdfdf;
box-shadow: 0 0.4rem #981429; box-shadow: 0 0.4rem #981429;
border-bottom: none; border-bottom: none;
padding: 1rem 1rem 0 1rem; padding: 1rem 1rem 0 1rem;
color: #000; color: #000;
background: #fff; background: #fff;
transition: all 0.3s ease; transition: all 0.3s ease;
&:nth-child(1n):hover { &:nth-child(1n):hover {
background: #981429; background: #981429;
color: #fff; color: #fff;
transition: all 0.3s ease; transition: all 0.3s ease;
.service-abs { .service-abs {
opacity: 100%; opacity: 100%;
transition: all 0.3s ease; transition: all 0.3s ease;
} }
} }
} }
.service-abs { .service-abs {
position: absolute; position: absolute;
width: 5rem; width: 5rem;
height: 5rem; height: 5rem;
top: 1rem; top: 1rem;
left: 1rem; left: 1rem;
background: #981429; background: #981429;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
opacity: 0%; opacity: 0%;
transition: opacity 0.2s ease; transition: opacity 0.2s ease;
div { div {
width: 2.5rem; width: 2.5rem;
height: 2.5rem; height: 2.5rem;
img { img {
width: 100%; width: 100%;
height: 100%; height: 100%;
object-fit: contain; object-fit: contain;
} }
} }
} }
.service-card-title { .service-card-title {
font-size: 1.6rem; font-size: 1.6rem;
font-weight: bold; font-weight: bold;
margin: 2rem 1rem; margin: 2rem 1rem;
} }
@media screen and (max-width: 1360px) { @media screen and (max-width: 1360px) {
.service-inner { .service-inner {
.tab-header { .tab-header {
grid-template-columns: 1fr 0rem; grid-template-columns: 1fr 0rem;
} }
} }
.service-cards-wrapper { .service-cards-wrapper {
grid-template-columns: repeat(2, 1fr); grid-template-columns: repeat(2, 1fr);
} }
.service-card { .service-card {
justify-self: center; justify-self: center;
max-width: unset; max-width: unset;
max-height: unset; max-height: unset;
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.service-img-wrapper { .service-img-wrapper {
max-height: unset; max-height: unset;
max-width: unset; max-width: unset;
} }
} }
@media screen and (max-width: 550px) { @media screen and (max-width: 550px) {
.service-cards-wrapper { .service-cards-wrapper {
grid-template-columns: 1fr; grid-template-columns: 1fr;
} }
} }

160
src/styles/_structure.scss
View File

@ -1,80 +1,80 @@
.structure-inner { .structure-inner {
.tab-header { .tab-header {
grid-template-columns: 77rem 24rem 1fr; grid-template-columns: 77rem 24rem 1fr;
} }
} }
.structure-main-page { .structure-main-page {
max-width: 128rem; max-width: 128rem;
max-height: 72rem; max-height: 72rem;
margin-bottom: 5rem; margin-bottom: 5rem;
img { img {
width: 100%; width: 100%;
height: 100%; height: 100%;
object-fit: contain; object-fit: contain;
} }
} }
.structure-employees { .structure-employees {
width: 100%; width: 100%;
overflow-x: auto; overflow-x: auto;
margin-bottom: 10rem; margin-bottom: 10rem;
} }
.structure-table { .structure-table {
width: 128rem; width: 128rem;
overflow: hidden; overflow: hidden;
th { th {
font-weight: bold; font-weight: bold;
padding: 3.5rem 1rem; padding: 3.5rem 1rem;
border: 0.1rem solid #e9ecef; border: 0.1rem solid #e9ecef;
} }
td { td {
padding: 3.5rem 1rem; padding: 3.5rem 1rem;
border: 0.1rem solid #e9ecef; border: 0.1rem solid #e9ecef;
border-top: none; border-top: none;
} }
* { * {
text-align: center; text-align: center;
} }
span { span {
font-size: 1.4rem; font-size: 1.4rem;
} }
} }
.table-head { .table-head {
background: #e9ecef; background: #e9ecef;
} }
// MOBILE // MOBILE
@media screen and(max-width: 1200px) { @media screen and(max-width: 1200px) {
.structure-inner { .structure-inner {
.tab-header { .tab-header {
grid-template-columns: 1fr 0rem; grid-template-columns: 1fr 0rem;
} }
} }
} }
@media screen and (max-width: 900px) { @media screen and (max-width: 900px) {
.structure-table { .structure-table {
width: 111rem; width: 111rem;
margin: 0 auto; margin: 0 auto;
} }
} }
@media screen and (max-width: 700px) { @media screen and (max-width: 700px) {
.structure-table { .structure-table {
width: 91rem; width: 91rem;
} }
} }
@media screen and (max-width: 500px) { @media screen and (max-width: 500px) {
.structure-table { .structure-table {
width: 71rem; width: 71rem;
} }
} }

90
src/styles/app.scss
View File

@ -1,45 +1,45 @@
// GENERAL STYLING // GENERAL STYLING
* { * {
padding: 0; padding: 0;
margin: 0; margin: 0;
box-sizing: border-box; box-sizing: border-box;
} }
html { html {
font-size: 62.5%; font-size: 62.5%;
} }
a { a {
text-decoration: none; text-decoration: none;
color: #000; color: #000;
} }
body { body {
font-family: "Open Sans", sans-serif; font-family: "Open Sans", sans-serif;
} }
.container { .container {
max-width: 134rem; max-width: 134rem;
padding: 0 3rem; padding: 0 3rem;
margin: 0 auto; margin: 0 auto;
} }
// IMPORT PARTIALS // IMPORT PARTIALS
@import "./nav.scss"; @import "./nav.scss";
@import "./footer.scss"; @import "./footer.scss";
@import "./main.scss"; @import "./main.scss";
@import "./news.scss"; @import "./news.scss";
@import "./breadcrumb.scss"; @import "./breadcrumb.scss";
@import "./novelty.scss"; @import "./novelty.scss";
@import "./etalons.scss"; @import "./etalons.scss";
@import "./etalon.scss"; @import "./etalon.scss";
@import "./legislation.scss"; @import "./legislation.scss";
@import "./history.scss"; @import "./history.scss";
@import "./structure.scss"; @import "./structure.scss";
@import "./prices.scss"; @import "./prices.scss";
@import "./measuringRegister"; @import "./measuringRegister";
@import "./meteorology"; @import "./meteorology";
@import "./calibrateInstruments"; @import "./calibrateInstruments";
@import "./calibrateThermo"; @import "./calibrateThermo";
@import "./regulations"; @import "./regulations";
@import "./service"; @import "./service";

6
src/svg/buttonNext.svg
View File

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="11.209" height="20.754" viewBox="0 0 11.209 20.754"> <svg xmlns="http://www.w3.org/2000/svg" width="11.209" height="20.754" viewBox="0 0 11.209 20.754">
<path id="Контур_586" data-name="Контур 586" d="M128.715,9.808l-9.6-9.573a.8.8,0,1,0-1.136,1.139l9.028,9-9.029,9a.8.8,0,0,0,1.136,1.139l9.6-9.573a.8.8,0,0,0,0-1.139Z" transform="translate(-117.742 0)" fill="#003a9d"/> <path id="Контур_586" data-name="Контур 586" d="M128.715,9.808l-9.6-9.573a.8.8,0,1,0-1.136,1.139l9.028,9-9.029,9a.8.8,0,0,0,1.136,1.139l9.6-9.573a.8.8,0,0,0,0-1.139Z" transform="translate(-117.742 0)" fill="#003a9d"/>
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 339 B

After

Width:  |  Height:  |  Size: 342 B

14
src/svg/buttonPrev.svg
View File

@ -1,7 +1,7 @@
<svg xmlns="http://www.w3.org/2000/svg" width="11.208" height="20.754" viewBox="0 0 11.208 20.754"> <svg xmlns="http://www.w3.org/2000/svg" width="11.208" height="20.754" viewBox="0 0 11.208 20.754">
<g id="next" transform="translate(0 0)"> <g id="next" transform="translate(0 0)">
<g id="Сгруппировать_537" data-name="Сгруппировать 537" transform="translate(0 0)"> <g id="Сгруппировать_537" data-name="Сгруппировать 537" transform="translate(0 0)">
<path id="Контур_586" data-name="Контур 586" d="M117.979,9.807l9.6-9.573a.8.8,0,1,1,1.136,1.139l-9.028,9,9.028,9a.8.8,0,0,1-1.136,1.139l-9.6-9.572a.8.8,0,0,1,0-1.139Z" transform="translate(-117.742 0)" fill="#003a9d"/> <path id="Контур_586" data-name="Контур 586" d="M117.979,9.807l9.6-9.573a.8.8,0,1,1,1.136,1.139l-9.028,9,9.028,9a.8.8,0,0,1-1.136,1.139l-9.6-9.572a.8.8,0,0,1,0-1.139Z" transform="translate(-117.742 0)" fill="#003a9d"/>
</g> </g>
</g> </g>
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 517 B

After

Width:  |  Height:  |  Size: 524 B

6
src/svg/downArrow.svg
View File

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="8" height="4" viewBox="0 0 8 4"> <svg xmlns="http://www.w3.org/2000/svg" width="8" height="4" viewBox="0 0 8 4">
<path id="Многоугольник_8" data-name="Многоугольник 8" d="M4,0,8,4H0Z" transform="translate(8 4) rotate(180)"/> <path id="Многоугольник_8" data-name="Многоугольник 8" d="M4,0,8,4H0Z" transform="translate(8 4) rotate(180)"/>
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 227 B

After

Width:  |  Height:  |  Size: 230 B

26
src/svg/emblemLogo.svg
View File

File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 785 KiB

After

Width:  |  Height:  |  Size: 785 KiB

16
src/svg/flagOfRussia.svg
View File

@ -1,8 +1,8 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="27" height="20" viewBox="0 0 27 20"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="27" height="20" viewBox="0 0 27 20">
<defs> <defs>
<pattern id="pattern" preserveAspectRatio="none" width="100%" height="100%" viewBox="0 0 48 36"> <pattern id="pattern" preserveAspectRatio="none" width="100%" height="100%" viewBox="0 0 48 36">
<image width="48" height="36" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAkCAYAAADPRbkKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowOTYzMTgxODRENDQxMUU0ODdBRDkyNEI5MEI1NzZGMiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowOTYzMTgxOTRENDQxMUU0ODdBRDkyNEI5MEI1NzZGMiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjlCQ0NERUUxNEQ0MzExRTQ4N0FEOTI0QjkwQjU3NkYyIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjlCQ0NERUUyNEQ0MzExRTQ4N0FEOTI0QjkwQjU3NkYyIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8++/Jo0wAAAapJREFUeNrsWUtOw0AMfZ4UglBpEaLiAmzZcy+WHIwlG27AMSo+aqRC0s4YOyTNJCoKkG4sxZU7UTqT+sXveZyWACTiaTVaMi+eT+RtxsyvMGhEdOFknMOuzV1FH6uWOhi3EcAIYAQwAhgBDDJtJXB794DF+QnW+dZE0KfpBMv3zwaAD4wPCT4vfHmStc/4xYXiefXxT2u57l86x+iZu+/71ANzA2CrAIqAfBNMZIAFgsa8A6BoVuvCDO/zjYdzFGXAs3iwJd7ExRoIeMnydq8dcfFg/fvAa8brL2dpRCG5+cz7hXRY7h5ufQiIM+AFAJuikMbc0oCKQkcb/G9i/c6ACphhJwtMEjO3RawSscSiFoWeHu8xERBcFP/aGbsCo55dGz27cd9OTcdH2LoE100VkuD11ZMCHnDur3P7PgtVGaoASDrIwQyHWLsH37TT5Z0nsiMAoh1bygywVqEEsKRirlofVzdz1jJQt9MNhYwZdwGQoQxQpAGzIg4cl9Gq4rrp1ORDfVlQ37KVxR8lvPLmSvxGfGEs+KX4swLQR5sz2PufQB8hsy8BBgC7Pc0Ol+yIXgAAAABJRU5ErkJggg=="/> <image width="48" height="36" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAkCAYAAADPRbkKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowOTYzMTgxODRENDQxMUU0ODdBRDkyNEI5MEI1NzZGMiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowOTYzMTgxOTRENDQxMUU0ODdBRDkyNEI5MEI1NzZGMiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjlCQ0NERUUxNEQ0MzExRTQ4N0FEOTI0QjkwQjU3NkYyIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjlCQ0NERUUyNEQ0MzExRTQ4N0FEOTI0QjkwQjU3NkYyIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8++/Jo0wAAAapJREFUeNrsWUtOw0AMfZ4UglBpEaLiAmzZcy+WHIwlG27AMSo+aqRC0s4YOyTNJCoKkG4sxZU7UTqT+sXveZyWACTiaTVaMi+eT+RtxsyvMGhEdOFknMOuzV1FH6uWOhi3EcAIYAQwAhgBDDJtJXB794DF+QnW+dZE0KfpBMv3zwaAD4wPCT4vfHmStc/4xYXiefXxT2u57l86x+iZu+/71ANzA2CrAIqAfBNMZIAFgsa8A6BoVuvCDO/zjYdzFGXAs3iwJd7ExRoIeMnydq8dcfFg/fvAa8brL2dpRCG5+cz7hXRY7h5ufQiIM+AFAJuikMbc0oCKQkcb/G9i/c6ACphhJwtMEjO3RawSscSiFoWeHu8xERBcFP/aGbsCo55dGz27cd9OTcdH2LoE100VkuD11ZMCHnDur3P7PgtVGaoASDrIwQyHWLsH37TT5Z0nsiMAoh1bygywVqEEsKRirlofVzdz1jJQt9MNhYwZdwGQoQxQpAGzIg4cl9Gq4rrp1ORDfVlQ37KVxR8lvPLmSvxGfGEs+KX4swLQR5sz2PufQB8hsy8BBgC7Pc0Ol+yIXgAAAABJRU5ErkJggg=="/>
</pattern> </pattern>
</defs> </defs>
<rect id="РУС" width="27" height="20" fill="url(#pattern)"/> <rect id="РУС" width="27" height="20" fill="url(#pattern)"/>
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.1 KiB

After

Width:  |  Height:  |  Size: 2.1 KiB

2236
src/svg/flagOfTkm.svg
View File

File diff suppressed because it is too large Load Diff
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 74 KiB

After

Width:  |  Height:  |  Size: 75 KiB

30
src/svg/flagOfUK.svg
View File

@ -1,16 +1,16 @@
<?xml version="1.0" encoding="UTF-8"?> <?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 30" width="1200" height="600"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 30" width="1200" height="600">
<clipPath id="s"> <clipPath id="s">
<path d="M0,0 v30 h60 v-30 z"/> <path d="M0,0 v30 h60 v-30 z"/>
</clipPath> </clipPath>
<clipPath id="t"> <clipPath id="t">
<path d="M30,15 h30 v15 z v15 h-30 z h-30 v-15 z v-15 h30 z"/> <path d="M30,15 h30 v15 z v15 h-30 z h-30 v-15 z v-15 h30 z"/>
</clipPath> </clipPath>
<g clip-path="url(#s)"> <g clip-path="url(#s)">
<path d="M0,0 v30 h60 v-30 z" fill="#012169"/> <path d="M0,0 v30 h60 v-30 z" fill="#012169"/>
<path d="M0,0 L60,30 M60,0 L0,30" stroke="#fff" stroke-width="6"/> <path d="M0,0 L60,30 M60,0 L0,30" stroke="#fff" stroke-width="6"/>
<path d="M0,0 L60,30 M60,0 L0,30" clip-path="url(#t)" stroke="#C8102E" stroke-width="4"/> <path d="M0,0 L60,30 M60,0 L0,30" clip-path="url(#t)" stroke="#C8102E" stroke-width="4"/>
<path d="M30,0 v30 M0,15 h60" stroke="#fff" stroke-width="10"/> <path d="M30,0 v30 M0,15 h60" stroke="#fff" stroke-width="10"/>
<path d="M30,0 v30 M0,15 h60" stroke="#C8102E" stroke-width="6"/> <path d="M30,0 v30 M0,15 h60" stroke="#C8102E" stroke-width="6"/>
</g> </g>
</svg> </svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 657 B

After

Width:  |  Height:  |  Size: 672 B

24
src/svg/loupe.svg
View File

@ -1,12 +1,12 @@
<svg id="loupe" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <svg id="loupe" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<g id="Сгруппировать_541" data-name="Сгруппировать 541"> <g id="Сгруппировать_541" data-name="Сгруппировать 541">
<g id="Сгруппировать_540" data-name="Сгруппировать 540"> <g id="Сгруппировать_540" data-name="Сгруппировать 540">
<path id="Контур_589" data-name="Контур 589" d="M7.046,0a7.046,7.046,0,1,0,7.046,7.046A7.054,7.054,0,0,0,7.046,0Zm0,12.791a5.745,5.745,0,1,1,5.745-5.745A5.752,5.752,0,0,1,7.046,12.791Z"/> <path id="Контур_589" data-name="Контур 589" d="M7.046,0a7.046,7.046,0,1,0,7.046,7.046A7.054,7.054,0,0,0,7.046,0Zm0,12.791a5.745,5.745,0,1,1,5.745-5.745A5.752,5.752,0,0,1,7.046,12.791Z"/>
</g> </g>
</g> </g>
<g id="Сгруппировать_543" data-name="Сгруппировать 543" transform="translate(10.97 10.97)"> <g id="Сгруппировать_543" data-name="Сгруппировать 543" transform="translate(10.97 10.97)">
<g id="Сгруппировать_542" data-name="Сгруппировать 542"> <g id="Сгруппировать_542" data-name="Сгруппировать 542">
<path id="Контур_590" data-name="Контур 590" d="M355.885,354.965l-3.729-3.729a.65.65,0,0,0-.92.92l3.729,3.729a.65.65,0,0,0,.92-.92Z" transform="translate(-351.046 -351.046)"/> <path id="Контур_590" data-name="Контур 590" d="M355.885,354.965l-3.729-3.729a.65.65,0,0,0-.92.92l3.729,3.729a.65.65,0,0,0,.92-.92Z" transform="translate(-351.046 -351.046)"/>
</g> </g>
</g> </g>
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 913 B

After

Width:  |  Height:  |  Size: 925 B

6
src/svg/mainLogo.svg
View File

File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 45 KiB

After

Width:  |  Height:  |  Size: 45 KiB

10
src/svg/next.svg
View File

@ -1,5 +1,5 @@
<svg id="next" xmlns="http://www.w3.org/2000/svg" width="11.209" height="20.754" viewBox="0 0 11.209 20.754"> <svg id="next" xmlns="http://www.w3.org/2000/svg" width="11.209" height="20.754" viewBox="0 0 11.209 20.754">
<g id="Сгруппировать_537" data-name="Сгруппировать 537" transform="translate(0 0)"> <g id="Сгруппировать_537" data-name="Сгруппировать 537" transform="translate(0 0)">
<path id="Контур_586" data-name="Контур 586" d="M128.715,9.808l-9.6-9.573a.8.8,0,1,0-1.136,1.139l9.028,9-9.029,9a.8.8,0,0,0,1.136,1.139l9.6-9.573a.8.8,0,0,0,0-1.139Z" transform="translate(-117.742 0)" fill="#dfdfdf"/> <path id="Контур_586" data-name="Контур 586" d="M128.715,9.808l-9.6-9.573a.8.8,0,1,0-1.136,1.139l9.028,9-9.029,9a.8.8,0,0,0,1.136,1.139l9.6-9.573a.8.8,0,0,0,0-1.139Z" transform="translate(-117.742 0)" fill="#dfdfdf"/>
</g> </g>
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 470 B

After

Width:  |  Height:  |  Size: 475 B

14
src/svg/prev.svg
View File

@ -1,7 +1,7 @@
<svg xmlns="http://www.w3.org/2000/svg" width="11.208" height="20.754" viewBox="0 0 11.208 20.754"> <svg xmlns="http://www.w3.org/2000/svg" width="11.208" height="20.754" viewBox="0 0 11.208 20.754">
<g id="prev" transform="translate(0 0)"> <g id="prev" transform="translate(0 0)">
<g id="Сгруппировать_537" data-name="Сгруппировать 537" transform="translate(0 0)"> <g id="Сгруппировать_537" data-name="Сгруппировать 537" transform="translate(0 0)">
<path id="Контур_586" data-name="Контур 586" d="M117.979,9.807l9.6-9.573a.8.8,0,1,1,1.136,1.139l-9.028,9,9.028,9a.8.8,0,0,1-1.136,1.139l-9.6-9.572a.8.8,0,0,1,0-1.139Z" transform="translate(-117.742 0)" fill="#dfdfdf"/> <path id="Контур_586" data-name="Контур 586" d="M117.979,9.807l9.6-9.573a.8.8,0,1,1,1.136,1.139l-9.028,9,9.028,9a.8.8,0,0,1-1.136,1.139l-9.6-9.572a.8.8,0,0,1,0-1.139Z" transform="translate(-117.742 0)" fill="#dfdfdf"/>
</g> </g>
</g> </g>
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 517 B

After

Width:  |  Height:  |  Size: 524 B

12
src/svg/print.svg
View File

@ -1,6 +1,6 @@
<svg id="print" xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25"> <svg id="print" xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25">
<path id="Контур_591" data-name="Контур 591" d="M21.338,6.3h-.684V3.662A3.666,3.666,0,0,0,16.992,0H8.008A3.666,3.666,0,0,0,4.346,3.662V6.3H3.662A3.666,3.666,0,0,0,0,9.961V15.82a3.666,3.666,0,0,0,3.662,3.662h.684V22.8a2.2,2.2,0,0,0,2.2,2.2H18.457a2.2,2.2,0,0,0,2.2-2.2v-3.32h.684A3.666,3.666,0,0,0,25,15.82V9.961A3.666,3.666,0,0,0,21.338,6.3ZM5.811,3.662a2.2,2.2,0,0,1,2.2-2.2h8.984a2.2,2.2,0,0,1,2.2,2.2V6.3H5.811ZM19.189,22.8a.733.733,0,0,1-.732.732H6.543a.733.733,0,0,1-.732-.732V15.576H19.189Zm4.346-6.982a2.2,2.2,0,0,1-2.2,2.2h-.684V15.576h.439a.732.732,0,0,0,0-1.465H3.906a.732.732,0,0,0,0,1.465h.439v2.441H3.662a2.2,2.2,0,0,1-2.2-2.2V9.961a2.2,2.2,0,0,1,2.2-2.2H21.338a2.2,2.2,0,0,1,2.2,2.2Z" fill="#fff"/> <path id="Контур_591" data-name="Контур 591" d="M21.338,6.3h-.684V3.662A3.666,3.666,0,0,0,16.992,0H8.008A3.666,3.666,0,0,0,4.346,3.662V6.3H3.662A3.666,3.666,0,0,0,0,9.961V15.82a3.666,3.666,0,0,0,3.662,3.662h.684V22.8a2.2,2.2,0,0,0,2.2,2.2H18.457a2.2,2.2,0,0,0,2.2-2.2v-3.32h.684A3.666,3.666,0,0,0,25,15.82V9.961A3.666,3.666,0,0,0,21.338,6.3ZM5.811,3.662a2.2,2.2,0,0,1,2.2-2.2h8.984a2.2,2.2,0,0,1,2.2,2.2V6.3H5.811ZM19.189,22.8a.733.733,0,0,1-.732.732H6.543a.733.733,0,0,1-.732-.732V15.576H19.189Zm4.346-6.982a2.2,2.2,0,0,1-2.2,2.2h-.684V15.576h.439a.732.732,0,0,0,0-1.465H3.906a.732.732,0,0,0,0,1.465h.439v2.441H3.662a2.2,2.2,0,0,1-2.2-2.2V9.961a2.2,2.2,0,0,1,2.2-2.2H21.338a2.2,2.2,0,0,1,2.2,2.2Z" fill="#fff"/>
<path id="Контур_592" data-name="Контур 592" d="M205.639,353h-3.906a.732.732,0,0,0,0,1.465h3.906a.732.732,0,0,0,0-1.465Z" transform="translate(-191.186 -335.764)" fill="#fff"/> <path id="Контур_592" data-name="Контур 592" d="M205.639,353h-3.906a.732.732,0,0,0,0,1.465h3.906a.732.732,0,0,0,0-1.465Z" transform="translate(-191.186 -335.764)" fill="#fff"/>
<path id="Контур_593" data-name="Контур 593" d="M205.639,417h-3.906a.732.732,0,1,0,0,1.465h3.906a.732.732,0,1,0,0-1.465Z" transform="translate(-191.186 -396.639)" fill="#fff"/> <path id="Контур_593" data-name="Контур 593" d="M205.639,417h-3.906a.732.732,0,1,0,0,1.465h3.906a.732.732,0,1,0,0-1.465Z" transform="translate(-191.186 -396.639)" fill="#fff"/>
<path id="Контур_594" data-name="Контур 594" d="M68.076,193H65.732a.732.732,0,0,0,0,1.465h2.344a.732.732,0,0,0,0-1.465Z" transform="translate(-61.826 -183.576)" fill="#fff"/> <path id="Контур_594" data-name="Контур 594" d="M68.076,193H65.732a.732.732,0,0,0,0,1.465h2.344a.732.732,0,0,0,0-1.465Z" transform="translate(-61.826 -183.576)" fill="#fff"/>
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

14
src/svg/rightArrow.svg
View File

@ -1,7 +1,7 @@
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="12" viewBox="0 0 18 12"> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="12" viewBox="0 0 18 12">
<g id="right" transform="translate(0 -85.333)"> <g id="right" transform="translate(0 -85.333)">
<g id="Сгруппировать_538" data-name="Сгруппировать 538" transform="translate(0 85.333)"> <g id="Сгруппировать_538" data-name="Сгруппировать 538" transform="translate(0 85.333)">
<path id="Контур_587" data-name="Контур 587" d="M17.89,91.068l-5.625-5.625a.375.375,0,0,0-.53.53l4.985,4.985H.375a.375.375,0,0,0,0,.75H16.72l-4.985,4.985a.375.375,0,1,0,.53.53L17.89,91.6A.375.375,0,0,0,17.89,91.068Z" transform="translate(0 -85.333)" fill="#fff"/> <path id="Контур_587" data-name="Контур 587" d="M17.89,91.068l-5.625-5.625a.375.375,0,0,0-.53.53l4.985,4.985H.375a.375.375,0,0,0,0,.75H16.72l-4.985,4.985a.375.375,0,1,0,.53.53L17.89,91.6A.375.375,0,0,0,17.89,91.068Z" transform="translate(0 -85.333)" fill="#fff"/>
</g> </g>
</g> </g>
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 558 B

After

Width:  |  Height:  |  Size: 565 B

14
src/svg/rightArrowBlue.svg
View File

@ -1,7 +1,7 @@
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="12" viewBox="0 0 18 12"> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="12" viewBox="0 0 18 12">
<g id="right" transform="translate(0 -85.333)"> <g id="right" transform="translate(0 -85.333)">
<g id="Сгруппировать_538" data-name="Сгруппировать 538" transform="translate(0 85.333)"> <g id="Сгруппировать_538" data-name="Сгруппировать 538" transform="translate(0 85.333)">
<path id="Контур_587" data-name="Контур 587" d="M17.89,91.068l-5.625-5.625a.375.375,0,0,0-.53.53l4.985,4.985H.375a.375.375,0,0,0,0,.75H16.72l-4.985,4.985a.375.375,0,1,0,.53.53L17.89,91.6A.375.375,0,0,0,17.89,91.068Z" transform="translate(0 -85.333)" fill="#003a9d"/> <path id="Контур_587" data-name="Контур 587" d="M17.89,91.068l-5.625-5.625a.375.375,0,0,0-.53.53l4.985,4.985H.375a.375.375,0,0,0,0,.75H16.72l-4.985,4.985a.375.375,0,1,0,.53.53L17.89,91.6A.375.375,0,0,0,17.89,91.068Z" transform="translate(0 -85.333)" fill="#003a9d"/>
</g> </g>
</g> </g>
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 561 B

After

Width:  |  Height:  |  Size: 568 B

14
src/svg/rightArrow_2.svg
View File

@ -1,7 +1,7 @@
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="12" viewBox="0 0 14 12"> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="12" viewBox="0 0 14 12">
<g id="right-arrow" transform="translate(0 -41.346)"> <g id="right-arrow" transform="translate(0 -41.346)">
<g id="Сгруппировать_539" data-name="Сгруппировать 539" transform="translate(0 41.346)"> <g id="Сгруппировать_539" data-name="Сгруппировать 539" transform="translate(0 41.346)">
<path id="Контур_588" data-name="Контур 588" d="M13.776,46.786,8.72,41.576a.753.753,0,0,0-1.084,0l-.459.473a.8.8,0,0,0-.224.558.812.812,0,0,0,.224.565l2.95,3.046H.756A.759.759,0,0,0,0,46.994v.669a.79.79,0,0,0,.756.811h9.4L7.178,51.536a.8.8,0,0,0,0,1.109l.459.472a.753.753,0,0,0,1.084,0l5.056-5.209a.813.813,0,0,0,0-1.121Z" transform="translate(0 -41.346)" fill="#fff"/> <path id="Контур_588" data-name="Контур 588" d="M13.776,46.786,8.72,41.576a.753.753,0,0,0-1.084,0l-.459.473a.8.8,0,0,0-.224.558.812.812,0,0,0,.224.565l2.95,3.046H.756A.759.759,0,0,0,0,46.994v.669a.79.79,0,0,0,.756.811h9.4L7.178,51.536a.8.8,0,0,0,0,1.109l.459.472a.753.753,0,0,0,1.084,0l5.056-5.209a.813.813,0,0,0,0-1.121Z" transform="translate(0 -41.346)" fill="#fff"/>
</g> </g>
</g> </g>
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 670 B

After

Width:  |  Height:  |  Size: 677 B

10
src/svg/sliderNext.svg
View File

@ -1,5 +1,5 @@
<svg id="next" xmlns="http://www.w3.org/2000/svg" width="11.208" height="20.754" viewBox="0 0 11.208 20.754"> <svg id="next" xmlns="http://www.w3.org/2000/svg" width="11.208" height="20.754" viewBox="0 0 11.208 20.754">
<g id="Сгруппировать_537" data-name="Сгруппировать 537"> <g id="Сгруппировать_537" data-name="Сгруппировать 537">
<path id="Контур_586" data-name="Контур 586" d="M128.714,9.807l-9.6-9.573a.8.8,0,1,0-1.136,1.139l9.028,9-9.028,9a.8.8,0,0,0,1.136,1.139l9.6-9.572a.8.8,0,0,0,0-1.139Z" transform="translate(-117.742 0)" fill="#fff"/> <path id="Контур_586" data-name="Контур 586" d="M128.714,9.807l-9.6-9.573a.8.8,0,1,0-1.136,1.139l9.028,9-9.028,9a.8.8,0,0,0,1.136,1.139l9.6-9.572a.8.8,0,0,0,0-1.139Z" transform="translate(-117.742 0)" fill="#fff"/>
</g> </g>
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 440 B

After

Width:  |  Height:  |  Size: 445 B

10
src/svg/sliderPrev.svg
View File

@ -1,5 +1,5 @@
<svg id="next" xmlns="http://www.w3.org/2000/svg" width="11.208" height="20.754" viewBox="0 0 11.208 20.754"> <svg id="next" xmlns="http://www.w3.org/2000/svg" width="11.208" height="20.754" viewBox="0 0 11.208 20.754">
<g id="Сгруппировать_537" data-name="Сгруппировать 537"> <g id="Сгруппировать_537" data-name="Сгруппировать 537">
<path id="Контур_586" data-name="Контур 586" d="M117.979,9.807l9.6-9.573a.8.8,0,1,1,1.136,1.139l-9.028,9,9.028,9a.8.8,0,0,1-1.136,1.139l-9.6-9.572a.8.8,0,0,1,0-1.139Z" transform="translate(-117.742 0)" fill="#fff"/> <path id="Контур_586" data-name="Контур 586" d="M117.979,9.807l9.6-9.573a.8.8,0,1,1,1.136,1.139l-9.028,9,9.028,9a.8.8,0,0,1-1.136,1.139l-9.6-9.572a.8.8,0,0,1,0-1.139Z" transform="translate(-117.742 0)" fill="#fff"/>
</g> </g>
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 441 B

After

Width:  |  Height:  |  Size: 446 B