diff --git a/website/docusaurus.config.js b/website/docusaurus.config.js
index 3ca8e833..c929d999 100755
--- a/website/docusaurus.config.js
+++ b/website/docusaurus.config.js
@@ -66,6 +66,12 @@ module.exports = {
className: 'navbar-icon navbar-icon-twitter',
'aria-label': 'Twitter page',
},
+ {
+ href: 'https://www.instagram.com/techinterviewhandbook',
+ position: 'right',
+ className: 'navbar-icon navbar-icon-instagram',
+ 'aria-label': 'Instagram page',
+ },
{
href: 'https://www.facebook.com/techinterviewhandbook',
position: 'right',
diff --git a/website/src/css/custom.css b/website/src/css/custom.css
index ef41f87d..3142c751 100755
--- a/website/src/css/custom.css
+++ b/website/src/css/custom.css
@@ -189,6 +189,7 @@ html[data-theme='dark'] .navbar-icon-twitter:before {
.navbar-icon-facebook:before {
background-image: url('/img/icons8-facebook.svg');
+ width: 28px;
}
html[data-theme='dark'] .navbar-icon-facebook:before {
@@ -206,3 +207,12 @@ html[data-theme='dark'] .navbar-icon-telegram:before {
height: 28px;
width: 24px;
}
+
+.navbar-icon-instagram:before {
+ background-image: url('/img/instagram.svg');
+ width: 24px;
+}
+
+html[data-theme='dark'] .navbar-icon-instagram:before {
+ background-image: url('/img/instagram-light.svg');
+}
diff --git a/website/static/img/icons8-facebook.svg b/website/static/img/icons8-facebook.svg
index 5b472a93..9931883f 100644
--- a/website/static/img/icons8-facebook.svg
+++ b/website/static/img/icons8-facebook.svg
@@ -1 +1 @@
-
+
diff --git a/website/static/img/instagram-light.svg b/website/static/img/instagram-light.svg
new file mode 100644
index 00000000..c4322b07
--- /dev/null
+++ b/website/static/img/instagram-light.svg
@@ -0,0 +1 @@
+
diff --git a/website/static/img/instagram.svg b/website/static/img/instagram.svg
new file mode 100644
index 00000000..ccdae2e1
--- /dev/null
+++ b/website/static/img/instagram.svg
@@ -0,0 +1 @@
+