{"id":108,"date":"2016-01-10T06:12:57","date_gmt":"2016-01-10T14:12:57","guid":{"rendered":"http:\/\/bne-themes.dev\/sweetness\/?page_id=108"},"modified":"2017-01-02T18:54:04","modified_gmt":"2017-01-03T02:54:04","slug":"components","status":"publish","type":"page","link":"https:\/\/demo.bnecreative.com\/story\/components\/","title":{"rendered":"Components"},"content":{"rendered":"

Alerts<\/h2>\n
\n
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<\/div><\/div><\/div>\n
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<\/div><\/div><\/div>\n<\/div>\n
\n
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<\/div><\/div><\/div>\n
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<\/div><\/div><\/div>\n<\/div>\n
<\/div>\n

You can also assign any fontAwesome icon<\/p>\n

\n
<\/i>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<\/div><\/div><\/div>\n<\/div>\n
\n
<\/i>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<\/div><\/div><\/div>\n<\/div>\n
<\/div>\n

 <\/p>\n

Call Out Box<\/h2>\n

A callout box is similar to an alert box but more structured and styled. The button can use any button color and icon.<\/p>\n

My Awesome Heading<\/h2>

Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Lorem ipsum dolor sit amet.<\/p><\/div>

Learn More<\/a><\/div><\/div><\/div>
<\/div><\/div>\n

 <\/p>\n

Panels<\/h2>\n
\n

Color: default<\/h3><\/div>
\nLorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad veniam.
\n<\/div>
Optional footer text<\/div><\/div>\n<\/div>\n
\n

Color: primary<\/h3><\/div>
\nLorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad veniam.
\n<\/div>
Optional footer text<\/div><\/div>\n<\/div>\n
<\/div>\n
\n

Color: success<\/h3><\/div>
\nLorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad veniam.
\n<\/div>
Optional footer text<\/div><\/div>\n<\/div>\n
\n

Color: info<\/h3><\/div>
\nLorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad veniam.
\n<\/div>
Optional footer text<\/div><\/div>\n<\/div>\n
<\/div>\n
\n

Color: warning<\/h3><\/div>
\nLorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad veniam.
\n<\/div>
Optional footer text<\/div><\/div>\n<\/div>\n
\n

Color: danger<\/h3><\/div>
\nLorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad veniam.
\n<\/div>
Optional footer text<\/div><\/div>\n<\/div>\n
<\/div>\n
\n
\"\"
\n

 <\/p>\n

Featured Top Panel<\/h3>\n

Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna.<\/div><\/div>\n<\/div>\n

\n
\n

 <\/p>\n

Featured Bottom\u00a0Panel<\/h3>\n

Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna.<\/div>\"\"<\/div>\n<\/div>\n

<\/div>\n

 <\/p>\n

Popups<\/h2>\n

These come from the Bootstrap modal<\/a> javascript component.<\/p>\nClick me to see a popup<\/a>\nThis popup will animate in<\/a>\n<\/i> As a text link<\/a>\n

<\/div>\nSmall Popup<\/a>\nMedium Popup<\/a>\nlarge Popup<\/a>\n

 <\/p>\n

Quote<\/h2>\n

The [blockquote] shortcode can be useful to help you format a quote and a source that looks nice with our baked-in version of\u00a0Twitter Bootstrap<\/a>, without having to mess with any HTML. You can choose between two styles, default or fancy that are styled for this theme.<\/p>\n

Default Style<\/strong><\/p>\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus semper dictum sapien, ac adipiscing dui semper vel.<\/p>Captain Kirk<\/cite><\/small><\/blockquote>\n

Fancy Style<\/strong><\/p>\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus semper dictum sapien, ac adipiscing dui semper vel.<\/p>Lt. Sulu<\/cite><\/small><\/blockquote>\n

 <\/p>\n

Quote\u00a0Alignment<\/h3>\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus semper dictum sapien, ac adipiscing dui semper vel. Sed cursus sed tortor vel molestie. Maecenas rhoncus aliquam nisl, non auctor urna tincidunt sit amet.<\/p>\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus semper dictum sapien, ac adipiscing dui semper vel.<\/p>Captain Spock<\/cite><\/small><\/blockquote>\n

Praesent congue turpis quis lacus viverra accumsan. Nunc ullamcorper est eleifend ante aliquet elementum. Vivamus at accumsan dolor. Interdum et malesuada fames ac ante ipsum primis in faucibus. Donec viverra elit id vehicula tristique.<\/p>\n

Morbi scelerisque libero faucibus justo mollis euismod. Phasellus quam velit, egestas ut feugiat non, sodales vel libero. Nullam orci sapien, euismod a nunc in, sollicitudin rutrum sapien. Fusce in velit non dolor fringilla iaculis. Nunc fringilla dolor felis. Maecenas nec nisi ac lectus pharetra volutpat non eget ligula. Suspendisse potenti.\u00a0Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus semper dictum sapien, ac adipiscing dui semper vel. Sed cursus sed tortor vel molestie. Maecenas rhoncus aliquam nisl, non auctor urna tincidunt sit amet.<\/p>\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus semper dictum sapien, ac adipiscing dui semper vel.<\/p>Admiral Ackbar<\/cite><\/small><\/blockquote>\n

Praesent congue turpis quis lacus viverra accumsan. Nunc ullamcorper est eleifend ante aliquet elementum. Vivamus at accumsan dolor. Interdum et malesuada fames ac ante ipsum primis in faucibus. Donec viverra elit id vehicula tristique.<\/p>\n

Morbi scelerisque libero faucibus justo mollis euismod. Phasellus quam velit, egestas ut feugiat non, sodales vel libero. Nullam orci sapien, euismod a nunc in, sollicitudin rutrum sapien. Fusce in velit non dolor fringilla iaculis. Nunc fringilla dolor felis. Maecenas nec nisi ac lectus pharetra volutpat non eget ligula. Suspendisse potenti.<\/p>\n

 <\/p>\n

Social Bar\u00a0Icons<\/h2>\n

Your social networks are defined in Theme Options. By default you can include the icons in the header, but you can also throw them anywhere using the [social_bar] shortcode.<\/p>\n

\n