New changes

MarianoJSB · Apr 9, 2024 · 03b9982 · 03b9982
1 parent e15a4d4
commit 03b9982
Show file tree

Hide file tree

Showing 3 changed files with 34 additions and 33 deletions.
diff --git a/index.html b/index.html
@@ -97,6 +97,10 @@ <h3>Flit Application</h3>
                   <i class="fa-solid fa-database" style="color: #fff; font-size: 1em"></i>
                   <p>MySQL</p>
                 </div>
+                <div id="collab">
+                  <i class="fa-solid fa-handshake" style="color: #fff; font-size: 1em"></i>
+                  <p>Collaborative</p>
+                </div>
                 <div id="link">
                   <a href="https://github.com/ArielBritezDiaz/flit-application">
                     <i class="fa-solid fa-link" style="color: #fff; font-size: 1em"></i>
@@ -128,6 +132,10 @@ <h3>CMF Engines</h3>
                   <i class="fa-solid fa-database" style="color: #fff; font-size: 1em"></i>
                   <p>MySQL</p>
                 </div>
+                <div id="collab">
+                  <i class="fa-solid fa-handshake" style="color: #fff; font-size: 1em"></i>
+                  <p>Collaborative</p>
+                </div>
                 <div id="link">
                   <a href="https://github.com/ArielBritezDiaz/controlAccesoUsuarios">
                     <i class="fa-solid fa-link" style="color: #fff; font-size: 1em"></i>
@@ -155,6 +163,10 @@ <h3>CMF 3D</h3>
                   <i class="fa-brands fa-js" style="color: #fff; font-size: 1em"></i>
                   <p>JAVASCRIPT</p>
                 </div>
+                <div id="collab">
+                  <i class="fa-solid fa-handshake" style="color: #fff; font-size: 1em"></i>
+                  <p>Collaborative</p>
+                </div>
                 <div id="link">
                   <a href="https://github.com/MarianoJSB/cmf3d.github.io">
                     <i class="fa-solid fa-link" style="color: #fff; font-size: 1em"></i>
@@ -167,29 +179,6 @@ <h3>CMF 3D</h3>
               </a>
             </article>
             <article class="p4">
-              <h3>CMF Engines C.R.U.D</h3>
-              <p>Desktop application that works as C.R.U.D of CMF engines articles (only code)</p>
-              <div class="stack">
-                <div id="html">
-                  <i class="fa-brands fa-java" style="color: #fff; font-size: 1em"></i>
-                  <p>JAVA</p>
-                </div>
-                <div id="MySQL">
-                  <i class="fa-solid fa-database" style="color: #fff; font-size: 1em"></i>
-                  <p>MySQL</p>
-                </div>
-                <div id="link">
-                  <a href="https://github.com/MarianoJSB/crud-java-jframe">
-                    <i class="fa-solid fa-link" style="color: #fff; font-size: 1em"></i>
-                    CODE
-                  </a>
-                </div>
-              </div>
-              <a href="https://github.com/MarianoJSB/crud-java-jframe">
-                <img src="src/proyects-images/crud.png" alt="crud-cmfengines" title="crud-cmfengines">
-              </a>
-            </article>
-            <article class="p5">
               <h3>Formula 1 API</h3>
               <p>Formula 1 API consumption, contains rankings, schedule and drivers information</p>
               <div class="stack">
@@ -205,6 +194,10 @@ <h3>Formula 1 API</h3>
                   <i class="fa-brands fa-js" style="color: #fff; font-size: 1em"></i>
                   <p>JAVASCRIPT</p>
                 </div>
+                <div id="collab">
+                  <i class="fa-solid fa-handshake" style="color: #fff; font-size: 1em"></i>
+                  <p>Collaborative</p>
+                </div>
                 <div id="link">
                   <a href="https://github.com/MarianoJSB/F1-API.github.io">
                     <i class="fa-solid fa-link" style="color: #fff; font-size: 1em"></i>

diff --git a/src/proyects-images/crud.png b/src/proyects-images/crud.png
diff --git a/styles/style.css b/styles/style.css
@@ -181,8 +181,7 @@ hr {
 .p1 img,
 .p2 img,
 .p3 img,
-.p4 img,
-.p5 img{
+.p4 img{
   width: 750px;
   height: 400px;
   border-radius: 20px;
@@ -192,17 +191,15 @@ hr {
 .p1 img:hover,
 .p2 img:hover,
 .p3 img:hover,
-.p4 img:hover,
-.p5 img:hover{
+.p4 img:hover{
   box-shadow: 0 0.15rem 0.4rem rgba(0,0,0,.3);
   transform: scale(0.95);
 }
 
 .p1,
 .p2,
 .p3,
-.p4,
-.p5{
+.p4{
   display: block;
   margin: 20px auto;
   width: 750px;
@@ -213,8 +210,7 @@ hr {
 .p1 h3,
 .p2 h3,
 .p3 h3,
-.p4 h3,
-.p5 h3{
+.p4 h3{
   font-size: 3em;
   color: #fff;
   font-weight: bold;
@@ -223,15 +219,15 @@ hr {
 .p1 p,
 .p2 p,
 .p3 p,
-.p4 p,
-.p5 p{
+.p4 p{
   margin: 10px 0;
   font-size: 2em;
   color: #fff;
 }
 
 .stack{
   display: flex;
+  flex-wrap: wrap;
 }
 
 .stack div{
@@ -288,10 +284,22 @@ hr {
   background-color: #131313;
 }
 
+#collab{
+  display: flex;
+  align-items: center;
+  background-color: rgba(0, 117, 143, .9);
+}
+
 #link a{
   color: #fff;
 }
 
+#collab p{
+  font-size: 1em;
+  margin-bottom: 3px;
+  text-transform: uppercase;
+}
+
 /* Footer / Contact section */
 #contact {
   padding: 20px 0;