BaseMax
diff --git a/‎.gitignore‎
Lines changed: 1 addition & 0 deletions b/‎.gitignore‎
Lines changed: 1 addition & 0 deletions
diff --git a/‎index.html‎
Lines changed: 39 additions & 0 deletions b/‎index.html‎
Lines changed: 39 additions & 0 deletions
diff --git a/‎main.js‎
Lines changed: 3 additions & 0 deletions b/‎main.js‎
Lines changed: 3 additions & 0 deletions
@@ -0,0 +1 @@
+node_modules
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Index Page</title>
+  <script type="module" src="./main.js"></script>
+</head>
+<body class="bg-gray-100 min-h-screen flex flex-col items-center p-8 font-sans">
+
+  <!-- Header -->
+  <header class="w-full max-w-4xl text-center mb-8">
+    <h1 class="text-4xl md:text-5xl font-extrabold text-table-header mb-2">Welcome to the Index Page</h1>
+    <p class="text-highlight text-lg">Highlighting important info with your custom color</p>
+  </header>
+
+  <!-- Card Section -->
+  <main class="w-full max-w-4xl grid gap-6 md:grid-cols-2">
+    <div class="bg-white shadow-md rounded-lg p-6 hover:shadow-xl transition-shadow">
+      <h2 class="text-2xl font-bold text-table-header mb-2">Card Title 1</h2>
+      <p class="text-gray-700 mb-4">This is a description inside a card. You can use your highlight color for emphasis.</p>
+      <span class="text-highlight font-semibold">Important info</span>
+    </div>
+
+    <div class="bg-white shadow-md rounded-lg p-6 hover:shadow-xl transition-shadow">
+      <h2 class="text-2xl font-bold text-table-header mb-2">Card Title 2</h2>
+      <p class="text-gray-700 mb-4">Another card with some sample text. Tailwind makes styling easy!</p>
+      <span class="text-highlight font-semibold">Highlighted text</span>
+    </div>
+  </main>
+
+  <!-- Footer Link -->
+  <footer class="mt-12 w-full max-w-4xl text-center">
+    <a href="./test.html" class="inline-block bg-table-header text-white px-6 py-3 rounded-lg hover:bg-highlight transition-colors font-semibold">
+      Go to Test Page
+    </a>
+  </footer>
+
+</body>
+</html>
@@ -0,0 +1,3 @@
+import './tailwind.css';
+
+console.log('Tailwind v4 setup works!');
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+import './tailwind.css';`
	`2`	`+`
	`3`	`+console.log('Tailwind v4 setup works!');`