fix bandeirola com id html duplicado

Author: annezao

index.html

@@ -126,31 +126,31 @@
                 </a>
             </li>
             <li>
-                <a href="#coc" class="coc">
-                    <span class="preto">código de<br/>conduta</span>
+                <a href="#patrocinio" class="patrocinio">
+                    <span>patrocínio</span>
                     <svg role="img" aria-label="Bandeirola" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="147" height="134" viewBox="0 0 147 164">
                         <defs>
-                        <clipPath id="clip-amarela">
+                        <clipPath id="clip-verde">
                             <rect width="147" height="134"/>
                         </clipPath>
                         </defs>
-                        <g class="amarela" clip-path="url(#clip-amarela)">
-                        <path d="M147,134h0L73.5,82,0,134V0H147V134Z" fill="#ffc900"/>
+                        <g class="verde" clip-path="url(#clip-verde)">
+                        <path d="M147,134h0L73.5,82,0,134V0H147V134Z" fill="#00923f"/>
                         </g>
                     </svg>
                 </a>
             </li>
             <li>
-                <a href="#patrocinio" class="patrocinio">
-                    <span>patrocínio</span>
+                <a href="#coc" class="coc">
+                    <span class="preto">código de<br/>conduta</span>
                     <svg role="img" aria-label="Bandeirola" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="147" height="134" viewBox="0 0 147 164">
                         <defs>
-                        <clipPath id="clip-verde">
+                        <clipPath id="clip-amarela">
                             <rect width="147" height="134"/>
                         </clipPath>
                         </defs>
-                        <g class="verde" clip-path="url(#clip-verde)">
-                        <path d="M147,134h0L73.5,82,0,134V0H147V134Z" fill="#00923f"/>
+                        <g class="amarela" clip-path="url(#clip-amarela)">
+                        <path d="M147,134h0L73.5,82,0,134V0H147V134Z" fill="#ffc900"/>
                         </g>
                     </svg>
                 </a>
@@ -160,11 +160,11 @@
                     <span>sobre</span>
                     <svg role="img" aria-label="Bandeirola" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="147" height="134" viewBox="0 0 147 164">
                         <defs>
-                        <clipPath id="clip-azul">
+                        <clipPath id="clip-azul2">
                             <rect width="147" height="134"/>
                         </clipPath>
                         </defs>
-                        <g class="azul" clip-path="url(#clip-azul)">
+                        <g class="azul" clip-path="url(#clip-azul2)">
                         <path d="M147,134h0L73.5,82,0,134V0H147V134Z" fill="#150069"/>
                         </g>
                     </svg>
@@ -201,11 +201,11 @@
                     <span>submeter<br/>atividade</span>
                     <svg role="img" aria-label="Bandeirola" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="147" height="134" viewBox="0 0 147 164">
                         <defs>
-                          <clipPath id="clip-azul">
+                          <clipPath id="clip-azul3">
                             <rect width="147" height="134"/>
                           </clipPath>
                         </defs>
-                        <g class="azul" clip-path="url(#clip-azul)">
+                        <g class="azul" clip-path="url(#clip-azul3)">
                           <path d="M147,134h0L73.5,82,0,134V0H147V134Z" fill="#150069"/>
                         </g>
                       </svg>