esta plantilla la saqué de una web de descarga de plantillas gratis.
si no me equiboco hera plantillashtmlgratis.com
y la modifiqué, dejo el html y el css para que revisen.
nota: solo usé gpt para correjir los errores ortográficos. nada más.
html:
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Creativa radio web</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Creativa radio web</h1>
<p>Mas Que Una Radio. Una Experiencia</p>
<nav>
<a href="index.html">Inicio</a>
<a href="AcercaDe.html">Acerca De</a>
<a href="Contacto.html">Contacto</a>
<a href="EnVivo.html">En Vivo</a>
<a href="Playlist.html">Playlist</a>
<a href="Podkast.html">Podkast</a>
<a href="Programas.html">Programación</a>
</nav>
<h2>bienvenidos a creativa radio web</h2>
<p>Creativa Radio Web es un joven proyecto iniciado en el año 2018 como un proyecto escolar por Chuy Galletto, un joven estudiante con discapacidad visual apasionado por el mundo radiofónico. Tiempo después se fue expandiendo hasta convertirse en una radio web de contenido general y variado.</p>
<h2>Qué puedes encontrar en Creativa Radio Web</h2>
<ul>
<li>Música:
Una gran selección de géneros musicales, pasando por diferentes épocas y estilos.</li>
<li>Noticias:
Mantenemos a nuestros oyentes informados sobre todo lo que pasa en el país y el mundo, desde información general, internacional, local, nacional, noticias deportivas, y las últimas noticias.</li>
<li>Compañía y entretenimiento:
¿Te sientes solo o aburrido? Con nosotros eso se acabó. Te ofrecemos la mejor compañía y el mejor entretenimiento.</li>
</ul>
<h2>Dónde escucharnos</h2>
<p>Puedes escucharnos desde esta misma web o buscándonos en Online Radio Box.</p>
<a href="https://onlineradiobox.com/uy/lavozdesalto">Escúchanos en Online Radio Box</a>
</body>
</html>
css:
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #ffffff;
color: #333;
}
header {
background-color: #4CAF50;
color: white;
padding: 20px;
text-align: center;
}
h1 {
margin: 0;
font-size: 2.5em;
}
nav {
background-color: #333;
}
nav ul {
list-style: none;
margin: 0;
padding: 10px 0;
text-align: center;
}
nav li {
display: inline;
margin: 0 15px;
}
nav a {
text-decoration: none;
color: white;
font-size: 1.2em;
}
section {
padding: 20px;
}
h2 {
text-align: center;
font-size: 2em;
color: #4CAF50;
}
p {
text-align: justify;
line-height: 1.6;
}
ul {
padding-left: 20px;
}
li {
margin-bottom: 10px;
line-height: 1.5;
}
footer {
background-color: #333;
color: #fff;
text-align: center;
padding: 10px;
position: fixed;
width: 100%;
bottom: 0;
}