udpate

config/page.json

@@ -1,6 +1,6 @@
 {
     "/index": {
-        "title":"Index"
+        "title": "Hello"
     },
     "/about": {
         "title": "About"

public/index.php

@@ -25,7 +25,7 @@ init();
 
             <div class="flex space-x-5 text-xl px-5">
                 <div>
-                    <a href="/">Hello</a>
+                    <a href="/">Home</a>
                 </div>
                 <div>
                     <a href="/about">About</a>
@@ -39,8 +39,9 @@ init();
         <div class="flex justify-center w-[1080px]">
 
             <div class="p-2 md:p-3 w-full">
-                <div class="h-[50px]"></div>
+                <div class="md:h-[50px] h-[10px]"></div>
                 <?php show_page(); ?>
+                <div class="md:h-[100px] h-[20px]"></div>
             </div>
         </div>
     </div>
@@ -58,12 +59,21 @@ function show_index()
 {
     ob_start(); ?>
 
-    <div class="">
+    <?php
-        <p class="text-2xl">
+    $list = [1, 2, 3]
-            this is index
-        </p>
-    </div>
 
+    ?>
+
+    <div class="flex flex-col md:space-y-10 space-y-5">
+
+        <?php foreach ($list as $row) { ?>
+            <a href="/">
+                <div class="bg-red-50 md:h-[300px] h-[180px] w-full rounded-md border-dark-100 border-2">
+
+                </div>
+            </a>
+        <?php } ?>
+    </div>
 
 <?php
     $html = ob_get_contents();