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

## Tabs

To create a set of tabs, use the `uk-tab` class. Uikit tabs fit nicely in responsive layouts by converting the tabs into a dropdown menu. The tabs also scale to fit its contents by adjusting the tab height automatically.

### Horizontal tabs

- Tab 1
- Tab 2
- Tab 3

- ### This is the first tab

  Do not dwell in the past, do not dream of the future, concentrate the mind on the present moment. Never be bullied into silence. Never allow yourself to be made a victim. Accept no one's definition of your life; define yourself.

- ### This is the second tab

  Do not dwell in the past, do not dream of the future, concentrate the mind on the present moment. Never be bullied into silence. Never allow yourself to be made a victim. Accept no one's definition of your life; define yourself.

- ### This is the third tab

  Do not dwell in the past, do not dream of the future, concentrate the mind on the present moment. Never be bullied into silence. Never allow yourself to be made a victim. Accept no one's definition of your life; define yourself.

markup

    <ul class="uk-tab uk-tab-grid uk-tab-top" data-uk-tab="{connect:'#tabs_example1', animation: 'fade'}">
        <li class="uk-active"><a href="#">Tab 1</a></li>
        <li><a href="#">Tab 2</a></li>
        <li><a href="#">Tab 3</a></li>
      </ul>

      <ul id="tabs_example1" class="uk-switcher uk-margin uk-tab-content">
        <li>Your content goes here</li>
        <li>Your content goes here</li>
        <li>Your content goes here</li>
      </ul>

### Vertical tabs

Vertical tabs use a combination of `uk-grid`, `uk-width-*` and `uk-tab` classes. The `uk-grid` class is used to define the tab container; the `uk-width-*` class is used to define the widths of the tabs and content; the `uk-tab` class creates the tab elements.

- Tab 1
- Tab 2
- Tab 3

- ### This is the first tab

  Do not dwell in the past, do not dream of the future, concentrate the mind on the present moment. Never be bullied into silence. Never allow yourself to be made a victim. Accept no one's definition of your life; define yourself.

- ### This is the second tab

  Do not dwell in the past, do not dream of the future, concentrate the mind on the present moment. Never be bullied into silence. Never allow yourself to be made a victim. Accept no one's definition of your life; define yourself.

- ### This is the third tab

  Do not dwell in the past, do not dream of the future, concentrate the mind on the present moment. Never be bullied into silence. Never allow yourself to be made a victim. Accept no one's definition of your life; define yourself.

markup

    <div class="uk-grid">
        <div class="uk-width-medium-2-10">
          <ul class="uk-tab uk-tab-left" data-uk-tab="{connect:'#tabs_example2', animation: 'fade'}">
            <li class="uk-active"><a href="#">Tab 1</a></li>
            <li><a href="#">Tab 2</a></li>
            <li><a href="#">Tab 3</a></li>
          </ul>
        </div>

        <div class="uk-width-medium-8-10">
          <ul id="tabs_example2" class="uk-switcher uk-margin uk-tab-content">
            <li>your content goes here</li>
            <li>your content goes here</li>
            <li>your content goes here</li>
          </ul>
        </div>
      </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