diff --git a/img/Leon2.png b/img/Leon2.png
new file mode 100644
index 0000000..d98d438
Binary files /dev/null and b/img/Leon2.png differ
diff --git a/img/Logo.png b/img/Logo.png
new file mode 100644
index 0000000..39b2536
Binary files /dev/null and b/img/Logo.png differ
diff --git a/index.html b/index.html
index 64b942a..ae53c62 100644
--- a/index.html
+++ b/index.html
@@ -69,31 +69,22 @@
       <ul class="navbar-nav mr-auto">
         <li class="nav-item">
           <a class="nav-link" href="https://github.com/projeto-de-algoritmos/PD-Resident_Evil">Git Hub</a>
+          
+        </li>
+        <li class="nav-item">
+          <a class="nav-link">Ajude Leon escolhendo suas armas para o apocalipse</a>
+          
         </li>
     </div>
   </nav>
 
-  <div class="container coll-6 "
-    style="background-image: url('img/Bag.jpg'); background-repeat: no-repeat; position: relative; padding: 15px; border-radius: 2%;">
+  <div class="container coll-5 "
+    style="background-image: url('img/Bag.jpg');  border-radius: 2%;">
 
     <div class="container">
       <div class="row">
-        <div id="titleG" class="col-sm">
-          <h2>Armas</h2>
-        </div>
-        <!-- Armas do Usuário -->
-        <div class="col-sm text-white mt-5">
-          <h2>Armas do Usuário</h2>
-          <div id="armasUsuario" style="max-height: 300px; overflow-y: auto;"></div>
-        </div>
-        <!-- Melhores Armas -->
-        <div class="col-sm text-white mt-5">
-          <h2>Melhores Armas</h2>
-          <div id="armasSelecionadas" style="max-height: 300px; overflow-y: auto;"></div>
-        </div>
-      </div>
-      <div class="row">
-        <div class="col-sm">
+        <div id="titleG" class="col-sm mt-5" >
+          <h2>Armas Disponíveis</h2>
           <div id="mainSlider" class="carousel slide" data-ride="carousel">
             <ol class="carousel-indicators">
 
@@ -220,7 +211,8 @@ <h2>Melhores Armas</h2>
                 </div>
               </div>
             </div>
-
+  
+            
             <a class="carousel-control-prev" href="#mainSlider" role="button" data-slide="prev">
               <span class="carousel-control-prev-icon" aria-hidden="true"></span>
               <span class="sr-only">Previous</span>
@@ -230,24 +222,37 @@ <h2>Melhores Armas</h2>
               <span class="sr-only">Next</span>
             </a>
           </div>
+          
+
         </div>
-        <div class="col-sm">
-          Uma de três colunas
+        <!-- Armas do Usuário -->
+        <div class="col-sm text-white mt-5">
+          <h2>Armas do Usuário</h2>
+          <div id="armasUsuario" style="max-height: 300px; overflow-y: auto;"></div>
         </div>
-        <div class="col-sm">
+        <!-- Melhores Armas -->
+        <div class="col-sm text-white mt-5">
+          <h2>Melhores Armas</h2>
+          <div id="armasSelecionadas" style="max-height: 300px; overflow-y: auto;"></div>
+          <div class="">
+            <img src="img/Leon2.png" width="250px" alt="Descrição da imagem">
+          </div>
         </div>
+        
       </div>
+     
+      
       
       <div class="container">
         <div class="row">
           <!-- Melhores Armas -->
           <div class="col-sm">
-            <h2>Melhores Armas</h2>
+            <h2> </h2>
             <div id="armasSelecionadas" style="max-height: 300px; overflow-y: auto;"></div>
           </div>
           <!-- Armas do Usuário -->
           <div class="col-sm">
-            <h2>Armas do Usuário</h2>
+            <h2></h2>
             <div id="armasUsuario" style="max-height: 300px; overflow-y: auto;"></div>
           </div>
         </div>