Merge pull request #7 from Brulibra/feat/add-alinhamento

Feat/add alinhamento
Brulibra · Mar 14, 2022 · fbbcd82 · fbbcd82
2 parents 083fecd + 7c351ff
commit fbbcd82
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 22 deletions.
diff --git a/src/index.html b/src/index.html
@@ -15,8 +15,12 @@
   <header>
 
     <div class="logo">
-      <img src="./imagens/Studio_Ghibli_logo_gato.png" alt="logo" width=400 height=200>
+      <img src="./imagens/Studio_Ghibli_logo_gato.png" alt="logo" width="400" height="200">
     </div>
+    <h1>Bem vindo (a) ao serviço de buscas da KiKi!
+      <br> Escolha a categoria que deseja buscar:
+    </h1>
+
 
     <section class="filter">
       <select class="director">
@@ -27,20 +31,13 @@
         <option value="Isao Takahata">Isao Takahata</option>
         <option value="Yoshiaki Nishimura">Yoshiaki Nishimura</option>
       </select>
-    </section>
 
-    <section class="filter">
+
       <select class="people">
         <option selected value="none">Personagens</option>
         <optgroup label="Filmes">
-          <option value="Howl's Moving Castle">O castelo animado</option>
-          <option value="Tales from Earthsea">Contos de Terramar</option>
-          <option value="Ponyo on the Cliff by the Sea">Ponyo - Uma amizade que veio do mar</option>
-          <option value="The Secret World of Arrietty">O mundo dos pequeninos</option>
-          <option value="From Up on Poppy Hill">A Colina das Papoilas</option>
-          <option value="The Wind Rises">Vidas ao vento</option>
-          <option value="The Tale of the Princess Kaguya">O conto da princesa Kaguya</option>
-          <option value="When Marnie Was There">Memórias de Marnie</option>
+          <option value="The Tale of the Princess Kaguya"></option>
+          <option value="When Marnie Was There"></option>
         </optgroup>
         <optgroup label="Ano">
           <option value="1980-1990">1980 - 1990</option>
@@ -49,9 +46,9 @@
           <option value="2010-2020">2010 - 2020</option>
         </optgroup>
       </select>
-    </section>
 
-    <section class="filter">
+
+
       <select class="year">
         <option selected value="none">Ano</option>
         <option value="1980-1990">1980 - 1990</option>
@@ -61,11 +58,8 @@
       </select>
     </section>
 
-  </header>
+</header>
 
-  <h1>Bem vindo (a) ao serviço de buscas da KiKi!
-    <br> Escolha a categoria que deseja buscar:
-  </h1>
 
   <div class="imagens">
     <img src="./imagens/nuvem.png" alt="nuvem" id="nuvem3">

diff --git a/src/style.css b/src/style.css
@@ -3,7 +3,7 @@
   text-align: center;
   background-color: #0096C7;
   margin: 0% 0;
-  color: #0096C7;
+  color:#0096C7 ;
 }
 
 
@@ -51,7 +51,7 @@ animation: tilt infinite 3s;
 
 }
 
-#sem_rosto {
+#sem_rosto{
 
   position: absolute;
   left: 270px;
@@ -170,8 +170,21 @@ footer{
 }
 
 .filter {
-  padding: 10px;
-  display: inline-block;
+
+  display:inline-block;
   width: fit-content;
-  height: fit-content;
+  height: fit fit-content;
+  margin-left: 37%;
+  justify-content: center;
+
+
 }
+
+
+
+
+
+
+
+
+