delete minimal react
|
|
@ -1 +0,0 @@
|
|||
Subproject commit c56633ff8bd209ce26ef44430f62fac2f1266664
|
||||
|
|
@ -1,6 +0,0 @@
|
|||
{
|
||||
"presets": [
|
||||
"@babel/preset-env",
|
||||
"@babel/preset-react"
|
||||
]
|
||||
}
|
||||
|
|
@ -1,23 +0,0 @@
|
|||
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
|
||||
|
||||
# dependencies
|
||||
/node_modules
|
||||
/.pnp
|
||||
.pnp.js
|
||||
|
||||
# testing
|
||||
/coverage
|
||||
|
||||
# production
|
||||
/build
|
||||
|
||||
# misc
|
||||
.DS_Store
|
||||
.env.local
|
||||
.env.development.local
|
||||
.env.test.local
|
||||
.env.production.local
|
||||
|
||||
npm-debug.log*
|
||||
yarn-debug.log*
|
||||
yarn-error.log*
|
||||
|
|
@ -1,70 +0,0 @@
|
|||
# Getting Started with Create React App
|
||||
|
||||
This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
|
||||
|
||||
## Available Scripts
|
||||
|
||||
In the project directory, you can run:
|
||||
|
||||
### `npm start`
|
||||
|
||||
Runs the app in the development mode.\
|
||||
Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
|
||||
|
||||
The page will reload if you make edits.\
|
||||
You will also see any lint errors in the console.
|
||||
|
||||
### `npm test`
|
||||
|
||||
Launches the test runner in the interactive watch mode.\
|
||||
See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.
|
||||
|
||||
### `npm run build`
|
||||
|
||||
Builds the app for production to the `build` folder.\
|
||||
It correctly bundles React in production mode and optimizes the build for the best performance.
|
||||
|
||||
The build is minified and the filenames include the hashes.\
|
||||
Your app is ready to be deployed!
|
||||
|
||||
See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.
|
||||
|
||||
### `npm run eject`
|
||||
|
||||
**Note: this is a one-way operation. Once you `eject`, you can’t go back!**
|
||||
|
||||
If you aren’t satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project.
|
||||
|
||||
Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you’re on your own.
|
||||
|
||||
You don’t have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn’t feel obligated to use this feature. However we understand that this tool wouldn’t be useful if you couldn’t customize it when you are ready for it.
|
||||
|
||||
## Learn More
|
||||
|
||||
You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).
|
||||
|
||||
To learn React, check out the [React documentation](https://reactjs.org/).
|
||||
|
||||
### Code Splitting
|
||||
|
||||
This section has moved here: [https://facebook.github.io/create-react-app/docs/code-splitting](https://facebook.github.io/create-react-app/docs/code-splitting)
|
||||
|
||||
### Analyzing the Bundle Size
|
||||
|
||||
This section has moved here: [https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size](https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size)
|
||||
|
||||
### Making a Progressive Web App
|
||||
|
||||
This section has moved here: [https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app](https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app)
|
||||
|
||||
### Advanced Configuration
|
||||
|
||||
This section has moved here: [https://facebook.github.io/create-react-app/docs/advanced-configuration](https://facebook.github.io/create-react-app/docs/advanced-configuration)
|
||||
|
||||
### Deployment
|
||||
|
||||
This section has moved here: [https://facebook.github.io/create-react-app/docs/deployment](https://facebook.github.io/create-react-app/docs/deployment)
|
||||
|
||||
### `npm run build` fails to minify
|
||||
|
||||
This section has moved here: [https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify](https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify)
|
||||
|
|
@ -1,60 +0,0 @@
|
|||
{
|
||||
"name": "react-etalon",
|
||||
"version": "0.1.0",
|
||||
"private": true,
|
||||
"dependencies": {
|
||||
"@testing-library/jest-dom": "^5.14.1",
|
||||
"@testing-library/react": "^11.2.7",
|
||||
"@testing-library/user-event": "^12.8.3",
|
||||
"axios": "^0.24.0",
|
||||
"cors": "^2.8.5",
|
||||
"node-sass": "^6.0.1",
|
||||
"react": "^17.0.2",
|
||||
"react-dom": "^17.0.2",
|
||||
"react-redux": "^7.2.6",
|
||||
"react-router-dom": "^5.3.0",
|
||||
"react-scripts": "4.0.3",
|
||||
"redux": "^4.1.2",
|
||||
"swiper": "^7.2.0",
|
||||
"uuid": "^8.3.2",
|
||||
"uuidv4": "^6.2.12",
|
||||
"web-vitals": "^1.1.2"
|
||||
},
|
||||
"scripts": {
|
||||
"build": "webpack",
|
||||
"test": "react-scripts test",
|
||||
"eject": "react-scripts eject",
|
||||
"start": "webpack serve --config ./webpack.config.js --mode development"
|
||||
},
|
||||
"eslintConfig": {
|
||||
"extends": [
|
||||
"react-app",
|
||||
"react-app/jest"
|
||||
]
|
||||
},
|
||||
"browserslist": {
|
||||
"production": [
|
||||
">0.2%",
|
||||
"not dead",
|
||||
"not op_mini all"
|
||||
],
|
||||
"development": [
|
||||
"last 1 chrome version",
|
||||
"last 1 firefox version",
|
||||
"last 1 safari version"
|
||||
]
|
||||
},
|
||||
"description": "This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).",
|
||||
"main": "index.js",
|
||||
"devDependencies": {
|
||||
"@babel/core": "^7.16.5",
|
||||
"@babel/preset-env": "^7.16.5",
|
||||
"@babel/preset-react": "^7.16.5",
|
||||
"babel-loader": "^8.2.3",
|
||||
"webpack": "^4.46.0",
|
||||
"webpack-cli": "^4.9.1",
|
||||
"webpack-dev-server": "^3.11.1"
|
||||
},
|
||||
"author": "",
|
||||
"license": "ISC"
|
||||
}
|
||||
|
|
@ -1,34 +0,0 @@
|
|||
title = "default"
|
||||
url = "/"
|
||||
is_hidden = 0
|
||||
robot_index = "index"
|
||||
robot_follow = "follow"
|
||||
==
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="theme-color" content="#000000" />
|
||||
<meta
|
||||
name="description"
|
||||
content="Web site created using create-react-app"
|
||||
/>
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||||
<link
|
||||
href="https://fonts.googleapis.com/css2?family=Open+Sans&display=swap"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
|
||||
|
||||
<title>Etalon</title>
|
||||
</head>
|
||||
<body>
|
||||
<noscript>You need to enable JavaScript to run this app.</noscript>
|
||||
<div id="root"></div>
|
||||
|
||||
<!-- <script src="{{'assets/bundle.js'|theme}}"></script> -->
|
||||
</body>
|
||||
</html>
|
||||
|
Before Width: | Height: | Size: 3.8 KiB |
|
|
@ -1,50 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="theme-color" content="#000000" />
|
||||
<meta
|
||||
name="description"
|
||||
content="Web site created using create-react-app"
|
||||
/>
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||||
<link
|
||||
href="https://fonts.googleapis.com/css2?family=Open+Sans&display=swap"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
|
||||
<!--
|
||||
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/
|
||||
-->
|
||||
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
|
||||
<!--
|
||||
Notice the use of %PUBLIC_URL% in the tags above.
|
||||
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.
|
||||
|
||||
Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
|
||||
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`.
|
||||
-->
|
||||
<title>Etalon</title>
|
||||
</head>
|
||||
<body>
|
||||
<noscript>You need to enable JavaScript to run this app.</noscript>
|
||||
<div id="root"></div>
|
||||
|
||||
<!--
|
||||
This HTML file is a template.
|
||||
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.
|
||||
The build step will place the bundled scripts into the <body> tag.
|
||||
|
||||
To begin the development, run `npm start` or `yarn start`.
|
||||
To create a production bundle, use `npm run build` or `yarn build`.
|
||||
-->
|
||||
</body>
|
||||
</html>
|
||||
|
Before Width: | Height: | Size: 5.2 KiB |
|
Before Width: | Height: | Size: 9.4 KiB |
|
|
@ -1,25 +0,0 @@
|
|||
{
|
||||
"short_name": "React App",
|
||||
"name": "Create React App Sample",
|
||||
"icons": [
|
||||
{
|
||||
"src": "favicon.ico",
|
||||
"sizes": "64x64 32x32 24x24 16x16",
|
||||
"type": "image/x-icon"
|
||||
},
|
||||
{
|
||||
"src": "logo192.png",
|
||||
"type": "image/png",
|
||||
"sizes": "192x192"
|
||||
},
|
||||
{
|
||||
"src": "logo512.png",
|
||||
"type": "image/png",
|
||||
"sizes": "512x512"
|
||||
}
|
||||
],
|
||||
"start_url": ".",
|
||||
"display": "standalone",
|
||||
"theme_color": "#000000",
|
||||
"background_color": "#ffffff"
|
||||
}
|
||||
|
|
@ -1,3 +0,0 @@
|
|||
# https://www.robotstxt.org/robotstxt.html
|
||||
User-agent: *
|
||||
Disallow:
|
||||
|
|
@ -1,85 +0,0 @@
|
|||
// IMPORT MODULES
|
||||
import React from "react";
|
||||
import { Switch, Route } from "react-router-dom";
|
||||
|
||||
// IMPORT PERMANENT COMPONENTS
|
||||
import Nav from "./components/Global/Nav";
|
||||
import Footer from "./components/Global/Footer";
|
||||
|
||||
// IMPORT PAGES
|
||||
import Main from "./pages/Main";
|
||||
import News from "./pages/News";
|
||||
import Novelty from "./pages/Novelty";
|
||||
import Etalons from "./pages/Etalons";
|
||||
import Etalon from "./pages/Etalon";
|
||||
import Legislation from "./pages/Legislation";
|
||||
import History from "./pages/History";
|
||||
import Structure from "./pages/Structure";
|
||||
import Prices from "./pages/Prices";
|
||||
import MeasuringRegister from "./pages/MeasuringRegister";
|
||||
import Meteorology from "./pages/Meteorology";
|
||||
import CalibrateInstruments from "./pages/CalibrateInstruments";
|
||||
import CalibrateThermo from "./pages/CalibrateThermo";
|
||||
import Regulations from "./pages/Regulations";
|
||||
import Service from "./pages/Service";
|
||||
|
||||
// IMPORT STYLES
|
||||
import "./styles/app.scss";
|
||||
|
||||
function App() {
|
||||
return (
|
||||
<div className="App">
|
||||
<Nav />
|
||||
<Switch>
|
||||
<Route path="/" exact>
|
||||
<Main />
|
||||
</Route>
|
||||
<Route path="/news" exact>
|
||||
<News />
|
||||
</Route>
|
||||
<Route path="/news/novelty/1" exact>
|
||||
<Novelty />
|
||||
</Route>
|
||||
<Route path="/etalons" exact>
|
||||
<Etalons />
|
||||
</Route>
|
||||
<Route path="/etalons/1">
|
||||
<Etalon />
|
||||
</Route>
|
||||
<Route path="/legislation">
|
||||
<Legislation />
|
||||
</Route>
|
||||
<Route path="/history">
|
||||
<History />
|
||||
</Route>
|
||||
<Route path="/structure">
|
||||
<Structure />
|
||||
</Route>
|
||||
<Route path="/prices" exact>
|
||||
<Prices />
|
||||
</Route>
|
||||
<Route path="/prices/meteorology" exact>
|
||||
<Meteorology />
|
||||
</Route>
|
||||
<Route path="/prices/calibrate_instruments" exact>
|
||||
<CalibrateInstruments />
|
||||
</Route>
|
||||
<Route path="/prices/calibrate_thermo">
|
||||
<CalibrateThermo />
|
||||
</Route>
|
||||
<Route path="/measuring_register">
|
||||
<MeasuringRegister />
|
||||
</Route>
|
||||
<Route path="/measuring_regulations">
|
||||
<Regulations />
|
||||
</Route>
|
||||
<Route path="/service">
|
||||
<Service />
|
||||
</Route>
|
||||
</Switch>
|
||||
<Footer />
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export default App;
|
||||
|
|
@ -1,26 +0,0 @@
|
|||
// IMPORT MODULES
|
||||
import React from "react";
|
||||
import { Link } from "react-router-dom";
|
||||
|
||||
// IMPORT IMAGES
|
||||
import RightArrow_2 from "../../svg/rightArrow_2.svg";
|
||||
|
||||
const EtalonsCard = (cardData) => {
|
||||
return (
|
||||
<Link to={cardData.link} className="dept">
|
||||
<div className="dept-top">
|
||||
<div className="dept-absolute">
|
||||
<img src={RightArrow_2} alt="ARROW" />
|
||||
</div>
|
||||
<div className="dept-img">
|
||||
<img src={cardData.img} alt="MEASUREMENT" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="dept-bottom">
|
||||
<h4>{cardData.title}</h4>
|
||||
</div>
|
||||
</Link>
|
||||
);
|
||||
};
|
||||
|
||||
export default EtalonsCard;
|
||||
|
|
@ -1,64 +0,0 @@
|
|||
// IMPORT MODULES
|
||||
import React from "react";
|
||||
import { Link } from "react-router-dom";
|
||||
|
||||
const Breadcrumb = (path) => {
|
||||
return (
|
||||
<div className="breadcrumb">
|
||||
<div className="container">
|
||||
<div className="breadcrumb-inner">
|
||||
<Link to="/" className="breadcrumb-text-unfaded">
|
||||
Главная
|
||||
</Link>
|
||||
<span
|
||||
className="breadcrumb-slash"
|
||||
style={path.path_1 ? { display: "block" } : { display: "none" }}
|
||||
>
|
||||
/
|
||||
</span>
|
||||
<Link
|
||||
to={path.link_1 ? path.link_1 : path.currentUrl}
|
||||
className={
|
||||
path.path_2 ? "breadcrumb-text-unfaded" : "breadcrumb-text-faded"
|
||||
}
|
||||
style={path.path_1 ? { display: "block" } : { display: "none" }}
|
||||
>
|
||||
{path.path_1}
|
||||
</Link>
|
||||
<span
|
||||
className="breadcrumb-slash"
|
||||
style={path.path_2 ? { display: "block" } : { display: "none" }}
|
||||
>
|
||||
/
|
||||
</span>
|
||||
<Link
|
||||
to={path.link_2 ? path.link_2 : path.currentUrl}
|
||||
style={path.path_2 ? { display: "block" } : { display: "none" }}
|
||||
className={
|
||||
path.path_3 ? "breadcrumb-text-unfaded" : "breadcrumb-text-faded"
|
||||
}
|
||||
>
|
||||
{path.path_2}
|
||||
</Link>
|
||||
<span
|
||||
className="breadcrumb-slash"
|
||||
style={path.path_3 ? { display: "block" } : { display: "none" }}
|
||||
>
|
||||
/
|
||||
</span>
|
||||
<Link
|
||||
to={path.link_3 ? path.link_1 : path.currentUrl}
|
||||
className={
|
||||
path.path_4 ? "breadcrumb-text-unfaded" : "breadcrumb-text-faded"
|
||||
}
|
||||
style={path.path_3 ? { display: "block" } : { display: "none" }}
|
||||
>
|
||||
{path.path_3}
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default Breadcrumb;
|
||||
|
|
@ -1,138 +0,0 @@
|
|||
// IMPORT MODULES
|
||||
import React from "react";
|
||||
import { Link } from "react-router-dom";
|
||||
|
||||
// IMPORT IMAGES
|
||||
import rightArrow from "../../svg/rightArrow.svg";
|
||||
|
||||
const Footer = () => {
|
||||
return (
|
||||
<footer className="footer">
|
||||
<div className="container">
|
||||
<div className="footer-inner">
|
||||
<div className="footer-top">
|
||||
<ul className="footer-links">
|
||||
<li className="footer-link">
|
||||
<div className="footer-link-wrapper">
|
||||
<h4 className="footer-link-title">О центре</h4>
|
||||
<ul className="footer-link-inner">
|
||||
<li>
|
||||
<div className="footer-link-img">
|
||||
<img src={rightArrow} alt="ARROW" />
|
||||
</div>
|
||||
<Link to="/etalons" className="footer-link-text">
|
||||
Эталоны
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<div className="footer-link-img">
|
||||
<img src={rightArrow} alt="ARROW" />
|
||||
</div>
|
||||
<Link to="/news" className="footer-link-text">
|
||||
Новости
|
||||
</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li className="footer-link">
|
||||
<div className="footer-link-wrapper">
|
||||
<h4 className="footer-link-title">Услуги</h4>
|
||||
<ul className="footer-link-inner">
|
||||
<li>
|
||||
<div className="footer-link-img">
|
||||
<img src={rightArrow} alt="ARROW" />
|
||||
</div>
|
||||
<Link to="/service" className="footer-link-text">
|
||||
Информация
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<div className="footer-link-img">
|
||||
<img src={rightArrow} alt="ARROW" />
|
||||
</div>
|
||||
<Link to="/prices" className="footer-link-text">
|
||||
Стоимость
|
||||
</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li className="footer-link">
|
||||
<div className="footer-link-wrapper">
|
||||
<h4 className="footer-link-title">Нормативная база</h4>
|
||||
<ul className="footer-link-inner">
|
||||
<li>
|
||||
<div className="footer-link-img">
|
||||
<img src={rightArrow} alt="ARROW" />
|
||||
</div>
|
||||
<Link to="/legislation" className="footer-link-text">
|
||||
Законодательная база
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<div className="footer-link-img">
|
||||
<img src={rightArrow} alt="ARROW" />
|
||||
</div>
|
||||
<Link
|
||||
to="/measuring_register"
|
||||
className="footer-link-text"
|
||||
>
|
||||
Государственный реестр средств измерений
|
||||
</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li className="footer-link">
|
||||
<div className="footer-link-wrapper">
|
||||
<h4 className="footer-link-title">Контакты:</h4>
|
||||
<ul className="footer-link-inner">
|
||||
<li>
|
||||
<h6 className="footer-link-text">Тел.: +993 12 422304</h6>
|
||||
</li>
|
||||
<li>
|
||||
<h6 className="footer-link-text">
|
||||
E-mail: dem-turkm@online.tm
|
||||
</h6>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li className="footer-link">
|
||||
<div className="footer-link-wrapper">
|
||||
<h4 className="footer-link-title">Наш адрес:</h4>
|
||||
<ul className="footer-link-inner">
|
||||
<li>
|
||||
<h6 className="footer-link-text">
|
||||
Туркменистан, г. Ашхабад
|
||||
</h6>
|
||||
</li>
|
||||
<li>
|
||||
<h6 className="footer-link-text">
|
||||
ул.1953, д.76 (Молодежная)
|
||||
</h6>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div className="footer-middle">
|
||||
<a
|
||||
href="https://turkmenstandartlary.gov.tm/"
|
||||
className="footer-middle-link"
|
||||
>
|
||||
Главная государственная служба "Туркменстандартлары"
|
||||
</a>
|
||||
</div>
|
||||
<div className="footer-bottom">
|
||||
<h4>© 2019 Государственный эталонный центр</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
);
|
||||
};
|
||||
|
||||
export default Footer;
|
||||
|
|
@ -1,349 +0,0 @@
|
|||
// IMPORT MODULES
|
||||
import React, { useRef } from "react";
|
||||
import { Link } from "react-router-dom";
|
||||
|
||||
// IMPORT IMAGES
|
||||
import MainLogo from "../../svg/mainLogo.svg";
|
||||
import Emblem from "../../svg/emblemLogo.svg";
|
||||
import downArrow from "../../svg/downArrow.svg";
|
||||
import flagOfRussia from "../../svg/flagOfRussia.svg";
|
||||
import flagOfUK from "../../svg/flagOfUK.svg";
|
||||
import flagOfTkm from "../../svg/flagOfTkm.svg";
|
||||
|
||||
const Nav = () => {
|
||||
// REF
|
||||
const navBtn = useRef();
|
||||
const mobileNavExpanded = useRef();
|
||||
const stripe_1 = useRef();
|
||||
const stripe_2 = useRef();
|
||||
const stripe_3 = useRef();
|
||||
return (
|
||||
<nav className="nav">
|
||||
<div className="container">
|
||||
<div className="nav-inner">
|
||||
<Link to="/" className="nav-left">
|
||||
<div className="main-logo">
|
||||
<img src={MainLogo} alt="LOGO" />
|
||||
</div>
|
||||
<div className="emblem">
|
||||
<img src={Emblem} alt="Emblem" />
|
||||
</div>
|
||||
</Link>
|
||||
<div className="nav-right">
|
||||
<ul className="nav-link">
|
||||
<li className="nav-link">
|
||||
<Link to="/news">Новости</Link>
|
||||
</li>
|
||||
<li className="nav-link">
|
||||
<Link to="/etalons">Эталоны</Link>
|
||||
</li>
|
||||
<li className="nav-link nav-select">
|
||||
<div className="nav-dropdown">
|
||||
<ul className="nav-dropdown-content">
|
||||
<li className="dropdown-content">
|
||||
<Link to="/service">Информация об услугах</Link>
|
||||
</li>
|
||||
<li className="dropdown-content">
|
||||
<Link to="/prices">Стоимость</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<h3>Услуги</h3>
|
||||
<img
|
||||
className="nav-downarrow"
|
||||
src={downArrow}
|
||||
alt="DOWNARROW"
|
||||
/>
|
||||
</li>
|
||||
<li className="nav-link nav-select">
|
||||
<div className="nav-dropdown">
|
||||
<ul className="nav-dropdown-content">
|
||||
<li className="dropdown-content">
|
||||
<Link to="/legislation">Законодательная база</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<h3>Нормативная база</h3>
|
||||
<img
|
||||
className="nav-downarrow"
|
||||
src={downArrow}
|
||||
alt="DOWNARROW"
|
||||
/>
|
||||
</li>
|
||||
<li className="nav-link nav-select">
|
||||
<div className="nav-dropdown">
|
||||
<ul className="nav-dropdown-content">
|
||||
<li className="dropdown-content">
|
||||
<Link to="/measuring_register">
|
||||
Гос. реестр средств измерений
|
||||
</Link>
|
||||
</li>
|
||||
<li className="dropdown-content">
|
||||
<Link to="/measuring_regulations">
|
||||
Реестр нормативной документации
|
||||
</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<h3>Реестры</h3>
|
||||
<img
|
||||
className="nav-downarrow"
|
||||
src={downArrow}
|
||||
alt="DOWNARROW"
|
||||
/>
|
||||
</li>
|
||||
<li className="nav-link nav-select">
|
||||
<div className="nav-dropdown">
|
||||
<ul className="nav-dropdown-content">
|
||||
<li className="dropdown-content">
|
||||
<Link to="/history">История центра</Link>
|
||||
</li>
|
||||
<li className="dropdown-content">
|
||||
<Link to="/structure">Структура центра</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<h3>О центре</h3>
|
||||
<img
|
||||
className="nav-downarrow"
|
||||
src={downArrow}
|
||||
alt="DOWNARROW"
|
||||
/>
|
||||
</li>
|
||||
<li className="nav-link nav-select nav-lang">
|
||||
<div className="nav-dropdown nav-dropdown-shifted">
|
||||
<ul className="nav-dropdown-content">
|
||||
<li className="dropdown-content">
|
||||
<h4>Русский</h4>
|
||||
<div className="flag-wrapper">
|
||||
<img src={flagOfRussia} alt="RUSSIAN" />
|
||||
</div>
|
||||
</li>
|
||||
<li className="dropdown-content">
|
||||
<h4>Türkmençe</h4>
|
||||
<div className="flag-wrapper">
|
||||
<img src={flagOfTkm} alt="TURKMEN" />
|
||||
</div>
|
||||
</li>
|
||||
<li className="dropdown-content">
|
||||
<h4>English</h4>
|
||||
<div className="flag-wrapper">
|
||||
<img src={flagOfUK} alt="ENGLISH" />
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<img src={flagOfRussia} alt="DOWNARROW" />
|
||||
</li>
|
||||
</ul>
|
||||
<div className="nav-links-mobile-button">
|
||||
<button
|
||||
type="button"
|
||||
className="mobile-button"
|
||||
onClick={(e) => {
|
||||
mobileNavExpanded.current.classList.toggle("active");
|
||||
stripe_1.current.classList.toggle("active");
|
||||
stripe_2.current.classList.toggle("active");
|
||||
stripe_3.current.classList.toggle("active");
|
||||
}}
|
||||
ref={navBtn}
|
||||
>
|
||||
<div className="stripe-wrapper">
|
||||
<div className="stripe stripe-1" ref={stripe_1}></div>
|
||||
<div className="stripe stripe-2" ref={stripe_2}></div>
|
||||
<div className="stripe stripe-3" ref={stripe_3}></div>
|
||||
</div>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="nav-mobile" ref={mobileNavExpanded}>
|
||||
<ul className="nav-mobile-links">
|
||||
<li
|
||||
className="nav-mobile-link"
|
||||
onClick={() => {
|
||||
mobileNavExpanded.current.classList.remove("active");
|
||||
stripe_1.current.classList.remove("active");
|
||||
stripe_2.current.classList.remove("active");
|
||||
stripe_3.current.classList.remove("active");
|
||||
}}
|
||||
>
|
||||
<Link to="/news">Новости</Link>
|
||||
</li>
|
||||
<li
|
||||
className="nav-mobile-link"
|
||||
onClick={() => {
|
||||
mobileNavExpanded.current.classList.remove("active");
|
||||
stripe_1.current.classList.remove("active");
|
||||
stripe_2.current.classList.remove("active");
|
||||
stripe_3.current.classList.remove("active");
|
||||
}}
|
||||
>
|
||||
<Link to="/etalons">Эталоны</Link>
|
||||
</li>
|
||||
<li className="nav-mobile-link">
|
||||
<div className="nav-mobile-link-content">
|
||||
<h3>Услуги</h3>
|
||||
<div>
|
||||
<img
|
||||
src={downArrow}
|
||||
alt="downArrow"
|
||||
className="nav-mobile-downarrow"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="nav-mobile-link-dropdown"
|
||||
onClick={() => {
|
||||
mobileNavExpanded.current.classList.remove("active");
|
||||
stripe_1.current.classList.remove("active");
|
||||
stripe_2.current.classList.remove("active");
|
||||
stripe_3.current.classList.remove("active");
|
||||
}}
|
||||
>
|
||||
<ul>
|
||||
<li className="mobile-dropdown-link">
|
||||
<Link to="/service">Информация об услугах</Link>
|
||||
</li>
|
||||
<li className="mobile-dropdown-link">
|
||||
<Link to="/prices">Стоимость</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li className="nav-mobile-link">
|
||||
<div className="nav-mobile-link-content">
|
||||
<h3>Нормативная база</h3>
|
||||
<div>
|
||||
<img
|
||||
src={downArrow}
|
||||
alt="downArrow"
|
||||
className="nav-mobile-downarrow"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="nav-mobile-link-dropdown"
|
||||
onClick={() => {
|
||||
mobileNavExpanded.current.classList.remove("active");
|
||||
stripe_1.current.classList.remove("active");
|
||||
stripe_2.current.classList.remove("active");
|
||||
stripe_3.current.classList.remove("active");
|
||||
}}
|
||||
>
|
||||
<ul>
|
||||
<li className="mobile-dropdown-link">
|
||||
<Link to="/legislation">Законодательная база</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li className="nav-mobile-link">
|
||||
<div className="nav-mobile-link-content">
|
||||
<h3>Реестры</h3>
|
||||
<div>
|
||||
<img
|
||||
src={downArrow}
|
||||
alt="downArrow"
|
||||
className="nav-mobile-downarrow"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="nav-mobile-link-dropdown"
|
||||
onClick={() => {
|
||||
mobileNavExpanded.current.classList.remove("active");
|
||||
stripe_1.current.classList.remove("active");
|
||||
stripe_2.current.classList.remove("active");
|
||||
stripe_3.current.classList.remove("active");
|
||||
}}
|
||||
>
|
||||
<ul>
|
||||
<li className="mobile-dropdown-link">
|
||||
<Link to="/measuring_register">
|
||||
Гос. реестр средств измерений
|
||||
</Link>
|
||||
</li>
|
||||
<li className="mobile-dropdown-link">
|
||||
<Link to="/measuring_regulations">
|
||||
Реестр нормативной документации
|
||||
</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li className="nav-mobile-link">
|
||||
<div className="nav-mobile-link-content">
|
||||
<h3>О центре</h3>
|
||||
<div>
|
||||
<img
|
||||
src={downArrow}
|
||||
alt="downArrow"
|
||||
className="nav-mobile-downarrow"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="nav-mobile-link-dropdown"
|
||||
onClick={() => {
|
||||
mobileNavExpanded.current.classList.remove("active");
|
||||
stripe_1.current.classList.remove("active");
|
||||
stripe_2.current.classList.remove("active");
|
||||
stripe_3.current.classList.remove("active");
|
||||
}}
|
||||
>
|
||||
<ul>
|
||||
<li className="mobile-dropdown-link">
|
||||
<Link to="/history">История центра</Link>
|
||||
</li>
|
||||
<li className="mobile-dropdown-link">
|
||||
<Link to="/structure">Структура центра</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li className="nav-mobile-link">
|
||||
<div className="nav-mobile-link-content">
|
||||
<div className="flag">
|
||||
<img src={flagOfRussia} alt="downArrow" />
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="nav-mobile-link-dropdown"
|
||||
onClick={() => {
|
||||
mobileNavExpanded.current.classList.remove("active");
|
||||
stripe_1.current.classList.remove("active");
|
||||
stripe_2.current.classList.remove("active");
|
||||
stripe_3.current.classList.remove("active");
|
||||
}}
|
||||
>
|
||||
<ul>
|
||||
<li className="mobile-dropdown-link flag-container">
|
||||
<div className="flag">
|
||||
<img src={flagOfRussia} alt="Russian" />
|
||||
</div>
|
||||
<h3>Russian</h3>
|
||||
</li>
|
||||
<li className="mobile-dropdown-link flag-container">
|
||||
<div className="flag">
|
||||
<img src={flagOfUK} alt="English" />
|
||||
</div>
|
||||
<h3>English</h3>
|
||||
</li>
|
||||
<li className="mobile-dropdown-link flag-container">
|
||||
<div className="flag">
|
||||
<img src={flagOfTkm} alt="Türkmençe" />
|
||||
</div>
|
||||
<h3>Türkmençe</h3>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
);
|
||||
};
|
||||
|
||||
export default Nav;
|
||||
|
|
@ -1,107 +0,0 @@
|
|||
// IMPORT MODULES
|
||||
import React from "react";
|
||||
import { Link } from "react-router-dom";
|
||||
|
||||
// TAB_2
|
||||
import RightArrow_2 from "../../svg/rightArrow_2.svg";
|
||||
import SecondTabIMG_1 from "../../img/tabImgSecond_1.jpg";
|
||||
import SecondTabIMG_2 from "../../img/tabImgSecond_2.jpg";
|
||||
import SecondTabIMG_3 from "../../img/tabImgSecond_3.jpg";
|
||||
import SecondTabIMG_4 from "../../img/tabImgSecond_4.jpg";
|
||||
import SecondTabIMG_5 from "../../img/tabImgSecond_5.jpg";
|
||||
import SecondTabIMG_6 from "../../img/tabImgSecond_6.jpg";
|
||||
|
||||
const DepartmentsMain = () => {
|
||||
return (
|
||||
<div className="depts-tab">
|
||||
<div className="tab-header">
|
||||
<h4 className="tab-header-text" id="tab-header-text">
|
||||
Отделы
|
||||
</h4>
|
||||
<div className="tab-header-line"></div>
|
||||
</div>
|
||||
<div className="depts-wrapper">
|
||||
<Link to="/department_geometric" className="dept">
|
||||
<div className="dept-top">
|
||||
<div className="dept-absolute">
|
||||
<img src={RightArrow_2} alt="ARROW" />
|
||||
</div>
|
||||
<div className="dept-img">
|
||||
<img src={SecondTabIMG_1} alt="MEASUREMENT" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="dept-bottom">
|
||||
<h4>Отдел измерений геометрических и механических величин</h4>
|
||||
</div>
|
||||
</Link>
|
||||
<Link to="/department_heat" className="dept">
|
||||
<div className="dept-top">
|
||||
<div className="dept-absolute">
|
||||
<img src={RightArrow_2} alt="ARROW" />
|
||||
</div>
|
||||
<div className="dept-img">
|
||||
<img src={SecondTabIMG_2} alt="MEASUREMENT" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="dept-bottom">
|
||||
<h4>Отдел измерения теплотехнических величин</h4>
|
||||
</div>
|
||||
</Link>
|
||||
<Link to="/department_volume" className="dept">
|
||||
<div className="dept-top">
|
||||
<div className="dept-absolute">
|
||||
<img src={RightArrow_2} alt="ARROW" />
|
||||
</div>
|
||||
<div className="dept-img">
|
||||
<img src={SecondTabIMG_3} alt="MEASUREMENT" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="dept-bottom">
|
||||
<h4>Отдел по измерению объема и расхода веществ</h4>
|
||||
</div>
|
||||
</Link>
|
||||
<Link to="/department_physics" className="dept">
|
||||
<div className="dept-top">
|
||||
<div className="dept-absolute">
|
||||
<img src={RightArrow_2} alt="ARROW" />
|
||||
</div>
|
||||
<div className="dept-img">
|
||||
<img src={SecondTabIMG_4} alt="MEASUREMENT" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="dept-bottom">
|
||||
<h4>Отдел физико-химических и оптических измерений </h4>
|
||||
</div>
|
||||
</Link>
|
||||
<Link to="/department_electricity" className="dept">
|
||||
<div className="dept-top">
|
||||
<div className="dept-absolute">
|
||||
<img src={RightArrow_2} alt="ARROW" />
|
||||
</div>
|
||||
<div className="dept-img">
|
||||
<img src={SecondTabIMG_5} alt="MEASUREMENT" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="dept-bottom">
|
||||
<h4>Отдел электрических и радиоэлектронных измерений </h4>
|
||||
</div>
|
||||
</Link>
|
||||
<Link to="department_maintenance" className="dept">
|
||||
<div className="dept-top">
|
||||
<div className="dept-absolute">
|
||||
<img src={RightArrow_2} alt="ARROW" />
|
||||
</div>
|
||||
<div className="dept-img">
|
||||
<img src={SecondTabIMG_6} alt="MEASUREMENT" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="dept-bottom">
|
||||
<h4>Отдел технического обслуживания средств измерения</h4>
|
||||
</div>
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default DepartmentsMain;
|
||||
|
|
@ -1,100 +0,0 @@
|
|||
// IMPORT MODULES
|
||||
import React from "react";
|
||||
import { Link } from "react-router-dom";
|
||||
|
||||
// TAB_1
|
||||
import RightArrowBlue from "../../svg/rightArrowBlue.svg";
|
||||
import TabIMG1 from "../../img/tabImg_1.jpg";
|
||||
import TabIMG2 from "../../img/tabImg_2.jpg";
|
||||
import TabIMG3 from "../../img/tabImg_3.jpg";
|
||||
|
||||
const NewsMain = () => {
|
||||
return (
|
||||
<div className="news-tab">
|
||||
<div className="tab-header">
|
||||
<h4 className="tab-header-text" id="tab-header-text">
|
||||
Новости
|
||||
</h4>
|
||||
<div className="tab-header-line"></div>
|
||||
<div className="tab-header-link">
|
||||
<Link to="/news">
|
||||
<span>Все новости</span>
|
||||
<div>
|
||||
<img src={RightArrowBlue} alt="RIGHTARROW" />
|
||||
</div>
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
<div className="tab-wrapper">
|
||||
<div className="tab">
|
||||
<div className="tab-top">
|
||||
<div>
|
||||
<img src={TabIMG1} alt="Turkmen carpets" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="tab-bottom">
|
||||
<span className="tab-date">30.05.2021</span>
|
||||
<h2 className="tab-name">
|
||||
Состоялись мероприятия, приуроченные к Празднику туркменского
|
||||
ковра
|
||||
</h2>
|
||||
<div className="tab-header-link tab-link">
|
||||
<Link to="/news/novelty">
|
||||
<span>Подробнее</span>
|
||||
<div>
|
||||
<img src={RightArrowBlue} alt="RIGHTARROW" />
|
||||
</div>
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="tab">
|
||||
<div className="tab-top">
|
||||
<div>
|
||||
<img src={TabIMG2} alt="Turkmen students" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="tab-bottom">
|
||||
<span className="tab-date">25.05.2021</span>
|
||||
<h2 className="tab-name">
|
||||
Состоялись мероприятия, приуроченные к Празднику туркменского
|
||||
ковра
|
||||
</h2>
|
||||
<div className="tab-header-link tab-link">
|
||||
<Link to="/news/novelty">
|
||||
<span>Подробнее</span>
|
||||
<div>
|
||||
<img src={RightArrowBlue} alt="RIGHTARROW" />
|
||||
</div>
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="tab">
|
||||
<div className="tab-top">
|
||||
<div>
|
||||
<img src={TabIMG3} alt="Turkmen mothers" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="tab-bottom">
|
||||
<span className="tab-date">25.05.2021</span>
|
||||
<h2 className="tab-name">
|
||||
Родителям первых детей, рождённых в день юбилея Ашхабада, вручены
|
||||
подарки...
|
||||
</h2>
|
||||
<div className="tab-header-link tab-link">
|
||||
<Link to="/news/novelty">
|
||||
<span>Подробнее</span>
|
||||
<div>
|
||||
<img src={RightArrowBlue} alt="RIGHTARROW" />
|
||||
</div>
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default NewsMain;
|
||||
|
|
@ -1,78 +0,0 @@
|
|||
// IMPORT MODULES
|
||||
import React from "react";
|
||||
|
||||
// TAB_3
|
||||
import RightArrow_2 from "../../svg/rightArrow_2.svg";
|
||||
import HalkbankIMG from "../../img/halkbank.jpg";
|
||||
import TdhIMG from "../../img/tdh.jpg";
|
||||
import TurkmenTvIMG from "../../img/turkmenTv.jpg";
|
||||
import AirportIMG from "../../img/airport.jpg";
|
||||
|
||||
const Sites = () => {
|
||||
return (
|
||||
<div className="depts-tab">
|
||||
<div className="tab-header sites-header">
|
||||
<h4 className="tab-header-text" id="tab-header-text">
|
||||
Полезные сайты
|
||||
</h4>
|
||||
<div className="tab-header-line"></div>
|
||||
</div>
|
||||
<div className="depts-wrapper sites-wrapper">
|
||||
<a href="https://halkbank.gov.tm/" className="dept site">
|
||||
<div className="dept-top">
|
||||
<div className="dept-absolute">
|
||||
<img src={RightArrow_2} alt="ARROW" />
|
||||
</div>
|
||||
<div className="dept-img">
|
||||
<img src={HalkbankIMG} alt="MEASUREMENT" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="dept-bottom sites-bottom">
|
||||
<h4>АКБ "Халкбанк"</h4>
|
||||
</div>
|
||||
</a>
|
||||
<a href="https://tdh.gov.tm/" className="dept site">
|
||||
<div className="dept-top">
|
||||
<div className="dept-absolute">
|
||||
<img src={RightArrow_2} alt="ARROW" />
|
||||
</div>
|
||||
<div className="dept-img">
|
||||
<img src={TdhIMG} alt="MEASUREMENT" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="dept-bottom sites-bottom">
|
||||
<h4>Государственное информационное агентство Туркменистана</h4>
|
||||
</div>
|
||||
</a>
|
||||
<a href="https://turkmentv.gov.tm/" className="dept site">
|
||||
<div className="dept-top">
|
||||
<div className="dept-absolute">
|
||||
<img src={RightArrow_2} alt="ARROW" />
|
||||
</div>
|
||||
<div className="dept-img">
|
||||
<img src={TurkmenTvIMG} alt="MEASUREMENT" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="dept-bottom sites-bottom">
|
||||
<h4>Государственного комитета Туркменистана по телевидению,...</h4>
|
||||
</div>
|
||||
</a>
|
||||
<a href="https://ashgabatairport.gov.tm/" className="dept site">
|
||||
<div className="dept-top">
|
||||
<div className="dept-absolute">
|
||||
<img src={RightArrow_2} alt="ARROW" />
|
||||
</div>
|
||||
<div className="dept-img">
|
||||
<img src={AirportIMG} alt="MEASUREMENT" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="dept-bottom sites-bottom">
|
||||
<h4>Международный аэропорт Ашхабад</h4>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default Sites;
|
||||
|
Before Width: | Height: | Size: 51 KiB |
|
Before Width: | Height: | Size: 401 KiB |
|
Before Width: | Height: | Size: 72 KiB |
|
Before Width: | Height: | Size: 46 KiB |
|
Before Width: | Height: | Size: 55 KiB |
|
Before Width: | Height: | Size: 45 KiB |
|
Before Width: | Height: | Size: 68 KiB |
|
Before Width: | Height: | Size: 53 KiB |
|
Before Width: | Height: | Size: 67 KiB |
|
Before Width: | Height: | Size: 63 KiB |
|
Before Width: | Height: | Size: 73 KiB |
|
Before Width: | Height: | Size: 66 KiB |
|
Before Width: | Height: | Size: 60 KiB |
|
Before Width: | Height: | Size: 58 KiB |
|
Before Width: | Height: | Size: 55 KiB |
|
Before Width: | Height: | Size: 50 KiB |
|
Before Width: | Height: | Size: 39 KiB |
|
Before Width: | Height: | Size: 34 KiB |
|
Before Width: | Height: | Size: 47 KiB |
|
Before Width: | Height: | Size: 40 KiB |
|
Before Width: | Height: | Size: 401 KiB |
|
Before Width: | Height: | Size: 62 KiB |
|
Before Width: | Height: | Size: 53 KiB |
|
Before Width: | Height: | Size: 282 KiB |
|
Before Width: | Height: | Size: 64 KiB |
|
Before Width: | Height: | Size: 320 KiB |
|
Before Width: | Height: | Size: 20 KiB |
|
Before Width: | Height: | Size: 24 KiB |
|
Before Width: | Height: | Size: 42 KiB |
|
Before Width: | Height: | Size: 22 KiB |
|
Before Width: | Height: | Size: 1.1 MiB |
|
Before Width: | Height: | Size: 312 KiB |
|
Before Width: | Height: | Size: 70 KiB |
|
Before Width: | Height: | Size: 74 KiB |
|
Before Width: | Height: | Size: 66 KiB |
|
Before Width: | Height: | Size: 52 KiB |
|
Before Width: | Height: | Size: 82 KiB |
|
Before Width: | Height: | Size: 74 KiB |
|
Before Width: | Height: | Size: 135 KiB |
|
Before Width: | Height: | Size: 112 KiB |
|
Before Width: | Height: | Size: 72 KiB |
|
Before Width: | Height: | Size: 30 KiB |
|
Before Width: | Height: | Size: 40 KiB |
|
|
@ -1,17 +0,0 @@
|
|||
import React from "react";
|
||||
import ReactDOM from "react-dom";
|
||||
import App from "./App";
|
||||
import reportWebVitals from "./reportWebVitals";
|
||||
import { BrowserRouter } from "react-router-dom";
|
||||
|
||||
const element = "salam";
|
||||
|
||||
ReactDOM.render(
|
||||
element,
|
||||
document.getElementById("root")
|
||||
);
|
||||
|
||||
// If you want to start measuring performance in your app, pass a function
|
||||
// to log results (for example: reportWebVitals(console.log))
|
||||
// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
|
||||
reportWebVitals();
|
||||
|
|
@ -1,62 +0,0 @@
|
|||
// IMPORT MODULES
|
||||
import React, { useEffect } from "react";
|
||||
import { Link } from "react-router-dom";
|
||||
|
||||
// IMPORT COMPONENTS
|
||||
import Breadcrumb from "../components/Global/Breadcrumb";
|
||||
|
||||
const CalibrateInstruments = () => {
|
||||
useEffect(() => {
|
||||
window.scrollTo(0, 0);
|
||||
}, []);
|
||||
return (
|
||||
<section className="calibrate-inst">
|
||||
<Breadcrumb
|
||||
path_1="Стоимость"
|
||||
path_2="Тарифы на проведение проверки или калибровки средств измерений"
|
||||
link_1="/prices"
|
||||
currentUrl="/prices/calibrate_instruments"
|
||||
/>
|
||||
<div className="container">
|
||||
<div className="calibrate-inst-inner">
|
||||
<div className="tab-header">
|
||||
<h4 className="tab-header-text" id="tab-header-text">
|
||||
Тарифы на проведение проверки или калибровки средств измерений
|
||||
</h4>
|
||||
<div className="tab-header-line"></div>
|
||||
</div>
|
||||
<div className="plans-content">
|
||||
<div className="plans-card-wrapper">
|
||||
<Link to="/prices/calibrate_instruments/1" className="planscard">
|
||||
<h4>Измерения геометрических величин</h4>
|
||||
</Link>
|
||||
<Link to="/prices/calibrate_instruments/2" className="planscard">
|
||||
<h4>Измерения механических величин</h4>
|
||||
</Link>
|
||||
<Link to="/prices/calibrate_instruments/3" className="planscard">
|
||||
<h4>Измерения давления и вакуума</h4>
|
||||
</Link>
|
||||
<Link to="/prices/calibrate_instruments/4" className="planscard">
|
||||
<h4>Измерения уровня расхода, воды и...</h4>
|
||||
</Link>
|
||||
<Link to="/prices/calibrate_instruments/5" className="planscard">
|
||||
<h4>Измерения физико-химических и оп...</h4>
|
||||
</Link>
|
||||
<Link to="/prices/calibrate_instruments/6" className="planscard">
|
||||
<h4>Тепло-физичекие и температурные...</h4>
|
||||
</Link>
|
||||
<Link to="/prices/calibrate_instruments/7" className="planscard">
|
||||
<h4>Измерение времени и частоты</h4>
|
||||
</Link>
|
||||
<Link to="/prices/calibrate_instruments/8" className="planscard">
|
||||
<h4>Измерения электрических и магнит...</h4>
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
};
|
||||
|
||||
export default CalibrateInstruments;
|
||||
|
|
@ -1,124 +0,0 @@
|
|||
// IMPORT MODULES
|
||||
import React, { useEffect } from "react";
|
||||
|
||||
// IMPORT COMPONENTS
|
||||
import Breadcrumb from "../components/Global/Breadcrumb";
|
||||
|
||||
// IMPORT IMAGES
|
||||
import Img from "../img/pricesImg_3-large.jpg";
|
||||
|
||||
const CalibrateThermo = () => {
|
||||
useEffect(() => {
|
||||
window.scrollTo(0, 0);
|
||||
}, []);
|
||||
return (
|
||||
<section className="calibrate-thermo">
|
||||
<Breadcrumb
|
||||
path_1="Стоимость"
|
||||
path_2="Стоимость калибровки термометров сопротивления в калибровки в аккредитованной области"
|
||||
link_1="/prices"
|
||||
currentUrl="/prices/calibrate_thermo"
|
||||
/>
|
||||
<div className="container">
|
||||
<div className="calibrate-thermo-inner">
|
||||
<div className="tab-header">
|
||||
<h4 className="tab-header-text" id="tab-header-text">
|
||||
Тарифы
|
||||
</h4>
|
||||
<div className="tab-header-line"></div>
|
||||
</div>
|
||||
<div className="calibrate-thermo-content">
|
||||
<div className="novelty-head">
|
||||
<div className="novelty-img">
|
||||
<img src={Img} alt="Calibration" />
|
||||
</div>
|
||||
<h4 className="novelty-title">
|
||||
Стоимость калибровки термометров сопротивления в калибровки в
|
||||
аккредитованной области
|
||||
</h4>
|
||||
</div>
|
||||
<div className="calibrate-thermo-table structure-employees">
|
||||
<table className="structure-table">
|
||||
<tbody>
|
||||
<tr className="table-head">
|
||||
<th>
|
||||
<span className="name-head number-head">T№</span>
|
||||
</th>
|
||||
<th>
|
||||
<span className="position-head description-head">
|
||||
Наименование услуг
|
||||
</span>
|
||||
</th>
|
||||
<th>
|
||||
<span className="tel-head price-head">
|
||||
Стоимость в манатах
|
||||
</span>
|
||||
</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<span className="name number">1</span>
|
||||
</td>
|
||||
<td>
|
||||
<span className="position description">
|
||||
Проведение калибровки термометра сопротивления в
|
||||
реперной точке -38,830C
|
||||
</span>
|
||||
</td>
|
||||
<td>
|
||||
<span className="tel price">506,00 TMT</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<span className="name number">2</span>
|
||||
</td>
|
||||
<td>
|
||||
<span className="position description">
|
||||
Проведение калибровки термометра сопротивления в
|
||||
реперной точке 0,010C
|
||||
</span>
|
||||
</td>
|
||||
<td>
|
||||
<span className="tel price">236,00 TMT</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<span className="name number">3</span>
|
||||
</td>
|
||||
<td>
|
||||
<span className="position description">
|
||||
Проведение калибровки термометра сопротивления в
|
||||
реперной точке 29,760C
|
||||
</span>
|
||||
</td>
|
||||
<td>
|
||||
<span className="tel price">236,00 TMT</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<span className="name number">4</span>
|
||||
</td>
|
||||
<td>
|
||||
<span className="position description">
|
||||
Подготовка эталонного оборудования для проведения
|
||||
калибровки
|
||||
</span>
|
||||
</td>
|
||||
<td>
|
||||
<span className="tel price">828,00 TMT</span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
};
|
||||
|
||||
export default CalibrateThermo;
|
||||
|
|
@ -1,103 +0,0 @@
|
|||
// IMPORT MODULES
|
||||
import React, { useEffect } from "react";
|
||||
|
||||
// IMPORT COMPONENTS
|
||||
import Breadcrumb from "../components/Global/Breadcrumb";
|
||||
|
||||
// IMPORT IMAGES
|
||||
import EtalonImg from "../img/etalonImg.jpg";
|
||||
|
||||
const Etalon = () => {
|
||||
useEffect(() => {
|
||||
window.scrollTo(0, 0);
|
||||
}, []);
|
||||
return (
|
||||
<section className="etalon">
|
||||
<Breadcrumb
|
||||
path_1="Государственные эталоны"
|
||||
link_1="/etalons"
|
||||
path_2="Государственный эталон единицы массы"
|
||||
currentUrl="../etalons/1"
|
||||
/>
|
||||
<div className="container">
|
||||
<div className="etalon-inner">
|
||||
<div className="novelty-head">
|
||||
<div className="novelty-img">
|
||||
<img src={EtalonImg} alt="Etalon" />
|
||||
</div>
|
||||
<h4 className="novelty-title">
|
||||
Государственный эталон единицы массы
|
||||
</h4>
|
||||
</div>
|
||||
<div className="novelty-text">
|
||||
<span>
|
||||
<span className="pgraph">
|
||||
Государственный эталон массы служит для воспроизведения,
|
||||
хранения и передачи размера единицы массы в диапазоне от 1 мг до
|
||||
1 кг. передача размера единицы массы гирям классом точности E2
|
||||
осуществляется сличением при помощи компараторов. Работу с
|
||||
гирями проводят в перчатках с микрофибры и пинцетом. Область
|
||||
измерения массы является наиболее обширной. Метрологическое
|
||||
обеспечение единства измерений массы используется во всех
|
||||
областях науки и производственной деятельности.
|
||||
</span>
|
||||
<span className="pgraph">
|
||||
<h6>Состав государственного эталона:</h6>
|
||||
<ul>
|
||||
<li>
|
||||
Набор гирь с номинальным значением массы от 1 мг до 1 кг,
|
||||
класса точности Е1 производства «Hafner Gewichte GmbH»
|
||||
Германия;
|
||||
</li>
|
||||
<li>
|
||||
Микровесы - масскомпаратор XP26С, НПВ 22г, d =1 мкг,
|
||||
производства «MettlerToledo» Швейцария;
|
||||
</li>
|
||||
<li>
|
||||
Масс-компаратор AX106, НПВ 111г, d =1 мкг, производства
|
||||
«Mettler Тoledo» Швейцария;
|
||||
</li>
|
||||
<li>
|
||||
Масс-компаратор AX1004 НПВ, 1109 г, d=0,1 мг, производства
|
||||
«Mettler Тoledo» Швейцария;
|
||||
</li>
|
||||
<li>
|
||||
Прибор для измерения магнитной восприимчивости Susceptometer
|
||||
YSZ02C;
|
||||
</li>
|
||||
<li>Эталон восприимчивости YSZ01RSC-HE210-1;</li>
|
||||
<li>
|
||||
Прибор для контроля магнитной проницаемости материала гирь
|
||||
µ=1,01-1,9; 5,0;
|
||||
</li>
|
||||
<li>
|
||||
Система измерений и регистрации климатических условий
|
||||
окружающей среды Micromec MultisensMLm 1624n.
|
||||
</li>
|
||||
</ul>
|
||||
</span>
|
||||
<span className="pgraph">
|
||||
<h6>Метрологические характеристики:</h6>
|
||||
<p>
|
||||
В основу эталона положен метод воспроизведения единицы массы
|
||||
государственным эталоном, размер которой в соответствии с
|
||||
государственной поверочной схемой передается средствам
|
||||
измерений массы. Передача размера единицы массы гирям 1
|
||||
разряда (класса точности Е2) осуществляется сличением при
|
||||
помощи компараторов. Эталон (Гири класса точности Е1)
|
||||
обеспечивает воспроизведение, хранение и передачу единицы
|
||||
массы в диапазоне от 1 мг до 1 кг с расширенной
|
||||
неопределенностью значения которой не превышают от 0,003 мг
|
||||
(для гирь номинальной массой 1 мг) до 0,5 мг (для гирь
|
||||
номинальной массой 1 кг).
|
||||
</p>
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
};
|
||||
|
||||
export default Etalon;
|
||||
|
|
@ -1,154 +0,0 @@
|
|||
// IMPORT MODULES
|
||||
import React, { useEffect } from "react";
|
||||
|
||||
// IMPORT COMPONENTS
|
||||
import Breadcrumb from "../components/Global/Breadcrumb";
|
||||
import EtalonsCard from "../components/Etalons/EtalonsCard";
|
||||
|
||||
// IMPORT IMAGES
|
||||
import Img_1 from "../img/etalonsImg_1.jpg";
|
||||
import Img_2 from "../img/etalonsImg_2.jpg";
|
||||
import Img_3 from "../img/etalonsImg_3.jpg";
|
||||
import Img_4 from "../img/etalonsImg_4.jpg";
|
||||
import Img_5 from "../img/etalonsImg_5.jpg";
|
||||
import Img_6 from "../img/etalonsImg_6.jpg";
|
||||
import Img_7 from "../img/etalonsImg_7.jpg";
|
||||
import Img_8 from "../img/etalonsImg_8.jpg";
|
||||
import Img_9 from "../img/etalonsImg_9.jpg";
|
||||
import Img_10 from "../img/etalonsImg_10.jpg";
|
||||
import Img_11 from "../img/etalonsImg_11.jpg";
|
||||
import Img_12 from "../img/etalonsImg_12.jpg";
|
||||
import Img_13 from "../img/etalonsImg_13.jpg";
|
||||
import Img_14 from "../img/etalonsImg_14.jpg";
|
||||
import Img_15 from "../img/etalonsImg_15.jpg";
|
||||
import Img_16 from "../img/etalonsImg_16.jpg";
|
||||
import Img_17 from "../img/etalonsImg_17.jpg";
|
||||
|
||||
const Etalons = () => {
|
||||
useEffect(() => {
|
||||
window.scrollTo(0, 0);
|
||||
}, []);
|
||||
|
||||
return (
|
||||
<section className="etalons">
|
||||
<Breadcrumb path_1="Государственные эталоны" currentUrl="../etalons" />
|
||||
<div className="container">
|
||||
<div className="etalons-inner">
|
||||
<div className="tab-header">
|
||||
<h4 className="tab-header-text" id="tab-header-text">
|
||||
Государственные эталоны
|
||||
</h4>
|
||||
<div className="tab-header-line"></div>
|
||||
</div>
|
||||
<div className="depts-wrapper">
|
||||
<EtalonsCard
|
||||
key={1}
|
||||
img={Img_1}
|
||||
title="Государственный эталон единицы массы"
|
||||
link="../etalons/1"
|
||||
/>
|
||||
<EtalonsCard
|
||||
key={2}
|
||||
img={Img_2}
|
||||
title="Государственный эталон единицы длины в диапазоне..."
|
||||
link="../etalons/2"
|
||||
/>
|
||||
<EtalonsCard
|
||||
key={3}
|
||||
img={Img_3}
|
||||
title="Государственный эталон единицы силы"
|
||||
link="../etalons/3"
|
||||
/>
|
||||
<EtalonsCard
|
||||
key={4}
|
||||
img={Img_4}
|
||||
title="Государственный эталон единицы давления"
|
||||
link="../etalons/4"
|
||||
/>
|
||||
<EtalonsCard
|
||||
key={5}
|
||||
img={Img_5}
|
||||
title="Государственный эталон единицы температуры"
|
||||
link="../etalons/5"
|
||||
/>
|
||||
<EtalonsCard
|
||||
key={6}
|
||||
img={Img_6}
|
||||
title="Государственный эталон единицы влажности"
|
||||
link="../etalons/6"
|
||||
/>
|
||||
<EtalonsCard
|
||||
key={7}
|
||||
img={Img_7}
|
||||
title="Государственный эталон малого объема"
|
||||
link="../etalons/7"
|
||||
/>
|
||||
<EtalonsCard
|
||||
key={8}
|
||||
img={Img_8}
|
||||
title="Государственный эталон плотности жидкости"
|
||||
link="../etalons/8"
|
||||
/>
|
||||
<EtalonsCard
|
||||
key={9}
|
||||
img={Img_9}
|
||||
title="Государственный эталон шкалы PH жидкости"
|
||||
link="../etalons/9"
|
||||
/>
|
||||
<EtalonsCard
|
||||
key={10}
|
||||
img={Img_10}
|
||||
title="Государственный эталон вязкости жидкости"
|
||||
link="../etalons/10"
|
||||
/>
|
||||
<EtalonsCard
|
||||
key={11}
|
||||
img={Img_11}
|
||||
title="Государственный эталон удельной электролитической..."
|
||||
link="../etalons/11"
|
||||
/>
|
||||
<EtalonsCard
|
||||
key={12}
|
||||
img={Img_12}
|
||||
title="Государственный эталон влажности зерна и зернопро..."
|
||||
link="../etalons/12"
|
||||
/>
|
||||
<EtalonsCard
|
||||
key={13}
|
||||
img={Img_13}
|
||||
title="Государственный эталон электрического напряжения"
|
||||
link="../etalons/13"
|
||||
/>
|
||||
<EtalonsCard
|
||||
key={14}
|
||||
img={Img_14}
|
||||
title="Государственный эталон электрического сопротивления"
|
||||
link="../etalons/15"
|
||||
/>
|
||||
<EtalonsCard
|
||||
key={15}
|
||||
img={Img_15}
|
||||
title="Государственный эталон силы
|
||||
тока"
|
||||
link="../etalons/15"
|
||||
/>
|
||||
<EtalonsCard
|
||||
key={16}
|
||||
img={Img_16}
|
||||
title="Государственный эталон единицы времени и чистоты"
|
||||
link="../etalons/16"
|
||||
/>
|
||||
<EtalonsCard
|
||||
key={17}
|
||||
img={Img_17}
|
||||
title="Государственный эталон единицы количества и расхо..."
|
||||
link="../etalons/17"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
};
|
||||
|
||||
export default Etalons;
|
||||
|
|
@ -1,138 +0,0 @@
|
|||
// IMPORT MODULES
|
||||
import React, { useEffect } from "react";
|
||||
|
||||
// IMPORT COMPONENTS
|
||||
import Breadcrumb from "../components/Global/Breadcrumb";
|
||||
|
||||
const History = () => {
|
||||
useEffect(() => {
|
||||
window.scrollTo(0, 0);
|
||||
}, []);
|
||||
|
||||
return (
|
||||
<section className="history">
|
||||
<Breadcrumb
|
||||
path_1="История компании Государственного эталонного центра"
|
||||
currentUrl="/history"
|
||||
/>
|
||||
<div className="container">
|
||||
<div className="history-inner">
|
||||
<div className="tab-header">
|
||||
<h4 className="tab-header-text" id="tab-header-text">
|
||||
История компании Государственного эталонного центра
|
||||
</h4>
|
||||
<div className="tab-header-line"></div>
|
||||
</div>
|
||||
<div className="history-title">
|
||||
<h1>
|
||||
В соответствии с Постановлением Президент Туркменистана от
|
||||
17.08.2010г. «О создании национального эталонного центра».
|
||||
</h1>
|
||||
</div>
|
||||
<div className="history-content">
|
||||
<p>
|
||||
В сентябре 2010 года проведены переговоры о консультационных
|
||||
услугах по строительству и созданию Государственного эталонного
|
||||
центра с представителями компаний «TŰV Rheinland Industrie Service
|
||||
GmbH», Федеральным Физико-техническим институтом (Physikalisch -
|
||||
Technische Bundesanstalt - PTB) и национальным метрологическим
|
||||
институтом ФРГ. В результате переговоров было отмечено, что
|
||||
создаваемый метрологический центр должен отвечать международным
|
||||
требованиям и гарантировать большую прозрачность, надежность и
|
||||
точность измерений. Он должен обеспечивать народное хозяйство
|
||||
Туркменистана единой системой измерений и надежный государственный
|
||||
контроль за средствами испытаний и измерений, тем самым
|
||||
способствуя товарно-торговому обороту между Туркменистаном и
|
||||
международными рынками, в том числе с Европейским союзом. В
|
||||
обязанности Метрологического центра должно входить представление
|
||||
различных физических величин и предоставление метрологических
|
||||
услуг предприятиям страны в виде реализованных результатов
|
||||
измерений. Центр должен быть оснащен современными приборами и
|
||||
оборудованием с ориентацией методов измерений на международные
|
||||
стандарты. В октябре 2010 года Главная государственная служба
|
||||
"Туркменстандартлары" поручила компании TÜV Rheinland управление
|
||||
проектом по сопровождению и созданию Метрологического центра. 25
|
||||
октября 2011 г. Главная государственная служба
|
||||
"Туркменстандартлары" и Федеральный физико-технический институт
|
||||
заключили контракт о выполнении консультативных работ по проекту
|
||||
"Создание Государственного эталонного центра в Ашхабаде".
|
||||
Строительство Государственного эталонного центра в Ашхабаде
|
||||
осуществлялась подрядной компанией TOTAL (филиал компании “Total
|
||||
Inşaat Sanaýi we Tijaret Limited Şirketi ” в Туркменистане). В
|
||||
марте 2011 года был объявлен тендер на поставку эталонного
|
||||
оборудования для «Государственного эталонного центра». На участие
|
||||
в тендере подали заявки 22 претендента. Для оснащения
|
||||
Государственного эталонного центра новейшим эталонным
|
||||
оборудованием были заключены контракты с поставщиками такими как:
|
||||
Компания «Neegas Trading L.P.» (Соединенное королевство
|
||||
Великобритании и Северной Ирландии), Компания «TCM Kommunikation
|
||||
Ges.m.b.H», (Республика Австрия), Компания «East Wind Engineering
|
||||
LLP» (Соединенное королевство Великобритании и Северной Ирландии),
|
||||
Товарищество с ограниченной ответственностью «Distrilab»
|
||||
(Дистрилаб) (Республика Казахстан). Эксперты РТВ провели
|
||||
техническую экспертизу предложений поставщиков в рамках
|
||||
многочисленных обсуждений. По мере необходимости и по желанию
|
||||
заказчика эксперты РТВ предоставляли поставщикам подробную
|
||||
техническую информацию в поддержку. Эксперты РТВ контролировали
|
||||
поставленное оборудование на месте на предмет его соответствия
|
||||
техническим требованиям. В случае обнаружения отклонений
|
||||
составлялись соответствующие отчеты о несоответствии, которые
|
||||
согласовывались с заказчиком и с поставщиками. В качестве
|
||||
дополнительной услуги заказчику и поставщикам оказывалась активная
|
||||
поддержка при решении открытых вопросов. 01.10.2013 года в
|
||||
присутствии Уважаемого Президента Гурбангулы Бердымухамедова
|
||||
состоялась торжественная церемония открытия Государственного
|
||||
эталонного центра. В момент открытия уважаемый Президент отметил,
|
||||
что, метрологический центр построен и оснащен по последнему слову
|
||||
техники для выполнения важнейших государственных задач в области
|
||||
метрологии в будущем и обеспечения прослеживаемости средств
|
||||
измерения, в перспективе и для всего центрально-азиатского
|
||||
региона. Уважаемый Президент также отметил, что эталонный центр
|
||||
призван придать динамику развитию государственной системы
|
||||
обеспечения единства измерения, совершенствования правовой базы в
|
||||
соответствии с международными требованиями. Комплекс зданий
|
||||
эталонного центра включает в себя административное здание и
|
||||
лабораторные корпуса, соединенные между собой галереями. Общая
|
||||
площадь здания Государственного эталонного центра составляет 25
|
||||
тысяч 500 квадратных метров. Здесь функционируют лаборатории,
|
||||
оснащённые эталонно-образцовым оборудованием и измерительными
|
||||
средствами высокой точности от ведущих мировых производителей.
|
||||
Правовую основу обеспечения единства измерений в Туркменистане
|
||||
устанавливает Закон «Об обеспечении единства измерений», который
|
||||
был принят в октябре 2012 года. В соответствии с этим,
|
||||
деятельность Государственного эталонного центра позволит
|
||||
обеспечить единую систему измерений, используемых во всех отраслях
|
||||
национальной экономики, поднять на новый уровень проведение
|
||||
проверок качества и безопасности продукции, товаров, работ и
|
||||
услуг, а также на их соответствие международным нормам. Поставка
|
||||
эталонного оборудования была полностью завершена в январе 2015г.
|
||||
на что имеется заключение от Федерального Физико-технического
|
||||
института (Physikalisch – Technische Bundesanstalt - PTB) о
|
||||
соответствии поставленного оборудования требованиям заказчика и
|
||||
технической документации, а также, что все оборудование имеют
|
||||
сертификаты калибровок от признанных аккредитованных международных
|
||||
лабораторий. Для сотрудников новых калибровочных лабораторий были
|
||||
проведены вводные тренинги силами поставщиков эталонного
|
||||
оборудования, экспертов РТВ и специалистов фирмы ZMK GmbH Sachsen
|
||||
- Anhalt и ZMK ANALYTIK GmbH. В качестве подтверждения обучения
|
||||
участникам вручены сертификаты об обучении. На сегодня Главная
|
||||
государственная служба "Туркменстандартлары" имеет национальные
|
||||
эталонные лаборатории по единицам масса, длина, сила, давление,
|
||||
температура, влажность, малый объем, плотность жидкости, рН
|
||||
жидкости, вязкость жидкости, электролитическая проводимость
|
||||
жидкости, влажности зерна, напряжение (вольт), сопротивление, сила
|
||||
тока, времени и частота, расхода и количества газа которые
|
||||
отвечают всем международным требованиям. Представленная здесь
|
||||
национальная эталонная база содержит комплекс эталонов,
|
||||
эталонно-образцового оборудования и высокоточных измерительных
|
||||
средств по 17 видам измерений, применяемых в различных отраслях
|
||||
Туркменской экономики.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
};
|
||||
|
||||
export default History;
|
||||
|
|
@ -1,119 +0,0 @@
|
|||
// IMPORT MODULES
|
||||
import React, { useEffect } from "react";
|
||||
|
||||
// IMPORT COMPONENTS
|
||||
import Breadcrumb from "../components/Global/Breadcrumb";
|
||||
|
||||
const Legislation = () => {
|
||||
useEffect(() => {
|
||||
window.scrollTo(0, 0);
|
||||
}, []);
|
||||
|
||||
return (
|
||||
<section className="legislation">
|
||||
<Breadcrumb path_1="Законодательная база" currentUrl="/legislation" />
|
||||
<div className="container">
|
||||
<div className="legislation-inner">
|
||||
<div className="tab-header">
|
||||
<h4 className="tab-header-text" id="tab-header-text">
|
||||
Законодательная база
|
||||
</h4>
|
||||
<div className="tab-header-line"></div>
|
||||
</div>
|
||||
<div className="law-card-wrapper">
|
||||
<div className="law-card">
|
||||
<p className="law-card-text">
|
||||
Утвержденный приказом Главной Государственной службы
|
||||
«Туркменстандартлары» 1/148 от 05.11.2015г.
|
||||
</p>
|
||||
<p className="law-card-bold">
|
||||
Об утверждении «Порядка о проверке, калибровки и государственных
|
||||
метрологических испытаний средств измерений и стандартных
|
||||
образцов»
|
||||
</p>
|
||||
</div>
|
||||
<div className="law-card">
|
||||
<p className="law-card-text">
|
||||
Утвержденный приказом Главной Государственной службы
|
||||
«Туркменстандартлары» 1/153 от 16.11.2015г.
|
||||
</p>
|
||||
<p className="law-card-bold">
|
||||
Об утверждении «Порядка проведения измерений и разработки
|
||||
методики проверки средств измерений и проведения испытаний»
|
||||
</p>
|
||||
</div>
|
||||
<div className="law-card">
|
||||
<p className="law-card-text">
|
||||
Утвержденный приказом Главной Государственной службы
|
||||
«Туркменстандартлары» 1/119 от 14.09.2015г.
|
||||
</p>
|
||||
<p className="law-card-bold">
|
||||
Об утверждении «Порядка проведения измерений и разработки
|
||||
методики поверки средств измерений и проведения испытаний»
|
||||
</p>
|
||||
</div>
|
||||
<div className="law-card">
|
||||
<p className="law-card-text">
|
||||
Утвержденной приказом Главной Государственной службы
|
||||
«Туркменстандартлары» 1/60 от 27.03.2014г.
|
||||
</p>
|
||||
<p className="law-card-bold">
|
||||
Об утверждении «Порядка сертификации продукции»
|
||||
</p>
|
||||
</div>
|
||||
<div className="law-card">
|
||||
<p className="law-card-text">
|
||||
Утвержденный приказом Главной Государственной службы
|
||||
«Туркменстандартлары» от 25.04.2013г.
|
||||
</p>
|
||||
<p className="law-card-bold">
|
||||
Об утверждении «Перечня единиц величин, не входящих в
|
||||
международную систему, разрешенных к применению В Туркменистане»
|
||||
</p>
|
||||
</div>
|
||||
<div className="law-card">
|
||||
<p className="law-card-text">
|
||||
Постановление Президента от 01.02.2013г.
|
||||
</p>
|
||||
<p className="law-card-bold">
|
||||
Об утверждении «Перечня единиц величин, разрешенных к применению
|
||||
в Туркменистане»
|
||||
</p>
|
||||
</div>
|
||||
<div className="law-card">
|
||||
<p className="law-card-text">
|
||||
Утвержденный приказом Главной Государственной службы
|
||||
«Туркменстандартлары» 1/108 от 13.08.2015г.
|
||||
</p>
|
||||
<p className="law-card-bold">
|
||||
Об утверждении «Периода проверки и калибровки средств измерений,
|
||||
подлежащих калибровки и проверки.»
|
||||
</p>
|
||||
</div>
|
||||
<div className="law-card">
|
||||
<p className="law-card-text">
|
||||
Утвержденный приказом Главной Государственной службы
|
||||
«Туркменстандартлары» 1/231 от 25.11.2014г.
|
||||
</p>
|
||||
<p className="law-card-bold">
|
||||
Об утверждении «Порядка проведения консервации резервуаров»
|
||||
</p>
|
||||
</div>
|
||||
<div className="law-card">
|
||||
<p className="law-card-text">
|
||||
Утвержденный приказом Главной Государственной службы
|
||||
«Туркменстандартлары» от 25.04.2013г.
|
||||
</p>
|
||||
<p className="law-card-bold">
|
||||
Об утверждении «Перечня единиц величин не входящих в
|
||||
международную систему разрешенных к применению В Туркменистане»
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
};
|
||||
|
||||
export default Legislation;
|
||||
|
|
@ -1,137 +0,0 @@
|
|||
// IMPORT MODULES
|
||||
import React from "react";
|
||||
import axios from "axios";
|
||||
|
||||
// IMPORT COMPONENTS
|
||||
import NewsTab from "../components/Main/NewsTab";
|
||||
import DepartmentsTab from "../components/Main/DepartmentsTab";
|
||||
import SitesTab from "../components/Main/SitesTab";
|
||||
|
||||
// IMPORT SWIPER MODULES
|
||||
import { Swiper, SwiperSlide } from "swiper/react/swiper-react";
|
||||
import { Navigation, Pagination, A11y, Autoplay } from "swiper";
|
||||
|
||||
// IMPORT SWIPER STYLES
|
||||
import "swiper/swiper.scss";
|
||||
|
||||
// IMPORT SLIDER IMAGES
|
||||
// import SliderIMG from "../img/sliderImg.jpg";
|
||||
import SliderIMG_2 from "../img/secondSliderImg.jpg";
|
||||
|
||||
class Main extends React.Component {
|
||||
// useEffect(() => {
|
||||
// window.scrollTo(0, 0);
|
||||
// }, []);
|
||||
|
||||
// Constructor
|
||||
constructor(props) {
|
||||
super(props);
|
||||
|
||||
this.state = {
|
||||
items: [],
|
||||
DataisLoaded: false
|
||||
};
|
||||
}
|
||||
|
||||
// ComponentDidMount is used to
|
||||
// execute the code
|
||||
componentDidMount() {
|
||||
this.getTodos();
|
||||
// console.log(this.state.items);
|
||||
}
|
||||
|
||||
async getTodos() {
|
||||
axios.get('http://127.0.0.1:8000/api/v1/slider')
|
||||
.then(res => {
|
||||
const items = res.data;
|
||||
this.setState({
|
||||
items: items,
|
||||
DataisLoaded: true
|
||||
});
|
||||
})
|
||||
// console.log("salam");
|
||||
}
|
||||
|
||||
render() {
|
||||
|
||||
const { DataisLoaded, items } = this.state;
|
||||
if (!DataisLoaded) return <div>
|
||||
<h1> Pleses wait some time.... </h1> </div> ;
|
||||
|
||||
return (
|
||||
<section className="main">
|
||||
<div className="slider">
|
||||
<Swiper
|
||||
// install Swiper modules
|
||||
modules={[Navigation, Pagination, A11y, Autoplay]}
|
||||
autoplay={({ delay: 3000 }, { disableOnInteraction: false })}
|
||||
spaceBetween={0}
|
||||
slidesPerView={1}
|
||||
navigation
|
||||
pagination={{ clickable: true }}
|
||||
loop={true}
|
||||
>
|
||||
{
|
||||
items['data'].map((item) => (
|
||||
<SwiperSlide key={item.id}>
|
||||
<div className="slider-img">
|
||||
<img src={item.image.path} alt="ETALON" />
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
))}
|
||||
|
||||
</Swiper>
|
||||
</div>
|
||||
<div className="container">
|
||||
<div className="main-inner">
|
||||
<NewsTab />
|
||||
<div className="second-slider">
|
||||
<div className="tab-header">
|
||||
<h4 className="tab-header-text" id="tab-header-text">
|
||||
Объявления
|
||||
</h4>
|
||||
<div className="tab-header-line"></div>
|
||||
</div>
|
||||
<div className="slider">
|
||||
<Swiper
|
||||
// install Swiper modules
|
||||
modules={[Navigation, Pagination, A11y, Autoplay]}
|
||||
autoplay={({ delay: 3000 }, { disableOnInteraction: false })}
|
||||
spaceBetween={0}
|
||||
slidesPerView={1}
|
||||
navigation
|
||||
pagination={{ clickable: true }}
|
||||
loop={true}
|
||||
>
|
||||
<SwiperSlide className="swipe-slide">
|
||||
<h2>Государственный эталонный центр</h2>
|
||||
<div className="slider-img">
|
||||
<img src={SliderIMG_2} alt="ETALON" />
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
<SwiperSlide className="swipe-slide">
|
||||
<h2>Государственный эталонный центр</h2>
|
||||
<div className="slider-img">
|
||||
<img src={SliderIMG_2} alt="ETALON" />
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
<SwiperSlide className="swipe-slide">
|
||||
<h2>Государственный эталонный центр</h2>
|
||||
<div className="slider-img">
|
||||
<img src={SliderIMG_2} alt="ETALON" />
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
</Swiper>
|
||||
</div>
|
||||
</div>
|
||||
<DepartmentsTab />
|
||||
<SitesTab />
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
|
||||
}
|
||||
};
|
||||
|
||||
export default Main;
|
||||
|
|
@ -1,111 +0,0 @@
|
|||
// // IMPORT MODULES
|
||||
import React from "react";
|
||||
import Breadcrumb from "../components/Global/Breadcrumb";
|
||||
import axios from "axios";
|
||||
|
||||
class MeasuringRegister extends React.Component {
|
||||
|
||||
// Constructor
|
||||
constructor(props) {
|
||||
super(props);
|
||||
|
||||
this.state = {
|
||||
items: [],
|
||||
DataisLoaded: false
|
||||
};
|
||||
}
|
||||
|
||||
// ComponentDidMount is used to
|
||||
// execute the code
|
||||
componentDidMount() {
|
||||
this.getTodos();
|
||||
// console.log(this.state.items);
|
||||
}
|
||||
|
||||
async getTodos() {
|
||||
axios.get('http://127.0.0.1:8000/api/v1/reestr')
|
||||
.then(res => {
|
||||
const items = res.data;
|
||||
this.setState({
|
||||
items: items,
|
||||
DataisLoaded: true
|
||||
});
|
||||
})
|
||||
// console.log("salam");
|
||||
}
|
||||
|
||||
|
||||
|
||||
render() {
|
||||
const { DataisLoaded, items } = this.state;
|
||||
if (!DataisLoaded) return <div>
|
||||
<h1> Pleses wait some time.... </h1> </div> ;
|
||||
|
||||
return (
|
||||
<section className="measuring-register">
|
||||
<Breadcrumb
|
||||
path_1="Государственный реестр средств измерений"
|
||||
currentUrl="/measuring_register"
|
||||
/>
|
||||
<div className="container">
|
||||
<div className="measuring-register-inner">
|
||||
<div className="tab-header">
|
||||
<h4 className="tab-header-text" id="tab-header-text">
|
||||
Утвержденные типы средств измерений, внесенные в Госреестр СИ
|
||||
Туркменистана на 07/11/2019
|
||||
</h4>
|
||||
<div className="tab-header-line"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="mr-content">
|
||||
<div className="mr-table">
|
||||
<table className="structure-table">
|
||||
<tbody>
|
||||
<tr className="table-head">
|
||||
<th>
|
||||
<span>№ серт.</span>
|
||||
</th>
|
||||
<th>
|
||||
<span>№ Рос-реестра</span>
|
||||
</th>
|
||||
<th>
|
||||
<span>Наименования и тип СИ</span>
|
||||
</th>
|
||||
<th>
|
||||
<span>Изготовитель</span>
|
||||
</th>
|
||||
<th>
|
||||
<span>Срок действия</span>
|
||||
</th>
|
||||
</tr>
|
||||
{
|
||||
items['data'].map((item) => (
|
||||
<tr key={item.id}>
|
||||
<td>
|
||||
<span>{ item.id }</span>
|
||||
</td>
|
||||
<td>
|
||||
<span>{ item.certificate_no }</span>
|
||||
</td>
|
||||
<td>
|
||||
<span>{ item.reestr_no }</span>
|
||||
</td>
|
||||
<td>
|
||||
<span>{ item.reestr_name }</span>
|
||||
</td>
|
||||
<td>
|
||||
<span>{ item.manufacture }</span>
|
||||
</td>
|
||||
</tr>
|
||||
))}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
export default MeasuringRegister;
|
||||
|
|
@ -1,77 +0,0 @@
|
|||
// // IMPORT MODULES
|
||||
import React, { useEffect } from "react";
|
||||
import { Link } from "react-router-dom";
|
||||
|
||||
// IMPORT COMPONENTS
|
||||
import Breadcrumb from "../components/Global/Breadcrumb";
|
||||
|
||||
const Meteorology = () => {
|
||||
useEffect(() => {
|
||||
window.scrollTo(0, 0);
|
||||
}, []);
|
||||
|
||||
return (
|
||||
<section className="plans">
|
||||
<Breadcrumb
|
||||
path_1="Стоимость"
|
||||
link_1="/prices"
|
||||
path_2="Тарифы на проведение работ по метрологии
|
||||
подразделениями 'Туркменстандартлары'"
|
||||
currentUrl={"/prices/meteorology"}
|
||||
/>
|
||||
<div className="container">
|
||||
<div className="plans-inner">
|
||||
<div className="tab-header">
|
||||
<h4 className="tab-header-text" id="tab-header-text">
|
||||
Тарифы на проведение работ по метрологии подразделениями
|
||||
"Туркменстандартлары"
|
||||
</h4>
|
||||
<div className="tab-header-line"></div>
|
||||
</div>
|
||||
<div className="plans-content">
|
||||
<div className="plans-card-wrapper">
|
||||
<Link to="/prices/meteorology/1" className="planscard">
|
||||
<h4>Измерения геометрических величин</h4>
|
||||
</Link>
|
||||
<Link to="/prices/meteorology/1" className="planscard">
|
||||
<h4>Измерения механических величин</h4>
|
||||
</Link>
|
||||
<Link to="/prices/meteorology/1" className="planscard">
|
||||
<h4>Измерения давления и вакуума</h4>
|
||||
</Link>
|
||||
<Link to="/prices/meteorology/1" className="planscard">
|
||||
<h4>Измерения расхода уровня и объем...</h4>
|
||||
</Link>
|
||||
<Link to="/prices/meteorology/1" className="planscard">
|
||||
<h4>Физико - химические измерения</h4>
|
||||
</Link>
|
||||
<Link to="/prices/meteorology/1" className="planscard">
|
||||
<h4>Оптико - физические измерения</h4>
|
||||
</Link>
|
||||
<Link to="/prices/meteorology/1" className="planscard">
|
||||
<h4>Теплофизические и температурные...</h4>
|
||||
</Link>
|
||||
<Link to="/prices/meteorology/1" className="planscard">
|
||||
<h4>Измерения времени и частоты</h4>
|
||||
</Link>
|
||||
<Link to="/prices/meteorology/1" className="planscard">
|
||||
<h4>Радиоэлектронные измерения</h4>
|
||||
</Link>
|
||||
<Link to="/prices/meteorology/1" className="planscard">
|
||||
<h4>Измерения электрических и магнит...</h4>
|
||||
</Link>
|
||||
<Link to="/prices/meteorology/1" className="planscard">
|
||||
<h4>Метрологические услуги</h4>
|
||||
</Link>
|
||||
<Link to="/prices/meteorology/1" className="planscard">
|
||||
<h4>Калибровка резервуаров</h4>
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
};
|
||||
|
||||
export default Meteorology;
|
||||
|
|
@ -1,264 +0,0 @@
|
|||
// IMPORT MODULES
|
||||
import React, { useState, useEffect } from "react";
|
||||
import { Link } from "react-router-dom";
|
||||
|
||||
// IMPORT COMPONENTS
|
||||
import Breadcrumb from "../components/Global/Breadcrumb";
|
||||
|
||||
// TAB_1
|
||||
import RightArrowBlue from "../svg/rightArrowBlue.svg";
|
||||
import TabIMG1 from "../img/tabImg_1.jpg";
|
||||
import TabIMG2 from "../img/tabImg_2.jpg";
|
||||
import TabIMG3 from "../img/tabImg_3.jpg";
|
||||
import PrevButton from "../svg/buttonPrev.svg";
|
||||
import NextButton from "../svg/buttonNext.svg";
|
||||
|
||||
const News = () => {
|
||||
useEffect(() => {
|
||||
window.scrollTo(0, 0);
|
||||
}, []);
|
||||
// STATE
|
||||
const [pageIndex, setPageIndex] = useState(1);
|
||||
return (
|
||||
<section className="news">
|
||||
<Breadcrumb path_1="Новости" currentUrl="./news" />;
|
||||
<div className="container">
|
||||
<div className="news-inner">
|
||||
<div className="news-tab">
|
||||
<div className="tab-header">
|
||||
<h4 className="tab-header-text" id="tab-header-text">
|
||||
Новости
|
||||
</h4>
|
||||
<div className="tab-header-line"></div>
|
||||
</div>
|
||||
<div className="tab-wrapper">
|
||||
<div className="tab">
|
||||
<div className="tab-top">
|
||||
<div>
|
||||
<img src={TabIMG1} alt="Turkmen carpets" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="tab-bottom">
|
||||
<span className="tab-date">30.05.2021</span>
|
||||
<h2 className="tab-name">
|
||||
Состоялись мероприятия, приуроченные к Празднику
|
||||
туркменского ковра
|
||||
</h2>
|
||||
<div className="tab-header-link tab-link">
|
||||
<Link to="/news/novelty/1">
|
||||
<span>Подробнее</span>
|
||||
<div>
|
||||
<img src={RightArrowBlue} alt="RIGHTARROW" />
|
||||
</div>
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="tab">
|
||||
<div className="tab-top">
|
||||
<div>
|
||||
<img src={TabIMG2} alt="Turkmen students" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="tab-bottom">
|
||||
<span className="tab-date">25.05.2021</span>
|
||||
<h2 className="tab-name">
|
||||
Состоялись мероприятия, приуроченные к Празднику
|
||||
туркменского ковра
|
||||
</h2>
|
||||
<div className="tab-header-link tab-link">
|
||||
<Link to="/news/novelty/2">
|
||||
<span>Подробнее</span>
|
||||
<div>
|
||||
<img src={RightArrowBlue} alt="RIGHTARROW" />
|
||||
</div>
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="tab">
|
||||
<div className="tab-top">
|
||||
<div>
|
||||
<img src={TabIMG3} alt="Turkmen mothers" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="tab-bottom">
|
||||
<span className="tab-date">25.05.2021</span>
|
||||
<h2 className="tab-name">
|
||||
Родителям первых детей, рождённых в день юбилея Ашхабада,
|
||||
вручены подарки...
|
||||
</h2>
|
||||
<div className="tab-header-link tab-link">
|
||||
<Link to="/news/novelty/3">
|
||||
<span>Подробнее</span>
|
||||
<div>
|
||||
<img src={RightArrowBlue} alt="RIGHTARROW" />
|
||||
</div>
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="tab">
|
||||
<div className="tab-top">
|
||||
<div>
|
||||
<img src={TabIMG1} alt="Turkmen carpets" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="tab-bottom">
|
||||
<span className="tab-date">30.05.2021</span>
|
||||
<h2 className="tab-name">
|
||||
Состоялись мероприятия, приуроченные к Празднику
|
||||
туркменского ковра
|
||||
</h2>
|
||||
<div className="tab-header-link tab-link">
|
||||
<Link to="/news/novelty/4">
|
||||
<span>Подробнее</span>
|
||||
<div>
|
||||
<img src={RightArrowBlue} alt="RIGHTARROW" />
|
||||
</div>
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="tab">
|
||||
<div className="tab-top">
|
||||
<div>
|
||||
<img src={TabIMG2} alt="Turkmen students" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="tab-bottom">
|
||||
<span className="tab-date">25.05.2021</span>
|
||||
<h2 className="tab-name">
|
||||
Состоялись мероприятия, приуроченные к Празднику
|
||||
туркменского ковра
|
||||
</h2>
|
||||
<div className="tab-header-link tab-link">
|
||||
<Link to="/news/novelty/5">
|
||||
<span>Подробнее</span>
|
||||
<div>
|
||||
<img src={RightArrowBlue} alt="RIGHTARROW" />
|
||||
</div>
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="tab">
|
||||
<div className="tab-top">
|
||||
<div>
|
||||
<img src={TabIMG3} alt="Turkmen mothers" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="tab-bottom">
|
||||
<span className="tab-date">25.05.2021</span>
|
||||
<h2 className="tab-name">
|
||||
Родителям первых детей, рождённых в день юбилея Ашхабада,
|
||||
вручены подарки...
|
||||
</h2>
|
||||
<div className="tab-header-link tab-link">
|
||||
<Link to="/news/novelty/6">
|
||||
<span>Подробнее</span>
|
||||
<div>
|
||||
<img src={RightArrowBlue} alt="RIGHTARROW" />
|
||||
</div>
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="tab">
|
||||
<div className="tab-top">
|
||||
<div>
|
||||
<img src={TabIMG1} alt="Turkmen carpets" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="tab-bottom">
|
||||
<span className="tab-date">30.05.2021</span>
|
||||
<h2 className="tab-name">
|
||||
Состоялись мероприятия, приуроченные к Празднику
|
||||
туркменского ковра
|
||||
</h2>
|
||||
<div className="tab-header-link tab-link">
|
||||
<Link to="/news/novelty/7">
|
||||
<span>Подробнее</span>
|
||||
<div>
|
||||
<img src={RightArrowBlue} alt="RIGHTARROW" />
|
||||
</div>
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="tab">
|
||||
<div className="tab-top">
|
||||
<div>
|
||||
<img src={TabIMG2} alt="Turkmen students" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="tab-bottom">
|
||||
<span className="tab-date">25.05.2021</span>
|
||||
<h2 className="tab-name">
|
||||
Состоялись мероприятия, приуроченные к Празднику
|
||||
туркменского ковра
|
||||
</h2>
|
||||
<div className="tab-header-link tab-link">
|
||||
<Link to="/news/novelty/8">
|
||||
<span>Подробнее</span>
|
||||
<div>
|
||||
<img src={RightArrowBlue} alt="RIGHTARROW" />
|
||||
</div>
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="tab">
|
||||
<div className="tab-top">
|
||||
<div>
|
||||
<img src={TabIMG3} alt="Turkmen mothers" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="tab-bottom">
|
||||
<span className="tab-date">25.05.2021</span>
|
||||
<h2 className="tab-name">
|
||||
Родителям первых детей, рождённых в день юбилея Ашхабада,
|
||||
вручены подарки...
|
||||
</h2>
|
||||
<div className="tab-header-link tab-link">
|
||||
<Link to="/news/novelty/9">
|
||||
<span>Подробнее</span>
|
||||
<div>
|
||||
<img src={RightArrowBlue} alt="RIGHTARROW" />
|
||||
</div>
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="news-page-control">
|
||||
<button
|
||||
className="prev-button"
|
||||
type="button"
|
||||
onClick={() => {
|
||||
if (pageIndex !== 1) {
|
||||
setPageIndex(pageIndex - 1);
|
||||
}
|
||||
}}
|
||||
>
|
||||
<img src={PrevButton} alt="Back" />
|
||||
</button>
|
||||
<span className="page-index">{pageIndex}</span>
|
||||
<button
|
||||
className="next-button"
|
||||
type="button"
|
||||
onClick={() => {
|
||||
setPageIndex(pageIndex + 1);
|
||||
}}
|
||||
>
|
||||
<img src={NextButton} alt="Forward" />
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
};
|
||||
|
||||
export default News;
|
||||
|
|
@ -1,83 +0,0 @@
|
|||
// IMPORT MODULES
|
||||
import React, { useEffect } from "react";
|
||||
|
||||
// IMPORT COMPONENTS
|
||||
import Breadcrumb from "../components/Global/Breadcrumb";
|
||||
|
||||
// IMPORT IMAGES
|
||||
import NoveltyIMG from "../img/noveltyImg.jpg";
|
||||
|
||||
const Novelty = () => {
|
||||
useEffect(() => {
|
||||
window.scrollTo(0, 0);
|
||||
}, []);
|
||||
return (
|
||||
<section className="novelty">
|
||||
<Breadcrumb
|
||||
path_1="Новости"
|
||||
link_1="/news"
|
||||
path_2="Очередная видеовстреча с зарубежными партнёрами"
|
||||
currentUrl="../news/novelty"
|
||||
/>
|
||||
<div className="container">
|
||||
<div className="novelty-inner">
|
||||
<div className="novelty-head">
|
||||
<div className="novelty-img">
|
||||
<img src={NoveltyIMG} alt="Novelty" />
|
||||
</div>
|
||||
<h4 className="novelty-title">
|
||||
Очередная видеовстреча с зарубежными партнёрами
|
||||
</h4>
|
||||
</div>
|
||||
<div className="novelty-text">
|
||||
<span>
|
||||
<span className="pgraph">
|
||||
Поддержка женского предпринимательства, обеспечение гендерного
|
||||
баланса и создание равных условий труда стали главной темой
|
||||
обсуждения Международного онлайн-форума «Расширение
|
||||
экономических прав и возможностей женщин для устойчивого
|
||||
развития в Центральной Азии и Афганистане», организованного
|
||||
сегодня Олий Мажлисом Республики Узбекистан и Программой
|
||||
развития ООН.
|
||||
</span>
|
||||
<span className="pgraph">
|
||||
В многосторонней встрече, проходящей под эгидой Диалога
|
||||
женщин-лидеров Центральной Азии, с туркменской стороны приняли
|
||||
участие председатель Меджлиса Милли Генгеша и представители
|
||||
Союза промышленников и предпринимателей.
|
||||
</span>
|
||||
<span className="pgraph">
|
||||
Начало форума предварил видеообзор выставки продукции
|
||||
женщин-предпринимателей Центральной Азии, проведённой в столице
|
||||
каждой из стран-участниц.
|
||||
</span>
|
||||
<span className="pgraph">
|
||||
Выражая поддержку усилиям правительств государств региона в
|
||||
вопросах обеспечения гендерного равенства и повышения роли
|
||||
женщин в достижении Целей устойчивого развития, участники
|
||||
видеоконференции подчеркнули необходимость более полной
|
||||
реализации предпринимательского потенциала женщин, дальнейшего
|
||||
совершенствования законодательной базы и экономической политики
|
||||
в целях расширения их присутствия на рынке труда и активного
|
||||
продвижения в государственном и частном секторах.
|
||||
</span>
|
||||
<span className="pgraph">
|
||||
В рамках форума была согласована и принята «Дорожная карта» по
|
||||
развитию сотрудничества в сфере устойчивого развития между
|
||||
женщинами-предпринимателями Центральной Азии и Афганистана, а
|
||||
также принят Итоговый документ – Совместное заявление, в
|
||||
котором участники форума выразили уверенность, что практическая
|
||||
реализация запланированных мероприятий будет способствовать
|
||||
развитию женского предпринимательства, дальнейшему укреплению
|
||||
взаимовыгодного сотрудничества и делового партнёрства между
|
||||
женщинами-предпринимателями региона.
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
};
|
||||
|
||||
export default Novelty;
|
||||
|
|
@ -1,55 +0,0 @@
|
|||
// IMPORT MODULES
|
||||
import React, { useEffect } from "react";
|
||||
|
||||
// IMPORT COMPONENTS
|
||||
import Breadcrumb from "../components/Global/Breadcrumb";
|
||||
import EtalonsCard from "../components/Etalons/EtalonsCard";
|
||||
|
||||
// IMPORT IMAGES
|
||||
import Img_1 from "../img/pricesImg_1.jpg";
|
||||
import Img_2 from "../img/pricesImg_2.jpg";
|
||||
import Img_3 from "../img/pricesImg_3.jpg";
|
||||
|
||||
const Prices = () => {
|
||||
useEffect(() => {
|
||||
window.scrollTo(0, 0);
|
||||
}, []);
|
||||
|
||||
return (
|
||||
<section className="prices">
|
||||
<Breadcrumb path_1="Стоимость" currentUrl="/prices" />
|
||||
<div className="container">
|
||||
<div className="tab-header">
|
||||
<h4 className="tab-header-text" id="tab-header-text">
|
||||
Стоимость
|
||||
</h4>
|
||||
<div className="tab-header-line"></div>
|
||||
</div>
|
||||
<div className="price-content">
|
||||
<div className="depts-wrapper">
|
||||
<EtalonsCard
|
||||
key={1}
|
||||
img={Img_1}
|
||||
title="Тарифы на проведение работ по метрологии подразделениями..."
|
||||
link="../prices/meteorology"
|
||||
/>
|
||||
<EtalonsCard
|
||||
key={2}
|
||||
img={Img_2}
|
||||
title="Тарифы на проведение проверки или калибровки средств..."
|
||||
link="../prices/calibrate_instruments"
|
||||
/>
|
||||
<EtalonsCard
|
||||
key={3}
|
||||
img={Img_3}
|
||||
title="Стоимость калибровки термометров сопротивления в калибровки в..."
|
||||
link="../prices/calibrate_thermo"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
};
|
||||
|
||||
export default Prices;
|
||||
|
|
@ -1,179 +0,0 @@
|
|||
// IMPORT MODULES
|
||||
import React, { useEffect } from "react";
|
||||
|
||||
// IMPORT COMPONENTS
|
||||
import Breadcrumb from "../components/Global/Breadcrumb";
|
||||
|
||||
// IMPORT IMAGES
|
||||
import Loop from "../svg/loupe.svg";
|
||||
import Next from "../svg/next.svg";
|
||||
import Prev from "../svg/prev.svg";
|
||||
|
||||
const Regulations = () => {
|
||||
useEffect(() => {
|
||||
window.scrollTo(0, 0);
|
||||
}, []);
|
||||
return (
|
||||
<section className="regulations">
|
||||
<Breadcrumb
|
||||
path_1="Реестр нормативной документации"
|
||||
currentUrl="/measuring_regulations"
|
||||
/>
|
||||
<div className="container">
|
||||
<div className="regulations-inner">
|
||||
<div className="regulations-head">
|
||||
<div className="regulations-head-left">
|
||||
<form className="search-form">
|
||||
<input type="text" placeholder="Поиск" />
|
||||
<button type="button">
|
||||
<div>
|
||||
<img src={Loop} alt="Loop" />
|
||||
</div>
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
<div className="regulations-head-right">
|
||||
<form className="btn-form">
|
||||
<button type="button" className="button-prev regulations-btn">
|
||||
<div>
|
||||
<img src={Prev} alt="Previous" />
|
||||
</div>
|
||||
</button>
|
||||
<button type="button" className="button-right regulations-btn">
|
||||
<div>
|
||||
<img src={Next} alt="Next" />
|
||||
</div>
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div className="regulations-content">
|
||||
<div className="structure-employees">
|
||||
<table className="regulations-table structure-table">
|
||||
<tbody>
|
||||
<tr className="table-head">
|
||||
<th className="n head">Т/ь</th>
|
||||
<th className="number head">
|
||||
Номер нормативной документации
|
||||
</th>
|
||||
<th className="replacedby head">Взамен НТД</th>
|
||||
<th className="desc head">
|
||||
Номер нормативной документации
|
||||
</th>
|
||||
<th className="date head">Дата введения</th>
|
||||
<th className="limit head">Срок действия</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>GR 16162325-87 -2017</td>
|
||||
<td>Взамен РД 52.04.234-89 </td>
|
||||
<td>
|
||||
Методические указания Измеритель высоты нижней границы
|
||||
облаков. Методика поверки
|
||||
</td>
|
||||
<td>01.07.2017</td>
|
||||
<td>-</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>2</td>
|
||||
<td>GR 16162325-88-2017</td>
|
||||
<td>Введен впервые</td>
|
||||
<td>
|
||||
Барометры ртутные метрологические. Методические указания
|
||||
по проведению поверки
|
||||
</td>
|
||||
<td>01.12.2017</td>
|
||||
<td>-</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>3</td>
|
||||
<td>GR 16162325-89-2017</td>
|
||||
<td>Взамен МИ-1908-88</td>
|
||||
<td>
|
||||
Психрометры аспирационные Методические указания по
|
||||
проведению поверки
|
||||
</td>
|
||||
<td>01.02.2018</td>
|
||||
<td>-</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>4</td>
|
||||
<td>GR 16162325-91-2017</td>
|
||||
<td>Введен впервые</td>
|
||||
<td>
|
||||
Барографы метеорлогические анероидные. Методические
|
||||
указания по проведению поверки
|
||||
</td>
|
||||
<td>20.01.2018</td>
|
||||
<td>-</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>5</td>
|
||||
<td>GR 16162325-90-2017</td>
|
||||
<td>Взамен RD-52.04244-89</td>
|
||||
<td>
|
||||
Анеморумбометр М-63М-1 Методические указания по проведению
|
||||
поверки
|
||||
</td>
|
||||
<td>20.01.2018</td>
|
||||
<td>-</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>6</td>
|
||||
<td>GR 16162325-93-2017</td>
|
||||
<td>Введен впервые</td>
|
||||
<td>
|
||||
Барометры мембранные метеорологические Методические
|
||||
указания по проведению поверки
|
||||
</td>
|
||||
<td>01.05.2018</td>
|
||||
<td>-</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>7</td>
|
||||
<td>GR 16162325-94-2017</td>
|
||||
<td>Введен впервые</td>
|
||||
<td>
|
||||
Барометры образцовые переносные типа БОП-1. Методические
|
||||
указания по проведению поверки
|
||||
</td>
|
||||
<td>01.05.2018</td>
|
||||
<td>-</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>8</td>
|
||||
<td>TDS-5533-2013</td>
|
||||
<td>ГОСТ 5533-2013</td>
|
||||
<td>Стекло узорчатое. Технические условия.</td>
|
||||
<td>31.05.2018</td>
|
||||
<td>31.05.2023</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>9</td>
|
||||
<td>TDS-32361-2013</td>
|
||||
<td>ГОСТ 32361-2013</td>
|
||||
<td>
|
||||
Стекло и изделия из него. Пороки. Термины и определения
|
||||
</td>
|
||||
<td>31.05.2018</td>
|
||||
<td>31.05.2023</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>10</td>
|
||||
<td>TDS-32529-2013</td>
|
||||
<td>ГОСТ 32529-2013</td>
|
||||
<td>Стекло и изделия из него. Правила приемки</td>
|
||||
<td>31.05.2018</td>
|
||||
<td>31.05.2023</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
};
|
||||
|
||||
export default Regulations;
|
||||
|
|
@ -1,294 +0,0 @@
|
|||
// IMPORT MODULES
|
||||
import React, { useEffect, useRef } from "react";
|
||||
|
||||
// IMPORT COMPONENTS
|
||||
import Breadcrumb from "../components/Global/Breadcrumb";
|
||||
|
||||
// IMPORT IMAGES
|
||||
import Print from "../svg/print.svg";
|
||||
import Img1 from "../img/serviceRequest_1.jpg";
|
||||
import Img2 from "../img/serviceRequest_2.jpg";
|
||||
import Img3 from "../img/serviceRequest_3.jpg";
|
||||
import Img4 from "../img/serviceRequest_4.jpg";
|
||||
|
||||
const Service = () => {
|
||||
useEffect(() => {
|
||||
window.scrollTo(0, 0);
|
||||
}, []);
|
||||
|
||||
// DEFINE IMAGE SOURCES
|
||||
const img_1 = useRef();
|
||||
const img_2 = useRef();
|
||||
const img_3 = useRef();
|
||||
const img_4 = useRef();
|
||||
|
||||
return (
|
||||
<section className="service">
|
||||
<Breadcrumb path_1="Информация об услугах" currentUrl="/service" />
|
||||
<div className="container">
|
||||
<div className="service-inner">
|
||||
<div className="tab-header">
|
||||
<h4 className="tab-header-text" id="tab-header-text">
|
||||
Сведения об услугах проводимых Государственным эталонным центром
|
||||
</h4>
|
||||
<div className="tab-header-line"></div>
|
||||
</div>
|
||||
<div className="service-content">
|
||||
<div className="structure-employees">
|
||||
<table className="regulations-table structure-table">
|
||||
<tbody>
|
||||
<tr className="table-head">
|
||||
<th className="n head">№ пп</th>
|
||||
<th className="number head">Вид деятельности</th>
|
||||
<th className="replacedby head">
|
||||
Документы необходимые для проведения работ
|
||||
</th>
|
||||
<th className="desc head">
|
||||
Порядок, в соответствии с которым проводиться деятельность
|
||||
</th>
|
||||
<th className="date head">Стоимость работ</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>Калибровка средств измерений</td>
|
||||
<td>
|
||||
Заявка на проведение работ Техническая документация на
|
||||
средство измерения Сертификат последней калибровки
|
||||
средства измерения Документ об оплате
|
||||
</td>
|
||||
<td>
|
||||
«Порядок проведения Государственных метрологических
|
||||
испытаний, государственной поверки, калибровки и поверки
|
||||
стандартных образцов средств измерений» Утвержденный
|
||||
приказом Главной государственной службы
|
||||
«Туркменстадартлары» № 1/148 от 5 ноября 2015 года
|
||||
</td>
|
||||
<td>
|
||||
Тарифы проводимых работ по метрологии подразделениями
|
||||
Главной государственной службы «Туркменстадартлары»
|
||||
Утвержденные 15 марта 2018 года
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>2</td>
|
||||
<td>Поверка средств измерений</td>
|
||||
<td>
|
||||
Заявка на проведение работ Техническая документация на
|
||||
средство измерения Документ об оплате
|
||||
</td>
|
||||
<td>
|
||||
«Порядок проведения Государственных метрологических
|
||||
испытаний, государственной поверки, калибровки и поверки
|
||||
стандартных образцов средств измерений» Утвержденный
|
||||
приказом Главной государственной службы
|
||||
“Туркменстандартлары” № 1/148 от 5 ноября 2015 года
|
||||
</td>
|
||||
<td>
|
||||
Тарифы проводимых работ по метрологии подразделениями
|
||||
Главной государственной службы "Туркменстандартлары"
|
||||
Утвержденные 03 марта 2018 года
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>3</td>
|
||||
<td>
|
||||
Государственные метрологические испытания средств
|
||||
измерений с целью внесения в Государственный Реестр
|
||||
Туркменистана
|
||||
</td>
|
||||
<td>
|
||||
Заявка на проведение работ Техническая документация на
|
||||
средство измерения Документ об оплате
|
||||
</td>
|
||||
<td>
|
||||
«Порядок проведения Государственных метрологических
|
||||
испытаний, государственной поверки, калибровки и поверки
|
||||
стандартных образцов средств измерений» Утвержденный
|
||||
приказом Главной государственной службы
|
||||
“Туркменстандартлары” № 1/148 от 5 ноября 2015 года
|
||||
</td>
|
||||
<td>
|
||||
Тарифы проводимых работ по метрологии подразделениями
|
||||
Главной государственной службы "Туркменстандартлары"
|
||||
Утвержденные 03 марта 2018 года
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>4</td>
|
||||
<td>Сертификационные испытания средств измерений</td>
|
||||
<td>
|
||||
Акт отбора образцов Техническая документация на средство
|
||||
измерения Документ об оплате
|
||||
</td>
|
||||
<td>
|
||||
«Порядок сертификации продукции» Утвержденный приказом
|
||||
Главной государственной службы “Туркменстандартлары” №
|
||||
1/60 от 27 марта 2014 года
|
||||
</td>
|
||||
<td>
|
||||
Тарифы проводимых работ по метрологии подразделениями
|
||||
Главной государственной службы "Туркменстандартлары"
|
||||
Утвержденные 03 марта 2018 года
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>5</td>
|
||||
<td>
|
||||
Метрологические услуги: (Проведение испытаний средств
|
||||
измерений и стандартных образцов и утверждения их типа)
|
||||
</td>
|
||||
<td>
|
||||
Заявка на проведение работ Техническая документация на
|
||||
средство измерения Документ об оплате
|
||||
</td>
|
||||
<td>
|
||||
«Порядок проведения испытаний стандартных образцов и
|
||||
средств измерений и утверждения их типа» Утвержденный
|
||||
приказом Главной государственной службы
|
||||
«Туркменстадартлары» № 1/119 от 14 сентября 2015 года
|
||||
</td>
|
||||
<td>
|
||||
«Тарифы проводимых работ по метрологии подразделениями
|
||||
Главной государственной службы "Туркменстандартлары»
|
||||
Утвержденные 03 марта 2018 года
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>6</td>
|
||||
<td>Ремонт средств измерений</td>
|
||||
<td>
|
||||
Заявка на проведение работ Техническая документация на
|
||||
средство измерения Документ об оплате
|
||||
</td>
|
||||
<td>В соответствии с выявленной неисправностью</td>
|
||||
<td>
|
||||
«Тарифы на проведение работ по ремонту средств измерений и
|
||||
механизмов отделом ремонта средств измерений
|
||||
Государственного эталонного центра» Утверждены 11 июня
|
||||
2018 года
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>7</td>
|
||||
<td>
|
||||
Разработка нормативной документации группой Технического
|
||||
комитета по метрологи TK TM 02
|
||||
</td>
|
||||
<td>
|
||||
Заявка на разработку документа Техническое задание
|
||||
Документ об оплате
|
||||
</td>
|
||||
<td>
|
||||
“Порядок создания национальных технических комитетов
|
||||
Туркменистана по стандартизации и организации их работы”
|
||||
Утвержденный приказом Главной государственной службы
|
||||
“Туркменстандартлары” № 1/1 от 04.01.2016г. и
|
||||
зарегистрированным в Министерстве Адалат Туркменистана №
|
||||
944 14.01.2016 года
|
||||
</td>
|
||||
<td>
|
||||
Стоимость разработки нормативного документа определяеться
|
||||
по фактическим затратам
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div className="service-bottom">
|
||||
<div className="tab-header">
|
||||
<h4 className="tab-header-text" id="tab-header-text">
|
||||
Виды заявок
|
||||
</h4>
|
||||
<div className="tab-header-line"></div>
|
||||
</div>
|
||||
<div className="service-cards-wrapper">
|
||||
<div
|
||||
className="service-card"
|
||||
onClick={() => {
|
||||
window.open(img_1.current.src);
|
||||
}}
|
||||
>
|
||||
<div className="service-abs">
|
||||
<div>
|
||||
<img src={Print} alt="Print" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="service-card-top">
|
||||
<div className="service-img-wrapper">
|
||||
<img src={Img1} alt="Request1" ref={img_1} />
|
||||
</div>
|
||||
</div>
|
||||
<div className="service-card-bottom">
|
||||
<h4 className="service-card-title">Заявка на поверку</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="service-card"
|
||||
onClick={() => {
|
||||
window.open(img_2.current.src);
|
||||
}}
|
||||
>
|
||||
<div className="service-abs">
|
||||
<div>
|
||||
<img src={Print} alt="Print" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="service-card-top">
|
||||
<div className="service-img-wrapper">
|
||||
<img src={Img2} alt="Request2" ref={img_2} />
|
||||
</div>
|
||||
</div>
|
||||
<div className="service-card-bottom">
|
||||
<h4 className="service-card-title">Заявка на поверку</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="service-card"
|
||||
onClick={() => {
|
||||
window.open(img_3.current.src);
|
||||
}}
|
||||
>
|
||||
<div className="service-abs">
|
||||
<div>
|
||||
<img src={Print} alt="Print" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="service-card-top">
|
||||
<div className="service-img-wrapper">
|
||||
<img src={Img3} alt="Request3" ref={img_3} />
|
||||
</div>
|
||||
</div>
|
||||
<div className="service-card-bottom">
|
||||
<h4 className="service-card-title">Заявка на поверку</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="service-card"
|
||||
onClick={() => {
|
||||
window.open(img_4.current.src);
|
||||
}}
|
||||
>
|
||||
<div className="service-abs">
|
||||
<div>
|
||||
<img src={Print} alt="Print" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="service-card-top">
|
||||
<div className="service-img-wrapper">
|
||||
<img src={Img4} alt="Request4" ref={img_4} />
|
||||
</div>
|
||||
</div>
|
||||
<div className="service-card-bottom">
|
||||
<h4 className="service-card-title">Заявка на поверку</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
};
|
||||
|
||||
export default Service;
|
||||
|
|
@ -1,226 +0,0 @@
|
|||
// IMPORT MODULES
|
||||
import React, { useEffect } from "react";
|
||||
|
||||
// IMPORT COMPONENTS
|
||||
import Breadcrumb from "../components/Global/Breadcrumb";
|
||||
|
||||
// IMPORT IMAGES
|
||||
import StructureImg from "../img/structureImg.jpg";
|
||||
|
||||
const Structure = () => {
|
||||
useEffect(() => {
|
||||
window.scrollTo(0, 0);
|
||||
}, []);
|
||||
return (
|
||||
<section className="structure">
|
||||
<Breadcrumb
|
||||
path_1="Структура Государственного эталонного центра"
|
||||
currentUrl="/structure"
|
||||
/>
|
||||
<div className="container">
|
||||
<div className="structure-inner">
|
||||
<div className="tab-header">
|
||||
<h4 className="tab-header-text" id="tab-header-text">
|
||||
Структура Государственного эталонного центра
|
||||
</h4>
|
||||
<div className="tab-header-line"></div>
|
||||
</div>
|
||||
<div className="structure-main-page">
|
||||
<img src={StructureImg} alt="Structure" />
|
||||
</div>
|
||||
<div className="structure-employees">
|
||||
<table className="structure-table">
|
||||
<tbody>
|
||||
<tr className="table-head">
|
||||
<th>
|
||||
<span className="name-head">Фамилия, имя, отчество</span>
|
||||
</th>
|
||||
<th>
|
||||
<span className="position-head">Занимаемая должность</span>
|
||||
</th>
|
||||
<th>
|
||||
<span className="tel-head">Рабочий телефон</span>
|
||||
</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<span className="name">
|
||||
Реджепов Мейлис Байраммурадович
|
||||
</span>
|
||||
</td>
|
||||
<td>
|
||||
<span className="position">
|
||||
Врем. исп. обязанности наальника
|
||||
</span>
|
||||
</td>
|
||||
<td>
|
||||
<span className="tel">Teл: 421330</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<span className="name">
|
||||
Нурмаммедов Ахмет Мамметниязович
|
||||
</span>
|
||||
</td>
|
||||
<td>
|
||||
<span className="position">Заместитель начальника</span>
|
||||
</td>
|
||||
<td>
|
||||
<span className="tel">Teл: 421330</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<span className="name">Черкезов Бегенч</span>
|
||||
</td>
|
||||
<td>
|
||||
<span className="position">Главный инженер</span>
|
||||
</td>
|
||||
<td>
|
||||
<span className="tel">Teл: 421330</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<span className="name">Союнова Айна</span>
|
||||
</td>
|
||||
<td>
|
||||
<span className="position">
|
||||
Начальник Отдела научно-методического, маркетинга и
|
||||
изучения международной практики
|
||||
</span>
|
||||
</td>
|
||||
<td>
|
||||
<span className="tel">Teл: 421990</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<span className="name">Худайбердыева Гульджахан</span>
|
||||
</td>
|
||||
<td>
|
||||
<span className="position">Начальник Отдела кадров</span>
|
||||
</td>
|
||||
<td>
|
||||
<span className="tel">Teл: 422088</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<span className="name">Атабаева Гульджахан</span>
|
||||
</td>
|
||||
<td>
|
||||
<span className="position">
|
||||
Начальник Финансово-экономического отдела-главный
|
||||
бухгалтер
|
||||
</span>
|
||||
</td>
|
||||
<td>
|
||||
<span className="tel">Teл: 422429</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<span className="name">Овезов Гуванч</span>
|
||||
</td>
|
||||
<td>
|
||||
<span className="position">
|
||||
Начальник отдела Геометрических и механических величин
|
||||
</span>
|
||||
</td>
|
||||
<td>
|
||||
<span className="tel">Teл: 421856</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<span className="name">Оразбердыев Кемалмухаммет</span>
|
||||
</td>
|
||||
<td>
|
||||
<span className="position">
|
||||
Начальник отдела Расхода и количества вещества
|
||||
</span>
|
||||
</td>
|
||||
<td>
|
||||
<span className="tel">Teл: 422007</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<span className="name">Ходжамгулыев Марлен</span>
|
||||
</td>
|
||||
<td>
|
||||
<span className="position">
|
||||
Начальник отдела Тепло-технических величин
|
||||
</span>
|
||||
</td>
|
||||
<td>
|
||||
<span className="tel">Teл: 421520</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<span className="name">Мурадов Атамырат </span>
|
||||
</td>
|
||||
<td>
|
||||
<span className="position">
|
||||
И.о. начальника отдела Физико-химических и оптических
|
||||
измерений
|
||||
</span>
|
||||
</td>
|
||||
<td>
|
||||
<span className="tel">Teл: 421511</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<span className="name">Гельдыалиев Арслан</span>
|
||||
</td>
|
||||
<td>
|
||||
<span className="position">
|
||||
Начальник отдела Электрических и радиоэлектронных
|
||||
измерений
|
||||
</span>
|
||||
</td>
|
||||
<td>
|
||||
<span className="tel">Teл: 421281</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<span className="name">Махтумгулыев Перхат</span>
|
||||
</td>
|
||||
<td>
|
||||
<span className="position">
|
||||
Начальник отдела Электрических и радиоэлектронных
|
||||
измерений
|
||||
</span>
|
||||
</td>
|
||||
<td>
|
||||
<span className="tel">Teл: 421281</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<span className="name">Поладов Тиркишмырат</span>
|
||||
</td>
|
||||
<td>
|
||||
<span className="position">
|
||||
Отдел поверки газовых и водяных счетчиков в п.Бикрова
|
||||
</span>
|
||||
</td>
|
||||
<td>
|
||||
<span className="tel">Teл: 371360</span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
};
|
||||
|
||||
export default Structure;
|
||||
|
|
@ -1,13 +0,0 @@
|
|||
const reportWebVitals = onPerfEntry => {
|
||||
if (onPerfEntry && onPerfEntry instanceof Function) {
|
||||
import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
|
||||
getCLS(onPerfEntry);
|
||||
getFID(onPerfEntry);
|
||||
getFCP(onPerfEntry);
|
||||
getLCP(onPerfEntry);
|
||||
getTTFB(onPerfEntry);
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
export default reportWebVitals;
|
||||
|
|
@ -1,51 +0,0 @@
|
|||
.breadcrumb {
|
||||
padding: 3rem 0;
|
||||
background: #003a9d;
|
||||
margin-bottom: 5rem;
|
||||
}
|
||||
|
||||
.breadcrumb-inner {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
flex-wrap: wrap;
|
||||
row-gap: 1rem;
|
||||
font-size: 1.6rem;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.breadcrumb-slash {
|
||||
margin: 0 2rem;
|
||||
}
|
||||
|
||||
.breadcrumb-text-unfaded {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.breadcrumb-text-faded {
|
||||
color: rgba(255, 255, 255, 0.5);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 700px) {
|
||||
.breadcrumb {
|
||||
padding: 2.5rem 0;
|
||||
}
|
||||
|
||||
.breadcrumb-inner {
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 500px) {
|
||||
.breadcrumb {
|
||||
padding: 1.8rem 0;
|
||||
}
|
||||
|
||||
.breadcrumb-inner {
|
||||
font-size: 1rem;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,35 +0,0 @@
|
|||
.calibrate-inst {
|
||||
.tab-header {
|
||||
grid-template-columns: 1fr 20rem;
|
||||
}
|
||||
}
|
||||
|
||||
// MOBILE
|
||||
@media screen and (max-width: 1360px) {
|
||||
.calibrate-inst-inner {
|
||||
.tab-header {
|
||||
grid-template-columns: 1fr 0rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1100px) {
|
||||
.calibrate-inst-inner {
|
||||
.plans-card-wrapper {
|
||||
grid-template-columns: 1fr 1fr;
|
||||
|
||||
.planscard {
|
||||
max-width: unset;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 700px) {
|
||||
.calibrate-inst-inner {
|
||||
.plans-card-wrapper {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,25 +0,0 @@
|
|||
.calibrate-thermo-content {
|
||||
padding-bottom: 10rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
|
||||
.novelty-head {
|
||||
margin-bottom: 5rem;
|
||||
}
|
||||
}
|
||||
|
||||
.structure-table tbody * {
|
||||
text-size-adjust: none;
|
||||
-webkit-text-size-adjust: none;
|
||||
}
|
||||
|
||||
// MOBILE
|
||||
|
||||
@media screen and (max-width: 1000px) {
|
||||
.structure-table tbody * {
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,30 +0,0 @@
|
|||
.etalon-inner {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
padding-bottom: 10rem;
|
||||
}
|
||||
|
||||
.etalon-inner {
|
||||
h6 {
|
||||
font-size: 1.8rem;
|
||||
padding: 2rem 0;
|
||||
}
|
||||
ul {
|
||||
padding: 0rem 0 0rem 3rem;
|
||||
}
|
||||
}
|
||||
|
||||
// MOBILE
|
||||
|
||||
@media screen and (max-width: 1360px) {
|
||||
.novelty-text {
|
||||
font-size: 1.6rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1000px) {
|
||||
.novelty-text {
|
||||
font-size: 1.4rem;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,29 +0,0 @@
|
|||
.etalons {
|
||||
.tab-header {
|
||||
grid-template-columns: 43rem 24rem 1fr;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and(max-width: 770px) {
|
||||
.etalons {
|
||||
.tab-header {
|
||||
grid-template-columns: 37rem 0 1fr;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and(max-width: 500px) {
|
||||
.etalons {
|
||||
.tab-header {
|
||||
grid-template-columns: 31rem 0rem 1fr;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 380px) {
|
||||
.etalons {
|
||||
.tab-header {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,146 +0,0 @@
|
|||
footer {
|
||||
background: #003a9d;
|
||||
|
||||
ul {
|
||||
list-style-type: none;
|
||||
}
|
||||
}
|
||||
|
||||
.footer-inner {
|
||||
padding: 5rem 0 3rem 0;
|
||||
}
|
||||
|
||||
.footer-link-text {
|
||||
text-decoration: none;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.footer-links {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(5, 1fr);
|
||||
gap: 2rem;
|
||||
}
|
||||
|
||||
.footer-link-title {
|
||||
padding-bottom: 3.2rem;
|
||||
font-size: 1.8rem;
|
||||
font-weight: bold;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.footer-link-inner {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
gap: 1.7rem;
|
||||
|
||||
li {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
|
||||
.footer-link-img {
|
||||
min-width: 1.8rem;
|
||||
min-height: 1.2rem;
|
||||
max-width: 1.8rem;
|
||||
max-height: 1.2rem;
|
||||
width: 1.8rem;
|
||||
height: 1.2rem;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: contain;
|
||||
}
|
||||
}
|
||||
|
||||
.footer-link-text {
|
||||
font-size: 1.6rem;
|
||||
margin-left: 1rem;
|
||||
font-weight: normal;
|
||||
}
|
||||
h6.footer-link-text {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.footer-middle {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr;
|
||||
margin: 4rem 0 0 0;
|
||||
|
||||
&::after {
|
||||
display: block;
|
||||
content: "";
|
||||
border: none;
|
||||
border-top: 0.1rem solid rgba(255, 255, 255, 0.644);
|
||||
margin: 3rem 0 6rem 0;
|
||||
}
|
||||
}
|
||||
|
||||
.footer-middle-link {
|
||||
display: flex;
|
||||
font-size: 1.6rem;
|
||||
color: #fff;
|
||||
text-decoration: underline;
|
||||
justify-self: center;
|
||||
}
|
||||
|
||||
.footer-bottom {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
h4 {
|
||||
font-size: 1.6rem;
|
||||
color: #fff;
|
||||
font-weight: normal;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1360px) {
|
||||
.footer-links {
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: 5rem;
|
||||
}
|
||||
.footer-link-title {
|
||||
font-size: 2rem;
|
||||
}
|
||||
.footer-link-text {
|
||||
font-size: 1.8rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 900px) {
|
||||
.footer-links {
|
||||
grid-template-columns: 1fr;
|
||||
gap: 5rem;
|
||||
}
|
||||
.footer-link-title {
|
||||
font-size: 1.8rem;
|
||||
}
|
||||
.footer-link-text {
|
||||
font-size: 1.6rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 700px) {
|
||||
.footer-links {
|
||||
grid-template-columns: 1fr;
|
||||
gap: 5rem;
|
||||
}
|
||||
.footer-link-title {
|
||||
font-size: 1.6rem;
|
||||
}
|
||||
.footer-link-text {
|
||||
font-size: 1.4rem;
|
||||
}
|
||||
.footer-middle-link {
|
||||
font-size: 1.4rem;
|
||||
}
|
||||
.footer-bottom {
|
||||
h4 {
|
||||
font-size: 1.4rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,72 +0,0 @@
|
|||
.history-inner {
|
||||
padding-bottom: 10rem;
|
||||
|
||||
.tab-header {
|
||||
grid-template-columns: 92rem 20rem 1fr;
|
||||
}
|
||||
}
|
||||
|
||||
.history-title {
|
||||
border: 0.1rem solid #dfdfdf;
|
||||
border-bottom: none;
|
||||
box-shadow: 0 0.4rem #981429;
|
||||
margin-bottom: 5rem;
|
||||
|
||||
h1 {
|
||||
font-size: 2.4rem;
|
||||
text-align: center;
|
||||
padding: 4rem 3rem;
|
||||
}
|
||||
}
|
||||
|
||||
.history-content {
|
||||
p {
|
||||
font-size: 1.8rem;
|
||||
word-spacing: 0.1rem;
|
||||
line-height: 3rem;
|
||||
}
|
||||
}
|
||||
|
||||
// MOBILE
|
||||
|
||||
@media screen and(max-width: 1200px) {
|
||||
.history-inner {
|
||||
.tab-header {
|
||||
grid-template-columns: 1fr 0rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and(max-width: 700px) {
|
||||
.history-content {
|
||||
p {
|
||||
font-size: 1.6rem;
|
||||
}
|
||||
}
|
||||
.history-title {
|
||||
h1 {
|
||||
font-size: 2rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and(max-width: 500px) {
|
||||
.history-content {
|
||||
p {
|
||||
font-size: 1.4rem;
|
||||
}
|
||||
}
|
||||
.history-title {
|
||||
h1 {
|
||||
font-size: 1.8rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and(max-width: 400px) {
|
||||
.history-title {
|
||||
h1 {
|
||||
font-size: 1.6rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,59 +0,0 @@
|
|||
.legislation {
|
||||
.tab-header {
|
||||
grid-template-columns: 38rem 24rem 1fr;
|
||||
}
|
||||
}
|
||||
|
||||
.legislation-inner {
|
||||
padding-bottom: 10rem;
|
||||
}
|
||||
|
||||
.law-card-wrapper {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr 1fr;
|
||||
gap: 4rem;
|
||||
}
|
||||
|
||||
.law-card {
|
||||
max-width: 40rem;
|
||||
max-height: 26.8rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
font-size: 1.4rem;
|
||||
border: 0.1rem solid #dfdfdf;
|
||||
border-bottom: none;
|
||||
box-shadow: 0 0.4rem #981429;
|
||||
}
|
||||
|
||||
.law-card-text {
|
||||
padding: 0 3rem;
|
||||
margin: 3rem 0 1rem 0;
|
||||
}
|
||||
|
||||
.law-card-bold {
|
||||
padding: 0 3rem;
|
||||
margin: 1rem 0 3rem 0;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
// MOBILE
|
||||
|
||||
@media screen and (max-width: 1200px) {
|
||||
.law-card-wrapper {
|
||||
grid-template-columns: 1fr 1fr;
|
||||
}
|
||||
.law-card {
|
||||
width: 100%;
|
||||
justify-self: center;
|
||||
max-width: unset;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 800px) {
|
||||
.law-card-wrapper {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,615 +0,0 @@
|
|||
// SLIDER
|
||||
.slider-img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: contain;
|
||||
}
|
||||
}
|
||||
|
||||
.slider {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding-bottom: 10rem;
|
||||
}
|
||||
|
||||
.swiper {
|
||||
position: relative;
|
||||
|
||||
.swiper-button-prev {
|
||||
content: url(../svg/sliderPrev.svg);
|
||||
padding: 1.4rem 1.8rem 1.4rem 1rem;
|
||||
z-index: 2;
|
||||
position: absolute;
|
||||
width: 4rem;
|
||||
height: 8rem;
|
||||
left: 0;
|
||||
top: 50%;
|
||||
background: rgba(255, 255, 255, 0.452);
|
||||
transform: translateY(-50%);
|
||||
cursor: pointer;
|
||||
|
||||
&:hover {
|
||||
background: rgba(87, 85, 85, 0.801);
|
||||
}
|
||||
}
|
||||
|
||||
.swiper-button-next {
|
||||
content: url(../svg/sliderNext.svg);
|
||||
padding: 1.4rem 1rem 1.4rem 1.8rem;
|
||||
z-index: 2;
|
||||
position: absolute;
|
||||
width: 4rem;
|
||||
height: 8rem;
|
||||
right: 0;
|
||||
top: 50%;
|
||||
background: rgba(255, 255, 255, 0.452);
|
||||
transform: translateY(-50%);
|
||||
cursor: pointer;
|
||||
|
||||
&:hover {
|
||||
background: rgba(87, 85, 85, 0.801);
|
||||
}
|
||||
}
|
||||
|
||||
.swiper-pagination {
|
||||
position: absolute;
|
||||
bottom: 2rem;
|
||||
left: 50%;
|
||||
transform: translate(-50%, 0%);
|
||||
z-index: 2;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-evenly;
|
||||
gap: 0.4rem;
|
||||
border-radius: 1rem;
|
||||
height: 2rem;
|
||||
background: rgba(0, 0, 0, 0.301);
|
||||
padding: 0 2rem;
|
||||
|
||||
.swiper-pagination-bullet {
|
||||
background: rgba(255, 255, 255, 0.3);
|
||||
width: 3rem;
|
||||
height: 0.4rem;
|
||||
border-radius: 0.3rem;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.swiper-pagination-bullet-active {
|
||||
background: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// TABS
|
||||
.tab-wrapper {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
gap: 4rem;
|
||||
padding-bottom: 10rem;
|
||||
}
|
||||
|
||||
.tab-header {
|
||||
display: grid;
|
||||
grid-template-columns: 14rem 24rem 1fr;
|
||||
gap: 2rem;
|
||||
padding-bottom: 5rem;
|
||||
|
||||
.tab-header-text {
|
||||
font-size: 3.2rem;
|
||||
font-weight: normal;
|
||||
text-align: left;
|
||||
align-self: center;
|
||||
}
|
||||
|
||||
.tab-header-line {
|
||||
align-self: center;
|
||||
width: 100%;
|
||||
height: 0.1rem;
|
||||
background: #003a9d;
|
||||
}
|
||||
|
||||
.tab-header-link {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
a {
|
||||
width: 100%;
|
||||
align-self: center;
|
||||
justify-self: flex-end;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
color: #003a9d;
|
||||
font-size: 1.6rem;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
|
||||
span {
|
||||
margin-right: 1rem;
|
||||
}
|
||||
|
||||
img {
|
||||
width: 1.8rem;
|
||||
height: 1.2rem;
|
||||
object-fit: contain;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tab-top {
|
||||
div {
|
||||
max-width: 40rem;
|
||||
max-height: 26rem;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: contain;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tab {
|
||||
max-width: 40rem;
|
||||
width: 100%;
|
||||
border: 0.2rem solid #dfdfdf;
|
||||
}
|
||||
|
||||
.tab-bottom {
|
||||
padding: 3rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
.tab-date {
|
||||
font-size: 1.6rem;
|
||||
color: #707070;
|
||||
}
|
||||
|
||||
.tab-name {
|
||||
font-size: 1.8rem;
|
||||
font-weight: bold;
|
||||
margin: 2rem 0;
|
||||
max-height: 7.5rem;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.tab-link {
|
||||
a {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
text-decoration: none;
|
||||
color: #003a9d;
|
||||
font-size: 1.6rem;
|
||||
|
||||
span {
|
||||
margin-right: 1rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// SECOND SLIDER
|
||||
|
||||
.second-slider {
|
||||
padding-bottom: 20rem;
|
||||
|
||||
.slider {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
.swipe-slide {
|
||||
position: relative;
|
||||
|
||||
h2 {
|
||||
z-index: 2;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
font-size: 3.8rem;
|
||||
font-weight: bold;
|
||||
color: #fff;
|
||||
background: rgba(0, 0, 0, 0.301);
|
||||
}
|
||||
}
|
||||
|
||||
.tab-header {
|
||||
grid-template-columns: 21rem 24rem 1fr;
|
||||
}
|
||||
|
||||
.swiper-button-next,
|
||||
.swiper-button-prev {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.slider-img {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
}
|
||||
|
||||
// SECOND TAB SECTION
|
||||
.depts-wrapper {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
gap: 4rem;
|
||||
padding-bottom: 20rem;
|
||||
}
|
||||
|
||||
.dept {
|
||||
text-decoration: none;
|
||||
color: #000;
|
||||
position: relative;
|
||||
max-width: 40rem;
|
||||
max-height: 34.4rem;
|
||||
padding: 1rem 1rem 2rem 1rem;
|
||||
background: transparent;
|
||||
border: 0.2rem solid #dfdfdf;
|
||||
box-shadow: 0 0.4rem #981429;
|
||||
transition: all 0.3s ease-in-out;
|
||||
|
||||
.dept-absolute {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 5rem;
|
||||
height: 5rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background: #981429;
|
||||
opacity: 0;
|
||||
transition: all 0.3s ease-in-out;
|
||||
|
||||
img {
|
||||
width: 1.4rem;
|
||||
height: 1.2rem;
|
||||
object-fit: contain;
|
||||
}
|
||||
}
|
||||
|
||||
.dept-bottom h4 {
|
||||
text-align: center;
|
||||
font-size: 1.8rem;
|
||||
font-weight: bold;
|
||||
padding: 0 2rem;
|
||||
margin: 2rem 0;
|
||||
transition: all 0.3s ease;
|
||||
z-index: 2;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
&:nth-child(1n):hover {
|
||||
background: #981429;
|
||||
border: 0.2rem solid #981429;
|
||||
transition: all 0.3s ease-in-out;
|
||||
|
||||
.dept-absolute {
|
||||
opacity: 1;
|
||||
transition: all 0.3s ease-in-out;
|
||||
}
|
||||
|
||||
.dept-bottom h4 {
|
||||
color: #fff;
|
||||
transition: all 0.3s ease-in-out;
|
||||
}
|
||||
}
|
||||
}
|
||||
.dept-img {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
// img {
|
||||
// width: 100%;
|
||||
// height: 100%;
|
||||
// object-fit: contain;
|
||||
// }
|
||||
}
|
||||
|
||||
// THIRD TAB SECTION
|
||||
.sites-header {
|
||||
grid-template-columns: 27rem 24rem 1fr;
|
||||
}
|
||||
|
||||
.sites-wrapper {
|
||||
grid-template-columns: repeat(4, 1fr);
|
||||
gap: 2rem;
|
||||
padding-bottom: 10rem;
|
||||
|
||||
.site {
|
||||
padding: 0;
|
||||
border: none;
|
||||
max-width: 30.5rem;
|
||||
max-height: 25.9rem;
|
||||
|
||||
.sites-bottom h4 {
|
||||
font-size: 1.4rem;
|
||||
}
|
||||
|
||||
&:nth-child(1n):hover {
|
||||
background: #fff;
|
||||
border: none;
|
||||
transition: none;
|
||||
|
||||
.dept-absolute {
|
||||
opacity: 0;
|
||||
transition: none;
|
||||
}
|
||||
|
||||
.dept-bottom h4 {
|
||||
color: #000;
|
||||
transition: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1360px) {
|
||||
.slider {
|
||||
padding-bottom: 6rem;
|
||||
}
|
||||
.depts-wrapper {
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
}
|
||||
// .sites-wrapper .site .sites-bottom h4 {
|
||||
// font-size: 1.8rem;
|
||||
// }
|
||||
|
||||
.dept {
|
||||
max-width: unset;
|
||||
}
|
||||
|
||||
.sites-wrapper .site {
|
||||
max-width: unset;
|
||||
}
|
||||
|
||||
.tab-wrapper {
|
||||
grid-template-columns: 1fr 1fr;
|
||||
.tab {
|
||||
justify-self: center;
|
||||
max-width: unset;
|
||||
max-height: unset;
|
||||
&:last-child {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.tab-top {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
div {
|
||||
max-width: unset;
|
||||
max-height: unset;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 930px) {
|
||||
.depts-wrapper {
|
||||
grid-template-columns: 1fr;
|
||||
gap: 4rem;
|
||||
}
|
||||
.dept-img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: contain;
|
||||
}
|
||||
}
|
||||
.dept {
|
||||
width: 100%;
|
||||
justify-self: center;
|
||||
max-height: unset;
|
||||
}
|
||||
|
||||
.sites-wrapper .site {
|
||||
width: 100%;
|
||||
justify-self: center;
|
||||
max-height: unset;
|
||||
}
|
||||
|
||||
.dept .dept-bottom h4 {
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
.tab-wrapper {
|
||||
grid-template-columns: 1fr;
|
||||
.tab {
|
||||
&:last-child {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 700px) {
|
||||
.second-slider {
|
||||
padding-bottom: 10rem;
|
||||
}
|
||||
|
||||
.swiper-button-next,
|
||||
.swiper-button-prev,
|
||||
.swiper .swiper-pagination {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.second-slider,
|
||||
.depts-tab {
|
||||
.tab-header {
|
||||
grid-template-columns: 1fr 1fr;
|
||||
}
|
||||
}
|
||||
|
||||
.dept {
|
||||
.dept-bottom {
|
||||
h4 {
|
||||
font-size: 1.8rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
#tab-header-text {
|
||||
font-size: 2.8rem;
|
||||
}
|
||||
.tab-header {
|
||||
grid-template-columns: 12rem 17rem 1fr;
|
||||
|
||||
.tab-header-link {
|
||||
a {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tab-wrapper {
|
||||
.tab-bottom {
|
||||
padding: 2rem;
|
||||
.tab-date {
|
||||
font-size: 1.6rem;
|
||||
}
|
||||
|
||||
.tab-name {
|
||||
font-size: 1.8rem;
|
||||
}
|
||||
.tab-link {
|
||||
a {
|
||||
font-size: 1.6rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.nav-right {
|
||||
max-width: 50%;
|
||||
}
|
||||
|
||||
.nav-left {
|
||||
max-width: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 550px) {
|
||||
.nav-right {
|
||||
max-width: 35%;
|
||||
}
|
||||
|
||||
.nav-left {
|
||||
max-width: 65%;
|
||||
}
|
||||
|
||||
.second-slider,
|
||||
.depts-tab {
|
||||
.tab-header {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
.tab-header {
|
||||
grid-template-columns: 12rem 1fr;
|
||||
}
|
||||
|
||||
.tab-header-line {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.depts-wrapper {
|
||||
padding-bottom: 10rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and(max-width: 500px) {
|
||||
.second-slider .swipe-slide h2 {
|
||||
font-size: 2rem;
|
||||
}
|
||||
#tab-header-text {
|
||||
font-size: 2.4rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 380px) {
|
||||
#tab-header-text {
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
.tab-wrapper {
|
||||
.tab-bottom {
|
||||
padding: 2rem;
|
||||
.tab-date {
|
||||
font-size: 1.4rem;
|
||||
}
|
||||
|
||||
.tab-name {
|
||||
font-size: 1.6rem;
|
||||
}
|
||||
.tab-link {
|
||||
a {
|
||||
font-size: 1.4rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tab-header {
|
||||
.tab-header-link {
|
||||
a {
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.sites-wrapper {
|
||||
padding-bottom: 6rem;
|
||||
}
|
||||
|
||||
.tab-wrapper {
|
||||
padding-bottom: 7rem;
|
||||
}
|
||||
|
||||
.second-slider {
|
||||
padding-bottom: 7rem;
|
||||
}
|
||||
|
||||
.dept {
|
||||
padding: 1rem;
|
||||
.dept-bottom {
|
||||
h4 {
|
||||
font-size: 1.4rem;
|
||||
margin: 1rem 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.sites-wrapper {
|
||||
.site {
|
||||
.sites-bottom {
|
||||
h4 {
|
||||
font-size: 1.4rem;
|
||||
margin: 1.5rem 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,38 +0,0 @@
|
|||
.measuring-register {
|
||||
.tab-header {
|
||||
grid-template-columns: 1fr 20rem;
|
||||
}
|
||||
}
|
||||
|
||||
.mr-content {
|
||||
padding-bottom: 10rem;
|
||||
}
|
||||
|
||||
.mr-table {
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
.regulations-head-left {
|
||||
border-radius: 0rem !important;
|
||||
input {
|
||||
border-radius: 0rem !important;
|
||||
}
|
||||
}
|
||||
|
||||
// MOBILE
|
||||
|
||||
@media screen and(max-width: 1360px) {
|
||||
.measuring-register {
|
||||
.tab-header {
|
||||
grid-template-columns: 1fr 0rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 500px) {
|
||||
.regulations-head-left {
|
||||
.search-form {
|
||||
min-width: unset;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,62 +0,0 @@
|
|||
.plans {
|
||||
.tab-header {
|
||||
grid-template-columns: 1fr 20rem;
|
||||
}
|
||||
}
|
||||
|
||||
.planscard {
|
||||
border: 0.1rem solid #dfdfdf;
|
||||
max-width: 40rem;
|
||||
max-height: 11.9rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
box-shadow: 0 0.4rem #981429;
|
||||
padding: 5rem 3rem;
|
||||
|
||||
h4 {
|
||||
font-size: 1.4rem;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
.plans-card-wrapper {
|
||||
gap: 4rem;
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr 1fr;
|
||||
}
|
||||
|
||||
.plans-content {
|
||||
padding-bottom: 10rem;
|
||||
}
|
||||
|
||||
// MOBILE
|
||||
|
||||
@media screen and (max-width: 1360px) {
|
||||
.plans-inner {
|
||||
.tab-header {
|
||||
grid-template-columns: 1fr 0rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1100px) {
|
||||
.plans-inner {
|
||||
.plans-card-wrapper {
|
||||
grid-template-columns: 1fr 1fr;
|
||||
|
||||
.planscard {
|
||||
max-width: unset;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 700px) {
|
||||
.plans-inner {
|
||||
.plans-card-wrapper {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,354 +0,0 @@
|
|||
.nav {
|
||||
padding: 2.2rem 0;
|
||||
z-index: 2;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.nav-inner {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.nav-left {
|
||||
text-decoration: none;
|
||||
max-width: 30%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.main-logo {
|
||||
max-width: 24.3rem;
|
||||
max-height: 5.3rem;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: contain;
|
||||
}
|
||||
}
|
||||
|
||||
.emblem {
|
||||
max-width: 5.3rem;
|
||||
max-height: 5.3rem;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: contain;
|
||||
}
|
||||
}
|
||||
|
||||
.nav-right {
|
||||
max-width: 60%;
|
||||
width: 100%;
|
||||
display: grid;
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.nav-link {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
list-style-type: none;
|
||||
cursor: pointer;
|
||||
a,
|
||||
h3 {
|
||||
font-size: 1.4rem;
|
||||
text-decoration: none;
|
||||
color: #000;
|
||||
font-weight: normal;
|
||||
}
|
||||
}
|
||||
|
||||
.nav-lang {
|
||||
width: 2.7rem;
|
||||
height: 2rem;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: contain;
|
||||
}
|
||||
}
|
||||
|
||||
.nav-select {
|
||||
position: relative;
|
||||
|
||||
&:hover > .nav-downarrow {
|
||||
transform: rotate(180deg);
|
||||
transition: all 0.3s ease-out;
|
||||
}
|
||||
|
||||
&:hover > .nav-dropdown {
|
||||
max-height: 40rem;
|
||||
transition: all 0.2s ease-out;
|
||||
}
|
||||
|
||||
&:nth-child(1n) {
|
||||
&:hover {
|
||||
border-bottom: 0.2rem solid #003a9d;
|
||||
}
|
||||
}
|
||||
|
||||
h3 {
|
||||
margin-right: 0.8rem;
|
||||
}
|
||||
}
|
||||
|
||||
.nav-dropdown {
|
||||
position: absolute;
|
||||
top: 2.5rem;
|
||||
right: 50%;
|
||||
background: #353536;
|
||||
color: #fff;
|
||||
max-width: 20rem;
|
||||
overflow: hidden;
|
||||
max-height: 0;
|
||||
transform: translateX(50%);
|
||||
transition: all 0.2s ease-out;
|
||||
|
||||
a {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
.nav-dropdown-shifted {
|
||||
right: 200%;
|
||||
}
|
||||
|
||||
.nav-dropdown-content {
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
.dropdown-content {
|
||||
text-align: center;
|
||||
padding: 0.5rem 1rem;
|
||||
font-size: 1.5rem;
|
||||
|
||||
&:hover {
|
||||
background: #003a9d;
|
||||
}
|
||||
}
|
||||
|
||||
.nav-downarrow {
|
||||
transform: rotate(0deg);
|
||||
transition: all 0.3s ease-out;
|
||||
}
|
||||
|
||||
.flag-wrapper {
|
||||
width: 2.7rem;
|
||||
height: 2rem;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: contain;
|
||||
}
|
||||
}
|
||||
|
||||
.nav-lang {
|
||||
.dropdown-content {
|
||||
display: flex;
|
||||
flex-direction: row-reverse;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: 1.4rem;
|
||||
font-weight: normal;
|
||||
margin-left: 0.7rem;
|
||||
}
|
||||
}
|
||||
|
||||
// MOBILE
|
||||
|
||||
.nav-links-mobile-button {
|
||||
display: none;
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.mobile-button {
|
||||
cursor: pointer;
|
||||
width: 5rem;
|
||||
height: 3rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border: 0.1rem solid #003a9d;
|
||||
background: transparent;
|
||||
|
||||
div {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
|
||||
.stripe {
|
||||
margin: 0.2rem 0;
|
||||
width: 3rem;
|
||||
height: 0.4rem;
|
||||
background: #003a9d;
|
||||
border-radius: 2rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.stripe-1 {
|
||||
transition: all 0.3s ease;
|
||||
transform: translate(0rem) rotate(0deg);
|
||||
|
||||
&.active {
|
||||
transition: all 0.3s ease;
|
||||
transform: translate(0px, 8px) rotate(45deg);
|
||||
}
|
||||
}
|
||||
|
||||
.stripe-2 {
|
||||
transition: all 0.3s ease;
|
||||
opacity: 1;
|
||||
|
||||
&.active {
|
||||
transition: all 0.3s ease;
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.stripe-3 {
|
||||
transition: all 0.3s ease;
|
||||
transform: translate(0px, 0px) rotate(0deg);
|
||||
|
||||
&.active {
|
||||
transition: all 0.3s ease;
|
||||
transform: translate(0px, -8px) rotate(-45deg);
|
||||
}
|
||||
}
|
||||
|
||||
.nav-mobile {
|
||||
overflow: hidden;
|
||||
max-height: 0;
|
||||
transition: all 0.4s ease-in-out;
|
||||
|
||||
&.active {
|
||||
max-height: 60rem;
|
||||
transition: all 0.4s ease-in-out;
|
||||
}
|
||||
}
|
||||
|
||||
.nav-mobile-links {
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
.nav-mobile-link {
|
||||
width: 100%;
|
||||
margin: 2rem 0;
|
||||
cursor: pointer;
|
||||
|
||||
a {
|
||||
font-size: 1.4rem;
|
||||
display: block;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 1.4rem;
|
||||
font-weight: normal;
|
||||
margin-right: 0.8rem;
|
||||
}
|
||||
|
||||
&:nth-child(1n):hover .nav-mobile-link-dropdown {
|
||||
max-height: 50rem;
|
||||
transition: 0.2s all ease-in-out;
|
||||
}
|
||||
}
|
||||
|
||||
.nav-mobile-downarrow {
|
||||
transform: rotate(0deg);
|
||||
transition: all 0.2s ease-in-out;
|
||||
}
|
||||
|
||||
.nav-mobile-link-content {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
|
||||
&:hover .nav-mobile-downarrow {
|
||||
transform: rotate(180deg);
|
||||
transition: all 0.2s ease-in-out;
|
||||
}
|
||||
|
||||
div {
|
||||
&.flag {
|
||||
width: 2.7rem;
|
||||
height: 2rem;
|
||||
}
|
||||
}
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: contain;
|
||||
}
|
||||
}
|
||||
|
||||
.flag {
|
||||
width: 2.7rem;
|
||||
height: 2rem;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: contain;
|
||||
}
|
||||
}
|
||||
|
||||
.nav-mobile-link-dropdown {
|
||||
overflow: hidden;
|
||||
max-height: 0;
|
||||
margin: 1rem 0;
|
||||
background: #353536;
|
||||
transition: 0.2s all ease-in-out;
|
||||
|
||||
ul {
|
||||
list-style-type: none;
|
||||
}
|
||||
}
|
||||
|
||||
.mobile-dropdown-link {
|
||||
padding: 1rem;
|
||||
|
||||
a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
h3 {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
&:nth-child(1n):hover {
|
||||
background: #003a9d;
|
||||
}
|
||||
|
||||
&.flag-container {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
h3 {
|
||||
margin-left: 0.8rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and(max-width: 1000px) {
|
||||
.nav-left {
|
||||
max-width: 50%;
|
||||
}
|
||||
.nav-link {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.nav-links-mobile-button {
|
||||
display: flex;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,36 +0,0 @@
|
|||
.news-page-control {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding-bottom: 8rem;
|
||||
}
|
||||
|
||||
.prev-button,
|
||||
.next-button {
|
||||
border: 0.1rem solid #dfdfdf;
|
||||
width: 7rem;
|
||||
height: 7rem;
|
||||
background: transparent;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
cursor: pointer;
|
||||
background: #fff;
|
||||
transition: background 0.2s ease;
|
||||
|
||||
&:hover {
|
||||
background: rgb(179, 179, 179);
|
||||
transition: all 0.2s ease;
|
||||
}
|
||||
|
||||
&:active {
|
||||
background: rgb(119, 119, 119);
|
||||
transition: all 0.2s ease;
|
||||
}
|
||||
}
|
||||
|
||||
.page-index {
|
||||
font-size: 2.4rem;
|
||||
font-weight: bold;
|
||||
margin: 0 5rem;
|
||||
}
|
||||
|
|
@ -1,70 +0,0 @@
|
|||
.novelty-inner {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
padding-bottom: 10rem;
|
||||
}
|
||||
|
||||
.novelty-head {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
max-width: 104rem;
|
||||
width: 100%;
|
||||
margin-bottom: 5rem;
|
||||
padding: 2rem 2rem 0 2rem;
|
||||
border: 0.1rem solid #dfdfdf;
|
||||
box-shadow: 0 0.8rem #981429;
|
||||
}
|
||||
|
||||
.novelty-img {
|
||||
max-width: 100rem;
|
||||
max-height: 56.6rem;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: contain;
|
||||
}
|
||||
}
|
||||
|
||||
.novelty-title {
|
||||
text-align: center;
|
||||
font-size: 2.4rem;
|
||||
padding: 3rem 0;
|
||||
}
|
||||
|
||||
.novelty-text {
|
||||
font-size: 1.8rem;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.pgraph {
|
||||
display: block;
|
||||
margin-bottom: 3rem;
|
||||
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// MOBILE
|
||||
|
||||
@media screen and (max-width: 930px) {
|
||||
.novelty-title {
|
||||
font-size: 2rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 700px) {
|
||||
.novelty-title {
|
||||
font-size: 1.8rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 380px) {
|
||||
.novelty-title {
|
||||
font-size: 1.8rem;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,5 +0,0 @@
|
|||
.prices {
|
||||
.tab-header {
|
||||
grid-template-columns: 18rem 24rem 1fr;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,111 +0,0 @@
|
|||
.regulations-inner {
|
||||
padding-bottom: 10rem;
|
||||
}
|
||||
|
||||
.regulations-head {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding-bottom: 5rem;
|
||||
}
|
||||
|
||||
.search-form {
|
||||
display: grid;
|
||||
grid-template-columns: 6fr 1fr;
|
||||
min-width: 40rem;
|
||||
|
||||
input {
|
||||
width: 100%;
|
||||
font-size: 1.6rem;
|
||||
padding: 2rem 0 2rem 3rem;
|
||||
border: none;
|
||||
border: 0.1rem solid #dfdfdf;
|
||||
border-right: none;
|
||||
outline-style: none;
|
||||
}
|
||||
|
||||
button {
|
||||
background: transparent;
|
||||
border: none;
|
||||
border: 0.1rem solid #dfdfdf;
|
||||
border-left: none;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
&:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
div {
|
||||
width: 1.6rem;
|
||||
height: 1.6rem;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: contain;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.btn-form {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
min-width: 14rem;
|
||||
}
|
||||
|
||||
.regulations-btn {
|
||||
width: 6rem;
|
||||
height: 6rem;
|
||||
border: none;
|
||||
border: 0.1rem solid #dfdfdf;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background: transparent;
|
||||
cursor: pointer;
|
||||
transition: 0.2s background ease;
|
||||
|
||||
&:nth-child(1n):hover {
|
||||
background: rgba(0, 0, 0, 0.4);
|
||||
transition: 0.2s all ease;
|
||||
}
|
||||
|
||||
div {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 1.121rem;
|
||||
height: 2.075rem;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: contain;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.regulations-table {
|
||||
font-size: 1.4rem;
|
||||
}
|
||||
|
||||
// MOBILE
|
||||
|
||||
@media screen and(max-width: 800px) {
|
||||
.regulations-head-left,
|
||||
.regulations-head-right {
|
||||
width: 100%;
|
||||
}
|
||||
.regulations-head {
|
||||
flex-direction: column;
|
||||
row-gap: 2rem;
|
||||
}
|
||||
.regulations-btn {
|
||||
width: 100%;
|
||||
height: 8rem;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,122 +0,0 @@
|
|||
.service-inner {
|
||||
padding-bottom: 10rem;
|
||||
|
||||
.tab-header {
|
||||
grid-template-columns: 1fr 20rem;
|
||||
|
||||
&:last-child {
|
||||
grid-template-columns: 21rem 24rem 1fr;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.service-cards-wrapper {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(4, 1fr);
|
||||
gap: 2rem;
|
||||
}
|
||||
|
||||
.service-card-top {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.service-img-wrapper {
|
||||
max-height: 32.4rem;
|
||||
max-width: 28.5rem;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: contain;
|
||||
}
|
||||
}
|
||||
|
||||
.service-card {
|
||||
max-width: 30.5rem;
|
||||
max-height: 39.6rem;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
border: 0.1rem solid #dfdfdf;
|
||||
box-shadow: 0 0.4rem #981429;
|
||||
border-bottom: none;
|
||||
padding: 1rem 1rem 0 1rem;
|
||||
color: #000;
|
||||
background: #fff;
|
||||
transition: all 0.3s ease;
|
||||
|
||||
&:nth-child(1n):hover {
|
||||
background: #981429;
|
||||
color: #fff;
|
||||
transition: all 0.3s ease;
|
||||
.service-abs {
|
||||
opacity: 100%;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.service-abs {
|
||||
position: absolute;
|
||||
width: 5rem;
|
||||
height: 5rem;
|
||||
top: 1rem;
|
||||
left: 1rem;
|
||||
background: #981429;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
opacity: 0%;
|
||||
transition: opacity 0.2s ease;
|
||||
|
||||
div {
|
||||
width: 2.5rem;
|
||||
height: 2.5rem;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: contain;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.service-card-title {
|
||||
font-size: 1.6rem;
|
||||
font-weight: bold;
|
||||
margin: 2rem 1rem;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1360px) {
|
||||
.service-inner {
|
||||
.tab-header {
|
||||
grid-template-columns: 1fr 0rem;
|
||||
}
|
||||
}
|
||||
|
||||
.service-cards-wrapper {
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
}
|
||||
.service-card {
|
||||
justify-self: center;
|
||||
max-width: unset;
|
||||
max-height: unset;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.service-img-wrapper {
|
||||
max-height: unset;
|
||||
max-width: unset;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 550px) {
|
||||
.service-cards-wrapper {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,80 +0,0 @@
|
|||
.structure-inner {
|
||||
.tab-header {
|
||||
grid-template-columns: 77rem 24rem 1fr;
|
||||
}
|
||||
}
|
||||
|
||||
.structure-main-page {
|
||||
max-width: 128rem;
|
||||
max-height: 72rem;
|
||||
margin-bottom: 5rem;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: contain;
|
||||
}
|
||||
}
|
||||
|
||||
.structure-employees {
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
margin-bottom: 10rem;
|
||||
}
|
||||
|
||||
.structure-table {
|
||||
width: 128rem;
|
||||
overflow: hidden;
|
||||
|
||||
th {
|
||||
font-weight: bold;
|
||||
padding: 3.5rem 1rem;
|
||||
border: 0.1rem solid #e9ecef;
|
||||
}
|
||||
|
||||
td {
|
||||
padding: 3.5rem 1rem;
|
||||
border: 0.1rem solid #e9ecef;
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
* {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
span {
|
||||
font-size: 1.4rem;
|
||||
}
|
||||
}
|
||||
|
||||
.table-head {
|
||||
background: #e9ecef;
|
||||
}
|
||||
|
||||
// MOBILE
|
||||
|
||||
@media screen and(max-width: 1200px) {
|
||||
.structure-inner {
|
||||
.tab-header {
|
||||
grid-template-columns: 1fr 0rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 900px) {
|
||||
.structure-table {
|
||||
width: 111rem;
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 700px) {
|
||||
.structure-table {
|
||||
width: 91rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 500px) {
|
||||
.structure-table {
|
||||
width: 71rem;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,45 +0,0 @@
|
|||
// GENERAL STYLING
|
||||
* {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
html {
|
||||
font-size: 62.5%;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: "Open Sans", sans-serif;
|
||||
}
|
||||
|
||||
.container {
|
||||
max-width: 134rem;
|
||||
padding: 0 3rem;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
// IMPORT PARTIALS
|
||||
@import "./nav.scss";
|
||||
@import "./footer.scss";
|
||||
@import "./main.scss";
|
||||
@import "./news.scss";
|
||||
@import "./breadcrumb.scss";
|
||||
@import "./novelty.scss";
|
||||
@import "./etalons.scss";
|
||||
@import "./etalon.scss";
|
||||
@import "./legislation.scss";
|
||||
@import "./history.scss";
|
||||
@import "./structure.scss";
|
||||
@import "./prices.scss";
|
||||
@import "./measuringRegister";
|
||||
@import "./meteorology";
|
||||
@import "./calibrateInstruments";
|
||||
@import "./calibrateThermo";
|
||||
@import "./regulations";
|
||||
@import "./service";
|
||||