Перейти к содержимому

Изменения документа Home

Редактировал(а) Руслан Савельев 2026/10/22 07:31
От версии 164.1
отредактировано Руслан Савельев
на 2026/10/19 07:58
Изменить комментарий: К данной версии нет комментариев
К версии 182.1
отредактировано Руслан Савельев
на 2026/10/22 07:31
Изменить комментарий: К данной версии нет комментариев

Сводка

Подробности

Свойства страницы
Содержимое
... ... @@ -1,148 +1,164 @@
1 1  {{html}}
2 -<table style="width: 100%; border-collapse: collapse; background: #fff;">
3 - <tbody>
4 -
5 - <!-- 1. Приложения -->
6 - <tr style="border-bottom: 1px solid #e0e0e0;">
7 - <td style="padding: 0;">
8 - <a href="/bin/view/Prilozheniia_SNK/" style="display: flex; align-items: center; text-decoration: none; color: inherit; padding: 15px 10px; cursor: pointer; transition: background-color 0.2s;" onmouseover="this.style.backgroundColor='#e6f0fa';" onmouseout="this.style.backgroundColor='transparent';">
9 - <!-- Иконка: Окно (apps) -->
10 - <div style="font-size: 28px; margin-right: 15px; color: #1e70bf; width: 32px; text-align: center;"><span class="fa fa-window-maximize"></span></div>
11 - <div>
12 - <div style="color: #1e70bf; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Приложения</div>
13 - <div style="color: #666; font-size: 14px;">Описание приложений СНК. Детальное описание интерфейса и функционала.</div>
14 - </div>
15 - </a>
16 - </td>
17 - </tr>
2 +<!-- Сетка карточек с золотым сечением (иконка слева, текст справа, описание снизу) -->
3 +<div style="display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 15px; margin-top: 20px;">
18 18  
19 - <!-- 2. Руководства для оператора СНК-АЗС -->
20 - <tr style="border-bottom: 1px solid #e0e0e0;">
21 - <td style="padding: 0;">
22 - <a href="/bin/view/Rukovodstva_dlia_operatora_SNK_AZS/" style="display: flex; align-items: center; text-decoration: none; color: inherit; padding: 15px 10px; cursor: pointer; transition: background-color 0.2s;" onmouseover="this.style.backgroundColor='#e6f0fa';" onmouseout="this.style.backgroundColor='transparent';">
23 - <!-- Иконка: Пользователь (user) -->
24 - <div style="font-size: 28px; margin-right: 15px; color: #1e70bf; width: 32px; text-align: center;"><span class="fa fa-user"></span></div>
25 - <div>
26 - <div style="color: #1e70bf; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Руководства для оператора СНК-АЗС</div>
27 - <div style="color: #666; font-size: 14px;">Инструкции, необходимые для работы оператора АЗС.</div>
28 - </div>
29 - </a>
30 - </td>
31 - </tr>
5 + <!-- 1. Приложения СНК -->
6 + <a href="/bin/view/Prilozheniia_SNK/" style="text-decoration: none; color: inherit;">
7 + <div style="background: #fff; border: 1px solid #e0e0e0; border-radius: 6px; height: 100%; box-sizing: border-box; box-shadow: 0 1px 3px rgba(0,0,0,0.04); transition: all 0.2s; display: flex; flex-direction: column; overflow: hidden;" onmouseover="this.style.transform='translateY(-2px)'; this.style.boxShadow='0 6px 12px rgba(0,0,0,0.08)'; this.style.borderColor='#1e70bf';" onmouseout="this.style.transform='none'; this.style.boxShadow='0 1px 3px rgba(0,0,0,0.04)'; this.style.borderColor='#e0e0e0';">
8 +
9 + <!-- Верхняя часть: Иконка (38%) + Текст (62%) -->
10 + <div style="display: flex; align-items: center; padding: 15px; gap: 15px;">
11 + <!-- Иконка -->
12 + <div style="flex: 0 0 38%; text-align: center; font-size: 32px; color: #1e70bf;">
13 + <span class="fa fa-window-maximize"></span>
14 + </div>
15 + <!-- Заголовок -->
16 + <div style="flex: 1; text-align: left;">
17 + <div style="font-size: 15px; font-weight: bold; color: #1e70bf; line-height: 1.3;">Приложения СНК</div>
18 + </div>
19 + </div>
32 32  
33 - <!-- 3. Руководства для менеджера СНК-АЗС и СНК-Офис -->
34 - <tr style="border-bottom: 1px solid #e0e0e0;">
35 - <td style="padding: 0;">
36 - <a href="/bin/view/Rukovodstva_dlia_menedzhera_SNK_AZS_i_SNK_Ofis/" style="display: flex; align-items: center; text-decoration: none; color: inherit; padding: 15px 10px; cursor: pointer; transition: background-color 0.2s;" onmouseover="this.style.backgroundColor='#e6f0fa';" onmouseout="this.style.backgroundColor='transparent';">
37 - <!-- Иконка: Портфель (briefcase) -->
38 - <div style="font-size: 28px; margin-right: 15px; color: #1e70bf; width: 32px; text-align: center;"><span class="fa fa-briefcase"></span></div>
39 - <div>
40 - <div style="color: #1e70bf; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Руководства для менеджера СНК-АЗС и СНК-Офис</div>
41 - <div style="color: #666; font-size: 14px;">Инструкции для менеджера - движения товара, корректировки смен и т.д.</div>
42 - </div>
43 - </a>
44 - </td>
45 - </tr>
21 + <!-- Нижняя часть: Описание (мелким шрифтом) -->
22 + <div style="padding: 0 15px 15px 15px; font-size: 12px; color: #666; line-height: 1.4; border-top: 1px solid #f0f0f0; padding-top: 10px; margin-top: auto;">
23 + Описание приложений СНК. Детальное описание интерфейса и функционала.
24 + </div>
25 + </div>
26 + </a>
46 46  
47 - <!-- 4. Руководства для администратора СНК-АЗС и СНК-Офис -->
48 - <tr style="border-bottom: 1px solid #e0e0e0;">
49 - <td style="padding: 0;">
50 - <a href="/bin/view/Rukovodstva_dlia_administratora_SNK_AZS_i_SNK_Ofis/" style="display: flex; align-items: center; text-decoration: none; color: inherit; padding: 15px 10px; cursor: pointer; transition: background-color 0.2s;" onmouseover="this.style.backgroundColor='#e6f0fa';" onmouseout="this.style.backgroundColor='transparent';">
51 - <!-- Иконка: Щит (shield) -->
52 - <div style="font-size: 28px; margin-right: 15px; color: #1e70bf; width: 32px; text-align: center;"><span class="fa fa-shield"></span></div>
53 - <div>
54 - <div style="color: #1e70bf; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Руководства для администратора СНК-АЗС и СНК-Офис</div>
55 - <div style="color: #666; font-size: 14px;">Инструкции по настройке параметров торговли - ставки налогов, продажа маркированного товара и т.д.</div>
56 - </div>
57 - </a>
58 - </td>
59 - </tr>
28 + <!-- 2. Руководства для оператора СНК-АЗС -->
29 + <a href="/bin/view/Rukovodstva_dlia_operatora_SNK_AZS/" style="text-decoration: none; color: inherit;">
30 + <div style="background: #fff; border: 1px solid #e0e0e0; border-radius: 6px; height: 100%; box-sizing: border-box; box-shadow: 0 1px 3px rgba(0,0,0,0.04); transition: all 0.2s; display: flex; flex-direction: column; overflow: hidden;" onmouseover="this.style.transform='translateY(-2px)'; this.style.boxShadow='0 6px 12px rgba(0,0,0,0.08)'; this.style.borderColor='#1e70bf';" onmouseout="this.style.transform='none'; this.style.boxShadow='0 1px 3px rgba(0,0,0,0.04)'; this.style.borderColor='#e0e0e0';">
31 + <div style="display: flex; align-items: center; padding: 15px; gap: 15px;">
32 + <div style="flex: 0 0 38%; text-align: center; font-size: 32px; color: #1e70bf;"><span class="fa fa-user"></span></div>
33 + <div style="flex: 1; text-align: left;">
34 + <div style="font-size: 15px; font-weight: bold; color: #1e70bf; line-height: 1.3;">Руководства для оператора</div>
35 + </div>
36 + </div>
37 + <div style="padding: 0 15px 15px 15px; font-size: 12px; color: #666; line-height: 1.4; border-top: 1px solid #f0f0f0; padding-top: 10px; margin-top: auto;">
38 + Инструкции, необходимые для работы оператора АЗС.
39 + </div>
40 + </div>
41 + </a>
60 60  
61 - <!-- 5. Настройка оборудования -->
62 - <tr style="border-bottom: 1px solid #e0e0e0;">
63 - <td style="padding: 0;">
64 - <a href="/bin/view/Nastroika_oborudovaniia/" style="display: flex; align-items: center; text-decoration: none; color: inherit; padding: 15px 10px; cursor: pointer; transition: background-color 0.2s;" onmouseover="this.style.backgroundColor='#e6f0fa';" onmouseout="this.style.backgroundColor='transparent';">
65 - <!-- Иконка: Гаечный ключ (wrench) -->
66 - <div style="font-size: 28px; margin-right: 15px; color: #1e70bf; width: 32px; text-align: center;"><span class="fa fa-wrench"></span></div>
67 - <div>
68 - <div style="color: #1e70bf; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Настройка оборудования</div>
69 - <div style="color: #666; font-size: 14px;">Инструкции по подключению различного оборудования.</div>
70 - </div>
71 - </a>
72 - </td>
73 - </tr>
43 + <!-- 3. Руководства для менеджера -->
44 + <a href="/bin/view/Rukovodstva_dlia_menedzhera_SNK_AZS_i_SNK_Ofis/" style="text-decoration: none; color: inherit;">
45 + <div style="background: #fff; border: 1px solid #e0e0e0; border-radius: 6px; height: 100%; box-sizing: border-box; box-shadow: 0 1px 3px rgba(0,0,0,0.04); transition: all 0.2s; display: flex; flex-direction: column; overflow: hidden;" onmouseover="this.style.transform='translateY(-2px)'; this.style.boxShadow='0 6px 12px rgba(0,0,0,0.08)'; this.style.borderColor='#1e70bf';" onmouseout="this.style.transform='none'; this.style.boxShadow='0 1px 3px rgba(0,0,0,0.04)'; this.style.borderColor='#e0e0e0';">
46 + <div style="display: flex; align-items: center; padding: 15px; gap: 15px;">
47 + <div style="flex: 0 0 38%; text-align: center; font-size: 32px; color: #1e70bf;"><span class="fa fa-briefcase"></span></div>
48 + <div style="flex: 1; text-align: left;">
49 + <div style="font-size: 15px; font-weight: bold; color: #1e70bf; line-height: 1.3;">Руководства для менеджера</div>
50 + </div>
51 + </div>
52 + <div style="padding: 0 15px 15px 15px; font-size: 12px; color: #666; line-height: 1.4; border-top: 1px solid #f0f0f0; padding-top: 10px; margin-top: auto;">
53 + Инструкции для менеджера - движения товара, корректировки смен и т.д.
54 + </div>
55 + </div>
56 + </a>
74 74  
75 - <!-- 6. Настройка сервисов мобильных заявок -->
76 - <tr style="border-bottom: 1px solid #e0e0e0;">
77 - <td style="padding: 0;">
78 - <a href="/bin/view/Nastroika_servisov_mobil_nykh_zaiavok/" style="display: flex; align-items: center; text-decoration: none; color: inherit; padding: 15px 10px; cursor: pointer; transition: background-color 0.2s;" onmouseover="this.style.backgroundColor='#e6f0fa';" onmouseout="this.style.backgroundColor='transparent';">
79 - <!-- Иконка: Мобильный телефон (mobile) -->
80 - <div style="font-size: 28px; margin-right: 15px; color: #1e70bf; width: 32px; text-align: center;"><span class="fa fa-mobile"></span></div>
81 - <div>
82 - <div style="color: #1e70bf; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Настройка сервисов мобильных заявок</div>
83 - <div style="color: #666; font-size: 14px;">Подключение различных мобильных сервисов - Яндекс, Бензубер и др.</div>
84 - </div>
85 - </a>
86 - </td>
87 - </tr>
58 + <!-- 4. Руководства для администратора -->
59 + <a href="/bin/view/Rukovodstva_dlia_administratora_SNK_AZS_i_SNK_Ofis/" style="text-decoration: none; color: inherit;">
60 + <div style="background: #fff; border: 1px solid #e0e0e0; border-radius: 6px; height: 100%; box-sizing: border-box; box-shadow: 0 1px 3px rgba(0,0,0,0.04); transition: all 0.2s; display: flex; flex-direction: column; overflow: hidden;" onmouseover="this.style.transform='translateY(-2px)'; this.style.boxShadow='0 6px 12px rgba(0,0,0,0.08)'; this.style.borderColor='#1e70bf';" onmouseout="this.style.transform='none'; this.style.boxShadow='0 1px 3px rgba(0,0,0,0.04)'; this.style.borderColor='#e0e0e0';">
61 + <div style="display: flex; align-items: center; padding: 15px; gap: 15px;">
62 + <div style="flex: 0 0 38%; text-align: center; font-size: 32px; color: #1e70bf;"><span class="fa fa-shield"></span></div>
63 + <div style="flex: 1; text-align: left;">
64 + <div style="font-size: 15px; font-weight: bold; color: #1e70bf; line-height: 1.3;">Руководства для администратора</div>
65 + </div>
66 + </div>
67 + <div style="padding: 0 15px 15px 15px; font-size: 12px; color: #666; line-height: 1.4; border-top: 1px solid #f0f0f0; padding-top: 10px; margin-top: auto;">
68 + Инструкции по настройке параметров торговли - ставки налогов, продажа маркированного товара и т.д.
69 + </div>
70 + </div>
71 + </a>
88 88  
89 - <!-- 7. Расширенный функционал СНК-АЗС -->
90 - <tr style="border-bottom: 1px solid #e0e0e0;">
91 - <td style="padding: 0;">
92 - <a href="/bin/view/Rasshirennyi_funktsional_SNK_AZS/" style="display: flex; align-items: center; text-decoration: none; color: inherit; padding: 15px 10px; cursor: pointer; transition: background-color 0.2s;" onmouseover="this.style.backgroundColor='#e6f0fa';" onmouseout="this.style.backgroundColor='transparent';">
93 - <!-- Иконка: Пазл (puzzle-piece) -->
94 - <div style="font-size: 28px; margin-right: 15px; color: #1e70bf; width: 32px; text-align: center;"><span class="fa fa-puzzle-piece"></span></div>
95 - <div>
96 - <div style="color: #1e70bf; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Расширенный функционал СНК-АЗС</div>
97 - <div style="color: #666; font-size: 14px;">Различные расширения программы</div>
98 - </div>
99 - </a>
100 - </td>
101 - </tr>
73 + <!-- 5. Настройка оборудования -->
74 + <a href="/bin/view/Nastroika_oborudovaniia/" style="text-decoration: none; color: inherit;">
75 + <div style="background: #fff; border: 1px solid #e0e0e0; border-radius: 6px; height: 100%; box-sizing: border-box; box-shadow: 0 1px 3px rgba(0,0,0,0.04); transition: all 0.2s; display: flex; flex-direction: column; overflow: hidden;" onmouseover="this.style.transform='translateY(-2px)'; this.style.boxShadow='0 6px 12px rgba(0,0,0,0.08)'; this.style.borderColor='#1e70bf';" onmouseout="this.style.transform='none'; this.style.boxShadow='0 1px 3px rgba(0,0,0,0.04)'; this.style.borderColor='#e0e0e0';">
76 + <div style="display: flex; align-items: center; padding: 15px; gap: 15px;">
77 + <div style="flex: 0 0 38%; text-align: center; font-size: 32px; color: #1e70bf;"><span class="fa fa-wrench"></span></div>
78 + <div style="flex: 1; text-align: left;">
79 + <div style="font-size: 15px; font-weight: bold; color: #1e70bf; line-height: 1.3;">Настройка оборудования</div>
80 + </div>
81 + </div>
82 + <div style="padding: 0 15px 15px 15px; font-size: 12px; color: #666; line-height: 1.4; border-top: 1px solid #f0f0f0; padding-top: 10px; margin-top: auto;">
83 + Инструкции по подключению различного оборудования.
84 + </div>
85 + </div>
86 + </a>
102 102  
103 - <!-- 8. Сервисные операции -->
104 - <tr style="border-bottom: 1px solid #e0e0e0;">
105 - <td style="padding: 0;">
106 - <a href="/bin/view/Servisnye_operatsii/" style="display: flex; align-items: center; text-decoration: none; color: inherit; padding: 15px 10px; cursor: pointer; transition: background-color 0.2s;" onmouseover="this.style.backgroundColor='#e6f0fa';" onmouseout="this.style.backgroundColor='transparent';">
107 - <!-- Иконка: Шестеренки (cogs) -->
108 - <div style="font-size: 28px; margin-right: 15px; color: #1e70bf; width: 32px; text-align: center;"><span class="fa fa-cogs"></span></div>
109 - <div>
110 - <div style="color: #1e70bf; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Сервисные операции</div>
111 - <div style="color: #666; font-size: 14px;">Восстановление данных, установка и настройка приложений СНК, сервисные операции</div>
112 - </div>
113 - </a>
114 - </td>
115 - </tr>
88 + <!-- 6. Настройка сервисов мобильных заявок -->
89 + <a href="/bin/view/Nastroika_servisov_mobil_nykh_zaiavok/" style="text-decoration: none; color: inherit;">
90 + <div style="background: #fff; border: 1px solid #e0e0e0; border-radius: 6px; height: 100%; box-sizing: border-box; box-shadow: 0 1px 3px rgba(0,0,0,0.04); transition: all 0.2s; display: flex; flex-direction: column; overflow: hidden;" onmouseover="this.style.transform='translateY(-2px)'; this.style.boxShadow='0 6px 12px rgba(0,0,0,0.08)'; this.style.borderColor='#1e70bf';" onmouseout="this.style.transform='none'; this.style.boxShadow='0 1px 3px rgba(0,0,0,0.04)'; this.style.borderColor='#e0e0e0';">
91 + <div style="display: flex; align-items: center; padding: 15px; gap: 15px;">
92 + <div style="flex: 0 0 38%; text-align: center; font-size: 32px; color: #1e70bf;"><span class="fa fa-mobile"></span></div>
93 + <div style="flex: 1; text-align: left;">
94 + <div style="font-size: 15px; font-weight: bold; color: #1e70bf; line-height: 1.3;">Настройка сервисов мобильных заявок</div>
95 + </div>
96 + </div>
97 + <div style="padding: 0 15px 15px 15px; font-size: 12px; color: #666; line-height: 1.4; border-top: 1px solid #f0f0f0; padding-top: 10px; margin-top: auto;">
98 + Подключение различных мобильных сервисов - Яндекс, Бензубер и др.
99 + </div>
100 + </div>
101 + </a>
116 116  
117 - <!-- 9. Справочная информация -->
118 - <tr style="border-bottom: 1px solid #e0e0e0;">
119 - <td style="padding: 0;">
120 - <a href="/bin/view/Spravochnaia_informatsiia/" style="display: flex; align-items: center; text-decoration: none; color: inherit; padding: 15px 10px; cursor: pointer; transition: background-color 0.2s;" onmouseover="this.style.backgroundColor='#e6f0fa';" onmouseout="this.style.backgroundColor='transparent';">
121 - <!-- Иконка: Книга (book) -->
122 - <div style="font-size: 28px; margin-right: 15px; color: #1e70bf; width: 32px; text-align: center;"><span class="fa fa-book"></span></div>
123 - <div>
124 - <div style="color: #1e70bf; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Справочная информация</div>
125 - <div style="color: #666; font-size: 14px;">Справочники по различным темам</div>
126 - </div>
127 - </a>
128 - </td>
129 - </tr>
103 + <!-- 7. Расширенный функционал СНК-АЗС -->
104 + <a href="/bin/view/Rasshirennyi_funktsional_SNK_AZS/" style="text-decoration: none; color: inherit;">
105 + <div style="background: #fff; border: 1px solid #e0e0e0; border-radius: 6px; height: 100%; box-sizing: border-box; box-shadow: 0 1px 3px rgba(0,0,0,0.04); transition: all 0.2s; display: flex; flex-direction: column; overflow: hidden;" onmouseover="this.style.transform='translateY(-2px)'; this.style.boxShadow='0 6px 12px rgba(0,0,0,0.08)'; this.style.borderColor='#1e70bf';" onmouseout="this.style.transform='none'; this.style.boxShadow='0 1px 3px rgba(0,0,0,0.04)'; this.style.borderColor='#e0e0e0';">
106 + <div style="display: flex; align-items: center; padding: 15px; gap: 15px;">
107 + <div style="flex: 0 0 38%; text-align: center; font-size: 32px; color: #1e70bf;"><span class="fa fa-puzzle-piece"></span></div>
108 + <div style="flex: 1; text-align: left;">
109 + <div style="font-size: 15px; font-weight: bold; color: #1e70bf; line-height: 1.3;">Расширенный функционал СНК-АЗС</div>
110 + </div>
111 + </div>
112 + <div style="padding: 0 15px 15px 15px; font-size: 12px; color: #666; line-height: 1.4; border-top: 1px solid #f0f0f0; padding-top: 10px; margin-top: auto;">
113 + Различные расширения программы
114 + </div>
115 + </div>
116 + </a>
130 130  
131 - <!-- 10. Ошибки и решения -->
132 - <tr style="border-bottom: 1px solid #e0e0e0;">
133 - <td style="padding: 0;">
134 - <!-- Для ошибок сделал фон при наведении чуть красноватым -->
135 - <a href="/bin/view/Пространство/Oshibki_i_resheniia/" style="display: flex; align-items: center; text-decoration: none; color: inherit; padding: 15px 10px; cursor: pointer; transition: background-color 0.2s;" onmouseover="this.style.backgroundColor='#fdf0f0';" onmouseout="this.style.backgroundColor='transparent';">
136 - <!-- Иконка: Треугольник с восклицательным знаком (exclamation-triangle) -->
137 - <div style="font-size: 28px; margin-right: 15px; color: #d9534f; width: 32px; text-align: center;"><span class="fa fa-exclamation-triangle"></span></div>
138 - <div>
139 - <div style="color: #d9534f; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Ошибки и решения</div>
140 - <div style="color: #666; font-size: 14px;">Действия при различных ошибках</div>
141 - </div>
142 - </a>
143 - </td>
144 - </tr>
118 + <!-- 8. Сервисные операции -->
119 + <a href="/bin/view/Servisnye_operatsii/" style="text-decoration: none; color: inherit;">
120 + <div style="background: #fff; border: 1px solid #e0e0e0; border-radius: 6px; height: 100%; box-sizing: border-box; box-shadow: 0 1px 3px rgba(0,0,0,0.04); transition: all 0.2s; display: flex; flex-direction: column; overflow: hidden;" onmouseover="this.style.transform='translateY(-2px)'; this.style.boxShadow='0 6px 12px rgba(0,0,0,0.08)'; this.style.borderColor='#1e70bf';" onmouseout="this.style.transform='none'; this.style.boxShadow='0 1px 3px rgba(0,0,0,0.04)'; this.style.borderColor='#e0e0e0';">
121 + <div style="display: flex; align-items: center; padding: 15px; gap: 15px;">
122 + <div style="flex: 0 0 38%; text-align: center; font-size: 32px; color: #1e70bf;"><span class="fa fa-cogs"></span></div>
123 + <div style="flex: 1; text-align: left;">
124 + <div style="font-size: 15px; font-weight: bold; color: #1e70bf; line-height: 1.3;">Сервисные операции</div>
125 + </div>
126 + </div>
127 + <div style="padding: 0 15px 15px 15px; font-size: 12px; color: #666; line-height: 1.4; border-top: 1px solid #f0f0f0; padding-top: 10px; margin-top: auto;">
128 + Восстановление данных, установка и настройка приложений СНК, сервисные операции
129 + </div>
130 + </div>
131 + </a>
145 145  
146 - </tbody>
147 -</table>
133 + <!-- 9. Справочная информация -->
134 + <a href="/bin/view/Spravochnaia_informatsiia/" style="text-decoration: none; color: inherit;">
135 + <div style="background: #fff; border: 1px solid #e0e0e0; border-radius: 6px; height: 100%; box-sizing: border-box; box-shadow: 0 1px 3px rgba(0,0,0,0.04); transition: all 0.2s; display: flex; flex-direction: column; overflow: hidden;" onmouseover="this.style.transform='translateY(-2px)'; this.style.boxShadow='0 6px 12px rgba(0,0,0,0.08)'; this.style.borderColor='#1e70bf';" onmouseout="this.style.transform='none'; this.style.boxShadow='0 1px 3px rgba(0,0,0,0.04)'; this.style.borderColor='#e0e0e0';">
136 + <div style="display: flex; align-items: center; padding: 15px; gap: 15px;">
137 + <div style="flex: 0 0 38%; text-align: center; font-size: 32px; color: #1e70bf;"><span class="fa fa-book"></span></div>
138 + <div style="flex: 1; text-align: left;">
139 + <div style="font-size: 15px; font-weight: bold; color: #1e70bf; line-height: 1.3;">Справочная информация</div>
140 + </div>
141 + </div>
142 + <div style="padding: 0 15px 15px 15px; font-size: 12px; color: #666; line-height: 1.4; border-top: 1px solid #f0f0f0; padding-top: 10px; margin-top: auto;">
143 + Справочники по различным темам
144 + </div>
145 + </div>
146 + </a>
147 +
148 + <!-- 10. Ошибки и решения (красный акцент) -->
149 + <a href="/bin/view/Oshibki_i_resheniia/" style="text-decoration: none; color: inherit;">
150 + <div style="background: #fff; border: 1px solid #e0e0e0; border-radius: 6px; height: 100%; box-sizing: border-box; box-shadow: 0 1px 3px rgba(0,0,0,0.04); transition: all 0.2s; display: flex; flex-direction: column; overflow: hidden;" onmouseover="this.style.transform='translateY(-2px)'; this.style.boxShadow='0 6px 12px rgba(0,0,0,0.08)'; this.style.borderColor='#d9534f';" onmouseout="this.style.transform='none'; this.style.boxShadow='0 1px 3px rgba(0,0,0,0.04)'; this.style.borderColor='#e0e0e0';">
151 + <div style="display: flex; align-items: center; padding: 15px; gap: 15px;">
152 + <div style="flex: 0 0 38%; text-align: center; font-size: 32px; color: #d9534f;"><span class="fa fa-exclamation-triangle"></span></div>
153 + <div style="flex: 1; text-align: left;">
154 + <div style="font-size: 15px; font-weight: bold; color: #d9534f; line-height: 1.3;">Ошибки и решения</div>
155 + </div>
156 + </div>
157 + <div style="padding: 0 15px 15px 15px; font-size: 12px; color: #666; line-height: 1.4; border-top: 1px solid #f0f0f0; padding-top: 10px; margin-top: auto;">
158 + Действия при различных ошибках
159 + </div>
160 + </div>
161 + </a>
162 +
163 +</div>
148 148  {{/html}}