Sexto commit

contacto.html

@@ -26,7 +26,7 @@
 
 <section id="contact" class="contact-section">
     <div class="contact-info">
-        <h2>Si estás aquí es porque te gusta lo que ves así, que no tardes mucho en escribirme que necesito comer.</h2>
+        <h2>Si estás aquí es porque te gusta lo que ves, así que no tardes mucho en escribirme que necesito comer.</h2>
         <p>Si tienes alguna pregunta, no dudes en ponerte en contacto conmigo. Estaré encantado de ayudarte.</p>
         <div class="contact-details">
             <p><strong>Teléfono:</strong> +34 626 76 23 96</p>

proyecto1.html

@@ -23,11 +23,15 @@
     </header>
     <!-- Contenido específico de cada página -->
     <div id="content">
-
+        <div class="explicacionesdcam">
+            <p>Desarrollo de identidad visual para DCAM, una empresa de venta de juegos de mesa. El cliente me dio libertad creativa mientras que la marca fuese reconocible y facil de adaptar a cualquier envase de juego de mesa, página web, etc.</p>
+        </div>        
 <div class="proyecto1">
     <img src="static/images/dcam1.png" alt="DCAM">
-    <img src="static/images/dcam2.png" alt="DCAM">
+    <img src="static/images/dcam2.webp" alt="DCAM">
+    <img src="static/images/dcam3.webp" alt="DCAM">
 </div>
+<img class="proyecto1" src="static/images/dcam4.webp" alt="DCAM">
 <footer>
     <p>Carlos Salado ©</p>
 </footer>

proyecto2.html

@@ -23,8 +23,10 @@
     </header>
     <!-- Contenido específico de cada página -->
     <div id="content">
-
-<div class="proyecto2">
+        <div class="explicacioneswrappel">
+            <p>Proyecto final de grado. Consistía en la creación de una empresa de rotulación y su identidad visual.</p>
+        </div>
+        <div class="proyecto2">
     <img src="static/images/logowrappel.png" alt="wrappel1">
 </div>
 <div class="wrappel">

proyecto3.html

@@ -21,9 +21,12 @@
             </ul>
         </nav>
     </header>
+
     <!-- Contenido específico de cada página -->
     <div id="content">
-
+        <div class="explicacionesyw">
+            <p>Desarrollo de identidad visual para YEWERLY, una empresa de cosmeticos femeninos. El cliente queria un logotipo minimalista, adaptable a formatos pequeños y variados y que recordase al estilo de escritura a mano.</p>
+        </div>
 <div class="proyecto3">
     <img src="static/images/yewerlylogo.png" alt="yewerly">
 </div>
@@ -33,6 +36,7 @@
 <div class="yewerly">
     <img src="static/images/yewerlysimbolo.png" alt="yewerlysimbolo">
 </div>
+    <img class="yewerly" src="static/images/ywmockup.webp" alt="yewerlysimbolo">
 <footer>
     <p>Carlos Salado ©</p>
 </footer>

proyecto4.html

@@ -23,13 +23,18 @@
     </header>
     <!-- Contenido específico de cada página -->
     <div id="content">
-
+        <div class="explicacionessangre">
+            <p>Proyecto ficticio. Consiste en la elaboración de un logotipo y etiquetas para una marca de vinos ficticia.</p>
+        </div>        
 <div class="proyecto4">
     <img src="static/images/sangre.png" alt="sangre">
 </div>
 <div class="proyecto4">
     <img src="static/images/sangre2.png" alt="sangre2">
 </div>
+<div class="proyecto4">
+    <img src="static/images/sangre.webp" alt="sangre2">
+</div>
 <div class="proyecto4">
     <img src="static/images/mockupsangre.png" alt="mockup">
 </div>

proyecto5.html

@@ -22,8 +22,11 @@
         </nav>
     </header>
     <!-- Contenido específico de cada página -->
+        <div class="explicacionesborne">
+            <p>Desarrollo de identidad visual para la marca de perfumes BORNE. El proyecto incluyó la creación de un logotipo minimalista y elegante, así como el diseño de etiquetas que reflejaran la sofisticación y exclusividad de la marca.</p>
+        </div>
     <div id="content">
-        
+
 <div class="proyecto5">
     <img src="static/images/borne.png" alt="logo">
 </div>
@@ -33,6 +36,7 @@
 <div class="proyecto5">
     <img src="static/images/borne3.png" alt="mockup">
 </div>
+    <img class="proyecto5" src="static/images/bornemockup.webp" alt="mockup">
 <footer>
     <p>Carlos Salado ©</p>
 </footer>

static/css/style.css

@@ -135,7 +135,9 @@ div p span {
 }
 
 footer {
+    background-color: black;
     clear: both;
+    margin: 0px;
 }
 
 footer p {
@@ -227,6 +229,9 @@ footer p {
 
 .proyecto1 {
     background-color: #80336E;
+    margin: 0px;
+    max-width: 100%;
+    object-fit: cover;
 }
 
 .proyecto1 img{
@@ -267,6 +272,9 @@ footer p {
 
 .yewerly {
     background-color: #ffffff;
+    margin: 0px;
+    max-width: 100%;
+    object-fit: cover;
 }
 
 .yewerly img{
@@ -297,10 +305,15 @@ footer p {
 
 .proyecto5 {
     background-color: #ffffff;
+    margin: 0px;
+    padding: 0%;
+    max-width: 100%;
+    object-fit: cover;
 }
 
 .proyecto5 img{
     margin: 0px;
+    padding: 0%;
     max-width: 100%;
     object-fit: cover;
 }
@@ -331,3 +344,52 @@ footer p {
     width: 100%; /* Las imágenes ocupan todo el ancho del contenedor */
     height: auto; /* Mantener la relación de aspecto */
 }
+
+.explicacionesborne {
+    font-family: 'Roboto', sans-serif;
+    font-weight: bold;
+    font-size: 1.5rem;
+    background-color: white;
+    padding: 18%;
+    text-align: center;
+}
+
+.explicacionesyw {
+    font-family: 'Roboto', sans-serif;
+    font-weight: bold;
+    font-size: 1.5rem;
+    background-color: #C998C5;
+    color: white;
+    padding: 18%;
+    text-align: center;
+}
+
+.explicacionesdcam {
+    font-family: 'Roboto', sans-serif;
+    font-weight: bold;
+    font-size: 1.5rem;
+    background-color: #80336E;
+    color: #FFBF2B;
+    padding: 18%;
+    text-align: center;
+}
+
+.explicacioneswrappel {
+    font-family: 'Roboto', sans-serif;
+    font-weight: bold;
+    font-size: 1.5rem;
+    background-color: #FAC060;
+    color: #ffffff;
+    padding: 18%;
+    text-align: center;
+}
+
+.explicacionessangre {
+    font-family: 'Roboto', sans-serif;
+    font-weight: bold;
+    font-size: 1.5rem;
+    background-color: #000000;
+    color: #FABB52;
+    padding: 18%;
+    text-align: center;
+}