Fase 3 - fondo para el header

+ Se agrega fondo para el header de las páginas. No quería ponerle fondo pero me dijeron que lo hiciera. :(
afestupinanp · Nov 2, 2021 · 6c3a526 · 6c3a526
1 parent 185c5bb
commit 6c3a526
Show file tree

Hide file tree

Showing 8 changed files with 14 additions and 8 deletions.
diff --git a/fase3/acerca-de.html b/fase3/acerca-de.html
@@ -12,8 +12,8 @@
     </head>
     <body>
         <header>
-            <h3 class="centrado">Sintaxis y Selectores CSS e Interacción Humano-Ordenador</h3>
             <nav>
+                <h3 class="centrado titulo-pagina">Sintaxis y Selectores CSS e Interacción Humano-Ordenador</h3>
                 <ul class="nav">
                     <div class="seccion-normal">
                         <li class="nav-inicio">

diff --git a/fase3/images/header.png b/fase3/images/header.png
diff --git a/fase3/index.html b/fase3/index.html
@@ -12,8 +12,8 @@
     </head>
     <body>
         <header>
-            <h3 class="centrado">Sintaxis y Selectores CSS e Interacción Humano-Ordenador</h3>
             <nav>
+                <h3 class="centrado titulo-pagina">Sintaxis y Selectores CSS e Interacción Humano-Ordenador</h3>
                 <ul class="nav">
                     <div class="seccion-normal">
                         <li class="nav-inicio">

diff --git a/fase3/recurso-1.html b/fase3/recurso-1.html
@@ -12,8 +12,8 @@
     </head>
     <body>
         <header>
-            <h3 class="centrado">Sintaxis y Selectores CSS e Interacción Humano-Ordenador</h3>
             <nav>
+                <h3 class="centrado titulo-pagina">Sintaxis y Selectores CSS e Interacción Humano-Ordenador</h3>
                 <ul class="nav">
                     <div class="seccion-normal">
                         <li class="nav-inicio">

diff --git a/fase3/recurso-2.html b/fase3/recurso-2.html
@@ -12,8 +12,8 @@
     </head>
     <body>
         <header>
-            <h3 class="centrado">Sintaxis y Selectores CSS e Interacción Humano-Ordenador</h3>
             <nav>
+                <h3 class="centrado titulo-pagina">Sintaxis y Selectores CSS e Interacción Humano-Ordenador</h3>
                 <ul class="nav">
                     <div class="seccion-normal">
                         <li class="nav-inicio">

diff --git a/fase3/style.css b/fase3/style.css
@@ -8,11 +8,16 @@ html {
 nav {
     display: flex;
     flex-direction: column;
-    background-color: rgb(250, 250, 250);
+    background: linear-gradient(to top, #b1ffae, rgba(255, 255, 255, 0.0));
     align-items: center;
     justify-content: center;
     align-content: center;
     box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.418);
+    padding-bottom: 10px;
+}
+
+.titulo-pagina {
+    color: rgb(0, 110, 255);
 }
 
 ul.nav {
@@ -185,7 +190,8 @@ header {
     display: block;
     position: fixed;
     width: 100%;
-    background-color: #b1ffae;
+    background: url("images/header.png") no-repeat center;
+    background-size: cover;
 }
 
 .contenido {

diff --git a/fase3/tema1.html b/fase3/tema1.html
@@ -12,8 +12,8 @@
     </head>
     <body>
         <header>
-            <h3 class="centrado">Sintaxis y Selectores CSS e Interacción Humano-Ordenador</h3>
             <nav>
+                <h3 class="centrado titulo-pagina">Sintaxis y Selectores CSS e Interacción Humano-Ordenador</h3>
                 <ul class="nav">
                     <div class="seccion-normal">
                         <li class="nav-inicio">

diff --git a/fase3/tema2.html b/fase3/tema2.html
@@ -12,8 +12,8 @@
     </head>
     <body>
         <header>
-            <h3 class="centrado">Sintaxis y Selectores CSS e Interacción Humano-Ordenador</h3>
             <nav>
+                <h3 class="centrado titulo-pagina">Sintaxis y Selectores CSS e Interacción Humano-Ordenador</h3>
                 <ul class="nav">
                     <div class="seccion-normal">
                         <li class="nav-inicio">