<!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>