<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Fort Madison Mexican Fiesta | Fort Madison, IA | 3400 Avenue Q</title>
<link rel="icon" href="favicon.ico" sizes="any">
<link rel="icon" type="image/png" href="favicon-32.png" sizes="32x32">
<link rel="icon" type="image/png" href="favicon-16.png" sizes="16x16">
<link rel="apple-touch-icon" href="favicon-180.png">
<meta name="description" content="105th Fort Madison Mexican Fiesta — celebrating Mexican independence with authentic food, La Fiesta Dance Troupe, carnival rides, and the Hospitality Garden. September 17–19, 2026.">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Fraunces:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css--style.css">
</head>
<body>
<a class="skip-link" href="#main">Skip to content</a>

<header class="site-header">
  <div class="header-inner">
    <a class="brand" href="index.html">
      <img src="images--logo.png" alt="Fort Madison Mexican Fiesta logo">
      <span>Fort Madison<br>Mexican Fiesta<small class="brand-est">Est. 1921</small></span>
    </a>
    <button class="nav-toggle" aria-expanded="false" aria-controls="main-nav">Menu</button>
    <nav class="main-nav" id="main-nav" aria-label="Main">
      <ul>
        <li><a href="index.html" aria-current="page">Home</a></li>
        <li><a href="pages--about.html">About</a></li>
        <li><a href="pages--gallery.html">Gallery</a></li>
        <li><a href="pages--history.html">History</a></li>
        <li><a href="pages--pageants.html">Pageants</a></li>
        <li><a href="pages--contact.html">Contact</a></li>
      </ul>
    </nav>
  </div>
</header>

<main id="main">

  <section class="hero">
    <div class="hero-inner">
      <div>
        <p class="hero-eyebrow">Fort Madison, Iowa &middot; Est. 1921 &middot; A 501(c)(3) nonprofit tradition</p>
        <h1>105th Fort Madison Mexican Fiesta</h1>
        <p class="dates">September 17&ndash;19, 2026 &nbsp;&bull;&nbsp; 3400 Avenue Q</p>
        <a class="btn btn-primary" href="#schedule">See the schedule</a>
        <a class="btn btn-outline" href="pages--contact.html">Vendor info</a>

        <div class="countdown" id="countdown" data-target="2026-09-17T16:00:00-05:00" aria-live="polite">
          <p class="countdown-label">Festivities begin in</p>
          <div class="countdown-units">
            <div class="countdown-unit">
              <span class="countdown-number" data-unit="days">00</span>
              <span class="countdown-word">days</span>
            </div>
            <div class="countdown-unit">
              <span class="countdown-number" data-unit="hours">00</span>
              <span class="countdown-word">hrs</span>
            </div>
            <div class="countdown-unit">
              <span class="countdown-number" data-unit="minutes">00</span>
              <span class="countdown-word">min</span>
            </div>
            <div class="countdown-unit">
              <span class="countdown-number" data-unit="seconds">00</span>
              <span class="countdown-word">sec</span>
            </div>
          </div>
        </div>
      </div>
      <div class="hero-image-frame">
        <img src="images--hero-hospitality-tent.jpg" alt="Aerial view of the Fiesta Hospitality Tent, its roof painted in the colors of the Mexican flag">
      </div>
    </div>
    <div class="scallop-divider on-emerald" aria-hidden="true"></div>
  </section>

  <section>
    <div class="container">
      <p class="placeholder-note">
        2025 vendor applications: download the vendor agreement and email it to
        <a href="mailto:fortmadisonmexicanfiesta@gmail.com">fortmadisonmexicanfiesta@gmail.com</a>.
        <a href="docs--vendor-agreement-2025.pdf">Vendor agreement 2025 (PDF)</a>
        &mdash; swap this for the 2026 agreement once the committee finalizes it.
      </p>
    </div>
  </section>

  <section id="schedule" class="section-alt">
    <div class="container">
      <h2 class="section-heading">105th Fiesta activities</h2>
      <p class="section-sub">Three days of carnival, dance, food, and community &mdash; here's what's happening and when.</p>

      <div class="schedule-grid">
        <div class="day-card">
          <h3>Thursday</h3>
          <p class="day-date">September 17, 2026</p>
          <ul>
            <li><span class="time">4:00 PM</span><span>Carnival &amp; vendors open</span></li>
            <li><span class="time">7:00 PM</span><span>Street dance with Blue Zillion</span></li>
          </ul>
        </div>

        <div class="day-card">
          <h3>Friday</h3>
          <p class="day-date">September 18, 2026</p>
          <ul>
            <li><span class="time">4:00 PM</span><span>Carnival &amp; vendors open</span></li>
            <li><span class="time">6:00 PM</span><span>Grand entrance &amp; pageant crowning</span></li>
            <li><span class="time">8:00 PM</span><span>Street dance with Crooked Cactus</span></li>
            <li><span class="time">11:00 PM</span><span>El Grito</span></li>
          </ul>
        </div>

        <div class="day-card">
          <h3>Saturday</h3>
          <p class="day-date">September 19, 2026</p>
          <ul>
            <li><span class="time">7:00 AM</span><span>5K registration opens</span></li>
            <li><span class="time">8:00 AM</span><span>5K Fun Run/Walk</span></li>
            <li><span class="time">11:00 AM</span><span>Bike helmet giveaway &amp; parade</span></li>
            <li><span class="time">12:00 PM</span><span>Carnival &amp; vendors open</span></li>
            <li><span class="time">2:00 PM</span><span>Eating contest</span></li>
            <li><span class="time">6:00 PM</span><span>Grand entrance &amp; pageant crowning</span></li>
            <li><span class="time">8:00 PM</span><span>Street dance with Crooked Cactus</span></li>
            <li><span class="time">11:00 PM</span><span>El Grito</span></li>
          </ul>
        </div>
      </div>
    </div>
  </section>

  <section>
    <div class="container">
      <h2 class="section-heading">Mexican Fiesta 5K Fun Run/Walk</h2>
      <p class="section-sub">Hosted by Patty Martin &mdash; Saturday, September 19, 2026, 8:00 AM. Rain or shine; canceled only for lightning at start time, with no makeup date.</p>

      <div class="info-columns">
        <div>
          <h3>Course</h3>
          <p>Starts and ends at the Hospitality Garden in the village, 34th &amp; Q, Fort Madison &mdash; across from the main stage.</p>
        </div>
        <div>
          <h3>Registration</h3>
          <p>$25, no refunds. Register by September 9th for a guaranteed t-shirt. Checks payable to Ft. Madison Mexican Fiesta, mailed to P.O. Box 331, Ft. Madison, IA 52627.</p>
        </div>
        <div>
          <h3>Race day</h3>
          <p>Registration &amp; t-shirt pickup 7:00&ndash;7:45 AM at the stage tables. Run/walk starts at 8:00 AM sharp.</p>
        </div>
      </div>

      <p class="placeholder-note" style="margin-top:28px;">
        Online registration form (name, shirt size, waiver, payment) goes here &mdash; recommend Cloudflare Pages Forms, a Stripe Payment Link, or a lightweight form service since this needs a real backend. Happy to wire this up once you tell me which you'd like.
      </p>
    </div>
  </section>

  <section class="section-alt">
    <div class="container">
      <h2 class="section-heading">Our sponsors</h2>
      <p class="section-sub">The Fiesta runs on community support. Thank you to this year's sponsors.</p>

      <div class="sponsor-tier">
        <h3>Platinum sponsors</h3>
        <div class="sponsor-grid">
          <div class="sponsor-logo"><img src="images--sponsors--platinum-shottenkirk.jpg" alt="Shottenkirk Automotive Group"></div>
          <div class="sponsor-logo"><img src="images--sponsors--platinum-dupont.jpg" alt="DuPont"></div>
          <div class="sponsor-logo"><img src="images--sponsors--platinum-jim-baier.jpg" alt="Jim Baier, Inc."></div>
          <div class="sponsor-logo"><img src="images--sponsors--platinum-climax-molybdenum.jpg" alt="Climax Molybdenum, a Freeport-McMoRan company"></div>
          <div class="sponsor-logo"><img src="images--sponsors--platinum-conagra.jpg" alt="Conagra Brands"></div>
        </div>
      </div>

      <div class="sponsor-tier">
        <h3>Gold sponsors</h3>
        <div class="sponsor-grid">
          <div class="sponsor-logo"><img src="images--sponsors--gold-scotts-miraclegro.jpg" alt="Scotts Miracle-Gro, Fort Madison Manufacturing Plant"></div>
          <div class="sponsor-logo"><img src="images--sponsors--gold-moose-lodge.jpg" alt="Moose Ft. Madison Family Center"></div>
          <div class="sponsor-logo"><img src="images--sponsors--gold-in-memory-munoz.jpg" alt="In memory of Julie A. Munoz, from the family of John and Julie Munoz"></div>
          <div class="sponsor-logo"><img src="images--sponsors--gold-afscme-61.jpg" alt="AFSCME Council 61"></div>
        </div>
      </div>

      <div class="sponsor-tier">
        <h3>Silver sponsors</h3>
        <div class="sponsor-grid">
          <div class="sponsor-logo"><img src="images--sponsors--silver-group-1.jpg" alt="Lorraine Lofton, Standard of Beaverdale, Kempker's True Value Rental, Manley &amp; Company, Riverside Casino &amp; Golf Resort"></div>
          <div class="sponsor-logo"><img src="images--sponsors--silver-group-2.jpg" alt="Koch Fertilizer, Corey M. Kelch Financial Advisor, Edward Jones"></div>
        </div>
      </div>

      <div class="sponsor-tier">
        <h3>Bronze sponsors</h3>
        <div class="sponsor-grid">
          <div class="sponsor-logo"><img src="images--sponsors--bronze-group-1.jpg" alt="Stage 2 Consignment Shop, The 372 Now Serving Lotus Drinks, Lee County Veterinary Care"></div>
          <div class="sponsor-logo"><img src="images--sponsors--bronze-group-2.jpg" alt="Brockway Mechanical &amp; Roofing, Montrose Dog Boarding, Barr Memorial Chapel, Fort Colony Family Diner"></div>
        </div>
      </div>
    </div>
  </section>

  <section>
    <div class="container">
      <h2 class="section-heading">Fiesta!</h2>
      <p class="section-sub">
        Join us for the crowning of the Queens Court, featuring the Mexican and American Queens and Princesses,
        followed by La Fiesta Dance Troupe's traditional folk dances, local bands, and a street dance.
        Enjoy authentic Mexican cuisine from local vendors, unique crafts, raffle prizes, and carnival rides for the whole family.
        Kick off Saturday with the 5K, bring the kids for the helmet giveaway and bike parade, then watch (or try) the
        jalapeño and burrito eating contest and the spiciest bite/drink contest. Relax and catch up with friends at the Hospitality Tent.
      </p>

      <div class="gallery-grid">
        <figure><a href="images--gallery--parade-pinata-float.jpg"><img src="images--gallery--parade-pinata-float.jpg" alt="Children waving from a piñata-decorated parade float"></a></figure>
        <figure><a href="images--gallery--dance-troupe-group.jpg"><img src="images--gallery--dance-troupe-group.jpg" alt="La Fiesta Dance Troupe group photo on the main stage"></a></figure>
        <figure><a href="images--gallery--griddle-meat.jpg"><img src="images--gallery--griddle-meat.jpg" alt="Meat cooking on the griddle at a Fiesta food vendor"></a></figure>
        <figure><a href="images--gallery--queens-court.jpg"><img src="images--gallery--queens-court.jpg" alt="Queens Court crowning at the football field"></a></figure>
      </div>
      <p style="margin-top:20px;"><a href="pages--gallery.html">See the full gallery &rarr;</a></p>
    </div>
  </section>

  <div class="cta-strip">
    <h2>Questions about the Fiesta?</h2>
    <p>Reach the committee directly &mdash; we're happy to help with vendors, sponsors, or general info.</p>
    <a class="btn btn-primary" href="pages--contact.html">Send a message</a>
  </div>

</main>

<footer class="site-footer">
  <div class="container">
    <div class="footer-grid">
      <div>
        <h4>Fort Madison Mexican Fiesta</h4>
        <p>3400 Avenue Q, Fort Madison, IA<br>A 501(c)(3) nonprofit organization</p>
        <div class="social-row">
          <a href="https://www.facebook.com/fortmadisonmexicanfiesta" aria-label="Facebook">f</a>
          <a href="https://x.com/fmMexicanFiesta" aria-label="X / Twitter">x</a>
          <a href="https://www.instagram.com/fortmadisonmexicanfiesta/" aria-label="Instagram">ig</a>
          <a href="https://www.tiktok.com/@fmmexican.fiesta" aria-label="TikTok">tt</a>
        </div>
      </div>
      <div>
        <h4>Explore</h4>
        <ul>
          <li><a href="pages--about.html">About</a></li>
          <li><a href="pages--history.html">History</a></li>
          <li><a href="pages--pageants.html">Pageants</a></li>
        </ul>
      </div>
      <div>
        <h4>Contact</h4>
        <ul>
          <li><a href="mailto:fortmadisonmexicanfiesta@gmail.com">fortmadisonmexicanfiesta@gmail.com</a></li>
          <li><a href="pages--contact.html">Contact form</a></li>
        </ul>
      </div>
    </div>
    <div class="footer-bottom">
      <span>&copy; 2026 Fort Madison Mexican Fiesta</span>
      <a href="pages--privacy-policy.html">Privacy policy</a>
    </div>
  </div>
</footer>

<script src="js--main.js"></script>
</body>
</html>
