Logo small

Book Now

Book your stay

Get UIkit

Built with UIkit

UIkit is a lightweight and modular front-end framework for developing fast and powerful web interfaces. It comes with a wide range of reusable and combinable components. All UIkit classes are namespaced, so they won't interfere with other frameworks and extensions you might be using. Here's an overview of the different UIkit components, which you can easily modify using the customizer.

Visit Website

Theme Widgetkit

Widgetkit

Chester Theme features Widgetkit 2, our content creator toolkit. In addition to the default widgets we also created four custom plugins which perfectly fit the theme's overall styling: a special Slider, Popover and two Switcher widgets.

Slider Chester

Slider Chester

This custom Slider provides a special layout. The active item will always be centered and has plenty of space to its adjacent items, so that they appear cut off by the browser window. This results in an elegant and trendy tripartite setup.
Popover Chester

Popover Chester

The Popover Chester widget comes with a custom toggle icon and alignment options.

Available Alignments
Left Top, Right Top, Left, Right, Left Bottom, Right Bottom
Switcher Chester

Switcher Chester

The Switcher Chester makes particular use of the thumbnav. You can display the item’s title under its thumbnail. We recommend placing the content and thumbnav side by side and use a second image for the thumbnail as seen on the frontpage.

Additional Settings

Content Width
100%, 90%, 85%, 80%, 75%, 66%
Media Tab, not available when media is aligned left or right
Switcher Chester Nav

Switcher Chester Nav

The second custom Switcher in this theme features a special navigation. You can use an image, like an icon, the item’s title or both to navigate trough your content.

Additional Settings

Navigation
Icon, Title, Icon and title
Position
Top, Bottom, Left, Right
Content Width
100%, 90%, 85%, 80%, 75%, 66%
Media Tab, not available when media is aligned left or right

Article title

Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

<div class="myclass">...</div>

text-muted
text-primary
text-success
text-warning
text-danger
a element
em element
strong
code element
del element
ins element
mark element
q inside a q element
abbr element
dfn element

Badge 1 Success 4 Warning 3 Danger 4

h1

h2

h3

h4

h5
h6

Lorem ipsum dolor.

Someone famous
  • Author

    May 2, 2090 at 1:55 pm

    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna.

Divider

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Header

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Box

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Box primary

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Box secondary

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Info message

Success message

Warning message

Danger message

55%
55%
55%
55%
Form states
Form styles


  • List item 1
  • List item 2
  • List item 3
  • List item 1
  • List item 2
  • List item 3
Table caption
Table Heading
Table Data
Table Data
Description lists
Description text.
Description lists
Description text.

Title

Lorem ipsum dolor sit amet, consetetur sadipscing elitr.

Title

Lorem ipsum dolor sit amet, consetetur sadipscing elitr.

Special Offers

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt magna labore.

  • Weddings

    Weddings

  • Spa Package

    Spa Package

  • Spring Special

    Spring Special

  • Weddings

    Weddings

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor in cididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis.

    • Accomodation for weddings guest
    • Champagne Reception and Canap├ęs
    • Wedding dinner including drinks
    • Flower arrangements and decoration
    • Wedding Cake
  • Spa Package

    Spa Package

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor in cididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis.

    • Full access to spa area, fitness center and swimming pool
    • Bathrobe, towel and slippers
    • Entry to all yoga classes
    • Healthy Chester Hotel breakfast buffet
    • Children under 12 years age will not be charged
  • Spring Special

    Spring Special

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor in cididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis.

    • Daily Chester Hotel breakfast buffet
    • Two pieces of apparel pressing service per night
    • Complimentary In-room wireless internet access
    • Children under 12 years age will not be charged
    • Minibar and snacks available

Contact Slider

  • Demo

    The world is a book and those who do not travel read only one page.

    St. Augustine

Theme Custom Classes

Custom Classes

Avion includes a number of custom classes that extend the functionality of UIkit and Warp or help customize the styling of certain Widgetkit plugins. This table gives you an overview of the purpose of each of these classes.

Class Description
.tm-alt-font Add this class to a text element to apply and alternative font family and text transform. Both can be set in the customizer.
.tm-blockquote Add this class to a <blockquote> element to apply a special styling as seen on the Contact page.
.tm-panel-subtitle Add this class to a <p> element to apply the same styling as an article's subtitle or article lead.
.tm-price, .tm-sup Add this class to a container element, to create a pricing list as seen on the frontpage. Use a <h4> and a <sup> element with the .tm-sup class for the price itself.
.tm-list-line-dotted
.tm-list-line-dotted-space
Create a list as seen on the Spa page by adding the first class to an <ul> and the second one to a <span> element inside the list items.
.tm-list-angle Create a list with angle icons as bullet points.
.tm-margin-large
.tm-margin-large-top
.tm-margin-large-bottom
Add large top and/or bottom margin to elements.

The Chester Experience

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt magna labore.

Rooms

Rooms
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Read more

Restaurant

Restaurant
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Read more

Wine Cellar

Wine Cellar
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Read more

    Contact Text

    Lorem ipsum dolor sit amet eto, adipi scing elit, sed do adipi scing eiusmod

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
    Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu. Ut enim ad minim veniam, quis nostrud exercitation ullamco. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

    Home Pricing

    $90

    per night

    Superior Room

    Lorem ipsum dolor sit amet, sa consectetur adipiscing elit bla.

    Details

    $190

    per night

    Family Cabin

    Lorem ipsum dolor sit amet, sa consectetur adipiscing elit bla.

    Details

    $260

    per night

    Luxury Suite

    Lorem ipsum dolor sit amet, sa consectetur adipiscing elit bla.

    Details

    Theme Warp

    Warp Framework

    A fast and slick theme framework which is built on the latest web techniques like HTML5, CSS3 and PHP 5.3+

    Visit Website

    Theme UIkit

    UIkit

    A lightweight and modular front-end framework for developing fast and powerful web interfaces.

    Visit Website

    Logo Footer

    124 Harbor Avenue, Hamburg 1-234-457-89
    mail@example.com

    Theme CMS

    This theme is available for JoomlaJoomla and WordpressWordPress including the same features on each system.