We made a bootstrap starting point so you can hit the ground running.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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 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.
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.
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.
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 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 / monthSign up |
|
Lorem ipsum dolor sit amet Nulla vel ex quis felis facilisis Nam volutpat auctor nisl Duis lacinia nisl et venenatis commodo |
Business$150 / monthSign up |
|
Lorem ipsum dolor sit amet Nulla vel ex quis felis facilisis Nam volutpat auctor nisl Duis lacinia nisl et venenatis commodo |
Enterprise$480 / monthSign up |
|
Lorem ipsum dolor sit amet Nulla vel ex quis felis facilisis Nam volutpat auctor nisl Duis lacinia nisl et venenatis commodo |
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.
Dilema
Work
Breakfast
Departure
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.
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
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...
Read More
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...
Read MoreLorem 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 MoreNullam 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...
Read MoreNam 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...
Read MoreArticle 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.
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.
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... Read more
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... Read more
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... Read more
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,... Read more
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 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 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).
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.
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.
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 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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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
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.
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 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.
