From 02ab3a41974fc8543b35e1cb24bcc0de1cc0c02b Mon Sep 17 00:00:00 2001
From: Vasiliy Milovanov <vasiliy.milovanov@simaster.ru>
Date: Tue, 12 Sep 2023 17:16:42 +0300
Subject: [PATCH] add commented new section

---
 images/{buisness.png => cases/business.png}   | Bin
 .../education.svg}                            |   0
 images/{DJ.png => cases/gamepad.png}          | Bin
 images/{ => cases}/social.png                 | Bin
 index.html                                    |  53 +++++++++++++++++-
 5 files changed, 52 insertions(+), 1 deletion(-)
 rename images/{buisness.png => cases/business.png} (100%)
 rename images/{tild6439-6432-4936-a535-616130393639__-__empty__webinar_hat.svg => cases/education.svg} (100%)
 rename images/{DJ.png => cases/gamepad.png} (100%)
 rename images/{ => cases}/social.png (100%)

diff --git a/images/buisness.png b/images/cases/business.png
similarity index 100%
rename from images/buisness.png
rename to images/cases/business.png
diff --git a/images/tild6439-6432-4936-a535-616130393639__-__empty__webinar_hat.svg b/images/cases/education.svg
similarity index 100%
rename from images/tild6439-6432-4936-a535-616130393639__-__empty__webinar_hat.svg
rename to images/cases/education.svg
diff --git a/images/DJ.png b/images/cases/gamepad.png
similarity index 100%
rename from images/DJ.png
rename to images/cases/gamepad.png
diff --git a/images/social.png b/images/cases/social.png
similarity index 100%
rename from images/social.png
rename to images/cases/social.png
diff --git a/index.html b/index.html
index 6a6ed26..9e0eef5 100644
--- a/index.html
+++ b/index.html
@@ -327,6 +327,28 @@
 			margin-top: 24px;
 		}
 
+		.cases__container {
+			width: 100%;
+			display: flex;
+			justify-content: space-around;
+		}
+
+		.cases__container div {
+			display: flex;
+			flex-direction: column;
+			align-items: center;
+			gap: 20px;
+		}
+
+		.cases__container img {
+			width: 55px;
+			height: 55px;
+		}
+
+		.cases__container p {
+			font-size: 20px;
+		}
+
 		.registration__container__link {
 			display: flex;
 			justify-content: center;
@@ -588,6 +610,15 @@
 				flex-direction: column;
 			}
 
+			.cases__container {
+				flex-direction: column;
+				gap: 40px;
+			}
+
+			.cases__container div {
+				gap: 5px;
+			}
+
 			.info__cover {
 				height: 100vh;
 			}
@@ -734,7 +765,27 @@
 			</div>
 			<img src="images_new/about/night_work.jpg" alt="Night work">
 		</div>
-<!--		TODO add section Тематики кейсов на хакатоне -->
+<!--		<div class="container__center margin_bottom">-->
+<!--			<h2>Тематики кейсов на хакатоне</h2>-->
+<!--			<div class="cases__container">-->
+<!--				<div>-->
+<!--					<img src="images/cases/education.svg" alt="Образовательная">-->
+<!--					<h3>Образовательная</h3>-->
+<!--				</div>-->
+<!--				<div>-->
+<!--					<img src="images/cases/gamepad.png" alt="Развлекательная">-->
+<!--					<h3>Развлекательная</h3>-->
+<!--				</div>-->
+<!--				<div>-->
+<!--					<img src="images/cases/business.png" alt="Бизнес">-->
+<!--					<h3>Бизнес</h3>-->
+<!--				</div>-->
+<!--				<div>-->
+<!--					<img src="images/cases/social.png" alt="Социальная">-->
+<!--					<h3>Социальная</h3>-->
+<!--				</div>-->
+<!--			</div>-->
+<!--		</div>-->
 		<div class="registration__container__link">
 			<a class="registration__link" href="/file.pdf" target="_blank">
 				<svg class="t430__btn-img t430__inlinesvg" id="Layer_1" xmlns="http://www.w3.org/2000/svg"