{"id":3034,"date":"2015-02-03T01:46:28","date_gmt":"2015-02-03T07:46:28","guid":{"rendered":"http:\/\/theme.co\/x\/demo\/integrity\/10\/?page_id=3034"},"modified":"2016-04-29T11:19:56","modified_gmt":"2016-04-29T11:19:56","slug":"home","status":"publish","type":"page","link":"https:\/\/demo.theme.co\/integrity-1\/","title":{"rendered":"Home"},"content":{"rendered":"<div  class=\"x-visibility x-hidden-phone\" >\n  <div id=\"x-content-band-1\" class=\"x-content-band bg-image man\" data-x-element=\"content_band\" data-x-params=\"{&quot;type&quot;:&quot;image&quot;,&quot;parallax&quot;:false}\"  style=\"background-image: url(\/\/theme.co\/media\/x-home-5-bg-timeline-gray-right-comp.png); background-color: transparent;\"><div class=\"x-container max width\">\n    <div  class=\"x-column x-sm x-1-2\" style=\"\" >\n      <hr  class=\"x-gap\" style=\"margin: 21% 0 0 0;\">\n<h3 class=\"mvn tt-upper w-400 resp-h-timeline\">Stacks<\/h3>\n<p class=\"mts resp-p-timeline w-300\">Choose from multiple, completely unique designs built into one incredible theme &ndash; no additional setup required. There are currently four Stacks to choose from (with more in development). <a href=\"#holder\" title=\"Learn About the Stacks\">Tell me more&#8230;<\/a><\/p>\n<p>    <\/div>\n    <div  class=\"x-column x-sm center-text x-1-2 last\" style=\"opacity: 0; transform: translate(45px, 0); transition-duration: 750ms;\" data-x-element=\"column\" data-x-params=\"{&quot;fade&quot;:true}\"  data-fade=\"true\">\n      <img  class=\"x-img mbn\"  src=\"\/\/theme.co\/media\/x-home-5-timeline-stacks-comp.png\" alt=\"Stacks\">\n    <\/div>\n  <\/div><\/div>\n<\/div>\n<div  class=\"x-visibility x-visible-phone\" >\n  <div id=\"x-content-band-2\" class=\"x-content-band center-text man\" style=\"background-color: transparent;\"><div class=\"x-container max width\">\n<h3 class=\"mvn tt-upper w-400 resp-h-timeline\">Stacks<\/h3>\n<p class=\"mts resp-p-timeline w-300\">Choose from multiple, completely unique designs built into one incredible theme &ndash; no additional setup required. There are currently four Stacks to choose from (with more in development). <a href=\"#holder\" title=\"Learn About the Stacks\">Tell me more&#8230;<\/a><\/p>\n<p>    <img  class=\"x-img mbn\"  src=\"\/\/theme.co\/media\/x-home-5-timeline-stacks-comp.png\" alt=\"Stacks\">\n  <\/div><\/div>\n<\/div>\n<div  class=\"x-visibility x-hidden-phone\" >\n  <div id=\"x-content-band-3\" class=\"x-content-band bg-image\" data-x-element=\"content_band\" data-x-params=\"{&quot;type&quot;:&quot;image&quot;,&quot;parallax&quot;:false}\"  style=\"background-image: url(\/\/theme.co\/media\/x-home-5-bg-timeline-gray-left-comp.png); background-color: transparent; margin: -80px 0 0;\"><div class=\"x-container max width\">\n    <div  class=\"x-column x-sm center-text x-1-2\" style=\"opacity: 0; transform: translate(-45px, 0); transition-duration: 750ms;\" data-x-element=\"column\" data-x-params=\"{&quot;fade&quot;:true}\"  data-fade=\"true\">\n      <img  class=\"x-img mbn\"  src=\"\/\/theme.co\/media\/x-home-5-timeline-experts-comp.png\" alt=\"Experts\">\n    <\/div>\n    <div  class=\"x-column x-sm right-text x-1-2 last\" style=\"\" >\n      <hr  class=\"x-gap\" style=\"margin: 21% 0 0 0;\">\n<h3 class=\"mvn tt-upper w-400 resp-h-timeline\">Experts<\/h3>\n<p class=\"mts resp-p-timeline w-300\">We sought out the top internet marketing minds to share their expertise on building the ultimate theme. No other theme on the planet has this sort of brain power behind it. <a href=\"#holder\" title=\"Learn About the Experts\">Meet them&#8230;<\/a><\/p>\n<p>    <\/div>\n  <\/div><\/div>\n<\/div>\n<div  class=\"x-visibility x-visible-phone\" >\n  <div id=\"x-content-band-4\" class=\"x-content-band center-text man\" style=\"background-color: transparent;\"><div class=\"x-container max width\">\n<h3 class=\"mvn tt-upper w-400 resp-h-timeline\">Experts<\/h3>\n<p class=\"mts resp-p-timeline w-300\">We sought out the top internet marketing minds to share their expertise on building the ultimate theme. No other theme on the planet has this sort of brain power behind it. <a href=\"#holder\" title=\"Learn About the Experts\">Meet them&#8230;<\/a><\/p>\n<p>    <img  class=\"x-img mbn\"  src=\"\/\/theme.co\/media\/x-home-5-timeline-experts-comp.png\" alt=\"Experts\">\n  <\/div><\/div>\n<\/div>\n<div  class=\"x-visibility x-hidden-phone\" >\n  <div id=\"x-content-band-5\" class=\"x-content-band bg-image\" data-x-element=\"content_band\" data-x-params=\"{&quot;type&quot;:&quot;image&quot;,&quot;parallax&quot;:false}\"  style=\"background-image: url(\/\/theme.co\/media\/x-home-5-bg-timeline-gray-right-comp.png); background-color: transparent; margin: -80px 0 0;\"><div class=\"x-container max width\">\n    <div  class=\"x-column x-sm x-1-2\" style=\"\" >\n      <hr  class=\"x-gap\" style=\"margin: 21% 0 0 0;\">\n<h3 class=\"mvn tt-upper w-400 resp-h-timeline\">Customizer<\/h3>\n<p class=\"mts resp-p-timeline w-300\">Imagine being able to manage all aspects of your site using a live previewer so you can see exactly how that logo, font, or content layout will look before your publish. Now you can. <a href=\"#holder\" title=\"Learn About the Customizer\">Here&#8217;s how it works&#8230;<\/a><\/p>\n<p>    <\/div>\n    <div  class=\"x-column x-sm center-text x-1-2 last\" style=\"opacity: 0; transform: translate(45px, 0); transition-duration: 750ms;\" data-x-element=\"column\" data-x-params=\"{&quot;fade&quot;:true}\"  data-fade=\"true\">\n      <img  class=\"x-img mbn\"  src=\"\/\/theme.co\/media\/x-home-5-timeline-customizer-comp.png\" alt=\"Customizer\">\n    <\/div>\n  <\/div><\/div>\n<\/div>\n<div  class=\"x-visibility x-visible-phone\" >\n  <div id=\"x-content-band-6\" class=\"x-content-band center-text man\" style=\"background-color: transparent;\"><div class=\"x-container max width\">\n<h3 class=\"mvn tt-upper w-400 resp-h-timeline\">Customizer<\/h3>\n<p class=\"mts resp-p-timeline w-300\">Imagine being able to manage all aspects of your site using a live previewer so you can see exactly how that logo, font, or content layout will look before your publish. Now you can. <a href=\"#holder\" title=\"Learn About the Customizer\">Here&#8217;s how it works&#8230;<\/a><\/p>\n<p>    <img  class=\"x-img mbn\"  src=\"\/\/theme.co\/media\/x-home-5-timeline-customizer-comp.png\" alt=\"Customizer\">\n  <\/div><\/div>\n<\/div>\n<div id=\"x-content-band-7\" class=\"x-content-band custom-counter border-top border-bottom man\" style=\"background-color: #fff; padding-top: 85px; padding-bottom: 85px;\"><div class=\"x-container max width\">\n  <div  class=\"x-column x-sm x-1-4\" style=\"\" >\n    <div  class=\"x-counter\" data-x-element=\"counter\" data-x-params=\"{&quot;numEnd&quot;:4,&quot;numSpeed&quot;:1000}\"  ><div class=\"number-wrap w-h\" style=\"color: #272727;\"><span class=\"number\">0<\/span><\/div><span class=\"text-below\" >Stacks<\/span><\/div>\n  <\/div>\n  <div  class=\"x-visibility x-visible-phone\" >\n    <hr  class=\"x-gap\" style=\"margin: 35px 0 0 0;\">\n  <\/div>\n  <div  class=\"x-column x-sm x-1-4\" style=\"\" >\n    <div  class=\"x-counter\" data-x-element=\"counter\" data-x-params=\"{&quot;numEnd&quot;:10,&quot;numSpeed&quot;:1000}\"  ><div class=\"number-wrap w-h\" style=\"color: #272727;\"><span class=\"number\">0<\/span><\/div><span class=\"text-below\" >Experts<\/span><\/div>\n  <\/div>\n  <div  class=\"x-visibility x-visible-phone\" >\n    <hr  class=\"x-gap\" style=\"margin: 35px 0 0 0;\">\n  <\/div>\n  <div  class=\"x-column x-sm x-1-4\" style=\"\" >\n    <div  class=\"x-counter\" data-x-element=\"counter\" data-x-params=\"{&quot;numEnd&quot;:15,&quot;numSpeed&quot;:1000}\"  ><div class=\"number-wrap w-h\" style=\"color: #272727;\"><span class=\"number\">0<\/span><\/div><span class=\"text-below\" >Extensions<\/span><\/div>\n  <\/div>\n  <div  class=\"x-visibility x-visible-phone\" >\n    <hr  class=\"x-gap\" style=\"margin: 35px 0 0 0;\">\n  <\/div>\n  <div  class=\"x-column x-sm x-1-4 last\" style=\"\" >\n    <div  class=\"x-counter\" data-x-element=\"counter\" data-x-params=\"{&quot;numEnd&quot;:1,&quot;numSpeed&quot;:1000}\"  ><div class=\"number-wrap w-h\" style=\"color: #272727;\"><span class=\"number\">0<\/span><\/div><span class=\"text-below\" >Theme<\/span><\/div>\n  <\/div>\n<\/div><\/div>\n<div id=\"x-content-band-8\" class=\"x-content-band center-text bg-pattern man\" style=\"background-image: url(\/\/theme.co\/media\/x-home-main-header-2-bg.png); background-color: transparent; padding-top: 65px; padding-bottom: 0;\"><div class=\"x-container max width\">\n  <div  class=\"x-column x-sm x-1-1\" style=\"\" >\n    <div  class=\"x-container max width\" >\n      <h2  class=\"h-custom-headline resp-h tt-upper man\" ><span>Extensions<\/span><\/h2>\n      <hr  class=\"x-gap\" style=\"margin: 25px 0 0 0;\">\n<p class=\"resp-p man\">Extend the functionality of your X-powered site with our incredible Extensions. Custom WordPress plugins made by our team to work seamlessly with X. <strong>Get all of them for free with each verified purchase.<\/strong><\/p>\n<p>      <hr  class=\"x-gap\" style=\"margin: 25px 0 0 0;\">\n      <img src=\"\/\/theme.co\/media\/x-home-main-header-2a.png\" alt=\"Extensions\"><br \/>\n    <\/div>\n  <\/div>\n<\/div><\/div>\n<div id=\"x-content-band-9\" class=\"x-content-band custom-counter center-text bg-image man\" data-x-element=\"content_band\" data-x-params=\"{&quot;type&quot;:&quot;image&quot;,&quot;parallax&quot;:false}\"  style=\"background-image: url(\/\/theme.co\/media\/x-home-main-bg-community.jpg); background-color: #a1a1a1; padding-top: 15%; padding-bottom: 15%;\"><div class=\"x-container max width\">\n  <div  class=\"x-container max width\" >\n    <div  class=\"x-column x-sm x-1-1 last\" style=\"opacity: 0; transform: translate(0, 45px); transition-duration: 750ms;\" data-x-element=\"column\" data-x-params=\"{&quot;fade&quot;:true}\"  data-fade=\"true\">\n<h2 class=\"resp-h tt-upper mtn\" style=\"color: #fff\">Thriving<br \/><span class=\"w-700\">Community<\/span><\/h2>\n<p class=\"resp-p\" style=\"color: #fff\">Having the best product on the market is one thing&#8230;having the best community on the market takes things to a whole &#8216;nutha level! Get ready to make yourself at home with our active and engaged community.<\/p>\n<p>      <div  class=\"x-counter\" data-x-element=\"counter\" data-x-params=\"{&quot;numEnd&quot;:100000,&quot;numSpeed&quot;:1500}\"  ><div class=\"number-wrap w-h\" style=\"color: #fff;\"><span class=\"number\">0<\/span><span class=\"suffix\">+<\/span><\/div><span class=\"text-below\" style=\"color: #fff;\">Members<\/span><\/div>\n    <\/div>\n  <\/div>\n<\/div><\/div>\n<div id=\"x-content-band-10\" class=\"x-content-band center-text bg-image parallax man\" data-x-element=\"content_band\" data-x-params=\"{&quot;type&quot;:&quot;image&quot;,&quot;parallax&quot;:true}\"  style=\"background-image: url(\/\/theme.co\/media\/x-home-5-bg-band-1-comp.png); background-color: transparent; padding-top: 13%; padding-bottom: 13%;\"><div class=\"x-container max width\">\n  <div  class=\"x-container max width\" >\n    <div  class=\"x-column x-sm x-1-1 last\" style=\"opacity: 0;transition-duration: 750ms;\" data-x-element=\"column\" data-x-params=\"{&quot;fade&quot;:true}\"  data-fade=\"true\">\n<p style=\"color: #fff\" class=\"man resp-p w-300\">With over 600 custom typography choices, you have complete control over every facet of your site&#8217;s type styles including body, heading, navigation, logo color, font weight, size, and more. In addition, our dynamic font loader pulls through every weight and style available for each font and then only loads your specific selection to keep load times quick.<\/p>\n<p>    <\/div>\n  <\/div>\n<\/div><\/div>\n<div id=\"x-content-band-11\" class=\"x-content-band border-top border-bottom man\" style=\"background-color: #fff;\"><div class=\"x-container max width\">\n  <h2  class=\"h-custom-headline resp-h tt-upper mvn center-text accent\" ><span>Unlimited Layouts<\/span><\/h2>\n<\/div><\/div>\n<div id=\"x-content-band-12\" class=\"x-content-band man\" style=\"background-color: transparent; padding-top: 60px; padding-bottom: 60px;\"><div class=\"x-container max width\">\n  <div  class=\"x-container max width center-text\" >\n    <div  class=\"x-column x-sm x-1-3\" style=\"\" >\n      <h3  class=\"h-feature-headline mtn mbs h5\" ><span><i class=\"x-icon-arrow-up\" data-x-icon-s=\"&#xf062;\" ><\/i>Fixed or Static Top<\/span><\/h3>\n      <img  class=\"x-img center-block x-img-thumbnail\"  src=\"\/\/theme.co\/media\/x-home-5-layouts-navbar-top-comp.png\" alt=\"Navbar Top\">\n      <hr  class=\"x-gap\" style=\"margin: 50px 0 0 0;\">\n      <h3  class=\"h-feature-headline mtn mbs h5\" ><span><i class=\"x-icon-arrow-left\" data-x-icon-s=\"&#xf060;\" ><\/i>Fixed Left<\/span><\/h3>\n      <img  class=\"x-img center-block x-img-thumbnail\"  src=\"\/\/theme.co\/media\/x-home-5-layouts-navbar-left-comp.png\" alt=\"Navbar Left\">\n      <hr  class=\"x-gap\" style=\"margin: 50px 0 0 0;\">\n      <h3  class=\"h-feature-headline mtn mbs h5\" ><span><i class=\"x-icon-arrow-right\" data-x-icon-s=\"&#xf061;\" ><\/i>Fixed Right<\/span><\/h3>\n      <img  class=\"x-img mbn center-block x-img-thumbnail\"  src=\"\/\/theme.co\/media\/x-home-5-layouts-navbar-right-comp.png\" alt=\"Navbar Right\">\n    <\/div>\n    <div  class=\"x-visibility x-visible-phone\" >\n      <hr  class=\"x-gap\" style=\"margin: 50px 0 0 0;\">\n    <\/div>\n    <div  class=\"x-column x-sm x-1-3\" style=\"\" >\n      <h3  class=\"h-feature-headline mtn mbs h5\" ><span><i class=\"x-icon-compress\" data-x-icon-s=\"&#xf066;\" ><\/i>Boxed<\/span><\/h3>\n      <img  class=\"x-img center-block x-img-thumbnail\"  src=\"\/\/theme.co\/media\/x-home-5-layouts-site-boxed-comp.png\" alt=\"Boxed\">\n      <hr  class=\"x-gap\" style=\"margin: 50px 0 0 0;\">\n      <h3  class=\"h-feature-headline mtn mbs h5\" ><span><i class=\"x-icon-expand\" data-x-icon-s=\"&#xf065;\" ><\/i>Fullwidth<\/span><\/h3>\n      <img  class=\"x-img center-block x-img-thumbnail\"  src=\"\/\/theme.co\/media\/x-home-5-layouts-site-fullwidth-comp.png\" alt=\"Fullwidth\">\n      <hr  class=\"x-gap\" style=\"margin: 50px 0 0 0;\">\n      <h3  class=\"h-feature-headline mtn mbs h5\" ><span><i class=\"x-icon-cloud\" data-x-icon-s=\"&#xf0c2;\" ><\/i>The Sky&#8217;s The Limit<\/span><\/h3>\n      <img  class=\"x-img mbn center-block x-img-thumbnail\"  src=\"\/\/theme.co\/media\/x-home-5-layouts-site-sky-comp.png\" alt=\"The Sky's The Limit\">\n    <\/div>\n    <div  class=\"x-visibility x-visible-phone\" >\n      <hr  class=\"x-gap\" style=\"margin: 50px 0 0 0;\">\n    <\/div>\n    <div  class=\"x-column x-sm x-1-3 last\" style=\"\" >\n      <h3  class=\"h-feature-headline mtn mbs h5\" ><span><i class=\"x-icon-columns\" data-x-icon-s=\"&#xf0db;\" ><\/i>Content \/ Sidebar<\/span><\/h3>\n      <img  class=\"x-img center-block x-img-thumbnail\"  src=\"\/\/theme.co\/media\/x-home-5-layouts-content-sidebar-right-comp.png\" alt=\"Content \/ Sidebar\">\n      <hr  class=\"x-gap\" style=\"margin: 50px 0 0 0;\">\n      <h3  class=\"h-feature-headline mtn mbs h5\" ><span><i class=\"x-icon-columns\" data-x-icon-s=\"&#xf0db;\" ><\/i>Sidebar \/ Content<\/span><\/h3>\n      <img  class=\"x-img center-block x-img-thumbnail\"  src=\"\/\/theme.co\/media\/x-home-5-layouts-content-sidebar-left-comp.png\" alt=\"Sidebar \/ Content\">\n      <hr  class=\"x-gap\" style=\"margin: 50px 0 0 0;\">\n      <h3  class=\"h-feature-headline mtn mbs h5\" ><span><i class=\"x-icon-list-alt\" data-x-icon-s=\"&#xf022;\" ><\/i>No Sidebar<\/span><\/h3>\n      <img  class=\"x-img mbn center-block x-img-thumbnail\"  src=\"\/\/theme.co\/media\/x-home-5-layouts-site-boxed-comp.png\" alt=\"No Sidebar\">\n    <\/div>\n    <hr  class=\"x-clear\" >\n    <hr  class=\"x-gap\" style=\"margin: 50px 0 0 0;\">\n<p class=\"man resp-p w-300\"><i  class=\"x-icon x-icon-thumbs-up\" data-x-icon-s=\"&#xf164;\" aria-hidden=\"true\"><\/i> DON&#8217;T FORGET: Thanks to our Customizer, you have the option to make each element the perfect size. Big static menu at the top? You bet. Small fixed menu on the right? No problem. Big content area and small sidebar? Absolutely.<\/p>\n<p>  <\/div>\n<\/div><\/div>\n<div id=\"x-content-band-13\" class=\"x-content-band center-text bg-image marginless-columns man\" data-x-element=\"content_band\" data-x-params=\"{&quot;type&quot;:&quot;image&quot;,&quot;parallax&quot;:false}\"  style=\"background-image: url(\/\/theme.co\/media\/x-home-main-bg-marginless-columns.jpg); background-color: #fff; padding-top: 0; padding-bottom: 0; color: #fff;\"><div class=\"x-container\">\n  <div  class=\"x-column x-sm x-1-3\" style=\"padding: 25px 35px 35px; background-color: rgba(255, 153, 0, 0.85);\" >\n    <i  class=\"x-icon x-icon-institution\" style=\"text-align: center;      font-size: 28px;\" data-x-icon-s=\"&#xf19c;\" aria-hidden=\"true\"><\/i>\n    <hr  class=\"x-gap\" style=\"margin: 6px 0 0 0;\">\n<h3 class=\"man w-400\" style=\"color: #fff\">These Columns<\/h3>\n<p>    <hr  class=\"x-gap\" style=\"margin: 15px 0 0 0;\">\n<p class=\"man\">Like the look of this section? These are X&#8217;s &#8220;marginless columns,&#8221; a nifty little feature we&#8217;ve included which allows users to easily achieve creative layouts that would otherwise be very difficult to implement on your own. We&#8217;ve taken care of all the heavy lifting, you just get to sit back and create.<\/p>\n<p>  <\/div>\n  <div  class=\"x-column x-sm x-1-3\" style=\"padding: 25px 35px 35px; background-color: rgba(255, 72, 15, 0.85);\" >\n    <i  class=\"x-icon x-icon-check-circle-o\" style=\"text-align: center;      font-size: 28px;\" data-x-icon-o=\"&#xf058;\" aria-hidden=\"true\"><\/i>\n    <hr  class=\"x-gap\" style=\"margin: 6px 0 0 0;\">\n<h3 class=\"man w-400\" style=\"color: #fff\">Are Super Cool<\/h3>\n<p>    <hr  class=\"x-gap\" style=\"margin: 15px 0 0 0;\">\n<p class=\"man\">Marginless columns look best with an equal amount of padding on the inside of each column and a background color to see the structure of each element. The way these differ from our standard columns is that they have no margin (go figure), meaning there is no spacing between each column. Additionally, you&#8217;ll notice that each column is the same height even though the content for each column is a different height.<\/p>\n<p>  <\/div>\n  <div  class=\"x-column x-sm x-1-3\" style=\"padding: 25px 35px 35px; background-color: rgba(46, 158, 255, 0.85);\" >\n    <i  class=\"x-icon x-icon-cubes\" style=\"text-align: center;      font-size: 28px;\" data-x-icon-s=\"&#xf1b3;\" aria-hidden=\"true\"><\/i>\n    <hr  class=\"x-gap\" style=\"margin: 6px 0 0 0;\">\n<h3 class=\"man w-400\" style=\"color: #fff\">And Marginless<\/h3>\n<p>    <hr  class=\"x-gap\" style=\"margin: 15px 0 0 0;\">\n<p class=\"man\">These columns are still completely responsive like our standard columns, meaning they will go fullwidth on smaller screens and stack one on top of the other. We&#8217;re excited to bring this ability to our users and look forward to seeing what you create with it!<\/p>\n<p>  <\/div>\n<\/div><\/div>\n<div id=\"x-content-band-14\" class=\"x-content-band border-top border-bottom man\" style=\"background-color: #fff;\"><div class=\"x-container max width\">\n  <h2  class=\"h-custom-headline resp-h tt-upper mvn center-text accent\" ><span>Incredible Shortcodes<\/span><\/h2>\n<\/div><\/div>\n<div id=\"x-content-band-15\" class=\"x-content-band bg-image parallax man\" data-x-element=\"content_band\" data-x-params=\"{&quot;type&quot;:&quot;image&quot;,&quot;parallax&quot;:true}\"  style=\"background-image: url(\/\/theme.co\/media\/x-bg-shortcodes.jpg); background-color: transparent;\"><div class=\"x-container\">\n  <div  class=\"x-container max width container-pages-shortcodes\" >\n    <div  class=\"x-column x-sm center-text x-2-3 last\" style=\"opacity: 0; transform: translate(-45px, 0); transition-duration: 750ms;\" data-x-element=\"column\" data-x-params=\"{&quot;fade&quot;:true}\"  data-fade=\"true\">\n<p class=\"p-pages\">In addition to all of the standard shortcodes you\u2019ve come to expect in a premium WordPress theme, we\u2019ve developed some amazing new shortcodes like Responsive Visibility<\/a> (only show certain things on certain devices) and a Table of Contents (a great way to increase pageviews, which Google loves).<\/p>\n<p>      <div  class=\"x-btn-circle-wrap mbn x-btn-jumbo\" ><a class=\"x-btn x-btn-rounded x-btn-jumbo\" href=\"https:\/\/theme.co\/x\/demo\/integrity\/1\/shortcodes\/accordion\/\" title=\"See Them All\"  data-x-element=\"extra\" data-x-params=\"{&quot;type&quot;:&quot;popover&quot;,&quot;trigger&quot;:&quot;hover&quot;,&quot;placement&quot;:&quot;top&quot;,&quot;title&quot;:&quot;&quot;,&quot;content&quot;:&quot;View working examples of all Shortcodes and don&#039;t forget that each Stack has their own unique designs for each Shortcode. Get creative and use them together in virtually any combination.&quot;}\"   data-options=\"thumbnail: ''\">See the Shortcodes!<\/a><\/div>\n    <\/div>\n  <\/div>\n<\/div><\/div>\n<div id=\"x-content-band-16\" class=\"x-content-band border-top border-bottom man\" style=\"background-color: #fff;\"><div class=\"x-container max width\">\n  <h2  class=\"h-custom-headline resp-h tt-upper mvn center-text accent\" ><span>Stack Styles<\/span><\/h2>\n<\/div><\/div>\n<div  class=\"x-visibility x-hidden-phone\" >\n  <div id=\"x-content-band-17\" class=\"x-content-band bg-image man\" data-x-element=\"content_band\" data-x-params=\"{&quot;type&quot;:&quot;image&quot;,&quot;parallax&quot;:false}\"  style=\"background-image: url(\/\/theme.co\/media\/x-home-5-bg-styles-integrity-comp.png); background-color: transparent; padding-top: 80px;\"><div class=\"x-container max width\">\n    <div  class=\"x-column x-sm x-1-2\" style=\"padding-right: 7%;opacity: 0; transform: translate(-45px, 0); transition-duration: 750ms;\" data-x-element=\"column\" data-x-params=\"{&quot;fade&quot;:true}\"  data-fade=\"true\">\n      <img  class=\"x-img mbn x-img-thumbnail\"  src=\"\/\/theme.co\/media\/x-home-5-styles-integrity-blog.jpg\" alt=\"Integrity Blog\">\n    <\/div>\n    <div  class=\"x-column x-sm x-1-2 last\" style=\"padding-left: 7%;opacity: 0; transform: translate(45px, 0); transition-duration: 750ms;\" data-x-element=\"column\" data-x-params=\"{&quot;fade&quot;:true}\"  data-fade=\"true\">\n      <img  class=\"x-img mbn x-img-thumbnail\"  src=\"\/\/theme.co\/media\/x-home-5-styles-integrity-portfolio.jpg\" alt=\"Integrity Portfolio\">\n    <\/div>\n  <\/div><\/div>\n  <div id=\"x-content-band-18\" class=\"x-content-band bg-image man\" data-x-element=\"content_band\" data-x-params=\"{&quot;type&quot;:&quot;image&quot;,&quot;parallax&quot;:false}\"  style=\"background-image: url(\/\/theme.co\/media\/x-home-5-bg-styles-renew-comp.png); background-color: transparent;\"><div class=\"x-container max width\">\n    <div  class=\"x-column x-sm x-1-2\" style=\"padding-right: 7%;opacity: 0; transform: translate(-45px, 0); transition-duration: 750ms;\" data-x-element=\"column\" data-x-params=\"{&quot;fade&quot;:true}\"  data-fade=\"true\">\n      <img  class=\"x-img mbn x-img-thumbnail\"  src=\"\/\/theme.co\/media\/x-home-5-styles-renew-blog.jpg\" alt=\"Renew Blog\">\n    <\/div>\n    <div  class=\"x-column x-sm x-1-2 last\" style=\"padding-left: 7%;opacity: 0; transform: translate(45px, 0); transition-duration: 750ms;\" data-x-element=\"column\" data-x-params=\"{&quot;fade&quot;:true}\"  data-fade=\"true\">\n      <img  class=\"x-img mbn x-img-thumbnail\"  src=\"\/\/theme.co\/media\/x-home-5-styles-renew-portfolio.jpg\" alt=\"Renew Portfolio\">\n    <\/div>\n  <\/div><\/div>\n  <div id=\"x-content-band-19\" class=\"x-content-band bg-image man\" data-x-element=\"content_band\" data-x-params=\"{&quot;type&quot;:&quot;image&quot;,&quot;parallax&quot;:false}\"  style=\"background-image: url(\/\/theme.co\/media\/x-home-5-bg-styles-icon-comp.png); background-color: transparent; padding-bottom: 80px;\"><div class=\"x-container max width\">\n    <div  class=\"x-column x-sm x-1-2\" style=\"padding-right: 7%;opacity: 0; transform: translate(-45px, 0); transition-duration: 750ms;\" data-x-element=\"column\" data-x-params=\"{&quot;fade&quot;:true}\"  data-fade=\"true\">\n      <img  class=\"x-img mbn x-img-thumbnail\"  src=\"\/\/theme.co\/media\/x-home-5-styles-icon-blog.jpg\" alt=\"Icon Blog\">\n    <\/div>\n    <div  class=\"x-column x-sm x-1-2 last\" style=\"padding-left: 7%;opacity: 0; transform: translate(45px, 0); transition-duration: 750ms;\" data-x-element=\"column\" data-x-params=\"{&quot;fade&quot;:true}\"  data-fade=\"true\">\n      <img  class=\"x-img mbn x-img-thumbnail\"  src=\"\/\/theme.co\/media\/x-home-5-styles-icon-portfolio.jpg\" alt=\"Icon Portfolio\">\n    <\/div>\n  <\/div><\/div>\n  <div id=\"x-content-band-20\" class=\"x-content-band bg-image man\" data-x-element=\"content_band\" data-x-params=\"{&quot;type&quot;:&quot;image&quot;,&quot;parallax&quot;:false}\"  style=\"background-image: url(\/\/theme.co\/media\/x-home-5-bg-styles-ethos-comp.png); background-color: transparent; padding-bottom: 80px;\"><div class=\"x-container max width\">\n    <div  class=\"x-column x-sm x-1-2\" style=\"padding-right: 7%;opacity: 0; transform: translate(-45px, 0); transition-duration: 750ms;\" data-x-element=\"column\" data-x-params=\"{&quot;fade&quot;:true}\"  data-fade=\"true\">\n      <img  class=\"x-img mbn x-img-thumbnail\"  src=\"\/\/theme.co\/media\/x-home-5-styles-ethos-blog.jpg\" alt=\"Ethos Blog\">\n    <\/div>\n    <div  class=\"x-column x-sm x-1-2 last\" style=\"padding-left: 7%;opacity: 0; transform: translate(45px, 0); transition-duration: 750ms;\" data-x-element=\"column\" data-x-params=\"{&quot;fade&quot;:true}\"  data-fade=\"true\">\n      <img  class=\"x-img mbn x-img-thumbnail\"  src=\"\/\/theme.co\/media\/x-home-5-styles-ethos-megamenus.jpg\" alt=\"Ethos Megamenus\">\n    <\/div>\n  <\/div><\/div>\n<\/div>\n<div  class=\"x-visibility x-visible-phone\" >\n  <div id=\"x-content-band-21\" class=\"x-content-band center-text man\" style=\"background-color: transparent; padding-top: 40px; padding-bottom: 40px;\"><div class=\"x-container max width\">\n    <img  class=\"x-img mbn x-img-thumbnail\"  src=\"\/\/theme.co\/media\/x-home-5-styles-integrity-blog.jpg\" alt=\"Integrity Blog\">\n    <hr  class=\"x-gap\" style=\"margin: 40px 0 0 0;\">\n    <img  class=\"x-img mbn x-img-thumbnail\"  src=\"\/\/theme.co\/media\/x-home-5-styles-integrity-portfolio.jpg\" alt=\"Integrity Portfolio\">\n    <hr  class=\"x-gap\" style=\"margin: 40px 0 0 0;\">\n    <img  class=\"x-img mbn x-img-thumbnail\"  src=\"\/\/theme.co\/media\/x-home-5-styles-renew-blog.jpg\" alt=\"Renew Blog\">\n    <hr  class=\"x-gap\" style=\"margin: 40px 0 0 0;\">\n    <img  class=\"x-img mbn x-img-thumbnail\"  src=\"\/\/theme.co\/media\/x-home-5-styles-renew-portfolio.jpg\" alt=\"Renew Portfolio\">\n    <hr  class=\"x-gap\" style=\"margin: 40px 0 0 0;\">\n    <img  class=\"x-img mbn x-img-thumbnail\"  src=\"\/\/theme.co\/media\/x-home-5-styles-icon-blog.jpg\" alt=\"Icon Blog\">\n    <hr  class=\"x-gap\" style=\"margin: 40px 0 0 0;\">\n    <img  class=\"x-img mbn x-img-thumbnail\"  src=\"\/\/theme.co\/media\/x-home-5-styles-icon-portfolio.jpg\" alt=\"Icon Portfolio\">\n  <\/div><\/div>\n<\/div>\n<div id=\"x-content-band-22\" class=\"x-content-band center-text border-top border-bottom man\" style=\"background-color: #fff;\"><div class=\"x-container max width\">\n  <div  class=\"x-container max width\" >\n    <div  class=\"x-column x-sm x-1-1 last\" style=\"opacity: 0;transition-duration: 750ms;\" data-x-element=\"column\" data-x-params=\"{&quot;fade&quot;:true}\"  data-fade=\"true\">\n      <hr  class=\"x-gap\" style=\"margin: 5% 0 0 0;\">\n<p class=\"man resp-p w-300\"><i  class=\"x-icon x-icon-thumbs-up\" data-x-icon-s=\"&#xf164;\" aria-hidden=\"true\"><\/i> PRO TIP: While each Stack has its own unique look and feel, each and every element from background to font to layout can be fully customized to your heart&#8217;s content. <strong>Multiple designs and unlimited styling<\/strong> &#8211; it doesn&#8217;t get better!<\/p>\n<p>      <hr  class=\"x-gap\" style=\"margin: 5% 0 0 0;\">\n    <\/div>\n  <\/div>\n<\/div><\/div>\n<div id=\"x-content-band-23\" class=\"x-content-band bg-image border-top man\" data-x-element=\"content_band\" data-x-params=\"{&quot;type&quot;:&quot;image&quot;,&quot;parallax&quot;:false}\"  style=\"background-image: url(\/\/theme.co\/media\/x-home-5-bg-band-2.jpg); background-color: #272727; padding-top: 8%; padding-bottom: 8%;\"><div class=\"x-container max width\">\n  <div  class=\"x-container max width center-text\" >\n    <div  class=\"x-column x-sm x-1-1 last\" style=\"opacity: 0;transition-duration: 750ms;\" data-x-element=\"column\" data-x-params=\"{&quot;fade&quot;:true}\"  data-fade=\"true\">\n      <a  class=\"x-btn mbm x-btn-jumbo\"  href=\"https:\/\/theme.co\/x\/go\/join.php\" title=\"Place Title Here\" target=\"_blank\" rel=\"\"   data-options=\"thumbnail: ''\"><i  class=\"x-icon x-icon-star-o\" data-x-icon-o=\"&#xf005;\" aria-hidden=\"true\"><\/i> Get Instant Access<\/a>\n<p style=\"color: #fff\" class=\"man resp-p w-300\">Now is the time! Pick up your copy of the ultimate WordPress theme today.<\/p>\n<p>    <\/div>\n  <\/div>\n<\/div><\/div>\n<span id=\"x-responsive-text-1\" data-x-element=\"responsive_text\" data-x-params=\"{&quot;selector&quot;:&quot;.resp-h&quot;,&quot;compression&quot;:&quot;1.35&quot;,&quot;minFontSize&quot;:&quot;36px&quot;,&quot;maxFontSize&quot;:&quot;64px&quot;}\" ><\/span>\n<span id=\"x-responsive-text-2\" data-x-element=\"responsive_text\" data-x-params=\"{&quot;selector&quot;:&quot;.resp-h-timeline&quot;,&quot;compression&quot;:&quot;0.85&quot;,&quot;minFontSize&quot;:&quot;28px&quot;,&quot;maxFontSize&quot;:&quot;54px&quot;}\" ><\/span>\n<span id=\"x-responsive-text-3\" data-x-element=\"responsive_text\" data-x-params=\"{&quot;selector&quot;:&quot;.resp-p&quot;,&quot;compression&quot;:&quot;2.65&quot;,&quot;minFontSize&quot;:&quot;18px&quot;,&quot;maxFontSize&quot;:&quot;21px&quot;}\" ><\/span>\n<span id=\"x-responsive-text-4\" data-x-element=\"responsive_text\" data-x-params=\"{&quot;selector&quot;:&quot;.resp-p-timeline&quot;,&quot;compression&quot;:&quot;2.35&quot;,&quot;minFontSize&quot;:&quot;16px&quot;,&quot;maxFontSize&quot;:&quot;24px&quot;}\" ><\/span>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":16,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-blank-4.php","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0},"_links":{"self":[{"href":"https:\/\/demo.theme.co\/integrity-1\/wp-json\/wp\/v2\/pages\/3034"}],"collection":[{"href":"https:\/\/demo.theme.co\/integrity-1\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.theme.co\/integrity-1\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.theme.co\/integrity-1\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.theme.co\/integrity-1\/wp-json\/wp\/v2\/comments?post=3034"}],"version-history":[{"count":2,"href":"https:\/\/demo.theme.co\/integrity-1\/wp-json\/wp\/v2\/pages\/3034\/revisions"}],"predecessor-version":[{"id":7843,"href":"https:\/\/demo.theme.co\/integrity-1\/wp-json\/wp\/v2\/pages\/3034\/revisions\/7843"}],"wp:attachment":[{"href":"https:\/\/demo.theme.co\/integrity-1\/wp-json\/wp\/v2\/media?parent=3034"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}