MatrixTutoringAcademy/testimonials.html at main · mitraboga/MatrixTutoringAcademy · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>Testimonials - AI-Native CS Foundations</title>
  <link rel="icon" type="image/png" href="assets/MTA_Favicon.png" />
  <style>
    :root { --bg: oklch(97% 0.004 95); --fg: oklch(24% 0.004 260); --accent: oklch(29% 0.07 265); --surface: white; font-family: 'Helvetica Neue', -apple-system, system-ui, sans-serif; }
    body { margin: 0; background: var(--bg); color: var(--fg); }
    main { width: min(100% - 32px, 1040px); margin: 0 auto; padding: 48px 0 80px; }
    a { color: var(--accent); font-weight: 800; text-decoration: none; }
    h1 { font-size: clamp(44px, 9vw, 92px); line-height: .9; letter-spacing: -.05em; text-transform: uppercase; margin: 42px 0 24px; }
    .grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px; }
    .card { border: 1px solid var(--fg); background: var(--surface); padding: 24px; border-radius: 4px; min-height: 220px; }
  </style>
</head>
<body>
  <main>
    <a href="index.html#proof">Back to proof section</a>
    <h1>Testimonials and proof</h1>
    <div class="grid">
      <article class="card"><h2>Professor recommendations</h2><p>The existing tutoring site highlights recommendation letters as credibility evidence for Mitra's teaching and academic performance.</p></article>
      <article class="card"><h2>Certification proof</h2><p>Harvard coursework in Python, SQL, AI, and Cybersecurity, plus AWS Solutions Architect Professional, support the program's AI-native positioning.</p></article>
      <article class="card"><h2>Parent testimonials</h2><p>Parent and student quotes should be added here after real approvals; this prototype does not fabricate testimonials.</p></article>
    </div>
  </main>
</body>
</html>