Design Modules

Hero Section Module

Full-screen hero sections with background images and call-to-action buttons

Want to build maritime excellence?

Connect with leading maritime manufacturing companies

Get Started Learn More

Navigation Module

Responsive navigation with dropdowns and mobile menu

MARITIME INDUSTRIAL LLC

Mission Career Paths ▼ Resources ▼ Partners Get Connected

Button Components

Primary and secondary button styles with hover effects

Link with Arrow →

Interactive Arrow Buttons

Expandable arrow buttons that reveal text on hover - used in blog cards, partner cards, and career cards

Hover over the arrows to see the text expand:

Blog Card Style:

Partner Card Style:

Career Card Style:

These buttons start as simple arrows (↗) and expand to show contextual text on hover. They maintain consistent behavior across blog cards, partner cards, and career benefit cards.

Card Components

Versatile card layouts for content display with interactive elements

Standard Card

Basic card component with hover effects and clean styling

Featured Card

Enhanced card with accent border and gradient top bar

Content Card

Perfect for showcasing information with consistent spacing

Blog Card Module

News and blog cards with images, content, and interactive arrow buttons

DECEMBER 15, 2024

Maritime Manufacturing Excellence in Action

Discover how our industry partners are driving innovation in maritime manufacturing and strengthening America's industrial base.

DECEMBER 10, 2024

Workforce Development Success Stories

Learn about the skilled professionals who are building their careers in maritime manufacturing across all 50 states.

Partner Card Module

Partner showcase cards with logos, descriptions, and specialty tags

Maritime Excellence Corp

Norfolk, VA

Leading provider of advanced maritime manufacturing solutions and workforce development programs.

Shipbuilding Engineering Training

Career Cards Module

Interactive cards showcasing different career paths with expandable action buttons

⚓

Marine Engineering

Design and develop complex systems for naval vessels through cutting-edge technology and innovation.

Statistics Module

Animated number counters with gradient backgrounds - numbers count up from 0 when scrolled into view

500

Partners

75

Institutions

50

States

25

Sectors

✨ Animation Features:

Numbers animate from 0 to target value over 800ms
Staggered timing with 100ms delay between each number
Smooth easing with deceleration effect
Triggers when 30% of section is visible
Supports numbers with suffixes like + and commas
Only animates once per page visit

Mission Statement Module

Centered content sections with eyebrow text and descriptions

OUR MISSION

THOUSANDS OF ROLES.
ALL FIFTY STATES.
ONE MISSION.

Maritime Industrial LLC connects job seekers with companies manufacturing the next generation of naval vessels.

Discover Career Paths

Featured Articles Module

Hero article layout with sidebar featuring expandable read-more buttons

Maritime Manufacturing Excellence

Discover the latest developments in maritime manufacturing and workforce development across America's industrial base.

FEATURED

Industry Partnership News

Latest updates on strategic partnerships in maritime manufacturing.

Filter Dropdown Module

Interactive dropdown filters with active filter tags

Showing 12 of 12

Maritime Manufacturing

Workforce Development

Contact Form Module

Professional contact forms with validation and styling

Get In Touch

Name

Email

Message

Send Message

Tags & Badges Module

Labels and indicators for categorization and highlighting

CNC Machining Welding Engineering Naval Systems Training Program FEATURED

Grid System Module

Flexible grid layouts for content organization

2-Column Grid

Column 1

Column 2

3-Column Grid