<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<title>NEW-WEB</title>
</head>
<body>
<header>
<ul>
<li><a href="#home">Inicio</a></li>
<li><a href="#about">Acerca de</a></li>
<li><a href="#services">Servicios</a></li>
<li><a href="#contact">Contacto</a></li>
</ul>
</header>
<main>
<h1><strong>Bienvenido a este humilde sitio web</strong></h1>
<h3>Autor: Daniel Gallego</h3>
<p>Un sitio web básico que he creado con HTML y CSS es una representación simple pero funcional de una página web estática. Utilizando HTML para estructurar el contenido, he organizado secciones como un encabezado, un cuerpo de texto, y un pie de página. Con CSS, he estilizado los elementos para mejorar la apariencia visual, aplicando colores, fuentes, y márgenes que le dan un toque personalizado y limpio. Aunque es sencillo, este sitio muestra lo esencial de un diseño web eficiente y es un punto de partida para desarrollar habilidades más avanzadas en diseño y desarrollo web.</p>
<button><a href="https://github.com/">GitHub</a></button>
<button><a href="https://www.instagram.com/">Instagram</a></button>
<img src="pagina-web-1.jpg" alt="Presentación">
</main>
<footer>
<p>Esta página web fue creada por Daniel Gallego. Todos los contenidos, incluyendo textos,
imágenes y otros materiales presentes en este sitio, están protegidos por derechos de autor.
Queda prohibida la reproducción, distribución o uso no autorizado de cualquier parte de este
sitio sin el consentimiento expreso del autor.</p>
</footer>
</body>
</html>
body{
background-color: #000000;
color: #F6F6F6;
font-family: Verdana, Geneva, Tahoma, sans-serif;
}
ul{
background-color: #f6f6f6;
}
a{
text-decoration: none;
}
li{
display: inline-block;
margin-right:75px;
}
button{
border: 5px solid #22D4FD;
padding: 10px;
margin-right: 25px;
display: inline-block;
}