diff --git a/about.html b/about.html
index 1d68507..206ca42 100644
--- a/about.html
+++ b/about.html
@@ -3,7 +3,7 @@
     <head>
         <meta name="viewport" content="width=device-width, initial-scale=1">
         <meta charset="UTF-8">
-        <title>Kunrong's Website</title>
+        <title>About</title>
         <link rel="stylesheet" href="style.css">
         <script src="https://kit.fontawesome.com/72bafd2989.js" crossorigin="anonymous"></script>
     </head>
@@ -22,7 +22,7 @@
                     <a href="food.html">Food</a>
                         <div class="dropdown-content">
                           <a href="food.html">All</a>
-                          <a href="carbonhydrate.html">Carbonhydrate</a>
+                          <a href="carbohydrate.html">Carbonhydrate</a>
                           <a href="protein.html">Protein</a>
                           <a href="antioxidants.html">Antioxidants</a>
                           <a href="unhealthyfat.html">Unhealthy Fat</a>
@@ -42,7 +42,7 @@
                 <div class="abouttext">
                     <h1> About Us</h1>
                     <p>
-                        We believe that clean eating should be accessible, adventurous, and downright delicious. Our philosophy is that we function how we fuel.Founded in 2018, Fresh Green pairs art and science with creative and conscious, packing flavor into every original recipe. On the heels of a personal health scare, the founder envisioned Fresh Green as the place to quickly customize a wholesome meal without compromising taste or the quality of its unique ingredients. We simply putting convenience and benefit at the heart of clean eating.
+                        We believe that clean eating should be accessible, adventurous, and downright delicious. Our philosophy is that we function how we fuel.Founded in 2023, Know Food Better pairs art and science with creative and conscious, packing flavor into every original recipe. On the heels of a personal health scare, the founder envisioned Fresh Green as the place to quickly customize a wholesome meal without compromising taste or the quality of its unique ingredients. We simply putting convenience and benefit at the heart of clean eating.
                     </p>
                 </div>
             </div>
diff --git a/antioxidants.html b/antioxidants.html
index 2a49d33..e787d83 100644
--- a/antioxidants.html
+++ b/antioxidants.html
@@ -3,7 +3,7 @@
     <head>
         <meta name="viewport" content="width=device-width, initial-scale=1">
         <meta charset="UTF-8">
-        <title>Kunrong's Website</title>
+        <title>Antioxidants</title>
         <link rel="stylesheet" href="style.css">
         <script src="https://kit.fontawesome.com/72bafd2989.js" crossorigin="anonymous"></script>
     </head>
@@ -22,7 +22,7 @@
                     <a href="food.html">Food</a>
                         <div class="dropdown-content">
                           <a href="food.html">All</a>
-                          <a href="carbonhydrate.html">Carbonhydrate</a>
+                          <a href="carbohydrate.html">Carbonhydrate</a>
                           <a href="protein.html">Protein</a>
                           <a href="antioxidants.html">Antioxidants</a>
                           <a href="unhealthyfat.html">Unhealthy Fat</a>
diff --git a/carbohydrate.html b/carbohydrate.html
new file mode 100644
index 0000000..ae745ec
--- /dev/null
+++ b/carbohydrate.html
@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<html lang="en-GB">
+    <head>
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <meta charset="UTF-8">
+        <title>Carbohydrate</title>
+        <link rel="stylesheet" href="style.css">
+        <script src="https://kit.fontawesome.com/72bafd2989.js" crossorigin="anonymous"></script>
+    </head>
+    <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">
+                    <a href="food.html">Food</a>
+                        <div class="dropdown-content">
+                          <a href="food.html">All</a>
+                          <a href="carbohydrate.html">Carbonhydrate</a>
+                          <a href="protein.html">Protein</a>
+                          <a href="antioxidants.html">Antioxidants</a>
+                          <a href="unhealthyfat.html">Unhealthy Fat</a>
+                        </div>
+                    </li>
+                    <li><a href="about.html">About</a></li>
+                    <li><a href="contact.html"><button class="navbtn">Contact</button></a></li>
+                </ul>
+            </nav>
+        </header>
+        <main>
+            <!--Create a flexbox syetem to show images-->
+            <h1 class="pagetitle">Carbonhydrate</h1>
+            <div class="bigcontainer">
+                <div class="firstcontainer">
+                    <img src="img/carbonhydrate/bread-1281053.jpg" alt="bread">
+                </div>
+                <div class="secondcontainer">
+                    <img src="img/carbonhydrate/bread-4077812_1920.jpg" alt="bread">
+                    <img src="img/carbonhydrate/cookies-g09f0373b4_1920.jpg" alt="cookie">
+                    <img src="img/carbonhydrate/fig-3640553_1920.jpg" alt="fig">
+                    <img src="img/carbonhydrate/noodles-516635_1920.jpg" alt="noodle">
+                    <img src="img/carbonhydrate/ramen-7187810_1920.jpg" alt="ramen">
+                    <img src="img/carbonhydrate/waffles-gd7d530cde_1920.jpg" alt="waffle">
+                </div>
+            </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>
+                <a href="#"><i class="fa-brands fa-instagram"></i></a>
+                <a href="#"><i class="fa-brands fa-x-twitter"></i></a>
+            </div>
+        </footer>
+    </body>
+</html>
\ No newline at end of file
diff --git a/contact.html b/contact.html
index 4360b05..17eebf1 100644
--- a/contact.html
+++ b/contact.html
@@ -3,7 +3,7 @@
     <head>
         <meta name="viewport" content="width=device-width, initial-scale=1">
         <meta charset="UTF-8">
-        <title>Kunrong's Website</title>
+        <title>Contact</title>
         <link rel="stylesheet" href="style.css">
         <script src="https://kit.fontawesome.com/72bafd2989.js" crossorigin="anonymous"></script>
     </head>
@@ -22,7 +22,7 @@
                     <a href="food.html">Food</a>
                         <div class="dropdown-content">
                           <a href="food.html">All</a>
-                          <a href="carbonhydrate.html">Carbonhydrate</a>
+                          <a href="carbohydrate.html">Carbonhydrate</a>
                           <a href="protein.html">Protein</a>
                           <a href="antioxidants.html">Antioxidants</a>
                           <a href="unhealthyfat.html">Unhealthy Fat</a>
diff --git a/food.html b/food.html
index 9ce12a4..bbed826 100644
--- a/food.html
+++ b/food.html
@@ -3,7 +3,7 @@
     <head>
         <meta name="viewport" content="width=device-width, initial-scale=1">
         <meta charset="UTF-8">
-        <title>Kunrong's Website</title>
+        <title>Food</title>
         <link rel="stylesheet" href="style.css">
         <script src="https://kit.fontawesome.com/72bafd2989.js" crossorigin="anonymous"></script>
     </head>
@@ -22,7 +22,7 @@
                     <a href="food.html">Food</a>
                         <div class="dropdown-content">
                           <a href="food.html">All</a>
-                          <a href="carbonhydrate.html">Carbonhydrate</a>
+                          <a href="carbohydrate.html">Carbonhydrate</a>
                           <a href="protein.html">Protein</a>
                           <a href="antioxidants.html">Antioxidants</a>
                           <a href="Unhealthyfood.html">Unhealthy Fat</a>
@@ -38,10 +38,10 @@
             <h1 class="pagetitle">Food Ingredients</h1>
             <div class="gallery">
                 <div class="category">
-                    <a href="carbonhydrate.html">
-                        <img src="img/carbonhydrate/cover.jpg" width="600" height="400" alt="carbonhydrate cover">
+                    <a href="carbohydrate.html">
+                        <img src="img/carbonhydrate/cover.jpg" width="600" height="400" alt="carbohydrate cover">
                     </a>
-                    <div class="title">Carbonhydrate</div>
+                    <div class="title">Carbohydrate</div>
                 </div>
             </div>
 
diff --git a/index.html b/index.html
index 4648dd8..76c8197 100644
--- a/index.html
+++ b/index.html
@@ -3,7 +3,7 @@
     <head>
         <meta name="viewport" content="width=device-width, initial-scale=1">
         <meta charset="UTF-8">
-        <title>Kunrong's Website</title>
+        <title>Know Food Better</title>
         <link rel="stylesheet" href="style.css">
         <script src="https://kit.fontawesome.com/72bafd2989.js" crossorigin="anonymous"></script>
     </head>
@@ -22,7 +22,7 @@
                     <a href="food.html">Food</a>
                         <div class="dropdown-content">
                             <a href="food.html">All</a>
-                            <a href="carbonhydrate.html">Carbonhydrate</a>
+                            <a href="carbohydrate.html">Carbohydrate</a>
                             <a href="protein.html">Protein</a>
                             <a href="antioxidants.html">Antioxidants</a>
                             <a href="unhealthyfat.html">Unhealthy Fat</a>
diff --git a/protein.html b/protein.html
index 45501a5..a10e664 100644
--- a/protein.html
+++ b/protein.html
@@ -3,7 +3,7 @@
     <head>
         <meta name="viewport" content="width=device-width, initial-scale=1">
         <meta charset="UTF-8">
-        <title>Kunrong's Website</title>
+        <title>Protein</title>
         <link rel="stylesheet" href="style.css">
         <script src="https://kit.fontawesome.com/72bafd2989.js" crossorigin="anonymous"></script>
     </head>
@@ -22,7 +22,7 @@
                     <a href="food.html">Food</a>
                         <div class="dropdown-content">
                           <a href="food.html">All</a>
-                          <a href="carbonhydrate.html">Carbonhydrate</a>
+                          <a href="carbohydrate.html">Carbonhydrate</a>
                           <a href="protein.html">Protein</a>
                           <a href="antioxidants.html">Antioxidants</a>
                           <a href="unhealthyfat.html">Unhealthy Fat</a>
diff --git a/unhealthyfat.html b/unhealthyfat.html
index 29fdc83..89f32a4 100644
--- a/unhealthyfat.html
+++ b/unhealthyfat.html
@@ -3,7 +3,7 @@
     <head>
         <meta name="viewport" content="width=device-width, initial-scale=1">
         <meta charset="UTF-8">
-        <title>Kunrong's Website</title>
+        <title>Unhealthy Fat</title>
         <link rel="stylesheet" href="style.css">
         <script src="https://kit.fontawesome.com/72bafd2989.js" crossorigin="anonymous"></script>
     </head>
@@ -22,7 +22,7 @@
                     <a href="food.html">Food</a>
                         <div class="dropdown-content">
                           <a href="food.html">All</a>
-                          <a href="carbonhydrate.html">Carbonhydrate</a>
+                          <a href="carbohydrate.html">Carbonhydrate</a>
                           <a href="protein.html">Protein</a>
                           <a href="antioxidants.html">Antioxidants</a>
                           <a href="unhealthyfat.html">Unhealthy Fat</a>
