اليوم قمت ببناء موقع على الانترنت
من خلال تجميع المعرفة التراكمية من الأيام الخمسة الماضية، قمت بإنشاء موقع كتاب وصفات عملي، مع لمسة من CSS للتصميم.

رابط الموقع- Ofameh_Recipe_Site

كتلة كود HTML:

  
    
    
    
    
  
  
    

      
Ofameh's Recipe Book
    
    
    

      

        
Breakfast Recipes
          Email   

         

         Catch Us on X:   Twitter 
         

        
      
    
    
  

كتلة التعليمات البرمجية في 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;
} 

لقد كان تجميع كل ما تعلمته حتى الآن في اليوم الخامس لبناء هذا أمرًا مرضيًا بالنسبة لي لأن الهدف الأساسي من هذا التمرين هو التعلم القائم على المشاريع.
لذا فإن القيام بذلك لمدة 5 أيام والقدرة على إنشاء موقع جيد مثل هذا يعني الكثير بالنسبة لي

مع ذلك، ستحتوي الأيام من 6 إلى 10 على ما أسميه مواقع الويب لعدة أيام، وسأقوم هنا كل يوم بإنشاء موقع سيصبح أكثر صعوبة وتعقيدًا تدريجيًا.
كن هناك!