change

Birkbeck2 · Dec 25, 2023 · 5a930dd · 5a930dd
1 parent 38c2707
commit 5a930dd
Show file tree

Hide file tree

Showing 7 changed files with 35 additions and 0 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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,13 +34,15 @@
             </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>
                 <a href="food.html"><button class="picbtn">Explore</button></a>
             </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
@@ -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
@@ -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>