diff --git a/data/home/skills.toml b/data/home/skills.toml
new file mode 100644
index 0000000..d001113
--- /dev/null
+++ b/data/home/skills.toml
@@ -0,0 +1,24 @@
+[[list]]
+    name = "go"
+    icon = "https://devicons.github.io/devicon/devicon.git/icons/go/go-original.svg"
+    text = """
+        Lorem ipsum dolor sit amet, consectetur adipisicing elit.
+        Voluptatibus quia, nulla! Maiores et perferendis eaque,
+        exercitationem praesentium nihil.
+    """
+[[list]]
+    name = "React"
+    icon = "https://devicons.github.io/devicon/devicon.git/icons/react/react-original.svg"
+    text = """
+        Lorem ipsum dolor sit amet, consectetur adipisicing elit.
+        Voluptatibus quia, nulla! Maiores et perferendis eaque,
+        exercitationem praesentium nihil.
+    """
+[[list]]
+    name = "C/C++"
+    icon = "https://devicons.github.io/devicon/devicon.git/icons/cplusplus/cplusplus-original.svg"
+    text = """
+        Lorem ipsum dolor sit amet, consectetur adipisicing elit.
+        Voluptatibus quia, nulla! Maiores et perferendis eaque,
+        exercitationem praesentium nihil.
+    """
diff --git a/layouts/partials/home.html b/layouts/partials/home.html
index 84b7134..834fd88 100644
--- a/layouts/partials/home.html
+++ b/layouts/partials/home.html
@@ -56,10 +56,10 @@
       </div>
       
       {{if $data.skills.list}}
-        {{ range $data.skills.list }}
         <div
          class="mt-8 grid grid-flow-row grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4"
         >
+        {{ range $data.skills.list }}
         <div class="w-full rounded overflow-hidden shadow-lg">
           <div class="">
             <div class="font-bold text-xl mb-2 py-2 px-6 bg-gray-500">
@@ -79,8 +79,8 @@
             </p>
           </div>
         </div>
-      </div>
         {{end}}
+      </div>
         {{else}}
           <div class="mt-4 text-xl text-center">Skills don't exist</div>
         {{end}}