Untitled
unknown
html
a year ago
11 kB
11
Indexable
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Расписание</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #121212;
color: #D3D3D3;
margin: 0;
padding: 20px;
display: flex;
justify-content: center;
}
.schedule-container {
display: grid;
grid-template-columns: repeat(6, 1fr);
gap: 16px;
}
.day {
display: flex;
flex-direction: column;
background-color: #1f1f1f;
padding: 12px;
border-radius: 10px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
}
.day-header {
background-color: #B73E45FF;
color: #F0F0F0;
font-weight: bold;
padding: 8px;
border-radius: 5px;
text-align: center;
margin-bottom: 12px;
}
.lesson {
display: flex;
flex-direction: column;
padding: 6px;
margin-bottom: 8px;
border-left: 4px solid #b73e45;
}
.lesson-time {
font-weight: bold;
color: #88D3D3F9;
margin-bottom: 4px;
text-align: center;
}
.lesson-content {
background-color: #2C2C2C;
padding: 8px;
border-radius: 5px;
font-size: 14px;
color: #E0E0E0;
text-align: center;
}
.lesson-content.general {
background-color: #3A3A3A;
}
.group-divider {
display: flex;
justify-content: space-between;
padding: 0 8px;
}
.group-divider span {
flex: 1;
text-align: center;
color: #CFCFCF;
}
.empty-slot {
color: #666;
font-size: 13px;
padding: 10px;
text-align: center;
font-style: italic;
}
</style>
</head>
<body>
<div class="schedule-container">
<!-- Понедельник -->
<div class="day">
<div class="day-header">Понедельник</div>
<div class="lesson">
<div class="lesson-time">1. 8:30-10:00</div>
<div class="lesson-content general">Геом прак 215</div>
</div>
<div class="lesson">
<div class="lesson-time">2. 10:10-11:40</div>
<div class="group-divider">
<span>Англ 218</span>
<span>Python прак 220</span>
</div>
</div>
<div class="lesson">
<div class="lesson-time">3. 11:50-13:20</div>
<div class="group-divider">
<span>н/н Англ 218(*)</span>
<span class="empty-slot">—</span>
</div>
</div>
<div class="lesson">
<div class="lesson-time">4. 13:50-15:20</div>
<div class="lesson-content general">История прак 118</div>
</div>
<div class="lesson">
<div class="lesson-time">5. 15:30-17:00</div>
<div class="empty-slot">—</div>
</div>
<div class="lesson">
<div class="lesson-time">6. 17:10-18:40</div>
<div class="lesson-content general">Немецкий онлайн</div>
</div>
<div class="lesson">
<div class="lesson-time">7. 18:50-20:20</div>
<div class="lesson-content general">н/н Немецкий онлайн</div>
</div>
</div>
<!-- Вторник -->
<div class="day">
<div class="day-header">Вторник</div>
<div class="lesson">
<div class="lesson-time">1. 8:30-10:00</div>
<div class="lesson-content general">Алгебра лек 233</div>
</div>
<div class="lesson">
<div class="lesson-time">2. 10:10-11:40</div>
<div class="lesson-content general">Матанал прак 231</div>
</div>
<div class="lesson">
<div class="lesson-time">3. 11:50-13:20</div>
<div class="lesson-content general">Алгебра прак 215</div>
</div>
<div class="lesson">
<div class="lesson-time">4. 13:50-15:20</div>
<div class="empty-slot">—</div>
</div>
<div class="lesson">
<div class="lesson-time">5. 15:30-17:00</div>
<div class="lesson-content general">Физра с 3 февраля</div>
</div>
<div class="lesson">
<div class="lesson-time">6. 17:10-18:40</div>
<div class="empty-slot">—</div>
</div>
<div class="lesson">
<div class="lesson-time">7. 18:50-20:20</div>
<div class="empty-slot">—</div>
</div>
</div>
<!-- Среда -->
<div class="day">
<div class="day-header">Среда</div>
<div class="lesson">
<div class="lesson-time">1. 8:30-10:00</div>
<div class="lesson-content general">Матанал лек 231</div>
</div>
<div class="lesson">
<div class="lesson-time">2. 10:10-11:40</div>
<div class="group-divider">
<span class="empty-slot">—</span>
<span>н/н Англ 218(*)</span>
</div>
</div>
<div class="lesson">
<div class="lesson-time">3. 11:50-13:20</div>
<div class="lesson-content general">Матанал прак 208</div>
</div>
<div class="lesson">
<div class="lesson-time">4. 13:50-15:20</div>
<div class="group-divider">
<span>Python прак 220</span>
<span>ОП прак 230</span>
</div>
</div>
<div class="lesson">
<div class="lesson-time">5. 15:30-17:00</div>
<div class="group-divider">
<span class="empty-slot">—</span>
<span>ОП прак 230</span>
</div>
</div>
<div class="lesson">
<div class="lesson-time">6. 17:10-18:40</div>
<div class="empty-slot">—</div>
</div>
<div class="lesson">
<div class="lesson-time">7. 18:50-20:20</div>
<div class="empty-slot">—</div>
</div>
</div>
<!-- Четверг -->
<div class="day">
<div class="day-header">Четверг</div>
<div class="lesson">
<div class="lesson-time">1. 8:30-10:00</div>
<div class="lesson-content general">История лек онлайн</div>
</div>
<div class="lesson">
<div class="lesson-time">2. 10:10-11:40</div>
<div class="empty-slot">—</div>
</div>
<div class="lesson">
<div class="lesson-time">3. 11:50-13:20</div>
<div class="empty-slot">—</div>
</div>
<div class="lesson">
<div class="lesson-time">4. 13:50-15:20</div>
<div class="empty-slot">—</div>
</div>
<div class="lesson">
<div class="lesson-time">5. 15:30-17:00</div>
<div class="lesson-content general">Физра с 3 февраля</div>
</div>
<div class="lesson">
<div class="lesson-time">6. 17:10-18:40</div>
<div class="empty-slot">—</div>
</div>
<div class="lesson">
<div class="lesson-time">7. 18:50-20:20</div>
<div class="empty-slot">—</div>
</div>
</div>
<!-- Пятница -->
<div class="day">
<div class="day-header">Пятница</div>
<div class="lesson">
<div class="lesson-time">1. 8:30-10:00</div>
<div class="empty-slot">—</div>
</div>
<div class="lesson">
<div class="lesson-time">2. 10:10-11:40</div>
<div class="group-divider">
<span class="empty-slot">—</span>
<span>Англ 324</span>
</div>
</div>
<div class="lesson">
<div class="lesson-time">3. 11:50-13:20</div>
<div class="lesson-content general">Матанал прак 208</div>
</div>
<div class="lesson">
<div class="lesson-time">4. 13:50-15:20</div>
<div class="lesson-content general">Геом лек 231</div>
</div>
<div class="lesson">
<div class="lesson-time">5. 15:30-17:00</div>
<div class="lesson-content general">Python лек 231</div>
</div>
<div class="lesson">
<div class="lesson-time">6. 17:10-18:40</div>
<div class="lesson-content general">ОП лек 229</div>
</div>
<div class="lesson">
<div class="lesson-time">7. 18:50-20:20</div>
<div class="empty-slot">—</div>
</div>
</div>
<!-- Суббота -->
<div class="day">
<div class="day-header">Суббота</div>
<div class="lesson">
<div class="lesson-time">1. 8:30-10:00</div>
<div class="empty-slot">—</div>
</div>
<div class="lesson">
<div class="lesson-time">2. 10:10-11:40</div>
<div class="group-divider">
<span>ОП прак 230</span>
<span class="empty-slot">—</span>
</div>
</div>
<div class="lesson">
<div class="lesson-time">3. 11:50-13:20</div>
<div class="group-divider">
<span>ОП прак 230</span>
<span class="empty-slot">—</span>
</div>
</div>
<div class="lesson">
<div class="lesson-time">4. 13:50-15:20</div>
<div class="empty-slot">—</div>
</div>
<div class="lesson">
<div class="lesson-time">5. 15:30-17:00</div>
<div class="empty-slot">—</div>
</div>
<div class="lesson">
<div class="lesson-time">6. 17:10-18:40</div>
<div class="empty-slot">—</div>
</div>
<div class="lesson">
<div class="lesson-time">7. 18:50-20:20</div>
<div class="empty-slot">—</div>
</div>
</div>
</div>
</body>
</html>Editor is loading...
Leave a Comment