diff --git a/blogs.html b/blogs.html
index 021be24456599..ac82db803bcbb 100644
--- a/blogs.html
+++ b/blogs.html
@@ -4,127 +4,27 @@
 <head>
     <script async src="https://www.googletagmanager.com/gtag/js?id=UA-156955408-1"></script>
     <script>
-        window.dataLayer = window.dataLayer || [];
-        function gtag() { dataLayer.push(arguments); }
-        gtag('js', new Date());
-        gtag('config', 'UA-156955408-1');
+      window.dataLayer = window.dataLayer || [];
+      function gtag(){dataLayer.push(arguments);}
+      gtag('js', new Date());
+      gtag('config', 'UA-156955408-1');
     </script>
-
-    <script type="text/javascript" src="https://js.monitor.azure.com/scripts/c/ms.analytics-web-3.min.js">
-    </script>
-
-    <script type="text/javascript">
-        const analytics = new oneDS.ApplicationInsights();
-        var config = {
-            instrumentationKey: "360b0e675e0044398fd28c8bdf711b8e-1fe5434d-ee99-4837-99cc-a3a16462d82d-7262",
-            channelConfiguration: { // Post channel configuration
-                eventsLimitInMem: 50
-            },
-            propertyConfiguration: { // Properties Plugin configuration 
-                env: "PROD" // Environment can be set to PPE or PROD as needed. 
-            },
-            webAnalyticsConfiguration: { // Web Analytics Plugin configuration
-                //urlCollectQuery:true, 
-                autoCapture: {
-                    scroll: true,
-                    pageView: true,
-                    onLoad: true,
-                    onUnload: true,
-                    click: true,
-                    resize: true,
-                    jsError: true
-                }
-            }
-        };
-        //Initialize SDK
-        analytics.initialize(config, []);
-    </script>
-
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-    <title>ONNX Runtime | Community</title>
+    <meta http-equiv="refresh" content="0; url=blogs/">
+    <meta title="ONNX Runtime Blogs">
+    <title>ONNX Runtime blogs</title>
     <link rel="icon" href="./images/ONNXRuntime-Favicon.png" type="image/gif" sizes="16x16">
     <link rel="stylesheet" href="css/fonts.css">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/4.6.2/css/bootstrap.min.css"
-        integrity="sha512-rt/SrQ4UNIaGfDyEXZtNcyWvQeOq0QLygHluFQcSjaGB04IxWhal71tKuzP6K8eYXYB6vJV4pHkXcmFGGQ1/0w=="
-        crossorigin="anonymous" referrerpolicy="no-referrer" />
+    integrity="sha512-rt/SrQ4UNIaGfDyEXZtNcyWvQeOq0QLygHluFQcSjaGB04IxWhal71tKuzP6K8eYXYB6vJV4pHkXcmFGGQ1/0w=="
+    crossorigin="anonymous" referrerpolicy="no-referrer" />
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
-        integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw=="
-        crossorigin="anonymous" referrerpolicy="no-referrer" />
+    integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw=="
+    crossorigin="anonymous" referrerpolicy="no-referrer" />
     <link rel="stylesheet" href="css/custom.css">
     <link rel="stylesheet" href="css/responsive.css">
 </head>
 
-<body>
-    <a class="skip-main" href="#skipMain">Skip to main content</a>
-    <div class="main-wrapper">
-        <div class="top-banner-bg">
-
-            <!-- Partial header.html Start-->
-            <div w3-include-html="header.html"></div>
-            <!-- Partial header.html End-->
-
-            <div id="skipMain" role="main">
-                <div class="outer-container mx-auto py-5">
-
-                    <section class="blue-title-columns py-md-5 pb-4 pt-4 mt-5">
-                        <div class="container-fluid">
-                            <h1 class="mb-3 blue-text">Blogs & Announcements</h1>
-                        </div>
-                        <div id="blog-list"></div>
-
-                </div>
-                </section>
-                <!--add template here-->
-
-            </div>
-        </div>
-    </div>
-    </div>
-    <!-- Partial footer.html Start-->
-    <div w3-include-html="footer.html"></div>
-    <!-- Partial footer.html End-->
-
-    <a id="back-to-top" href="JavaScript:void(0);" class="btn btn-lg back-to-top" role="button"
-        aria-label="Back to top"><span class="fa fa-angle-up"></span></a>
-
-    <!--create a custom web component-->
-    <template id="blog-item">
-        <div class="news row blue-title-columns">
-            <div class="col-12 blue-text">
-                <h3 class="mr-xl-5 mb-3">
-                    <slot name="title"></slot>
-                </h3>
-                <span class="article-date">
-                    <slot name="date"></slot>
-                </span>
-                <br />
-                <span class="article-blurb">
-                    <slot name="blurb"></slot>
-                </span>
-                <br />
-                <div>
-                    <a href="" name="link" target="_blank" class="link">
-                        <span class="link-content">
-                            Read more
-                        </span>
-                        <span class="link-arrow fa fa-angle-right"></span>
-                    </a>
-                </div>
-            </div>
-        </div>
-    </template>
-
-</body>
-
-<script src="./js/w3.js"></script>
-<script>w3.includeHTML();</script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.0/jquery.min.js"
-	integrity="sha512-3gJwYpMe3QewGELv8k/BX9vcqhryRdzRMxVfq6ngyWXwo03GFEzjsUm8Q7RZcHPHksttq7/GFoxjCVUjkjvPdw=="
-	crossorigin="anonymous" referrerpolicy="no-referrer"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/4.6.2/js/bootstrap.min.js"
-	integrity="sha512-7rusk8kGPFynZWu26OKbTeI+QPoYchtxsmPeBqkHIEXJxeun4yJ4ISYe7C6sz9wdxeE1Gk3VxsIWgCZTc+vX3g=="
-	crossorigin="anonymous" referrerpolicy="no-referrer"></script>
-<script src="./js/custom.js"></script>
-</html>
\ No newline at end of file
+<body></body>
diff --git a/blogs/footer.html b/blogs/footer.html
new file mode 100644
index 0000000000000..ab742525560f7
--- /dev/null
+++ b/blogs/footer.html
@@ -0,0 +1,68 @@
+<footer class="border-top footer mt-auto py-4 text-white">
+    <div class="outer-container mx-auto">
+        <div class="container-fluid">
+            <div class="row pb-md-4 pb-0">
+                <div class="col-12 col-sm-6 col-md-3 pr-xl-5 pr-lg-4 mb-md-0 mb-4">
+                    <h3 class="footer-heading">Get Started</h3>
+                    <ul class="list-unstyled text-small">
+                        <li class="mb-2">
+                            <a href="../index.html#getStartedTable">
+                                <span class="link-content">Install</span><span class="link-arrow fa fa-angle-right fa-xs"></span></a>
+                        </li>
+                        <li class="mb-2">
+                            <a href="../pytorch">
+                                <span class="link-content">PyTorch</span><span class="link-arrow fa fa-angle-right fa-xs"></span></a>
+                        </li>
+                    </ul>
+                </div>
+                <div class="col-12 col-sm-6 col-md-3 pr-xl-5 pr-lg-4 mb-md-0 mb-4">
+                    <h3 class="footer-heading">Contribute</h3>
+                    <a class="mr-xl-5" target="_blank" href="https://github.com/microsoft/onnxruntime">
+                        <span class="link-content">Join us on GitHub</span><span class="link-arrow fa fa-angle-right fa-xs"></span></a>
+                </div>
+                <div class="col-12 col-sm-6 col-md-3 pr-xl-5 pr-lg-4 mb-md-0 mb-4">
+                    <h3 class="footer-heading">Follow Us</h3>
+                    <ul class="list-unstyled text-small">
+                        <li class="mb-2">
+                            <a target="_blank" href="https://twitter.com/onnxruntime">
+                                <span class="link-content">Twitter</span><span class="link-arrow fa fa-angle-right fa-xs"></span></a>
+                        </li>
+                        <li class="mb-2">
+                            <a target="_blank" href="https://www.linkedin.com/company/onnxruntime">
+                                <span class="link-content">LinkedIn</span><span class="link-arrow fa fa-angle-right fa-xs"></span></a>
+                        </li>
+                        <li class="mb-2">
+                            <a target="_blank" href="https://www.youtube.com/onnxruntime">
+                                <span class="link-content">YouTube</span><span class="link-arrow fa fa-angle-right fa-xs"></span></a>
+                        </li>
+                    </ul>
+                </div>
+                <div class="col-6 col-sm-6 col-md-3">
+                    <h3 class="footer-heading">Resources</h3>
+                    <ul class="list-unstyled text-small">
+                        <li class="mb-2">
+                            <a target="_blank" href="../blogs">
+                                <span class="link-content">Blogs</span><span class="link-arrow fa fa-angle-right"></span></a>
+                        </li>
+                        <li class="mb-2">
+                            <a href="../docs/tutorials/">
+                                <span class="link-content">Tutorials</span><span class="link-arrow fa fa-angle-right fa-xs"></span></a>
+                        </li>
+                        <li class="mb-2">
+                            <a href="../docs/api/">
+                                <span class="link-content"><abbr title="Application Program Interface">APIs</abbr></span><span class="link-arrow fa fa-angle-right fa-xs"></span></a>
+                        </li>
+                    </ul>
+                </div>
+               
+            </div>
+            <div class="row pt-4 pb-4 text-center-sm">
+                <div class="col-12">
+                    <a href="../index.html"><img class="mb-md-2 mb-0 onnx-footer-logo" src="../images/svg/ONNX-Runtime-logo-white.svg" alt="ONNX Runtime Home"></a>
+                    <p class="text-copyright py-4 ml-md-5">Copyright &copy; Microsoft. All rights reserved.
+                    </p>
+                </div>
+            </div>
+        </div>
+    </div>
+</footer>
diff --git a/blogs/header.html b/blogs/header.html
new file mode 100644
index 0000000000000..57c8af9d78186
--- /dev/null
+++ b/blogs/header.html
@@ -0,0 +1,40 @@
+<header class="fixed-top header-content">
+    <nav class="navbar navbar-expand-md navbar-custom" aria-label="Main menu">
+        <a id="ONNXLogo" class="navbar-brand" href="../index.html">
+            <img src="../images/svg/ONNX-Runtime-logo.svg" class="d-inline-block align-top onnx-logo" alt="ONNX Runtime Home" />
+        </a>
+        <button class="navbar-toggler p-0" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
+            <span class="navbar-toggler-icon"></span>
+        </button>
+        <div class="collapse navbar-collapse border-md-top mt-md-0 mt-2" id="navbarNav">
+            <div class="mr-auto"></div>
+            <div class="my-md-2 mb-0 mt-2 my-lg-0 pl-3 pl-md-0">
+                <ul class="navbar-nav navbar-nav mr-auto text-uppercase" id="navigation">
+                    <li class="nav-item">
+                        <a class="nav-link pr-3" href="../index.html#getStartedTable">Get Started</a>
+                    </li>
+                    <li class="nav-item">
+                        <a class="nav-link pr-3" href="../docs">Docs</a>
+                    </li>
+                    <li class="nav-item">
+                        <a class="nav-link pr-3" href="../blogs">Blogs</a>
+                    </li>
+                    <li class="nav-item">
+                        <a class="nav-link pr-3" href="../about.html">About</a>
+                    </li>
+                    <li class="nav-item dropdown">
+                        <a class="nav-link dropdown-toggle pr-3" data-toggle="dropdown" href="#" role="button" aria-expanded="false">Community</a>
+                        <div class="dropdown-menu dropdown-menu-right">
+                            <a class="dropdown-item" href="../community.html">Testimonials</a>
+                            <a class="dropdown-item" href="https://www.youtube.com/onnxruntime" target="_blank">YouTube</a>
+                            <a class="dropdown-item" href="https://www.linkedin.com/company/77691267/admin/" target="_blank">Linkedin</a>
+                            <a class="dropdown-item" href="https://www.tiktok.com/@onnxruntimeai" target="_blank">TikTok</a>
+                        </div>
+                    </li>
+                    <li class="nav-item">
+                        <a class="nav-link pr-3" target="_blank" href="https://github.com/microsoft/onnxruntime">GitHub</a>
+                    </li>
+            </div>
+        </div>
+    </nav>
+</header>
diff --git a/blogs/index.html b/blogs/index.html
new file mode 100644
index 0000000000000..1eac8a2512563
--- /dev/null
+++ b/blogs/index.html
@@ -0,0 +1,130 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-156955408-1"></script>
+    <script>
+        window.dataLayer = window.dataLayer || [];
+        function gtag() { dataLayer.push(arguments); }
+        gtag('js', new Date());
+        gtag('config', 'UA-156955408-1');
+    </script>
+
+    <script type="text/javascript" src="https://js.monitor.azure.com/scripts/c/ms.analytics-web-3.min.js">
+    </script>
+
+    <script type="text/javascript">
+        const analytics = new oneDS.ApplicationInsights();
+        var config = {
+            instrumentationKey: "360b0e675e0044398fd28c8bdf711b8e-1fe5434d-ee99-4837-99cc-a3a16462d82d-7262",
+            channelConfiguration: { // Post channel configuration
+                eventsLimitInMem: 50
+            },
+            propertyConfiguration: { // Properties Plugin configuration 
+                env: "PROD" // Environment can be set to PPE or PROD as needed. 
+            },
+            webAnalyticsConfiguration: { // Web Analytics Plugin configuration
+                //urlCollectQuery:true, 
+                autoCapture: {
+                    scroll: true,
+                    pageView: true,
+                    onLoad: true,
+                    onUnload: true,
+                    click: true,
+                    resize: true,
+                    jsError: true
+                }
+            }
+        };
+        //Initialize SDK
+        analytics.initialize(config, []);
+    </script>
+
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <title>ONNX Runtime | Blogs</title>
+    <link rel="icon" href="../images/ONNXRuntime-Favicon.png" type="image/gif" sizes="16x16">
+    <link rel="stylesheet" href="../css/fonts.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/4.6.2/css/bootstrap.min.css"
+        integrity="sha512-rt/SrQ4UNIaGfDyEXZtNcyWvQeOq0QLygHluFQcSjaGB04IxWhal71tKuzP6K8eYXYB6vJV4pHkXcmFGGQ1/0w=="
+        crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
+        integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw=="
+        crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="../css/custom.css">
+    <link rel="stylesheet" href="../css/responsive.css">
+</head>
+
+<body>
+    <a class="skip-main" href="#skipMain">Skip to main content</a>
+    <div class="main-wrapper">
+        <div class="top-banner-bg">
+
+            <!-- Partial header.html Start-->
+            <div w3-include-html="header.html"></div>
+            <!-- Partial header.html End-->
+
+            <div id="skipMain" role="main">
+                <div class="outer-container mx-auto py-5">
+
+                    <section class="blue-title-columns py-md-5 pb-4 pt-4 mt-5">
+                        <div class="container-fluid">
+                            <h1 class="mb-3 blue-text">Blogs & Announcements</h1>
+                        </div>
+                        <div id="blog-list"></div>
+
+                </div>
+                </section>
+                <!--add template here-->
+
+            </div>
+        </div>
+    </div>
+    </div>
+    <!-- Partial footer.html Start-->
+    <div w3-include-html="footer.html"></div>
+    <!-- Partial footer.html End-->
+
+    <a id="back-to-top" href="JavaScript:void(0);" class="btn btn-lg back-to-top" role="button"
+        aria-label="Back to top"><span class="fa fa-angle-up"></span></a>
+
+    <!--create a custom web component-->
+    <template id="blog-item">
+        <div class="news row blue-title-columns">
+            <div class="col-12 blue-text">
+                <h3 class="mr-xl-5 mb-3">
+                    <slot name="title"></slot>
+                </h3>
+                <span class="article-date">
+                    <slot name="date"></slot>
+                </span>
+                <br />
+                <span class="article-blurb">
+                    <slot name="blurb"></slot>
+                </span>
+                <br />
+                <div>
+                    <a href="" name="link" target="_blank" class="link">
+                        <span class="link-content">
+                            Read more
+                        </span>
+                        <span class="link-arrow fa fa-angle-right"></span>
+                    </a>
+                </div>
+            </div>
+        </div>
+    </template>
+
+</body>
+
+<script src="../js/w3.js"></script>
+<script>w3.includeHTML();</script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.0/jquery.min.js"
+	integrity="sha512-3gJwYpMe3QewGELv8k/BX9vcqhryRdzRMxVfq6ngyWXwo03GFEzjsUm8Q7RZcHPHksttq7/GFoxjCVUjkjvPdw=="
+	crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/4.6.2/js/bootstrap.min.js"
+	integrity="sha512-7rusk8kGPFynZWu26OKbTeI+QPoYchtxsmPeBqkHIEXJxeun4yJ4ISYe7C6sz9wdxeE1Gk3VxsIWgCZTc+vX3g=="
+	crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+<script src="../js/custom.js"></script>
+</html>
diff --git a/footer.html b/footer.html
index 06bae462cc0a7..54926e17a44a1 100644
--- a/footer.html
+++ b/footer.html
@@ -41,7 +41,7 @@ <h3 class="footer-heading">Follow Us</h3>
                     <h3 class="footer-heading">Resources</h3>
                     <ul class="list-unstyled text-small">
                         <li class="mb-2">
-                            <a target="_blank" href="./blogs.html">
+                            <a target="_blank" href="./blogs">
                                 <span class="link-content">Blogs</span><span class="link-arrow fa fa-angle-right"></span></a>
                         </li>
                         <li class="mb-2">
diff --git a/header.html b/header.html
index 5f44703fe20b2..46d02a8785caf 100644
--- a/header.html
+++ b/header.html
@@ -17,7 +17,7 @@
                         <a class="nav-link pr-3" href="./docs">Docs</a>
                     </li>
                     <li class="nav-item">
-                        <a class="nav-link pr-3" href="./blogs.html">Blogs</a>
+                        <a class="nav-link pr-3" href="./blogs">Blogs</a>
                     </li>
                     <li class="nav-item">
                         <a class="nav-link pr-3" href="./about.html">About</a>
@@ -32,7 +32,7 @@
                         </div>
                     </li>
                     <li class="nav-item">
-                        <a class="nav-link pr-3" target="_blank" href="http://github.com/microsoft/onnxruntime">GitHub</a>
+                        <a class="nav-link pr-3" target="_blank" href="https://github.com/microsoft/onnxruntime">GitHub</a>
                     </li>
             </div>
         </div>
diff --git a/js/custom.js b/js/custom.js
index 9a10efd04614c..19b95a49ce710 100644
--- a/js/custom.js
+++ b/js/custom.js
@@ -72,7 +72,7 @@ $(document).ready(function () {
   $('.nav-tabs').responsiveTabs();
 
   //populate blogs
- $.getJSON("js/blogs.json", function (json) {
+ $.getJSON("../js/blogs.json", function (json) {
 
     var template = document.querySelector('#blog-item');
     var blogList = document.querySelector('#blog-list');
@@ -252,4 +252,4 @@ let copyText = (e) => {
   setTimeout(() => {
     $(e.target).popover("hide");
   }, 1500);
-}
\ No newline at end of file
+}
