H2 Header

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Wichita State Connect Annual Report 2024-2025</title>
  <meta name="description" content="Wichita State Connect Annual Report 2024-2025: PreK-12 engagement, TRIO and GEAR UP alignment, community partnerships, Open Streets ICT, and social media metrics.">
  <style>
    :root {
      --wsu-yellow: #ffcc00;
      --wsu-gold: #f6b800;
      --wsu-orange: #f7941d;
      --ink: #171717;
      --muted: #5f6368;
      --bg: #fffaf0;
      --card: #ffffff;
      --line: #e8e2d0;
      --max: 1120px;
    }
    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body {
      margin: 0;
      font-family: Arial, Helvetica, sans-serif;
      color: var(--ink);
      background: linear-gradient(180deg, #fff 0%, var(--bg) 100%);
      line-height: 1.55;
    }
    a { color: #6b4b00; font-weight: 700; }
    .topbar {
      position: sticky; top: 0; z-index: 50;
      background: rgba(255,255,255,.95);
      border-bottom: 1px solid var(--line);
      backdrop-filter: blur(10px);
    }
    .nav {
      max-width: var(--max); margin: 0 auto; padding: 12px 20px;
      display: flex; justify-content: space-between; gap: 20px; align-items: center;
    }
    .brand { font-weight: 900; letter-spacing: .04em; text-transform: uppercase; }
    .brand span { background: var(--wsu-yellow); padding: 3px 7px; border-radius: 6px; }
    .links { display: flex; gap: 14px; flex-wrap: wrap; font-size: .92rem; }
    .links a { text-decoration: none; color: var(--ink); }
    .hero {
      max-width: var(--max); margin: 0 auto; padding: 52px 20px 34px;
      display: grid; grid-template-columns: 1.05fr .95fr; gap: 34px; align-items: center;
    }
    .eyebrow { font-weight: 800; color: #6b4b00; text-transform: uppercase; letter-spacing: .12em; }
    h1 { font-size: clamp(2.35rem, 6vw, 5rem); line-height: .95; margin: 12px 0 16px; letter-spacing: -.05em; }
    h2 { font-size: clamp(1.7rem, 3.5vw, 2.6rem); line-height: 1.08; margin: 0 0 16px; }
    h3 { font-size: 1.2rem; margin: 0 0 8px; }
    .lead { font-size: 1.18rem; color: #2b2b2b; max-width: 62ch; }
    .hero-card {
      border-radius: 28px; overflow: hidden; background: var(--card);
      box-shadow: 0 20px 60px rgba(0,0,0,.13); border: 1px solid var(--line);
    }
    .hero-card img { width: 100%; display: block; }
    .cta-row { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 26px; }
    .button {
      display: inline-block; padding: 12px 16px; border-radius: 999px;
      background: var(--ink); color: #fff; text-decoration: none; font-weight: 800;
    }
    .button.secondary { background: var(--wsu-yellow); color: var(--ink); }
    section { max-width: var(--max); margin: 0 auto; padding: 48px 20px; }
    .section-head { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 22px; }
    .section-tag { height: 8px; width: 100px; background: linear-gradient(90deg, var(--wsu-yellow), var(--wsu-orange)); border-radius: 999px; }
    .grid { display: grid; grid-template-columns: repeat(12, 1fr); gap: 18px; }
    .card {
      background: var(--card); border: 1px solid var(--line); border-radius: 22px;
      padding: 22px; box-shadow: 0 12px 28px rgba(0,0,0,.06);
    }
    .span-4 { grid-column: span 4; }
    .span-6 { grid-column: span 6; }
    .span-8 { grid-column: span 8; }
    .span-12 { grid-column: span 12; }
    .metric { font-size: 2.7rem; line-height: 1; font-weight: 900; letter-spacing: -.04em; }
    .muted { color: var(--muted); }
    .highlight { background: linear-gradient(180deg, transparent 55%, var(--wsu-yellow) 55%); font-weight: 900; }
    .photo { width: 100%; border-radius: 18px; display: block; border: 1px solid var(--line); }
    .list-clean { margin: 0; padding-left: 20px; }
    .program-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
    .program { border-left: 6px solid var(--wsu-yellow); padding: 12px 14px; background: #fffdf5; border-radius: 14px; }
    .team { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
    .team-member { background: #fff; border: 1px solid var(--line); border-radius: 20px; padding: 18px; }
    .team-member strong { display: block; font-size: 1.05rem; }
    .pill { display: inline-block; background: #fff3b0; border: 1px solid #f1d55b; padding: 5px 10px; border-radius: 999px; font-weight: 700; font-size: .86rem; margin: 4px 5px 4px 0; }
    .footer { background: var(--ink); color: #fff; margin-top: 30px; }
    .footer-inner { max-width: var(--max); margin: 0 auto; padding: 34px 20px; display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
    .footer a { color: var(--wsu-yellow); }
    @media (max-width: 820px) {
      .hero { grid-template-columns: 1fr; padding-top: 32px; }
      .links { display: none; }
      .span-4, .span-6, .span-8 { grid-column: span 12; }
      .team, .program-list, .footer-inner { grid-template-columns: 1fr; }
    }
  </style>
</head>
<body>
  <header class="topbar">
    <nav class="nav" aria-label="Main navigation">
      <div class="brand"><span>Wichita State Connect</span></div>
      <div class="links">
        <a href="#about">About</a>
        <a href="#team">Team</a>
        <a href="#programs">Programs</a>
        <a href="#open-streets">Open Streets</a>
        <a href="#metrics">Metrics</a>
        <a href="#contact">Contact</a>
      </div>
    </nav>
  </header>

  <main>
    <section class="hero">
      <div>
        <div class="eyebrow">Annual Report 2024-2025</div>
        <h1>Connecting students, families, schools, and community partners.</h1>
        <p class="lead">Wichita State Connect serves as a coordinating hub for PreK-12 early exposure, deepened engagement, and pathways to enrollment, aligning academic colleges, TRIO and GEAR UP programs, Admissions, and community partners.</p>
        <div class="cta-row">
          <a class="button" href="#programs">View Programs</a>
          <a class="button secondary" href="#contact">Contact WSU Connect</a>
        </div>
      </div>
      <div class="hero-card">
        <img src="assets/pages/page-01.jpg" alt="Cover of Wichita State Connect Annual Report 2024-2025">
      </div>
    </section>

    <section id="message">
      <div class="section-head">
        <div><h2>Message from the Associate Vice Provost</h2><div class="section-tag"></div></div>
      </div>
      <div class="grid">
        <article class="card span-8">
          <p>At Wichita State Connect, meaningful relationships are the foundation for lasting impact. Through nearly 100 events and initiatives, the office brought together students, professionals, organizations, and community leaders to share ideas, build partnerships, and support one another.</p>
          <p>The office remains committed to serving as a bridge between the university and the community - fostering innovation, strengthening relationships, and creating opportunities that move Wichita forward.</p>
          <p><strong>Alicia Thompson, Ed.D.</strong><br><span class="muted">Associate Vice Provost, PreK-12 Engagement</span></p>
        </article>
        <aside class="card span-4">
          <img class="photo" src="assets/pages/page-04.jpg" alt="Associate Vice Provost message page from annual report">
        </aside>
      </div>
    </section>

    <section id="team">
      <div class="section-head"><div><h2>Meet the Team</h2><div class="section-tag"></div></div></div>
      <div class="team">
        <div class="team-member"><strong>Naquela Pack</strong><span class="muted">Director of PreK-12 Engagement</span><p>Wichita State alumna and current resident within Shocker Neighborhood.</p></div>
        <div class="team-member"><strong>Alan Dsouza, Ph.D.</strong><span class="muted">Grant Analyst Director of PreK-12</span><p>TRIO and GEAR UP support professional at Wichita State University since January 2004.</p></div>
        <div class="team-member"><strong>Tiffanie Henderson</strong><span class="muted">Executive Assistant of PreK-12</span><p>Connected to Shocker Neighborhood through Saint Mark UMC and Sigma Gamma Rho Sorority, Incorporated.</p></div>
        <div class="team-member"><strong>Evelyn Barraza</strong><span class="muted">Marketing Student Assistant of PreK-12</span><p>First-generation student and TRIO SSS student studying Integrated Marketing Communications with a minor in Graphic Design.</p></div>
      </div>
    </section>

    <section id="about">
      <div class="section-head"><div><h2>About Wichita State Connect</h2><div class="section-tag"></div></div></div>
      <div class="grid">
        <article class="card span-6">
          <h3>Our coordinating role</h3>
          <p>Wichita State Connect helps create a cohesive PreK-12 pipeline that increases early awareness, deepened connections, and strengthened undergraduate and graduate recruitment.</p>
          <p><span class="highlight">Core areas:</span> Early Exposure, Deepened Engagement, and Pathways to Enrollment.</p>
        </article>
        <article class="card span-6">
          <h3>Shocker Neighborhood Schools</h3>
          <p class="muted">Examples include early childhood centers, elementary schools, Brooks STEM and Arts Magnet Middle School, and Chester Lewis Academic Learning Center.</p>
          <span class="pill">PreK</span><span class="pill">Elementary</span><span class="pill">Middle School</span><span class="pill">High School</span>
        </article>
      </div>
    </section>

    <section id="impact">
      <div class="section-head"><div><h2>2024-2025 Impact Snapshot</h2><div class="section-tag"></div></div></div>
      <div class="grid">
        <div class="card span-4"><div class="metric">900+</div><p><strong>Students Served</strong></p><p class="muted">PreK-12 engagement and community-facing activities.</p></div>
        <div class="card span-4"><div class="metric">200+</div><p><strong>Relationships Made</strong></p><p class="muted">Connections with students, families, professionals, and partners.</p></div>
        <div class="card span-4"><div class="metric">1,500+</div><p><strong>TRIO & GEAR UP Participants</strong></p><p class="muted">Program participants supported through aligned college access efforts.</p></div>
      </div>
    </section>

    <section id="programs">
      <div class="section-head"><div><h2>Pre-College and College-Based Programs</h2><div class="section-tag"></div></div></div>
      <div class="program-list">
        <div class="program"><h3>Talent Search</h3><p>Supports and prepares middle and high school students to succeed in higher education.</p></div>
        <div class="program"><h3>Upward Bound</h3><p>Empowers high school students for college and career readiness.</p></div>
        <div class="program"><h3>GEAR UP</h3><p>Builds college and career readiness among students, including Kansas Kids @ GEAR UP for students in foster care.</p></div>
        <div class="program"><h3>Educational Opportunity Centers</h3><p>Provides free counseling, tutoring, and assistance to adults entering or re-entering college, trade school, or GED programs.</p></div>
        <div class="program"><h3>Veterans Upward Bound</h3><p>Supports veterans on their academic journey.</p></div>
        <div class="program"><h3>Student Support Services</h3><p>Offers free support for Wichita State students, including Pell Grant recipients and students with disabilities.</p></div>
        <div class="program"><h3>McNair Scholars Program</h3><p>Prepares sophomores, juniors, and seniors for graduate school through faculty-mentored research and guidance.</p></div>
        <div class="program"><h3>SSS STEM</h3><p>Grant awarded Fall 2025 to expand STEM-focused student support services.</p></div>
      </div>
    </section>

    <section id="open-streets">
      <div class="section-head"><div><h2>Open Streets ICT - WSU & Shocker Neighborhood</h2><div class="section-tag"></div></div></div>
      <div class="grid">
        <article class="card span-8">
          <p>Open Streets ICT - WSU & Shocker Neighborhood is a community-based event that transforms streets into a vibrant and welcoming space promoting community connection and healthy living.</p>
          <div class="grid">
            <div class="card span-4"><div class="metric">8,000+</div><p>Attendees in 2025</p></div>
            <div class="card span-4"><div class="metric">80+</div><p>Vendors in 2025</p></div>
            <div class="card span-4"><div class="metric">17</div><p>Food trucks in 2025</p></div>
          </div>
          <p><strong>2026 goal:</strong> 10,000+ attendees, 100+ vendors, and 20+ food trucks.</p>
        </article>
        <aside class="card span-4"><img class="photo" src="assets/pages/page-10.jpg" alt="Open Streets ICT page from annual report"></aside>
      </div>
    </section>

    <section id="sponsors">
      <div class="section-head"><div><h2>Sponsors and Community Partners</h2><div class="section-tag"></div></div></div>
      <div class="grid">
        <article class="card span-6">
          <p>The annual report highlights sponsors and partners from Wichita State University, KAKE News, the City of Wichita, Wichita Parks Foundation, Park & Recreation City of Wichita, Meritrust Credit Union, Rhatigan Student Center, KEYN, AARP Kansas, Kansas Leadership Center, Wichita Federal Credit Union, and other community supporters.</p>
        </article>
        <aside class="card span-6"><img class="photo" src="assets/pages/page-13.jpg" alt="Sponsor logos from annual report"></aside>
      </div>
    </section>

    <section id="metrics">
      <div class="section-head"><div><h2>Social Media Metrics</h2><div class="section-tag"></div></div></div>
      <div class="grid">
        <div class="card span-3 span-4"><div class="metric">2.8K</div><p><strong>Facebook Content Interactions</strong><br><span class="muted">120.0% increase</span></p></div>
        <div class="card span-3 span-4"><div class="metric">2.3K</div><p><strong>Facebook Visits</strong><br><span class="muted">77.7% increase</span></p></div>
        <div class="card span-3 span-4"><div class="metric">1.2K</div><p><strong>Instagram Reach</strong><br><span class="muted">40.3K% increase</span></p></div>
        <div class="card span-3 span-4"><div class="metric">356</div><p><strong>Instagram Visits</strong><br><span class="muted">5.8K% increase</span></p></div>
      </div>
    </section>

    <section id="gallery">
      <div class="section-head"><div><h2>Year in Photos</h2><div class="section-tag"></div></div></div>
      <div class="grid">
        <div class="card span-6"><img class="photo" src="assets/pages/page-15.jpg" alt="Photo collage featuring Books and Bears, Shocker Community Night, National TRIO and GEAR UP Day, and March PD Staff Meeting"></div>
        <div class="card span-6">
          <h3>Featured activities</h3>
          <ul class="list-clean">
            <li>Books & Bears</li>
            <li>Shocker Community Night</li>
            <li>National TRIO & GEAR UP Day</li>
            <li>March PD Staff Meeting</li>
          </ul>
        </div>
      </div>
    </section>
  </main>

  <footer id="contact" class="footer">
    <div class="footer-inner">
      <div>
        <h2>Wichita State Connect</h2>
        <p>Building connections across the university, schools, families, and community partners.</p>
      </div>
      <div>
        <p><strong>Website:</strong> <a href="https://wichita.edu/connect">wichita.edu/connect</a></p>
        <p><strong>Phone:</strong> (316) 978-5061</p>
        <p><strong>Email:</strong> <a href="mailto:wichitastateconnect@wichita.edu">wichitastateconnect@wichita.edu</a></p>
        <p class="muted">Original report designed by Evelyn Barraza, BA in Communications - Integrated Marketing.</p>
      </div>
    </div>
  </footer>
</body>
</html>