diff --git a/sass/home/card-main.scss b/sass/home/card-main.scss
new file mode 100644
index 0000000..ebb36da
--- /dev/null
+++ b/sass/home/card-main.scss
@@ -0,0 +1,29 @@
+.home-card__group {
+ display: flex;
+ margin: 50px auto;
+}
+
+.home-card__conatiner {
+ background-color: #eee;
+ margin: 10px 30px;
+ padding: 10px;
+ border-radius: 5px;
+ width: 30%;
+}
+
+.home-card__icon {
+ width: 100px;
+ height: 100px;
+ margin: auto;
+ border-radius: 100px;
+}
+
+.home-card__title {
+ margin: auto;
+ text-align: center;
+}
+
+.home-card__text {
+ font-size: 0.7rem;
+ text-align: center;
+}
diff --git a/sass/home/card-mobile.scss b/sass/home/card-mobile.scss
new file mode 100644
index 0000000..45745bf
--- /dev/null
+++ b/sass/home/card-mobile.scss
@@ -0,0 +1,12 @@
+.home-card__group {
+ flex-direction: column;
+}
+
+.home-card__conatiner {
+ margin: 10px auto;
+ width: 80%;
+}
+
+.home-card__group {
+ margin: auto;
+}
diff --git a/templates/home/components/_features.html b/templates/home/components/_features.html
new file mode 100644
index 0000000..5413b21
--- /dev/null
+++ b/templates/home/components/_features.html
@@ -0,0 +1,13 @@
+
+
+
+ {{ card_macro::home_card(title="Radically Transparent", description="Hostea is radically transparent, we hold discussions in the open and publish all expenses down to the last penny") }}
+ {{ card_macro::home_card(title="100% Free Software", description="All Hostea components are Free, you are welcome to download and even sell Hostea!") }}
+ {{ card_macro::home_card(title="Todards Forge Federation 🚀", description="Hostea developers are also leading the charge in implementing ecosystem-wide federation, we really care about software development :)") }}
+
+
+ {{ card_macro::home_card(title="Observable and Reliabile", description="All Hostea software come with monitoring and backups configured for high, observable reliability") }}
+ {{ card_macro::home_card(title="Fully Self-Hostable ", description="Like to get your hands dirty? We got you covered! Hostea comes with infrastructure as code and documentation to make self-hostable a first class experience") }}
+ {{ card_macro::home_card(title="Horizontal Community", description="Hostea development is lead by a horizontal community minded individuals and organisations with a common goal to advance Free Software.") }}
+
+
diff --git a/templates/home/components/home-card.html b/templates/home/components/home-card.html
new file mode 100644
index 0000000..65c88a5
--- /dev/null
+++ b/templates/home/components/home-card.html
@@ -0,0 +1,11 @@
+{% macro home_card(title, description) %}
+
+
+
{{ title }}
+
{{ description }}
+
+{% endmacro home_card %}