change divs to other elems

index.php

@@ -49,14 +49,14 @@ if (key_exists('lang', $_GET)) {
     </aside>
     <header>
         <div class="container">
-            <div class="row align-item_center">
+            <section class="row align-item_center">
                 <div class="logo">
                     <a href="#">
                         <img src="./img/siteImage/logo.svg" alt="Logo of site : FlixGo Movie">
                     </a>
                 </div>
 
-                <div class="menu">
+                <section class="menu">
                     <ul>
                         <?php
                         foreach ($head['head'] as $link => $value) {
@@ -64,27 +64,27 @@ if (key_exists('lang', $_GET)) {
                         }
                         ?>
                     </ul>
-                </div>
+                </section>
                 <div class="btn-header">
                     <button class="search">
                         <i class="fas fa-search"></i>
                     </button>
                     <a href="<?= $head['lang']['href'] ?>" class="language"><?= $head['lang']['flag'] ?></a>
-                    <a href="./signin.php<?= $lang?>" class="login btn-effect"><?= $head['sign in'] ?></a>
+                    <a href="./signin.php<?= $lang ?>" class="login btn-effect"><?= $head['sign in'] ?></a>
                     <button class="nav-toggle">
                         <i class="fas fa-bars"></i>
                     </button>
                 </div>
-            </div>
+            </section>
         </div>
-        <div class="search-box hidden">
+        <section class="search-box hidden">
             <div class="container">
                 <form action="#">
                     <input type="text" placeholder="Im looking for ...">
                     <button class="btn">search</button>
                 </form>
             </div>
-        </div>
+        </section>
     </header>
 
     <main>
@@ -158,20 +158,20 @@ if (key_exists('lang', $_GET)) {
     </main>
     <footer>
         <section class="container">
-            <div id="footer-app">
+            <section id="footer-app">
                 <h6 class="footer_title">
                     <?= $items['item']['download app'] ?>
                 </h6>
-                <div id="footer-app_icon">
+                <section id="footer-app_icon">
                     <a href="#">
                         <img src="./img/siteImage/appStore.png" alt="App Store">
                     </a>
                     <a href="#">
                         <img src="./img/siteImage/googlePlay.png" alt="Play store">
                     </a>
-                </div>
-            </div>
-            <div class="footer-resources">
+                </section>
+            </section>
+            <section class="footer-resources">
                 <h6 class="footer_title">
                     <?= $items['item']['resources'] ?>
                 </h6>
@@ -180,8 +180,8 @@ if (key_exists('lang', $_GET)) {
                     <li><a href="#"> <?= $items['footer']['Pricing Plan'] ?> </a></li>
                     <li><a href="#"> <?= $items['footer']['Help Center'] ?> </a></li>
                 </ul>
-            </div>
-            <div class="footer-legal">
+            </section>
+            <section class="footer-legal">
                 <h6 class="footer_title">
                     <?= $items['item']['legal'] ?>
                 </h6>
@@ -190,8 +190,8 @@ if (key_exists('lang', $_GET)) {
                     <li><a href="#"> <?= $items['footer']['privacy policy'] ?></a></li>
                     <li><a href="#"> <?= $items['footer']['security'] ?></a></li>
                 </ul>
-            </div>
-            <div class="footer-contact">
+            </section>
+            <section class="footer-contact">
                 <h6 class="footer_title">
                     <?= $items['item']['contact'] ?>
 
@@ -207,7 +207,7 @@ if (key_exists('lang', $_GET)) {
                     <i class="fa-brands fa-linkedin"></i>
 
                 </ul>
-            </div>
+            </section>
         </section>
     </footer>