Adicionando Leon

projeto-de-algoritmos · Dec 12, 2023 · 2d8596f · 2d8596f
1 parent 18732e4
commit 2d8596f
Show file tree

Hide file tree

Showing 3 changed files with 29 additions and 24 deletions.
diff --git a/img/Leon2.png b/img/Leon2.png
diff --git a/img/Logo.png b/img/Logo.png
diff --git 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>