19.05.2026 okkk
This commit is contained in:
115
src/pages/reestr-pd-rkn/ui/ReestryPage.module.css
Normal file
115
src/pages/reestr-pd-rkn/ui/ReestryPage.module.css
Normal file
@@ -0,0 +1,115 @@
|
||||
.main {
|
||||
padding: 40px 20px;
|
||||
max-width: 1200px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.container {
|
||||
background: var(--bg-secondary, #f5f5f5);
|
||||
padding: 40px;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.title {
|
||||
font-size: 28px;
|
||||
font-weight: 700;
|
||||
margin-bottom: 20px;
|
||||
text-align: center;
|
||||
color: var(--text-primary, #000);
|
||||
}
|
||||
|
||||
.subtitle {
|
||||
font-size: 22px;
|
||||
font-weight: 600;
|
||||
margin-bottom: 30px;
|
||||
text-align: center;
|
||||
color: var(--text-secondary, #333);
|
||||
}
|
||||
|
||||
.section {
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.sectionTitle {
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
margin-bottom: 15px;
|
||||
color: var(--text-primary, #000);
|
||||
border-bottom: 2px solid var(--accent-color, #007bff);
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
.description {
|
||||
font-size: 16px;
|
||||
line-height: 1.8;
|
||||
color: var(--text-primary, #000);
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.info {
|
||||
font-size: 16px;
|
||||
line-height: 1.8;
|
||||
color: var(--text-primary, #000);
|
||||
margin: 15px 0;
|
||||
}
|
||||
|
||||
.linkBlock {
|
||||
text-align: center;
|
||||
padding: 30px;
|
||||
background: var(--bg-primary, #fff);
|
||||
border-radius: 8px;
|
||||
margin: 30px 0;
|
||||
}
|
||||
|
||||
.button {
|
||||
display: inline-block;
|
||||
padding: 15px 40px;
|
||||
background: var(--accent-color, #007bff);
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
border-radius: 6px;
|
||||
font-weight: 600;
|
||||
transition: all 0.3s ease;
|
||||
border: 2px solid var(--accent-color, #007bff);
|
||||
}
|
||||
|
||||
.button:hover {
|
||||
background: transparent;
|
||||
color: var(--accent-color, #007bff);
|
||||
}
|
||||
|
||||
.operatorInfo {
|
||||
padding: 20px;
|
||||
background: var(--bg-primary, #fff);
|
||||
border-left: 4px solid var(--accent-color, #007bff);
|
||||
border-radius: 4px;
|
||||
line-height: 1.8;
|
||||
}
|
||||
|
||||
.operatorInfo p {
|
||||
margin: 10px 0;
|
||||
color: var(--text-primary, #000);
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.container {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.title {
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
.subtitle {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.linkBlock {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.button {
|
||||
padding: 12px 30px;
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
74
src/pages/reestr-pd-rkn/ui/ReestryPage.tsx
Normal file
74
src/pages/reestr-pd-rkn/ui/ReestryPage.tsx
Normal file
@@ -0,0 +1,74 @@
|
||||
import { Footer } from '@widgets/footer'
|
||||
import { Header } from '@widgets/header'
|
||||
import styles from './ReestryPage.module.css'
|
||||
|
||||
export function ReestryPage() {
|
||||
return (
|
||||
<>
|
||||
<Header />
|
||||
<main className={styles.main}>
|
||||
<div className={styles.container}>
|
||||
<h1 className={styles.title}>Реестр операторов персональных данных</h1>
|
||||
<h2 className={styles.subtitle}>ООО «БИТФОРС»</h2>
|
||||
|
||||
<section className={styles.section}>
|
||||
<p className={styles.description}>
|
||||
Информация об операторе персональных данных размещена в реестре операторов персональных данных Федеральной службы по надзору в сфере связи, информационных технологий и массовых коммуникаций (Роскомнадзор).
|
||||
</p>
|
||||
|
||||
<p className={styles.info}>
|
||||
Вы можете просмотреть информацию об операторе в реестре Роскомнадзора, перейдя по ссылке ниже:
|
||||
</p>
|
||||
|
||||
<div className={styles.linkBlock}>
|
||||
<a
|
||||
href="https://pd.rkn.gov.ru/operators-registry/operators-list/?act=search&name_full=%D0%91%D0%B8%D1%82%D1%84%D0%BE%D1%80%D1%81&inn=9810001062®n="
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
className={styles.button}
|
||||
>
|
||||
Открыть реестр Роскомнадзора
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<p className={styles.info}>
|
||||
Реестр содержит информацию об операторах персональных данных, включая сведения о целях и методах обработки персональных данных, а также меры по обеспечению безопасности персональных данных.
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<section className={styles.section}>
|
||||
<h3 className={styles.sectionTitle}>Информация об операторе</h3>
|
||||
<div className={styles.operatorInfo}>
|
||||
<p>
|
||||
<strong>Наименование:</strong> ООО «БИТФОРС»
|
||||
</p>
|
||||
<p>
|
||||
<strong>ИНН:</strong> 9810001062
|
||||
</p>
|
||||
<p>
|
||||
<strong>ОГРН:</strong> 1257800060990
|
||||
</p>
|
||||
<p>
|
||||
<strong>Юридический адрес:</strong> 196246, город Санкт-Петербург, Московское шоссе, дом 25, корпус 1, литера В, помещение 3-н
|
||||
</p>
|
||||
<p>
|
||||
<strong>Контактная информация:</strong> company@bitforcefoundation.ru
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className={styles.section}>
|
||||
<h3 className={styles.sectionTitle}>О Роскомнадзоре</h3>
|
||||
<p>
|
||||
Федеральная служба по надзору в сфере связи, информационных технологий и массовых коммуникаций (Роскомнадзор) — это федеральный орган исполнительной власти, осуществляющий функции по контролю и надзору в области персональных данных.
|
||||
</p>
|
||||
<p>
|
||||
Роскомнадзор ведет реестр операторов персональных данных в соответствии с требованиями Федерального закона «О персональных данных». Реестр является открытой информационной системой и доступен всем заинтересованным лицам.
|
||||
</p>
|
||||
</section>
|
||||
</div>
|
||||
</main>
|
||||
<Footer />
|
||||
</>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user