diff --git a/site/themes/hugo_ff_theme/layouts/shortcodes/community.html b/site/themes/hugo_ff_theme/layouts/shortcodes/community.html
new file mode 100644
index 0000000..e9ed6bf
--- /dev/null
+++ b/site/themes/hugo_ff_theme/layouts/shortcodes/community.html
@@ -0,0 +1,38 @@
+<div class="card bg-yellow">
+    <div class="card-body">
+        <h5 class="card-title text-center">{{ .Get "name" }}</h5>
+        <p class="card-text text-center">{{ .Get "description" }}</p>
+    </div>
+    <div class="card-footer p-0">
+        <div class="row m-0">
+
+            {{ if .Get "link" }}
+            <div class="col p-0">
+                <a class="btn btn-on-com-card w-100" href="{{ .Get "link" }}" target="_blank">Link</a>
+            </div>
+            {{ end }}
+
+            {{ if .Get "facebook" }}
+            <div class="col p-0">
+                <a class="btn btn-on-com-card w-100" href="{{ .Get "facebook" }}" target="_blank">Facebook</a>
+            </div>
+            {{ end }}
+
+            {{ if .Get "twitter" }}
+            <div class="col p-0">
+                <a class="btn btn-on-com-card w-100" href="{{ .Get "twitter" }}" target="_blank">Twitter</a>
+            </div>
+            {{ end }}
+
+            {{ if .Get "email" }}
+            <div class="col p-0">
+                <a class="btn btn-on-com-card w-100" href="{{ .Get "email" }}" target="_blank">Email</a>
+            </div>
+            {{ end }}
+
+        </div>
+       
+            
+        
+    </div>
+</div>
\ No newline at end of file
diff --git a/site/themes/hugo_ff_theme/layouts/shortcodes/community_deck_end.html b/site/themes/hugo_ff_theme/layouts/shortcodes/community_deck_end.html
new file mode 100644
index 0000000..7f5eaa3
--- /dev/null
+++ b/site/themes/hugo_ff_theme/layouts/shortcodes/community_deck_end.html
@@ -0,0 +1 @@
+</div>
\ No newline at end of file
diff --git a/site/themes/hugo_ff_theme/layouts/shortcodes/community_deck_start.html b/site/themes/hugo_ff_theme/layouts/shortcodes/community_deck_start.html
new file mode 100644
index 0000000..9d69559
--- /dev/null
+++ b/site/themes/hugo_ff_theme/layouts/shortcodes/community_deck_start.html
@@ -0,0 +1 @@
+<div class="card-deck mb-4">
\ No newline at end of file