История страницы

  <h1 style="color: #0052cc; margin-bottom: 30px;">Документация для врачей</h1>

  <!-- Начало работы -->

  <div style="margin-bottom: 40px;">

    <h2 style="color: #172b4d; margin-bottom: 20px;">🚀 Начало работы</h2>

    <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px;">

      <div style="background: #f4f5f7; border: 1px solid #dfe1e6; border-radius: 8px; padding: 20px; transition: all 0.3s ease; cursor: pointer;" onmouseover="this.style.boxShadow='0 4px 12px rgba(0,0,0,0.15)'" onmouseout="this.style.boxShadow='none'">

        <h3 style="color: #0052cc; margin: 0 0 10px 0; font-size: 16px;">Обзор ЛК и его возможностей</h3>

        <p style="color: #5e6c84; margin: 0; font-size: 14px;">Общий обзор личного кабинета и основных функций</p>

      </div>

      <div style="background: #f4f5f7; border: 1px solid #dfe1e6; border-radius: 8px; padding: 20px; transition: all 0.3s ease; cursor: pointer;" onmouseover="this.style.boxShadow='0 4px 12px rgba(0,0,0,0.15)'" onmouseout="this.style.boxShadow='none'">

        <h3 style="color: #0052cc; margin: 0 0 10px 0; font-size: 16px;">Регистрация и активация аккаунта</h3>

        <p style="color: #5e6c84; margin: 0; font-size: 14px;">Пошаговое руководство по регистрации</p>

      </div>

      <div style="background: #f4f5f7; border: 1px solid #dfe1e6; border-radius: 8px; padding: 20px; transition: all 0.3s ease; cursor: pointer;" onmouseover="this.style.boxShadow='0 4px 12px rgba(0,0,0,0.15)'" onmouseout="this.style.boxShadow='none'">

        <h3 style="color: #0052cc; margin: 0 0 10px 0; font-size: 16px;">Вход в ЛК</h3>

        <p style="color: #5e6c84; margin: 0; font-size: 14px;">Инструкции по входу в личный кабинет</p>

      </div>

      <div style="background: #f4f5f7; border: 1px solid #dfe1e6; border-radius: 8px; padding: 20px; transition: all 0.3s ease; cursor: pointer;" onmouseover="this.style.boxShadow='0 4px 12px rgba(0,0,0,0.15)'" onmouseout="this.style.boxShadow='none'">

        <h3 style="color: #0052cc; margin: 0 0 10px 0; font-size: 16px;">Настройка профиля</h3>

        <p style="color: #5e6c84; margin: 0; font-size: 14px;">Настройка личных данных и предпочтений</p>

      </div>

      <div style="background: #f4f5f7; border: 1px solid #dfe1e6; border-radius: 8px; padding: 20px; transition: all 0.3s ease; cursor: pointer;" onmouseover="this.style.boxShadow='0 4px 12px rgba(0,0,0,0.15)'" onmouseout="this.style.boxShadow='none'">

        <h3 style="color: #0052cc; margin: 0 0 10px 0; font-size: 16px;">Навигация по интерфейсу</h3>

        <p style="color: #5e6c84; margin: 0; font-size: 14px;">Основы работы с интерфейсом системы</p>

      </div>

    </div>

  </div>

  <!-- Заказы и Пациенты -->

  <div style="margin-bottom: 40px;">

    <h2 style="color: #172b4d; margin-bottom: 20px;">👥 Заказы и Пациенты</h2>

    <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px;">

      <div style="background: #e3fcef; border: 1px solid #79f2c0; border-radius: 8px; padding: 20px; transition: all 0.3s ease; cursor: pointer;" onmouseover="this.style.boxShadow='0 4px 12px rgba(0,0,0,0.15)'" onmouseout="this.style.boxShadow='none'">

        <h3 style="color: #006644; margin: 0 0 10px 0; font-size: 16px;">Типы заказов и их особенности</h3>

        <p style="color: #5e6c84; margin: 0; font-size: 14px;">Различные виды заказов в системе</p>

      </div>

      <div style="background: #e3fcef; border: 1px solid #79f2c0; border-radius: 8px; padding: 20px; transition: all 0.3s ease; cursor: pointer;" onmouseover="this.style.boxShadow='0 4px 12px rgba(0,0,0,0.15)'" onmouseout="this.style.boxShadow='none'">

        <h3 style="color: #006644; margin: 0 0 10px 0; font-size: 16px;">Создание первого заказа</h3>

        <p style="color: #5e6c84; margin: 0; font-size: 14px;">Пошаговое создание заказа</p>

      </div>

      <div style="background: #e3fcef; border: 1px solid #79f2c0; border-radius: 8px; padding: 20px; transition: all 0.3s ease; cursor: pointer;" onmouseover="this.style.boxShadow='0 4px 12px rgba(0,0,0,0.15)'" onmouseout="this.style.boxShadow='none'">

        <h3 style="color: #006644; margin: 0 0 10px 0; font-size: 16px;">Управление пациентами</h3>

        <p style="color: #5e6c84; margin: 0; font-size: 14px;">Работа с базой данных пациентов</p>

      </div>

    </div>

  </div>

  <!-- 3D модели -->

  <div style="margin-bottom: 40px;">

    <h2 style="color: #172b4d; margin-bottom: 20px;">🦷 3D модели</h2>

    <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px;">

      <div style="background: #fff4e6; border: 1px solid #ffcc02; border-radius: 8px; padding: 20px; transition: all 0.3s ease; cursor: pointer;" onmouseover="this.style.boxShadow='0 4px 12px rgba(0,0,0,0.15)'" onmouseout="this.style.boxShadow='none'">

        <h3 style="color: #974f00; margin: 0 0 10px 0; font-size: 16px;">Просмотрщик сетапа</h3>

        <p style="color: #5e6c84; margin: 0; font-size: 14px;">Работа с 3D моделями зубов</p>

      </div>

      <div style="background: #fff4e6; border: 1px solid #ffcc02; border-radius: 8px; padding: 20px; transition: all 0.3s ease; cursor: pointer;" onmouseover="this.style.boxShadow='0 4px 12px rgba(0,0,0,0.15)'" onmouseout="this.style.boxShadow='none'">

        <h3 style="color: #974f00; margin: 0 0 10px 0; font-size: 16px;">Согласование сетапа</h3>

        <p style="color: #5e6c84; margin: 0; font-size: 14px;">Процесс согласования 3D модели</p>

      </div>

    </div>

  </div>

  <!-- Дополнительные возможности -->

  <div style="margin-bottom: 40px;">

    <h2 style="color: #172b4d; margin-bottom: 20px;">⚙️ Дополнительные возможности</h2>

    <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px;">

      <div style="background: #f3f0ff; border: 1px solid #998dd9; border-radius: 8px; padding: 20px; transition: all 0.3s ease; cursor: pointer;" onmouseover="this.style.boxShadow='0 4px 12px rgba(0,0,0,0.15)'" onmouseout="this.style.boxShadow='none'">

        <h3 style="color: #5243aa; margin: 0 0 10px 0; font-size: 16px;">Чаты и уведомления</h3>

        <p style="color: #5e6c84; margin: 0; font-size: 14px;">Система коммуникации в платформе</p>

      </div>

      <div style="background: #f3f0ff; border: 1px solid #998dd9; border-radius: 8px; padding: 20px; transition: all 0.3s ease; cursor: pointer;" onmouseover="this.style.boxShadow='0 4px 12px rgba(0,0,0,0.15)'" onmouseout="this.style.boxShadow='none'">

        <h3 style="color: #5243aa; margin: 0 0 10px 0; font-size: 16px;">Программа лояльности</h3>

        <p style="color: #5e6c84; margin: 0; font-size: 14px;">Бонусная система и скидки</p>

      </div>

    </div>

  </div>

  <!-- Справочная информация -->

  <div style="margin-bottom: 40px;">

    <h2 style="color: #172b4d; margin-bottom: 20px;">📚 Справочная информация</h2>

    <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px;">

      <div style="background: #ffebe6; border: 1px solid #ff8f73; border-radius: 8px; padding: 20px; transition: all 0.3s ease; cursor: pointer;" onmouseover="this.style.boxShadow='0 4px 12px rgba(0,0,0,0.15)'" onmouseout="this.style.boxShadow='none'">

        <h3 style="color: #bf2600; margin: 0 0 10px 0; font-size: 16px;">Служба поддержки</h3>

        <p style="color: #5e6c84; margin: 0; font-size: 14px;">Контакты и способы получения помощи</p>

      </div>

      <div style="background: #ffebe6; border: 1px solid #ff8f73; border-radius: 8px; padding: 20px; transition: all 0.3s ease; cursor: pointer;" onmouseover="this.style.boxShadow='0 4px 12px rgba(0,0,0,0.15)'" onmouseout="this.style.boxShadow='none'">

        <h3 style="color: #bf2600; margin: 0 0 10px 0; font-size: 16px;">Часто задаваемые вопросы</h3>

        <p style="color: #5e6c84; margin: 0; font-size: 14px;">Ответы на популярные вопросы</p>

      </div>

    </div>

  </div>

</div>