colocando botões

_site/index.html

@@ -1,57 +1,63 @@
 
 <!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>MMPSearch</title>
-    <!-- Adicione outros links de estilos necessários -->
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>MMPSearch</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">
-        
+  <div class="wrapper">
+    <main class="main-content">
+  <div class="container">
+    <div class="post-grid">
+      <!-- Exemplo de posts -->
+      <div class="post">Post 1</div>
+      <div class="post">Post 2</div>
+      <div class="post">Post 3</div>
+      <div class="post">Post 4</div>
+      <div class="post">Post 5</div>
+      <div class="post">Post 6</div>
+      <div class="post">Post 7</div>
+      <div class="post">Post 8</div>
+      <div class="post">Post 9</div>
+    </div>
+  </div>
+</main>
+
 
   </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>
+