{"id":1045,"date":"2014-06-16T06:01:20","date_gmt":"2014-06-16T06:01:20","guid":{"rendered":"http:\/\/school.wpshow.me\/?page_id=210"},"modified":"2018-10-26T08:25:21","modified_gmt":"2018-10-26T08:25:21","slug":"components","status":"publish","type":"page","link":"https:\/\/kurdishacademy.org\/?page_id=1045","title":{"rendered":"Components"},"content":{"rendered":"

Proin ligula odio, aliquam eu congue pretium, blandit vitae risus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Praesent pulvinar metus orci, a elementum metus dignissim at. In accumsan cursus libero quis interdum. Maecenas facilisis faucibus mi, non tempor sapien sagittis eu. Integer vel pulvinar lacus. Etiam quis hendrerit sapien, eu laoreet purus. Vestibulum dictum lacinia eros quis pellentesque.<\/p>\n

[separator style=”fatty”]<\/p>\n

[row]<\/p>\n

[column col=”2″]<\/p>\n

Default BT<\/h6>\nButton<\/span><\/a>\n\n
\nButton<\/span><\/a>\n\n
\nButton<\/span><\/a>\n\n
\nButton<\/span><\/a>\n\n

[\/column]<\/p>\n

[column col=”2″]<\/p>\n

Primary BT<\/h6>\nButton<\/span><\/a>\n\n
\nButton<\/span><\/a>\n\n
\nButton<\/span><\/a>\n\n
\nButton<\/span><\/a>\n\n

[\/column]<\/p>\n

[column col=”2″]<\/p>\n

Info BT<\/h6>\nButton<\/span><\/a>\n\n
\nButton<\/span><\/a>\n\n
\nButton<\/span><\/a>\n\n
\nButton<\/span><\/a>\n\n

[\/column]<\/p>\n

[column col=”2″]<\/p>\n

Dngrs BT<\/h6>\nButton<\/span><\/a>\n\n
\nButton<\/span><\/a>\n\n
\nButton<\/span><\/a>\n\n
\nButton<\/span><\/a>\n\n

[\/column]<\/p>\n

[column col=”2″]<\/p>\n

Success BT<\/h6>\nButton<\/span><\/a>\n\n
\nButton<\/span><\/a>\n\n
\nButton<\/span><\/a>\n\n
\nButton<\/span><\/a>\n\n

[\/column]<\/p>\n

[column col=”2″]<\/p>\n

Warning BT<\/h6>\nButton<\/span><\/a>\n\n
\nButton<\/span><\/a>\n\n
\nButton<\/span><\/a>\n\n
\nButton<\/span><\/a>\n\n

[\/column]<\/p>\n

[\/row]<\/p>\n

[separator style=”regular”]<\/p>\n

[row]<\/p>\n

[column col=”3″]<\/p>\n

Custom BT example #1<\/h6>\n

[super_button icon=”fa-clock-o” label=”A Button Label” tagline=”Tagline or descriptive text…” color=”#95bd6d” link=”http:\/\/google.com” link_opens=”_blank”]<\/p>\n

[\/column]<\/p>\n

[column col=”3″]<\/p>\n

Custom BT example #2<\/h6>\n

[super_button icon=”fa-fire” label=”A Button Label” tagline=”Tagline or descriptive text…” color=”#c5cace” link=”http:\/\/google.com” link_opens=”_blank”]<\/p>\n

[\/column]<\/p>\n

[column col=”3″]<\/p>\n

Custom BT example #3<\/h6>\n

[super_button icon=”fa-check-square-o” label=”A Button Label” tagline=”Tagline or descriptive text…” color=”#f3cc0c” link=”http:\/\/google.com” link_opens=”_blank”]<\/p>\n

[\/column]<\/p>\n

[column col=”3″]<\/p>\n

Custom BT example #4<\/h6>\n

[super_button icon=”fa-empire” label=”A Button Label” tagline=”Tagline or descriptive text…” color=”#00aeef” link=”http:\/\/google.com” link_opens=”_blank”]<\/p>\n

[\/column]<\/p>\n

[\/row]<\/p>\n

[separator style=”regular”]<\/p>\n

[row]<\/p>\n

[column col=”6″]<\/p>\n

Alerts Regular<\/h6>\n
<\/i><\/div>
<\/p>\n

SUCCESS!<\/strong> Maecenas a vehicula magna. Fusce nec felis consectetur, eleifend nibh at, iaculis odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit dolorum est nulla.<\/p>\n

<\/div><\/i><\/a><\/div>\n\n

<\/i><\/div>
<\/p>\n

INFO!<\/strong> Maecenas a vehicula magna. Fusce nec felis consectetur, eleifend nibh at, iaculis odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit dolorum est nulla.<\/p>\n

<\/div><\/i><\/a><\/div>\n\n

[\/column]<\/p>\n

[column col=”6″]<\/p>\n

Alerts Dismissable<\/h6>\n
<\/i><\/div>
<\/p>\n

DANGER!<\/strong> Maecenas a vehicula magna. Fusce nec felis consectetur, eleifend nibh at, iaculis odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit.<\/p>\n

<\/div><\/i><\/a><\/div>\n\n

<\/i><\/div>
<\/p>\n

WARNING!<\/strong> Maecenas a vehicula magna. Fusce nec felis consectetur, eleifend nibh at, iaculis odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit.<\/p>\n

<\/div><\/i><\/a><\/div>\n\n

[\/column]<\/p>\n

[\/row]<\/p>\n

[separator style=”regular”]<\/p>\n

[row]<\/p>\n

[column col=”6″]<\/p>\n

Progress bar – regular<\/h6>\n

[progress_bar style=”default” value=”29″ striped=”false”]<\/p>\n

[progress_bar style=”progress-bar-success” value=”56″ striped=”false”]<\/p>\n

[progress_bar style=”progress-bar-info” value=”64″ striped=”false”]<\/p>\n

[progress_bar style=”progress-bar-warning” value=”82″ striped=”false”]<\/p>\n

[progress_bar style=”progress-bar-danger” value=”95″ striped=”false”]<\/p>\n

[\/column]<\/p>\n

[column col=”6″]<\/p>\n

Progress bar – stripped<\/h6>\n

[progress_bar style=”default” value=”29″ striped=”true”]<\/p>\n

[progress_bar style=”progress-bar-success” value=”56″ striped=”true”]<\/p>\n

[progress_bar style=”progress-bar-info” value=”64″ striped=”true”]<\/p>\n

[progress_bar style=”progress-bar-warning” value=”82″ striped=”true”]<\/p>\n

[progress_bar style=”progress-bar-danger” value=”95″ striped=”true”]<\/p>\n

[\/column]<\/p>\n

[\/row]<\/p>\n

[separator style=”regular”]<\/p>\n

[row]<\/p>\n

[column col=”3″]<\/p>\n

pie chart – example #1<\/h6>\n

[pie_chart color=”#d5a1a1″ value=”34″ label=”Chart label is here” chart_align=”text-center” line_width=”20″ width=”120″]<\/p>\n

[\/column]<\/p>\n

[column col=”3″]<\/p>\n

pie chart – example #2<\/h6>\n

[pie_chart color=”#f5a610″ value=”77″ label=”Chart label is here” chart_align=”text-center” line_width=”16″ width=”120″]<\/p>\n

[\/column]<\/p>\n

[column col=”3″]<\/p>\n

pie chart – example #3<\/h6>\n

[pie_chart color=”#9faeaf” value=”59″ label=”Chart label is here” chart_align=”text-center” line_width=”12″ width=”120″]<\/p>\n

[\/column]<\/p>\n

[column col=”3″]<\/p>\n

pie chart – example #4<\/h6>\n

[pie_chart color=”#2f8bc1″ value=”16″ label=”Chart label is here” chart_align=”text-center” line_width=”10″ width=”120″]<\/p>\n

[\/column]<\/p>\n

[\/row]<\/p>\n

[separator style=”regular”]<\/p>\n

[row]<\/p>\n

[column col=”12″]<\/p>\n

Google Maps<\/h6>\n

[google_map title=”My Map” lat=”37.782231″ lon=”-122.400679″ zoom=”15″ name=”John Doe, Inc.” address=”795 Folsom Ave, Suite 600″ city=”San Francisco” state=”CA” zip=”94107″ country=”USA”]<\/p>\n

[\/column]<\/p>\n

[\/row]<\/p>\n

[separator style=”regular”]<\/p>\n

[row]<\/p>\n

[column col=”6″]<\/p>\n

Responsive media – Video<\/h6>\n

[embedr responsive=”true”]<\/p>\n