> ## 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 05

> Horizontal footer with logo, description text, navigation links, and responsive mobile layout.

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

## Overview

Footer 05 is a marketing footer component featuring a logo, a short brand description, and a set of navigation links (Products, Templates, Resources, Company). It is designed for use at the bottom of marketing pages and adapts its layout for mobile screens when the page width is 1200px or less.

## 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 05** 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 | Current Page Width is less than or equal to 1200px | Logo, Description & Links group switches to 100% minimum width for stacked mobile layout |
| Link Hover    | User hovers over a clickable link                  | Underline appears on the hovered link with a 200ms ease transition on font color         |
| Link Disabled | Link is not clickable                              | Link opacity reduces to 25%, indicating a non-interactive state                          |

<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>