COMPLETANDO LA PAGINA CON FOOTER Y LOGO
Atienda las isntrucciones del profesor:
1. colcoando el footer
<footer>
<div class="footer-content">
<p>© 2023 Crónica Deportiva. Todos los derechos reservados.</p>
</div>
</footer>
aplicando estilo al footer
footer {
background-color: #4069de;
color: white;
padding: 10px 0;
text-align: center;
}
.footer-content {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
2. colocando logotipo
<nav>
<div class="navbar">
<div class="logo">
<a href="#"> <img src="logo.png" alt="Logo"> Crónica deportiva </a>
</div>
<ul class="menu">
<li><a href="menu2.html">Inicio</a></li>
<li><a href="actualidad.html">Actualidad</a></li>
<li><a href="laliga.html">La liga</a></li>
<li><a href="internacional.html">Internacional</a></li>
<li><a href="contactenos.html">Contacto</a></li>
</ul>
</div>
</nav>
aplicando estilo al logo
.logo img {
width: 100px; /* Ancho del logo */
height: auto; /* Alto del logo */
margin-right: 5px; /* Espacio entre el logo y el texto */
border-radius: 5px; /* Para hacerlo un poco redondo */
}
4. Preparando el menú para las demas paginas
5. copiando pagina para siguiente link en el menú
Una vez que la pagina del menú esté funcionando, copiela con otro nombre, el nombre debe ser de acuerdo a la opción de su menu que quiera implementar (el que ha indicado en el paso anterior), la idea es tener una copia de su pagina principal, modifique los titulos de esta nueva pagina para que adquiera el aspecto de la nueva opcion de menú.
Este paso debe repetirlo para las demas paginas de opciones del menu principal
No hay comentarios:
Publicar un comentario