<!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>🌸 Отчёт о практике - Камила</title> <link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Dancing+Script:wght@400;500;600&display=swap" rel="stylesheet"> </head> <body> <!-- Декоративные элементы --> <div class="decoration"> <div class="flower flower-1">🌸</div> <div class="flower flower-2">💮</div> <div class="flower flower-3">🏵️</div> <div class="heart heart-1">💖</div> <div class="heart heart-2">💕</div> <div class="sparkle sparkle-1">✨</div> <div class="sparkle sparkle-2">✨</div> </div> <div class="container"> <!-- Шапка с лепестками --> <div class="header"> <div class="petals"> <span class="petal">🌸</span> <span class="petal">🌸</span> <span class="petal">🌸</span> </div> <div class="avatar-container"> <div class="avatar-frame"> <img src="https://github.com/kamila2030/Twinee/blob/main/kandinsky-download-1761045311484%20(1).png?raw=true" class="avatar" alt="Камила - практикант"> <div class="avatar-decoration"> <div class="ribbon"></div> <div class="sparkle">✨</div> </div> </div> </div> <h1 class="title-gradient">Привет, я <span class="name-highlight">Камила</span>! <i class="fas fa-heart"></i></h1> <div class="subtitle">Отчёт о практике • 02.12.2025-22.12.2025 • Документация</div> <div class="header-tags"> <span class="tag pink-tag"><i class="fas fa-graduation-cap"></i> Практикант</span> <span class="tag coral-tag"><i class="fas fa-file-alt"></i> Документация</span> <span class="tag blush-tag"><i class="fas fa-star"></i> Первый опыт</span> </div> </div> <!-- Введение --> <div class="intro-card"> <div class="intro-icon"> <i class="fas fa-sparkles"></i> </div> <div class="intro-content"> <h3><i class="fas fa-magic"></i> Моя практика</h3> <p>Я проходила практику как <strong class="highlight">помощник по документации</strong> в течение 15 дней. Я впервые попробовала себя в данной отрасти и мне понравилось! 💖</p> </div> </div> <!-- Быстрая информация --> <div class="quick-info-grid"> <div class="info-card"> <div class="info-icon location"> <i class="fas fa-map-marker-alt"></i> </div> <div class="info-content"> <h4>Место</h4> <p>МУ МВД России "Люберецкое 140070, Московская обл, г Люберцы, рп Томилино, ул Гоголя, д 37 </p> </div> </div> <div class="info-card"> <div class="info-icon calendar"> <i class="fas fa-calendar-alt"></i> </div> <div class="info-content"> <h4>Срок</h4> <p>3 недели (15 дней)</p> </div> </div> <div class="info-card"> <div class="info-icon target"> <i class="fas fa-bullseye"></i> </div> <div class="info-content"> <h4>Цель</h4> <p>Применить знания на практике</p> </div> </div> <div class="info-card"> <div class="info-icon heart"> <i class="fas fa-heart"></i> </div> <div class="info-content"> <h4>Настроение</h4> <p>Воодушевлена! ✨</p> </div> </div> </div> <!-- Задачи --> <div class="tasks-section"> <h2 class="section-title"><i class="fas fa-tasks"></i> Мои задачи</h2> <p class="section-subtitle">Мне поручили основные задачи, которые помогли понять реальную работу с документами:</p> <div class="task-cards"> <div class="task-card task-card-1"> <div class="task-header"> <div class="task-icon"> <i class="fas fa-laptop"></i> </div> <div class="task-badge">Основная</div> </div> <h3 class="task-title">Нумерация страниц</h3> <p class="task-description">Для точного количества документов.</p> <div class="task-details"> <div class="detail"> <span class="detail-icon"><i class="fas fa-chart-line"></i></span> <div> <div class="detail-label">Объём</div> <div class="detail-value">10 000+ листов</div> </div> </div> <div class="detail"> <span class="detail-icon"><i class="fas fa-tools"></i></span> <div> <div class="detail-label">Инструменты</div> <div class="detail-value">Карандаш</div> <div class="detail-value">Ручка</div> <div class="detail-value">Бумага</div> <div class="detail-value">Клей</div> </div> </div> <div class="detail"> <span class="detail-icon"><i class="fas fa-clock"></i></span> <div> <div class="detail-label">Срок</div> <div class="detail-value">15 дней</div> </div> </div> </div> </div> <div class="task-card task-card-2"> <div class="task-header"> <div class="task-icon"> <i class="fas fa-archive"></i> </div> <div class="task-badge">Архивная</div> </div> <h3 class="task-title">Работа с документами для архивации</h3> <p class="task-description">Подсчитывала страницы архивных документов с учётом томов. И собирала их в паку.</p> <div class="task-details"> <div class="detail"> <span class="detail-icon"><i class="fas fa-boxes"></i></span> <div> <div class="detail-label">Объём</div> <div class="detail-value">50+ папок</div> </div> </div> <div class="detail"> <span class="detail-icon"><i class="fas fa-file-alt"></i></span> <div> <div class="detail-label">Страниц</div> <div class="detail-value">25</div> </div> </div> <div class="detail"> <span class="detail-icon"><i class="fas fa-eye"></i></span> <div> <div class="detail-label">Особенность</div> <div class="detail-value">Внимание к деталям</div> </div> </div> </div> </div> </div> </div> <!-- Чему научилась --> <div class="learned-section"> <div class="learned-header"> <i class="fas fa-graduation-cap"></i> <h2>Чему я научилась</h2> </div> <div class="learned-grid"> <div class="skill-card"> <div class="skill-icon"> <i class="fas fa-user-secret"></i> </div> <h4>Конфиденциальность</h4> <p>Работать с конфиденциальными данными</p> </div> <div class="skill-card"> <div class="skill-icon"> <i class="fas fa-sitemap"></i> </div> <h4>Терпеливостья</h4> <p>Трпение нужно для хорошей работы</p> </div> <div class="skill-card"> <div class="skill-icon"> <i class="fas fa-file-contract"></i> </div> <h4>Стандарты</h4> <p>Соблюдать стандарты документооборота</p> </div> <div class="skill-card"> <div class="skill-icon"> <i class="fas fa-search"></i> </div> <h4>Внимательность</h4> <p>Быть внимательной к деталям</p> </div> </div> </div> <!-- Инсайт --> <div class="insight-card"> <div class="insight-icon"> <i class="fas fa-lightbulb"></i> </div> <div class="insight-content"> <h3>Важное открытие! 💡</h3> <p>На практике я поняла, как теория из колледжа применяется в реальной работе! Теперь я точно знаю — это моя профессия! ✨</p> </div> </div> <!-- Результаты --> <div class="results-section"> <h2 class="section-title"><i class="fas fa-trophy"></i> Мои результаты</h2> <div class="results-timeline"> <div class="timeline-item"> <div class="timeline-icon success"> <i class="fas fa-check"></i> </div> <div class="timeline-content"> <h4>Реальный опыт работы</h4> <p>Получила практический опыт по специальности</p> </div> </div> <div class="timeline-item"> <div class="timeline-icon success"> <i class="fas fa-check"></i> </div> <div class="timeline-content"> <h4>Работа с данными</h4> <p>Научилась работать с важными данными</p> </div> </div> <div class="timeline-item"> <div class="timeline-icon success"> <i class="fas fa-check"></i> </div> <div class="timeline-content"> <h4>Внимание к деталям</h4> <p>Поняла важность точности в документации</p> </div> </div> <div class="timeline-item"> <div class="timeline-icon success"> <i class="fas fa-check"></i> </div> <div class="timeline-content"> <h4>Принципы архивной работы</h4> <p>Освоила работу с архивами и документами</p> </div> </div> </div> </div> <div class="quote-card"> <div class="quote-decoration"> <i class="fas fa-quote-left"></i> </div> <div class="quote-content"> <p class="quote-text" style="color: #000000 !important; font-weight: 500;"> "Практика помогла мне понять, что я умею подсраиваться под требования на работе и в дальнейшем мне это поможет!" </p> <div class="quote-author"> <div class="author-avatar"> <i class="fas fa-user-circle"></i> </div> <div class="author-info"> <div class="author-name" style="color: #000000 !important;">Усубалиева Камила</div> <div class="author-title" style="color: #666666 !important;">Практикантка</div> </div> </div> </div> </div> <div class="footer-decoration"> <span class="footer-flower">🌸</span> <span class="footer-flower">💮</span> <span class="footer-flower">🏵️</span> </div> [[Фотки с практики]] </footer> </div> <script src="script.js"></script> </body> </html> <!-- Галерея фотографий --> <div class="gallery-section"> <h2 class="section-title"><i class="fas fa-images"></i> Фото с практики</h2> <p class="section-subtitle">Запечатлела самые важные моменты моей практики! 📸✨</p> <div class="gallery-grid"> <!-- Фото 1 --> <div class="gallery-item"> <div class="photo-frame"> <img src="https://github.com/kamila2030/fotki/blob/main/5355064550526487323.jpg?raw=true" alt="Работа с документами" class="gallery-photo"> <div class="photo-overlay"> <div class="photo-icon"><i class="fas fa-search-plus"></i></div> <div class="photo-title">Работа с документами</div> </div> </div> <div class="photo-caption"> <i class="fas fa-file-alt"></i> Систематизация документов </div> </div> <!-- Фото 2 --> <div class="gallery-item"> <div class="photo-frame"> <img src="https://github.com/kamila2030/fotki/blob/main/5355064550526487324.jpg?raw=true" alt="Рабочее место" class="gallery-photo"> <div class="photo-overlay"> <div class="photo-icon"><i class="fas fa-search-plus"></i></div> <div class="photo-title">Моё рабочее место</div> </div> </div> <div class="photo-caption"> <i class="fas fa-desktop"></i> Организованное пространство </div> </div> <!-- Фото 3 --> <div class="gallery-item"> <div class="photo-frame"> <img src="https://github.com/kamila2030/fotki/blob/main/5355064550526487325.jpg?raw=true" alt="Архивная работа" class="gallery-photo"> <div class="photo-overlay"> <div class="photo-icon"><i class="fas fa-search-plus"></i></div> <div class="photo-title">Архивная работа</div> </div> </div> <div class="photo-caption"> <i class="fas fa-archive"></i> Работа с архивами </div> </div> <!-- Фото 4 --> <div class="gallery-item"> <div class="photo-frame"> <img src="https://github.com/kamila2030/fotki/blob/main/5355064550526487326.jpg?raw=true" alt="Ввод данных" class="gallery-photo"> <div class="photo-overlay"> <div class="photo-icon"><i class="fas fa-search-plus"></i></div> <div class="photo-title">Ввод данных</div> </div> </div> <div class="photo-caption"> <i class="fas fa-keyboard"></i> База данных </div> </div> <!-- Фото 5 --> <div class="gallery-item"> <div class="photo-frame"> <img src="https://github.com/kamila2030/fotki/blob/main/5355064550526487327.jpg?raw=true" alt="Командная работа" class="gallery-photo"> <div class="photo-overlay"> <div class="photo-icon"><i class="fas fa-search-plus"></i></div> <div class="photo-title">Командная работа</div> </div> </div> <div class="photo-caption"> <i class="fas fa-users"></i> Совместная работа </div> </div> <!-- Фото 6 --> <div class="gallery-item"> <div class="photo-frame"> <img src="https://github.com/kamila2030/fotki/blob/main/5355064550526487328.jpg?raw=true" alt="Обучение" class="gallery-photo"> <div class="photo-overlay"> <div class="photo-icon"><i class="fas fa-search-plus"></i></div> <div class="photo-title">Обучение</div> </div> </div> <div class="photo-caption"> <i class="fas fa-graduation-cap"></i> Получение опыта </div> </div> <!-- Фото 7 --> <div class="gallery-item"> <div class="photo-frame"> <img src="https://github.com/kamila2030/fotki/blob/main/5355064550526487329.jpg?raw=true" alt="Документы" class="gallery-photo"> <div class="photo-overlay"> <div class="photo-icon"><i class="fas fa-search-plus"></i></div> <div class="photo-title">Работа с документами</div> </div> </div> <div class="photo-caption"> <i class="fas fa-file-contract"></i> Обработка документов </div> </div> <!-- Фото 8 --> <div class="gallery-item"> <div class="photo-frame"> <img src="https://github.com/kamila2030/fotki/blob/main/5355064550526487330.jpg?raw=true" alt="Концентрация" class="gallery-photo"> <div class="photo-overlay"> <div class="photo-icon"><i class="fas fa-search-plus"></i></div> <div class="photo-title">Концентрация</div> </div> </div> <div class="photo-caption"> <i class="fas fa-brain"></i> Внимательная работа </div> </div> <!-- Фото 9 --> <div class="gallery-item"> <div class="photo-frame"> <img src="https://github.com/kamila2030/fotki/blob/main/5355064550526487331.jpg?raw=true" alt="Итоги" class="gallery-photo"> <div class="photo-overlay"> <div class="photo-icon"><i class="fas fa-search-plus"></i></div> <div class="photo-title">Итоги работы</div> </div> </div> [[Главная]] </div>