Merge pull request #13 from felipe-seabra/updateTemplateNew

adiciona projeto a página

Author: felipe-seabra

index.html

@@ -126,46 +126,31 @@ <h2>Meus Projetos</h2>
           <div class="Card">
             <i class="fas fa-bars"></i>
             <h5>Em Contrução</h5>
-            <div class="Paragrafo-button">
-              <!-- <p>
-                Muitos sites devem ser contruido com dois principais objetivos: Primeiramente , ele precisar funcionar
-                em todos os dispositivos. Segundo, Ele precisar ser o mais rapido possivel
-              </p>
-              <button type="button">Ler Mais</button> -->
-              <!--button-->
-            </div>
-            <!--Paragrafo-button-->
           </div>
-          <!--Card-->
 
+          <!--Card-->
           <div class="Card">
-            <i class="fas fa-user"></i>
-            <h5>Em Contrução</h5>
-            <div class="Paragrafo-button">
-              <!-- <p>
-                Muitos sites devem ser contruido com dois principais objetivos: Primeiramente , ele precisar funcionar
-                em todos os dispositivos. Segundo, Ele precisar ser o mais rapido possivel
-              </p>
-              <button type="button">Ler Mais</button> -->
-              <!--button-->
+            <div class="card" style="width: 100%; height: 100%">
+              <img
+                class="card-img-top"
+                src="projects/pixels-art/images/background-pixels-art.png"
+                alt="Imagem de Pixels Art"
+              />
+              <div class="card-body">
+                <h5 class="card-title">Projeto Pixels Art</h5>
+                <p class="card-text">
+                  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 btn-primary">Visitar</a>
+              </div>
             </div>
-            <!--Paragrafo-button-->
           </div>
-          <!--Card-->
 
           <div class="Card">
             <i class="fas fa-bell"></i>
             <h5>Em Contrução</h5>
-            <div class="Paragrafo-button">
-              <!-- <p>
-                Muitos sites devem ser contruido com dois principais objetivos: Primeiramente , ele precisar funcionar
-                em todos os dispositivos. Segundo, Ele precisar ser o mais rapido possivel
-              </p>
-              <button type="button">Ler Mais</button> -->
-              <!--button-->
-            </div>
           </div>
-          <!--Card-->
         </div>
         <!--Caixa-->
       </div>

projects/pixels-art/images/background-pixels-art.png

@@ -16,10 +16,10 @@ body {
 
 #title {
   color: #fff;
-  font-size: 35px;
+  font-size: 70px;
   cursor: pointer;
   letter-spacing: 1px;
-  margin-bottom: 10px;
+  margin-bottom: 20px;
   margin-top: 10px;
 }
 

projects/pixels-art/style.css

@@ -260,6 +260,14 @@ h5 {
   margin-bottom: 15px;
 }
 
+.card-body {
+  background-color: #191919;
+}
+
+.card-body p {
+  color: #fff;
+}
+
 .Paragrafo-button {
   color: #fcfc;
   font-size: 16px;