diff --git a/about.html b/about.html
new file mode 100644
index 0000000..75d9110
--- /dev/null
+++ b/about.html
@@ -0,0 +1,118 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="utf-8">
+        <meta name="description" content="Glory Carriers Ministry Int'l is a  global ministry designed to bring men into the light of God's Glory, untill all eyes can see Christ revealed.">
+        <meta name="keywords" content="glory carriers, embassy of glory, GCMI,">
+        <meta name="author" content="gcmi">
+        <meta property="og:title" content="Glory Carriers Ministry Int'l">
+        <meta property="og:description" content="Glory Carriers Ministry Int'l is a  global ministry designed to bring men into the light of God's Glory, untill all eyes can see Christ revealed.">
+        <meta property="og:image" content="">
+        <meta property="og:url" content="">
+
+        <!--twitter social share-->
+        <meta name="twitter:card" content="summary_large_image">
+        <meta name="twitter:title" content="Glory Carriers Ministry Int'l" id="twitterTitle">
+        <meta name="twitter:description" content="Glory Carriers Ministry Int'l is a  global ministry designed to bring men into the light of God's Glory, untill all eyes can see Christ revealed." id="twitterDescription">
+        <meta name="twitter:image" content="static/img/logo.png" id="twitterImage">
+        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+        <link rel="stylesheet" href="static/css/pageloader.css">
+        <title>GCMI</title>
+        
+        <style>
+            .bg-secondary{
+                background: #D9D9D9 !important;
+            }
+        </style>
+
+        <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>    
+    </head>
+    <body>
+         <!--============PRELOADER==============-->
+         <div id="preloader">
+            <div class="container">
+                <div class="ring"></div>
+                <div class="ring"></div>
+                <div class="ring"></div>
+                <div class="loading">
+                    <img width="80" src="static/img/g_logo.png" alt="GCMI G_logo">
+                </div>
+            </div>
+        </div>
+        <!--============PRELOADER END==============-->
+
+        <!--============ROOT SECTION==============-->
+        <section id="root" class="show-hidden">
+            <!--=========HEADER BEGIN===========-->
+            <nav id="header" class="navbar navbar-expand-md navbar-dark  fixed-top mediumnavigation nav-down" aria-label="Fourth navbar example">
+                
+            </nav>
+            <!--=========HEADER END===========-->
+            
+            <!--=========MAIN BEGIN===========-->
+            <main style="overflow: hidden;">
+                <!---=========INTRO BEGIN========-->
+                <section class="mt-5 pt-5 mb-0 ft-upper">
+                    <div class="container">
+                        <div class="row justify-content-center align-items-center container mt-5">
+                            <div class="col-md-4 mt-5 justify-content-center container d-grid">
+                                <img src="static/img/about.png" width="400" alt="about">
+                            </div>
+
+                            <div class="col-md-8 justify-content-center container">
+                                <div class="row text-md-end text-center fw-bold">
+                                    <div class="col-12">
+                                        <h2 class="fw-bold" style="color: var(--fire-red);">ABOUT OUR SET MAN</h2>
+                                        <p class=" text-md-end text-center text-dark">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis.</p>
+                                    </div>
+                                    <div class="col-12">
+                                        <h2 class="fw-bold" style="color: var(--fire-red);">OUR VISION</h2>
+                                        <p class=" text-md-end text-center text-dark">To Cover the whole earth with the knowledge of the Glory of God until every eye sees Jesus revealed. To show how that every human can now walk with the life and authority of God on Earth as it is in Heaven. To make sure no man goes to hell because all authority has been given to us as a church to subject satan and hell to nullity by the preaching of the Gospel which is the power of God on to salvation.</p>
+                                    </div>
+                                    <div class="col-12">
+                                        <h2 class="fw-bold" style="color: var(--fire-red);">OUR MISSION</h2>
+                                        <p class=" text-md-end text-center text-dark">Our strategy to fulfilling this God given vision is to train and equip men to go into every system of the world and takeover for God’s kingdom. To have a world-class auditorium that has never been heard of in Benue state, Nigeria and the entire nations of the Earth. This way, men from every part of the world can comfortably sit and be transformed into God's plan. There is within us by the spirit, a voracious appetite to making sure what God has showed us becomes a reality.</p>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        
+                    </div>
+
+                    <div class=""></div>
+                    
+                </section>
+                
+                <!---=========INTRO END========-->
+                
+            </main>
+            <!--=========MAIN END===========-->
+
+            <div class="ellipse_circle"></div>
+            <div class="ellipse_circle_blue" style="bottom: -10%;"></div>
+            <!--=========FOOTER BEGIN===========-->
+
+            <footer id="footer" class="pt-5 pb-0 m-0">
+                
+            </footer>
+            <!--=========FOOTER END===========-->
+        </section>
+        <!--============ROOT SECTION END==============-->
+
+        <!--========JavaScript================ -->
+        <script>
+            window.addEventListener('load', () => {
+              setInterval(()=>{
+                document.querySelector("#preloader").classList.add('hidden-item')
+				document.querySelector("#root").classList.remove('show-hidden')
+              }, 3000)
+
+            })
+        </script>
+
+		<script type="module" src="static/js/app.js"></script>
+		<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"></script>
+		<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.min.js" integrity="sha384-BBtl+eGJRgqQAUMxJ7pMwbEyER4l1g+O15P+16Ep7Q9Q+zqX6gSbd85u4mG4QzX+" crossorigin="anonymous"></script>
+        <!--========JavaScript END================ -->
+    </body>
+</html>
\ No newline at end of file
diff --git a/static/img/about.png b/static/img/about.png
new file mode 100644
index 0000000..c06f77d
Binary files /dev/null and b/static/img/about.png differ
diff --git a/static/js/components/Footer.js b/static/js/components/Footer.js
index 4c4c59f..4728d07 100644
--- a/static/js/components/Footer.js
+++ b/static/js/components/Footer.js
@@ -47,8 +47,8 @@ function Footer(){
                     </div>
                     <ul class="ft-upper">
                         <li><a href="giving.html">Give</a></li>
-                        <li><a href="">About Us</a></li>
-                        <li><a href="">Media</a></li>
+                        <li><a href="about.html">About Us</a></li>
+                        <li><a href="media.html">Media</a></li>
                     </ul>
                 </div>
                 <div class="col-sm-4">
diff --git a/static/js/components/Header.js b/static/js/components/Header.js
index 7825dbc..1acba6a 100644
--- a/static/js/components/Header.js
+++ b/static/js/components/Header.js
@@ -14,7 +14,7 @@ function Header(){
                         <a class="nav-link" href="index">Home</a>
                     </li>
                     <li class="nav-item">
-                        <a class="nav-link" href="#">About Us</a>
+                        <a class="nav-link" href="about.html">About Us</a>
                     </li> 
                     <li class="nav-item">
                         <a class="nav-link" href="event.html">Event</a>
