f details

Author: Darya-Rusanova

css/ex1.css

@@ -32,6 +32,12 @@ html{
     margin: 0 auto;
     text-align: center;
 }
+#message{
+    margin: 10px;
+    text-align: center;
+    color:black;
+    font-size: 20px;
+}
 p{
     margin: 10px;
 }

index.html

@@ -14,7 +14,7 @@
         <div class="header"></div>
         <div class="body">
             <div class="logo">
-                <img src="image/logo.png" alt="logo" id="logo"/>
+                <img src="./image/logo.PNG" alt="logo" id="logo"/>
                 <div id="welcome">
                     <h3>Добро пожаловать на Bool!</h3>
                     <p>Мы рады видеть вас на нашем сайте, посвященном увлекательному миру булевых функций!</p>
@@ -25,7 +25,7 @@ <h3>Добро пожаловать на Bool!</h3>
 
                     <a href="navigation/first.html">
                         <div class="game" id="ex1">
-                            <img src="image/icons/1.png" class="picture" alt="ex1" />
+                            <img src="./image/icons/1.PNG" class="picture" alt="ex1" />
                             <div class="text">
                                   <b><p class="text__title">ЗАДАНИЕ 1</p></b>
                                   <p class="text__description">
@@ -36,7 +36,7 @@ <h3>Добро пожаловать на Bool!</h3>
                     </a>
                     <a href="navigation/second.html">
                         <div class="game" id="ex2">
-                            <img src="image/icons/2.png" class="picture" alt="ex2" />
+                            <img src="./image/icons/2.PNG" class="picture" alt="ex2" />
                             <div class="text">
                                 <b><p class="text__title">ЗАДАНИЕ 2</p></b>
                                 <p class="text__description">
@@ -47,7 +47,7 @@ <h3>Добро пожаловать на Bool!</h3>
                     </a>
                     <a href="navigation/third.html">
                         <div class="game" id="ex3">
-                            <img src="image/icons/3.png" class="picture" alt="ex3" />
+                            <img src="./image/icons/3.PNG" class="picture" alt="ex3" />
                             <div class="text">
                                 <b><p class="text__title">ЗАДАНИЕ 3</p></b>
                                 <p class="text__description">
@@ -58,7 +58,7 @@ <h3>Добро пожаловать на Bool!</h3>
                     </a>
                     <a href="navigation/four.html">
                         <div class="game" id="ex4">
-                            <img src="image/icons/4.png" class="picture" alt="ex4" />
+                            <img src="./image/icons/4.PNG" class="picture" alt="ex4" />
                             <div class="text">
                                 <b><p class="text__title">ЗАДАНИЕ 4</p></b>
                                 <p class="text__description">
@@ -69,7 +69,7 @@ <h3>Добро пожаловать на Bool!</h3>
                     </a>
                     <a href="navigation/fifth.html">
                         <div class="game" id="ex5">
-                            <img src="image/icons/5.png" class="picture" alt="ex5" />
+                            <img src="./image/icons/5.PNG" class="picture" alt="ex5" />
                             <div class="text">
                                 <b><p class="text__title">ЗАДАНИЕ 5</p></b>
                                 <p class="text__description">
@@ -80,7 +80,7 @@ <h3>Добро пожаловать на Bool!</h3>
                     </a>
                     <a href="navigation/six.html">
                         <div class="game" id="ex6">
-                            <img src="image/icons/6.png" class="picture" alt="ex6" />
+                            <img src="./image/icons/6.PNG" class="picture" alt="ex6" />
                             <div class="text">
                                 <b><p class="text__title">ЗАДАНИЕ 6</p></b>
                                 <p class="text__description">
@@ -91,7 +91,7 @@ <h3>Добро пожаловать на Bool!</h3>
                     </a>
                     <a href="navigation/seven.html">
                         <div class="game" id="ex7">
-                            <img src="image/icons/7.png" class="picture" alt="ex7" />
+                            <img src="./image/icons/7.PNG" class="picture" alt="ex7" />
                             <div class="text">
                                 <b><p class="text__title">ЗАДАНИЕ 7</p></b>
                                 <p class="text__description">
@@ -102,7 +102,7 @@ <h3>Добро пожаловать на Bool!</h3>
                     </a>
                     <a href="navigation/eight.html">
                         <div class="game" id="ex8">
-                            <img src="image/icons/8.png" class="picture" alt="ex8"/>
+                            <img src="./image/icons/8.PNG" class="picture" alt="ex8"/>
                             <div class="text">
                                 <b><p class="text__title">ЗАДАНИЕ 8</p></b>
                                 <p class="text__description">
@@ -113,7 +113,7 @@ <h3>Добро пожаловать на Bool!</h3>
                     </a>
                     <a href="navigation/nine.html">
                         <div class="game" id="ex9">
-                            <img src="image/icons/9.png"class="picture" alt="ex9" />
+                            <img src="./image/icons/9.PNG"class="picture" alt="ex9" />
                             <div class="text">
                                 <b><p class="text__title">ЗАДАНИЕ 9</p></b>
                                 <p class="text__description">
@@ -124,7 +124,7 @@ <h3>Добро пожаловать на Bool!</h3>
                     </a>
                     <a href="navigation/ten.html">
                         <div class="game" id="ex10">
-                            <img src="image/icons/10.png" class="picture" alt="ex10" />
+                            <img src="./image/icons/10.PNG" class="picture" alt="ex10" />
                             <div class="text">
                                 <b><p class="text__title">ЗАДАНИЕ 10</p></b>
                                 <p class="text__description">
@@ -136,7 +136,7 @@ <h3>Добро пожаловать на Bool!</h3>
 
                     <a href="navigation/eleven.html">
                         <div class="game" id="ex11">
-                            <img src="image/icons/11.png" class="picture" alt="ex11" />
+                            <img src="./image/icons/11.PNG" class="picture" alt="ex11" />
                             <div class="text">
                                 <b><p class="text__title">ЗАДАНИЕ 11</p></b>
                                 <p class="text__description">
@@ -148,7 +148,7 @@ <h3>Добро пожаловать на Bool!</h3>
 
                     <a href="navigation/twelve.html">
                         <div class="game" id="ex12">
-                            <img src="image/icons/12.png" class="picture" alt="ex12" />
+                            <img src="./image/icons/12.PNG" class="picture" alt="ex12" />
                             <div class="text">
                                 <b><p class="text__title">ЗАДАНИЕ 12</p></b>
                                 <p class="text__description">