Загрузка данных

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>Титульный лист</title>
    <style>
        body {
            background-color: #f0f0f0;
            font-family: "Times New Roman", Times, serif;
            margin: 0;
            padding: 20px;
        }
        .page {
            width: 21cm;
            min-height: 29.7cm;
            padding: 2cm 1.5cm 2cm 3cm; /* Поля: верх, право, низ, лево */
            margin: 0 auto;
            background: white;
            box-shadow: 0 0 10px rgba(0,0,0,0.1);
            box-sizing: border-box;
            position: relative;
        }
        .header {
            text-align: center;
            font-size: 14pt;
            margin-bottom: 60px;
        }
        .ministry {
            font-weight: bold;
            text-transform: uppercase;
            margin-bottom: 10px;
        }
        .university {
            margin-bottom: 10px;
        }
        .department {
            margin-top: 20px;
        }
        .work-type {
            text-align: center;
            margin-top: 80px;
            margin-bottom: 20px;
            font-size: 16pt;
            font-weight: bold;
            text-transform: uppercase;
        }
        .discipline {
            text-align: center;
            font-size: 14pt;
            margin-bottom: 10px;        }
        .topic-block {
            text-align: center;
            margin-top: 40px;
            margin-bottom: 80px;
            font-size: 16pt;
            font-weight: bold;
        }
        .topic-title {
            display: block;
            margin-top: 10px;
            text-transform: uppercase;
        }
        .student-block {
            text-align: right;
            font-size: 14pt;
            line-height: 1.5;
            margin-left: 50%; /* Сдвиг блока вправо */
            margin-top: 100px;
        }
        .footer {
            text-align: center;
            position: absolute;
            bottom: 2cm;
            width: 100%;
            left: 0;
            font-size: 14pt;
        }
        @media print {
            body { background: none; padding: 0; }
            .page { box-shadow: none; margin: 0; width: 100%; height: 100%; }
        }
    </style>
</head>
<body>

<div class="page">
    <!-- Шапка -->
    <div class="header">
        <div class="ministry">МИНИСТЕРСТВО НАУКИ И ВЫСШЕГО ОБРАЗОВАНИЯ<br>РОССИЙСКОЙ ФЕДЕРАЦИИ</div>
        <div class="university">Федеральное государственное бюджетное образовательное учреждение<br>высшего образования</div>
        <div class="university"><strong>«[НАЗВАНИЕ ВАШЕГО ВУЗА]»</strong></div>
        <div class="department">Кафедра экономики, управления и логистики</div>
    </div>

    <!-- Тип работы -->
    <div class="work-type">КУРСОВАЯ РАБОТА</div>
    <div class="discipline">по дисциплине «Логистика и управление цепями поставок»</div>

    <!-- Тема -->    <div class="topic-block">
        на тему:<br>
        <span class="topic-title">«Анализ состояния мероприятий по оптимизации запасов материально-технических ресурсов»</span>
    </div>

    <!-- Блок студент/преподаватель -->
    <div class="student-block">
        <p style="margin: 0;">Выполнил: студент 4 курса</p>
        <p style="margin: 0;">группы ЭУ-41</p>
        <p style="margin: 0;">Иванов Иван Иванович</p>
        <br>
        <p style="margin: 0;">Научный руководитель:</p>
        <p style="margin: 0;">к.э.н., доцент</p>
        <p style="margin: 0;">Петров Петр Петрович</p>
    </div>

    <!-- Подвал с городом и годом -->
    <div class="footer">
        [Город] — 2026
    </div>
</div>

</body>
</html>