> ## Documentation Index
> Fetch the complete documentation index at: https://docs.brikl.co/llms.txt
> Use this file to discover all available pages before exploring further.

# Footer 06

> Horizontal footer with logo on left and navigation links aligned to the right.

<Frame>
  ![Footer 06](https://ffciaqoksnnzuihswbxs.supabase.co/storage/v1/object/public/components/Blocks/Footers/footer-with-newsletter-input.png)
</Frame>

## Overview

Footer 06 is a marketing footer component featuring a brand logo and a horizontal row of navigation links (Products, Templates, Resources, Company, Legal). It is designed for use at the bottom of marketing pages, providing quick access to key site sections with responsive behavior that adapts to smaller screen widths.

## How to use

<Steps>
  <Step title="Open the Brikl panel" titleSize="h4">
    Navigate to the **Marketings** category in the Brikl panel.
  </Step>

  <Step title="Copy the component" titleSize="h4">
    Find **Footer 06** and click **Copy**.
  </Step>

  <Step title="Paste into your editor" titleSize="h4">
    Paste it into your Bubble canvas with `Cmd + V` (Mac) or `Ctrl + V` (Windows), or right-click on the canvas and select **Paste**.
  </Step>
</Steps>

## States

This component includes conditional states that automatically change its appearance.

| State         | Trigger                                      | Visual effect                                                                                            |
| ------------- | -------------------------------------------- | -------------------------------------------------------------------------------------------------------- |
| Mobile Layout | Page width is less than or equal to 1200px   | The logo and links group expands to 100% minimum width, stacking or adjusting layout for smaller screens |
| Link Hover    | User hovers over a clickable navigation link | Underline appears on the hovered link with a 200ms ease transition                                       |
| Link Disabled | Link is not clickable                        | Link opacity reduces to 25%, visually indicating it is inactive                                          |

<Note>
  These states are handled natively by Bubble and require no additional setup. They will work automatically once the component is pasted into your editor.
</Note>

## Responsive

This component adapts to mobile screens. Font sizes and layout automatically adjust on screens smaller than Bubble's built-in mobile breakpoint.

## Requirements

|             |                       |
| ----------- | --------------------- |
| License     | Starter plan required |
| Plugins     | None                  |
| Custom code | Not required          |

## Platforms

| Platform | Supported |
| -------- | --------- |
| Web      | ✅         |
| Mobile   | ❌         |

## License

<Note>
  This component requires a **Starter** plan.
</Note>