From 5a930dd4cf04e68d9c5da43bc7b28656ab970173 Mon Sep 17 00:00:00 2001
From: Kunrong <493553499@qq.com>
Date: Mon, 25 Dec 2023 19:15:53 +0000
Subject: [PATCH] change

---
 about.html        | 5 +++++
 antioxidants.html | 5 +++++
 contact.html      | 5 +++++
 food.html         | 5 +++++
 index.html        | 5 +++++
 protein.html      | 5 +++++
 unhealthyfat.html | 5 +++++
 7 files changed, 35 insertions(+)
diff --git a/about.html b/about.html
index 1b153e7..1d68507 100644
--- a/about.html
+++ b/about.html
@@ -10,9 +10,12 @@
     <body>
         <header>
             <nav>
+                <!--Insert a web logo-->
                 <div class="logo">
                     <a href="index.html"><img src="img/logo/logo.png" alt="Website logo"></a>
                 </div>
+
+                <!--Create a navigation bar-->
                 <ul class="navbar">
                     <li><a href="index.html">Home</a></li>
                     <li class="dropdown">
@@ -31,6 +34,7 @@
             </nav>
         </header>
         <main>
+            <!--Use flexbox to create the about page including an image and a paragraph-->
             <div class="aboutcontainer">
                 <div class="aboutimage">
                     <img src="img/antioxidants/about.jpg" alt="bio image">
@@ -44,6 +48,7 @@ <h1> About Us</h1>
             </div>
         </main>
         <footer>
+            <!--Create the website footer with 3 icons-->
             <div class="footercontainer">
                 <a href="contact.html"><button class="navbtn">Email</button></a>
                 <a href="#"><i class="fa-brands fa-linkedin-in"></i></a>
diff --git a/antioxidants.html b/antioxidants.html
index e8b6627..2a49d33 100644
--- a/antioxidants.html
+++ b/antioxidants.html
@@ -10,9 +10,12 @@
     <body>
         <header>
             <nav>
+                <!--Insert a web logo-->
                 <div class="logo">
                     <a href="index.html"><img src="img/logo/logo.png" alt="Website logo"></a>
                 </div>
+
+                <!--Create a navigation bar-->
                 <ul class="navbar">
                     <li><a href="index.html">Home</a></li>
                     <li class="dropdown">
@@ -31,6 +34,7 @@
             </nav>
         </header>
         <main>
+            <!--Create a flexbox syetem to show images-->
             <h1 class="pagetitle">Antioxidants</h1>
             <div class="thirdcontainer">
                 <img src="img/antioxidants/artichoke-3386681_1920.jpg" alt="artichoke">
@@ -40,6 +44,7 @@ <h1 class="pagetitle">Antioxidants</h1>
             </div>
         </main>
         <footer>
+            <!--Create the website footer with 3 icons-->
             <div class="footercontainer">
                 <a href="contact.html"><button class="navbtn">Email</button></a>
                 <a href="#"><i class="fa-brands fa-linkedin-in"></i></a>
diff --git a/contact.html b/contact.html
index c356753..4360b05 100644
--- a/contact.html
+++ b/contact.html
@@ -10,9 +10,12 @@
     <body>
         <header>
             <nav>
+                <!--Insert a web logo-->
                 <div class="logo">
                     <a href="index.html"><img src="img/logo/logo.png" alt="Website logo"></a>
                 </div>
+
+                 <!--Create a navigation bar-->
                 <ul class="navbar">
                     <li><a href="index.html">Home</a></li>
                     <li class="dropdown">
@@ -31,6 +34,7 @@
             </nav>
         </header>
         <main>
+             <!--Create a contact form-->
             <h1>Contact Form</h1>
             <div class="formcontainer">
                 <form method="post" action="#">
@@ -55,6 +59,7 @@ <h1>Contact Form</h1>
             </div>
         </main>
         <footer>
+            <!--Create the website footer with 3 icons-->
             <div class="footercontainer">
                 <a href="contact.html"><button class="navbtn">Email</button></a>
                 <a href="#"><i class="fa-brands fa-linkedin-in"></i></a>
diff --git a/food.html b/food.html
index 5658956..9ce12a4 100644
--- a/food.html
+++ b/food.html
@@ -10,9 +10,12 @@
     <body>
         <header>
             <nav>
+                <!--Insert a web logo-->
                 <div class="logo">
                     <a href="index.html"><img src="img/logo/logo.png" alt="Website logo"></a>
                 </div>
+
+                <!--Create a navigation bar-->
                 <ul class="navbar">
                     <li><a href="index.html">Home</a></li>
                     <li class="dropdown">
@@ -31,6 +34,7 @@
             </nav>
         </header>
         <main>
+            <!--Create four categories cover images and allow users to click image-->
             <h1 class="pagetitle">Food Ingredients</h1>
             <div class="gallery">
                 <div class="category">
@@ -69,6 +73,7 @@ <h1 class="pagetitle">Food Ingredients</h1>
             </div>
         </main>
         <footer>
+            <!--Create the website footer with 3 icons-->
             <div class="footercontainer">
                 <a href="contact.html"><button class="navbtn">Email</button></a>
                 <a href="#"><i class="fa-brands fa-linkedin-in"></i></a>
diff --git a/index.html b/index.html
index 9f10d26..4648dd8 100644
--- a/index.html
+++ b/index.html
@@ -10,9 +10,12 @@
     <body>
         <header>
             <nav>
+                <!--Insert a web logo-->
                 <div class="logo">
                     <a href="index.html"><img src="img/logo/logo.png" alt="Website logo"></a>
                 </div>
+
+                <!--Create a navigation bar-->
                 <ul class="navbar">
                     <li><a href="index.html">Home</a></li>
                     <li class="dropdown">
@@ -31,6 +34,7 @@
             </nav>
         </header>
         <main>
+            <!--Create a landing page image-->
             <div class="mainpic">
                 <img src="img/collage.jpg" alt="food collage image">
                 <div class="maintitle">Discover Food Ingredients Now!</div>
@@ -38,6 +42,7 @@
             </div>
         </main>
         <footer>
+             <!--Create the website footer with 3 icons-->
             <div class="footercontainer">
                 <a href="contact.html"><button class="navbtn">Email</button></a>
                 <a href="#"><i class="fa-brands fa-linkedin-in"></i></a>
diff --git a/protein.html b/protein.html
index afdcd47..45501a5 100644
--- a/protein.html
+++ b/protein.html
@@ -10,9 +10,12 @@
     <body>
         <header>
             <nav>
+                <!--Insert a web logo-->
                 <div class="logo">
                     <a href="index.html"><img src="img/logo/logo.png" alt="Website logo"></a>
                 </div>
+
+                <!--Create a navigation bar-->
                 <ul class="navbar">
                     <li><a href="index.html">Home</a></li>
                     <li class="dropdown">
@@ -31,6 +34,7 @@
             </nav>
         </header>
         <main>
+            <!--Create a grid system to show image-->
             <h1 class="pagetitle">Protein</h1>
             <div class="gridcontainer">
                 <div class="item"><img src="img/protein/canape-2802_1920.jpg" alt="canape"></div>
@@ -43,6 +47,7 @@ <h1 class="pagetitle">Protein</h1>
             </div>
         </main>
         <footer>
+            <!--Create the website footer with 3 icons-->
             <div class="footercontainer">
                 <a href="contact.html"><button class="navbtn">Email</button></a>
                 <a href="#"><i class="fa-brands fa-linkedin-in"></i></a>
diff --git a/unhealthyfat.html b/unhealthyfat.html
index a1b8f96..29fdc83 100644
--- a/unhealthyfat.html
+++ b/unhealthyfat.html
@@ -10,9 +10,12 @@
     <body>
         <header>
             <nav>
+                <!--Insert a web logo-->
                 <div class="logo">
                     <a href="index.html"><img src="img/logo/logo.png" alt="Website logo"></a>
                 </div>
+
+                <!--Create a navigation bar-->
                 <ul class="navbar">
                     <li><a href="index.html">Home</a></li>
                     <li class="dropdown">
@@ -31,6 +34,7 @@
             </nav>
         </header>
         <main>
+            <!--Create a flexbox syetem to show images-->
             <h1 class="pagetitle">Unhealthy Fat</h1>
             <div class="thirdcontainer">
                 <img src="img/unhealthyfood/cake-balls-4139982_1920.jpg" alt="cakes">
@@ -40,6 +44,7 @@ <h1 class="pagetitle">Unhealthy Fat</h1>
             </div>
         </main>
         <footer>
+            <!--Create the website footer with 3 icons-->
             <div class="footercontainer">
                 <a href="contact.html"><button class="navbtn">Email</button></a>
                 <a href="#"><i class="fa-brands fa-linkedin-in"></i></a>
