Heute habe ich eine Website erstellt
Ich habe das gesammelte Wissen der letzten 5 Tage zusammengestellt und eine funktionale Rezeptbuch-Site mit einem Hauch von CSS für das Styling erstellt.

Link zur Website – Ofameh_Recipe_Site

HTML-Codeblock:

  
    
Ofameh's Recipe Book
    
Breakfast Recipes
          Email   


         Catch Us on X:   Twitter 
         

CSS-Codeblock-

  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;
} 

Alles, was ich bisher am fünften Tag gelernt habe, zusammenzuführen, um dies aufzubauen, hat mir Freude bereitet, denn der Sinn dieser Übung ist projektbasiertes Lernen.
Es bedeutet mir also sehr viel, dies fünf Tage lang zu tun und eine so gute Website erstellen zu können

Abgesehen davon werden die Tage 6 bis 10 tagelang das beinhalten, was ich Websites nenne. Hier werde ich jeden Tag eine Website erstellen, die zunehmend schwieriger und komplexer wird.
Da sein!