/
Coderdev
/
web-static-labs
Обзор
Документация
Войти
/
Coderdev
/
web-static-labs
Код
Запросы
0
Задачи
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
html/index.html
137 строк
3 KB
Coderdev
1
23 апр 2026, 22:48
23 апр 2026, 22:48
5ab18db
Код
Авторство
О чём код?
<!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="./site.css"> </head> <body> <div class="wrapper"> <header class="header"> <div class="logo"> <div class="logo-mark">WS</div> <div class="logo-text"> <h1>Сайт лабораторных работ</h1> <p>Чуян Владислав Андреевич · ПИ2403</p> </div> </div> <nav class="nav"> <a href="./lab1/">Лаба 1</a> <a href="./lab2/">Лаба 2</a> <a href="./lab3/">Лаба 3</a> <a href="./lab4/">Лаба 4</a> <a href="./lab5/">Лаба 5</a> <a href="./lab6/">Лаба 6</a> <a href="/lab7/">Лаба 7</a> <a href="/lab8/">Лаба 8</a> <a href="/lab9/">Лаба 9</a> </nav> </header> <section class="hero"> <div class="panel"> <h2>Главная страница</h2> <p class="lead"> Здесь собраны лабораторные работы. Можно открыть каждую лабораторную и перейти к выполненным заданиям. </p> <div class="user-data"> <div class="badge">Чуян Владислав Андреевич</div> <div class="badge">ПИ2403</div> </div> <div class="progress-box"> <div class="progress-title"> <span>Общий прогресс</span> <strong>9 / 9</strong> </div> <div class="progress-bar"> <div class="progress-fill" style="width:100%;"></div> </div> </div> </div> </section> <section class="cards"> <div class="card"> <h3>Лабораторная №1</h3> <p>HTML и CSS</p> <a class="button" href="./lab1/">Перейти</a> </div> <div class="card"> <h3>Лабораторная №2</h3> <p>Docker и Nginx</p> <a class="button" href="./lab2/">Перейти</a> </div> <div class="card"> <h3>Лабораторная №3</h3> <p>Proxy и Flexbox</p> <a class="button" href="./lab3/">Перейти</a> </div> <div class="card"> <h3>Лабораторная №4</h3> <p>JavaScript</p> <a class="button" href="./lab4/">Перейти</a> </div> <div class="card"> <h3>Лабораторная №5</h3> <p>JavaScript Events и формы</p> <a class="button" href="./lab5/">Перейти</a> </div> <div class="card"> <h3>Лабораторная №6</h3> <p>API и хранение данных</p> <a class="button" href="./lab6/">Перейти</a> </div> <div class="card"> <h3>Лабораторная №7</h3> <p>Node.js + Fastify</p> <a class="button" href="/lab7/">Перейти</a> </div> <div class="card"> <h3>Лабораторная №8</h3> <p>Файлы Node.js и валидация</p> <a class="button" href="/lab8/">Перейти</a> </div> <div class="card"> <h3>Лабораторная №9</h3> <p>PostgreSQL и работа с БД</p> <a class="button" href="/lab9/">Перейти</a> </div> </section> <div class="footer"> © 2026 · Чуян Владислав Андреевич </div> </div> </body> </html>