Hoy construí un sitio web
Reuniendo el conocimiento acumulado de los últimos cinco días, construí un sitio de libros de recetas funcional, con un toque de CSS para el estilo.

Enlace al sitio: Ofameh_Recipe_Site

Bloque de código HTML:

  
    
Ofameh's Recipe Book
    
Breakfast Recipes
          Email   


         Catch Us on X:   Twitter 
         

Bloque de código CSS-

  body {
  font-family: Arial, sans-serif;
  line-height: 1.6;
  margin: 0;
  padding: 0;
}

header,
main,
footer {
  padding: 20px;
  margin: 10px;
}

header {
  background-color: black;
  color: white;
  text-align: center;
}

nav ul {
  list-style-type: none;
  padding: 0;
  display: flex;
  justify-content: space-around;
}

nav ul li {
  margin: 0 10px;
}

section {
  margin-bottom: 20px;
}

article {
  border: 1px solid #ccc;
  padding: 10px;
  margin: 10px 0;
}

img {
  max-width: 100%;
  height: auto;
}

footer {
  background-color: #333;
  color: white;
  text-align: center;
  padding: 10px 0;
}

button {
  display: inline-block;
  padding: 10px 20px;
  font-size: 16px;
  color: black;
  border: none;
  border-radius: 5px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: #ccc;
  transition: background-color 0.3s ease, transform 0.3s ease;
}

button:hover {
  background-color: black;
  transform: translateY(-2px);
  color: white;
} 

Reunir todo lo que he aprendido hasta ahora el día 5 para construir esto ha sido gratificante para mí porque el objetivo de este ejercicio es el aprendizaje basado en proyectos.
Así que hacer esto durante 5 días y poder construir un sitio tan bueno significa mucho para mí

Dicho esto, los días 6 a 10 contarán con lo que yo llamo sitios web durante días, aquí cada día crearé un sitio que progresivamente se volverá más difícil y complejo.
¡Esté ahí!