Merge pull request #20 from felipe-seabra/updateTemplateNew

Update template new

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

@@ -33,7 +33,9 @@
     <header>
       <div class="bg-navbar container-fluid bg-navbar">
         <nav class="navbar navbar-expand-md sticky-top">
-          <a href="/index.html"><h2 class="logo navbar-brand">Portfo<span>lio</span></h2></a>
+          <a href="/index.html"
+            ><h2 class="logo navbar-brand">Portfo<span>lio</span></h2></a
+          >
           <button
             class="navbar-toggler"
             type="button"
@@ -61,21 +63,14 @@
               </li> -->
             </ul>
           </div>
-          <a target="_blank" class="btn d-none d-lg-block link-linkedin"
-            >Linkedin</a
-          >
+          <a target="_blank" class="btn d-none d-lg-block link-linkedin">Linkedin</a>
         </nav>
       </div>
     </header>
 
     <main>
       <section class="background-color-grey">
         <div class="Caixa">
-          <div class="Card-2">
-            <i class="fas fa-bars"></i>
-            <h5>Em Construção ...</h5>
-          </div>
-
           <!--Card-->
           <div class="Card-2">
             <div class="card">
@@ -90,7 +85,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-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"
+              />
+              <div class="card2-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/criarte-profissionalizante/index.html" class="btn" target="_blank">Visitar</a>
               </div>
             </div>
           </div>
@@ -106,7 +119,12 @@ <h5>Em Construção ...</h5>
 
       <div class="Container-serviços container-fluid" id="projects">
         <div class="title">
-          <h2>Em Construção ...</h2>
+          <div class="Caixa">
+            <div class="Card">
+              <i class="fas fa-bell"></i>
+              <h5>Em Construção</h5>
+            </div>
+          </div>
         </div>
       </div>
 

projects/criarte-profissionalizante/README.md

@@ -0,0 +1,2 @@
+# Colégio Criarte - Cursos Profissionalizantes
+Repositório da página sobre os cursos