{"id":23,"date":"2018-05-12T19:44:47","date_gmt":"2018-05-12T19:44:47","guid":{"rendered":"https:\/\/velikorodnov.com\/dev\/devchurhius\/?page_id=23"},"modified":"2018-05-12T19:44:47","modified_gmt":"2018-05-12T19:44:47","slug":"alert-boxes-buttons","status":"publish","type":"page","link":"https:\/\/legacyoc.life\/en\/alert-boxes-buttons\/","title":{"rendered":"Alert Boxes &#038; Buttons"},"content":{"rendered":"<div class=\"page-section vc_row wpb_row vc_row-fluid vc_custom_1534435288161\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><h3 style=\"text-align: left\" class=\"vc_custom_heading\" >Alert Boxes<\/h3><div class=\"vc_row wpb_row vc_inner vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-6\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t\t<div class=\"alert alert-success\">\n\n\t\t\t<button type=\"button\" class=\"close\" data-dismiss=\"alert\"><\/button>\n\t\t\t<p>Well done! You successfully read this important alert message.<\/p>\n\n\t\t<\/div>\n\n\t\t\n\t\t<div class=\"alert alert-warning\">\n\n\t\t\t<button type=\"button\" class=\"close\" data-dismiss=\"alert\"><\/button>\n\t\t\t<p>Warning! Best check yo self, you&#8217;re not looking too good.<\/p>\n\n\t\t<\/div>\n\n\t\t<\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-6\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t\t<div class=\"alert alert-info\">\n\n\t\t\t<button type=\"button\" class=\"close\" data-dismiss=\"alert\"><\/button>\n\t\t\t<p>Heads up! This alert needs your attention, but it&#8217;s not super important.<\/p>\n\n\t\t<\/div>\n\n\t\t\n\t\t<div class=\"alert alert-error\">\n\n\t\t\t<button type=\"button\" class=\"close\" data-dismiss=\"alert\"><\/button>\n\t\t\t<p>Oh snap! Change a few things up and try submitting again.<\/p>\n\n\t\t<\/div>\n\n\t\t<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"page-section vc_row wpb_row vc_row-fluid vc_custom_1534435272267\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><h3 style=\"text-align: left\" class=\"vc_custom_heading\" >Buttons<\/h3><div class=\"vc_row wpb_row vc_inner vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-2\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\r\n\t\t<div class=\"button-container align-inline\">\r\n\t\t\t<a class=\"btn btn-style-1\" href=\"#\" title=\"\">Small<\/a>\t\t<\/div>\r\n\r\n\t\t\r\n\t\t<div class=\"button-container align-inline\">\r\n\t\t\t<a class=\"btn btn-style-3 btn-medium\" href=\"#\" title=\"\">Medium<\/a>\t\t<\/div>\r\n\r\n\t\t\r\n\t\t<div class=\"button-container align-inline\">\r\n\t\t\t<a class=\"btn btn-style-3 btn-big\" href=\"#\" title=\"\">Big<\/a>\t\t<\/div>\r\n\r\n\t\t\r\n\t\t<div class=\"button-container align-inline\">\r\n\t\t\t<a class=\"btn btn-style-3 btn-lg\" href=\"#\" title=\"\">Huge<\/a>\t\t<\/div>\r\n\r\n\t\t<\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-2\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\r\n\t\t<div class=\"button-container align-inline\">\r\n\t\t\t<a class=\"btn btn-style-8\" href=\"#\" title=\"\">Small<\/a>\t\t<\/div>\r\n\r\n\t\t\r\n\t\t<div class=\"button-container align-inline\">\r\n\t\t\t<a class=\"btn btn-style-2 btn-medium\" href=\"#\" title=\"\">Medium<\/a>\t\t<\/div>\r\n\r\n\t\t\r\n\t\t<div class=\"button-container align-inline\">\r\n\t\t\t<a class=\"btn btn-style-2 btn-big\" href=\"#\" title=\"\">Big<\/a>\t\t<\/div>\r\n\r\n\t\t\r\n\t\t<div class=\"button-container align-inline\">\r\n\t\t\t<a class=\"btn btn-style-2 btn-lg\" href=\"#\" title=\"\">Huge<\/a>\t\t<\/div>\r\n\r\n\t\t<\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-2\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\r\n\t\t<div class=\"button-container align-inline\">\r\n\t\t\t<a class=\"btn btn-style-9\" href=\"#\" title=\"\">Small<\/a>\t\t<\/div>\r\n\r\n\t\t\r\n\t\t<div class=\"button-container align-inline\">\r\n\t\t\t<a class=\"btn btn-style-4 btn-medium\" href=\"#\" title=\"\">Medium<\/a>\t\t<\/div>\r\n\r\n\t\t\r\n\t\t<div class=\"button-container align-inline\">\r\n\t\t\t<a class=\"btn btn-style-4 btn-big\" href=\"#\" title=\"\">Big<\/a>\t\t<\/div>\r\n\r\n\t\t\r\n\t\t<div class=\"button-container align-inline\">\r\n\t\t\t<a class=\"btn btn-style-4 btn-lg\" href=\"#\" title=\"\">Huge<\/a>\t\t<\/div>\r\n\r\n\t\t<\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-2\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\r\n\t\t<div class=\"button-container align-inline\">\r\n\t\t\t<a class=\"btn btn-style-10\" href=\"#\" title=\"\">Small<\/a>\t\t<\/div>\r\n\r\n\t\t\r\n\t\t<div class=\"button-container align-inline\">\r\n\t\t\t<a class=\"btn btn-style-5 btn-medium\" href=\"#\" title=\"\">Medium<\/a>\t\t<\/div>\r\n\r\n\t\t\r\n\t\t<div class=\"button-container align-inline\">\r\n\t\t\t<a class=\"btn btn-style-5 btn-big\" href=\"#\" title=\"\">Big<\/a>\t\t<\/div>\r\n\r\n\t\t\r\n\t\t<div class=\"button-container align-inline\">\r\n\t\t\t<a class=\"btn btn-style-5 btn-lg\" href=\"#\" title=\"\">Huge<\/a>\t\t<\/div>\r\n\r\n\t\t<\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-2\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\r\n\t\t<div class=\"button-container align-inline\">\r\n\t\t\t<a class=\"btn btn-style-10\" href=\"#\" title=\"\">Small<\/a>\t\t<\/div>\r\n\r\n\t\t\r\n\t\t<div class=\"button-container align-inline\">\r\n\t\t\t<a class=\"btn btn-style-6 btn-medium\" href=\"#\" title=\"\">Medium<\/a>\t\t<\/div>\r\n\r\n\t\t\r\n\t\t<div class=\"button-container align-inline\">\r\n\t\t\t<a class=\"btn btn-style-6 btn-big\" href=\"#\" title=\"\">Big<\/a>\t\t<\/div>\r\n\r\n\t\t\r\n\t\t<div class=\"button-container align-inline\">\r\n\t\t\t<a class=\"btn btn-style-6 btn-lg\" href=\"#\" title=\"\">Huge<\/a>\t\t<\/div>\r\n\r\n\t\t<\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-2\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\r\n\t\t<div class=\"button-container align-inline\">\r\n\t\t\t<a class=\"btn btn-style-10\" href=\"#\" title=\"\">Small<\/a>\t\t<\/div>\r\n\r\n\t\t\r\n\t\t<div class=\"button-container align-inline\">\r\n\t\t\t<a class=\"btn btn-style-7 btn-medium\" href=\"#\" title=\"\">Medium<\/a>\t\t<\/div>\r\n\r\n\t\t\r\n\t\t<div class=\"button-container align-inline\">\r\n\t\t\t<a class=\"btn btn-style-7 btn-big\" href=\"#\" title=\"\">Big<\/a>\t\t<\/div>\r\n\r\n\t\t\r\n\t\t<div class=\"button-container align-inline\">\r\n\t\t\t<a class=\"btn btn-style-7 btn-lg\" href=\"#\" title=\"\">Huge<\/a>\t\t<\/div>\r\n\r\n\t\t<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"page-section vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"vc_row wpb_row vc_inner vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-2\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\r\n\t\t<div class=\"button-container align-inline btn-with-icon\">\r\n\t\t\t<a class=\"btn btn-style-1\" href=\"#\" title=\"\"><i class=\"licon-envelope\"><\/i>Small<\/a>\t\t<\/div>\r\n\r\n\t\t\r\n\t\t<div class=\"button-container align-inline btn-with-icon\">\r\n\t\t\t<a class=\"btn btn-style-3 btn-medium\" href=\"#\" title=\"\"><i class=\"licon-envelope\"><\/i>Medium<\/a>\t\t<\/div>\r\n\r\n\t\t\r\n\t\t<div class=\"button-container align-inline btn-with-icon\">\r\n\t\t\t<a class=\"btn btn-style-3 btn-big\" href=\"#\" title=\"\"><i class=\"licon-envelope\"><\/i>Big<\/a>\t\t<\/div>\r\n\r\n\t\t\r\n\t\t<div class=\"button-container align-inline btn-with-icon\">\r\n\t\t\t<a class=\"btn btn-style-3 btn-lg\" href=\"#\" title=\"\"><i class=\"licon-envelope\"><\/i>Huge<\/a>\t\t<\/div>\r\n\r\n\t\t<\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-2\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\r\n\t\t<div class=\"button-container align-inline btn-with-icon\">\r\n\t\t\t<a class=\"btn btn-style-8\" href=\"#\" title=\"\"><i class=\"licon-envelope\"><\/i>Small<\/a>\t\t<\/div>\r\n\r\n\t\t\r\n\t\t<div class=\"button-container align-inline btn-with-icon\">\r\n\t\t\t<a class=\"btn btn-style-2 btn-medium\" href=\"#\" title=\"\"><i class=\"licon-envelope\"><\/i>Medium<\/a>\t\t<\/div>\r\n\r\n\t\t\r\n\t\t<div class=\"button-container align-inline btn-with-icon\">\r\n\t\t\t<a class=\"btn btn-style-2 btn-big\" href=\"#\" title=\"\"><i class=\"licon-envelope\"><\/i>Big<\/a>\t\t<\/div>\r\n\r\n\t\t\r\n\t\t<div class=\"button-container align-inline btn-with-icon\">\r\n\t\t\t<a class=\"btn btn-style-2 btn-lg\" href=\"#\" title=\"\"><i class=\"licon-envelope\"><\/i>Huge<\/a>\t\t<\/div>\r\n\r\n\t\t<\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-2\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\r\n\t\t<div class=\"button-container align-inline btn-with-icon\">\r\n\t\t\t<a class=\"btn btn-style-9\" href=\"#\" title=\"\"><i class=\"licon-envelope\"><\/i>Small<\/a>\t\t<\/div>\r\n\r\n\t\t\r\n\t\t<div class=\"button-container align-inline btn-with-icon\">\r\n\t\t\t<a class=\"btn btn-style-4 btn-medium\" href=\"#\" title=\"\"><i class=\"licon-envelope\"><\/i>Medium<\/a>\t\t<\/div>\r\n\r\n\t\t\r\n\t\t<div class=\"button-container align-inline btn-with-icon\">\r\n\t\t\t<a class=\"btn btn-style-4 btn-big\" href=\"#\" title=\"\"><i class=\"licon-envelope\"><\/i>Big<\/a>\t\t<\/div>\r\n\r\n\t\t\r\n\t\t<div class=\"button-container align-inline btn-with-icon\">\r\n\t\t\t<a class=\"btn btn-style-4 btn-lg\" href=\"#\" title=\"\"><i class=\"licon-envelope\"><\/i>Huge<\/a>\t\t<\/div>\r\n\r\n\t\t<\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-2\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\r\n\t\t<div class=\"button-container align-inline btn-with-icon\">\r\n\t\t\t<a class=\"btn btn-style-10\" href=\"#\" title=\"\"><i class=\"licon-envelope\"><\/i>Small<\/a>\t\t<\/div>\r\n\r\n\t\t\r\n\t\t<div class=\"button-container align-inline btn-with-icon\">\r\n\t\t\t<a class=\"btn btn-style-5 btn-medium\" href=\"#\" title=\"\"><i class=\"licon-envelope\"><\/i>Medium<\/a>\t\t<\/div>\r\n\r\n\t\t\r\n\t\t<div class=\"button-container align-inline btn-with-icon\">\r\n\t\t\t<a class=\"btn btn-style-5 btn-big\" href=\"#\" title=\"\"><i class=\"licon-envelope\"><\/i>Big<\/a>\t\t<\/div>\r\n\r\n\t\t\r\n\t\t<div class=\"button-container align-inline btn-with-icon\">\r\n\t\t\t<a class=\"btn btn-style-5 btn-lg\" href=\"#\" title=\"\"><i class=\"licon-envelope\"><\/i>Huge<\/a>\t\t<\/div>\r\n\r\n\t\t<\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-2\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\r\n\t\t<div class=\"button-container align-inline btn-with-icon\">\r\n\t\t\t<a class=\"btn btn-style-10\" href=\"#\" title=\"\"><i class=\"licon-envelope\"><\/i>Small<\/a>\t\t<\/div>\r\n\r\n\t\t\r\n\t\t<div class=\"button-container align-inline btn-with-icon\">\r\n\t\t\t<a class=\"btn btn-style-6 btn-medium\" href=\"#\" title=\"\"><i class=\"licon-envelope\"><\/i>Medium<\/a>\t\t<\/div>\r\n\r\n\t\t\r\n\t\t<div class=\"button-container align-inline btn-with-icon\">\r\n\t\t\t<a class=\"btn btn-style-6 btn-big\" href=\"#\" title=\"\"><i class=\"licon-envelope\"><\/i>Big<\/a>\t\t<\/div>\r\n\r\n\t\t\r\n\t\t<div class=\"button-container align-inline btn-with-icon\">\r\n\t\t\t<a class=\"btn btn-style-6 btn-lg\" href=\"#\" title=\"\"><i class=\"licon-envelope\"><\/i>Huge<\/a>\t\t<\/div>\r\n\r\n\t\t<\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-2\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\r\n\t\t<div class=\"button-container align-inline btn-with-icon\">\r\n\t\t\t<a class=\"btn btn-style-10\" href=\"#\" title=\"\"><i class=\"licon-envelope\"><\/i>Small<\/a>\t\t<\/div>\r\n\r\n\t\t\r\n\t\t<div class=\"button-container align-inline btn-with-icon\">\r\n\t\t\t<a class=\"btn btn-style-7 btn-medium\" href=\"#\" title=\"\"><i class=\"licon-envelope\"><\/i>Medium<\/a>\t\t<\/div>\r\n\r\n\t\t\r\n\t\t<div class=\"button-container align-inline btn-with-icon\">\r\n\t\t\t<a class=\"btn btn-style-7 btn-big\" href=\"#\" title=\"\"><i class=\"licon-envelope\"><\/i>Big<\/a>\t\t<\/div>\r\n\r\n\t\t\r\n\t\t<div class=\"button-container align-inline btn-with-icon\">\r\n\t\t\t<a class=\"btn btn-style-7 btn-lg\" href=\"#\" title=\"\"><i class=\"licon-envelope\"><\/i>Huge<\/a>\t\t<\/div>\r\n\r\n\t\t<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"Alert Boxes Well done! You successfully read this important alert message. Warning! Best check yo self, you're not looking too good. Heads up! This alert needs your attention, but it's [...]","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-23","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/legacyoc.life\/en\/wp-json\/wp\/v2\/pages\/23","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/legacyoc.life\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/legacyoc.life\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/legacyoc.life\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/legacyoc.life\/en\/wp-json\/wp\/v2\/comments?post=23"}],"version-history":[{"count":0,"href":"https:\/\/legacyoc.life\/en\/wp-json\/wp\/v2\/pages\/23\/revisions"}],"wp:attachment":[{"href":"https:\/\/legacyoc.life\/en\/wp-json\/wp\/v2\/media?parent=23"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}