add commented new section

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"