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 @@
+
+<section class="home__features">
+  <div class="home-card__group">
+    {{ 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 :)") }}
+  </div>
+  <div class="home-card__group">
+    {{ 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.") }}
+  </div>
+</section>
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) %}
+  <div class="home-card__conatiner">
+    <img
+      src="{{ get_url(path='/tmp-logo.png', cachebust=true) }}"
+      alt="Temporary card icon"
+      class="home-card__icon"
+    />
+    <h4 class="home-card__title">{{ title }}</h4>
+    <p class="home-card__text">{{ description }}</p>
+  </div>
+{% endmacro home_card %}