colocando botões

_site/404.html

@@ -1,46 +1,37 @@
 
 <!DOCTYPE html>
-<html lang="en">
+<html lang="pt-br">
 <head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="assets/css/main.css">
-    <title></title>
-    <!-- Adicione outros links de estilos necessários -->
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title></title>
+  <link rel="stylesheet" href="/~jotachina/mmpSearch/_site/assets/css/style.css">
+  <script src="/~jotachina/mmpSearch/_site/assets/js/search.js"></script>
 </head>
 
 <body>
-    <header>
-	<nav>
-      	  <a href="/~jotachina/mmpSearch/_site/">Home</a>
-      	  <a href="/~jotachina/mmpSearch/_site/quantasVezesAparecemInstrumentos">Repetições</a>
-      	  <a href="/~jotachina/mmpSearch/_site/quaisProjetos/">Quais projetos usam quais instrumentos?</a>
-      	  <a href="/~jotachina/mmpSearch/_site/beatsDisponiveis/">Beats disponíveis</a>
-      	  <a href="/~jotachina/mmpSearch/_site/arquivosMMP/">Projetos disponíveis</a>
-      	  <a href="/~jotachina/mmpSearch/_site/about/">Sobre</a>
-        </nav>
-    </header>
+  <header style="background-color: #f0f0f0; padding: 20px;">
+    <h1>MMPSearch</h1>
+    <img src="/assets/images/logo.jpg" alt="Logo MMPSearch">
+  </header>
+
+<aside class="sidebar">
+  <nav>
+    <ul>
+      <li><a href="/~jotachina/mmpSearch/_site/">Home</a></li>
+      <li><a href="/~jotachina/mmpSearch/_site/quantasVezesAparecemInstrumentos">Repetições</a></li>
+      <li><a href="/~jotachina/mmpSearch/_site/quaisProjetos/">Quais Projetos</a></li>
+      <li><a href="/~jotachina/mmpSearch/_site/beatsDisponiveis/">Beats Disponíveis</a></li>
+      <li><a href="/~jotachina/mmpSearch/_site/arquivosMMP/" class="active">Arquivos MMP</a></li>
+      <li><a href="/~jotachina/mmpSearch/_site/buscas/">Buscas</a></li>
+      <li><a href="/~jotachina/mmpSearch/_site/about/">Sobre</a></li>
+    </ul>
+  </nav>
+</aside>
 
 
-  <main class="main-content">
-    <div class="container">
-    <aside>
-      <div class="post-grid">
-        <div class="post">1</div>
-        <div class="post">1</div>
-        <div class="post">1</div>
-        <div class="post">1</div>
-        <div class="post">1</div>
-        <div class="post">1</div>
-        <div class="post">1</div>
-        <div class="post">1</div>
-        <div class="post">1</div>
-      </div>
-    </aside>
-
-    </main>
-  <div class="contet">
-        <style type="text/css" media="screen">
+  <div class="wrapper">
+    <style type="text/css" media="screen">
   .container {
     margin: 10px auto;
     max-width: 600px;
@@ -62,15 +53,14 @@
 </div>
 
   </div>
-</div>
-
-    <footer>
-        <!-- Rodapé -->
-	Alice UFSJ
-    </footer>
-
-    <!-- Scripts no final da página para melhor performance -->
-    <!-- Adicione outros scripts conforme necessário -->
 
+  <footer>
+    <p>Alice UFSJ</p>
+    <div class="footer-images">
+      <a href="link-da-imagem1.html"><img src="/assets/images/image1.jpg" alt="Imagem 1"></a>
+      <a href="link-da-imagem2.html"><img src="/assets/images/image2.jpg" alt="Imagem 2"></a>
+    </div>
+  </footer>
 </body>
 </html>
+