{"id":210,"date":"2014-09-29T13:55:03","date_gmt":"2014-09-29T13:55:03","guid":{"rendered":"http:\/\/acowhite.uk\/index.php\/elements-panels\/"},"modified":"2014-09-29T13:55:03","modified_gmt":"2014-09-29T13:55:03","slug":"elements-panels","status":"publish","type":"page","link":"https:\/\/acowhite.uk\/index.php\/elements-panels\/","title":{"rendered":"Elements &#8211; Panels &#8211; Alerts"},"content":{"rendered":"<section class=\"section  text-normal section-text-no-shadow section-inner-no-shadow section-normal section-opaque\"  >\n    \n    <div class=\"background-overlay grid-overlay-0 \" style=\"background-color: rgba(0,0,0,0);\"><\/div>\n\n    <div class=\"container container-vertical-default\">\n        <div class=\"row vertical-default\">\n            <div class=\"col-md-4     text-default small-screen-default\"  ><div class=\"panel   element-top-70 element-bottom-20 os-animation\" data-os-animation=\"fadeInUp\" data-os-animation-delay=\"0s\">\n        <div class=\"panel-heading\">\n        <h3 class=\"panel-title\">\n            Default Panel        <\/h3>\n    <\/div>\n        <div class=\"panel-body\">\n        <div class=\"col-text-1 text-normal  element-top-0 element-bottom-0\" data-os-animation=\"none\" data-os-animation-delay=\"0s\">\n    <p>Were this world an endless <strong>plain<\/strong>, and by sailing eastward we could for ever reach new distances, and discover sights more sweet and strange than any Cyclades or Islands of <a href=\"#\">King<\/a> Solomon.<\/p>\n<\/div>\n    <\/div>\n<\/div><div class=\"panel panel-success  element-top-50 element-bottom-20 os-animation\" data-os-animation=\"fadeInUp\" data-os-animation-delay=\"0.6s\">\n        <div class=\"panel-heading\">\n        <h3 class=\"panel-title\">\n            Success Panel        <\/h3>\n    <\/div>\n        <div class=\"panel-body\">\n        <div class=\"col-text-1 text-normal  element-top-0 element-bottom-0\" data-os-animation=\"none\" data-os-animation-delay=\"0s\">\n    <p>Were this world an endless <strong>plain<\/strong>, and by sailing eastward we could for ever reach new distances, and discover sights more sweet and strange than any Cyclades or Islands of <a href=\"#\">King<\/a> Solomon.<\/p>\n<\/div>\n    <\/div>\n<\/div><\/div><div class=\"col-md-4     text-default small-screen-default\"  ><div class=\"panel panel-primary  element-top-70 element-bottom-20 os-animation\" data-os-animation=\"fadeInUp\" data-os-animation-delay=\"0.2s\">\n        <div class=\"panel-heading\">\n        <h3 class=\"panel-title\">\n            Primary Panel        <\/h3>\n    <\/div>\n        <div class=\"panel-body\">\n        <div class=\"col-text-1 text-normal  element-top-0 element-bottom-0\" data-os-animation=\"none\" data-os-animation-delay=\"0s\">\n    <p>Were this world an endless <strong>plain<\/strong>, and by sailing eastward we could for ever reach new distances, and discover sights more sweet and strange than any Cyclades or Islands of <a href=\"#\">King<\/a> Solomon.<\/p>\n<\/div>\n    <\/div>\n<\/div><div class=\"panel panel-warning  element-top-50 element-bottom-20 os-animation\" data-os-animation=\"fadeInUp\" data-os-animation-delay=\"0.8s\">\n        <div class=\"panel-heading\">\n        <h3 class=\"panel-title\">\n            Warning Panel        <\/h3>\n    <\/div>\n        <div class=\"panel-body\">\n        <div class=\"col-text-1 text-normal  element-top-0 element-bottom-0\" data-os-animation=\"none\" data-os-animation-delay=\"0s\">\n    <p>Were this world an endless <strong>plain<\/strong>, and by sailing eastward we could for ever reach new distances, and discover sights more sweet and strange than any Cyclades or Islands of <a href=\"#\">King<\/a> Solomon.<\/p>\n<\/div>\n    <\/div>\n<\/div><\/div><div class=\"col-md-4     text-default small-screen-default\"  ><div class=\"panel panel-info  element-top-70 element-bottom-20 os-animation\" data-os-animation=\"fadeInUp\" data-os-animation-delay=\"0.4s\">\n        <div class=\"panel-heading\">\n        <h3 class=\"panel-title\">\n            Info Panel        <\/h3>\n    <\/div>\n        <div class=\"panel-body\">\n        <div class=\"col-text-1 text-normal  element-top-0 element-bottom-0\" data-os-animation=\"none\" data-os-animation-delay=\"0s\">\n    <p>Were this world an endless <strong>plain<\/strong>, and by sailing eastward we could for ever reach new distances, and discover sights more sweet and strange than any Cyclades or Islands of <a href=\"#\">King<\/a> Solomon.<\/p>\n<\/div>\n    <\/div>\n<\/div><div class=\"panel panel-danger  element-top-50 element-bottom-50 os-animation\" data-os-animation=\"fadeInUp\" data-os-animation-delay=\"1s\">\n        <div class=\"panel-heading\">\n        <h3 class=\"panel-title\">\n            Danger Panel        <\/h3>\n    <\/div>\n        <div class=\"panel-body\">\n        <div class=\"col-text-1 text-normal  element-top-0 element-bottom-0\" data-os-animation=\"none\" data-os-animation-delay=\"0s\">\n    <p>Were this world an endless <strong>plain<\/strong>, and by sailing eastward we could for ever reach new distances, and discover sights more sweet and strange than any Cyclades or Islands of <a href=\"#\">King<\/a> Solomon.<\/p>\n<\/div>\n    <\/div>\n<\/div><\/div>        <\/div>\n    <\/div>\n<\/section>\n<section class=\"section  text-normal section-text-no-shadow section-inner-no-shadow section-normal section-opaque\"  >\n    \n    <div class=\"background-overlay grid-overlay-0 \" style=\"background-color: rgba(0,0,0,0);\"><\/div>\n\n    <div class=\"container container-vertical-default\">\n        <div class=\"row vertical-default\">\n            <div class=\"col-md-12     text-default small-screen-default\"  ><div class=\"divider-wrapper \" style=\"visibility:hidden;background-color:#f0f0f0\">\n    <div class=\"visible-xs\" style=\"height:48px;\"><\/div>\n    <div class=\"visible-sm\" style=\"height:48px;\"><\/div>\n    <div class=\"visible-md\" style=\"height:48px;\"><\/div>\n    <div class=\"visible-lg\" style=\"height:48px;\"><\/div>\n<\/div><div class=\"divider-wrapper \" style=\"visibility:visible;background-color:#f0f0f0\">\n    <div class=\"visible-xs\" style=\"height:1px;\"><\/div>\n    <div class=\"visible-sm\" style=\"height:1px;\"><\/div>\n    <div class=\"visible-md\" style=\"height:1px;\"><\/div>\n    <div class=\"visible-lg\" style=\"height:1px;\"><\/div>\n<\/div><h1 class=\"text-center  element-top-70 element-bottom-50 text-normal os-animation bigger light\" data-os-animation=\"fadeIn\" data-os-animation-delay=\"0.9s\" >\n    Alerts<\/h1><\/div>        <\/div>\n    <\/div>\n<\/section>\n<section class=\"section  text-normal section-text-no-shadow section-inner-no-shadow section-normal section-opaque\"  >\n    \n    <div class=\"background-overlay grid-overlay-0 \" style=\"background-color: rgba(0,0,0,0);\"><\/div>\n\n    <div class=\"container container-vertical-default\">\n        <div class=\"row vertical-default\">\n            <div class=\"col-md-2     text-default small-screen-default\"  ><\/div><div class=\"col-md-8     text-default small-screen-default\"  ><div class=\"alert alert-success   element-top-20 element-bottom-20 os-animation\" data-os-animation=\"fadeInUp\" data-os-animation-delay=\"0s\">\n\t\t<strong>Success!<\/strong>\n\tYou did good. Head back on our home page and see what happens.<\/div>\n<div class=\"alert alert-info   element-top-20 element-bottom-20 os-animation\" data-os-animation=\"fadeInUp\" data-os-animation-delay=\"0.2s\">\n\t\t<strong>Useful info!<\/strong>\n\tDid you know that the earth is round? What about that it rotated around the sun?<\/div>\n<div class=\"alert alert-warning   element-top-20 element-bottom-20 os-animation\" data-os-animation=\"fadeInUp\" data-os-animation-delay=\"0.4s\">\n\t\t<strong>Warning Alert!<\/strong>\n\tBe extra careful. By filling out this form you are sending valuable info.<\/div>\n<div class=\"alert alert-danger   element-top-20 element-bottom-20 os-animation\" data-os-animation=\"fadeInUp\" data-os-animation-delay=\"0.6s\">\n\t\t<strong>Danger!<\/strong>\n\tChange a few things up and try submitting again.<\/div>\n<h2 class=\"text-center  element-top-50 element-bottom-50 text-normal os-animation normal light\" data-os-animation=\"fadeIn\" data-os-animation-delay=\"0.9s\" >\n    Alerts can be dismissable. By including a close button users can get rid of them as soon as they want<\/h2><div class=\"alert alert-success alert-dismissable  element-top-20 element-bottom-20 os-animation\" data-os-animation=\"fadeInUp\" data-os-animation-delay=\"0s\">\n\t\t    <button type=\"button\" class=\"close\" data-dismiss=\"alert\" aria-hidden=\"true\"><i class=\"icon-cross\"><\/i><\/button>\n\t\t<strong>Success!<\/strong>\n\tYou did good. Head back on our home page and see what happens.<\/div>\n<div class=\"alert alert-info alert-dismissable  element-top-20 element-bottom-20 os-animation\" data-os-animation=\"fadeInUp\" data-os-animation-delay=\"0.2s\">\n\t\t    <button type=\"button\" class=\"close\" data-dismiss=\"alert\" aria-hidden=\"true\"><i class=\"icon-cross\"><\/i><\/button>\n\t\t<strong>Useful info!<\/strong>\n\tDid you know that the earth is round? What about that it rotated around the sun?<\/div>\n<div class=\"alert alert-warning alert-dismissable  element-top-20 element-bottom-20 os-animation\" data-os-animation=\"fadeInUp\" data-os-animation-delay=\"0.4s\">\n\t\t    <button type=\"button\" class=\"close\" data-dismiss=\"alert\" aria-hidden=\"true\"><i class=\"icon-cross\"><\/i><\/button>\n\t\t<strong>Warning Alert!<\/strong>\n\tBe extra careful. By filling out this form you are sending valuable info.<\/div>\n<div class=\"alert alert-danger alert-dismissable  element-top-20 element-bottom-70 os-animation\" data-os-animation=\"fadeInUp\" data-os-animation-delay=\"0.6s\">\n\t\t    <button type=\"button\" class=\"close\" data-dismiss=\"alert\" aria-hidden=\"true\"><i class=\"icon-cross\"><\/i><\/button>\n\t\t<strong>Danger!<\/strong>\n\tChange a few things up and try submitting again.<\/div>\n<\/div><div class=\"col-md-2     text-default small-screen-default\"  ><\/div>        <\/div>\n    <\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"Default Panel Were this world an endless plain, and by sailing eastward we could for ever reach new distances, and discover sights more sweet and strange than any Cyclades or Islands of King Solomon. Success Panel Were this world an endless plain, and by sailing eastward we could for ever reach new distances, and discover","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/acowhite.uk\/index.php\/wp-json\/wp\/v2\/pages\/210"}],"collection":[{"href":"https:\/\/acowhite.uk\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/acowhite.uk\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/acowhite.uk\/index.php\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/acowhite.uk\/index.php\/wp-json\/wp\/v2\/comments?post=210"}],"version-history":[{"count":0,"href":"https:\/\/acowhite.uk\/index.php\/wp-json\/wp\/v2\/pages\/210\/revisions"}],"wp:attachment":[{"href":"https:\/\/acowhite.uk\/index.php\/wp-json\/wp\/v2\/media?parent=210"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}