Update Index.html

2026-05-20 06:27:37 +00:00 · 2026-02-17 22:28:56 -04:00
parent 3678491cdb
commit 317e27c0cd
1 changed files with 110 additions and 3 deletions
@@ -1,6 +1,113 @@
-<html>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>C4G Win</title>
+  <style>
+    body {
+      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
+      margin: 0;
+      padding: 0;
+      background: #f5f7fa;
+      color: #1a1a1a;
+      line-height: 1.6;
+    }
+
+    header {
+      background: #111827;
+      color: white;
+      padding: 3rem 1.5rem;
+      text-align: center;
+    }
+
+    header h1 {
+      margin: 0;
+      font-size: 2.5rem;
+    }
+
+    header p {
+      margin-top: 0.5rem;
+      opacity: 0.85;
+    }
+
+    section {
+      max-width: 900px;
+      margin: 2rem auto;
+      padding: 0 1.5rem;
+    }
+
+    .card {
+      background: white;
+      padding: 1.5rem;
+      border-radius: 10px;
+      box-shadow: 0 4px 10px rgba(0,0,0,0.05);
+      margin-bottom: 1.5rem;
+    }
+
+    h2 {
+      margin-top: 0;
+    }
+
+    .btn {
+      display: inline-block;
+      padding: 0.75rem 1.25rem;
+      background: #2563eb;
+      color: white;
+      text-decoration: none;
+      border-radius: 6px;
+      font-weight: 600;
+      margin-top: 1rem;
+    }
+
+    .btn:hover {
+      background: #1d4ed8;
+    }
+
+    footer {
+      text-align: center;
+      padding: 2rem 1rem;
+      font-size: 0.9rem;
+      opacity: 0.6;
+    }
+  </style>
+</head>
 <body>
-  <h1>Welcome!</h1>
-  <p>This the WIN GitHub Pages site.</p>
+
+  <header>
+    <h1>C4G Win</h1>
+    <p>A goal tracking and incident logging platform designed for impact.</p>
+  </header>
+
+  <section>
+    <div class="card">
+      <h2>About the Project</h2>
+      <p>
+        C4G Win is a simple, human-centered goal management system built to help mentors,
+        case managers, and program administrators track progress and document critical incidents.
+      </p>
+    </div>
+
+    <div class="card">
+      <h2>Key Features</h2>
+      <ul>
+        <li>Student goal tracking</li>
+        <li>Progress visualization</li>
+        <li>Incident documentation</li>
+        <li>Secure and privacy-focused design</li>
+      </ul>
+    </div>
+
+    <div class="card">
+      <h2>Repository</h2>
+      <p>View the source code and contribute on GitHub.</p>
+      <a href="https://github.com/YOUR-USERNAME/YOUR-REPO" class="btn">View on GitHub</a>
+    </div>
+  </section>
+
+  <footer>
+    © 2026 C4G Win Project
+  </footer>
+
 </body>
 </html>