The Kitchen Sink.

We made a bootstrap starting point so you can hit the ground running.

Kitchen Sink

Services widget

Services widgets are designed to showcase blocks of content with an icon on top. You can select any icon from the FontAwsome v.4.4.0 and apply all the configurations it supports (icon size, animation and rotation). Further more Services widgets can be configured to display Read more buttons. Buttons can be configured for any Bootstrap option ( size, color and width). Width of these widgets can be set to 1/1. 1/2, 1/3 and 1/4 width of the container. Below are examples with various combinations.

Design

Nam volutpat auctor nisl, sit amet varius eros facilisis ac. In tempor, urna ac rutrum vehicula, sapien risus viverra est, ut placerat neque lacus vitae risus. Nullam et posuere orci, sit amet gravida mauris. Curabitur sed elit sit amet quam imperdiet lacinia. Ut bibendum viverra ex non venenatis. Duis lacinia nisl.

Read more

Video Production

Morbi sagittis, enim eget sagittis accumsan, nisl ligula volutpat sem, eget consectetur ipsum diam non dui. Sed ultrices erat eget nisl varius rutrum. Donec sapien erat, hendrerit vel dui id, egestas blandit sapien. In tincidunt odio dui. Proin in aliquam velit. Integer ultricies porttitor enim sit amet faucibus.

Read more

Online Advertising

Nullam mollis dapibus leo, non pellentesque nulla venenatis non. Cras sit amet tellus eget risus condimentum auctor. Aliquam maximus neque scelerisque massa lobortis ultricies. Aenean semper eros id felis iaculis pellentesque. Curabitur magna mauris. Ullamcorper odio nec, iaculis.

Read more

Web Development

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent rutrum dui et felis semper, ac commodo eros dapibus. Mauris id pellentesque enim, in posuere neque. Cras congue, purus a scelerisque iaculis, tellus nulla gravida neque, vitae tincidunt orci nisl ac nunc. Fusce justo velit, laoreet at mauris id.

Read more


Design

Nam volutpat auctor nisl, sit amet varius eros facilisis ac. In tempor, urna ac rutrum vehicula, sapien risus viverra est, ut placerat neque lacus vitae risus. Nullam et posuere orci, sit amet gravida mauris. Curabitur sed elit sit amet quam imperdiet lacinia. Ut bibendum viverra ex non venenatis. Duis lacinia nisl.

Read more

Video Production

Morbi sagittis, enim eget sagittis accumsan, nisl ligula volutpat sem, eget consectetur ipsum diam non dui. Sed ultrices erat eget nisl varius rutrum. Donec sapien erat, hendrerit vel dui id, egestas blandit sapien. In tincidunt odio dui. Proin in aliquam velit. Integer ultricies porttitor enim sit amet faucibus.

Read more

Online Advertising

Nullam mollis dapibus leo, non pellentesque nulla venenatis non. Cras sit amet tellus eget risus condimentum auctor. Aliquam maximus neque scelerisque massa lobortis ultricies. Aenean semper eros id felis iaculis pellentesque. Curabitur magna mauris. Ullamcorper odio nec, iaculis.

Read more


Design

Nam volutpat auctor nisl, sit amet varius eros facilisis ac. In tempor, urna ac rutrum vehicula, sapien risus viverra est, ut placerat neque lacus vitae risus. Nullam et posuere orci, sit amet gravida mauris. Curabitur sed elit sit amet quam imperdiet lacinia. Ut bibendum viverra ex non venenatis. Duis lacinia nisl.

Video Production

Morbi sagittis, enim eget sagittis accumsan, nisl ligula volutpat sem, eget consectetur ipsum diam non dui. Sed ultrices erat eget nisl varius rutrum. Donec sapien erat, hendrerit vel dui id, egestas blandit sapien. In tincidunt odio dui. Proin in aliquam velit. Integer ultricies porttitor enim sit amet faucibus.

Online Advertising

Nullam mollis dapibus leo, non pellentesque nulla venenatis non. Cras sit amet tellus eget risus condimentum auctor. Aliquam maximus neque scelerisque massa lobortis ultricies. Aenean semper eros id felis iaculis pellentesque. Curabitur magna mauris. Ullamcorper odio nec, iaculis.

Web Development

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent rutrum dui et felis semper, ac commodo eros dapibus. Mauris id pellentesque enim, in posuere neque. Cras congue, purus a scelerisque iaculis, tellus nulla gravida neque, vitae tincidunt orci nisl ac nunc. Fusce justo velit, laoreet at mauris id.


Biography widget

Biography widget is designed to display team members. They are added as articles and featured image of an article is used for the team member photo. Bootstrap classes for the shape of the image can be applied (default, circle or rounded). Besides biography and wether or not to display the photograph, in this widget you can add the Position in the team, links to social media profiles and icon size. Widget width can be configured to 1/1, 1/2, 1/3 and 1/4 of the container. Below are examples with various combinations.

Rebecca Johnson

SEO & Co-founder

Quisque sollicitudin laoreet semper. Fusce in dolor eget lacus auctor lobortis sit amet ut lacus. Duis lobortis tincidunt sem. Aliquam ac posuere ipsum. Quisque mollis ante sit amet leo euismod, a varius erat pretium.

William Norton

Lead Developer

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent rutrum dui et felis semper, ac commodo eros dapibus. Mauris id pellentesque enim, in posuere neque. Cras congue, purus a scelerisque iaculis, tellus nulla gravida neque, vitae tincidunt orci nisl ac nunc.

Gianni DiMarko

Lead Designer

Nam volutpat auctor nisl, sit amet varius eros facilisis ac. In tempor, urna ac rutrum vehicula, sapien risus viverra est, ut placerat neque lacus vitae risus.


Pricing Column widget

Pricing columns are designed to display various pricing plans. Configuration options you have a t your disposal are: name of the plan, price, unit, button styling and list of features. Also you can highlight column as featured to have the inverted header color applied. Widget width can be configured to 1/1, 1/2, 1/3 and 1/4 of the container. Below are examples with various combinations.

Basic

$45 / month

Sign up

Lorem ipsum dolor sit amet

Nulla vel ex quis felis facilisis

Nam volutpat auctor nisl

Duis lacinia nisl et venenatis commodo

Business

$150 / month

Sign up

Lorem ipsum dolor sit amet

Nulla vel ex quis felis facilisis

Nam volutpat auctor nisl

Duis lacinia nisl et venenatis commodo

Enterprise

$480 / month

Sign up

Lorem ipsum dolor sit amet

Nulla vel ex quis felis facilisis

Nam volutpat auctor nisl

Duis lacinia nisl et venenatis commodo


Gallery widget

Gallery widget is designed to display unroole galleries. Apart from selecting the gallery to display, you have the option to choose the width of container (Bootstraps fixed or fluid container) and width of images in Bootstrap columns for each breakpoint. Also you have the option to choose wether or not to display the caption of each image. Below are examples with various combinations.

Article Collection

Article collection widget displays unroole articles based on category and/or type you select and number of articles to show. Apart from these default options you can choose to display meta data for each article (author, published date and category), featured image, pagination and type of pagination (simple or numbered) and number of characters of the article body. In terms of layout you can choose the width of the container (Bootstraps fluid or fixed container). Below are examples with various combinations.


Ocean

Bender! Ship! Stop!

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent rutrum dui et felis semper, ac commodo eros dapibus. Mauris id pellentesque enim, in posuere neque. Cras congue, purus a scelerisque iaculis, tellus nulla gravida neque, vitae tincidunt orci nisl ac nunc. Quisque sollicitudin...

Read More

Golden Gate Bridge

I had more, but you go ahead.

Nulla vel ex quis felis facilisis consequat nec et justo. Vestibulum nisl magna, semper id magna a, suscipit condimentum tortor. Aliquam ac faucibus risus. Cras risus mauris, mattis sed ipsum aliquet, sagittis ornare arcu. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere...

Read More

Windows

Two driven jocks help fax my big quiz.

The quick, brown fox jumps over a lazy dog. DJs flock by when MTV ax quiz prog. Junk MTV quiz graced by fox whelps. Bawds jog, flick quartz, vex nymphs. Waltz, bad nymph, for quick jigs vex! Fox nymphs grab quick-jived waltz.

Brick quiz whangs jumpy veldt fox. Bright vixens jump; dozy fowl quack....

Read More



Bender! Ship! Stop!
Published Sep 17, 2015 by Bojana Sekeljic in Blog

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent rutrum dui et felis semper, ac commodo eros dapibus. Mauris id pellentesque enim, in posuere neque. Cras congue, purus a scelerisque iaculis, tellus nulla gravida neque, vitae tincidunt orci nisl ac nunc. Quisque sollicitudin...

Read More

I had more, but you go ahead.
Published Sep 17, 2015 by Bojana Sekeljic in Blog

Nulla vel ex quis felis facilisis consequat nec et justo. Vestibulum nisl magna, semper id magna a, suscipit condimentum tortor. Aliquam ac faucibus risus. Cras risus mauris, mattis sed ipsum aliquet, sagittis ornare arcu. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere...

Read More

Two driven jocks help fax my big quiz.
Published Sep 17, 2015 by Bojana Sekeljic in Blog

The quick, brown fox jumps over a lazy dog. DJs flock by when MTV ax quiz prog. Junk MTV quiz graced by fox whelps. Bawds jog, flick quartz, vex nymphs. Waltz, bad nymph, for quick jigs vex! Fox nymphs grab quick-jived waltz.

Brick quiz whangs jumpy veldt fox. Bright vixens jump; dozy fowl quack....

Read More


Article

Article widget displays single unroole article. Configuration options you have at your disposal are displaying featured image, category, published date and author. Also you can display related articles section, which will display last 4 articles in the same category. In terms of layout you can choose the width of the container (Bootstraps fluid or fixed container). Below are examples with various combinations.

And Zoidberg! in Blog

By Bojana Sekeljic - Sep 17, 2015

Wall

Nam volutpat auctor nisl, sit amet varius eros facilisis ac. In tempor, urna ac rutrum vehicula, sapien risus viverra est, ut placerat neque lacus vitae risus. Nullam et posuere orci, sit amet gravida mauris. Curabitur sed elit sit amet quam imperdiet lacinia. Ut bibendum viverra ex non venenatis. Duis lacinia nisl et venenatis commodo. Aenean a velit quis diam tincidunt porttitor euismod id ligula. Interdum et malesuada fames ac ante ipsum primis in faucibus. Fusce rutrum turpis lectus, finibus congue arcu auctor et. Integer luctus egestas ex, mollis lobortis lorem dictum quis. Aliquam a mauris suscipit, accumsan ex in, auctor mauris. Suspendisse finibus mauris neque, non ultrices mi rutrum in. Nulla id gravida tortor. Donec id lectus dui.

Nullam mollis dapibus leo, non pellentesque nulla venenatis non. Cras sit amet tellus eget risus condimentum auctor. Aliquam maximus neque scelerisque massa lobortis ultricies. Aenean semper eros id felis iaculis pellentesque. Curabitur magna mauris, scelerisque sed nunc sed, malesuada sodales leo. Fusce justo velit, laoreet at mauris id, aliquet molestie felis. Quisque risus libero, finibus sit amet turpis vel, aliquam cursus quam. Integer nibh diam, interdum ullamcorper odio nec, iaculis bibendum ligula. Nulla tellus dolor, tempor at placerat at, tincidunt et ex. Maecenas facilisis pulvinar elit eu lobortis. Quisque eu felis ipsum.

Related articles


I feel like I just went ten rounds with mighty Thor

2015-09-17

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent rutrum dui et felis semper, ac commodo eros dapibus. Mauris id pellentesque enim, in posuere neque. Cras congue, purus a scelerisque iaculis, tellus nulla gravida neque, vitae tincidunt orci nisl ac nunc. Quisque sollicitudin laoreet semper. Fusce in dolor eget lacus auctor lobortis sit amet ut lacus. Duis lobortis tincidunt sem. Aliquam ac posuere ipsum. Quisque mollis ante sit amet leo euismod, a varius erat pretium.

Nulla vel ex quis felis facilisis consequat nec et justo. Vestibulum nisl magna, semper id magna a, suscipit condimentum tortor. Aliquam ac faucibus risus. Cras risus mauris, mattis sed ipsum aliquet, sagittis ornare arcu. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque tempus accumsan pharetra. Interdum et malesuada fames ac ante ipsum primis in faucibus. Donec orci quam, ornare eu euismod at, feugiat at velit. Aenean sit amet odio a tortor aliquet bibendum quis dapibus libero. Nunc lacinia non lacus at convallis. Duis sit amet molestie est. Nunc dui elit, luctus eu molestie ut, mollis ut lacus. Nullam pulvinar enim vel elit gravida, in hendrerit sem imperdiet. Nunc pellentesque mollis erat in malesuada.

Event Collection

Event Collection widget displays unroole events based on category and/or location you select and number of events to show. Apart from these default options you can choose to display meta data for each event (location, start and end time), featured image, pagination and type of pagination (simple or numbered) and number of characters of the article body. In terms of layout you can choose the width of the container (Bootstraps fluid or fixed container). Below are examples with various combinations.





Event

Event widget displays single unroole event. Configuration options you have at your disposal are displaying featured image and category. Also you can display related events based on category or location, which will display last 4 events. Every event has a Google map with marker and location details. You can set the level of zoom for the map, displaying default Google Maps UI controls, and scroll to zoom functionality. In order for maps to load you will need to add your own Google Maps API Key to the Google Maps API widget. In terms of layout you can choose the width of the container (Bootstraps fluid or fixed container).

Advertising seminar in Lecture

Location: CSI Annex

Category: Lecture

Start time: 10/30/15 09:00 AM | End time: 10/31/15 06:00 PM

Maecenas id mauris a neque ullamcorper venenatis. In et eros cursus, facilisis ligula et, porttitor neque. Phasellus nec eros hendrerit, sollicitudin ex non, ornare dolor. Pellentesque interdum sapien non iaculis elementum. Vestibulum dapibus ipsum non lectus molestie ullamcorper. Sed iaculis facilisis purus eu maximus. Etiam non neque ullamcorper, bibendum erat vitae, molestie risus.

Aliquam id interdum lacus. Praesent ac turpis vitae odio mattis suscipit. Cras aliquam malesuada leo ut porttitor. Integer nec mi malesuada, eleifend est at, varius augue. Maecenas lobortis, felis eget dignissim ultricies, elit tortor lobortis libero, ac porta dui diam sit amet urna. Nulla magna magna, lobortis nec neque sed, ullamcorper feugiat neque. Nunc sollicitudin sed velit at scelerisque. Suspendisse potenti.

More events at the same location


Maps and Forms

Maps can be displayed as standalone components. Each map is created with Map Wrapper widget and each marker with Map Marker widget placed inside the Map Wrapper. Map Wrapper widget can be configured to set the level of zoom for the map, displaying default Google Maps UI controls, and scroll to zoom functionality. Map Markers are configured by adding latitude and longitude, name and description, which will be displayed in the info window when marker is clicked. In order for maps to load you will need to add your own Google Maps API Key to the Google Maps API widget. Similar to maps, forms are built with Form Wrapper and Form Field widgets. In the Form Wrapper you can enter the title of the form and add method and action url to be used for processing the form. Also you can set Bootstraps form orientation (default, inline or horizontal). Form field widget gives you option to choose type of the input field, label and placeholder text. In terms of layout these widgets don't have set widths and will take entire width of the Column widget they are placed in.

Contact us

Slideshow

Slideshow widget displays unroole gallery in Bootstraps Carousel component. Besides choosing the gallery, you can configure all default Bootstrap options, loop, auto slide in milliseconds, keyboard control and caption. In terms of layout you can choose the width of the container (Bootstraps fluid or fixed container)

Column

Column widget is used to build Bootstraps grid system. Each column can be configured by number of columns for each break point. Below are various examples.

1/2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent rutrum dui et felis semper, ac commodo eros dapibus. Mauris id pellentesque enim, in posuere neque. Cras congue, purus a scelerisque iaculis, tellus nulla gravida neque, vitae tincidunt orci nisl ac nunc. Quisque sollicitudin laoreet semper. Fusce in dolor eget lacus auctor lobortis sit amet ut lacus. Duis lobortis tincidunt sem. Aliquam ac posuere ipsum. Quisque mollis ante sit amet leo euismod, a varius erat pretium.

Nulla vel ex quis felis facilisis consequat nec et justo. Vestibulum nisl magna, semper id magna a, suscipit condimentum tortor. Aliquam ac faucibus risus. Cras risus mauris, mattis sed ipsum aliquet, sagittis ornare arcu. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque tempus accumsan pharetra. Interdum et malesuada fames ac ante ipsum primis in faucibus. Donec orci quam, ornare eu euismod at, feugiat at velit. Aenean sit amet odio a tortor aliquet bibendum quis dapibus libero. Nunc lacinia non lacus at convallis. Duis sit amet molestie est. Nunc dui elit, luctus eu molestie ut, mollis ut lacus. Nullam pulvinar enim vel elit gravida, in hendrerit sem imperdiet. Nunc pellentesque mollis erat in malesuada.

1/2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent rutrum dui et felis semper, ac commodo eros dapibus. Mauris id pellentesque enim, in posuere neque. Cras congue, purus a scelerisque iaculis, tellus nulla gravida neque, vitae tincidunt orci nisl ac nunc. Quisque sollicitudin laoreet semper. Fusce in dolor eget lacus auctor lobortis sit amet ut lacus. Duis lobortis tincidunt sem. Aliquam ac posuere ipsum. Quisque mollis ante sit amet leo euismod, a varius erat pretium.

Nulla vel ex quis felis facilisis consequat nec et justo. Vestibulum nisl magna, semper id magna a, suscipit condimentum tortor. Aliquam ac faucibus risus. Cras risus mauris, mattis sed ipsum aliquet, sagittis ornare arcu. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque tempus accumsan pharetra. Interdum et malesuada fames ac ante ipsum primis in faucibus. Donec orci quam, ornare eu euismod at, feugiat at velit. Aenean sit amet odio a tortor aliquet bibendum quis dapibus libero. Nunc lacinia non lacus at convallis. Duis sit amet molestie est. Nunc dui elit, luctus eu molestie ut, mollis ut lacus. Nullam pulvinar enim vel elit gravida, in hendrerit sem imperdiet. Nunc pellentesque mollis erat in malesuada.

1/3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent rutrum dui et felis semper, ac commodo eros dapibus. Mauris id pellentesque enim, in posuere neque. Cras congue, purus a scelerisque iaculis, tellus nulla gravida neque, vitae tincidunt orci nisl ac nunc. Quisque sollicitudin laoreet semper. Fusce in dolor eget lacus auctor lobortis sit amet ut lacus. Duis lobortis tincidunt sem. Aliquam ac posuere ipsum. Quisque mollis ante sit amet leo euismod, a varius erat pretium.

1/3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent rutrum dui et felis semper, ac commodo eros dapibus. Mauris id pellentesque enim, in posuere neque. Cras congue, purus a scelerisque iaculis, tellus nulla gravida neque, vitae tincidunt orci nisl ac nunc. Quisque sollicitudin laoreet semper. Fusce in dolor eget lacus auctor lobortis sit amet ut lacus. Duis lobortis tincidunt sem. Aliquam ac posuere ipsum. Quisque mollis ante sit amet leo euismod, a varius erat pretium.

1/3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent rutrum dui et felis semper, ac commodo eros dapibus. Mauris id pellentesque enim, in posuere neque. Cras congue, purus a scelerisque iaculis, tellus nulla gravida neque, vitae tincidunt orci nisl ac nunc. Quisque sollicitudin laoreet semper. Fusce in dolor eget lacus auctor lobortis sit amet ut lacus. Duis lobortis tincidunt sem. Aliquam ac posuere ipsum. Quisque mollis ante sit amet leo euismod, a varius erat pretium.

1/4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent rutrum dui et felis semper, ac commodo eros dapibus. Mauris id pellentesque enim, in posuere neque. Cras congue, purus a scelerisque iaculis, tellus nulla gravida neque, vitae tincidunt orci nisl ac nunc. Quisque sollicitudin laoreet semper.

1/4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent rutrum dui et felis semper, ac commodo eros dapibus. Mauris id pellentesque enim, in posuere neque. Cras congue, purus a scelerisque iaculis, tellus nulla gravida neque, vitae tincidunt orci nisl ac nunc. Quisque sollicitudin laoreet semper.

1/4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent rutrum dui et felis semper, ac commodo eros dapibus. Mauris id pellentesque enim, in posuere neque. Cras congue, purus a scelerisque iaculis, tellus nulla gravida neque, vitae tincidunt orci nisl ac nunc. Quisque sollicitudin laoreet semper.

1/4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent rutrum dui et felis semper, ac commodo eros dapibus. Mauris id pellentesque enim, in posuere neque. Cras congue, purus a scelerisque iaculis, tellus nulla gravida neque, vitae tincidunt orci nisl ac nunc. Quisque sollicitudin laoreet semper.

1/2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent rutrum dui et felis semper, ac commodo eros dapibus. Mauris id pellentesque enim, in posuere neque. Cras congue, purus a scelerisque iaculis, tellus nulla gravida neque, vitae tincidunt orci nisl ac nunc. Quisque sollicitudin laoreet semper. Fusce in dolor eget lacus auctor lobortis sit amet ut lacus. Duis lobortis tincidunt sem. Aliquam ac posuere ipsum. Quisque mollis ante sit amet leo euismod, a varius erat pretium.

Nulla vel ex quis felis facilisis consequat nec et justo. Vestibulum nisl magna, semper id magna a, suscipit condimentum tortor. Aliquam ac faucibus risus. Cras risus mauris, mattis sed ipsum aliquet, sagittis ornare arcu. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque tempus accumsan pharetra. Interdum et malesuada fames ac ante ipsum primis in faucibus

1/4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent rutrum dui et felis semper, ac commodo eros dapibus. Mauris id pellentesque enim, in posuere neque. Cras congue, purus a scelerisque iaculis, tellus nulla gravida neque, vitae tincidunt orci nisl ac nunc. Quisque sollicitudin laoreet semper.

1/4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent rutrum dui et felis semper, ac commodo eros dapibus. Mauris id pellentesque enim, in posuere neque. Cras congue, purus a scelerisque iaculis, tellus nulla gravida neque, vitae tincidunt orci nisl ac nunc. Quisque sollicitudin laoreet semper.

Button

Button widget is used to display Bootstraps predefined buttons. Besides default colors, sizes and width, you can choose tag (link, button or submit) url or unroole page, and label of the button. Also you can place Font Awesome icon next to the label. Below are examples of various options.