Alinhamento dos projetos

Author: felipe-seabra

index.html

@@ -121,11 +121,6 @@ <h2>Meus Projetos</h2>
         <!--title-->
 
         <div class="Caixa">
-          <div class="Card">
-            <i class="fas fa-bars"></i>
-            <h5>Em Construção</h5>
-          </div>
-
           <!--Card-->
           <div class="Card">
             <div class="card">
@@ -140,7 +135,25 @@ <h5 class="card-title">Projeto Pixels Art</h5>
                   Projeto desenvolvido após as aulas de JavaScript, onde aprendemos a trabalhar com elementos, eventos e
                   web storage.
                 </p>
-                <a href="projects/pixels-art/index.html" class="btn">Visitar</a>
+                <a href="projects/pixels-art/index.html" class="btn" target="_blank">Visitar</a>
+              </div>
+            </div>
+          </div>
+
+          <div class="Card">
+            <div class="card">
+              <img
+                class="card-img-top"
+                src="projects/criarte-profissionalizante/images/background-criarte-profissionalizante.png"
+                alt="Imagem de Pixels Art"
+              />
+              <div class="card-body">
+                <h5 class="card-title">Página Colégio Criarte</h5>
+                <p class="card-text">
+                  Projeto desenvolvido para descrição dos cursos profissionalizantes do Colégio Criarte. HTML, CSS e
+                  JavaScript.
+                </p>
+                <a href="projects/pixels-art/index.html" class="btn" target="_blank">Visitar</a>
               </div>
             </div>
           </div>
@@ -149,7 +162,9 @@ <h5 class="card-title">Projeto Pixels Art</h5>
             <i class="fas fa-bell"></i>
             <h5>Em Construção</h5>
           </div>
+
         </div>
+        
         <div class="container text-center mt-5">
           <a href="/projects.html" class="btn">Todos os Projetos</a>
         </div>

projects.html

@@ -71,38 +71,39 @@
     <main>
       <section class="background-color-grey">
         <div class="Caixa">
+          <!--Card-->
           <div class="Card-2">
             <div class="card">
               <img
                 class="card-img-top"
-                src="projects/criarte-profissionalizante/images/background-criarte-profissionalizante.png"
-                alt="Imagem da página colégio criarte"
+                src="projects/pixels-art/images/background-pixels-art.png"
+                alt="Imagem de Pixels Art"
               />
               <div class="card2-body">
-                <h5 class="card-title">Página Colégio Criarte</h5>
+                <h5 class="card-title">Projeto Pixels Art</h5>
                 <p class="card-text">
-                  Projeto desenvolvido para descrição dos cursos profissionalizantes do Colégio Criarte.
+                  Projeto desenvolvido após as aulas de JavaScript, onde aprendemos a trabalhar com elementos, eventos e
+                  web storage.
                 </p>
-                <a href="projects/criarte-profissionalizante/index.html" class="btn" target="_blank">Visitar</a>
+                <a href="projects/pixels-art/index.html" class="btn" target="_blank">Visitar</a>
               </div>
             </div>
           </div>
-
-          <!--Card-->
+          
           <div class="Card-2">
             <div class="card">
               <img
                 class="card-img-top"
-                src="projects/pixels-art/images/background-pixels-art.png"
-                alt="Imagem de Pixels Art"
+                src="projects/criarte-profissionalizante/images/background-criarte-profissionalizante.png"
+                alt="Imagem da página colégio criarte"
               />
               <div class="card2-body">
-                <h5 class="card-title">Projeto Pixels Art</h5>
+                <h5 class="card-title">Página Colégio Criarte</h5>
                 <p class="card-text">
-                  Projeto desenvolvido após as aulas de JavaScript, onde aprendemos a trabalhar com elementos, eventos e
-                  web storage.
+                  Projeto desenvolvido para descrição dos cursos profissionalizantes do Colégio Criarte. HTML, CSS e
+                  JavaScript.
                 </p>
-                <a href="projects/pixels-art/index.html" class="btn">Visitar</a>
+                <a href="projects/criarte-profissionalizante/index.html" class="btn" target="_blank">Visitar</a>
               </div>
             </div>
           </div>