Elements - Sandal

English

- 8:00 am to 10:00 pm

### Talk to us now

+49 555 000 000

### Visit our offices

Mirage Plaza - Hamburg

### Send us an email

hello@sandal.com

### We are open all day

8:00 am to 10:00 pm daily

# Elements

## Panels

Use the `uk-panel uk-panel-box` classes to create panels

### Panel Title

Do not dwell in the past, do not dream of the future, concentrate the mind on the present moment.

### Panel without borders

Do not dwell in the past, do not dream of the future, concentrate the mind on the present moment.

### Panel Title

Do not dwell in the past, do not dream of the future, concentrate the mind on the present moment.

markup

    <div class="uk-panel uk-panel-box">
      <h3>Panel Title</h3>
      <p>Do not dwell in the past, do not dream of the future, concentrate the mind on the present moment.</p>
    </div>

important

In each of these examples, we've nested the panel code within the `column` grid.

### Style modifiers

You can add style modifiers `uk-panel-box-primary` and `uk-panel-box-secondary` to change the visual appearance of the panel. You can also add the `uk-panel-title` class to the heading to adapt the heading styling to the panel.

### Primary Panel

Do not dwell in the past, do not dream of the future, concentrate the mind on the present moment.

### Secondary Panel

Do not dwell in the past, do not dream of the future, concentrate the mind on the present moment.

markup

    <div class="uk-panel uk-panel-box uk-panel-box-primary">
      <h3 class="uk-panel-title">Panel Title</h3>
      <p>Do not dwell in the past, do not dream of the future, concentrate the mind on the present moment.</p>
    </div>

### Panel title with Icons

You can also add icons to the panels by using the `uk-icon-{icon}` class right next to the header.

### Primary Panel

Do not dwell in the past, do not dream of the future, concentrate the mind on the present moment.

### Secondary Panel

Do not dwell in the past, do not dream of the future, concentrate the mind on the present moment.

markup

    <div class="uk-panel uk-panel-box uk-panel-box-primary">
      <h3 class="uk-panel-title"><i class="uk-icon-envelope-o"></i> Panel Title</h3>
      <p>Do not dwell in the past, do not dream of the future, concentrate the mind on the present moment.</p>
    </div>

Sandal LLC.
Hamburg, Germany
One Street | Two Drive,
10th Floor, Site Wing
+49 555 000 000
hello@sandal.com
support@sandal.com

### Recent Posts

- Have faith in your abilities
  Believe in yourself! Have faith in your abilities! Without a...
- Live in the only moment
  Always continue the climb. It is possible for you to...

### Our Work

- Gaucho Cafe
- Fontaine Corp
- Saffron Magazine
- Celsius gallery
- Fidelity business
- Lighthouse Church
- Sauna Spa

### Our Values

Do not dwell in the past, do not dream of the future, concentrate the mind on now.

Let reality be reality. Let things flow naturally. Do not dwell in the past, do not dream of the future.

Copyright © Sandal Template by arrowthemes