Features UIkit

Demo

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

Home Bed & Breakfast

Bed & Breakfast

Special Offer

Start the day with an organic and romantic breakfast and save 30%.

Order Now

Top B

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

Main Top

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

Main Top

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

Home UIkit

UIKit

Framework

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

Read more

Home Pagekit

Pagekit

Modern CMS

A new modern CMS to create and share. No matter if it's a simple blog, your company's website or a web service.

Read more

Media Player

The Widgetkit Media Player is a HTML5 audio and video player completely built with HTML and CSS. You can easily embed video files into your website by using the HTML5 video element. A Flash player fallback is included for all unsupported browsers.

Features

  • Native playback for modern HTML5 browsers
  • Supports MP4 (h.264), WebM, FLV, WMV and MP3 files
  • Completely built with HTML and CSS
  • Responsive design to fit all device resolutions
  • Same UI in all browsers
  • Create your own skins
  • Flash player fallback for unsupported browsers
  • Works with Joomla and WordPress

Examples

This is a MP3 Audio Sample:

How To Use

Use the HTML5 video element to embed video in your website. For example:

<video src="/video.mp4" width="320" height="240"></video>

You can also provide multiple sources, to add support for the different video formats like h.264, WebM or Ogg:

<video width="320" height="240">
	<source type="video/mp4"  src="/video.mp4" />
	<source type="video/webm" src="/video.webm" />
	<source type="video/ogg"  src="/video.ogv" />
</video>

Use the HTML5 audio element to embed MP3 files in your website. For example:

<audio src="/audio.mp3" type="audio/mp3"></audio>

Main Bottom

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

Main Bottom

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

Twitter Single

Twitter response: "Bad Authentication data."

Home Opinion

What you think

  • " It was a great experience. My husband and I enjoy spending time relaxing together.
    We will definitely come back. β€œ

  • " It was the first time for me to spend time in a spa, but definitely not the last time. I'm loving it! β€œ

  • " This was not the first time for me here. But I enjoy every minute I'm here. β€œ

Home Nature

Demo

Organic
Spa

View more
Demo

Explore
Nature

View more

Bottom A

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

Bottom A

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

Bottom A

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

Bottom A

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

Twitter Bubbles

Twitter response: "Bad Authentication data."

Bottom B

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

Bottom B

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

Bottom B

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

Bottom B

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

Home Logo

Organic

Home Organic Spa

Organic Spa

Goose Market 32
New York 10002, USA

Home Contact Us

Contact Us

Phone: +1 012 345 678
Email: info@example.com

Home Openning Hours

Opening Hours

Monday - Friday: 9am - 20pm
Saturday & Sunday: 9am - 16pm

Offcanvas

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