From cd3e6785c4a96ef819ccfa9370d59c291d4a81d4 Mon Sep 17 00:00:00 2001
From: Prasanth Pulavarthi <prasantp@microsoft.com>
Date: Mon, 24 Jan 2022 10:38:59 -0800
Subject: [PATCH] Add social media links to website pages footer (#10357)

* Update index.html

* Update community.html

* Update about.html

* Update 404.html
---
 404.html       | 21 ++++++++++++++++-----
 about.html     | 21 ++++++++++++++++-----
 community.html | 21 ++++++++++++++++-----
 index.html     | 21 ++++++++++++++++-----
 4 files changed, 64 insertions(+), 20 deletions(-)

diff --git a/404.html b/404.html
index 569ba2eb80..3adf910cd3 100644
--- a/404.html
+++ b/404.html
@@ -162,11 +162,22 @@
 							</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>
-                                <p class="mr-xl-5 mb-2">Stay up to date with the latest ONNX Runtime news.</p>
-                                <a href="https://twitter.com/hashtag/ONNXRuntime" target="_blank" title="Twitter" class="twitter-icon" aria-label="Social Icon Twitter">
-                                    <span class="fa fa-twitter" aria-hidden="true"></span></a>
-							</div>
-							<div class="col-6 col-sm-6 col-md-3">
+                                <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"></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"></span></a>
+                                    </li>
+                                    <li class="mb-2">
+                                        <a target="_blank" href="https://www.youtube.com/channel/UC_SJk17KdRvDulXz-nc1uFg">
+                                            <span class="link-content">YouTube</span><span class="link-arrow fa fa-angle-right"></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">
diff --git a/about.html b/about.html
index fb19a8882e..d31aa5b2de 100644
--- a/about.html
+++ b/about.html
@@ -160,11 +160,22 @@
 							</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>
-                                <p class="mr-xl-5 mb-2">Stay up to date with the latest ONNX Runtime news.</p>
-                                <a href="https://twitter.com/hashtag/ONNXRuntime" target="_blank" title="Twitter" class="twitter-icon" aria-label="Social Icon Twitter">
-                                    <span class="fa fa-twitter" aria-hidden="true"></span></a>
-							</div>
-							<div class="col-6 col-sm-6 col-md-3">
+                                <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"></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"></span></a>
+                                    </li>
+                                    <li class="mb-2">
+                                        <a target="_blank" href="https://www.youtube.com/channel/UC_SJk17KdRvDulXz-nc1uFg">
+                                            <span class="link-content">YouTube</span><span class="link-arrow fa fa-angle-right"></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">
diff --git a/community.html b/community.html
index 9fdc5166d9..18af5cfb91 100644
--- a/community.html
+++ b/community.html
@@ -255,11 +255,22 @@
 							</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>
-                                <p class="mr-xl-5 mb-2">Stay up to date with the latest ONNX Runtime news.</p>
-                                <a href="https://twitter.com/hashtag/ONNXRuntime" target="_blank" title="Twitter" class="twitter-icon" aria-label="Social Icon Twitter">
-                                    <span class="fa fa-twitter" aria-hidden="true"></span></a>
-							</div>
-							<div class="col-6 col-sm-6 col-md-3">
+                                <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"></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"></span></a>
+                                    </li>
+                                    <li class="mb-2">
+                                        <a target="_blank" href="https://www.youtube.com/channel/UC_SJk17KdRvDulXz-nc1uFg">
+                                            <span class="link-content">YouTube</span><span class="link-arrow fa fa-angle-right"></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">
diff --git a/index.html b/index.html
index f6e9d71e69..c3a90b95dc 100644
--- a/index.html
+++ b/index.html
@@ -698,11 +698,22 @@
 							</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>
-                                <p class="mr-xl-5 mb-2">Stay up to date with the latest ONNX Runtime news.</p>
-                                <a href="https://twitter.com/hashtag/ONNXRuntime" target="_blank" title="Twitter" class="twitter-icon" aria-label="Social Icon Twitter">
-                                    <span class="fa fa-twitter" aria-hidden="true"></span></a>
-							</div>
-							<div class="col-6 col-sm-6 col-md-3">
+                                <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"></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"></span></a>
+                                    </li>
+                                    <li class="mb-2">
+                                        <a target="_blank" href="https://www.youtube.com/channel/UC_SJk17KdRvDulXz-nc1uFg">
+                                            <span class="link-content">YouTube</span><span class="link-arrow fa fa-angle-right"></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">