{
  "data": {
    "_customHTML": "<section class=\"content4\" group=\"Content\" mbr-class=\"{'mbr-fullscreen': fullScreen}\">\n    <mbr-parameters>\n        <header>Size</header>\n        <input type=\"checkbox\" title=\"Full Screen\" name=\"fullScreen\">\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"0\" condition=\"fullScreen == false\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"0\" condition=\"fullScreen == false\">\n        <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Title\" name=\"showTitle\" checked>\n       <header>Background</header>\n                <fieldset type=\"background\" name=\"bg\" parallax>\n\n            <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected>\n\n        </fieldset>\n\n        \n    </mbr-parameters>\n    \n    <div class=\"container z-depth-1 my-5 py-5\" mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n\n  <!-- Section -->\n    <h1 class=\"mbr-section-title mbr-fonts-style align-center mb-4\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title\" mbr-theme-style=\"display-2\">Our clients</h1>\n\n    <!-- Grid row -->\n    <div class=\"row\">\n\n      <!-- Grid column -->\n      <div class=\"col-md-6 col-lg-5 offset-lg-1\">\n\n        <div class=\"view\">\n          <img class=\"img-fluid mx-auto\" src=\"https://www.unsitepourtous.be/mobi/1.png\" alt=\"Sample image\">\n        </div>\n\n        <div class=\"view\">\n          <img class=\"img-fluid mx-auto\" src=\"https://www.unsitepourtous.be/mobi/2.png\" alt=\"Sample image\">\n        </div>\n\n        <div class=\"view\">\n          <img class=\"img-fluid mx-auto\" src=\"https://www.unsitepourtous.be/mobi/3.png\" alt=\"Sample image\">\n        </div>\n\n        <div class=\"view\">\n          <img class=\"img-fluid mx-auto\" src=\"https://www.unsitepourtous.be/mobi/4.png\" alt=\"Sample image\">\n        </div>\n\n      </div>\n      <!-- Grid column -->\n\n      <!-- Grid column -->\n      <div class=\"col-md-6 col-lg-5\">\n\n        <div class=\"view\">\n          <img class=\"img-fluid mx-auto\" src=\"https://www.unsitepourtous.be/mobi/5.png\" alt=\"Sample image\">\n        </div>\n\n        <div class=\"view\">\n          <img class=\"img-fluid mx-auto\" src=\"https://www.unsitepourtous.be/mobi/1.png\" alt=\"Sample image\">\n        </div>\n\n        <div class=\"view\">\n          <img class=\"img-fluid mx-auto\" src=\"https://www.unsitepourtous.be/mobi/6.png\" alt=\"Sample image\">\n        </div>\n\n        <div class=\"view\">\n          <img class=\"img-fluid mx-auto\" src=\"https://www.unsitepourtous.be/mobi/7.png\" alt=\"Sample image\">\n        </div>\n\n      </div>\n      <!-- Grid column -->\n\n    </div>\n    <!-- Grid row -->\n\n  </div></section>",
    "_styles": {	
	    "& when not (@fullScreen)": {
      "padding-top": "(@paddingTop * 1rem)",
      "padding-bottom": "(@paddingBottom * 1rem)"
    },
    "& when (@bg-type = 'color')": {
      "background-color": "@bg-value"
    },
    ".mbr-section-title": {
      "text-align": "center",
      "color": "#000000"
    }
	}
  }
}