https://pastein.ru/t/Nj8
Загрузка данных
<!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="styles.css">
</head>
<body>
<header class="site-header">
<div class="header-container">
<div class="logo">Портфолио</div>
<nav class="navigation">
<ul class="nav-menu">
<li><a href="#hero">Главная</a></li>
<li><a href="#about">О себе</a></li>
<li><a href="#portfolio">Работы</a></li>
</ul>
<div class="burger-menu" id="burgerToggle">
<span></span>
<span></span>
<span></span>
</div>
</nav>
</div>
</header>
<main>
<section id="hero" class="hero-section">
<div class="container">
<h1 class="hero-title">Добро пожаловать!</h1>
<p class="hero-subtitle">Проектирование, разработка и создание современных веб-сайтов</p>
</div>
</section>
<section id="about" class="about-section">
<div class="container">
<h2>О нас</h2>
<p>Мы студенты группы ИП1-24 Китьков Никита и Сергеев Кирилл. Это наш сайт-портфолио, в котором мы собрали наши работы за этот курс.</p>
</div>
</section>
<section id="portfolio" class="portfolio-section">
<div class="container">
<div class="portfolio-grid">
<div class="portfolio-card">
<div class="card-image-box">
<img src="1.png" alt="Работа 1" onerror="this.style.display='none';">
</div>
<div class="card-content">
<h3>Практическая работа 1</h3>
<p>Создание брошюры для модельного агенства в текстовом редакторе libre office writer</p>
</div>
</div>
<div class="portfolio-card">
<div class="card-image-box">
<img src="2.png" alt="Работа 2" onerror="this.style.display='none';">
</div>
<div class="card-content">
<h3>Лабораторная работа 5</h3>
<p>Создание различных диаграмм в libre office writer</p>
</div>
</div>
<div class="portfolio-card">
<div class="card-image-box">
<img src="3.png" alt="Работа 3" onerror="this.style.display='none';">
</div>
<div class="card-content">
<h3>Практическая работа 6</h3>
<p>Создание блок схем с помощью инструментов libre office writer</p>
</div>
</div>
<div class="portfolio-card">
<div class="card-image-box">
<img src="4.png" alt="Работа 4" onerror="this.style.display='none';">
</div>
<div class="card-content">
<h3>Практическая работа 7</h3>
<p>Создание таблиц в libre office calk</p>
</div>
</div>
<div class="portfolio-card">
<div class="card-image-box">
<img src="5.png" alt="Работа 5" onerror="this.style.display='none';">
</div>
<div class="card-content">
<h3>Практическая работа 10</h3>
<p>Работа в растровом графическом редакторе Gimp</p>
</div>
</div>
<div class="portfolio-card">
<div class="card-image-box">
<img src="6.png" alt="Работа 6" onerror="this.style.display='none';">
</div>
<div class="card-content">
<h3>Итоговый проект 16</h3>
<p>Работа в Векторном графическом редакторе Inkscape</p>
</div>
</div>
<div class="portfolio-card">
<div class="card-image-box">
<img src="7.png" alt="Работа 7" onerror="this.style.display='none';">
</div>
<div class="card-content">
<h3>Практическая работа 17</h3>
<p>Работа в Векторном графическом редакторе Inkscape</p>
</div>
</div>
<div class="portfolio-card">
<div class="card-image-box">
<img src="8.png" alt="Работа 8" onerror="this.style.display='none';">
</div>
<div class="card-content">
<h3>Практическая работа 18</h3>
<p>Работа в Blender</p>
</div>
</div>
<div class="portfolio-card">
<div class="card-image-box">
<img src="9.png" alt="Работа 9" onerror="this.style.display='none';">
</div>
<div class="card-content">
<h3>Практическая работа 24</h3>
<p>Создание сайта</p>
</div>
</div>
<div class="portfolio-card">
<div class="card-image-box">
<img src="10.png" alt="Работа 10" onerror="this.style.display='none';">
</div>
<div class="card-content">
<h3>Практическая работа 25</h3>
<p>Работа в Blender</p>
</div>
</div>
<div class="portfolio-card">
<div class="card-image-box">
<img src="11.png" alt="Работа 11" onerror="this.style.display='none';">
</div>
<div class="card-content">
<h3>Практическая работа 21</h3>
<p>Работа в растровом графическом редакторе Gimp</p>
</div>
</div>
<div class="portfolio-card">
<div class="card-image-box">
<img src="12.png" alt="Работа 12" onerror="this.style.display='none';">
</div>
<div class="card-content">
<h3>Итоговый проект 17-18</h3>
<p>Работа в растровомграфическом редакторе Gimp</p>
</div>
</div>
</div>
</div>
</section>
</main>
<footer class="site-footer">
<div class="footer-container">
<p class="copyright">© 2026 Все права защищены. Автор проекта.</p>
<div class="social-links">
<a href="#" class="social-link">VK</a>
<a href="#" class="social-link">Telegram</a>
<a href="#" class="social-link">GitHub</a>
</div>
</div>
</footer>
<script src="script.js"></script>
</body>
</html>