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

## Dynamic Grid

To create a filterable portfolio grid, use the `data-uk-grid` data attribute. The `id` must be unique for each portfolio grid. Use the `data-uk-filter` data attribute to create filters for the grid. The `data-uk-filter` class can be placed in a different module position. You can learn more about the dynamic grid in the full documentation

Parameters | Description
--- | ---
`id` | A unique id that identifies a dynamic grid
`tag` | Defines the filters for the dynamic grid.
`animation` | set the animation for the portfolio items

### Blown away

Always continue the climb. It is possible for you to do whatever you choose

### Spectacular

Life is a series of natural and spontaneous changes. Don't resist them - that only creates sorrow. Let reality be reality

### Unlock the door

Design is not what it looks like; Design is how it works. Good design speaks volumes about the designer

### First cup

Good things come, not to the fast, but to those who wait.

### Show code

`<!-- grid filter --> <ul id="grid1" class="uk-subnav uk-subnav-pill tm-grid-filters"> <li class="uk-active" data-uk-filter=""><a href="#">all</a></li> <li data-uk-filter="photography"><a href="#">Photography</a></li> </ul> <!-- masonry grid --> <div class="tm-dynamic-grid uk-grid-width-1-1 uk-grid-width-small-1-2 uk-grid-width-medium-1-3 uk-grid-width-large-1-4 " data-uk-grid="{gutter: 10, controls: '#grid1'}"> <!-- grid item --> <div data-uk-filter="photography"> <div class="uk-panel uk-animation-fade"> <figure class="uk-overlay uk-overlay-hover"> <img class="uk-overlay-scale" src="images/demo/gallery/1.jpg" width="800" height="800" alt="image" > <div class="tm-overlay-box"></div> <div class="uk-overlay-panel uk-overlay-background uk-overlay-fade uk-flex uk-flex-center uk-flex-middle uk-text-center"> <div> <h3 class="uk-h3 tm-grid-title uk-margin">Blown away</h3> <div class="uk-margin-small tm-grid-content"> <p>Always continue the climb. It is possible for you to do whatever you choose</p> <!-- lightbox image --> <a class="uk-position-cover" href="images/demo/gallery/1.jpg" data-uk-lightbox="{group:'porfolio1'}" title="Blown away"></a> </div> </div> </div> </figure> </div> </div> <!-- grid item --> <div data-uk-filter="webdesign"> <div class="uk-panel uk-animation-fade"> <figure class="uk-overlay uk-overlay-hover"> <img class="uk-overlay-scale" src="images/demo/gallery/7.jpg" width="800" height="800" alt="image" > <div class="tm-overlay-box"></div> <div class="uk-overlay-panel uk-overlay-background uk-overlay-fade uk-flex uk-flex-center uk-flex-middle uk-text-center"> <div> <h3 class="uk-h3 tm-grid-title uk-margin">Spectacular</h3> <div class="uk-margin-small tm-grid-content"> <p>Life is a series of natural and spontaneous changes. Don't resist them - that only creates sorrow. Let reality be reality</p> <!-- lightbox image --> <a class="uk-position-cover" href="images/demo/gallery/7.jpg" data-uk-lightbox="{group:'porfolio1'}" title="Clear lens"></a> </div> </div> </div> </figure> </div> </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