{"id":220,"date":"2017-08-11T22:41:28","date_gmt":"2017-08-11T20:41:28","guid":{"rendered":"http:\/\/e-merald.com\/themes\/annuity-wp\/?page_id=220"},"modified":"2017-08-12T20:19:54","modified_gmt":"2017-08-12T18:19:54","slug":"stripe-sections","status":"publish","type":"page","link":"https:\/\/e-merald.com\/themes\/annuity-wp\/resources\/general\/stripe-sections\/","title":{"rendered":"Stripe Sections"},"content":{"rendered":"\n\t\t<!-- Stripe section -->\n\t\t<div class=\"stripe stripe-white-bg\">\n\t\t\t<div class=\"stripe-upper-bg\"><\/div>\n\n\t\t\t<div class=\"container\"> <!-- Container -->\n\n<div id=\"pg-220-0\"  class=\"panel-grid row\"  data-cells=\"1\"  data-grids=\"30\" ><div id=\"pgc-220-0-0\"  class=\"panel-grid-cell col-sm-12 columns\"  data-cells=\"1\" >\n\n<!-- Text Block -->\n<div id=\"panel-220-0-0-0\" class=\"so-panel widget widget_annuity-text-block widget-text-block panel-first-child panel-last-child\" data-index=\"0\" >\n<p class=\"left-border-block lead-text-large text-black\">The page content of a full-width page is composed of stripe sections.<\/p>\n<p>\"Stripe\" is a <em>row<\/em> added via Page Builder and wrapped in a full-width background.<\/p>\n<p>The Annuity theme has <strong class=\"text-secondary-color\">various types<\/strong> of stripe sections with different types of background you can choose from when setting the parameters for a\u00a0<em>row<\/em>\u00a0in Page Builder.<\/p>\n\n<\/div>\n<!-- end Text Block -->\n<\/div><\/div>\n\n\t\t\t<\/div> <!-- end Container -->\n\n\t\t<\/div>\n\t\t<!-- end Stripe section -->\n\n\t\t<!-- Stripe section -->\n\t\t<div class=\"stripe stripe-light-grey-bg\">\n\t\t\t<div class=\"stripe-upper-bg\"><\/div>\n\n\t\t\t<div class=\"container\"> <!-- Container -->\n\n<div id=\"pg-220-1\"  class=\"panel-grid row\"  data-cells=\"1\"  data-grids=\"30\" ><div id=\"pgc-220-1-0\"  class=\"panel-grid-cell col-sm-12 columns\"  data-cells=\"1\" >\n\n<!-- Text Block -->\n<div id=\"panel-220-1-0-0\" class=\"so-panel widget widget_annuity-text-block widget-text-block panel-first-child panel-last-child\" data-index=\"1\" >\n<h2 class=\"lead-text-large text-grey remove-bottom\" style=\"text-align: center;\"><strong>Light Grey Solid Background<\/strong><\/h2>\n\n<\/div>\n<!-- end Text Block -->\n<\/div><\/div>\n\n\t\t\t<\/div> <!-- end Container -->\n\n\t\t<\/div>\n\t\t<!-- end Stripe section -->\n\n\t\t<!-- Stripe section -->\n\t\t<div class=\"stripe stripe-transparent-bg\">\n\t\t\t<div class=\"stripe-upper-bg\"><\/div>\n\n\t\t\t<div class=\"container\"> <!-- Container -->\n\n<div id=\"pg-220-2\"  class=\"panel-grid row\"  data-cells=\"1\"  data-grids=\"30\" ><div id=\"pgc-220-2-0\"  class=\"panel-grid-cell col-sm-12 columns\"  data-cells=\"1\" >\n\n<!-- Text Block -->\n<div id=\"panel-220-2-0-0\" class=\"so-panel widget widget_annuity-text-block widget-text-block panel-first-child panel-last-child\" data-index=\"2\" >\n<h2 class=\"lead-text-large text-light-grey remove-bottom\" style=\"text-align: center;\">Transparent Background<\/h2>\n\n<\/div>\n<!-- end Text Block -->\n<\/div><\/div>\n\n\t\t\t<\/div> <!-- end Container -->\n\n\t\t<\/div>\n\t\t<!-- end Stripe section -->\n\n\t\t<!-- Stripe section -->\n\t\t<div class=\"stripe stripe-narrow stripe-pale-bg\">\n\t\t\t<div class=\"stripe-upper-bg\"><\/div>\n\n\t\t\t<div class=\"container\"> <!-- Container -->\n\n<div id=\"pg-220-3\"  class=\"panel-grid row\"  data-cells=\"1\"  data-grids=\"30\" ><div id=\"pgc-220-3-0\"  class=\"panel-grid-cell col-sm-12 columns\"  data-cells=\"1\" >\n\n<!-- Text Block -->\n<div id=\"panel-220-3-0-0\" class=\"so-panel widget widget_annuity-text-block widget-text-block panel-first-child panel-last-child\" data-index=\"3\" >\n<h2 class=\"lead-text-large text-grey remove-bottom\" style=\"text-align: center;\"><strong>Pale Solid Background<\/strong><\/h2>\n<p class=\"lead-text-basic text-light-grey\" style=\"text-align: center;\">with smaller top and bottom paddings (\"Narrow Stripe\" option)<\/p>\n\n<\/div>\n<!-- end Text Block -->\n<\/div><\/div>\n\n\t\t\t<\/div> <!-- end Container -->\n\n\t\t<\/div>\n\t\t<!-- end Stripe section -->\n\n\t\t<!-- Stripe section -->\n\t\t<div class=\"stripe stripe-white-bg\">\n\t\t\t<div class=\"stripe-upper-bg\"><\/div>\n\n\t\t\t<div class=\"container\"> <!-- Container -->\n\n<div id=\"pg-220-4\"  class=\"panel-grid row\"  data-cells=\"1\"  data-grids=\"30\" ><div id=\"pgc-220-4-0\"  class=\"panel-grid-cell col-sm-12 columns\"  data-cells=\"1\" >\n\n<!-- Text Block -->\n<div id=\"panel-220-4-0-0\" class=\"so-panel widget widget_annuity-text-block widget-text-block panel-first-child panel-last-child\" data-index=\"4\" >\n<h2 class=\"lead-text-large text-light-grey remove-bottom\" style=\"text-align: center;\">White Background<\/h2>\n\n<\/div>\n<!-- end Text Block -->\n<\/div><\/div>\n\n\t\t\t<\/div> <!-- end Container -->\n\n\t\t<\/div>\n\t\t<!-- end Stripe section -->\n\n\t\t<!-- Stripe section -->\n\t\t<div class=\"stripe stripe-primary-color-bg dark-colored-bg\">\n\t\t\t<div class=\"stripe-upper-bg\"><\/div>\n\n\t\t\t<div class=\"container\"> <!-- Container -->\n\n<div id=\"pg-220-5\"  class=\"panel-grid row\"  data-cells=\"1\"  data-grids=\"30\" ><div id=\"pgc-220-5-0\"  class=\"panel-grid-cell col-sm-12 columns\"  data-cells=\"1\" >\n\n<!-- Text Block -->\n<div id=\"panel-220-5-0-0\" class=\"so-panel widget widget_annuity-text-block widget-text-block panel-first-child panel-last-child\" data-index=\"5\" >\n<h2 class=\"lead-text-large text-white remove-bottom\" style=\"text-align: center;\"><strong>Primary Color Solid Background<\/strong><\/h2>\n\n<\/div>\n<!-- end Text Block -->\n<\/div><\/div>\n\n\t\t\t<\/div> <!-- end Container -->\n\n\t\t<\/div>\n\t\t<!-- end Stripe section -->\n\n\t\t<!-- Stripe section -->\n\t\t<div class=\"stripe stripe-transparent-bg\">\n\t\t\t<div class=\"stripe-upper-bg\"><\/div>\n\n\t\t\t<div class=\"container\"> <!-- Container -->\n\n<div id=\"pg-220-6\"  class=\"panel-grid row\"  data-cells=\"1\"  data-grids=\"30\" ><div id=\"pgc-220-6-0\"  class=\"panel-grid-cell panel-grid-cell-empty col-sm-12 columns\"  data-cells=\"1\" ><\/div><\/div>\n\n\t\t\t<\/div> <!-- end Container -->\n\n\t\t<\/div>\n\t\t<!-- end Stripe section -->\n\n\t\t<!-- Stripe section -->\n\t\t<div class=\"stripe stripe-secondary-color-bg\">\n\t\t\t<div class=\"stripe-upper-bg\"><\/div>\n\n\t\t\t<div class=\"container\"> <!-- Container -->\n\n<div id=\"pg-220-7\"  class=\"panel-grid row\"  data-cells=\"1\"  data-grids=\"30\" ><div id=\"pgc-220-7-0\"  class=\"panel-grid-cell col-sm-12 columns\"  data-cells=\"1\" >\n\n<!-- Text Block -->\n<div id=\"panel-220-7-0-0\" class=\"so-panel widget widget_annuity-text-block widget-text-block panel-first-child panel-last-child\" data-index=\"6\" >\n<h2 class=\"lead-text-large text-white remove-bottom\" style=\"text-align: center;\"><strong>Secondary Color Solid Background<\/strong><\/h2>\n\n<\/div>\n<!-- end Text Block -->\n<\/div><\/div>\n\n\t\t\t<\/div> <!-- end Container -->\n\n\t\t<\/div>\n\t\t<!-- end Stripe section -->\n\n\t\t<!-- Stripe section -->\n\t\t<div class=\"stripe stripe-transparent-bg\">\n\t\t\t<div class=\"stripe-upper-bg\"><\/div>\n\n\t\t\t<div class=\"container\"> <!-- Container -->\n\n<div id=\"pg-220-8\"  class=\"panel-grid row\"  data-cells=\"1\"  data-grids=\"30\" ><div id=\"pgc-220-8-0\"  class=\"panel-grid-cell panel-grid-cell-empty col-sm-12 columns\"  data-cells=\"1\" ><\/div><\/div>\n\n\t\t\t<\/div> <!-- end Container -->\n\n\t\t<\/div>\n\t\t<!-- end Stripe section -->\n\n\t\t<!-- Stripe section -->\n\t\t<div class=\"stripe stripe-pale-bg bottom-bars-light\">\n\t\t\t<div class=\"stripe-upper-bg\"><\/div>\n\n\t\t\t<div class=\"container\"> <!-- Container -->\n\n<div id=\"pg-220-9\"  class=\"panel-grid row\"  data-cells=\"1\"  data-grids=\"30\" ><div id=\"pgc-220-9-0\"  class=\"panel-grid-cell col-sm-12 columns\"  data-cells=\"1\" >\n\n<!-- Text Block -->\n<div id=\"panel-220-9-0-0\" class=\"so-panel widget widget_annuity-text-block widget-text-block panel-first-child panel-last-child\" data-index=\"7\" >\n<h2 class=\"lead-text-large text-grey remove-bottom\" style=\"text-align: center;\"><strong>Pale Solid Background<\/strong><\/h2>\n<p class=\"lead-text-basic text-light-grey\" style=\"text-align: center;\">with light bars at the bottom of stripe<\/p>\n\n<\/div>\n<!-- end Text Block -->\n<\/div><\/div>\n\n\t\t\t<\/div> <!-- end Container -->\n\n\t\t<\/div>\n\t\t<!-- end Stripe section -->\n\n\t\t<!-- Stripe section -->\n\t\t<div class=\"stripe stripe-transparent-bg\">\n\t\t\t<div class=\"stripe-upper-bg\"><\/div>\n\n\t\t\t<div class=\"container\"> <!-- Container -->\n\n<div id=\"pg-220-10\"  class=\"panel-grid row\"  data-cells=\"1\"  data-grids=\"30\" ><div id=\"pgc-220-10-0\"  class=\"panel-grid-cell panel-grid-cell-empty col-sm-12 columns\"  data-cells=\"1\" ><\/div><\/div>\n\n\t\t\t<\/div> <!-- end Container -->\n\n\t\t<\/div>\n\t\t<!-- end Stripe section -->\n\n\t\t<!-- Stripe section -->\n\t\t<div class=\"stripe stripe-light-grey-bg bottom-bars-dark\">\n\t\t\t<div class=\"stripe-upper-bg\"><\/div>\n\n\t\t\t<div class=\"container\"> <!-- Container -->\n\n<div id=\"pg-220-11\"  class=\"panel-grid row\"  data-cells=\"1\"  data-grids=\"30\" ><div id=\"pgc-220-11-0\"  class=\"panel-grid-cell col-sm-12 columns\"  data-cells=\"1\" >\n\n<!-- Text Block -->\n<div id=\"panel-220-11-0-0\" class=\"so-panel widget widget_annuity-text-block widget-text-block panel-first-child panel-last-child\" data-index=\"8\" >\n<h2 class=\"lead-text-large text-grey remove-bottom\" style=\"text-align: center;\"><strong>Light Grey Solid Background<\/strong><\/h2>\n<p class=\"lead-text-basic text-light-grey\" style=\"text-align: center;\">with dark bars at the bottom of stripe<\/p>\n\n<\/div>\n<!-- end Text Block -->\n<\/div><\/div>\n\n\t\t\t<\/div> <!-- end Container -->\n\n\t\t<\/div>\n\t\t<!-- end Stripe section -->\n\n\t\t<!-- Stripe section -->\n\t\t<div class=\"stripe stripe-transparent-bg\">\n\t\t\t<div class=\"stripe-upper-bg\"><\/div>\n\n\t\t\t<div class=\"container\"> <!-- Container -->\n\n<div id=\"pg-220-12\"  class=\"panel-grid row\"  data-cells=\"1\"  data-grids=\"30\" ><div id=\"pgc-220-12-0\"  class=\"panel-grid-cell panel-grid-cell-empty col-sm-12 columns\"  data-cells=\"1\" ><\/div><\/div>\n\n\t\t\t<\/div> <!-- end Container -->\n\n\t\t<\/div>\n\t\t<!-- end Stripe section -->\n\n\t\t<!-- Stripe section -->\n\t\t<div class=\"stripe stripe-default-bg-image dark-colored-bg\">\n\t\t\t<div class=\"stripe-upper-bg\"><\/div>\n\n\t\t\t<div class=\"container\"> <!-- Container -->\n\n<div id=\"pg-220-13\"  class=\"panel-grid row\"  data-cells=\"1\"  data-grids=\"30\" ><div id=\"pgc-220-13-0\"  class=\"panel-grid-cell col-sm-12 columns\"  data-cells=\"1\" >\n\n<!-- Text Block -->\n<div id=\"panel-220-13-0-0\" class=\"so-panel widget widget_annuity-text-block widget-text-block panel-first-child panel-last-child\" data-index=\"9\" >\n<h2 class=\"lead-text-large text-white remove-bottom\" style=\"text-align: center;\"><strong>Default Background Image<\/strong><\/h2>\n<p class=\"lead-text-basic text-white-muted\" style=\"text-align: center;\">different for each color scheme<\/p>\n\n<\/div>\n<!-- end Text Block -->\n<\/div><\/div>\n\n\t\t\t<\/div> <!-- end Container -->\n\n\t\t<\/div>\n\t\t<!-- end Stripe section -->\n\n\t\t<!-- Stripe section -->\n\t\t<div class=\"stripe stripe-transparent-bg\">\n\t\t\t<div class=\"stripe-upper-bg\"><\/div>\n\n\t\t\t<div class=\"container\"> <!-- Container -->\n\n<div id=\"pg-220-14\"  class=\"panel-grid row\"  data-cells=\"1\"  data-grids=\"30\" ><div id=\"pgc-220-14-0\"  class=\"panel-grid-cell panel-grid-cell-empty col-sm-12 columns\"  data-cells=\"1\" ><\/div><\/div>\n\n\t\t\t<\/div> <!-- end Container -->\n\n\t\t<\/div>\n\t\t<!-- end Stripe section -->\n\n\t\t<!-- Stripe section -->\n\t\t<div class=\"stripe stripe-custom-bg-image stripe-upper-bg-transparent dark-colored-bg diagonal-lines-bg\" style=\"background-image: url(https:\/\/e-merald.com\/themes\/annuity-wp\/wp-content\/uploads\/2017\/08\/custom-bg-touchscreen.jpg);\">\n\t\t\t<div class=\"stripe-upper-bg\"><\/div>\n\n\t\t\t<div class=\"container\"> <!-- Container -->\n\n<div id=\"pg-220-15\"  class=\"panel-grid row\"  data-cells=\"1\"  data-grids=\"30\" ><div id=\"pgc-220-15-0\"  class=\"panel-grid-cell col-sm-12 columns\"  data-cells=\"1\" >\n\n<!-- Text Block -->\n<div id=\"panel-220-15-0-0\" class=\"so-panel widget widget_annuity-text-block widget-text-block panel-first-child panel-last-child\" data-index=\"10\" >\n<h2 class=\"lead-text-large text-white remove-bottom\" style=\"text-align: center;\"><strong>Custom Background Image<\/strong><\/h2>\n<p class=\"lead-text-basic text-white-muted\" style=\"text-align: center;\">with solid transparent upper layer + diagonal lines<\/p>\n\n<\/div>\n<!-- end Text Block -->\n<\/div><\/div>\n\n\t\t\t<\/div> <!-- end Container -->\n\n\t\t<\/div>\n\t\t<!-- end Stripe section -->\n\n\t\t<!-- Stripe section -->\n\t\t<div class=\"stripe stripe-transparent-bg\">\n\t\t\t<div class=\"stripe-upper-bg\"><\/div>\n\n\t\t\t<div class=\"container\"> <!-- Container -->\n\n<div id=\"pg-220-16\"  class=\"panel-grid row\"  data-cells=\"1\"  data-grids=\"30\" ><div id=\"pgc-220-16-0\"  class=\"panel-grid-cell panel-grid-cell-empty col-sm-12 columns\"  data-cells=\"1\" ><\/div><\/div>\n\n\t\t\t<\/div> <!-- end Container -->\n\n\t\t<\/div>\n\t\t<!-- end Stripe section -->\n\n\t\t<!-- Stripe section -->\n\t\t<div class=\"stripe stripe-custom-bg-image stripe-upper-bg-gradient dark-colored-bg\" style=\"background-image: url(https:\/\/e-merald.com\/themes\/annuity-wp\/wp-content\/uploads\/2017\/08\/banner-appointment.jpg);\">\n\t\t\t<div class=\"stripe-upper-bg\"><\/div>\n\n\t\t\t<div class=\"container\"> <!-- Container -->\n\n<div id=\"pg-220-17\"  class=\"panel-grid row\"  data-cells=\"1\"  data-grids=\"30\" ><div id=\"pgc-220-17-0\"  class=\"panel-grid-cell col-sm-12 columns\"  data-cells=\"1\" >\n\n<!-- Text Block -->\n<div id=\"panel-220-17-0-0\" class=\"so-panel widget widget_annuity-text-block widget-text-block panel-first-child panel-last-child\" data-index=\"11\" >\n<h2 class=\"lead-text-large text-white remove-bottom\" style=\"text-align: center;\"><strong>Custom Background Image<\/strong><\/h2>\n<p class=\"lead-text-basic text-white\" style=\"text-align: center;\">with gradient transparent upper layer<\/p>\n\n<\/div>\n<!-- end Text Block -->\n<\/div><\/div>\n\n\t\t\t<\/div> <!-- end Container -->\n\n\t\t<\/div>\n\t\t<!-- end Stripe section -->\n\n\t\t<!-- Stripe section -->\n\t\t<div class=\"stripe stripe-transparent-bg\">\n\t\t\t<div class=\"stripe-upper-bg\"><\/div>\n\n\t\t\t<div class=\"container\"> <!-- Container -->\n\n<div id=\"pg-220-18\"  class=\"panel-grid row\"  data-cells=\"1\"  data-grids=\"30\" ><div id=\"pgc-220-18-0\"  class=\"panel-grid-cell panel-grid-cell-empty col-sm-12 columns\"  data-cells=\"1\" ><\/div><\/div>\n\n\t\t\t<\/div> <!-- end Container -->\n\n\t\t<\/div>\n\t\t<!-- end Stripe section -->\n\n\t\t<!-- Stripe section -->\n\t\t<div class=\"stripe stripe-light-grey-pattern-bg\">\n\t\t\t<div class=\"stripe-upper-bg\"><\/div>\n\n\t\t\t<div class=\"container\"> <!-- Container -->\n\n<div id=\"pg-220-19\"  class=\"panel-grid row\"  data-cells=\"2\"  data-grids=\"30\" ><div id=\"pgc-220-19-0\"  class=\"panel-grid-cell col-sm-6 columns\"  data-cells=\"2\" >\n\n<!-- Single Image -->\n<div id=\"panel-220-19-0-0\" class=\"so-panel widget widget_annuity-single-image widget-single-image panel-first-child panel-last-child offset-md-right-50px align-only-xs-center float-md-right\" data-index=\"12\" >\n\t\t\t\t\t\r\n\t\t\t\t\t<figure>\r\n\t\t\t\t\t\t<img width=\"373\" height=\"288\" src=\"https:\/\/e-merald.com\/themes\/annuity-wp\/wp-content\/uploads\/2017\/08\/image-graphs.png\" class=\"attachment-full size-full\" alt=\"Graphs\" loading=\"lazy\" srcset=\"https:\/\/e-merald.com\/themes\/annuity-wp\/wp-content\/uploads\/2017\/08\/image-graphs.png 373w, https:\/\/e-merald.com\/themes\/annuity-wp\/wp-content\/uploads\/2017\/08\/image-graphs-300x232.png 300w\" sizes=\"(max-width: 373px) 100vw, 373px\" \/>\n\t\t\t\t\t<\/figure>\r\n\t\t\t\t\t\r\n\t\t\t\t<\/div>\n<!-- end Single Image -->\n<\/div><div id=\"pgc-220-19-1\"  class=\"panel-grid-cell col-sm-6 columns\"  data-cells=\"2\" >\n\n<!-- Text Block -->\n<div id=\"panel-220-19-1-0\" class=\"so-panel widget widget_annuity-text-block widget-text-block panel-first-child panel-last-child\" data-index=\"13\" >\n<h2 class=\"lead-text-large\"><strong>Pattern Image Background \u2014 Light Grey<\/strong><\/h2>\n<p class=\"lead-text-basic\">Here is the example of preferable usage:<\/p>\n<ul class=\"check-small-list lead-text-basic\">\n<li>left column \u2014 image (PNG with transparent background)<\/li>\n<li>right column \u2014 text<\/li>\n<\/ul>\n\n<\/div>\n<!-- end Text Block -->\n<\/div><\/div>\n\n\t\t\t<\/div> <!-- end Container -->\n\n\t\t<\/div>\n\t\t<!-- end Stripe section -->\n\n\t\t<!-- Stripe section -->\n\t\t<div class=\"stripe stripe-transparent-bg\">\n\t\t\t<div class=\"stripe-upper-bg\"><\/div>\n\n\t\t\t<div class=\"container\"> <!-- Container -->\n\n<div id=\"pg-220-20\"  class=\"panel-grid row\"  data-cells=\"1\"  data-grids=\"30\" ><div id=\"pgc-220-20-0\"  class=\"panel-grid-cell panel-grid-cell-empty col-sm-12 columns\"  data-cells=\"1\" ><\/div><\/div>\n\n\t\t\t<\/div> <!-- end Container -->\n\n\t\t<\/div>\n\t\t<!-- end Stripe section -->\n\n\t\t<!-- Stripe section -->\n\t\t<div class=\"stripe stripe-dark-colored-pattern-bg dark-colored-bg\">\n\t\t\t<div class=\"stripe-upper-bg\"><\/div>\n\n\t\t\t<div class=\"container\"> <!-- Container -->\n\n<div id=\"pg-220-21\"  class=\"panel-grid row\"  data-cells=\"1\"  data-grids=\"30\" ><div id=\"pgc-220-21-0\"  class=\"panel-grid-cell col-sm-12 columns\"  data-cells=\"1\" >\n\n<!-- Text Block -->\n<div id=\"panel-220-21-0-0\" class=\"so-panel widget widget_annuity-text-block widget-text-block panel-first-child panel-last-child\" data-index=\"14\" >\n<h2 class=\"lead-text-large text-white remove-bottom\" style=\"text-align: center;\"><strong>Pattern Image Background \u2014 Dark Colored<\/strong><\/h2>\n<p class=\"lead-text-basic text-white-muted\" style=\"text-align: center;\">in the demo mostly used for the bottom stripe<\/p>\n\n<\/div>\n<!-- end Text Block -->\n<\/div><\/div>\n\n\t\t\t<\/div> <!-- end Container -->\n\n\t\t<\/div>\n\t\t<!-- end Stripe section -->\n\n\t\t<!-- Stripe section -->\n\t\t<div class=\"stripe stripe-transparent-bg\">\n\t\t\t<div class=\"stripe-upper-bg\"><\/div>\n\n\t\t\t<div class=\"container\"> <!-- Container -->\n\n<div id=\"pg-220-22\"  class=\"panel-grid row\"  data-cells=\"1\"  data-grids=\"30\" ><div id=\"pgc-220-22-0\"  class=\"panel-grid-cell panel-grid-cell-empty col-sm-12 columns\"  data-cells=\"1\" ><\/div><\/div>\n\n\t\t\t<\/div> <!-- end Container -->\n\n\t\t<\/div>\n\t\t<!-- end Stripe section -->\n\n\t\t<!-- Stripe section -->\n\t\t<div class=\"stripe stripe-light-grey-bg stripe-wordgram-bg-top\">\n\t\t\t<div class=\"stripe-upper-bg\"><\/div>\n\n\t\t\t<div class=\"container\"> <!-- Container -->\n\n<div id=\"pg-220-23\"  class=\"panel-grid row\"  data-cells=\"1\"  data-grids=\"30\" ><div id=\"pgc-220-23-0\"  class=\"panel-grid-cell col-sm-12 columns\"  data-cells=\"1\" >\n\n<!-- Text Block -->\n<div id=\"panel-220-23-0-0\" class=\"so-panel widget widget_annuity-text-block widget-text-block panel-first-child panel-last-child\" data-index=\"15\" >\n<h2 class=\"lead-text-large text-grey remove-bottom\" style=\"text-align: center;\">Light Grey Solid Background<\/h2>\n<p class=\"lead-text-basic text-light-grey\" style=\"text-align: center;\">with wordgram background image at the top of stripe<\/p>\n\n<\/div>\n<!-- end Text Block -->\n<\/div><\/div>\n\n\t\t\t<\/div> <!-- end Container -->\n\n\t\t<\/div>\n\t\t<!-- end Stripe section -->\n\n\t\t<!-- Stripe section -->\n\t\t<div class=\"stripe stripe-dark-colored-gradient-bg diagonal-pinstripe-bg dark-colored-bg\">\n\t\t\t<div class=\"stripe-upper-bg\"><\/div>\n\n\t\t\t<div class=\"container\"> <!-- Container -->\n\n<div id=\"pg-220-24\"  class=\"panel-grid row\"  data-cells=\"1\"  data-grids=\"30\" ><div id=\"pgc-220-24-0\"  class=\"panel-grid-cell col-sm-12 columns\"  data-cells=\"1\" >\n\n<!-- Text Block -->\n<div id=\"panel-220-24-0-0\" class=\"so-panel widget widget_annuity-text-block widget-text-block panel-first-child panel-last-child\" data-index=\"16\" >\n<h2 class=\"lead-text-large text-white remove-bottom\" style=\"text-align: center;\"><strong>Dark Colored <span class=\"text-secondary-color\">Gradient<\/span> Background<\/strong><\/h2>\n<p class=\"lead-text-basic text-white-muted\" style=\"text-align: center;\">with diagonal pinstripe<\/p>\n\n<\/div>\n<!-- end Text Block -->\n<\/div><\/div>\n\n\t\t\t<\/div> <!-- end Container -->\n\n\t\t<\/div>\n\t\t<!-- end Stripe section -->\n\n\t\t<!-- Stripe section -->\n\t\t<div class=\"stripe stripe-light-grey-bg stripe-wordgram-bg-left v-notch\">\n\t\t\t<div class=\"stripe-upper-bg\"><\/div>\n\n\t\t\t<div class=\"container\"> <!-- Container -->\n\n<div id=\"pg-220-25\"  class=\"panel-grid row\"  data-cells=\"1\"  data-grids=\"30\" ><div id=\"pgc-220-25-0\"  class=\"panel-grid-cell col-sm-12 columns\"  data-cells=\"1\" >\n\n<!-- Text Block -->\n<div id=\"panel-220-25-0-0\" class=\"so-panel widget widget_annuity-text-block widget-text-block panel-first-child panel-last-child\" data-index=\"17\" >\n<h2 class=\"lead-text-large text-grey remove-bottom\" style=\"text-align: center;\">Light Grey Solid Background<\/h2>\n<p class=\"lead-text-basic text-light-grey\" style=\"text-align: center;\">with wordgram background image on the left side + V-shaped notch at the top of stripe<\/p>\n\n<\/div>\n<!-- end Text Block -->\n<\/div><\/div>\n\n\t\t\t<\/div> <!-- end Container -->\n\n\t\t<\/div>\n\t\t<!-- end Stripe section -->\n\n\t\t<!-- Stripe section -->\n\t\t<div class=\"stripe stripe-transparent-bg\">\n\t\t\t<div class=\"stripe-upper-bg\"><\/div>\n\n\t\t\t<div class=\"container\"> <!-- Container -->\n\n<div id=\"pg-220-26\"  class=\"panel-grid row\"  data-cells=\"1\"  data-grids=\"30\" ><div id=\"pgc-220-26-0\"  class=\"panel-grid-cell panel-grid-cell-empty col-sm-12 columns\"  data-cells=\"1\" ><\/div><\/div>\n\n\t\t\t<\/div> <!-- end Container -->\n\n\t\t<\/div>\n\t\t<!-- end Stripe section -->\n\n\t\t<!-- Stripe section -->\n\t\t<div class=\"stripe stripe-left-col-fullwidth-image stripe-secondary-color-bg\">\n\t\t\t<div class=\"stripe-upper-bg\"><\/div>\n\n\t\t\t<div class=\"container\"> <!-- Container -->\n\n<div id=\"pg-220-27\"  class=\"panel-grid row\"  data-cells=\"2\"  data-grids=\"30\" ><div id=\"pgc-220-27-0\"  class=\"panel-grid-cell col-sm-12 col-md-6 columns\"  data-cells=\"2\" >\n\n<!-- Single Image -->\n<div id=\"panel-220-27-0-0\" class=\"so-panel widget widget_annuity-single-image widget-single-image panel-first-child panel-last-child\" data-index=\"18\" >\n\t\t\t\t\t\r\n\t\t\t\t\t<figure>\r\n\t\t\t\t\t\t<img width=\"1000\" height=\"750\" src=\"https:\/\/e-merald.com\/themes\/annuity-wp\/wp-content\/uploads\/2017\/08\/stripe-about-us.jpg\" class=\"attachment-full size-full\" alt=\"About Us\" loading=\"lazy\" srcset=\"https:\/\/e-merald.com\/themes\/annuity-wp\/wp-content\/uploads\/2017\/08\/stripe-about-us.jpg 1000w, https:\/\/e-merald.com\/themes\/annuity-wp\/wp-content\/uploads\/2017\/08\/stripe-about-us-300x225.jpg 300w, https:\/\/e-merald.com\/themes\/annuity-wp\/wp-content\/uploads\/2017\/08\/stripe-about-us-768x576.jpg 768w, https:\/\/e-merald.com\/themes\/annuity-wp\/wp-content\/uploads\/2017\/08\/stripe-about-us-900x675.jpg 900w, https:\/\/e-merald.com\/themes\/annuity-wp\/wp-content\/uploads\/2017\/08\/stripe-about-us-540x405.jpg 540w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/>\n\t\t\t\t\t<\/figure>\r\n\t\t\t\t\t\r\n\t\t\t\t<\/div>\n<!-- end Single Image -->\n<\/div><div id=\"pgc-220-27-1\"  class=\"panel-grid-cell col-sm-12 col-md-6 columns\"  data-cells=\"2\" >\n\n<!-- Text Block -->\n<div id=\"panel-220-27-1-0\" class=\"so-panel widget widget_annuity-text-block widget-text-block panel-first-child panel-last-child\" data-index=\"19\" >\n<h2 class=\"lead-text-large text-white remove-bottom\"><strong>Full-width image in stripe's left column<\/strong><\/h2>\n<p class=\"lead-text-basic font-weight-bold text-secondary-color-dark\">with secondary color background<\/p>\n<p class=\"lead-text-basic text-black\">Can be used with the following solid backgrounds: <strong>secondary color<\/strong>, <strong>light grey<\/strong>, <strong>pale<\/strong>.<\/p>\n<p class=\"lead-text-basic text-black\">Recommended parameters for the image:<\/p>\n<ul class=\"check-small-list marker-secondary-color-dark lead-text-basic text-black\">\n<li><strong>image ratio<\/strong> \u2014 4\/3 (more text), 3\/2 (less text)<\/li>\n<li><strong>minimum width<\/strong> \u2014 1000px<\/li>\n<\/ul>\n\n<\/div>\n<!-- end Text Block -->\n<\/div><\/div>\n\n\t\t\t<\/div> <!-- end Container -->\n\n\t\t<\/div>\n\t\t<!-- end Stripe section -->\n\n\t\t<!-- Stripe section -->\n\t\t<div class=\"stripe stripe-transparent-bg\">\n\t\t\t<div class=\"stripe-upper-bg\"><\/div>\n\n\t\t\t<div class=\"container\"> <!-- Container -->\n\n<div id=\"pg-220-28\"  class=\"panel-grid row\"  data-cells=\"1\"  data-grids=\"30\" ><div id=\"pgc-220-28-0\"  class=\"panel-grid-cell panel-grid-cell-empty col-sm-12 columns\"  data-cells=\"1\" ><\/div><\/div>\n\n\t\t\t<\/div> <!-- end Container -->\n\n\t\t<\/div>\n\t\t<!-- end Stripe section -->\n\n\t\t<!-- Stripe section -->\n\t\t<div class=\"stripe stripe-left-col-fullwidth-grey stripe-primary-color-bg\">\n\t\t\t<div class=\"stripe-upper-bg\"><\/div>\n\n\t\t\t<div class=\"container\"> <!-- Container -->\n\n<div id=\"pg-220-29\"  class=\"panel-grid row\"  data-cells=\"2\"  data-grids=\"30\" ><div id=\"pgc-220-29-0\"  class=\"panel-grid-cell col-sm-12 col-md-6 columns\"  data-cells=\"2\" >\n\n<!-- Text Block -->\n<div id=\"panel-220-29-0-0\" class=\"so-panel widget widget_annuity-text-block widget-text-block panel-first-child panel-last-child width-80pct-centered\" data-index=\"20\" >\n<h3 class=\"text-body-color margin-bottom-10px\" style=\"text-align: center;\"><a href=\"#\">Full-width Grey Background<\/a><\/h3>\n<p class=\"lead-text-light\" style=\"text-align: center;\">in the left or right column of stripe section<\/p>\n\n<\/div>\n<!-- end Text Block -->\n<\/div><div id=\"pgc-220-29-1\"  class=\"panel-grid-cell col-sm-12 col-md-6 columns\"  data-cells=\"2\" >\n\n<!-- Text Block -->\n<div id=\"panel-220-29-1-0\" class=\"so-panel widget widget_annuity-text-block widget-text-block panel-first-child panel-last-child width-80pct-centered\" data-index=\"21\" >\n<h3 class=\"text-white margin-bottom-10px\" style=\"text-align: center;\"><a href=\"#\">+ Solid Background<\/a><\/h3>\n<p class=\"lead-text-light text-white\" style=\"text-align: center;\">Can be used with primary color or secondary color solid backgrounds.<\/p>\n\n<\/div>\n<!-- end Text Block -->\n<\/div><\/div>\n\n\t\t\t<\/div> <!-- end Container -->\n\n\t\t<\/div>\n\t\t<!-- end Stripe section -->\n","protected":false},"excerpt":{"rendered":"<p>The page content of a full-width page is composed of stripe sections. &#8220;Stripe&#8221; is a row added via Page Builder and wrapped in a full-width background. The Annuity theme has various types of stripe sections with different types of background [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":10,"parent":217,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/e-merald.com\/themes\/annuity-wp\/wp-json\/wp\/v2\/pages\/220"}],"collection":[{"href":"https:\/\/e-merald.com\/themes\/annuity-wp\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/e-merald.com\/themes\/annuity-wp\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/e-merald.com\/themes\/annuity-wp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/e-merald.com\/themes\/annuity-wp\/wp-json\/wp\/v2\/comments?post=220"}],"version-history":[{"count":0,"href":"https:\/\/e-merald.com\/themes\/annuity-wp\/wp-json\/wp\/v2\/pages\/220\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/e-merald.com\/themes\/annuity-wp\/wp-json\/wp\/v2\/pages\/217"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/e-merald.com\/themes\/annuity-wp\/wp-json\/wp\/v2\/media\/10"}],"wp:attachment":[{"href":"https:\/\/e-merald.com\/themes\/annuity-wp\/wp-json\/wp\/v2\/media?parent=220"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}