← Back to Mega Menu

Mega Menu Preview

Desktop — 4 columns

Public Health

Emergency Preparedness

Disaster planning Hurricane readiness Shelter locations Emergency contacts Supply kit checklist Alert sign-up

Environmental Hazards

Air quality reports Water testing Lead & asbestos Mold remediation Report a hazard Health advisories

Fire Safety

Burn ban status Wildfire updates Fire prevention tips Smoke detector program Fireworks regulations Volunteer firefighters

Crime Reporting

File a report online Crime Stoppers Sex offender registry Victim services Fraud & scam alerts Missing persons
View all Public Health
View HTML 
<div class="txds-mega-menu txds-mega-menu--4col">
  <div class="txds-mega-menu__inner">
    <h3 class="txds-mega-menu__title">Public Health</h3>
    <div class="txds-mega-menu__columns">
      <div class="txds-mega-menu__col">
        <h4 class="txds-mega-menu__col-title">Emergency Preparedness</h4>
        <hr class="txds-mega-menu__col-divider">
        <a class="txds-mega-menu__link" href="#">Disaster planning</a>
        <a class="txds-mega-menu__link" href="#">Hurricane readiness</a>
      </div>
      <!-- repeat for each column -->
    </div>
    <a class="txds-mega-menu__view-all" href="#">View all Public Health</a>
  </div>
</div>

Desktop — 3 columns

Public Health

Emergency Preparedness

Disaster planning Hurricane readiness Shelter locations Emergency contacts Supply kit checklist

Environmental Hazards

Air quality reports Water testing Lead & asbestos Report a hazard

Fire Safety

Burn ban status Wildfire updates Fire prevention tips Smoke detector program
View all Public Health
View HTML 
<div class="txds-mega-menu txds-mega-menu--3col">
  <div class="txds-mega-menu__inner">
    <h3 class="txds-mega-menu__title">Public Health</h3>
    <div class="txds-mega-menu__columns">
      <div class="txds-mega-menu__col">
        <h4 class="txds-mega-menu__col-title">Emergency Preparedness</h4>
        <hr class="txds-mega-menu__col-divider">
        <a class="txds-mega-menu__link" href="#">Disaster planning</a>
        <a class="txds-mega-menu__link" href="#">Hurricane readiness</a>
      </div>
      <!-- repeat for each column -->
    </div>
    <a class="txds-mega-menu__view-all" href="#">View all Public Health</a>
  </div>
</div>

Desktop — 2 columns

Public Health

Emergency Preparedness

Disaster planning Hurricane readiness Shelter locations Emergency contacts Supply kit checklist Alert sign-up Health advisories Volunteer sign-up

Environmental Hazards

Air quality reports Water testing Lead & asbestos Mold remediation Report a hazard
View all Public Health
View HTML 
<div class="txds-mega-menu txds-mega-menu--2col">
  <div class="txds-mega-menu__inner">
    <h3 class="txds-mega-menu__title">Public Health</h3>
    <div class="txds-mega-menu__columns">
      <div class="txds-mega-menu__col">
        <h4 class="txds-mega-menu__col-title">Emergency Preparedness</h4>
        <hr class="txds-mega-menu__col-divider">
        <a class="txds-mega-menu__link" href="#">Disaster planning</a>
        <a class="txds-mega-menu__link" href="#">Hurricane readiness</a>
      </div>
      <!-- repeat for each column -->
    </div>
    <a class="txds-mega-menu__view-all" href="#">View all Public Health</a>
  </div>
</div>