diff --git a/docs/index.html b/docs/index.html
index abbf21ed..050c4a51 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -1,155 +1,155 @@
 <!DOCTYPE html>
 <html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport"
-        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
-    <meta http-equiv="X-UA-Compatible" content="ie=edge">
-    <meta property="og:title" content="Hall of Fame" />
-    <meta property="og:image:type" content="image/png" />
-    <meta property="og:image:width" content="1920">
-    <meta property="og:image:height" content="1080">
-    <meta property="og:image"
-        content="https://mastersacademy.github.io/fe-course-basic-2023/src/social-image-preview.png" />
-    <meta property="og:image:alt" content="image of the main page of the Hall of Fame website">
-    <meta property="og:url" content="https://mastersacademy.github.io/fe-course-basic-2023" />
-    <meta property="og:type" content="website" />
-    <meta property="og:description"
-        content="student projects created on the course «Front-End for Beginners 2023» by Master of Academy" />
-    <meta name="twitter:title" content="Hall of Fame">
-    <meta name="twitter:image"
-        content="https://mastersacademy.github.io/fe-course-basic-2023/src/social-image-preview.png">
-    <meta name="twitter:image:alt" content="image of the main page of the Hall of Fame website">
-    <meta name="twitter:url" content="https://mastersacademy.github.io/fe-course-basic-2023">
-    <meta name="twitter:card" content="summary">
-    <meta name="twitter:description"
-        content="student projects created on the course «Front-End for Beginners 2023» by Master of Academy">
-    <meta name="description"
-        content="student projects created on the course «Front-End for Beginners 2023» by Master of Academy">
-    <link rel="stylesheet" href="./src/styles/card.css">
-    <link rel="stylesheet" href="./src/styles/style.css">
-    <link rel="icon" type="image/x-icon" href="./src/favicon.png">
-    <title>Hall of Fame</title>
-</head>
-<body>
-    <div class="wrapper">
-        <div id="top" data-lift_point></div>
-        <header class="head">
-            <nav class="header__menu">
-                <a href="https://www.mastersacademy.education/frontend-for-beginners-it" class="header__logo">
-                    <img src="./src/images/main_logo.svg" alt="logo">
-                </a>
-                <div class="menu__field">
-                    <img class="burger" src="./src/images/burger.svg" alt="burger" data-burger>
-                    <ul class="menu__list" data-menu__list>
-                        <li>
-                            <a class="menu__link-about" href="index.html">Hall of Fame</a>
-                        </li>
-                        <li>
-                            <a class="menu__link-about" href="https://www.mastersacademy.education/events-9">Season
-                                9</a>
-                        </li>
-                        <li>
-                            <a class="menu__link-about" href="https://www.mastersacademy.education/about-project">About
-                                the
-                                project</a>
-                        </li>
-                        <li>
-                            <a class="menu__link-about" href="https://www.mastersacademy.education/it-courses">Library
-                                of IT
-                                courses</a>
-                        </li>
-                        <li>
-                            <a class="menu__link-about"
-                                href="https://www.mastersacademy.education/blagodiynist">Charity</a>
-                        </li>
-                        <li>
-                            <a class="menu__link-about menu__button"
-                                href="https://www.mastersacademy.education/events-9">Сhoose a course</a>
-                        </li>
-                    </ul>
+    <head>
+        <meta charset="UTF-8">
+        <meta name="viewport"
+            content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+        <meta http-equiv="X-UA-Compatible" content="ie=edge">
+        <meta property="og:title" content="Hall of Fame">
+        <meta property="og:image:type" content="image/png">
+        <meta property="og:image:width" content="1920">
+        <meta property="og:image:height" content="1080">
+        <meta property="og:image"
+            content="https://mastersacademy.github.io/fe-course-basic-2023/src/social-image-preview.png">
+        <meta property="og:image:alt" content="image of the main page of the Hall of Fame website">
+        <meta property="og:url" content="https://mastersacademy.github.io/fe-course-basic-2023">
+        <meta property="og:type" content="website">
+        <meta property="og:description"
+            content="student projects created on the course «Front-End for Beginners 2023» by Master of Academy">
+        <meta name="twitter:title" content="Hall of Fame">
+        <meta name="twitter:image"
+            content="https://mastersacademy.github.io/fe-course-basic-2023/src/social-image-preview.png">
+        <meta name="twitter:image:alt" content="image of the main page of the Hall of Fame website">
+        <meta name="twitter:url" content="https://mastersacademy.github.io/fe-course-basic-2023">
+        <meta name="twitter:card" content="summary">
+        <meta name="twitter:description"
+            content="student projects created on the course «Front-End for Beginners 2023» by Master of Academy">
+        <meta name="description"
+            content="student projects created on the course «Front-End for Beginners 2023» by Master of Academy">
+        <link rel="stylesheet" href="./src/styles/card.css">
+        <link rel="stylesheet" href="./src/styles/style.css">
+        <link rel="icon" type="image/x-icon" href="./src/favicon.png">
+        <title>Hall of Fame</title>
+    </head>
+    <body>
+        <div class="wrapper">
+            <div id="top" data-lift_point></div>
+            <header class="head">
+                <nav class="header__menu">
+                    <a href="https://www.mastersacademy.education/frontend-for-beginners-it" class="header__logo">
+                        <img src="./src/images/main_logo.svg" alt="logo">
+                    </a>
+                    <div class="menu__field">
+                        <img class="burger" src="./src/images/burger.svg" alt="burger" data-burger>
+                        <ul class="menu__list" data-menu__list>
+                            <li>
+                                <a class="menu__link-about" href="index.html">Hall of Fame</a>
+                            </li>
+                            <li>
+                                <a class="menu__link-about" href="https://www.mastersacademy.education/events-9">Season
+                                    9</a>
+                            </li>
+                            <li>
+                                <a class="menu__link-about" href="https://www.mastersacademy.education/about-project">About
+                                    the
+                                    project</a>
+                            </li>
+                            <li>
+                                <a class="menu__link-about" href="https://www.mastersacademy.education/it-courses">Library
+                                    of IT
+                                    courses</a>
+                            </li>
+                            <li>
+                                <a class="menu__link-about"
+                                    href="https://www.mastersacademy.education/blagodiynist">Charity</a>
+                            </li>
+                            <li>
+                                <a class="menu__link-about menu__button"
+                                    href="https://www.mastersacademy.education/events-9">Сhoose a course</a>
+                            </li>
+                        </ul>
+                    </div>
+                </nav>
+            </header>
+            <main class="main container">
+                <h1 class="main__title">Hall of Fame</h1>
+                <div class="main__description">
+                    <p class="text__description">Welcome to our Hall of Fame! Browse through the graduation projects
+                        from the
+                        <a class="text__link"
+                            href="https://www.mastersacademy.education/frontend-for-beginners-it">'Frontend for
+                            Beginners 2023'
+                            course </a>
+                        at Masters Academy.
+                    </p>
+                    <p class="text__description">In this study-for-donation initiative, participants learned the basics of
+                        web
+                        development, covering HTML,
+                        CSS, and JS.</p>
+                    <p class="text__description">Interested in other courses like Databases, AI, Softskills,
+                        and more? Explore your options
+                        <a class="text__link" href="https://www.mastersacademy.education/events-9">here</a>.
+                    </p>
                 </div>
-            </nav>
-        </header>
-        <main class="main container">
-            <h1 class="main__title">Hall of Fame</h1>
-            <div class="main__description">
-                <p class="text__description">Welcome to our Hall of Fame! Browse through the graduation projects
-                    from the
-                    <a class="text__link"
-                        href="https://www.mastersacademy.education/frontend-for-beginners-it">'Frontend for
-                        Beginners 2023'
-                        course </a>
-                    at Masters Academy.
-                </p>
-                <p class="text__description">In this study-for-donation initiative, participants learned the basics of
-                    web
-                    development, covering HTML,
-                    CSS, and JS.</p>
-                <p class="text__description">Interested in other courses like Databases, AI, Softskills,
-                    and more? Explore your options
-                    <a class="text__link" href="https://www.mastersacademy.education/events-9">here</a>.
-                </p>
-            </div>
-            <template data-template>
-                <section class="card">
-                    <div class="card__information">
-                        <img class="card__img" src="./src/img/title_pokemon.png" alt="pokemon" data-template-image>
-                        <h2 class="card__title" data-template-project-name>Project Pokemon</h2>
-                        <div class="card__information-text">
-                            <span class="card__text">by</span>
-                            <span class="card__text" data-template-name>Ivan Ivanov</span>
+                <template data-template>
+                    <section class="card">
+                        <div class="card__information">
+                            <img class="card__img" src="./src/img/title_pokemon.png" alt="pokemon" data-template-image>
+                            <h2 class="card__title" data-template-project-name>Project Pokemon</h2>
+                            <div class="card__information-text">
+                                <span class="card__text">by</span>
+                                <span class="card__text" data-template-name>Ivan Ivanov</span>
+                            </div>
+                            <div class="card__overlay">
+                                <p class="card__overlay-text">
+                                    This is a project about Pokemon, or about Games.
+                                    Depending on what kind of card😅🙈
+                                </p>
+                            </div>
                         </div>
-                        <div class="card__overlay">
-                            <p class="card__overlay-text">
-                                This is a project about Pokemon, or about Games.
-                                Depending on what kind of card😅🙈
-                            </p>
-                        </div>
-                    </div>
-                    <div class="card__social"></div>
-                    <form class="card__btn-form" action="#" target="./blank" data-template-form>
-                        <button type="submit" class="card__btn-button">visit site</button>
-                    </form>
-                </section>
-            </template>
-            <div class="card-container" data-card-container>
-            </div>
-            <template>
-              <a href="#" class="social__link">
-                <div class="social__img">
+                        <div class="card__social" data-template-social-container></div>
+                        <form class="card__btn-form" action="#" target="./blank" data-template-form>
+                            <button type="submit" class="card__btn-button">visit site</button>
+                        </form>
+                    </section>
+                </template>
+                <div class="card-container" data-card-container>
                 </div>
-              </a>
-            </template>
-        </main>
-        <footer class="footer">
-            <ul class="footer__logos-social">
-                <li class="social__item">
-                    <a href="https://www.facebook.com/">
-                        <svg class="svg" width="42" height="42">
-                            <use xlink:href="./src/images/sprite.svg#facebook"></use>
-                        </svg>
-                    </a>
-                </li>
-                <li class="social__item">
-                    <a href="https://www.linkedin.com/">
-                        <svg class="svg" width="42" height="42">
-                            <use xlink:href="./src/images/sprite.svg#linked_in"></use>
-                        </svg>
-                    </a>
-                </li>
-                <li class="social__item">
-                    <a href="https://www.instagram.com/">
-                        <svg class="svg" width="42" height="42" fill="red">
-                            <use xlink:href="./src/images/sprite.svg#instagram"></use>
-                        </svg>
+                <template data-template-social>
+                    <a href="#" class="social__link" data-template-social-link>
+                        <div class="social__img" data-template-social-icon>
+                        </div>
                     </a>
-                </li>
-            </ul>
-            <h2 class="footer__title">Made with 💗 on course 'Frontend for beginners' from Masters Academy in 2023</h2>
-        </footer>
-    </div>
-    <script src="./src/js/header.js"></script>
-    <script type="module" src="./src/js/cards.js"></script>
-</body>
+                </template>
+            </main>
+            <footer class="footer">
+                <ul class="footer__logos-social">
+                    <li class="social__item">
+                        <a href="https://www.facebook.com/">
+                            <svg class="svg" width="42" height="42">
+                                <use xlink:href="./src/images/sprite.svg#facebook"></use>
+                            </svg>
+                        </a>
+                    </li>
+                    <li class="social__item">
+                        <a href="https://www.linkedin.com/">
+                            <svg class="svg" width="42" height="42">
+                                <use xlink:href="./src/images/sprite.svg#linked_in"></use>
+                            </svg>
+                        </a>
+                    </li>
+                    <li class="social__item">
+                        <a href="https://www.instagram.com/">
+                            <svg class="svg" width="42" height="42" fill="red">
+                                <use xlink:href="./src/images/sprite.svg#instagram"></use>
+                            </svg>
+                        </a>
+                    </li>
+                </ul>
+                <h2 class="footer__title">Made with 💗 on course 'Frontend for beginners' from Masters Academy in 2023</h2>
+            </footer>
+        </div>
+        <script src="./src/js/header.js"></script>
+        <script type="module" src="./src/js/cards.js"></script>
+    </body>
 </html>
