[
    {
        "thumbnail": "preview/basic-01.png",
        "category": "120",
        "googleFonts": [],
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-light-text is-box\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url(/placeholders/square.jpg);\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> <div class=\"is-overlay-color\"></div> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered is-opacity-95\"> <div class=\"is-container is-builder container is-content-800\"> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"display\"> <h1>Lorem Ipsum is simply dummy text</h1> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/basic-02.png",
        "category": "120",
        "googleFonts": [],
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-800\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1>Lorem Ipsum is dummy text</h1> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/basic-03.png",
        "category": "120",
        "googleFonts": [],
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box-4 is-box-img is-box\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url(/placeholders/square.jpg);\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> <div class=\"is-overlay-color\"></div> <div class=\"is-overlay-content\"></div> </div> </div> <div class=\"is-box-8 is-box\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder is-content-640 container\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1>Lorem Ipsum is simply dummy text of the printing industry</h1> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/basic-04.png",
        "category": "120",
        "googleFonts": [],
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box-8 is-box\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder is-content-640 container\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1>Lorem Ipsum is simply dummy text of the printing industry</h1> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> </div> </div> </div> </div> </div> <div class=\"is-box-4 is-box-img is-box\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url(/placeholders/square.jpg);\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> <div class=\"is-overlay-color\"></div> <div class=\"is-overlay-content\"></div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/basic-05.png",
        "category": "120",
        "googleFonts": [],
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box-6 is-light-text is-box\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url(/placeholders/square.jpg);\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> <div class=\"is-overlay-color\"></div> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered is-opacity-90\"> <div class=\"is-container is-builder is-content-500 container\"> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"display\"> <h1>Lorem Ipsum is dummy text</h1> <p>Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> </div> </div> </div> </div> </div> </div> <div class=\"is-box-6 is-box\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder is-content-500 container\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1>Lorem Ipsum is simply dummy text</h1> <p>Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/basic-06.png",
        "category": "120",
        "googleFonts": [],
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box-6 is-box\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder is-content-500 container\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1>Lorem Ipsum is simply dummy text</h1> <p>Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> </div> </div> </div> </div> </div> <div class=\"is-box-6 is-light-text is-box\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url(/placeholders/square.jpg);\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> <div class=\"is-overlay-color\"></div> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered is-opacity-90\"> <div class=\"is-container is-builder is-content-500 container\"> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"display\"> <h1>Lorem Ipsum is dummy text</h1> <p>Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/basic-15.png",
        "category": "120",
        "googleFonts": [],
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box-4 is-light-text is-box\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url(/placeholders/square.jpg);\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> <div class=\"is-overlay-color\"></div> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered is-opacity-90 is-content-bottom\"> <div class=\"is-container is-builder is-content-500 container\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h2>Lorem Ipsum</h2> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p> </div> </div> </div> </div> </div> </div> <div class=\"is-box-4 is-light-text is-box\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url(/placeholders/square.jpg);\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> <div class=\"is-overlay-color\"></div> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered is-opacity-90 is-content-bottom\"> <div class=\"is-container is-builder is-content-500 container\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h2>Lorem Ipsum</h2> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p> </div> </div> </div> </div> </div> </div> <div class=\"is-box-4 is-light-text is-box\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url(/placeholders/square.jpg);\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> <div class=\"is-overlay-color\"></div> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered is-opacity-90 is-content-bottom\"> <div class=\"is-container is-builder is-content-500 container\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h2>Lorem Ipsum</h2> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/basic-16.png",
        "category": "120",
        "googleFonts": [],
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box-6 is-light-text is-box\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url(/placeholders/square.jpg);\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> <div class=\"is-overlay-color\"></div> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered is-opacity-90 is-content-bottom\"> <div class=\"is-container is-builder is-content-500 container\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h2>Lorem Ipsum is simply dummy text</h2> <p>Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book</p> </div> </div> </div> </div> </div> </div> <div class=\"is-box-6 is-light-text is-box\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url(/placeholders/square.jpg);\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> <div class=\"is-overlay-color\"></div> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered is-opacity-90 is-content-bottom\"> <div class=\"is-container is-builder is-content-500 container\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h2>Lorem Ipsum is simply dummy text</h2> <p>Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book</p> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/basic-17.png",
        "category": "120",
        "googleFonts": [],
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-boxed-layout is-box\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url(/placeholders/square.jpg);\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> <div class=\"is-overlay-color\"></div> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered is-opacity-90\"> <div class=\"is-container is-builder is-content-1100 container\"> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"display\"> <h1>Lorem Ipsum is simply dummy text of the printing industry</h1> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/basic-07.png",
        "category": "120",
        "googleFonts": [],
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-stretch is-box\"> <div> <div class=\"is-module\"></div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/basic-08.png",
        "category": "120",
        "googleFonts": [],
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container container\"> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"is-module\"></div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/basic-09.png",
        "category": "120",
        "googleFonts": [],
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box-4 is-box-img is-box\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url(/placeholders/square.jpg);\"></div> <div class=\"is-overlay-color\"></div> <div class=\"is-overlay-content\"></div> </div> </div> <div class=\"is-box-8 is-box\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-content-800 container\"> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"is-module\"></div> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/basic-10.png",
        "category": "120",
        "googleFonts": [],
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box-8 is-box\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-content-800 container\"> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"is-module\"></div> </div> </div> </div> </div> </div> </div> <div class=\"is-box-4 is-box-img is-box\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url(/placeholders/square.jpg);\"></div> <div class=\"is-overlay-color\"></div> <div class=\"is-overlay-content\"></div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/basic-11.png",
        "category": "120",
        "googleFonts": [],
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box-6 is-light-text is-box\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url(/placeholders/square.jpg);\"></div> <div class=\"is-overlay-color\"></div> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered is-opacity-95\"> <div class=\"is-container is-builder is-content-640 container\"> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"display\"> <h1 style=\"margin:0.2em 0\">Lorem Ipsum is dummy text</h1> </div> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> </div> </div> </div> </div> </div> <div class=\"is-box-6 is-box\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-content-640 container\"> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"is-module\"></div> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/basic-12.png",
        "category": "120",
        "googleFonts": [],
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box-6 is-box\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-content-640 container\"> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"is-module\"></div> </div> </div> </div> </div> </div> </div> <div class=\"is-box-6 is-light-text is-box\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url(/placeholders/square.jpg);\"></div> <div class=\"is-overlay-color\"></div> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered is-opacity-95\"> <div class=\"is-container is-builder is-content-640 container\"> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"display\"> <h1 style=\"margin:0.2em 0\">Lorem Ipsum is dummy text</h1> </div> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/basic-13.png",
        "category": "120",
        "googleFonts": [],
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box-7 is-bg-light is-box\"> <div class=\"is-boxes\"> <div class=\"is-box-centered is-content-top\"> <div class=\"is-container is-builder is-content-800 container\"> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"display\"> <h1 style=\"margin:0.2em 0\">Lorem Ipsum is simply dummy text of the printing industry</h1> </div> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> </div> </div> </div> </div> </div> <div class=\"is-box-5 is-bg-grey is-box\"> <div class=\"is-boxes\"> <div class=\"is-box-centered is-content-top\"> <div class=\"is-container is-content-500 container\"> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"is-placeholder\"></div> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/basic-14.png",
        "category": "120",
        "googleFonts": [],
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box-5 is-bg-grey is-box\"> <div class=\"is-boxes\"> <div class=\"is-box-centered is-content-top\"> <div class=\"is-container is-content-500 container\"> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"is-placeholder\"></div> </div> </div> </div> </div> </div> </div> <div class=\"is-box-7 is-bg-light is-box\"> <div class=\"is-boxes\"> <div class=\"is-box-centered is-content-top\"> <div class=\"is-container is-builder is-content-800 container\"> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"display\"> <h1 style=\"margin:0.2em 0\">Lorem Ipsum is simply dummy text of the printing industry</h1> </div> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/header-47.png",
        "category": "101",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-dark-text is-box-6\" style=\"background-color: rgb(248, 248, 248);\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-left edge-x-1\" style=\"max-width: 525px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-38\" style=\"letter-spacing: 2px; font-weight: bold;\">We design & build awesome products that make a difference.</h1> <p class=\"size-16\" style=\"text-transform: uppercase; letter-spacing: 3px;\">with less stuff, more meaning</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div style=\"margin:10px 0\"><a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-rounded-30 is-btn-small\">Contact Us</a></div> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-dark-text is-box-6\" style=\"background-color: rgb(248, 248, 248);\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-boxes\" style=\"min-height:auto\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" nogrid style=\"max-width: 656px;margin-top:0;margin-bottom:0;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <div style=\"position: relative;height: 30vw;\"> <div style=\"position: absolute;z-index: 0;width: 30vw;left: -13vw;top: 5vw;\"> <img alt=\"\" src=\"/placeholders/square.jpg\" style=\"width: 100%; transform: translateX(0px); opacity: 1;\" data-100-bottom=\"transform:translateX(110px);opacity:0;\" data-center=\"transform:translateX(0px);opacity:1;\"> </div> <div style=\"position: absolute;z-index: 100;width: 48vw;left: 6vw;top: 1vw;\"> <img alt=\"\" src=\"/placeholders/square.jpg\" style=\"margin: 0px; transform: translateX(0px); opacity: 1;\" data-bottom-top=\"transform:translateX(100px);opacity:0.7;\" data-center=\"transform:translateX(0px);opacity:1;\"> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/header-48.png",
        "category": "101",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-dark-text is-box-5\" style=\"background-color: rgb(248, 248, 248);\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder is-content-500 container edge-x-5\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-42\" style=\"letter-spacing: 1px;font-weight: bold;\">With Less Stuff and More Compassion.</h1> <p style=\"border-bottom: 2px solid #000;width: 70px;display: inline-block;margin-bottom:0\"></p> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p> <div class=\"spacer height-40\"></div> <div><a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-btn-small\">Get A Quote</a></div> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-dark-text is-box-7\" style=\"background-color: rgb(248, 248, 248);\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-boxes\" style=\"min-height:auto\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container edge-x-0 is-content-left\" nogrid style=\"max-width: 700px;margin-top:0\"> <div class=\"row clearfix\"> <div class=\"column full\"> <div style=\"position: relative;height: 33vw;\"> <div style=\"position: absolute;width: 68vw;left: 0.5vw;\"> <img alt=\"\" src=\"/placeholders/square.jpg?5\" style=\"margin: 0px; transform: translateX(0px);\" data-bottom-top=\"transform:translateX(85px)\" data-center=\"transform:translateX(0px)\"> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/header-49.png",
        "category": "101",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 871px;\"> <div class=\"row clearfix\"> <div class=\"column half\"> <div class=\"spacer height-20\"></div> <h3 class=\"size-18\" style=\"letter-spacing: 3px;\">THE LOOKBOOK</h3> <h1 class=\"size-60\" style=\"letter-spacing: 5px;\"><b>NEW </b>SUMMER <b>TRENDS.</b></h1> <p>Lorem Ipsum is simply dummy text of the printing industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s.</p> <div><a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-btn-small\">View Gallery</a></div> </div> <div class=\"column half\"> <img alt=\"\" src=\"/placeholders/square.jpg\" style=\"margin: -5px; transform: translateY(0px);\" data-bottom-top=\"transform:translateY(100px);\" data-center=\"transform:translateY(0px);\"> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/header-70.png",
        "category": "101",
        "contentCss": "type-lato.css",
        "contentClass": "type-lato",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-box-5 is-dark-text is-bg-light\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-boxes\" style=\"min-height:auto\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder is-content-500 container\" nogrid style=\"margin-bottom:0;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <div style=\"position: relative;height: 30vw;\"> <div style=\"position: absolute;z-index: 100;width: 26vw;left: -23vw;top: -10vw;transform: rotateX(-60deg) rotateZ(40deg);\"> <img alt=\"\" src=\"/placeholders/square.jpg\" style=\"box-shadow: rgba(22, 22, 22, 0.4) 3em 3em 5em;width: 100%;\" data-bottom-top=\"transform:translateX(-200px);opacity:0;\" data-center=\"transform:translateX(0px);opacity:1;\"> </div> <div style=\"position: absolute;z-index: 70;width: 26vw;left: 6vw;top: -3vw;transform: rotateX(-60deg) rotateZ(40deg);\"> <img alt=\"\" src=\"/placeholders/square.jpg\" style=\"box-shadow: rgba(22, 22, 22, 0.4) 3em 3em 5em;width: 100%;\" alt=\"\" data-bottom-top=\"transform:translateY(-120px);opacity:0;\" data-center=\"transform:translateY(0px);opacity:1;\"> </div> <div style=\"position: absolute;z-index: 50;width: 26vw;left: -7vw;top: 5vw;transform: rotateX(-60deg) rotateZ(40deg);\"> <img alt=\"\" src=\"/placeholders/square.jpg\" style=\"box-shadow: rgba(22, 22, 22, 0.4) 3em 3em 5em;width: 100%;\" alt=\"\" data-bottom-top=\"transform:translateX(150px);opacity:0;\" data-center-top=\"transform:translateX(0px);opacity:1;\"> </div> <div style=\"position: absolute;z-index: 0;width: 26vw;left: -20vw;top: 13vw;transform: rotateX(-60deg) rotateZ(40deg);\"> <img alt=\"\" src=\"/placeholders/square.jpg\" style=\"box-shadow: rgba(22, 22, 22, 0.4) 3em 3em 5em;width: 100%;\" data-bottom-top=\"transform:translateY(100px);opacity:0;\" data--100-bottom=\"transform:translateY(0px);opacity:1;\"> </div> </div> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-box-7 is-dark-text is-bg-light type-lato\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 620px;\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-50\" style=\"letter-spacing: 1px; font-weight: bold;\">Everything you need to create beautiful pages and share your stories.</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"center\" style=\"margin: 20px 0\"><a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-btn-small\">Get Started</a></div> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/header-62.png",
        "category": "101",
        "contentCss": "type-oranienbaum-sourcesanspro.css",
        "contentClass": "type-oranienbaum-sourcesanspro",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-box-6 is-dark-text is-bg-light type-oranienbaum-sourcesanspro\"> <div class=\"is-boxes\"> <div class=\"is-box-centered is-opacity-95\"> <div class=\"is-container is-builder container\" style=\"max-width: 580px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"letter-spacing: 6px;\" class=\"size-18\">FUN & EASIER</p> <h1 class=\"size-60\" style=\"letter-spacing: 1px;\">No more complex things.</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div style=\"margin: 20px 0;\"><a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-btn-small\">Get Started</a></div> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-box-6 is-dark-text is-bg-light\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-boxes\" style=\"min-height:auto\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder is-content-500 container\" nogrid style=\"margin-top:0;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <div style=\"position: relative;height: 25vw;\"> <div style=\"position: absolute;z-index: 100;width: 23vw;left: -10vw;top: 12vw;transform: perspective(200px) skewX(1deg) skewY(6deg);\"> <img alt=\"\" src=\"/placeholders/square.jpg\" style=\"box-shadow: rgba(22, 22, 22, 0.3) 2em 1em 5em;width: 100%;\" data-bottom-top=\"transform:translateX(-100px);\" data-center-top=\"transform:translateX(0px);\"> </div> <div style=\"position: absolute;z-index: 70;width: 23vw;left: -4vw;top: 8vw;transform: perspective(200px) skewX(1deg) skewY(6deg);\"> <img alt=\"\" src=\"/placeholders/square.jpg\" style=\"box-shadow: rgba(22, 22, 22, 0.3) 2em 1em 5em;width: 100%;\" data-bottom-top=\"transform:translateX(80px);\" data-center-top=\"transform:translateX(0px);\"> </div> <div style=\"position: absolute;z-index: 50;width: 23vw;left: 8vw;top: -0.2vw;transform: perspective(200px) skewX(1deg) skewY(6deg);\"> <img alt=\"\" src=\"/placeholders/square.jpg\" style=\"box-shadow: rgba(22, 22, 22, 0.3) 2em 1em 5em;width: 100%;\" data-bottom-top=\"transform:translateX(90px);\" data-center=\"transform:translateX(0px);\"> </div> <div style=\"position: absolute;z-index: 50;width: 23vw;left: 2vw;top: 4vw;transform: perspective(200px) skewX(1deg) skewY(6deg);\"> <img alt=\"\" src=\"/placeholders/square.jpg\" style=\"box-shadow: rgba(22, 22, 22, 0.3) 2em 1em 5em;width: 100%;\" data-bottom-top=\"transform:translateX(-130px);\" data-center=\"transform:translateX(0px);\"> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/header-67.png",
        "category": "101",
        "contentCss": "type-ubuntumono-sourcecodepro.css",
        "contentClass": "type-ubuntumono-sourcecodepro",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-box-6 is-dark-text type-ubuntumono-sourcecodepro\" style=\"background-color: rgb(248, 248, 248);\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container edge-x-0\" style=\"max-width: 500px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-60\" style=\"letter-spacing: 1px;\">A style that never gets old.</h1> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div><a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-rounded-30 is-btn-small\">Contact Us</a></div> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-box-6 is-dark-text\" style=\"background-color: rgb(248, 248, 248);\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-boxes\" style=\"min-height:auto\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" nogrid style=\"max-width: 594px;margin-top:0;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <div style=\"position: relative;height: 30vw;\"> <div style=\"position: absolute;z-index: 100;width: 48vw;left: 0.2vw;top: -2vw;transform: perspective(500px) rotateY(-8deg) scale(1.1)\"> <img alt=\"\" src=\"/placeholders/square.jpg\" style=\"margin: 0;\" class=\"skrollable skrollable-between\" data-bottom-top=\"transform:translateX(110px);\" data-center=\"transform:translateX(0px);\"> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/header-61.png",
        "category": "101",
        "contentCss": "type-poppins.css",
        "contentClass": "type-poppins",
        "html": "<div class=\"is-section is-section-100\"> <div class=\"is-boxes\"> <div class=\"is-box is-box-7 is-light-text type-poppins\" style=\"background-color: rgb(239, 108, 0);background-image: linear-gradient(0deg, rgb(244, 74, 9), rgb(255, 121, 7));\"> <div class=\"is-boxes\"> <div class=\"is-box-centered is-opacity-95\"> <div class=\"is-container is-builder container\" style=\"max-width: 500px;\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <div class=\"display\"> <p class=\"size-16\">We Are Creative Agency in New York</p> <h1 class=\"size-96\" style=\"letter-spacing: 8px;\">BOLD. BETTER.</h1> </div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full center\"> <a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper\">Get A Quote</a> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-dark-text is-box-5\" style=\"background-color: rgb(239, 108, 0);background-image: linear-gradient(0deg, rgb(244, 74, 9), rgb(255, 121, 7));\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-boxes\" style=\"min-height:auto\"> <div class=\"is-box-centered is-opacity-95\"> <div class=\"is-container is-builder is-content-500 container\" nogrid style=\"margin-top:0;margin-bottom:0;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <div style=\"position: relative;height: 25vw;\"> <div style=\"position: absolute;z-index: 100;width: 20vw;left: 22vw;top: -11vw;transform: rotateX(10deg) rotateZ(-30deg);\"> <img alt=\"\" src=\"/placeholders/square.jpg\" style=\"width: 100%; transform: translateY(0px);\" data-bottom-top=\"transform:translateY(250px);\" data-center=\"transform:translateY(0px);\"> </div> <div style=\"position: absolute;z-index: 50;width: 20vw;left: 5.4vw;top: -8vw;transform: rotateX(10deg) rotateZ(-30deg);\"> <img alt=\"\" src=\"/placeholders/square.jpg\" style=\"width: 100%; transform: translateY(0px);\" data-bottom-top=\"transform:translateY(150px);\" data-center=\"transform:translateY(0px);\"> </div> <div style=\"position: absolute;z-index: 0;width: 20vw;left: -6vw;top: 4vw;transform: rotateX(10deg) rotateZ(-30deg);\"> <img alt=\"\" src=\"/placeholders/square.jpg\" style=\"width: 100%; transform: translateY(0px);\" data-bottom-top=\"transform:translateY(200px);\" data-center-top=\"transform:translateY(0px);\"> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/header-45.png",
        "category": "101",
        "contentCss": "type-pathwaygothicone-merriweather.css",
        "contentClass": "type-pathwaygothicone-merriweather",
        "html": "<div class=\"is-section is-section-100 is-light-text is-box type-pathwaygothicone-merriweather\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg');\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> <div class=\"is-overlay-color\" style=\"background-color: rgb(0, 0, 0); opacity: 0.1;\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered is-opacity-90 is-content-bottom edge-y-3\"> <div class=\"is-container is-builder container is-content-640 is-content-right\"> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"display right\"> <h1 class=\"size-96\">Take a Break</h1> <p style=\"letter-spacing: 1px; font-size: 17px !important;\">Go Explore the Beautiful Places</p> </div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full right\"> <a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-btn-small\">Choose Destination</a> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/header-06.png",
        "category": "101",
        "contentCss": "type-spectralsc-karma.css",
        "contentClass": "type-spectralsc-karma",
        "html": "<div class=\"is-section is-section-100 is-box is-light-text type-spectralsc-karma\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg');\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered is-content-top is-opacity-95\"> <div class=\"is-container is-builder container is-content-980\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <div class=\"display\"> <h1>Modern Home Decor</h1> <p>Create a Stylish Space With Our Products</p> </div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full center\"> <a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-btn-small edit\">Browse Collection</a> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/header-03.png",
        "category": "101",
        "contentCss": "type-adventpro-opensans.css",
        "contentClass": "type-adventpro-opensans",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text type-adventpro-opensans\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg');\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> <div class=\"is-overlay-color\" style=\"opacity: 0.1;\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-left is-content-640\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-64\">Mark\"s Photo Studio</h1> <p style=\"font-weight: 300\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-btn-small edit\">Read More</a> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/header-22.png",
        "category": "101",
        "contentCss": "type-poppins.css",
        "contentClass": "type-poppins",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text type-poppins\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg');\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered is-opacity-95\"> <div class=\"is-container is-builder container is-content-left\" style=\"max-width: 760px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-60\">We not only design things. We design dreams.</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-20\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-btn-small\">Our Portfolio</a> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/header-15.png",
        "category": "101",
        "contentCss": "type-alegreyasanssc-hind.css",
        "contentClass": "type-alegreyasanssc-hind",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text type-alegreyasanssc-hind\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg');\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered is-content-top edge-y-3\"> <div class=\"is-container is-builder container\" style=\"max-width: 664px;\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <div class=\"display\"> <h1 class=\"size-54\">We Love Designing Minimalist Spaces</h1> <p class=\"size-18\">Lorem Ipsum is dummy text of the printing and typesetting industry</p> </div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full center\"> <a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-btn-small\">Book Appointment</a> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/header-59.png",
        "category": "101",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text is-align-center\" style=\"background-color: rgb(248, 248, 248);background-image: linear-gradient(0deg, #efefef, #fcfcfc);\"> <div class=\"is-boxes\"> <div class=\"is-box-centered is-content-top\"> <div class=\"is-container is-builder container\" style=\"max-width: 720px;\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <p class=\"size-16\" style=\"letter-spacing: 11px; text-transform: uppercase;\">Hello Friends</p> <h1 class=\"size-32\" style=\"letter-spacing: 3px; text-transform: uppercase;\">This is Dave. I Develop Websites and Design Beautiful Things You Will Love</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full center\"> <div><a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-rounded-30 is-btn-small\" title=\"\">Get in Touch</a></div> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full center\"> <div style=\"position: relative;height: 20vw;\"> <div style=\"position: absolute;z-index: 100;width: 12vw;left: 50%;margin-left:-23vw;top: 0vw;transform: rotateX(-10deg) rotateZ(30deg);\"> <img src=\"assets/placeholders/square.jpg\" style=\"box-shadow: rgba(22, 22, 22, 0.1) 3em 3em 5em; width: 100%;\" data-bottom-top=\"transform:translateY(-100px);\" data--100-bottom=\"transform:translateY(0px);\" alt=\"\"> </div> <div style=\"position: absolute;z-index: 70;width: 12vw;left: 50%;margin-left:-15vw;top: 0vw;transform: rotateX(-10deg) rotateZ(30deg);\"> <img src=\"assets/placeholders/square.jpg\" style=\"box-shadow: rgba(22, 22, 22, 0.1) 3em 3em 5em; width: 100%;\" data-bottom-top=\"transform:translateY(130px);\" data--100-bottom=\"transform:translateY(0px);\" alt=\"\"> </div> <div style=\"position: absolute;z-index: 50;width: 12vw;left: 50%;margin-left:-7vw;top: 0vw;transform: rotateX(-10deg) rotateZ(30deg);\"> <img src=\"assets/placeholders/square.jpg\" style=\"box-shadow: rgba(22, 22, 22, 0.1) 3em 3em 5em; width: 100%;\" data-bottom-top=\"transform:translateY(-110px);\" data--100-bottom=\"transform:translateY(0px);\" alt=\"\"> </div> <div style=\"position: absolute;z-index: 20;width: 12vw;left: 50%;margin-left:2vw;top: 0vw;transform: rotateX(-10deg) rotateZ(30deg);\"> <img src=\"assets/placeholders/square.jpg\" style=\"box-shadow: rgba(22, 22, 22, 0.1) 3em 3em 5em; width: 100%;\" data-bottom-top=\"transform:translateY(120px);\" data--100-bottom=\"transform:translateY(0px);\" alt=\"\"> </div> <div style=\"position: absolute;z-index: 0;width: 12vw;left: 50%;margin-left:10vw;top: 0vw;transform: rotateX(-10deg) rotateZ(30deg);\"> <img src=\"assets/placeholders/square.jpg\" style=\"box-shadow: rgba(22, 22, 22, 0.1) 3em 3em 5em; width: 100%;\" data-bottom-top=\"transform:translateY(-100px);\" data--100-bottom=\"transform:translateY(0px);\" alt=\"\"> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/header-58.png",
        "category": "101",
        "contentCss": "type-alegreyasanssc-hind.css",
        "contentClass": "type-alegreyasanssc-hind",
        "html": "<div class=\"is-section is-section-100 is-shadow-1 type-alegreyasanssc-hind\"> <div class=\"is-boxes\"> <div class=\"is-box is-box-5 is-bg-light is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder is-content-500 container\"> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"display\"> <p>THE STUDIO</p> <h1 class=\"size-48\" style=\"text-transform: none\">Creative & Inspiring</h1> </div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p>Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div><a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-rounded-30 is-btn-small\">Get in Touch</a></div> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-box-7 is-dark-text is-bg-light\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-boxes\" style=\"min-height:auto\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder is-content-500 container is-content-left edge-x-0\" nogrid style=\"margin-top:0;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <div style=\"position: relative;height: 25vw;\"> <div style=\"position: absolute;z-index: 50;width: 15vw;left: 11vw;top: -3vw;transform: rotateX(-60deg) rotateZ(40deg);\"> <img alt=\"\" src=\"/placeholders/square.jpg\" style=\"box-shadow: rgba(22, 22, 22, 0.4) 3em 3em 5em; width: 100%; transform: translateY(0px);\" data-100-bottom=\"transform:translateY(-120px);\" data-center=\"transform:translateY(0px);\"> </div> <div style=\"position: absolute;z-index: 100;width: 15vw;left: 3vw;top: -3vw;transform: rotateX(-60deg) rotateZ(40deg);\"> <img alt=\"\" src=\"/placeholders/square.jpg\" style=\"box-shadow: rgba(22, 22, 22, 0.4) 3em 3em 5em; width: 100%; transform: translateY(0px);\" data-100-bottom=\"transform:translateY(150px);\" data-center=\"transform:translateY(0px);\"> </div> <div style=\"position: absolute;z-index: 0;width: 15vw;left: 18vw;top: -3vw;transform: rotateX(-60deg) rotateZ(40deg);\"> <img alt=\"\" src=\"/placeholders/square.jpg\" style=\"box-shadow: rgba(22, 22, 22, 0.4) 3em 3em 5em; width: 100%; transform: translateY(0px);\" data-150-bottom=\"transform:translateY(150px);\" data-center=\"transform:translateY(0px);\"> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/header-57.png",
        "category": "101",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-box is-section-100 is-light-text\" style=\"background-color: rgb(216, 67, 21);background-image: linear-gradient(0deg, rgb(255, 57, 25), rgb(255, 104, 15));\"> <div class=\"is-boxes\"> <div class=\"is-box-centered is-opacity-95\"> <div class=\"is-container is-builder container\" style=\"max-width: 577px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-80 is-title1-80 is-title-bold skrollable skrollable-after\" style=\"text-align: center; letter-spacing: 9px; transform: translateY(0px); opacity: 1;\" data-100-bottom=\"transform:translateY(-65px);opacity:0;\" data-center=\"transform:translateY(0px);opacity:1;\">STUDIO</h1> <p class=\"size-21\" style=\"text-align: center; text-transform: uppercase; letter-spacing: 6px;\">EVERY DETAIL MATTERS</p> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full center\"> <a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-btn-small\">Get in Touch</a> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div style=\"position: relative;height: 15vw;\"> <div style=\"position: absolute;z-index: 100;width: 26vw;left: 50%;margin-left:-13vw;top: 2vw;\"> <img alt=\"\" src=\"/placeholders/square.jpg\" style=\"box-shadow: rgba(22, 22, 22, 0.3) 0.43em 0.43em 3em; width: 100%;\"> </div> <div style=\"position: absolute;z-index: 70;width: 20vw;left: 50%;margin-left:-23vw;top: 5.45vw;\"> <img alt=\"\" src=\"/placeholders/square.jpg\" style=\"box-shadow: rgba(22, 22, 22, 0.3) 0.43em 0.43em 3em; width: 100%; transform: translateY(0px);\" data-100-bottom=\"transform:translateX(50px);\" data--50-bottom=\"transform:translateY(0px);\"> </div> <div style=\"position: absolute;z-index: 50;width: 17vw;left:50%;margin-left:-30vw;top: 7.2vw;\"> <img alt=\"\" src=\"/placeholders/square.jpg\" style=\"box-shadow: rgba(22, 22, 22, 0.3) 0.43em 0.43em 3em; width: 100%; transform: translateX(0px);\" data-100-bottom=\"transform:translateX(50px);\" data--50-bottom=\"transform:translateX(0px);\"> </div> <div style=\"position: absolute;z-index: 20;width: 20vw;left: 50%;margin-left:2.5vw;top: 5.45vw;\"> <img alt=\"\" src=\"/placeholders/square.jpg\" style=\"box-shadow: rgba(22, 22, 22, 0.3) 0.43em 0.43em 3em; width: 100%; transform: translateY(0px);\" data-100-bottom=\"transform:translateX(-50px);\" data--50-bottom=\"transform:translateY(0px);\"> </div> <div style=\"position: absolute;z-index: 0;width: 17vw;left: 50%;margin-left:13vw;top: 7.2vw;\"> <img alt=\"\" src=\"/placeholders/square.jpg\" style=\"box-shadow: rgba(22, 22, 22, 0.3) 0.43em 0.43em 3em; width: 100%; transform: translateX(0px);\" alt=\"\" data-100-bottom=\"transform:translateX(-50px);\" data--50-bottom=\"transform:translateX(0px);\"> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/header-37.png",
        "category": "101",
        "contentCss": "type-oregano-zillaslab.css",
        "contentClass": "type-oregano-zillaslab",
        "html": "<div class=\"is-section is-section-100 is-box is-light-text type-oregano-zillaslab\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg'); background-position: 50% 50%;\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> <div class=\"is-overlay-color\" style=\"background-color: rgb(0, 0, 0); opacity: 0.25;\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered is-content-top edge-y-4\"> <div class=\"is-container is-builder container is-content-800\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <div class=\"display\"> <h1>Fall in Love with the World</h1> </div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full center\"> <a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper\">View Our Tours</a> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/header-09.png",
        "category": "101",
        "contentCss": "type-amaticsc-josepfinsans.css",
        "contentClass": "type-amaticsc-josepfinsans",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text type-amaticsc-josepfinsans\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg');\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered is-content-top is-opacity-95\"> <div class=\"is-container is-builder is-content-800 container\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <div class=\"display\"> <h1>Calm, Pure, and lovely</h1> <p>Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s</p> </div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full center\"> <a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-rounded-30 is-btn-small edit\">Shop Now</a> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/header-08.png",
        "category": "101",
        "contentCss": "type-pacifico-nanumgothiccod.css",
        "contentClass": "type-pacifico-nanumgothiccod",
        "html": "<div class=\"is-section is-box is-light-text is-section-100 type-pacifico-nanumgothiccod\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg');\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> <div class=\"is-overlay-color\" style=\"opacity: 0.25;\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <i class=\"icon ion-coffee size-80\" style=\"line-height:1\"></i> <div class=\"display\"> <h1 class=\"size-80\">Café & Bistro</h1> </div> <p><i>Lorem Ipsum is simply dummy text</i></p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/header-17.png",
        "category": "101",
        "contentCss": "type-elsie-frankruhllibre.css",
        "contentClass": "type-elsie-frankruhllibre",
        "html": "<div class=\"is-section is-section-100 is-box is-light-text type-elsie-frankruhllibre\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg');\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> <div class=\"is-overlay-color\" style=\"opacity: 0.25;\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered is-opacity-85\"> <div class=\"is-container is-builder container is-content-640 is-content-left\"> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"display\"> <h1>Wonderful Adventure</h1> <p>Lorem Ipsum is simply dummy text of the printing industry</p> </div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper edit\">Contact Us</a> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/header-07.png",
        "category": "101",
        "contentCss": "type-tenaram-overpassmono.css",
        "contentClass": "type-tenaram-overpassmono",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text type-tenaram-overpassmono\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg');\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered is-content-top\"> <div class=\"is-container is-builder is-content-800 container\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <div class=\"display\"> <h1 class=\"size-84\" style=\"margin-bottom:0;\">Outstanding</h1> <p style=\"margin-top:0\">Lorem Ipsum is dummy text of the printing and typesetting industry</p> </div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full center\"> <a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-btn-small edit\">Contact Us</a> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/header-19.png",
        "category": "101",
        "contentCss": "type-nothingyouc-ibmplexmono.css",
        "contentClass": "type-nothingyouc-ibmplexmono",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text is-align-right type-nothingyouc-ibmplexmono\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg');\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-right\" style=\"max-width: 580px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"display\"> <h1 class=\"size-60\">Great Place to Feel good</h1> <p class=\"size-18\">Lorem Ipsum is simply dummy text of the printing &amp; typesetting industry</p> </div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-btn-small\">Browse Menu</a> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/header-55.png",
        "category": "101",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-box-6 is-bg-dark is-light-text\" style=\"background-image: linear-gradient(250deg, #38407e, rgb(26, 26, 26));\"> <div class=\"is-boxes\"> <div class=\"is-box-centered is-opacity-95\"> <div class=\"is-container is-builder container\" style=\"max-width: 520px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-42\" style=\"letter-spacing: 2px; font-weight: bold;\">We design and build awesome products that make a difference.</h1> <p style=\"text-transform: uppercase; letter-spacing: 3px;\">Lorem Ipsum is simply dummy text</p> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div><a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-btn-small\" title=\"\">Contact Us</a></div> </div> </div> </div> </div> </div> </div> <div class=\"is-light-text is-box is-box-6\" style=\"background-color: rgb(110, 123, 217);background-image: linear-gradient(0deg, #613ca2, rgb(110, 123, 217));\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder is-content-500 container is-content-left edge-x-0\" nogrid> <div class=\"row clearfix\"> <div class=\"column full\"> <div style=\"position: relative;height: 25vw;\"> <div style=\"position: absolute;z-index: 100;width: 12vw;left: -3vw;top: -2.5vw;transform: skewX(-20deg) skewY(-200deg) rotateX(45deg) rotateY(40deg);\"> <img alt=\"\" src=\"/placeholders/square.jpg\" style=\"box-shadow: rgba(22, 22, 22, 0.4) 3em 3em 5em; width: 100%; transform: translateX(0px);\" data-bottom-top=\"transform:translateX(-80px);\" data-center-top=\"transform:translateX(0px);\"> </div> <div style=\"position: absolute;z-index: 50;width: 48vw;left: -2vw;top: -1vw;transform: skewX(-20deg) skewY(-200deg) rotateX(45deg) rotateY(40deg);\"> <img alt=\"\" src=\"/placeholders/square.jpg\" style=\"box-shadow: rgba(22, 22, 22, 0.4) 3em 3em 5em; width: 100%; transform: translateX(0px);\" data-bottom-top=\"transform:translateX(80px);\" data-center-top=\"transform:translateX(0px);\"> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/header-50.png",
        "category": "101",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-dark-text is-box-6\" style=\"background-color: rgb(248, 248, 248);\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-boxes\" style=\"min-height:auto\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" nogrid style=\"max-width: 520px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <div style=\"position: relative;height: 30vw;\"> <div style=\"position: absolute;z-index: 0;width: 17vw;left: -1vw;top: 3vw;transform: rotateX(-10deg) rotateZ(-10deg);\"> <img alt=\"\" src=\"/placeholders/square.jpg\" style=\"box-shadow: rgba(22, 22, 22, 0.3) -2em 2em 5em; width: 100%; transform: translateX(0px);\" data-filename=\"screencapture-landscapeshots-draft-snippets-19-aspx-2019-03-06-14_25_02-w3FIW1.png\" data-bottom-top=\"transform:translateX(-100px);\" data-center=\"transform:translateX(0px);\"> </div> <div style=\"position: absolute;z-index: 50;width: 17vw;left: 9vw;top: -2vw;transform: rotateX(-10deg) rotateZ(-10deg);\"> _tabs(19) <img alt=\"\" src=\"/placeholders/square.jpg\" style=\"box-shadow: rgba(22, 22, 22, 0.3) -2em 2em 5em; width: 100%; transform: translateY(0px);\" data-filename=\"screencapture-landscapeshots-draft-snippets-19-aspx-2019-03-06-14_19_57-Ymkif2.png\" data-bottom-top=\"transform:translateY(-100px);\" data-center=\"transform:translateY(0px);\"> </div> <div style=\"position: absolute;z-index: 100;width: 17vw;left: 22vw;top: -1vw;transform: rotateX(-10deg) rotateZ(-10deg);\"> _tabs(19) <img alt=\"\" src=\"/placeholders/square.jpg\" style=\"box-shadow: rgba(22, 22, 22, 0.3) -2em 2em 5em; width: 100%; transform: translateX(0px);\" data-filename=\"screencapture-landscapeshots-draft-snippets-19-aspx-2019-03-06-14_08_49-KokV83.png\" data-bottom-top=\"transform:translateX(100px);\" data-center=\"transform:translateX(0px);\"> </div> </div> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-align-left is-box-6 is-dark-text\" style=\"background-color: rgb(248, 248, 248);\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container edge-x-4\" style=\"max-width: 560px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"display\"> <h1 class=\"size-46\">We Create and Design Beautiful Websites</h1> </div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-btn-small\">Contact Us</a> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/header-52.png",
        "category": "101",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-dark-text is-box-8\" style=\"background-color: rgb(216, 67, 21);background-image: linear-gradient(0deg, rgb(255, 57, 25), rgb(255, 104, 15));\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" nogrid style=\"max-width: 1052px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <div style=\"position: relative;height: 40vw;\"> <div style=\"position: absolute;z-index: 100;width: 32vw;left: -9vw;top: 10vw;\"> <img alt=\"\" src=\"/placeholders/square.jpg\" style=\"box-shadow: rgba(22, 22, 22, 0.4) 7px 7px 40px; width: 100%; opacity: 1; transform: translateY(0px);\" data-bottom-top=\"transform:translateX(100px);\" data-center-top=\"transform:translateX(0px);\"> </div> <div style=\"position: absolute;z-index: 50;width: 32vw;left: 15vw;top: 15vw; transform: translateZ(0px) translateY(5.32272%);\"> <img alt=\"\" src=\"/placeholders/square.jpg\" style=\"box-shadow: rgba(22, 22, 22, 0.4) 7px 7px 40px; width: 100%; opacity: 1; transform: translateY(0px);\" data-bottom-top=\"transform:translateY(100px);\" data--100-bottom=\"transform:translateY(0px);\"> </div> <div style=\"position: absolute;z-index: 10;width: 32vw;left: 20vw; top: 0;transform: translateZ(0px) translateY(7.47073%);\"> <img alt=\"\" src=\"/placeholders/square.jpg\" style=\"box-shadow: rgba(22, 22, 22, 0.4) 7px 7px 40px; width: 100%; opacity: 1; transform: translateY(0px);\" data-bottom-top=\"transform:translateY(-100px);\" data-center-top=\"transform:translateY(0px);\"> </div> <div style=\"position: absolute;z-index: 0;width: 26vw;left: 33vw;top: 13vw;transform: translateZ(0px) translateY(-2.76374%);\"> <img alt=\"\" src=\"/placeholders/square.jpg\" style=\"box-shadow: rgba(22, 22, 22, 0.4) 7px 7px 40px; width: 100%; opacity: 1; transform: translateY(0px);\" data-bottom-top=\"transform:translateX(-80px);\" data-center-top=\"transform:translateX(0px);\"> </div> </div> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-box-4 is-light-text\" style=\"background-color: rgb(216, 67, 21);background-image: linear-gradient(0deg, rgb(255, 57, 25), rgb(255, 104, 15));\"> <div class=\"is-boxes\"> <div class=\"is-box-centered is-opacity-95\"> <div class=\"is-container is-builder container\" style=\"max-width: 420px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-transform: uppercase; letter-spacing: 2px;\">A Little Story</p> <h1 class=\"size-60\" style=\"letter-spacing: 5px; text-transform: uppercase;\">Less is More</h1> <p>Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> <p style=\"border-bottom: 1px solid #eee; width: 80px; display: inline-block;\"></p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div><a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-btn-small\" title=\"\">Read More</a></div> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/header-10.png",
        "category": "101",
        "contentCss": "type-frankruhllibre-lato.css",
        "contentClass": "type-frankruhllibre-lato",
        "html": "<div class=\"is-section is-section-100 is-box is-light-text type-frankruhllibre-lato\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg');\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> <div class=\"is-overlay-color\" style=\"opacity: 0.25;\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered edge-y-4 is-opacity-85\"> <div class=\"is-container is-builder container is-content-640 is-content-left\"> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"display\"> <h1>It suits you perfectly</h1> </div> <p style=\"text-transform:uppercase\">Lorem Ipsum is dummy text of the printing and typesetting industry</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-btn-small edit\">View Gallery</a> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/header-33.png",
        "category": "101",
        "contentCss": "type-adventpro-opensans.css",
        "contentClass": "type-adventpro-opensans",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text type-adventpro-opensans\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg'); background-position: 50% 30%;\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered is-content-top is-opacity-95 edge-y-3\"> <div class=\"is-container is-builder container is-content-800\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <div class=\"display\"> <h1 class=\"size-60\">Share Happiness</h1> <p class=\"size-18\">We are here to get you there</p> </div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full center\"> <a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-btn-small\">View Destinations</a> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/header-31.png",
        "category": "101",
        "contentCss": "type-voltaire-sourcecodepro.css",
        "contentClass": "type-voltaire-sourcecodepro",
        "html": "<div class=\"is-section is-section-100 is-light-text is-box type-voltaire-sourcecodepro\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg');\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> <div class=\"is-overlay-color\" style=\"display: block; background-color: rgb(0, 0, 0); opacity: 0.25;\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered is-content-top edge-y-4 is-opacity-90\"> <div class=\"is-container is-builder container is-content-800\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <div class=\"display\"> <h1 class=\"size-76\">A World of Wonders</h1> <p class=\"size-24\">Let\"s travel. Go explore.</p> </div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full center\"> <a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-btn-small\">Special Offers</a> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/header-01.png",
        "category": "101",
        "contentCss": "type-fugazone-librefranklin.css",
        "contentClass": "type-fugazone-librefranklin",
        "html": "<div class=\"is-section is-section-100 is-box is-light-text is-align-right type-fugazone-librefranklin\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg');\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> <div class=\"is-overlay-color\" style=\"opacity: 0.1;\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered is-opacity-95\"> <div class=\"is-container is-builder container is-content-right\" style=\"max-width: 580px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"display\"> <h1>A New Point of View</h1> <p class=\"size-18\">Lorem Ipsum is simply dummy text of the printing industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s.</p> </div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-rounded-30 is-btn-small\">Contact Us</a> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/header-25.png",
        "category": "101",
        "contentCss": "type-parisienne-maitree.css",
        "contentClass": "type-parisienne-maitree",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text type-parisienne-maitree\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg'); background-position: 50% 50%;\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-right is-content-800\"> <div class=\"row clearfix\"> <div class=\"column full right\"> <div class=\"display\"> <p class=\"size-18 is-info2\">Welcome to our coffee shop</p> <h1 class=\"size-80\" style=\"text-transform: none\">Smell it, taste it.</h1> </div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full right\"> <a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-rounded-30 is-btn-small\">Browse Menu</a> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/header-46.png",
        "category": "101",
        "contentCss": "type-heebo-ibmplexmono.css",
        "contentClass": "type-heebo-ibmplexmono",
        "html": "<div class=\"is-section is-section-100 is-box is-light-text type-heebo-ibmplexmono\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg'); background-position: 50% 50%;\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> <div class=\"is-overlay-color\" style=\"background-color: rgb(0, 0, 0); opacity: 0.25;\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered is-opacity-95\"> <div class=\"is-container is-builder container is-content-left\" style=\"max-width: 541px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"display\"> <h1 class=\"size-72\" style=\"text-transform: none\">Monday to Friday</h1> <p class=\"size-18\">We make shopping way easier and convenient for you</p> </div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper\" style=\"padding: 10px 45px; line-height: 1.8rem; font-size: 0.9rem;\">View Collection</a> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/header-21.png",
        "category": "101",
        "contentCss": "type-anonymouspro.css",
        "contentClass": "type-anonymouspro",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text type-anonymouspro\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg');\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder is-content-640 container is-content-left\"> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"display\"> <h1>We Make the complex simple.</h1> <p>Lorem Ipsum is dummy text of the printing and typesetting industry</p> </div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-btn-small edit\">Our Works</a> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/header-29.png",
        "category": "101",
        "contentCss": "type-oswald-cousine.css",
        "contentClass": "type-oswald-cousine",
        "html": "<div class=\"is-section is-section-100 is-light-text is-box type-oswald-cousine\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg');\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered is-opacity-95\"> <div class=\"is-container is-builder container is-content-640\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <div class=\"display\"> <h1 class=\"size-42\">Must-have Collection You Will Love</h1> </div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full center\"> <a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-btn-small\">New Arrivals</a> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/header-02.png",
        "category": "101",
        "contentCss": "type-quicksand-kalam.css",
        "contentClass": "type-quicksand-kalam",
        "html": "<div class=\"is-section is-section-100 is-box is-light-text type-quicksand-kalam\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg');\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> <div class=\"is-overlay-color\" style=\"opacity: 0.1;\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered is-opacity-95\"> <div class=\"is-container is-builder container is-content-500\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-48 is-title4-48\" style=\"letter-spacing:5px\">STUNNING</h1> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/header-26.png",
        "category": "101",
        "contentCss": "type-prata-hindsiliguri.css",
        "contentClass": "type-prata-hindsiliguri",
        "html": "<div class=\"is-section is-section-100 is-light-text is-box type-prata-hindsiliguri\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg'); background-position: 60% 80%;\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> <div class=\"is-overlay-color\" style=\"background-color: rgb(0, 0, 0); opacity: 0.2;\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered is-opacity-90 is-content-top edge-y-4\"> <div class=\"is-container is-builder container\" style=\"max-width: 740px;\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-50\">Planning a memorable trip? You came to the right place.</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full center\"> <a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper\" style=\"padding: 13px 28px; font-size: 16px; line-height: 1.5;\">CONTACT US</a> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/header-11.png",
        "category": "101",
        "contentCss": "type-ptserif-poppins.css",
        "contentClass": "type-ptserif-poppins",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text is-align-right type-ptserif-poppins\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg');\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-right\" style=\"max-width: 580px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"display\"> <h1 class=\"size-54\">Your Business Partner</h1> <p class=\"size-18\">Lorem Ipsum is simply dummy text</p> </div> <p style=\"font-family: \"Poppins\", sans-serif; font-size: 1.05rem; line-height: 1.9; margin-top:38px\">Lorem Ipsum is simply dummy text of the printing industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper\" style=\"padding: 13px 28px; font-size: 14px; line-height: 1.5;\">Contact Us</a> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/header-13.png",
        "category": "101",
        "contentCss": "type-pathwaygothicone-merriweather.css",
        "contentClass": "type-pathwaygothicone-merriweather",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text type-pathwaygothicone-merriweather\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg');\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered is-content-top edge-y-3 is-opacity-95\"> <div class=\"is-container is-builder container\" style=\"max-width: 740px;\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <div class=\"display\"> <h1 class=\"size-64\">Plan better. Build better.</h1> <p class=\"size-16\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s</p> </div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full center\"> <a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper\" style=\"padding: 13px 28px; font-size: 14px; line-height: 1.5;\">Get A Quote</a> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/header-73.png",
        "category": "101",
        "contentCss": "type-heebo-ibmplexmono.css",
        "contentClass": "type-heebo-ibmplexmono",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-box-6 is-light-text\" style=\"background-image: linear-gradient(0deg, #efefef, #fcfcfc);\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder is-content-500 container\" nogrid> <div class=\"row clearfix\"> <div class=\"column full\"> <div style=\"position: relative;height: 25vw;\"> <div style=\"position: absolute;z-index: 50;width: 36vw;left: -21vw;top: -21vw;transform: rotateX(-60deg) rotateZ(40deg);\"> <img alt=\"\" src=\"/placeholders/square.jpg\" style=\"box-shadow: rgba(22, 22, 22, 0.4) 3em 3em 5em;width: 100%;\" data-bottom-top=\"transform:translateY(-150px);\" data-center-top=\"transform:translateY(0px);\"> </div> <div style=\"position: absolute;z-index: 100;width: 18vw;left: -1.5vw;top: 3vw;transform: rotateX(-60deg) rotateZ(40deg);\"> <img alt=\"\" src=\"/placeholders/square.jpg\" style=\"box-shadow: rgba(22, 22, 22, 0.4) 3em 3em 5em;width: 100%;\" data-bottom-top=\"transform:translateY(100px);\" data-center-top=\"transform:translateY(0px);\" class=\"skrollable skrollable-between\"> </div> </div> </div> </div> </div> </div> </div> </div> <div class=\"is-box type-heebo-ibmplexmono is-box-6 is-dark-text\" style=\"background-image: linear-gradient(0deg, #efefef, #fcfcfc)\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container edge-x-0\" style=\"max-width: 600px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <p class=\"size-18\">BUILD & CUSTOMIZE IN MINUTES</p> <h1 class=\"size-60\">Speed up your design process.</h1> <p class=\"size-16\">Easy, fast and mobile-friendly.</p> <div class=\"spacer height-20\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div><a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper\" style=\"padding: 13px 28px; font-size: 15px; line-height: 1.5;\">Get Started</a></div> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/header-65.png",
        "category": "101",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-dark-text is-box-6\" style=\"background-color: rgb(248, 248, 248);\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-boxes\" style=\"min-height:auto\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-right edge-x-1\" nogrid style=\"max-width: 595px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <div style=\"position: relative;height: 34vw;\"> <div style=\"position: absolute;z-index: 0;width: 24vw;left: -2vw;top: -2vw;\"> <img alt=\"\" src=\"/placeholders/square.jpg\" style=\"width: 100%; transform: translateX(0px);\" data-bottom-top=\"transform:translateX(-100px);\" data-center=\"transform:translateX(0px);\"> </div> <div style=\"position: absolute;z-index: 100;width: 24vw;left: 8vw;top: -4vw;\"> <img alt=\"\" src=\"/placeholders/square.jpg\" style=\"width: 100%; transform: translateX(0px);\" data-bottom-top=\"transform:translateX(100px);\" data-center=\"transform:translateX(0px);\"> </div> </div> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-dark-text is-box-6\" style=\"background-color: rgb(248, 248, 248);\"> <div class=\"is-overlay\"></div> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-left edge-x-0\" style=\"max-width: 569px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <p class=\"size-16\" style=\"text-transform: uppercase; letter-spacing: 3px;\">HELLO, THIS IS CWORKS</p> <h1 class=\"size-50\" style=\"letter-spacing: 1px; font-weight: bold;\">We create simple and effective designs.</h1> <div class=\"spacer height-40\"></div> <p>Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/header-68.png",
        "category": "101",
        "contentCss": "type-oranienbaum-sourcesanspro.css",
        "contentClass": "type-oranienbaum-sourcesanspro",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-bg-light is-dark-text is-box-5\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-boxes\" style=\"min-height:auto\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder is-content-500 container\" nogrid> <div class=\"row clearfix\"> <div class=\"column full\"> <div style=\"position: relative;height: 30vw;\"> <div style=\"position: absolute;z-index: 100;width: 17vw;left: -3vw;top: 0.04vw;transform: rotateX(-10deg) rotateZ(30deg);\"> <img alt=\"\" src=\"/placeholders/square.jpg\" style=\"box-shadow: rgba(22, 22, 22, 0.2) 3em 3em 5em;width: 100%;\" class=\"skrollable skrollable-between\" data-400-bottom=\"transform:translateX(-100px) rotate(-20deg);\" data-center=\"transform:translateX(0px) rotate(0deg);\"> </div> <div style=\"position: absolute;z-index: 0;width: 17vw;left: 9.3vw;top: -2vw;transform: rotateX(-10deg) rotateZ(30deg);\"> <img alt=\"\" src=\"/placeholders/square.jpg\" style=\"box-shadow: rgba(22, 22, 22, 0.2) 3em 3em 5em;width: 100%;\" class=\"skrollable skrollable-between\" data-bottom-top=\"transform:translateX(-100px) rotate(-20deg);\" data-center=\"transform:translateX(0px) rotate(0deg);\"> </div> </div> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-dark-text is-bg-light type-oranienbaum-sourcesanspro is-box-7 is-align-left\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-right edge-x-2\" style=\"max-width: 589px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <p class=\"size-18\" style=\"letter-spacing: 4px;\">SIMPLE & POWERFUL</p> <h1 class=\"size-64\">Not Just An Average Website Builder</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div style=\"margin:20px 0\"><a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper\" style=\"padding: 13px 28px; font-size: 16px; line-height: 1.5;\">Get Started</a></div> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/header-69.png",
        "category": "101",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-box-7 is-light-text\" style=\"background-color: rgb(21, 101, 192);background-image: linear-gradient(0deg, rgb(65, 70, 206), rgb(236, 78, 130));\"> <div class=\"is-boxes\"> <div class=\"is-box-centered is-opacity-95\"> <div class=\"is-container is-builder container\" style=\"max-width: 440px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: center; letter-spacing: 2px;\">WE ARE CREATIVESTUDIO</p> <h1 class=\"size-68\" style=\"text-align: center; letter-spacing: 1px; font-weight: bold;\">FASTEST AND SIMPLEST</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"center\" style=\"margin:10px 0\"><a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-rounded-30 is-btn-small\">Contact Us</a></div> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-box-5\" style=\"background-color: rgb(21, 101, 192);background-image: linear-gradient(0deg, rgb(65, 70, 206), rgb(236, 78, 130));\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder is-content-500 container is-content-left edge-x-0\" nogrid> <div class=\"row clearfix\"> <div class=\"column full\"> <div style=\"position: relative;height: 30vw;\"> <div style=\"position: absolute;z-index: 0;width: 24vw;left: -3vw;top: -2vw;transform: rotateX(10deg) rotateZ(-30deg);\"> <img alt=\"\" src=\"/placeholders/square.jpg\" style=\"width: 100%;\" class=\"skrollable skrollable-between\" data-400-bottom=\"transform:translateY(100px);\" data-bottom=\"transform:translateY(0px);\"> </div> <div style=\"position: absolute;z-index: 100;width: 24vw;left: 8vw;top: -4vw;\"> <img alt=\"\" src=\"/placeholders/square.jpg\" style=\"width: 100%;\" class=\"skrollable skrollable-between\" data-bottom-top=\"transform:translateY(150px);\" data-center-top=\"transform:translateY(0px);\"> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/header-56.png",
        "category": "101",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 691px;\"> <div class=\"row\"> <div class=\"column full margin-left-1024-reset\" style=\"margin-left: -200px;\"> <h3 class=\"size-21\" style=\"letter-spacing: 3px;\">The Ultimate Web Maker</h3> <h1 class=\"size-46\" style=\"letter-spacing: 5px;\">DOES THE <b>HARD WORK</b> FOR YOU.</h1> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div style=\"position: relative;height: 25vw;\"> <div style=\"position: absolute;z-index: 100;width: 15vw;left: 29.3vw;top: -11vw;transform: skewX(50deg) skewY(-200deg) rotateX(59deg) rotateY(10deg);\"> <img alt=\"\" src=\"/placeholders/square.jpg\" style=\"box-shadow: rgba(22, 22, 22, 0.5) -3em 3em 5em; width: 100%; transform: translateX(0px);\" data-100-bottom=\"transform:translateX(50px);\" data-center=\"transform:translateX(0px);\"> </div> <div style=\"position: absolute;z-index: 70;width: 15vw;left: 12vw;top: -9vw;transform: skewX(50deg) skewY(-200deg) rotateX(60deg) rotateY(10deg);\"> <img alt=\"\" src=\"/placeholders/square.jpg\" style=\"box-shadow: rgba(22, 22, 22, 0.4) -3em 3em 5em; width: 100%; transform: translateY(0px);\" data-100-bottom=\"transform:translateY(-65px);\" data-center=\"transform:translateY(0px);\"> </div> <div style=\"position: absolute;z-index: 50;width: 15vw;left: 6vw;top: 3vw;transform: skewX(50deg) skewY(-200deg) rotateX(59deg) rotateY(10deg);\"> <img alt=\"\" src=\"/placeholders/square.jpg\" style=\"box-shadow: rgba(22, 22, 22, 0.5) -3em 3em 5em; width: 100%; transform: translateX(0px);\" data-100-bottom=\"transform:translateX(50px);\" data-center-top=\"transform:translateX(0px);\"> </div> <div style=\"position: absolute;z-index: 0;width: 15vw;left: -13vw;top: 4vw;transform: skewX(50deg) skewY(-200deg) rotateX(59deg) rotateY(10deg);\"> <img alt=\"\" src=\"/placeholders/square.jpg\" style=\"box-shadow: rgba(22, 22, 22, 0.5) -3em 3em 5em; width: 100%; transform: translateX(0px);\" data-100-bottom=\"transform:translateX(-50px);\" data-center-top=\"transform:translateX(0px);\"> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/header-53.png",
        "category": "101",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box-6 is-box is-dark-text is-bg-light\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 582px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-transform: uppercase; letter-spacing: 2px;\">A Little Story</p> <h1 class=\"size-54\" style=\"letter-spacing: 5px; text-transform: uppercase;\">Dancing in Harmony</h1> <p>Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> <p style=\"border-bottom: 1px solid #000; width: 80px; display: inline-block;\"></p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div><a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper\" title=\"\">Read More</a></div> </div> </div> </div> </div> </div> </div> <div class=\"is-box-6 is-light-text is-box\" style=\"background-color: rgb(0, 184, 201);background-image: linear-gradient(0deg, rgb(0, 214, 223), rgb(130, 162, 253));\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder is-content-500 container is-content-left edge-x-0\" nogrid> <div class=\"row clearfix\"> <div class=\"column full\"> <div style=\"position: relative;height: 25vw;\"> <div style=\"position: absolute;z-index: 100;width: 20vw;left: 13vw;top: -5.8vw;transform: skewX(50deg) skewY(-200deg) rotateX(60deg) rotateY(10deg);\"> <img alt=\"\" src=\"/placeholders/square.jpg\" style=\"box-shadow: rgba(22, 22, 22, 0.4) -3em 3em 5em; width: 100%; transform: translateX(80px);\" data-bottom-top=\"transform:translateX(-80px);\" data-top-bottom=\"transform:translateX(80px);\"> </div> <div style=\"position: absolute;z-index: 50;width: 20vw;left: 7vw;top: -6vw;transform: skewX(50deg) skewY(-200deg) rotateX(59deg) rotateY(10deg);\"> <img alt=\"\" src=\"/placeholders/square.jpg\" style=\"box-shadow: rgba(22, 22, 22, 0.5) -3em 3em 5em; width: 100%; transform: translateX(-80px);\" data-bottom-top=\"transform:translateX(80px);\" data-top-bottom=\"transform:translateX(-80px);\"> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/header-60.png",
        "category": "101",
        "contentCss": "type-heebo-ibmplexmono.css",
        "contentClass": "type-heebo-ibmplexmono",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-dark-text is-bg-light is-box-6\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-boxes\" style=\"min-height:auto\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" nogrid style=\"max-width: 500px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <div style=\"position: relative;height: 25vw;\"> <div style=\"position: absolute;z-index: 100;width: 24vw;left: -19vw;top: 10vw;\"> <img alt=\"\" src=\"/placeholders/square.jpg\" style=\"width: 100%;\" data-bottom-top=\"transform:translateX(-100px);\" data-center-top=\"transform:translateX(0px);\"> </div> <div style=\"position: absolute;z-index: 50;width: 7vw;left: 20vw;top: 11.5vw;\"> <img alt=\"\" src=\"/placeholders/square.jpg\" style=\"width: 100%;\" data-bottom-top=\"transform:translateX(50px);\" data-center-top=\"transform:translateX(0px);\"> </div> <div style=\"position: absolute;z-index: 0;width: 30vw;left: -6vw;top: -3vw;\"> <img alt=\"\" src=\"/placeholders/square.jpg\" style=\"width: 100%;\" data-bottom-top=\"transform:translateX(-40px);\" data-center=\"transform:translateX(0px);\"> </div> </div> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-dark-text is-box-6 is-bg-light type-heebo-ibmplexmono\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container edge-x-1\" style=\"max-width: 540px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"display\"> <h1 class=\"size-42\" style=\"letter-spacing: 2px;line-height: 1.4;\"><b>BEAUTIFUL HAND-CRAFTED <span style=\"color: rgb(239, 108, 0);\">DESIGNS</span> FOR EVERYONE.</b></h1> </div> <p>Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s. Lorem Ipsum is dummy text of the printing industry.</p> <div class=\"spacer height-20\"></div> <div><a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-btn-small\">Our Portfolio</a></div> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/header-63.png",
        "category": "101",
        "contentCss": "type-fjallaone-ibmplexserif.css",
        "contentClass": "type-fjallaone-ibmplexserif",
        "html": "<div class=\"is-section is-section-100 is-box is-light-text type-fjallaone-ibmplexserif\" style=\"background-color: rgb(239, 108, 0);background-image: linear-gradient(0deg, #FF5722, #FF9800);\"> <div class=\"is-boxes\"> <div class=\"is-box-centered is-content-bottom\"> <div class=\"is-container is-builder container\" style=\"margin-bottom: 0px; max-width: 910px;\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-48 is-title4-48 is-title-lite\" style=\"display: inline-block; letter-spacing: 10px;\">JANE\"S STUDIO</h1> <p style=\"margin-top: 8px; letter-spacing: 1px;\">Web Developer & Graphic Designer</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"is-social center\"> <a href=\"https://twitter.com/\"><i class=\"icon ion-social-twitter\" style=\"margin-right: 1em\"></i></a> <a href=\"https://www.facebook.com/\"><i class=\"icon ion-social-facebook\" style=\"margin-right: 1em\"></i></a> <a href=\"mailto:you@example.com\"><i class=\"icon ion-android-drafts\"></i></a> </div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full center\"> <div class=\"spacer height-140\"></div> </div> </div> <div class=\"row clearfix\" style=\"padding-bottom:0;\"> <div class=\"column full\"> <div style=\"position: relative;height: 15vw;\"> <div style=\"position: absolute;z-index: 100;width: 30vw;left: -28vw;bottom: 0px;\"> <img alt=\"\" src=\"/placeholders/square.jpg\" style=\"box-shadow: rgba(22, 22, 22, 0.1) 0.43em 0em 2em;width: 100%;margin: 0px; float: left;\" data-bottom-top=\"transform:translateX(50px);\" data--50-bottom=\"transform:translateX(0px);\"> </div> <div style=\"position: absolute;z-index: 70;width: 23vw;left: -3vw;bottom: 0px;\"> <img alt=\"\" src=\"/placeholders/square.jpg\" style=\"box-shadow: rgba(22, 22, 22, 0.1) 0.43em 0em 2em;width: 100%;margin: 0px; float: left;\" data-bottom-top=\"transform:translateX(-90px);\" data--50-bottom=\"transform:translateX(0px);\"> </div> <div style=\"position: absolute;z-index: 50;width: 22vw;left: 11vw;bottom: 0px;\"> <img alt=\"\" src=\"/placeholders/square.jpg\" style=\"box-shadow: rgba(22, 22, 22, 0.1) 0.43em 0em 2em; width: 100%;margin: 0px; float: left;\" data-bottom-top=\"transform:translateX(60px);\" data--50-bottom=\"transform:translateX(0px);\"> </div> <div style=\"position: absolute;z-index: 20;width: 26vw;left: 28vw;bottom: 0px;\"> <img alt=\"\" src=\"/placeholders/square.jpg\" style=\"box-shadow: rgba(22, 22, 22, 0.1) 0.43em 0em 2em;width: 100%;margin: 0px; float: left;\" data-bottom-top=\"transform:translateX(-75px);\" data--50-bottom=\"transform:translateX(0px);\"> </div> <div style=\"position: absolute;z-index: 0;width: 30vw;left: 47vw;bottom: 0px;\"> <img alt=\"\" src=\"/placeholders/square.jpg\" style=\"box-shadow: rgba(22, 22, 22, 0.1) 0.43em 0em 2em;width: 100%;margin: 0px; float: left;\" data-bottom-top=\"transform:translateX(50px);\" data--50-bottom=\"transform:translateX(0px);\"> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/header-66.png",
        "category": "101",
        "contentCss": "type-poppins.css",
        "contentClass": "type-poppins",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-box-6 is-dark-text is-bg-light\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-boxes\" style=\"min-height:auto\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" nogrid style=\"max-width: 500px;margin-bottom:0;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <div style=\"position: relative;height: 34vw;\"> <div style=\"position: absolute;z-index: 100;width: 21vw;left: 8vw;top: -7vw;transform: skewX(50deg) skewY(-200deg) rotateX(60deg) rotateY(10deg);\"> <img alt=\"\" src=\"/placeholders/square.jpg\" style=\"box-shadow: rgba(22, 22, 22, 0.3) -3em 2em 5em;width: 100%;\" data-bottom-top=\"transform:translateX(100px);\" data-center-top=\"transform:translateX(0px);\"> </div> <div style=\"position: absolute;z-index: 50;width: 21vw;left: 4vw;top: -1.2vw;transform: skewX(50deg) skewY(-200deg) rotateX(60deg) rotateY(10deg);\"> <img alt=\"\" src=\"/placeholders/square.jpg\" style=\"box-shadow: rgba(22, 22, 22, 0.3) -3em 2em 5em;width: 100%;\" data-bottom-top=\"transform:translateX(150px);\" data-center-top=\"transform:translateX(0px);\"> </div> <div style=\"position: absolute;z-index: 0;width: 21vw;left: 1vw;top: 5vw;transform: skewX(50deg) skewY(-200deg) rotateX(60deg) rotateY(10deg);\"> <img alt=\"\" src=\"/placeholders/square.jpg\" style=\"box-shadow: rgba(22, 22, 22, 0.3) -3em 2em 5em;width: 100%;\" data-bottom-top=\"transform:translateX(200px);\" data-center-top=\"transform:translateX(0px);\"> </div> </div> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-box-6 is-dark-text is-bg-light type-poppins\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 538px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"letter-spacing: 2px; margin-bottom:0\">LESS, BUT BETTER</p> <h1 class=\"size-54\" style=\"letter-spacing: 0px;\">Nothing Left to Take Away</h1> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p> <div class=\"spacer height-20\"></div> <div> <a href=\"#\" class=\"is-btn is-btn-ghost2 is-upper is-rounded-30 is-btn-small\" title=\"\">Portfolio</a> &nbsp;<a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-rounded-30 is-btn-small\" title=\"\">Contact Us</a> </div> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/header-71.png",
        "category": "101",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-box-6 is-align-left is-dark-text\" style=\"background-image: linear-gradient(0deg, #efefef, #fcfcfc);\"> <div class=\"is-boxes\"> <div class=\"is-box-centered is-opacity-95\"> <div class=\"is-container is-builder container edge-x-0 is-content-right\" style=\"max-width: 640px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h3 class=\"size-18\" style=\"letter-spacing: 5px;\">NEW TRENDS</h3> <h1 class=\"size-42\" style=\"letter-spacing: 1px; font-weight: bold;\">Ultimate experiences with story, emotion, and purpose.</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div style=\"margin: 20px 0\"><a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper\" style=\"padding: 13px 28px; font-size: 14px; line-height: 1.5;\">Contact Us</a></div> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-box-6 is-light-text\" style=\"background-image: linear-gradient(0deg, #efefef, #fcfcfc);\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder is-content-500 container\" nogrid> <div class=\"row clearfix\"> <div class=\"column full\"> <div style=\"position: relative;height: 30vw;\"> <div style=\"position: absolute;z-index: 100;width: 14vw;left: 6vw;top: 1vw;\"> <img alt=\"\" src=\"/placeholders/square.jpg\" style=\"width: 100%;box-shadow: rgba(22, 22, 22, 0.2) 0.43em 0.43em 3em;\"> </div> <div style=\"position: absolute;z-index: 50;width: 14vw;left: -6.5vw;top: 2.5vw;transform: rotateX(10deg) rotateZ(-15deg);\"> <img alt=\"\" src=\"/placeholders/square.jpg\" style=\"width: 100%;box-shadow: rgba(22, 22, 22, 0.2) 0.43em 0.43em 3em;\" data-bottom-top=\"transform: rotateX(-10deg) rotateZ(15deg) translateX(100px);\" data-center=\"transform: rotateX(0deg) rotateZ(0deg) translateX(0px);\"> </div> <div style=\"position: absolute;z-index: 0;width: 14vw;left: 18.4vw;top: 2.4vw;transform: rotateX(10deg) rotateZ(15deg);\"> <img alt=\"\" src=\"/placeholders/square.jpg\" style=\"width: 100%;box-shadow: rgba(22, 22, 22, 0.2) 0.43em 0.43em 3em;\" data-bottom-top=\"transform: rotateX(-10deg) rotateZ(-15deg) translateX(-100px);\" data-center=\"transform: rotateX(0deg) rotateZ(0deg) translateX(0px);\"> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/header-64.png",
        "category": "101",
        "contentCss": "type-sourcesanspro-anonymouspro.css",
        "contentClass": "type-sourcesanspro-anonymouspro",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\" style=\"min-height:auto\"> <div class=\"is-box is-dark-text is-bg-light is-box-6\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" nogrid style=\"max-width: 420px;margin-bottom:0;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <div style=\"position: relative;height: 34vw;\"> <div style=\"position: absolute;z-index: 0;width: 20vw;left: -4vw;top: -3vw;\"> <img alt=\"\" src=\"/placeholders/square.jpg\" style=\"width: 100%;box-shadow: rgba(22, 22, 22, 0.2) 0.43em 0.43em 3em;\" alt=\"\" data-bottom-top=\"transform:translateY(100px);\" data-center-top=\"transform:translateY(0px);\"> </div> <div style=\"position: absolute;z-index: 0;width: 27vw;left: 7vw;top: 11vw;\"> <img alt=\"\" src=\"/placeholders/square.jpg\" style=\"margin: 0;\" alt=\"\" data-bottom-top=\"transform:translateX(-100px);\" data-center-top=\"transform:translateX(0px);\"> </div> </div> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-bg-light is-dark-text is-box-6 is-align-right type-sourcesanspro-anonymouspro\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 597px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"display\"> <h1 class=\"size-54\">INNOVATIVE. INSPIRING.</h1> </div> <div class=\"spacer height-20\"></div> <p>Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s. Lorem Ipsum is dummy text of the printing industry.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-20\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div><a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper\" style=\"padding: 13px 28px; font-size: 15px; line-height: 1.5;\">Contact Us</a></div> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/header-74.png",
        "category": "101",
        "contentCss": "type-sourcesanspro-anonymouspro.css",
        "contentClass": "type-sourcesanspro-anonymouspro",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-box-5 is-dark-text\" style=\"background-image: linear-gradient(0deg, #efefef, #ffffff);\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-right edge-x-1\" nogrid style=\"max-width: 345px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <div style=\"position: relative;height: 32vw;\"> <div style=\"position: absolute;z-index: 100;width: 20vw;left: 1vw;top: 5.7vw;\"> <img alt=\"\" src=\"/placeholders/square.jpg\" style=\"box-shadow: rgba(22, 22, 22, 0.2) 3em 3em 5em;width: 100%;\" data-bottom-top=\"transform:translateY(120px);\" data-center=\"transform:translateY(0px);\"> </div> <div style=\"position: absolute;z-index: 50;width: 20vw;left: 7vw;top: 12vw;\"> <img alt=\"\" src=\"/placeholders/square.jpg\" style=\"box-shadow: rgba(22, 22, 22, 0.2) 3em 3em 5em;width: 100%;\" data-bottom-top=\"transform:translateY(-110px);\" data-center=\"transform:translateY(0px);\"> </div> <div style=\"position: absolute;z-index: 0;width: 20vw;left: -7vw;top: 0.8vw;\"> <img alt=\"\" src=\"/placeholders/square.jpg\" style=\"box-shadow: rgba(22, 22, 22, 0.2) 3em 3em 5em;width: 100%;\" data-bottom-top=\"transform:translateX(-100px);\" data-center=\"transform:translateX(0px);\"> </div> </div> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-box-7 type-sourcesanspro-anonymouspro is-dark-text\" style=\"background-image: linear-gradient(0deg, #efefef, #ffffff);\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container container is-builder\" style=\"max-width: 640px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: center; text-transform: uppercase; letter-spacing: 2px;\">WE CREATE AWESOME THINGS</p> <div class=\"display\"> <h1 class=\"size-42\" style=\"text-align: center; font-weight: bold;\">Fully Customizable, Unlimited Possibilities.</h1> </div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-20\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"center\"><a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper\" style=\"padding: 13px 28px; font-size: 15px; line-height: 1.5;\">Contact Us</a></div> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/header-75.png",
        "category": "101",
        "contentCss": "type-poppins-lekton.css",
        "contentClass": "type-poppins-lekton",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-dark-text is-box-6 is-bg-light type-poppins-lekton\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 590px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-54\">Build Anything Beautifully</h1> <p>Fast, Simple, No Need to Code</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-20\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div><a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-rounded-30\" style=\"padding: 13px 28px; font-size: 16px; line-height: 1.5;\">Get Started</a></div> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-box-6 is-bg-light is-dark-text\"> <div class=\"is-boxes\" style=\"min-height:auto\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-left edge-x-1\" nogrid style=\"max-width: 500px;margin-top:0;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <div style=\"position: relative;height: 25vw;\"> <div style=\"position: absolute;z-index: 20;width: 23vw;left: 2.5vw;top: 3vw;transform: rotateX(10deg) rotateZ(-20deg);\"> <img alt=\"\" src=\"/placeholders/square.jpg\" style=\"width: 100%;box-shadow: rgba(22, 22, 22, 0.2) 0.43em 0.43em 3em;\" class=\"skrollable skrollable-after\" data-bottom-top=\"transform:translateX(60px);\" data-center=\"transform:translateX(0px);\"> </div> <div style=\"position: absolute;z-index: 0;width: 23vw;left: -7vw;top: 0.1vw;transform: rotateX(10deg) rotateZ(-20deg);\"> <img alt=\"\" src=\"/placeholders/square.jpg\" style=\"width: 100%;box-shadow: rgba(22, 22, 22, 0.2) 0.43em 0.43em 3em;\" class=\"skrollable skrollable-after\" data-bottom-top=\"transform:translateX(150px);\" data-center=\"transform:translateX(0px);\"> </div> <div style=\"position: absolute;z-index: 50;width: 23vw;left: 11vw;top: 6.5vw;transform: rotateX(10deg) rotateZ(-20deg);\"> <img alt=\"\" src=\"/placeholders/square.jpg\" style=\"width: 100%;box-shadow: rgba(22, 22, 22, 0.2) 0.43em 0.43em 3em;\" class=\"skrollable skrollable-after\" data-bottom-top=\"transform:translateX(130px);\" data-center-top=\"transform:translateX(0px);\"> </div> <div style=\"position: absolute;z-index: 100;width: 23vw;left: 20vw;top: 10vw;transform: rotateX(10deg) rotateZ(-20deg);\"> <img alt=\"\" src=\"/placeholders/square.jpg\" style=\"width: 100%;box-shadow: rgba(22, 22, 22, 0.2) 0.43em 0.43em 3em;\" class=\"skrollable skrollable-after\" data-bottom-top=\"transform:translateX(100px);\" data-center-top=\"transform:translateX(0px);\"> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/header-76.png",
        "category": "101",
        "contentCss": "type-heebo-ibmplexmono.css",
        "contentClass": "type-heebo-ibmplexmono",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-box-6 is-light-text\" style=\"background-image: linear-gradient(0deg, #efefef, #fcfcfc);\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" nogrid style=\"max-width: 178px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <div style=\"position: relative;height: 25vw;\"> <div style=\"position: absolute;z-index: 50;width: 25vw;left: -26vw;top: -18vw;transform: rotateX(-60deg) rotateZ(40deg);\"> <img alt=\"\" src=\"/placeholders/square.jpg\" style=\"box-shadow: rgba(22, 22, 22, 0.4) 3em 3em 5em;width: 100%;\" data-bottom-top=\"transform:translateY(-150px);\" data-center-top=\"transform:translateY(0px);\" class=\"skrollable skrollable-between\"> </div> <div style=\"position: absolute;z-index: 70;width: 25vw;left: -22.5vw;top: -11vw;transform: rotateX(-60deg) rotateZ(40deg);\"> <img alt=\"\" src=\"/placeholders/square.jpg\" style=\"box-shadow: rgba(22, 22, 22, 0.4) 3em 3em 5em;width: 100%;\" class=\"skrollable skrollable-between\" data-bottom-top=\"transform:translateY(100px);\" data-center-top=\"transform:translateY(0px);\"> </div> <div style=\"position: absolute;z-index: 100;width: 25vw;left: -18.5vw;top: -3vw;transform: rotateX(-60deg) rotateZ(40deg);\"> <img alt=\"\" src=\"/placeholders/square.jpg\" style=\"box-shadow: rgba(22, 22, 22, 0.4) 3em 3em 5em;width: 100%;\" class=\"skrollable skrollable-before\" data-bottom-top=\"transform:translateY(130px);\" data-center-top=\"transform:translateY(0px);\"> </div> </div> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-box-6 is-dark-text type-heebo-ibmplexmono\" style=\"background-image: linear-gradient(0deg, #efefef, #fcfcfc)\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 640px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"letter-spacing: 3px;\">MODERN & MINIMAL</p> <div class=\"display\"> <h1 class=\"size-60\" style=\"text-align: left; letter-spacing: 2px;\">Keep Everything Simple.</h1> </div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div style=\"margin: 20px 0\"><a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper\" style=\"padding: 13px 28px; font-size: 15px; line-height: 1.5;\">Get a Quote</a></div> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/header-77.png",
        "category": "101",
        "contentCss": "type-poppins.css",
        "contentClass": "type-poppins",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-box-7 is-bg-grey is-dark-text type-poppins\" style=\"background-image: linear-gradient(0deg, #ECE9E6, #ffffff);\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-left\" style=\"max-width: 480px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h2 class=\"size-54\">Simple. Adjustable. Beautiful.</h2> <p>Lorem Ipsum is dummy text. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-btn-small\">Contact Us</a> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-dark-text is-box-5\" style=\"background-color: rgb(255, 143, 0);background-image: linear-gradient(0deg, #ECE9E6, #ffffff);\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder is-content-500 container\" nogrid> <div class=\"row clearfix\"> <div class=\"column full\"> <div style=\"position: relative;height: 21vw;\"> <div style=\"position: absolute;z-index: 70;width: 20vw;left: -13vw;top: -5vw;transform: rotateZ(-20deg);\"> <img src=\"/placeholders/square.jpg\" style=\"width: 100%; box-shadow: rgba(22, 22, 22, 0.3) 0.43em 0.43em 2em; transform: translateY(0px);\" data-bottom-top=\"transform:translateY(-200px);\" data-center=\"transform:translateY(0px);\" alt=\"\"> </div> <div style=\"position: absolute;z-index: 70;width: 20vw;left: 14vw;top: -5vw;transform: rotateZ(-20deg);\"> <img src=\"/placeholders/square.jpg\" style=\"width: 100%; box-shadow: rgba(22, 22, 22, 0.3) 0.43em 0.43em 2em; transform: translateX(0px);\" data-bottom-top=\"transform:translateX(150px);\" data-center=\"transform:translateX(0px);\" alt=\"\"> </div> <div style=\"position: absolute;z-index: 50;width: 20vw;left: -11vw;top: 12vw;transform: rotateZ(-20deg);\"> <img src=\"/placeholders/square.jpg\" style=\"box-shadow: rgba(22, 22, 22, 0.3) 0.43em 0.43em 2em; transform: translateX(0px);\" data-bottom-top=\"transform:translateX(-110px);\" data--100-bottom=\"transform:translateX(0px);\" alt=\"\"> </div> <div style=\"position: absolute;z-index: 50;width: 20vw;left: 16vw;top: 12vw;transform: rotateZ(-20deg);\"> <img src=\"/placeholders/square.jpg\" style=\"box-shadow: rgba(22, 22, 22, 0.3) 0.43em 0.43em 2em; transform: translateY(0px);\" data-bottom-top=\"transform:translateY(130px);\" data--100-bottom=\"transform:translateY(0px);\" alt=\"\"> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/photos-01.png",
        "category": "102",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 1080px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <p class=\"size-24\" style=\"font-family: Georgia, serif;line-height:1.5\"><i>Our</i></p> <h1 class=\"size-48 is-title1-48 is-title-lite\" style=\"line-height:1\"><b>GALLERY</b></h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column third\"> <img alt=\"\" src=\"/placeholders/square.jpg\"> <h3 style=\"line-height:1\"><i>01</i></h3> <p>Lorem Ipsum is simply dummy text.</p> </div> <div class=\"column third\"> <img alt=\"\" src=\"/placeholders/square.jpg\"> <h3 style=\"line-height:1\"><i>02</i></h3> <p>Lorem Ipsum is simply dummy text.</p> </div> <div class=\"column third\"> <img alt=\"\" src=\"/placeholders/square.jpg\"> <h3 style=\"line-height:1\"><i>03</i></h3> <p>Lorem Ipsum is simply dummy text.</p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/photos-02.png",
        "category": "102",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-bg-light is-dark-text is-align-center\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 982px;\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-46\" style=\"font-family: Georgia, serif;\"><i>Gallery</i></h1> <p style=\"border-bottom: 2px solid #333; width: 40px; display: inline-block;\"></p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column third\"> <img alt=\"\" src=\"/placeholders/square.jpg\"> </div> <div class=\"column third\"> <img alt=\"\" src=\"/placeholders/square.jpg\"> </div> <div class=\"column third\"> <img alt=\"\" src=\"/placeholders/square.jpg\"> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/photos-03.png",
        "category": "102",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 780px;\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-42\" style=\"letter-spacing: 2px;\">GALLERY</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column half center\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> <div class=\"column half center\"> <h1 class=\"size-64\" style=\"font-weight: bold;\">01.</h1> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column half center\"> <h1 class=\"size-64\" style=\"font-weight: bold;\">02.</h1> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p> </div> <div class=\"column half center\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/photos-04.png",
        "category": "102",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-1100\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-48 is-title1-48 is-title-lite\">PORTFOLIO</h1> <p class=\"size-21\">We create something differently. Not just beautiful, but detailed.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column third center\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> <div class=\"column third center\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> <div class=\"column third center\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/photos-05.png",
        "category": "102",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-1050\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-64 is-title1-64 is-title-lite\">GALLERY</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column third\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> <p>Lorem Ipsum is simply text.</p> </div> <div class=\"column third\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> <p>Lorem Ipsum is simply text.</p> </div> <div class=\"column third\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> <p>Lorem Ipsum is simply text.</p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/photos-06.png",
        "category": "102",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 680px;\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <p class=\"size-24\" style=\"font-family: serif; line-height: 1;\"><i style=\"color: rgb(188, 188, 188);\">Our</i></p> <h1 class=\"size-38\" style=\"line-height: 1; letter-spacing: 2px; font-weight: bold;\"><b>GALLERY</b></h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column third\"> <img src=\"/placeholders/square.jpg\" style=\"border-radius: 500px;\" alt=\"\"> </div> <div class=\"column two-third\"> <h2 class=\"size-48\" style=\"color: rgb(188, 188, 188);margin-top: 10px;\">01</h2> <p>Lorem Ipsum is dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column two-third\"> <h2 class=\"size-48\" style=\"color: rgb(188, 188, 188);margin-top: 10px;\">02</h2> <p>Lorem Ipsum is dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever.</p> </div> <div class=\"column third center\"> <img src=\"/placeholders/square.jpg\" style=\"border-radius: 500px;\" alt=\"\"> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/photos-07.png",
        "category": "102",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-1100\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-64 is-title1-64 is-title-lite\">OUR WORKS</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column third center\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> <h3 class=\"size-21\">PROJECT ONE</h3> <p>Lorem Ipsum is simply dummy text.</p> </div> <div class=\"column third center\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> <h3 class=\"size-21\">PROJECT TWO</h3> <p>Lorem Ipsum is simply dummy text.</p> </div> <div class=\"column third center\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> <h3 class=\"size-21\">PROJECT THREE</h3> <p>Lorem Ipsum is simply dummy text.</p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/photos-08.png",
        "category": "102",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 950px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1>Gallery</h1> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-20\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column third\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> <div class=\"column third\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> <div class=\"column third\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> </div> <div class=\"row clearfix\"> <div class=\"column third\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> <div class=\"column third\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> <div class=\"column third\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/photos-13.png",
        "category": "102",
        "contentCss": "type-sourcesanspro-anonymouspro.css",
        "contentClass": "type-sourcesanspro-anonymouspro",
        "html": "<div class=\"is-section is-section-100 is-box type-sourcesanspro-anonymouspro\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg');\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered is-opacity-95\"> <div class=\"is-container is-builder container is-content-left is-content-1050\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-42 is-title1-42 is-title-lite\">OUR WORKS</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column third\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> <p style=\"margin-top: 0\">Caption One</p> </div> <div class=\"column third\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> <p style=\"margin-top: 0\">Caption Two</p> </div> <div class=\"column third\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> <p style=\"margin-top: 0\">Caption Three</p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/photos-10.png",
        "category": "102",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-1050\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-64 is-title1-64 is-title-lite\">GALLERY</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column fourth center\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> <p style=\"line-height:1\">Lorem Ipsum</p> </div> <div class=\"column fourth center\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> <p style=\"line-height:1\">Lorem Ipsum</p> </div> <div class=\"column fourth center\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> <p style=\"line-height:1\">Lorem Ipsum</p> </div> <div class=\"column fourth center\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> <p style=\"line-height:1\">Lorem Ipsum</p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/photos-11.png",
        "category": "102",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 720px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-42\" style=\"letter-spacing: 2px;\">GALLERY</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-20\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column half\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> <div class=\"column half\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> </div> <div class=\"row clearfix\"> <div class=\"column half\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> <div class=\"column half\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/photos-12.png",
        "category": "102",
        "contentCss": "type-fjallaone-ibmplexserif.css",
        "contentClass": "type-fjallaone-ibmplexserif",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text type-fjallaone-ibmplexserif\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 1021px;\"> <div class=\"row clearfix\"> <div class=\"column third\"> <div class=\"display\"> <h1 class=\"size-54\" style=\"letter-spacing: 6px;\">WHAT WE HAVE DONE SO FAR</h1> </div> <div class=\"spacer height-20\"></div> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it.</p> </div> <div class=\"column third\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> <img src=\"/placeholders/square.jpg\" style=\"margin-top: 15px;\" alt=\"\"> </div> <div class=\"column third\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/photos-14.png",
        "category": "102",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 820px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> <h4 style=\"font-style: normal; letter-spacing: 2px; text-align: right;\"><b>Less is More</b></h4> <p style=\"text-align: right;\">Lorem Ipsum is simply dummy text of the printing industry</p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/photos-15.png",
        "category": "102",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box\" style=\"background-color: rgb(248, 248, 248);\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 820px;\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> <h4>Start From Here</h4> <p>Lorem Ipsum is simply dummy text of the printing industry</p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/photos-16.png",
        "category": "102",
        "contentCss": "type-fjallaone-ibmplexserif.css",
        "contentClass": "type-fjallaone-ibmplexserif",
        "html": "<div class=\"is-section is-section-100 is-box type-fjallaone-ibmplexserif\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 940px;\"> <div class=\"row clearfix\"> <div class=\"column half\"> <div class=\"spacer height-20\"></div> <h1 class=\"size-32\">Lovely Sunday</h1> <p style=\"color: rgb(136, 136, 136); font-style: italic;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s.</p> </div> <div class=\"column half\"> <div style=\"padding-left:20px\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/photos-17.png",
        "category": "102",
        "contentCss": "type-raleway-playfairdisplay.css",
        "contentClass": "type-raleway-playfairdisplay",
        "html": "<div class=\"is-section is-section-100 is-box type-raleway-playfairdisplay\" style=\"background-color: rgb(248, 248, 248);\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 959px;\"> <div class=\"row clearfix\"> <div class=\"column half\"> <div style=\"padding-right:20px\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> </div> <div class=\"column half right\"> <div class=\"spacer height-80\"></div> <h1 class=\"size-42\" style=\"width: 100%; max-width: 300px; margin: 0px auto; text-align: center;\">LOVE FOR FOOD</h1> <div class=\"spacer height-100\"></div> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type.</p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/photos-18.png",
        "category": "102",
        "contentCss": "type-engagement-spectral.css",
        "contentClass": "type-engagement-spectral",
        "html": "<div class=\"is-section is-section-100 is-box type-engagement-spectral\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 1100px;\"> <div class=\"row clearfix\"> <div class=\"column two-third\"> <div style=\"padding-right:20px\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> </div> <div class=\"column third\"> <h1 class=\"size-42\" style=\"letter-spacing: 1px; margin-top: 20px\">Minimal touches.</h1> <p style=\"font-style: italic;\">Lorem Ipsum is simply dummy text</p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/photos-19.png",
        "category": "102",
        "contentCss": "type-engagement-spectral.css",
        "contentClass": "type-engagement-spectral",
        "html": "<div class=\"is-section is-section-100 is-box type-engagement-spectral\" style=\"background-color: rgb(248, 248, 248);\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 1100px;\"> <div class=\"row clearfix\"> <div class=\"column third\"> <h1 class=\"size-42\" style=\"letter-spacing: 1px; margin-top: 20px\">Hello, Beautiful Summer.</h1> <p style=\"font-style: italic;\">Lorem Ipsum is simply dummy text</p> </div> <div class=\"column two-third\"> <div style=\"padding-left:20px\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/photos-20.png",
        "category": "102",
        "contentCss": "type-oranienbaum-sourcesanspro.css",
        "contentClass": "type-oranienbaum-sourcesanspro",
        "html": "<div class=\"is-section is-section-100 is-box type-oranienbaum-sourcesanspro\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 1088px;\"> <div class=\"row clearfix\"> <div class=\"column half\"> <div style=\"padding-right:20px\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> </div> <div class=\"column half\"> <h1 style=\"margin-top: 10px\">01</h1> <p>Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/photos-21.png",
        "category": "102",
        "contentCss": "type-oranienbaum-sourcesanspro.css",
        "contentClass": "type-oranienbaum-sourcesanspro",
        "html": "<div class=\"is-section is-section-100 is-box type-oranienbaum-sourcesanspro\" style=\"background-color: rgb(248, 248, 248);\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 1088px;\"> <div class=\"row clearfix\"> <div class=\"column half\"> <h1 style=\"margin-top: 10px\">02</h1> <p>Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> <div class=\"column half\"> <div style=\"padding-left:20px\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/photos-22.png",
        "category": "102",
        "contentCss": "type-raleway-playfairdisplay.css",
        "contentClass": "type-raleway-playfairdisplay",
        "html": "<div class=\"is-section is-section-100 is-box type-raleway-playfairdisplay\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 820px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h4 style=\"letter-spacing: 2px;\">Image Caption</h4> <p>Lorem Ipsum is simply dummy text of the printing industry</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/profile-01.png",
        "category": "103",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-1200\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-48 is-title1-48 is-title-lite\" style=\"line-height:1\">MEET OUR TEAM</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column third center\"> <img src=\"/placeholders/square.jpg\" alt=\"\" style=\"border-radius: 500px;\"> <h3 class=\"size-21 is-title-lite\">VINCENT NELSON</h3> <p style=\"color: #b7b7b7\">WEB DESIGNER</p> </div> <div class=\"column third center\"> <img src=\"/placeholders/square.jpg\" alt=\"\" style=\"border-radius: 500px;\"> <h3 class=\"size-21 is-title-lite\">NATHAN WILLIAMS</h3> <p style=\"color: #b7b7b7\">WEB DEVELOPER</p> </div> <div class=\"column third center\"> <img src=\"/placeholders/square.jpg\" alt=\"\" style=\"border-radius: 500px;\"> <h3 class=\"size-21 is-title-lite\">THOMAS CALVIN</h3> <p style=\"color: #b7b7b7\">ACCOUNT MANAGER</p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/profile-02.png",
        "category": "103",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 927px;\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-42\" style=\"letter-spacing: 2px;\">HIGHLY QUALIFIED TEAM</h1> <p style=\"border-bottom: 2px solid #e74c3c; width: 60px; display: inline-block; margin-top: 0\"></p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column third center\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> <h3 class=\"size-18 is-title-lite\">JENNIFER ASHLEY</h3> <div class=\"size-14 is-social edit\"> <a href=\"https://twitter.com/\"><i class=\"icon ion-social-twitter\"></i></a> <a href=\"https://www.facebook.com/\"><i class=\"icon ion-social-facebook\"></i></a> <a href=\"https://www.instagram.com/\"><i class=\"icon ion-social-instagram-outline\"></i></a> <a href=\"https://pinterest.com/\"><i class=\"icon ion-social-pinterest-outline\"></i></a> </div> </div> <div class=\"column third center\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> <h3 class=\"size-18 is-title-lite\">MICHAEL ISON</h3> <div class=\"size-14 is-social edit\"> <a href=\"https://twitter.com/\"><i class=\"icon ion-social-twitter\"></i></a> <a href=\"https://www.facebook.com/\"><i class=\"icon ion-social-facebook\"></i></a> <a href=\"https://www.instagram.com/\"><i class=\"icon ion-social-instagram-outline\"></i></a> <a href=\"https://pinterest.com/\"><i class=\"icon ion-social-pinterest-outline\"></i></a> </div> </div> <div class=\"column third center\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> <h3 class=\"size-18 is-title-lite\">JOHN CONWAY</h3> <div class=\"size-14 is-social edit\"> <a href=\"https://twitter.com/\"><i class=\"icon ion-social-twitter\"></i></a> <a href=\"https://www.facebook.com/\"><i class=\"icon ion-social-facebook\"></i></a> <a href=\"https://www.instagram.com/\"><i class=\"icon ion-social-instagram-outline\"></i></a> <a href=\"https://pinterest.com/\"><i class=\"icon ion-social-pinterest-outline\"></i></a> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/profile-03.png",
        "category": "103",
        "contentCss": "type-poppins-lekton.css",
        "contentClass": "type-poppins-lekton",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text type-poppins-lekton\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 813px;\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-42\" style=\"letter-spacing: 3px;\">MEET THE EXPERTS</h1> <p style=\"color: rgb(136, 136, 136);\">Here are our awesome team.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full center\"> <div class=\"spacer height-20\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column third center\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> <h3 style=\"letter-spacing: 3px;\" class=\"size-21\">Sarah Doe</h5> <p style=\"color: rgb(136, 136, 136);\">Founder</p> </div> <div class=\"column third center\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> <h3 style=\"letter-spacing: 3px;\" class=\"size-21\">David Anderson</h5> <p style=\"color: rgb(136, 136, 136);\">Programmer</p> </div> <div class=\"column third center\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> <h3 style=\"letter-spacing: 3px;\" class=\"size-21\">Jennifer Clarke</h5> <p style=\"color: rgb(136, 136, 136);\">Web Designer</p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/profile-04.png",
        "category": "103",
        "contentCss": "type-oranienbaum-sourcesanspro.css",
        "contentClass": "type-oranienbaum-sourcesanspro",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text type-oranienbaum-sourcesanspro\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 928px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 style=\"font-size: 56px !important; letter-spacing: 3px; width: 400px; max-width: 100%; line-height: 1.2;\">Meet <br>our amazing team.</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full center\"> <div class=\"spacer height-20\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column third\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> <h5 class=\"size-21\">Nathan Williams <span style=\"color: rgb(136, 136, 136);\">/ Founder</span></h5> <p>Lorem Ipsum is simply dummy text of the printing industry.</p> </div> <div class=\"column third\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> <h5 class=\"size-21\">Sarah Smith <span style=\"color: rgb(136, 136, 136);\">/ Developer</span></h5> <p>Lorem Ipsum is simply dummy text of the printing industry.</p> </div> <div class=\"column third\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> <h5 class=\"size-21\">Jane Doe <span style=\"color: rgb(136, 136, 136);\">/ Web Designer</span></h5> <p>Lorem Ipsum is simply dummy text of the printing industry.</p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/profile-05.png",
        "category": "103",
        "contentCss": "type-oranienbaum-sourcesanspro.css",
        "contentClass": "type-oranienbaum-sourcesanspro",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text type-oranienbaum-sourcesanspro\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 1179px;\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1>Meet The Team</h1> <p style=\"letter-spacing: 9px;\">Here are our awesome team.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-60\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column fourth center\"> <img src=\"/placeholders/square.jpg\" alt=\"\" style=\"border-radius: 500px;\"> <h3 class=\"size-24\">David Smith</h3> <p style=\"color: rgb(136, 136, 136);\">CEO & Founder</p> </div> <div class=\"column fourth center\"> <img src=\"/placeholders/square.jpg\" alt=\"\" style=\"border-radius: 500px;\"> <h3 class=\"size-24\">Milla Clarke</h3> <p style=\"color: rgb(136, 136, 136);\">Project Manager</p> </div> <div class=\"column fourth center\"> <img src=\"/placeholders/square.jpg\" alt=\"\" style=\"border-radius: 500px;\"> <h3 class=\"size-24\">Jonathan Rugg</h3> <p style=\"color: rgb(136, 136, 136);\">Developer</p> </div> <div class=\"column fourth center\"> <img src=\"/placeholders/square.jpg\" alt=\"\" style=\"border-radius: 500px;\"> <h3 class=\"size-24\">Sarah Anderson</h3> <p style=\"color: rgb(136, 136, 136);\">Web Designer</p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/profile-06.png",
        "category": "103",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-1200\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-32 is-title1-32 is-title-lite\" style=\"line-height:1\"><b>OUR TEAM</b></h1> <p style=\"border-bottom: 2.5px solid #e74c3c; width: 60px; display: inline-block; margin-top: 0\"></p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column fourth center\"> <img src=\"/placeholders/square.jpg\" alt=\"\" style=\"border-radius: 500px;\"> <h3 class=\"size-21 is-title-lite\">SARAH ANDERSON</h3> <div class=\"size-12 is-social edit\"> <a href=\"https://twitter.com/\"><i class=\"icon ion-social-twitter\"></i></a> <a href=\"https://www.facebook.com/\"><i class=\"icon ion-social-facebook\"></i></a> <a href=\"https://www.instagram.com/\"><i class=\"icon ion-social-instagram-outline\"></i></a> <a href=\"https://pinterest.com/\"><i class=\"icon ion-social-pinterest-outline\"></i></a> </div> </div> <div class=\"column fourth center\"> <img src=\"/placeholders/square.jpg\" alt=\"\" style=\"border-radius: 500px;\"> <h3 class=\"size-21 is-title-lite\">MELISSA DOE</h3> <div class=\"size-12 is-social edit\"> <a href=\"https://twitter.com/\"><i class=\"icon ion-social-twitter\"></i></a> <a href=\"https://www.facebook.com/\"><i class=\"icon ion-social-facebook\"></i></a> <a href=\"https://www.instagram.com/\"><i class=\"icon ion-social-instagram-outline\"></i></a> <a href=\"https://pinterest.com/\"><i class=\"icon ion-social-pinterest-outline\"></i></a> </div> </div> <div class=\"column fourth center\"> <img src=\"/placeholders/square.jpg\" alt=\"\" style=\"border-radius: 500px;\"> <h3 class=\"size-21 is-title-lite\">NATASHA KERR</h3> <div class=\"size-12 is-social edit\"> <a href=\"https://twitter.com/\"><i class=\"icon ion-social-twitter\"></i></a> <a href=\"https://www.facebook.com/\"><i class=\"icon ion-social-facebook\"></i></a> <a href=\"https://www.instagram.com/\"><i class=\"icon ion-social-instagram-outline\"></i></a> <a href=\"https://pinterest.com/\"><i class=\"icon ion-social-pinterest-outline\"></i></a> </div> </div> <div class=\"column fourth center\"> <img src=\"/placeholders/square.jpg\" alt=\"\" style=\"border-radius: 500px;\"> <h3 class=\"size-21 is-title-lite\">JANE WILLIAMS</h3> <div class=\"size-12 is-social edit\"> <a href=\"https://twitter.com/\"><i class=\"icon ion-social-twitter\"></i></a> <a href=\"https://www.facebook.com/\"><i class=\"icon ion-social-facebook\"></i></a> <a href=\"https://www.instagram.com/\"><i class=\"icon ion-social-instagram-outline\"></i></a> <a href=\"https://pinterest.com/\"><i class=\"icon ion-social-pinterest-outline\"></i></a> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/profile-07.png",
        "category": "103",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 780px;\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-46\" style=\"letter-spacing: 2px;\">OUR TEAM</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column half\"> <img src=\"/placeholders/square.jpg\" alt=\"\" style=\"width: 90%; height: auto;\"> </div> <div class=\"column half\"> <h2 class=\"size-28\">Your Name</h2> <p style=\"text-align: justify;\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column half\"> <img src=\"/placeholders/square.jpg\" alt=\"\" style=\"width: 90%; height: auto;\"> </div> <div class=\"column half\"> <h2 class=\"size-28\">Your Name</h2> <p style=\"text-align: justify;\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it.</p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/profile-08.png",
        "category": "103",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 1000px;\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-42\" style=\"letter-spacing: 6px;\">MEET THE EXPERTS</h1> <p style=\"letter-spacing: 2px;\">Here are our awesome team</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column third\"> <div class=\"is-card max-390 is-light-text\" style=\"width:calc(100%);background: #1c93ad;\"> <img src=\"/placeholders/square.jpg\" alt=\"\" class=\"margin-0\"> <div style=\"padding:25px;width:100%;box-sizing:border-box;text-align:center;\"> <h3 class=\"size-21 margin-0\" style=\"letter-spacing: 1px;\">SARAH ANDERSON</h3> <p class=\"size-16\">Lorem Ipsum is simply dummy text of the printing industry.</p> <div class=\"is-social edit\"> <div class=\"size-14\"> <a href=\"https://twitter.com/\"><i class=\"icon ion-social-twitter\" style=\"margin-right: 1em; color: #fff\"></i></a> <a href=\"https://www.facebook.com/\"><i class=\"icon ion-social-facebook\" style=\"margin-right: 1em; color: #fff\"></i></a> <a href=\"https://www.instagram.com/\"><i class=\"icon ion-social-instagram-outline\" style=\"color: #fff\"></i></a> </div> </div> </div> </div> </div> <div class=\"column third\"> <div class=\"is-card max-390 is-light-text\" style=\"width:calc(100%);background: #e0527e;\"> <img src=\"/placeholders/square.jpg\" alt=\"\" class=\"margin-0\"> <div style=\"padding:25px;width:100%;box-sizing:border-box;text-align:center;\"> <h3 class=\"size-21 margin-0\" style=\"letter-spacing: 1px;\">MICHELLE DOE</h3> <p class=\"size-16\">Lorem Ipsum is simply dummy text of the printing industry.</p> <div class=\"is-social edit\"> <div class=\"size-14\"> <a href=\"https://twitter.com/\"><i class=\"icon ion-social-twitter\" style=\"margin-right: 1em; color: #fff\"></i></a> <a href=\"https://www.facebook.com/\"><i class=\"icon ion-social-facebook\" style=\"margin-right: 1em; color: #fff\"></i></a> <a href=\"https://www.instagram.com/\"><i class=\"icon ion-social-instagram-outline\" style=\"color: #fff\"></i></a> </div> </div> </div> </div> </div> <div class=\"column third\"> <div class=\"is-card max-390 is-light-text\" style=\"width:calc(100%);background: #e17055\"> <img src=\"/placeholders/square.jpg\" alt=\"\" class=\"margin-0\"> <div style=\"padding:25px;width:100%;box-sizing:border-box;text-align:center;\"> <h3 class=\"size-21 margin-0\" style=\"letter-spacing: 1px;\">JANE WILLIAMS</h3> <p class=\"size-16\">Lorem Ipsum is simply dummy text of the printing industry.</p> <div class=\"is-social edit\"> <div class=\"size-14\"> <a href=\"https://twitter.com/\"><i class=\"icon ion-social-twitter\" style=\"margin-right: 1em; color: #fff\"></i></a> <a href=\"https://www.facebook.com/\"><i class=\"icon ion-social-facebook\" style=\"margin-right: 1em; color: #fff\"></i></a> <a href=\"https://www.instagram.com/\"><i class=\"icon ion-social-instagram-outline\" style=\"color: #fff\"></i></a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/profile-09.png",
        "category": "103",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 928px;\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-38\" style=\"letter-spacing: 4px;\">A Passionate Team</h1> <p>We work as equals, celebrate as a team & have fun with each other.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-20\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column third center\"> <img alt=\"\" src=\"/placeholders/square.jpg\" style=\"width: 80%; height: auto;\"> <h3 class=\"size-24 margin-0\" style=\"letter-spacing: 1px;\">Natasha Kinley</h3> <p class=\"size-18\">Lorem Ipsum is dummy text of the printing industry.</p> <div style=\"text-align: center; width: 30px; height: 30px; line-height: 30px; border-radius: 50%; border: 2px solid #e67e22; display: inline-block; margin-right: 8px\"> <a href=\"#\" title=\"\"><i class=\"icon ion-android-drafts size-16\" style=\"color: #e67e22\"></i></a> </div> <div style=\"text-align: center; width: 30px; height: 30px; line-height: 30px; border-radius: 50%; border: 2px solid #e67e22; display: inline-block; margin-right: 8px\"> <a href=\"#\" title=\"\"><i class=\"icon ion-social-instagram-outline size-16\" style=\"color: #e67e22\"></i></a> </div> <div style=\"text-align: center; width: 30px; height: 30px; line-height: 30px; border-radius: 50%; border: 2px solid #e67e22; display: inline-block;\"> <a href=\"#\" title=\"\"><i class=\"icon ion-social-twitter size-16\" style=\"color: #e67e22\"></i></a> </div> </div> <div class=\"column third center\"> <img alt=\"\" src=\"/placeholders/square.jpg\" style=\"width: 80%; height: auto;\"> <h3 class=\"size-24 margin-0\" style=\"letter-spacing: 1px;\">Irene Clark</h3> <p class=\"size-18\">Lorem Ipsum is dummy text of the printing industry.</p> <div style=\"text-align: center; width: 30px; height: 30px; line-height: 30px; border-radius: 50%; border: 2px solid #e67e22; display: inline-block; margin-right: 8px\"> <a href=\"#\" title=\"\"><i class=\"icon ion-android-drafts size-16\" style=\"color: #e67e22\"></i></a> </div> <div style=\"text-align: center; width: 30px; height: 30px; line-height: 30px; border-radius: 50%; border: 2px solid #e67e22; display: inline-block; margin-right: 8px\"> <a href=\"#\" title=\"\"><i class=\"icon ion-social-instagram-outline size-16\" style=\"color: #e67e22\"></i></a> </div> <div style=\"text-align: center; width: 30px; height: 30px; line-height: 30px; border-radius: 50%; border: 2px solid #e67e22; display: inline-block;\"> <a href=\"#\" title=\"\"><i class=\"icon ion-social-twitter size-16\" style=\"color: #e67e22\"></i></a> </div> </div> <div class=\"column third center\"> <img alt=\"\" src=\"/placeholders/square.jpg\" style=\"width: 80%; height: auto;\"> <h3 class=\"size-24 margin-0\" style=\"letter-spacing: 1px;\">Jeff Anderson</h3> <p class=\"size-18\">Lorem Ipsum is dummy text of the printing industry.</p> <div style=\"text-align: center; width: 30px; height: 30px; line-height: 30px; border-radius: 50%; border: 2px solid #e67e22; display: inline-block; margin-right: 8px\"> <a href=\"#\" title=\"\"><i class=\"icon ion-android-drafts size-16\" style=\"color: #e67e22\"></i></a> </div> <div style=\"text-align: center; width: 30px; height: 30px; line-height: 30px; border-radius: 50%; border: 2px solid #e67e22; display: inline-block; margin-right: 8px\"> <a href=\"#\" title=\"\"><i class=\"icon ion-social-instagram-outline size-16\" style=\"color: #e67e22\"></i></a> </div> <div style=\"text-align: center; width: 30px; height: 30px; line-height: 30px; border-radius: 50%; border: 2px solid #e67e22; display: inline-block;\"> <a href=\"#\" title=\"\"><i class=\"icon ion-social-twitter size-16\" style=\"color: #e67e22\"></i></a> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/profile-10.png",
        "category": "103",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg'); background-position: 50% 60%;\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-1200\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-48 is-title1-48 is-title-lite\" style=\"line-height:1\">MEET OUR TEAM</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column third center\"> <img alt=\"\" src=\"/placeholders/square.jpg\" style=\"border-radius: 500px;\"> <h3 class=\"size-21 is-title-lite\">VINCENT NELSON</h3> <p style=\"color: #a5a5a5;\">WEB DESIGNER</p> </div> <div class=\"column third center\"> <img alt=\"\" src=\"/placeholders/square.jpg\" style=\"border-radius: 500px;\"> <h3 class=\"size-21 is-title-lite\">NATHAN WILLIAMS</h3> <p style=\"color: #a5a5a5\">WEB DEVELOPER</p> </div> <div class=\"column third center\"> <img alt=\"\" src=\"/placeholders/square.jpg\" style=\"border-radius: 500px;\"> <h3 class=\"size-21 is-title-lite\">THOMAS CALVIN</h3> <p style=\"color: #a5a5a5\">ACCOUNT MANAGER</p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/profile-11.png",
        "category": "103",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg'); background-position: 50% 100%;\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> <div class=\"is-overlay-color\" style=\"background-color: rgb(0, 0, 0);\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered is-opacity-95\"> <div class=\"is-container is-builder container is-content-left\" style=\"max-width: 751px;\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-46\" style=\"letter-spacing: 1px;\">Meet Our Chefs</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column half\"> <img src=\"/placeholders/square.jpg\" alt=\"\" style=\"width: 90%; height: auto;\"> </div> <div class=\"column half\"> <h3 class=\"size-24\">Clarissa Smith</h3> <p>Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column half\"> <img src=\"/placeholders/square.jpg\" alt=\"\" style=\"width: 90%; height: auto;\"> </div> <div class=\"column half\"> <h3 class=\"size-24\">Jane Anderson</h3> <p>Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it.</p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/profile-12.png",
        "category": "103",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg'); background-position: 50% 80%;\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered is-opacity-95\"> <div class=\"is-container is-builder container is-content-left is-content-1050\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-32 is-title1-32 is-title-lite\" style=\"line-height:1\"><b>OUR TEAM</b></h1> <p style=\"border-bottom: 2.5px solid #e74c3c; width: 60px; display: inline-block; margin-top: 0\"></p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column third center\"> <img src=\"/placeholders/square.jpg\" alt=\"\" style=\"border-radius: 500px;\"> <h3 class=\"size-21 is-title-lite\">JOHN ANDERSON</h3> <div class=\"size-12 is-social edit\"> <a href=\"https://twitter.com/\"><i class=\"icon ion-social-twitter\"></i></a> <a href=\"https://www.facebook.com/\"><i class=\"icon ion-social-facebook\"></i></a> <a href=\"https://www.instagram.com/\"><i class=\"icon ion-social-instagram-outline\"></i></a> </div> </div> <div class=\"column third center\"> <img src=\"/placeholders/square.jpg\" alt=\"\" style=\"border-radius: 500px;\"> <h3 class=\"size-21 is-title-lite\">DAVID CLARK</h3> <div class=\"size-12 is-social edit\"> <a href=\"https://twitter.com/\"><i class=\"icon ion-social-twitter\"></i></a> <a href=\"https://www.facebook.com/\"><i class=\"icon ion-social-facebook\"></i></a> <a href=\"https://www.instagram.com/\"><i class=\"icon ion-social-instagram-outline\"></i></a> </div> </div> <div class=\"column third center\"> <img src=\"/placeholders/square.jpg\" alt=\"\" style=\"border-radius: 500px;\"> <h3 class=\"size-21 is-title-lite\">NATASHA KERR</h3> <div class=\"size-12 is-social edit\"> <a href=\"https://twitter.com/\"><i class=\"icon ion-social-twitter\"></i></a> <a href=\"https://www.facebook.com/\"><i class=\"icon ion-social-facebook\"></i></a> <a href=\"https://www.instagram.com/\"><i class=\"icon ion-social-instagram-outline\"></i></a> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/profile-13.png",
        "category": "103",
        "contentCss": "type-heebo-ibmplexmono.css",
        "contentClass": "type-heebo-ibmplexmono",
        "html": "<div class=\"is-section is-section-100 is-shadow-1 is-box is-dark-text type-heebo-ibmplexmono\" style=\"background-image: linear-gradient(0deg, #efefef, #fcfcfc);\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 1200px;\"> <div class=\"row clearfix\"> <div class=\"column half center\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> <div class=\"column half\"> <div class=\"spacer height-60\"></div> <h1 style=\"text-align: center; letter-spacing: 3px;\">Sandra Robinson</h1> <p style=\"letter-spacing: 3px; font-size: 15px; text-align: center;\">WEB DEVELOPER</p> <div class=\"spacer height-40\"></div> <p style=\"text-align: center;\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s.</p> <div class=\"spacer height-20\"></div> <div class=\"is-social center\"> <a href=\"https://twitter.com/\"><i class=\"icon ion-social-twitter\" style=\"margin-right: 1em\"></i></a> <a href=\"https://www.facebook.com/\"><i class=\"icon ion-social-facebook\" style=\"margin-right: 1em\"></i></a> <a href=\"mailto:you@example.com\"><i class=\"icon ion-android-drafts\"></i></a> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/profile-14.png",
        "category": "103",
        "contentCss": "type-heebo-ibmplexmono.css",
        "contentClass": "type-heebo-ibmplexmono",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text type-heebo-ibmplexmono\" style=\"background-image: linear-gradient(0deg, #efefef, #fcfcfc);\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 1200px;\"> <div class=\"row clearfix\"> <div class=\"column half\"> <div class=\"spacer height-60\"></div> <h1 style=\"text-align: center; letter-spacing: 3px;\">Angela Beck</h1> <p style=\"letter-spacing: 3px; font-size: 15px; text-align: center;\">WEB DEVELOPER</p> <div class=\"spacer height-40\"></div> <p style=\"text-align: center;\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s.</p> <div class=\"spacer height-20\"></div> <div class=\"is-social center\"> <a href=\"https://twitter.com/\"><i class=\"icon ion-social-twitter\" style=\"margin-right: 1em\"></i></a> <a href=\"https://www.facebook.com/\"><i class=\"icon ion-social-facebook\" style=\"margin-right: 1em\"></i></a> <a href=\"mailto:you@example.com\"><i class=\"icon ion-android-drafts\"></i></a> </div> </div> <div class=\"column half center\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/profile-15.png",
        "category": "103",
        "contentCss": "type-sourcecodepro-nunitosans.css",
        "contentClass": "type-sourcecodepro-nunitosans",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box-img is-box is-box-6\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg'); background-position: 40% 60%;\"></div> </div> </div> <div class=\"is-box is-dark-text is-align-left type-sourcecodepro-nunitosans is-box-6\" style=\"background-color: rgb(252, 252, 252);\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 560px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <p class=\"size-16\" style=\"letter-spacing: 11px; text-transform: uppercase;\">Hello Friends</p> <h1 class=\"size-35\" style=\"letter-spacing: 3px; text-transform: uppercase;\">I\"M JANE DUPRE. I Develop Websites and Design AWESOME Things You Will Love.</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum has been the industry\"s standard text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"is-social\"> <a href=\"https://twitter.com/\"><i class=\"icon ion-social-twitter\" style=\"margin-right: 1em\"></i></a> <a href=\"https://www.facebook.com/\"><i class=\"icon ion-social-facebook\" style=\"margin-right: 1em\"></i></a> <a href=\"mailto:you@example.com\"><i class=\"icon ion-android-drafts\"></i></a> </div> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/profile-16.png",
        "category": "103",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-box-6 is-bg-light is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder\" style=\"max-width: 540px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-48\" style=\"font-weight: bold;\">Christian Evans</h1> <p style=\"color: rgb(149, 149, 149); letter-spacing: 2px;\">WEB DESIGNER</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div style=\"margin: 20px 0\"><a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper\" style=\"padding: 13px 28px; font-size: 14px; line-height: 1.5;\">Discover More</a></div> </div> </div> </div> </div> </div> </div> <div class=\"is-box-img is-box is-box-6\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg'); background-position: 40% 20%;\"></div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/profile-17.png",
        "category": "103",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box-img is-box is-box-4\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg'); background-position: 60% 60%;\"></div> </div> </div> <div class=\"is-box is-bg-light is-dark-text is-box-8\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-right\" style=\"max-width: 480px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-32\" style=\"letter-spacing: 1px\"><b>Kimberly</b> Thompson</h1> <p style=\"letter-spacing: 2px;margin-top: 10px\">CREATIVE DIRECTOR</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> <div class=\"spacer height-20\"></div> <div class=\"size-14 is-social edit\"> <a href=\"https://twitter.com/\"><i class=\"icon ion-social-twitter\"></i></a> <a href=\"https://www.facebook.com/\"><i class=\"icon ion-social-facebook\"></i></a> <a href=\"mailto:you@example.com\"><i class=\"icon ion-ios-email-outline\"></i></a> </div> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/profile-18.png",
        "category": "103",
        "contentCss": "type-poppins-lekton.css",
        "contentClass": "type-poppins-lekton",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box-8 is-box is-bg-light is-dark-text type-poppins-lekton\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-right\" style=\"max-width: 600px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-38\" style=\"letter-spacing: 5px;\">HI, I\"M CECILIA SMITH. I DESIGN AND BUILD PRODUCTS THAT MAKE A DIFFERENCE.</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p>Lorem Ipsum is simply dummy text of the printing and industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"size-14 is-social edit\"> <a href=\"https://twitter.com/\"><i class=\"icon ion-social-twitter\"></i></a> <a href=\"https://www.facebook.com/\"><i class=\"icon ion-social-facebook\"></i></a> <a href=\"mailto:you@example.com\"><i class=\"icon ion-ios-email-outline\"></i></a> </div> </div> </div> </div> </div> </div> </div> <div class=\"is-box-4 is-box-img is-box\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg');\"></div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/profile-19.png",
        "category": "103",
        "contentCss": "type-engagement-spectral.css",
        "contentClass": "type-engagement-spectral",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-dark-text is-box-5 is-bg-light\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-right edge-x-0\" style=\"max-width: 440px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-bg-light is-dark-text is-box-7 type-engagement-spectral\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-left\" style=\"max-width: 540px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-42\" style=\"text-align: right;\">About me.</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-120\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <h3 class=\"size-24\" style=\"letter-spacing: 1px; text-align: right;\">Richard Jones</h3> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"is-social right\"> <a href=\"https://twitter.com/\"><i class=\"icon ion-social-twitter\" style=\"margin-right: 1em\"></i></a> <a href=\"https://www.facebook.com/\"><i class=\"icon ion-social-facebook\" style=\"margin-right: 1em\"></i></a> <a href=\"mailto:you@example.com\"><i class=\"icon ion-android-drafts\"></i></a> </div> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/profile-20.png",
        "category": "103",
        "contentCss": "type-ubuntumono-sourcecodepro.css",
        "contentClass": "type-ubuntumono-sourcecodepro",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box-img is-box is-box-6\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg'); background-position: 50% 100%;\"></div> <div class=\"is-overlay-color\" style=\"opacity: 0.085; display: block;\"></div> </div> </div> <div class=\"is-box is-box-6 is-bg-dark is-light-text type-ubuntumono-sourcecodepro\"> <div class=\"is-boxes\"> <div class=\"is-box-centered is-opacity-90\"> <div class=\"is-container is-builder container\" style=\"max-width: 560px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 style=\"letter-spacing: 1px;\">Donna Houston</h1> <br> <div class=\"is-social\"> <a href=\"https://twitter.com/\"><i class=\"icon ion-social-twitter\" style=\"margin-right: 1em\"></i></a> <a href=\"https://www.facebook.com/\"><i class=\"icon ion-social-facebook\" style=\"margin-right: 1em\"></i></a> <a href=\"mailto:you@example.com\"><i class=\"icon ion-android-drafts\"></i></a> </div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-80\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p class=\"size-16\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div><a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper\">Read More</a></div> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/profile-21.png",
        "category": "103",
        "contentCss": "type-poppins.css",
        "contentClass": "type-poppins",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-bg-light is-dark-text is-align-left is-box-7 type-poppins\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 640px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-38\" style=\"letter-spacing: 2px;\">Hello. I\"m Marie Johnson. A web designer with experience in studios and startups. <span style=\"color: rgb(239, 108, 0);\">Drop me a line.</span></h1> <div class=\"spacer height-100\"></div> <div class=\"is-social edit size-18\"> <a href=\"https://twitter.com/\"><i class=\"icon ion-social-twitter\" style=\"margin-right: 1em\"></i></a> <a href=\"https://www.facebook.com/\"><i class=\"icon ion-social-facebook\" style=\"margin-right: 1em\"></i></a> <a href=\"mailto:you@example.com\"><i class=\"icon ion-ios-email-outline\"></i></a> </div> </div> </div> </div> </div> </div> </div> <div class=\"is-box-img is-box is-box-5\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg');\"></div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/profile-22.png",
        "category": "103",
        "contentCss": "type-engagement-spectral.css",
        "contentClass": "type-engagement-spectral",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box-img is-box is-box-4\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg'); background-position: 50% 100%;\"></div> </div> </div> <div class=\"is-box is-box-8 type-engagement-spectral is-dark-text is-bg-light\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder is-content-640 container\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-48 is-title4-48 is-title-lite\" style=\"display:inline-block\">Nicole Beth</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-100\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"is-social\"> <a href=\"https://twitter.com/\"><i class=\"icon ion-social-twitter\" style=\"margin-right: 1em\"></i></a> <a href=\"https://www.facebook.com/\"><i class=\"icon ion-social-facebook\" style=\"margin-right: 1em\"></i></a> <a href=\"mailto:you@example.com\"><i class=\"icon ion-android-drafts\"></i></a> </div> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/profile-23.png",
        "category": "103",
        "contentCss": "type-fjallaone-ibmplexserif.css",
        "contentClass": "type-fjallaone-ibmplexserif",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-box-7 type-fjallaone-ibmplexserif\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder is-content-640 container\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 style=\"text-align: center; letter-spacing: 3px;\">LINDA MILLER</h1> <p style=\"text-align: center; letter-spacing: 1px; font-style: italic;\">Web Designer</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-80\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"is-social center\"> <a href=\"https://twitter.com/\"><i class=\"icon ion-social-twitter\" style=\"margin-right: 1em\"></i></a> <a href=\"https://www.facebook.com/\"><i class=\"icon ion-social-facebook\" style=\"margin-right: 1em\"></i></a> <a href=\"mailto:you@example.com\"><i class=\"icon ion-android-drafts\"></i></a> </div> </div> </div> </div> </div> </div> </div> <div class=\"is-box-img is-box is-box-5\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg'); background-position: 50% 50%;\"></div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/profile-24.png",
        "category": "103",
        "contentCss": "type-heebo-ibmplexmono.css",
        "contentClass": "type-heebo-ibmplexmono",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-bg-light is-dark-text is-box-5\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-right edge-x-0\" style=\"max-width: 480px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-bg-light is-dark-text type-heebo-ibmplexmono is-box-7\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 539px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"color: rgb(158, 158, 158);\">Designer\"s Profile</p> <h1 class=\"size-54\" style=\"letter-spacing: 3px;\">STEVE ANDERSON</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-20\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div><a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-btn-small\">Drop Me a Line</a></div> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/profile-25.png",
        "category": "103",
        "contentCss": "type-oranienbaum-sourcesanspro.css",
        "contentClass": "type-oranienbaum-sourcesanspro",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box-img is-box is-box-5\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg'); background-position: 0% 60%;\"></div> </div> </div> <div class=\"is-box is-light-text type-oranienbaum-sourcesanspro is-box-7\" style=\"background-image: linear-gradient(0deg, rgb(255, 57, 25), rgb(255, 104, 15));\"> <div class=\"is-boxes\"> <div class=\"is-box-centered is-opacity-95\"> <div class=\"is-container is-builder container\" style=\"max-width: 540px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-64\">Jeffery Franco</h1> <p style=\"letter-spacing: 1px;\">PROGRAMMER BASED IN NEW YORK</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-60\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"is-social\"> <a href=\"https://twitter.com/\"><i class=\"icon ion-social-twitter\" style=\"margin-right: 1em\"></i></a> <a href=\"https://www.facebook.com/\"><i class=\"icon ion-social-facebook\" style=\"margin-right: 1em\"></i></a> <a href=\"mailto:you@example.com\"><i class=\"icon ion-android-drafts\"></i></a> </div> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/profile-26.png",
        "category": "103",
        "contentCss": "type-pinyonscript-firasans.css",
        "contentClass": "type-pinyonscript-firasans",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-box-6 is-bg-light is-dark-text type-pinyonscript-firasans\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 620px;\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-32 is-title4-32 is-title-lite\" style=\"display: inline-block; letter-spacing: 4px;\">JULIE SANTIAGO</h1> <p style=\"margin-top: 7px;\">Web Developer & Graphic Designer</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-80\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-20\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"is-social center\"> <a href=\"https://twitter.com/\"><i class=\"icon ion-social-twitter\" style=\"margin-right: 1em\"></i></a> <a href=\"https://www.facebook.com/\"><i class=\"icon ion-social-facebook\" style=\"margin-right: 1em\"></i></a> <a href=\"mailto:you@example.com\"><i class=\"icon ion-android-drafts\"></i></a> </div> </div> </div> </div> </div> </div> </div> <div class=\"is-box-img is-box is-box-6\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg');\"></div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/profile-27.png",
        "category": "103",
        "contentCss": "type-ibmplexmono.css",
        "contentClass": "type-ibmplexmono",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box-img is-box is-box-5\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg'); background-position: 40% 20%;\"></div> </div> </div> <div class=\"is-box is-dark-text is-box-7 type-ibmplexmono\" style=\"background-color: rgb(248, 248, 248);\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 500px;\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-32 is-title5-32 is-title-lite\">Alison Stanley</h1> <p style=\"color: rgb(136, 136, 136); letter-spacing: 2px;\">WEB DESIGNER</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-60\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum is dummy text of the printing industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-20\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"is-social center\"> <a href=\"https://twitter.com/\"><i class=\"icon ion-social-twitter\" style=\"margin-right: 1em\"></i></a> <a href=\"https://www.facebook.com/\"><i class=\"icon ion-social-facebook\" style=\"margin-right: 1em\"></i></a> <a href=\"mailto:you@example.com\"><i class=\"icon ion-android-drafts\"></i></a> </div> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/products-01.png",
        "category": "104",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 840px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 style=\"letter-spacing: 2px;\">OUR PRODUCTS</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-20\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column half\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> <h4>Product One, <b>$109</b></h4> <p>Lorem Ipsum is simply dummy text of the printing industry.</p> <div style=\"margin:1em 0\"> <a href=\"#\" class=\"is-btn is-btn-small is-btn-ghost1 is-upper\">Buy Now</a> </div> </div> <div class=\"column half\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> <h4>Product Two, <b>$299</b></h4> <p>Lorem Ipsum is simply dummy text of the printing industry.</p> <div style=\"margin:1em 0\"> <a href=\"#\" class=\"is-btn is-btn-small is-btn-ghost1 is-upper\">Buy Now</a> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/products-02.png",
        "category": "104",
        "contentCss": "type-alegreyasanssc-hind.css",
        "contentClass": "type-alegreyasanssc-hind",
        "html": "<div class=\"is-section is-section-100 is-box is-bg-grey type-alegreyasanssc-hind\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 1057px;\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <div class=\"display\"> <h1 class=\"size-48\" style=\"letter-spacing: 2px\">Our Products</h1> <p class=\"size-18\" style=\"letter-spacing: 2px\">We make shopping way easier and convenient for you</p> </div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column third center\"> <div class=\"is-card is-dark-text shadow-1\" style=\"width:calc(100%);\"> <div style=\"padding:25px;width:100%;box-sizing:border-box;\"> <img src=\"/placeholders/square.jpg\" alt=\"\" style=\"border-radius: 500px\"> <h3 class=\"size-28\" style=\"letter-spacing: 1px;\">Product One</h3> <p class=\"size-18\">Lorem Ipsum is simply dummy text of the printing industry.</p> <div style=\"margin:10px 0\"> <a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-btn-small\">Buy Now</a> </div> </div> </div> </div> <div class=\"column third center\"> <div class=\"is-card is-dark-text shadow-1\" style=\"width:calc(100%);\"> <div style=\"padding:25px;width:100%;box-sizing:border-box;\"> <img src=\"/placeholders/square.jpg\" alt=\"\" style=\"border-radius: 500px\"> <h3 class=\"size-28\" style=\"letter-spacing: 1px;\">Product Two</h3> <p class=\"size-18\">Lorem Ipsum is simply dummy text of the printing industry.</p> <div style=\"margin:10px 0\"> <a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-btn-small\">Buy Now</a> </div> </div> </div> </div> <div class=\"column third center\"> <div class=\"is-card is-dark-text shadow-1\" style=\"width:calc(100%);\"> <div style=\"padding:25px;width:100%;box-sizing:border-box;\"> <img src=\"/placeholders/square.jpg\" alt=\"\" style=\"border-radius: 500px\"> <h3 class=\"size-28\" style=\"letter-spacing: 1px;\">Product Three</h3> <p class=\"size-18\">Lorem Ipsum is simply dummy text of the printing industry.</p> <div style=\"margin:10px 0\"> <a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-btn-small\">Buy Now</a> </div> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/products-03.png",
        "category": "104",
        "contentCss": "type-poppins.css",
        "contentClass": "type-poppins",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text type-poppins\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 1064px;\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-42\"><span style=\"color: rgb(204, 204, 204);\">OUR </span> PRODUCTS</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-60\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column fourth center\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> <p class=\"size-18\" style=\"color: rgb(136, 136, 136); font-weight: normal;\">  <br> <a href=\"#\" title=\"\">$79</a> </p> </div> <div class=\"column fourth center\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> <p class=\"size-18\" style=\"color: rgb(136, 136, 136); font-weight: normal;\">  <br> <a href=\"#\" title=\"\">$99</a> </p> </div> <div class=\"column fourth center\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> <p class=\"size-18\" style=\"color: rgb(136, 136, 136); font-weight: normal;\">  <br> <a href=\"#\" title=\"\">$89</a> </p> </div> <div class=\"column fourth center\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> <p class=\"size-18\" style=\"color: rgb(136, 136, 136); font-weight: normal;\">  <br> <a href=\"#\" title=\"\">$99</a> </p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/products-04.png",
        "category": "104",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-48 is-title1-48 is-title-lite\">OUR SERVICES</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column third center\"> <i class=\"icon ion-ios-monitor-outline size-48\"></i> <h3 class=\"size-18\">Clean & Minimalist Design</h3> </div> <div class=\"column third center\"> <i class=\"icon ion-ios-lightbulb-outline size-48\"></i> <h3 class=\"size-18\">Modern Ideas</h3> </div> <div class=\"column third center\"> <i class=\"icon ion-ios-world-outline size-48\"></i> <h3 class=\"size-18\">Brand Building </h3> </div> </div> <div class=\"row clearfix\"> <div class=\"column third center\"> <i class=\"icon ion-ios-infinite-outline size-48\"></i> <h3 class=\"size-18\">Unlimited Possibilities</h3> </div> <div class=\"column third center\"> <i class=\"icon ion-ios-heart-outline size-48\"></i> <h3 class=\"size-18\">Superior Supports </h3> </div> <div class=\"column third center\"> <i class=\"icon ion-ios-gear-outline size-48\"></i> <h3 class=\"size-18\">Web Development</h3> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/products-05.png",
        "category": "104",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-1050\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-48\" style=\"letter-spacing:3px\">SERVICES WE OFFER</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full center\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column third\"> <div class=\"list\"> <i class=\"icon ion-android-bulb\"></i> <h3>Service One</h3> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p> </div> </div> <div class=\"column third\"> <div class=\"list\"> <i class=\"icon ion-android-favorite-outline\"></i> <h3>Service Two</h3> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p> </div> </div> <div class=\"column third\"> <div class=\"list\"> <i class=\"icon ion-android-desktop\"></i> <h3>Service Three</h3> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/products-07.png",
        "category": "104",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 1040px;\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-42\" style=\"letter-spacing: 3px;\">OUR SERVICES</h1> <p style=\"border-bottom: 2px solid #333; width: 60px; display: inline-block; margin-top: 0\"></p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-60\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column third\"> <p class=\"size-54\" style=\"line-height: 1.5; font-weight: bold;\">01.</p> <h3 class=\"size-24\" style=\"letter-spacing: 2px;\">SERVICE ONE</h3> <p>Lorem Ipsum is simply dummy text of the printing industry.</p> </div> <div class=\"column third\"> <p class=\"size-54\" style=\"line-height: 1.5; font-weight: bold;\">02.</p> <h3 class=\"size-24\" style=\"letter-spacing: 2px;\">SERVICE TWO</h3> <p>Lorem Ipsum is simply dummy text of the printing industry.</p> </div> <div class=\"column third\"> <p class=\"size-54\" style=\"line-height: 1.5; font-weight: bold;\">03.</p> <h3 class=\"size-24\" style=\"letter-spacing: 2px;\">SERVICE THREE</h3> <p>Lorem Ipsum is simply dummy text of the printing industry.</p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/products-11.png",
        "category": "104",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg'); background-position: 60% 40%;\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered is-content-top edge-y-3\"> <div class=\"is-container is-builder container is-content-left\" style=\"max-width: 840px;\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-42\" style=\"letter-spacing: 3px;\">OUR SERVICES</h1> <p style=\"border-bottom: 2px solid #333; width: 60px; display: inline-block; margin-top: 0\"></p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-20\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column third\"> <p class=\"size-48\" style=\"line-height: 1.5; font-weight: bold;\">01.</p> <h3 class=\"size-21\" style=\"letter-spacing: 2px;\">SERVICE ONE</h3> <p>Lorem Ipsum has been the industry\"s standard dummy text since the 1500s.</p> </div> <div class=\"column third\"> <p class=\"size-48\" style=\"line-height: 1.5; font-weight: bold;\">02.</p> <h3 class=\"size-21\" style=\"letter-spacing: 2px;\">SERVICE TWO</h3> <p>Lorem Ipsum has been the industry\"s standard dummy text since the 1500s.</p> </div> <div class=\"column third\"> <p class=\"size-48\" style=\"line-height: 1.5; font-weight: bold;\">03.</p> <h3 class=\"size-21\" style=\"letter-spacing: 2px;\">SERVICE THREE</h3> <p>Lorem Ipsum has been the industry\"s standard dummy text since the 1500s.</p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/products-08.png",
        "category": "104",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 1080px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-42\" style=\"text-align: center; letter-spacing: 2px;\">SERVICES WE PROVIDE</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-60\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column third\"> <p class=\"size-54\" style=\"font-weight: bold;\">1</p> <h3 class=\"size-24 is-title-lite\" style=\"line-height: 1.5\">MODERN IDEAS</h3> <p style=\"border-bottom: 2px solid #333; width: 40px;\"></p> <p>Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s.</p> </div> <div class=\"column third\"> <p class=\"size-54\" style=\"font-weight: bold;\">2</p> <h3 class=\"size-24 is-title-lite\" style=\"line-height: 1.5\">WEB DEVELOPMENT</h3> <p style=\"border-bottom: 2px solid #333; width: 40px;\"></p> <p>Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s.</p> </div> <div class=\"column third\"> <p class=\"size-54\" style=\"font-weight: bold;\">3</p> <h3 class=\"size-24 is-title-lite\" style=\"line-height: 1.5\">SUPERIOR SUPPORTS</h3> <p style=\"border-bottom: 2px solid #333; width: 40px;\"></p> <p>Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s.</p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/products-09.png",
        "category": "104",
        "contentCss": "type-oswald-biryani.css",
        "contentClass": "type-oswald-biryani",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text type-oswald-biryani\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 840px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-35\" style=\"font-weight: 400;\">OUR PRODUCTS</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-20\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column third\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> <h3 class=\"size-18\" style=\"font-weight: 400;\">PRODUCT NAME, <span style=\"color: rgb(136, 136, 136);\">$129</span></h3> <p class=\"size-16\">Lorem Ipsum is dummy text of the printing industry.</p> <p class=\"size-18\"><a href=\"#\" title=\"\">BUY NOW</a></p> </div> <div class=\"column third\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> <h3 class=\"size-18\" style=\"font-weight: 400;\">PRODUCT NAME, <span style=\"color: rgb(136, 136, 136);\">$79</span></h3> <p class=\"size-16\">Lorem Ipsum is dummy text of the printing industry.</p> <p class=\"size-18\"><a href=\"#\" title=\"\">BUY NOW</a></p> </div> <div class=\"column third\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> <h3 class=\"size-18\" style=\"font-weight: 400;\">PRODUCT NAME, <span style=\"color: rgb(136, 136, 136);\">$49</span></h3> <p class=\"size-16\">Lorem Ipsum is dummy text of the printing industry.</p> <p class=\"size-18\"><a href=\"#\" title=\"\">BUY NOW</a></p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/products-12.png",
        "category": "104",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-dark-text is-bg-light is-box-5\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-boxes\" style=\"min-height:auto\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-right edge-x-0\" nogrid style=\"max-width: 500px;margin-bottom:0;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <div style=\"position: relative;height: 30vw;\"> <div style=\"position: absolute;z-index: 100;width: 24vw;left: -19vw;top: 10vw;\"> <img src=\"/placeholders/square.jpg\" style=\"width: 100%;\" data-bottom-top=\"transform:translateX(-100px);\" data-center-top=\"transform:translateX(0px);\" alt=\"\"> </div> <div style=\"position: absolute;z-index: 50;width: 7vw;left: 20vw;top: 11.5vw;\"> <img src=\"/placeholders/square.jpg\" style=\"width: 100%;\" data-bottom-top=\"transform:translateX(50px);\" data-center-top=\"transform:translateX(0px);\" alt=\"\"> </div> <div style=\"position: absolute;z-index: 0;width: 30vw;left: -6vw;top: -3vw;\"> <img src=\"/placeholders/square.jpg\" style=\"width: 100%;\" data-bottom-top=\"transform:translateX(-40px);\" data-center=\"transform:translateX(0px);\" alt=\"\"> </div> </div> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-dark-text is-box-7 is-bg-light\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 600px;\"> <div class=\"row clearfix\"> <div class=\"column half\"> <div style=\"text-align: center; width: 50px; height: 50px; line-height: 50px; border-radius: 50%; border: 2px solid #000; display: inline-block;\"> <i class=\"icon ion-android-bulb size-24\"></i> </div> <div class=\"spacer height-20\"></div> <h3 class=\"size-24\">Service One</h3> <p>Lorem Ipsum is simply dummy text of the printing industry.</p> </div> <div class=\"column half\"> <div style=\"text-align: center; width: 50px; height: 50px; line-height: 50px; border-radius: 50%; border: 2px solid #000; display: inline-block;\"> <i class=\"icon ion-compose size-24\"></i> </div> <div class=\"spacer height-20\"></div> <h3 class=\"size-24\">Service Two</h3> <p>Lorem Ipsum is simply dummy text of the printing industry.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-20\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column half\"> <div style=\"text-align: center; width: 50px; height: 50px; line-height: 50px; border-radius: 50%; border: 2px solid #000; display: inline-block;\"> <i class=\"icon ion-gear-b size-24\"></i> </div> <div class=\"spacer height-20\"></div> <h3 class=\"size-24\">Service Three</h3> <p>Lorem Ipsum is simply dummy text of the printing industry.</p> </div> <div class=\"column half\"> <div style=\"text-align: center; width: 50px; height: 50px; line-height: 50px; border-radius: 50%; border: 2px solid #000; display: inline-block;\"> <i class=\"icon ion-android-call size-24\"></i> </div> <div class=\"spacer height-20\"></div> <h3 class=\"size-24\">Service Four</h3> <p>Lorem Ipsum is simply dummy text of the printing industry.</p> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/products-13.png",
        "category": "104",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-dark-text is-box-5\" style=\"background-color: rgb(248, 248, 248);\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-boxes\" style=\"min-height:auto\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-right edge-x-0\" nogrid style=\"margin-bottom: 0px; max-width: 440px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <div style=\"position: relative;height: 37vw;\"> <div style=\"position: absolute;z-index: 100;width: 20vw;left: 1vw;top: 5.7vw;\"> <img src=\"/placeholders/square.jpg\" style=\"box-shadow: rgba(22, 22, 22, 0.2) 3em 3em 5em;width: 100%;\" data-bottom-top=\"transform:translateY(120px);\" data-center=\"transform:translateY(0px);\" alt=\"\"> </div> <div style=\"position: absolute;z-index: 50;width: 20vw;left: 7vw;top: 12vw;\"> <img src=\"/placeholders/square.jpg\" style=\"box-shadow: rgba(22, 22, 22, 0.2) 3em 3em 5em;width: 100%;\" data-bottom-top=\"transform:translateY(-110px);\" data-center=\"transform:translateY(0px);\" alt=\"\"> </div> <div style=\"position: absolute;z-index: 0;width: 20vw;left: -7vw;top: 0.8vw;\"> <img src=\"/placeholders/square.jpg\" style=\"box-shadow: rgba(22, 22, 22, 0.2) 3em 3em 5em;width: 100%;\" data-bottom-top=\"transform:translateX(-100px);\" data-center=\"transform:translateX(0px);\" alt=\"\"> </div> </div> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-dark-text is-box-7\" style=\"background-color: rgb(248, 248, 248);\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 700px;\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-38\" style=\"letter-spacing: 3px;\">OUR SERVICES</h1> <p style=\"border-top: 2px solid #333; width: 60px; display: inline-block; margin-top: 0\"></p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column third\"> <p class=\"size-48\" style=\"line-height: 1.5; font-weight: bold;\">01.</p> <h3 class=\"size-21\" style=\"letter-spacing: 2px;\">SERVICE ONE</h3> <p>Lorem Ipsum has been the industry\"s standard dummy text.</p> </div> <div class=\"column third\"> <p class=\"size-48\" style=\"line-height: 1.5; font-weight: bold;\">02.</p> <h3 class=\"size-21\" style=\"letter-spacing: 2px;\">SERVICE TWO</h3> <p>Lorem Ipsum has been the industry\"s standard dummy text.</p> </div> <div class=\"column third\"> <p class=\"size-48\" style=\"line-height: 1.5; font-weight: bold;\">03.</p> <h3 class=\"size-21\" style=\"letter-spacing: 2px;\">SERVICE THREE</h3> <p>Lorem Ipsum has been the industry\"s standard dummy text.</p> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/products-14.png",
        "category": "104",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-box-7 is-light-text\" style=\"background-color: rgb(239, 108, 0);background-image: linear-gradient(0deg, rgb(244, 74, 9), rgb(255, 121, 7));\"> <div class=\"is-boxes\"> <div class=\"is-box-centered is-opacity-95\"> <div class=\"is-container is-builder container\" style=\"max-width: 660px;\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-38\" style=\"letter-spacing: 2px; text-align: center;\">SERVICES WE OFFER</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column half\"> <i class=\"icon ion-ios-compose-outline size-32\"></i> <h3 class=\"size-24\">Generate Ideas</h3> <p>Lorem Ipsum is dummy text of the printing industry.</p> </div> <div class=\"column half\"> <i class=\"icon ion-ios-gear-outline size-32\"></i> <h3 class=\"size-24\">Development</h3> <p>Lorem Ipsum is dummy text of the printing industry.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column half\"> <i class=\"icon ion-ios-monitor-outline size-32\"></i> <h3 class=\"size-24\">Creative Designs</h3> <p>Lorem Ipsum is dummy text of the printing industry.</p> </div> <div class=\"column half\"> <i class=\"icon ion-ios-heart-outline size-32\"></i> <h3 class=\"size-24\">Support</h3> <p>Lorem Ipsum is dummy text of the printing industry.</p> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-dark-text is-box-5\" style=\"background-color: rgb(239, 108, 0);background-image: linear-gradient(0deg, rgb(244, 74, 9), rgb(255, 121, 7));\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder is-content-500 container\" nogrid> <div class=\"row clearfix\"> <div class=\"column full\"> <div style=\"position: relative;height: 25vw;\"> <div style=\"position: absolute;z-index: 100;width: 20vw;left: 22vw;top: -11vw;transform: rotateX(10deg) rotateZ(-30deg);\"> <img src=\"/placeholders/square.jpg\" style=\"width: 100%;\" data-bottom-top=\"transform:translateY(250px);\" data-center=\"transform:translateY(0px);\" alt=\"\"> </div> <div style=\"position: absolute;z-index: 50;width: 20vw;left: 5.4vw;top: -8vw;transform: rotateX(10deg) rotateZ(-30deg);\"> <img src=\"/placeholders/square.jpg\" style=\"box-shadow: aliceblue;width: 100%;\" data-bottom-top=\"transform:translateY(150px);\" data-center=\"transform:translateY(0px);\" alt=\"\"> </div> <div style=\"position: absolute;z-index: 0;width: 20vw;left: -6vw;top: 4vw;transform: rotateX(10deg) rotateZ(-30deg);\"> <img src=\"/placeholders/square.jpg\" style=\"box-shadow: aliceblue;width: 100%;\" data-bottom-top=\"transform:translateY(200px);\" data-center-top=\"transform:translateY(0px);\" alt=\"\"> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/products-15.png",
        "category": "104",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box\"> <div class=\"is-boxes\"> <div class=\"is-box-centered is-content-bottom\"> <div class=\"is-container is-builder container\" style=\"max-width: 930px;\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-42\" style=\"letter-spacing:2px\">Our Services</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column third\"> <div class=\"list\"> <i class=\"icon ion-android-bulb\"></i> <h3>Service One</h3> <p>Lorem Ipsum is simply dummy text of the printing industry.</p> </div> </div> <div class=\"column third\"> <div class=\"list\"> <i class=\"icon ion-android-favorite-outline\"></i> <h3>Service Two</h3> <p>Lorem Ipsum is simply dummy text of the printing industry.</p> </div> </div> <div class=\"column third\"> <div class=\"list\"> <i class=\"icon ion-android-desktop\"></i> <h3>Service Three</h3> <p>Lorem Ipsum is simply dummy text of the printing industry.</p> </div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full center\"> <div class=\"spacer height-160\"></div> </div> </div> <div class=\"row clearfix\" style=\"padding-bottom:0;\"> <div class=\"column full\"> <div style=\"position: relative;height: 15vw;\"> <div style=\"position: absolute;z-index: 100;width: 30vw;left: -28vw;bottom: 0px;\"> <img src=\"/placeholders/square.jpg\" alt=\"\" style=\"box-shadow: rgba(22, 22, 22, 0.1) 0.43em 0em 2em;width: 100%;transform: translateX(50px);margin: 0px; float: left;\" data-bottom-top=\"transform:translateX(50px);\" data--50-bottom=\"transform:translateX(0px);\"> </div> <div style=\"position: absolute;z-index: 70;width: 23vw;left: -5vw;bottom: 0px;\"> <img src=\"/placeholders/square.jpg\" alt=\"\" style=\"box-shadow: rgba(22, 22, 22, 0.1) 0.43em 0em 2em;width: 100%;transform: translateX(-90px);margin: 0px; float: left;\" data-bottom-top=\"transform:translateX(-90px);\" data--50-bottom=\"transform:translateY(0px);\"> </div> <div style=\"position: absolute;z-index: 50;width: 22vw;left: 11vw;bottom: 0px;\"> <img src=\"/placeholders/square.jpg\" alt=\"\" style=\"box-shadow: rgba(22, 22, 22, 0.1) 0.43em 0em 2em; width: 100%; margin: 0px; float: left; transform: translateX(60px);\" data-bottom-top=\"transform:translateX(60px);\" data--50-bottom=\"transform:translateX(0px);\"> </div> <div style=\"position: absolute;z-index: 20;width: 26vw;left: 28vw;bottom: 0px;\"> <img src=\"/placeholders/square.jpg\" alt=\"\" style=\"box-shadow: rgba(22, 22, 22, 0.1) 0.43em 0em 2em;width: 100%;transform: translateX(-75px);margin: 0px; float: left;\" data-bottom-top=\"transform:translateX(-75px);\" data--50-bottom=\"transform:translateY(0px);\"> </div> <div style=\"position: absolute;z-index: 0;width: 30vw;left: 47vw;bottom: 0px;\"> <img src=\"/placeholders/square.jpg\" alt=\"\" style=\"box-shadow: rgba(22, 22, 22, 0.1) 0.43em 0em 2em;width: 100%;transform: translateX(50px);margin: 0px; float: left;\" data-bottom-top=\"transform:translateX(50px);\" data--50-bottom=\"transform:translateY(0px);\"> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/products-16.png",
        "category": "104",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-box-7 is-dark-text\" style=\"background-color: rgb(248, 248, 248);\"> <div class=\"is-boxes\"> <div class=\"is-box-centered is-opacity-95\"> <div class=\"is-container is-builder container is-content-left edge-x-2\" style=\"max-width: 639px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-38\" style=\"letter-spacing: 2px; text-align: center;\">OUR SERVICES</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column half\"> <i class=\"icon ion-ios-compose-outline size-32\"></i> <h3 class=\"size-24\">Creative Designs</h3> <p>Lorem Ipsum is simply dummy text of the printing industry.</p> </div> <div class=\"column half\"> <i class=\"icon ion-ios-gear-outline size-32\"></i> <h3 class=\"size-24\">Development</h3> <p>Lorem Ipsum is simply dummy text of the printing industry.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column half\"> <i class=\"icon ion-ios-monitor-outline size-32\"></i> <h3 class=\"size-24\">Brand Building</h3> <p>Lorem Ipsum is simply dummy text of the printing industry.</p> </div> <div class=\"column half\"> <i class=\"icon ion-ios-heart-outline size-32\"></i> <h3 class=\"size-24\">SEO & Marketing</h3> <p>Lorem Ipsum is simply dummy text of the printing industry.</p> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-box-5 is-dark-text\" style=\"background-color: rgb(248, 248, 248);\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-boxes\" style=\"min-height:auto\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" nogrid style=\"margin-top: 0px; max-width: 560px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <div style=\"position: relative;height: 26vw;\"> <div style=\"position: absolute;z-index: 100;width: 23vw;left: -10vw;top: 12vw;transform: perspective(200px) skewX(1deg) skewY(6deg);\"> <img src=\"/placeholders/square.jpg\" alt=\"\" style=\"box-shadow: rgba(22, 22, 22, 0.3) 2em 1em 5em;width: 100%;\" data-bottom-top=\"transform:translateX(-100px);\" data-center-top=\"transform:translateX(0px);\"> </div> <div style=\"position: absolute;z-index: 70;width: 23vw;left: -4vw;top: 8vw;transform: perspective(200px) skewX(1deg) skewY(6deg);\"> <img src=\"/placeholders/square.jpg\" alt=\"\" style=\"box-shadow: rgba(22, 22, 22, 0.3) 2em 1em 5em;width: 100%;\" data-bottom-top=\"transform:translateX(80px);\" data-center-top=\"transform:translateX(0px);\"> </div> <div style=\"position: absolute;z-index: 0;width: 23vw;left: 8vw;top: -0.2vw;transform: perspective(200px) skewX(1deg) skewY(6deg);\"> <img src=\"/placeholders/square.jpg\" alt=\"\" style=\"box-shadow: rgba(22, 22, 22, 0.3) 2em 1em 5em;width: 100%;\" data-bottom-top=\"transform:translateX(90px);\" data-center=\"transform:translateX(0px);\"> </div> <div style=\"position: absolute;z-index: 50;width: 23vw;left: 2vw;top: 4vw;transform: perspective(200px) skewX(1deg) skewY(6deg);\"> <img src=\"/placeholders/square.jpg\" alt=\"\" style=\"box-shadow: rgba(22, 22, 22, 0.3) 2em 1em 5em;width: 100%;\" data-bottom-top=\"transform:translateX(-130px);\" data-center=\"transform:translateX(0px);\"> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/products-17.png",
        "category": "104",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-dark-text is-box-5 is-bg-light\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-boxes\" style=\"min-height:auto\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-right edge-x-0\" nogrid style=\"max-width: 480px; margin-bottom: 0px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <div style=\"position: relative;height: 35vw;\"> <div style=\"position: absolute;z-index: 0;width: 20vw;left: -4vw;top: -3vw;\"> <img src=\"/placeholders/square.jpg\" alt=\"\" style=\"width: 100%;box-shadow: rgba(22, 22, 22, 0.2) 0.43em 0.43em 3em;\" data-filename=\"screencapture-landscapeshots-draft-snippets-19-aspx-2019-03-14-11_54_30.png\" data-bottom-top=\"transform:translateY(200px);\" data-center=\"transform:translateY(0px);\"> </div> <div style=\"position: absolute;z-index: 100;width: 26vw;left: 7vw;top: 11.5vw;\"> <img src=\"/placeholders/square.jpg\" alt=\"\" style=\"margin: 0;\" data-bottom-top=\"transform:translateX(-100px);\" data-center-top=\"transform:translateX(0px);\"> </div> </div> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-box-7 is-bg-light is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 720px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-35\" style=\"letter-spacing: 2px; text-align: center;\">SERVICES WE PROVIDE</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-60\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column half\"> <div class=\"list\"> <i class=\"icon ion-checkmark\"></i> <h3 class=\"size-24\">Creative Designs</h3> <p>Lorem Ipsum is dummy text of the printing industry.</p> </div> </div> <div class=\"column half\"> <div class=\"list\"> <i class=\"icon ion-checkmark\"></i> <h3 class=\"size-24\">Web Development</h3> <p>Lorem Ipsum is dummy text of the printing industry.</p> </div> </div> </div> <div class=\"row clearfix\"> <div class=\"column half\"> <div class=\"list\"> <i class=\"icon ion-checkmark\"></i> <h3 class=\"size-24\">Brand Building</h3> <p>Lorem Ipsum is dummy text of the printing industry.</p> </div> </div> <div class=\"column half\"> <div class=\"list\"> <i class=\"icon ion-checkmark\"></i> <h3 class=\"size-24\">Friendly Support</h3> <p>Lorem Ipsum is dummy text of the printing industry.</p> </div> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/features-01.png",
        "category": "105",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-1200\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-48 is-title1-48 is-title-lite\">WHY CHOOSE US</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-60\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column third\"> <div style=\"text-align: center; width: 50px; height: 50px; line-height: 50px; border-radius: 50%; border: 2px solid #888888; display: inline-block;margin-bottom: 25px\"> <i class=\"icon ion-android-desktop size-24\" style=\"color: #888888\"></i> </div> <h3 class=\"size-21 is-title-lite\">FEATURE ITEM</h3> <p>Lorem Ipsum is simply dummy text of the printing industry.</p> </div> <div class=\"column third\"> <div style=\"text-align: center; width: 50px; height: 50px; line-height: 50px; border-radius: 50%; border: 2px solid #888888; display: inline-block;margin-bottom: 25px\"> <i class=\"icon ion-android-create size-24\" style=\"color: #888888\"></i> </div> <h3 class=\"size-21 is-title-lite\">FEATURE ITEM</h3> <p>Lorem Ipsum is simply dummy text of the printing industry.</p> </div> <div class=\"column third\"> <div style=\"text-align: center; width: 50px; height: 50px; line-height: 50px; border-radius: 50%; border: 2px solid #888888; display: inline-block;margin-bottom: 25px\"> <i class=\"icon ion-camera size-24\" style=\"color: #888888\"></i> </div> <h3 class=\"size-21 is-title-lite\">FEATURE ITEM</h3> <p>Lorem Ipsum is simply dummy text of the printing industry.</p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/features-02.png",
        "category": "105",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-1200\"> <div class=\"row clearfix\"> <div class=\"column third\"> <h1 class=\"size-80 is-title-lite\"><i>01</i></h1> <h3>Feature Item</h3> <p>Lorem Ipsum is simply dummy text of the printing industry. Vivamus leo ante, consectetur sit amet.</p> </div> <div class=\"column third\"> <h1 class=\"size-80 is-title-lite\"><i>02</i></h1> <h3>Feature Item</h3> <p>Lorem Ipsum is simply dummy text of the printing industry. Vivamus leo ante, consectetur sit amet.</p> </div> <div class=\"column third\"> <h1 class=\"size-80 is-title-lite\"><i>03</i></h1> <h3>Feature Item</h3> <p>Lorem Ipsum is simply dummy text of the printing industry. Vivamus leo ante, consectetur sit amet.</p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/features-03.png",
        "category": "105",
        "contentCss": "type-oswald-opensans.css",
        "contentClass": "type-oswald-opensans",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text is-align-left type-oswald-opensans\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg'); background-position: 50% 100%;\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-right\" style=\"max-width: 1020px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-42\" style=\"text-align: center; font-weight: 300;\">WHY CHOOSE US?</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column third\"> <div class=\"list\"> <i class=\"icon ion-checkmark\"></i> <h3 class=\"size-24 default-font2\" style=\"margin: 0 0 0 50px; font-weight: 300\">Feature Item</h3> <p style=\"margin: 5px 0 0 50px; font-weight: 300\">Lorem Ipsum is dummy text of the printing industry.</p> </div> </div> <div class=\"column third\"> <div class=\"list\"> <i class=\"icon ion-checkmark\"></i> <h3 class=\"size-24 default-font2\" style=\"margin: 0 0 0 50px; font-weight: 300\">Feature Item</h3> <p style=\"margin: 5px 0 0 50px; font-weight: 300\">Lorem Ipsum is dummy text of the printing industry.</p> </div> </div> <div class=\"column third\"> <div class=\"list\"> <i class=\"icon ion-checkmark\"></i> <h3 class=\"size-24 default-font2\" style=\"margin: 0 0 0 50px; font-weight: 300\">Feature Item</h3> <p style=\"margin: 5px 0 0 50px; font-weight: 300\">Lorem Ipsum is dummy text of the printing industry.</p> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/features-04.png",
        "category": "105",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 1140px;\"> <div class=\"row clearfix\"> <div class=\"column third center\"> <div class=\"padding-20\"> <i class=\"icon ion-ios-lightbulb-outline size-48\" style=\"color: #e74c3c\"></i> <h3 class=\"size-24\" style=\"line-height: 1; letter-spacing: 1px;\">CREATIVE IDEAS</h3> <p style=\"border-bottom: 2px solid #e74c3c; width: 50px; display: inline-block;\"></p> </div> </div> <div class=\"column third center\"> <div class=\"padding-20\"> <i class=\"icon ion-ios-gear-outline size-48\" style=\"color: #e74c3c\"></i> <h3 class=\"size-24\" style=\"line-height: 1; letter-spacing: 1px;\">WEB DEVELOPMENT </h3> <p style=\"border-bottom: 2px solid #e74c3c; width: 50px; display: inline-block;\"></p> </div> </div> <div class=\"column third center\"> <div class=\"padding-20\"> <i class=\"icon ion-ios-camera-outline size-48\" style=\"color: #e74c3c\"></i> <h3 class=\"size-24\" style=\"line-height: 1; letter-spacing: 1px;\">PHOTOGRAPHY</h3> <p style=\"border-bottom: 2px solid #e74c3c; width: 50px; display: inline-block;\"></p> </div> </div> </div> <div class=\"row clearfix\"> <div class=\"column third center\"> <div class=\"padding-20\"> <i class=\"icon ion-iphone size-48\" style=\"color: #e74c3c\"></i> <h3 class=\"size-24\" style=\"line-height: 1; letter-spacing: 1px;\">RESPONSIVE DESIGN</h3> <p style=\"border-bottom: 2px solid #e74c3c; width: 50px; display: inline-block;\"></p> </div> </div> <div class=\"column third center\"> <div class=\"padding-20\"> <i class=\"icon ion-ios-paper-outline size-48\" style=\"color: #e74c3c\"></i> <h3 class=\"size-24\" style=\"line-height: 1; letter-spacing: 1px;\">DIGITAL MARKETING</h3> <p style=\"border-bottom: 2px solid #e74c3c; width: 50px; display: inline-block;\"></p> </div> </div> <div class=\"column third center\"> <div class=\"padding-20\"> <i class=\"icon ion-ios-clock-outline size-48\" style=\"color: #e74c3c\"></i> <h3 class=\"size-24\" style=\"line-height: 1; letter-spacing: 1px;\">ONLINE SUPPORT</h3> <p style=\"border-bottom: 2px solid #e74c3c; width: 50px; display: inline-block;\"></p> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/features-05.png",
        "category": "105",
        "contentCss": "type-oswald-opensans.css",
        "contentClass": "type-oswald-opensans",
        "html": "<div class=\"is-section is-section-100 is-box type-oswald-opensans\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 1053px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h4 class=\"size-21 display-font2\">Discover</h4> <h1 class=\"size-38\" style=\"text-transform: uppercase;\">Why Choose Our Products</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-60\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column half\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> <div class=\"column half\"> <div class=\"list\"> <i class=\"icon ion-checkmark\"></i> <h3 class=\"size-24\" style=\"margin: 0 0 0 50px\">Feature Item</h3> <p style=\"margin: 5px 0 0 50px\">Lorem Ipsum is simply dummy text</p> </div> <div class=\"list\"> <i class=\"icon ion-checkmark\"></i> <h3 class=\"size-24\" style=\"margin: 0 0 0 50px\">Feature Item</h3> <p style=\"margin: 5px 0 0 50px\">Lorem Ipsum is simply dummy text</p> </div> <div class=\"list\"> <i class=\"icon ion-checkmark\"></i> <h3 class=\"size-24\" style=\"margin: 0 0 0 50px\">Feature Item</h3> <p style=\"margin: 5px 0 0 50px\">Lorem Ipsum is simply dummy text</p> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/features-06.png",
        "category": "105",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-1050\"> <div class=\"row clearfix\"> <div class=\"column half\"> <div style=\"text-align: center; width: 50px; height: 50px; line-height: 50px; border-radius: 50%; border: 2px solid #888888; display: inline-block;margin-bottom: 25px\"> <i class=\"icon ion-images size-24\" style=\"color: #888888\"></i> </div> <h3 class=\"size-21 is-title-lite\">FEATURE ITEM</h3> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p> </div> <div class=\"column half\"> <div style=\"text-align: center; width: 50px; height: 50px; line-height: 50px; border-radius: 50%; border: 2px solid #888888; display: inline-block;margin-bottom: 25px\"> <i class=\"icon ion-android-desktop size-24\" style=\"color: #888888\"></i> </div> <h3 class=\"size-21 is-title-lite\">FEATURE ITEM</h3> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column half\"> <div style=\"text-align: center; width: 50px; height: 50px; line-height: 50px; border-radius: 50%; border: 2px solid #888888; display: inline-block;margin-bottom: 25px\"> <i class=\"icon ion-android-clipboard size-24\" style=\"color: #888888\"></i> </div> <h3 class=\"size-21 is-title-lite\">FEATURE ITEM</h3> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p> </div> <div class=\"column half\"> <div style=\"text-align: center; width: 50px; height: 50px; line-height: 50px; border-radius: 50%; border: 2px solid #888888; display: inline-block;margin-bottom: 25px\"> <i class=\"icon ion-android-options size-24\" style=\"color: #888888\"></i> </div> <h3 class=\"size-21 is-title-lite\">FEATURE ITEM</h3> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/features-07.png",
        "category": "105",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 949px;\"> <div class=\"row clearfix\"> <div class=\"column half\"> <p class=\"size-54\" style=\"font-weight: bold;\">1</p> <h3 class=\"size-24\" style=\"line-height: 1.5; letter-spacing: 1px;\">CREATIVE IDEAS</h3> <p style=\"border-bottom: 2px solid #333; width: 40px;\"></p> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p> </div> <div class=\"column half\"> <p class=\"size-54\" style=\"font-weight: bold;\">2</p> <h3 class=\"size-24\" style=\"line-height: 1.5; letter-spacing: 1px;\">WEB DEVELOPMENT</h3> <p style=\"border-bottom: 2px solid #333; width: 40px;\"></p> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column half\"> <p class=\"size-54\" style=\"font-weight: bold;\">3</p> <h3 class=\"size-24\" style=\"line-height: 1.5; letter-spacing: 1px;\">RESPONSIVE DESIGN</h3> <p style=\"border-bottom: 2px solid #333; width: 40px;\"></p> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p> </div> <div class=\"column half\"> <p class=\"size-54\" style=\"font-weight: bold;\">4</p> <h3 class=\"size-24\" style=\"line-height: 1.5; letter-spacing: 1px;\">ONLINE SUPPORT</h3> <p style=\"border-bottom: 2px solid #333; width: 40px;\"></p> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/features-08.png",
        "category": "105",
        "contentCss": "type-tangerine-opensans.css",
        "contentClass": "type-tangerine-opensans",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text type-tangerine-opensans\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-1200\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-48 default-font2\" style=\"letter-spacing: 5px; font-weight: 300\">FEATURES</h1> <p style=\"border-bottom: 2px solid #333; width: 50px; display: inline-block; margin: 0\"></p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-60\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column third center\"> <h1 class=\"size-48\">01</h1> <h3 class=\"size-24 default-font2\" style=\"letter-spacing: 3px; font-weight: 300\">FEATURE ONE</h3> <p class=\"size-18\">Lorem Ipsum is simply dummy text of the printing industry.</p> </div> <div class=\"column third center\"> <h1 class=\"size-48\">02</h1> <h3 class=\"size-24 default-font2\" style=\"letter-spacing: 3px; font-weight: 300\">FEATURE TWO</h3> <p class=\"size-18\">Lorem Ipsum is simply dummy text of the printing industry.</p> </div> <div class=\"column third center\"> <h1 class=\"size-48\">03</h1> <h3 class=\"size-24 default-font2\" style=\"letter-spacing: 3px; font-weight: 300\">FEATURE THREE</h3> <p class=\"size-18\">Lorem Ipsum is simply dummy text of the printing industry.</p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/features-09.png",
        "category": "105",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-1050\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-48 is-title1-48 is-title-lite\">SPECIAL FEATURES</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column fourth\"> <i class=\"icon ion-android-bulb size-32\"></i> <h3 class=\"size-24\">Feature Item</h3> <p>Lorem Ipsum is simply dummy text.</p> </div> <div class=\"column fourth\"> <i class=\"icon ion-android-globe size-32\"></i> <h3 class=\"size-24\">Feature Item</h3> <p>Lorem Ipsum is simply dummy text.</p> </div> <div class=\"column fourth\"> <i class=\"icon ion-android-download size-32\"></i> <h3 class=\"size-24\">Feature Item</h3> <p>Lorem Ipsum is simply dummy text.</p> </div> <div class=\"column fourth\"> <i class=\"icon ion-android-favorite-outline size-32\"></i> <h3 class=\"size-24\">Feature Item</h3> <p>Lorem Ipsum is simply dummy text.</p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/features-10.png",
        "category": "105",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 1000px;\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-42\" style=\"letter-spacing: 2px;\">OUR FEATURES</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full center\"> <div class=\"spacer height-60\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column half\"> <div class=\"list\"> <i class=\"icon ion-android-bulb size-48\"></i> <h3 style=\"margin: 0 0 0 70px\">FEATURE ITEM</h3> <p style=\"margin: 10px 0 0 70px\">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p> </div> </div> <div class=\"column half\"> <div class=\"list\"> <i class=\"icon ion-android-checkmark-circle size-48\"></i> <h3 style=\"margin: 0 0 0 70px\">FEATURE ITEM</h3> <p style=\"margin: 10px 0 0 70px\">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p> </div> </div> </div> <div class=\"row clearfix\"> <div class=\"column half\"> <div class=\"list\"> <i class=\"icon ion-android-favorite-outline size-48\"></i> <h3 style=\"margin: 0 0 0 70px\">FEATURE ITEM</h3> <p style=\"margin: 10px 0 0 70px\">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p> </div> </div> <div class=\"column half\"> <div class=\"list\"> <i class=\"icon ion-wrench size-48\"></i> <h3 style=\"margin: 0 0 0 70px\">FEATURE ITEM</h3> <p style=\"margin: 10px 0 0 70px\">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/features-11.png",
        "category": "105",
        "contentCss": "type-raleway-playfairdisplay.css",
        "contentClass": "type-raleway-playfairdisplay",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text type-raleway-playfairdisplay\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 1040px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <p class=\"size-60 display-font2\" style=\"letter-spacing: 6px; line-height: 1.5\">WHAT MAKES US DIFFERENT</p> <p style=\"border-bottom: 2px solid #333; width: 70px; display: inline-block; margin: 0\"></p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-60\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column fourth\"> <i class=\"icon ion-android-bulb size-32\" style=\"color: #bdc3c7\"></i> <h3 class=\"size-21\" style=\"letter-spacing: 1px; font-weight: 300\">FEATURE ONE</h3> <p class=\"size-16\">Lorem Ipsum is dummy text of the printing industry.</p> </div> <div class=\"column fourth\"> <i class=\"icon ion-android-desktop size-32\" style=\"color: #bdc3c7\"></i> <h3 class=\"size-21\" style=\"letter-spacing: 1px; font-weight: 300\">FEATURE TWO</h3> <p class=\"size-16\">Lorem Ipsum is dummy text of the printing industry.</p> </div> <div class=\"column fourth\"> <i class=\"icon ion-gear-b size-32\" style=\"color: #bdc3c7\"></i> <h3 class=\"size-21\" style=\"letter-spacing: 1px; font-weight: 300\">FEATURE THREE</h3> <p class=\"size-16\">Lorem Ipsum is dummy text of the printing industry.</p> </div> <div class=\"column fourth\"> <i class=\"icon ion-earth size-32\" style=\"color: #bdc3c7\"></i> <h3 class=\"size-21\" style=\"letter-spacing: 1px; font-weight: 300\">FEATURE FOUR</h3> <p class=\"size-16\">Lorem Ipsum is dummy text of the printing industry.</p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/features-12.png",
        "category": "105",
        "contentCss": "type-lato.css",
        "contentClass": "type-lato",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text type-lato\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 1160px;\"> <div class=\"row clearfix\"> <div class=\"column third\"> <div class=\"display\"> <h1 class=\"size-60\" style=\"letter-spacing: 2px;\">What Makes Us Different</h1> </div> <div class=\"spacer height-20\"></div> <p>Lorem Ipsum is simply dummy text of the printing industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s. </p> </div> <div class=\"column third\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> <div class=\"column third\"> <p><i class=\"icon ion-android-options size-32\" style=\"color: #bdc3c7\"></i></p> <h3 class=\"size-24\" style=\"letter-spacing: 1px;\">FEATURE ITEM</h3> <p>Lorem Ipsum is simply dummy text of the printing industry.</p> <p style=\"margin-top:25px\"><i class=\"icon ion-images size-32\" style=\"color: #bdc3c7\"></i></p> <h3 class=\"size-24\" style=\"letter-spacing: 1px;\">FEATURE ITEM</h3> <p>Lorem Ipsum is simply dummy text of the printing industry.</p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/features-13.png",
        "category": "105",
        "contentCss": "type-tangerine-opensans.css",
        "contentClass": "type-tangerine-opensans",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text type-tangerine-opensans\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-1100\"> <div class=\"row clearfix\"> <div class=\"column half\"> <h1 class=\"size-48\">01</h1> <h3 class=\"size-24 default-font2\" style=\"letter-spacing: 3px; font-weight: 300\">FEATURE ONE</h3> <p class=\"size-18\">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p> </div> <div class=\"column half\"> <h1 class=\"size-48\">02</h1> <h3 class=\"size-24 default-font2\" style=\"letter-spacing: 3px; font-weight: 300\">FEATURE TWO</h3> <p class=\"size-18\">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column half\"> <h1 class=\"size-48\">03</h1> <h3 class=\"size-24 default-font2\" style=\"letter-spacing: 3px; font-weight: 300\">FEATURE THREE</h3> <p class=\"size-18\">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p> </div> <div class=\"column half\"> <h1 class=\"size-48\">04</h1> <h3 class=\"size-24 default-font2\" style=\"letter-spacing: 3px; font-weight: 300\">FEATURE FOUR</h3> <p class=\"size-18\">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/features-14.png",
        "category": "105",
        "contentCss": "type-pathwaygothicone-merriweather.css",
        "contentClass": "type-pathwaygothicone-merriweather",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text type-pathwaygothicone-merriweather\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-1200\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-48 default-font1\" style=\"letter-spacing: 5px;\">WHAT MAKES US DIFFERENT</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-60\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column fourth center\"> <div style=\"text-align: center; width: 40px; height: 40px; line-height: 40px; border-radius: 50%; border: 2px solid #e67e22; display: inline-block;\"> <i class=\"icon ion-android-desktop size-16\" style=\"color: #e67e22\"></i> </div> <h3 class=\"size-24 default-font1\" style=\"margin-top: 30px; letter-spacing: 2px;\">FEATURE ITEM</h3> <p class=\"size-16 display-font2\">Lorem Ipsum is dummy text of the printing industry.</p> </div> <div class=\"column fourth center\"> <div style=\"text-align: center; width: 40px; height: 40px; line-height: 40px; border-radius: 50%; border: 2px solid #e67e22; display: inline-block;\"> <i class=\"icon ion-gear-b size-16\" style=\"color: #e67e22;\"></i> </div> <h3 class=\"size-24 default-font1\" style=\"margin-top: 30px; letter-spacing: 2px;\">FEATURE ITEM</h3> <p class=\"size-16 display-font2\">Lorem Ipsum is dummy text of the printing industry.</p> </div> <div class=\"column fourth center\"> <div style=\"text-align: center; width: 40px; height: 40px; line-height: 40px; border-radius: 50%; border: 2px solid #e67e22; display: inline-block;\"> <i class=\"icon ion-paintbucket size-16\" style=\"color: #e67e22;\"></i> </div> <h3 class=\"size-24 default-font1\" style=\"margin-top: 30px; letter-spacing: 2px;\">FEATURE ITEM</h3> <p class=\"size-16 display-font2\">Lorem Ipsum is dummy text of the printing industry.</p> </div> <div class=\"column fourth center\"> <div style=\"text-align: center; width: 40px; height: 40px; line-height: 40px; border-radius: 50%; border: 2px solid #e67e22; display: inline-block;\"> <i class=\"icon ion-social-buffer size-16\" style=\"color: #e67e22;\"></i> </div> <h3 class=\"size-24 default-font1\" style=\"margin-top: 30px; letter-spacing: 2px;\">FEATURE ITEM</h3> <p class=\"size-16 display-font2\">Lorem Ipsum is dummy text of the printing industry.</p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/features-15.png",
        "category": "105",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-1200\"> <div class=\"row clearfix\"> <div class=\"column third\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> <div class=\"column third\"> <p><i class=\"icon ion-monitor size-32\" style=\"color: #bdc3c7\"></i></p> <h3 class=\"size-21\">FEATURE ITEM</h3> <p class=\"size-18\">Lorem Ipsum is simply dummy text of the printing industry.</p> <p style=\"margin-top:25px\"><i class=\"icon ion-android-microphone size-32\" style=\"color: #bdc3c7\"></i></p> <h3 class=\"size-21\">FEATURE ITEM</h3> <p class=\"size-18\">Lorem Ipsum is simply dummy text of the printing industry.</p> </div> <div class=\"column third\"> <p><i class=\"icon ion-android-options size-32\" style=\"color: #bdc3c7\"></i></p> <h3 class=\"size-21\">FEATURE ITEM</h3> <p class=\"size-18\">Lorem Ipsum is simply dummy text of the printing industry.</p> <p style=\"margin-top:25px\"><i class=\"icon ion-images size-32\" style=\"color: #bdc3c7\"></i></p> <h3 class=\"size-21\">FEATURE ITEM</h3> <p class=\"size-18\">Lorem Ipsum is simply dummy text of the printing industry.</p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/features-16.png",
        "category": "105",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-light-text\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg');\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> <div class=\"is-overlay-color\" style=\"opacity: 0.25;\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered is-opacity-95 is-content-top edge-y-3\"> <div class=\"is-container is-builder container\" style=\"max-width: 1100px;\"> <div class=\"row clearfix\"> <div class=\"column third\"> <h1 class=\"size-80 is-title-lite\"><i>01</i></h1> <h3>Feature Item</h3> <p>Lorem Ipsum is simply dummy text of the printing industry. Vivamus leo ante, consectetur sit amet.</p> </div> <div class=\"column third\"> <h1 class=\"size-80 is-title-lite\"><i>02</i></h1> <h3>Feature Item</h3> <p>Lorem Ipsum is simply dummy text of the printing industry. Vivamus leo ante, consectetur sit amet.</p> </div> <div class=\"column third\"> <h1 class=\"size-80 is-title-lite\"><i>03</i></h1> <h3>Feature Item</h3> <p>Lorem Ipsum is simply dummy text of the printing industry. Vivamus leo ante, consectetur sit amet.</p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/features-17.png",
        "category": "105",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box-img is-box is-box-5\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg');\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> </div> <div class=\"is-box is-bg-light is-dark-text is-box-7\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 700px;\"> <div class=\"row clearfix\"> <div class=\"column half\"> <p class=\"size-48\" style=\"font-weight: bold;\">1</p> <h3 class=\"size-21\" style=\"line-height: 1; letter-spacing: 1px;\">CREATIVE IDEAS</h3> <p style=\"border-bottom: 2px solid #333; width: 40px;\"></p> <p>Lorem Ipsum is simply dummy text of the printing industry.</p> </div> <div class=\"column half\"> <p class=\"size-48\" style=\"font-weight: bold;\">2</p> <h3 class=\"size-21\" style=\"line-height: 1; letter-spacing: 1px;\">WEB DEVELOPMENT</h3> <p style=\"border-bottom: 2px solid #333; width: 40px;\"></p> <p>Lorem Ipsum is simply dummy text of the printing industry.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column half\"> <p class=\"size-48\" style=\"font-weight: bold;\">3</p> <h3 class=\"size-21\" style=\"line-height: 1; letter-spacing: 1px;\">RESPONSIVE DESIGN</h3> <p style=\"border-bottom: 2px solid #333; width: 40px;\"></p> <p>Lorem Ipsum is simply dummy text of the printing industry.</p> </div> <div class=\"column half\"> <p class=\"size-48\" style=\"font-weight: bold;\">4</p> <h3 class=\"size-21\" style=\"line-height: 1; letter-spacing: 1px;\">ONLINE SUPPORT</h3> <p style=\"border-bottom: 2px solid #333; width: 40px;\"></p> <p>Lorem Ipsum is simply dummy text of the printing industry.</p> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/features-18.png",
        "category": "105",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg'); background-position: 30% 0%;\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-left edge-x-3\" style=\"max-width: 880px;\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-42\" style=\"letter-spacing: 2px;\">OUR FEATURES</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full center\"> <div class=\"spacer height-60\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column half\"> <div class=\"list\"> <i class=\"icon ion-android-bulb size-48\"></i> <h3 style=\"margin: 0 0 0 70px\">FEATURE ITEM</h3> <p style=\"margin: 10px 0 0 70px\">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p> </div> </div> <div class=\"column half\"> <div class=\"list\"> <i class=\"icon ion-android-checkmark-circle size-48\"></i> <h3 style=\"margin: 0 0 0 70px\">FEATURE ITEM</h3> <p style=\"margin: 10px 0 0 70px\">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p> </div> </div> </div> <div class=\"row clearfix\"> <div class=\"column half\"> <div class=\"list\"> <i class=\"icon ion-android-favorite-outline size-48\"></i> <h3 style=\"margin: 0 0 0 70px\">FEATURE ITEM</h3> <p style=\"margin: 10px 0 0 70px\">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p> </div> </div> <div class=\"column half\"> <div class=\"list\"> <i class=\"icon ion-wrench size-48\"></i> <h3 style=\"margin: 0 0 0 70px\">FEATURE ITEM</h3> <p style=\"margin: 10px 0 0 70px\">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/features-20.png",
        "category": "105",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-bg-light is-dark-text is-box-6\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-boxes\" style=\"min-height:auto\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" nogrid style=\"max-width: 540px;margin-bottom: 0px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <div style=\"position: relative;height: 36vw;\"> <div style=\"position: absolute;z-index: 0;width: 24vw;left: -2vw;top: -2vw;\"> <img src=\"/placeholders/square.jpg\" alt=\"\" style=\"width: 100%; transform: translateX(0px);\" data-bottom-top=\"transform:translateX(-100px);\" data-center=\"transform:translateX(0px);\"> </div> <div style=\"position: absolute;z-index: 100;width: 24vw;left: 8vw;top: -4vw;\"> <img src=\"/placeholders/square.jpg\" alt=\"\" style=\"width: 100%; transform: translateX(0px);\" data-bottom-top=\"transform:translateX(100px);\" data-center=\"transform:translateX(0px);\"> </div> </div> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-dark-text is-box-6 is-bg-light\"><div class=\"is-overlay\"></div> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-left edge-x-0\" style=\"max-width: 640px;\"> <div class=\"row clearfix\"> <div class=\"column half\"> <p><i class=\"icon ion-monitor size-32\" style=\"color: #bdc3c7\"></i></p> <p>FEATURE ITEM<br>Lorem Ipsum is dummy text of the printing industry.</p> </div> <div class=\"column half\"> <p><i class=\"icon ion-android-options size-32\" style=\"color: #bdc3c7\"></i></p> <p>FEATURE ITEM<br>Lorem Ipsum is dummy text of the printing industry.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-20\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column half\"> <p><i class=\"icon ion-android-microphone size-32\" style=\"color: #bdc3c7\"></i></p> <p>FEATURE ITEM<br>Lorem Ipsum is dummy text of the printing industry.</p> </div> <div class=\"column half\"> <p><i class=\"icon ion-images size-32\" style=\"color: #bdc3c7\"></i></p> <p>FEATURE ITEM<br>Lorem Ipsum is dummy text of the printing industry.</p> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/features-21.png",
        "category": "105",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-box-5 is-dark-text is-bg-light\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-boxes\" style=\"min-height:auto\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" nogrid style=\"max-width: 460px;margin-bottom: 0px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <div style=\"position: relative;height: 34vw;\"> <div style=\"position: absolute;z-index: 100;width: 21vw;left: 8vw;top: -7vw;transform: skewX(50deg) skewY(-200deg) rotateX(60deg) rotateY(10deg);\"> <img src=\"/placeholders/square.jpg\" alt=\"\" style=\"box-shadow: rgba(22, 22, 22, 0.3) -3em 2em 5em;width: 100%;\" data-bottom-top=\"transform:translateX(100px);\" data-center-top=\"transform:translateX(0px);\"> </div> <div style=\"position: absolute;z-index: 50;width: 21vw;left: 4vw;top: -1.2vw;transform: skewX(50deg) skewY(-200deg) rotateX(60deg) rotateY(10deg);\"> <img src=\"/placeholders/square.jpg\" alt=\"\" style=\"box-shadow: rgba(22, 22, 22, 0.3) -3em 2em 5em;width: 100%;\" data-bottom-top=\"transform:translateX(150px);\" data-center-top=\"transform:translateX(0px);\"> </div> <div style=\"position: absolute;z-index: 0;width: 21vw;left: 1vw;top: 5vw;transform: skewX(50deg) skewY(-200deg) rotateX(60deg) rotateY(10deg);\"> <img src=\"/placeholders/square.jpg\" alt=\"\" style=\"box-shadow: rgba(22, 22, 22, 0.3) -3em 2em 5em;width: 100%;\" data-bottom-top=\"transform:translateX(200px);\" data-center-top=\"transform:translateX(0px);\"> </div> </div> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-box-7 is-dark-text is-bg-light\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-right edge-x-1\" style=\"max-width: 734px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-38\" style=\"letter-spacing: 2px;\">SPECIAL FEATURES</h1> <p style=\"border-bottom: 2px solid #e74c3c; width: 60px; display: inline-block;\"></p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-60\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column third\"> <i class=\"icon ion-ios-monitor-outline size-42\"></i> <h3 class=\"size-21\">FEATURE ITEM</h3> <p>Lorem Ipsum is text of the printing industry.</p> </div> <div class=\"column third\"> <i class=\"icon ion-ios-gear-outline size-42\"></i> <h3 class=\"size-21\">FEATURE ITEM</h3> <p>Lorem Ipsum is text of the printing industry.</p> </div> <div class=\"column third\"> <i class=\"icon ion-ios-heart-outline size-42\"></i> <h3 class=\"size-21\">FEATURE ITEM</h3> <p>Lorem Ipsum is text of the printing industry.</p> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/features-22.png",
        "category": "105",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-box-7 is-dark-text\" style=\"background-color: rgb(248, 248, 248);\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-right edge-x-1\" style=\"max-width: 693px;\"> <div class=\"row clearfix\"> <div class=\"column half\"> <p class=\"size-48\" style=\"font-weight: bold;\">1</p> <h3 class=\"size-21\" style=\"line-height: 1; letter-spacing: 1px;\">CREATIVE IDEAS</h3> <p style=\"border-bottom: 2px solid #333; width: 40px;\"></p> <p>Lorem Ipsum is dummy text of the printing industry.</p> </div> <div class=\"column half\"> <p class=\"size-48\" style=\"font-weight: bold;\">2</p> <h3 class=\"size-21\" style=\"line-height: 1; letter-spacing: 1px;\">WEB DEVELOPMENT</h3> <p style=\"border-bottom: 2px solid #333; width: 40px;\"></p> <p>Lorem Ipsum is dummy text of the printing industry.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column half\"> <p class=\"size-48\" style=\"font-weight: bold;\">3</p> <h3 class=\"size-21\" style=\"line-height: 1; letter-spacing: 1px;\">RESPONSIVE DESIGN</h3> <p style=\"border-bottom: 2px solid #333; width: 40px;\"></p> <p>Lorem Ipsum is dummy text of the printing industry.</p> </div> <div class=\"column half\"> <p class=\"size-48\" style=\"font-weight: bold;\">4</p> <h3 class=\"size-21\" style=\"line-height: 1; letter-spacing: 1px;\">ONLINE SUPPORT</h3> <p style=\"border-bottom: 2px solid #333; width: 40px;\"></p> <p>Lorem Ipsum is dummy text of the printing industry.</p> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-box-5 is-dark-text\" style=\"background-color: rgb(248, 248, 248);\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-boxes\" style=\"min-height:auto\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" nogrid style=\"max-width: 839px;margin-top:0;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <div style=\"position: relative;height: 30vw;\"> <div style=\"position: absolute;z-index: 100;width: 48vw;left: 0.2vw;top: -2vw;transform: perspective(500px) rotateY(-8deg) scale(1.1)\"> <img src=\"/placeholders/square.jpg\" alt=\"\" style=\"margin: 0;\" class=\"skrollable skrollable-between\" data-bottom-top=\"transform:translateX(100px);\" data-center=\"transform:translateX(0px);\"> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/features-23.png",
        "category": "105",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-box-4 is-bg-light is-dark-text\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-boxes\" style=\"min-height:auto\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder is-content-500 container\" nogrid style=\"margin-bottom:0;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <div style=\"position: relative;height: 36vw;\"> <div style=\"position: absolute;z-index: 100;width: 17vw;left: -3vw;top: 0.04vw;transform: rotateX(-10deg) rotateZ(30deg);\"> <img src=\"/placeholders/square.jpg\" alt=\"\" style=\"box-shadow: rgba(22, 22, 22, 0.2) 3em 3em 5em;width: 100%;\" class=\"skrollable skrollable-between\" data-400-bottom=\"transform:translateX(-100px) rotate(-20deg);\" data-center=\"transform:translateX(0px) rotate(0deg);\"> </div> <div style=\"position: absolute;z-index: 0;width: 17vw;left: 9.3vw;top: -2vw;transform: rotateX(-10deg) rotateZ(30deg);\"> <img src=\"/placeholders/square.jpg\" alt=\"\" style=\"box-shadow: rgba(22, 22, 22, 0.2) 3em 3em 5em;width: 100%;\" class=\"skrollable skrollable-between\" data-bottom-top=\"transform:translateX(-100px) rotate(-20deg);\" data-center=\"transform:translateX(0px) rotate(0deg);\"> </div> </div> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-dark-text is-box-8 is-bg-light\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-right edge-x-1\" style=\"max-width: 805px;\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-38\" style=\"letter-spacing: 3px;\">FEATURES</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-80\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column half\"> <div class=\"list\"> <div style=\"position: absolute; border-radius: 500px; width: 50px; height: 50px; background: #000;text-align:center\"> <i class=\"icon ion-android-bulb size-24\" style=\"color: #fff;\"></i> </div> <h2 class=\"size-24\" style=\"margin: 0 0 0 70px\">Feature Item</h2> <p style=\"margin: 10px 0 0 70px\">Lorem Ipsum is dummy text of the printing industry.</p> </div> </div> <div class=\"column half\"> <div class=\"list\"> <div style=\"position: absolute; border-radius: 500px; width: 50px; height: 50px; background: #000;text-align:center\"> <i class=\"icon ion-compose size-24\" style=\"color: #fff;\"></i> </div> <h2 class=\"size-24\" style=\"margin: 0 0 0 70px\">Feature Item</h2> <p style=\"margin: 10px 0 0 70px\">Lorem Ipsum is dummy text of the printing industry.</p> </div> </div> </div> <div class=\"row clearfix\"> <div class=\"column half\"> <div class=\"list\"> <div style=\"position: absolute; border-radius: 500px; width: 50px; height: 50px; background: #000;text-align:center\"> <i class=\"icon ion-android-options size-24\" style=\"color: #fff;\"></i> </div> <h2 class=\"size-24\" style=\"margin: 0 0 0 70px\">Feature Item</h2> <p style=\"margin: 10px 0 0 70px\">Lorem Ipsum is dummy text of the printing industry.</p> </div> </div> <div class=\"column half\"> <div class=\"list\"> <div style=\"position: absolute; border-radius: 500px; width: 50px; height: 50px; background: #000;text-align:center\"> <i class=\"icon ion-android-microphone size-24\" style=\"color: #fff;\"></i> </div> <h2 class=\"size-24\" style=\"margin: 0 0 0 70px\">Feature Item</h2> <p style=\"margin: 10px 0 0 70px\">Lorem Ipsum is dummy text of the printing industry.</p> </div> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/features-24.png",
        "category": "105",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-dark-text is-box-7\" style=\"background-color: rgb(248, 248, 248);\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 708px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-38\" style=\"text-align: center; font-weight: 300; letter-spacing: 2px;\">What makes us different.</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-60\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column half\"> <div class=\"list\"> <i class=\"icon ion-checkmark\"></i> <h3 class=\"size-21\" style=\"margin: 0 0 0 50px;\">Feature Item</h3> <p style=\"margin: 5px 0 0 50px; font-weight: 300\">Lorem Ipsum is simply dummy text of the printing industry.</p> </div> </div> <div class=\"column half\"> <div class=\"list\"> <i class=\"icon ion-checkmark\"></i> <h3 class=\"size-21\" style=\"margin: 0 0 0 50px;\">Feature Item</h3> <p style=\"margin: 5px 0 0 50px; font-weight: 300\">Lorem Ipsum is simply dummy text of the printing industry.</p> </div> </div> </div> <div class=\"row clearfix\"> <div class=\"column half\"> <div class=\"list\"> <i class=\"icon ion-checkmark\"></i> <h3 class=\"size-21\" style=\"margin: 0 0 0 50px;\">Feature Item</h3> <p style=\"margin: 5px 0 0 50px; font-weight: 300\">Lorem Ipsum is simply dummy text of the printing industry.</p> </div> </div> <div class=\"column half\"> <div class=\"list\"> <i class=\"icon ion-checkmark\"></i> <h3 class=\"size-21\" style=\"margin: 0 0 0 50px;\">Feature Item</h3> <p style=\"margin: 5px 0 0 50px; font-weight: 300\">Lorem Ipsum is simply dummy text of the printing industry.</p> </div> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-dark-text is-box-5\" style=\"background-color: rgb(248, 248, 248);\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-boxes\" style=\"min-height:auto\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder is-content-500 container is-content-left edge-x-0\" nogrid style=\"margin-top:0;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <div style=\"position: relative;height: 28vw;\"> <div style=\"position: absolute;z-index: 0;width: 24vw;left: -3vw;top: -2vw;transform: rotateX(10deg) rotateZ(-30deg);\"> <img src=\"/placeholders/square.jpg\" alt=\"\" style=\"width: 100%;\" class=\"skrollable skrollable-between\" data-400-bottom=\"transform:translateY(100px);\" data-bottom=\"transform:translateY(0px);\"> </div> <div style=\"position: absolute;z-index: 100;width: 24vw;left: 8vw;top: -4vw;\"> <img src=\"/placeholders/square.jpg\" alt=\"\" style=\"width: 100%;\" class=\"skrollable skrollable-between\" data-bottom-top=\"transform:translateY(200px);\" data-center=\"transform:translateY(0px);\"> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/features-25.png",
        "category": "105",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-box-5 is-dark-text is-bg-light\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-boxes\" style=\"min-height:auto\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" nogrid style=\"margin-bottom: 0px; max-width: 520px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <div style=\"position: relative;height: 30vw;\"> <div style=\"position: absolute;z-index: 100;width: 26vw;left: -23vw;top: -10vw;transform: rotateX(-60deg) rotateZ(40deg);\"> <img src=\"/placeholders/square.jpg\" alt=\"\" style=\"box-shadow: rgba(22, 22, 22, 0.4) 3em 3em 5em;width: 100%;\" data-bottom-top=\"transform:translateX(-200px);opacity:0;\" data-center=\"transform:translateX(0px);opacity:1;\"> </div> <div style=\"position: absolute;z-index: 70;width: 26vw;left: 6vw;top: -3vw;transform: rotateX(-60deg) rotateZ(40deg);\"> <img src=\"/placeholders/square.jpg\" alt=\"\" style=\"box-shadow: rgba(22, 22, 22, 0.4) 3em 3em 5em;width: 100%;\" alt=\"\" data-bottom-top=\"transform:translateY(-120px);opacity:0;\" data-center=\"transform:translateY(0px);opacity:1;\"> </div> <div style=\"position: absolute;z-index: 50;width: 26vw;left: -7vw;top: 5vw;transform: rotateX(-60deg) rotateZ(40deg);\"> <img src=\"/placeholders/square.jpg\" alt=\"\" style=\"box-shadow: rgba(22, 22, 22, 0.4) 3em 3em 5em;width: 100%;\" alt=\"\" data-bottom-top=\"transform:translateX(150px);opacity:0;\" data-center-top=\"transform:translateX(0px);opacity:1;\"> </div> <div style=\"position: absolute;z-index: 0;width: 26vw;left: -20vw;top: 13vw;transform: rotateX(-60deg) rotateZ(40deg);\"> <img src=\"/placeholders/square.jpg\" alt=\"\" style=\"box-shadow: rgba(22, 22, 22, 0.4) 3em 3em 5em;width: 100%;\" data-bottom-top=\"transform:translateY(100px);opacity:0;\" data--100-bottom=\"transform:translateY(0px);opacity:1;\"> </div> </div> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-box-7 is-dark-text is-bg-light\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 740px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <p class=\"size-46\" style=\"letter-spacing: 4px; line-height: 1.5\">WHY CHOOSE OUR PRODUCTS</p> <p style=\"border-bottom: 2px solid #333; width: 60px; display: inline-block; margin-top: 0\"></p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-60\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column third\"> <i class=\"icon ion-android-bulb size-32\" style=\"color: #bdc3c7\"></i> <h3 class=\"size-21\" style=\"letter-spacing: 1px; font-weight: 300\">FEATURE 01</h3> <p class=\"size-16\">Lorem Ipsum is text of the printing industry.</p> </div> <div class=\"column third\"> <i class=\"icon ion-android-desktop size-32\" style=\"color: #bdc3c7\"></i> <h3 class=\"size-21\" style=\"letter-spacing: 1px; font-weight: 300\">FEATURE 02</h3> <p class=\"size-16\">Lorem Ipsum is text of the printing industry.</p> </div> <div class=\"column third\"> <i class=\"icon ion-gear-b size-32\" style=\"color: #bdc3c7\"></i> <h3 class=\"size-21\" style=\"letter-spacing: 1px; font-weight: 300\">FEATURE 03</h3> <p class=\"size-16\">Lorem Ipsum is text of the printing industry.</p> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/steps-01.png",
        "category": "106",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-1100\"> <div class=\"row clearfix\"> <div class=\"column full\"> <p class=\"size-21\" style=\"color: #d4d4d4; font-family: \"Georgia\", serif;\"><i>Discover</i></p> <h1 class=\"size-32 is-title1-32 is-title-bold\">HOW IT WORKS</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column third\"> <h1 class=\"size-80 is-title-bold\" style=\"color: #d4d4d4;\">1.</h1> <h3 class=\"size-24 is-title-lite\">STEP 01</h3> <p style=\"border-bottom: 2px solid #333; width: 40px; display: inline-block; margin-top: 0\"></p> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p> </div> <div class=\"column third\"> <h1 class=\"size-80 is-title-bold\" style=\"color: #d4d4d4;\">2.</h1> <h3 class=\"size-24 is-title-lite\">STEP 02</h3> <p style=\"border-bottom: 2px solid #333; width: 40px; display: inline-block; margin-top: 0\"></p> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p> </div> <div class=\"column third\"> <h1 class=\"size-80 is-title-bold\" style=\"color: #d4d4d4;\">3.</h1> <h3 class=\"size-24 is-title-lite\">STEP 03</h3> <p style=\"border-bottom: 2px solid #333; width: 40px; display: inline-block; margin-top: 0\"></p> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/steps-02.png",
        "category": "106",
        "contentCss": "type-forum-nanumgothiccoding.css",
        "contentClass": "type-forum-nanumgothiccoding",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text type-forum-nanumgothiccoding\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-1200\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 style=\"letter-spacing: 4px;\">HOW WE WORK</h1> <p style=\"border-bottom: 2px solid #000; width: 60px; display: inline-block; margin-top: 0\"></p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column third\"> <h2 style=\"color: rgb(204, 204, 204);\">01.</h2> <p>Lorem Ipsum is simply dummy text of the printing industry.</p> </div> <div class=\"column third\"> <h2 style=\"color: rgb(204, 204, 204);\">02.</h2> <p>Lorem Ipsum is simply dummy text of the printing industry.</p> </div> <div class=\"column third\"> <h2 style=\"color: rgb(204, 204, 204);\">03.</h2> <p>Lorem Ipsum is simply dummy text of the printing industry.</p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/steps-03.png",
        "category": "106",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 782px;\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-38\" style=\"letter-spacing: 1px;\">THE PROCESS</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-20\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column half\"> <p class=\"size-42\" style=\"line-height: 1; font-weight: bold;\">01.</p> <h2 class=\"size-21\">STEP ONE</h2> <p>Lorem Ipsum is dummy text of the printing industry. Lorem Ipsum has been the industry\"s standard dummy text.</p> </div> <div class=\"column half\"> <img src=\"/placeholders/square.jpg\" alt=\"\" style=\"width: 90%; height: auto;\"> </div> </div> <div class=\"row clearfix\"> <div class=\"column half\"> <img src=\"/placeholders/square.jpg\" alt=\"\" style=\"width: 90%; height: auto;\"> </div> <div class=\"column half\"> <p class=\"size-42\" style=\"line-height: 1; font-weight: bold;\">02.</p> <h2 class=\"size-21\">STEP TWO</h2> <p>Lorem Ipsum is dummy text of the printing industry. Lorem Ipsum has been the industry\"s standard dummy text.</p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/steps-04.png",
        "category": "106",
        "contentCss": "type-oranienbaum-sourcesanspro.css",
        "contentClass": "type-oranienbaum-sourcesanspro",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text type-oranienbaum-sourcesanspro\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-1200\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-64\" style=\"letter-spacing: 4px; text-transform: uppercase;\">HOW WE WORK</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-60\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column third\"> <div class=\"list\"> <i class=\"icon ion-ios-arrow-right size-60\"></i> <h3 class=\"size-32\">STEP 1</h3> <p>Lorem Ipsum is dummy text of the printing industry.</p> </div> </div> <div class=\"column third\"> <div class=\"list\"> <i class=\"icon ion-ios-arrow-right size-60\"></i> <h3 class=\"size-32\">STEP 2</h3> <p>Lorem Ipsum is dummy text of the printing industry.</p> </div> </div> <div class=\"column third\"> <div class=\"list\"> <i class=\"icon ion-ios-arrow-right size-60\"></i> <h3 class=\"size-32\">STEP 2</h3> <p>Lorem Ipsum is dummy text of the printing industry.</p> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/steps-05.png",
        "category": "106",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text\" style=\"background-color: rgb(243, 243, 243);\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 1030px;\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-46\" style=\"letter-spacing: 2px;\">HOW IT WORKS</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-80\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column third center\"> <div class=\"is-card is-card-circle is-dark-text shadow-1\" style=\"width:90px;height:90px;padding:10px\"> <div class=\"is-card-content-centered\"> <p class=\"size-42\" style=\"margin: 0px; font-weight: bold;\">1</p> </div> </div> <h3 style=\"margin-top:1.5em\">Step One</h3> <p>Lorem Ipsum is simply dummy text of the printing industry.</p> </div> <div class=\"column third center\"> <div class=\"is-card is-card-circle is-dark-text shadow-1\" style=\"width:90px;height:90px;padding:10px\"> <div class=\"is-card-content-centered\"> <p class=\"size-42\" style=\"margin: 0px; font-weight: bold;\">2</p> </div> </div> <h3 style=\"margin-top:1.5em\">Step Two</h3> <p>Lorem Ipsum is simply dummy text of the printing industry.</p> </div> <div class=\"column third center\"> <div class=\"is-card is-card-circle is-dark-text shadow-1\" style=\"width:90px;height:90px;padding:10px\"> <div class=\"is-card-content-centered\"> <p class=\"size-42\" style=\"margin: 0px; font-weight: bold;\">3</p> </div> </div> <h3 style=\"margin-top:1.5em\">Step Three</h3> <p>Lorem Ipsum is simply dummy text of the printing industry.</p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/steps-06.png",
        "category": "106",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 1030px;\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-46\" style=\"letter-spacing: 2px;\">HOW IT WORKS</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-80\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column third center\"> <div class=\"is-card is-card-circle is-light-text\" style=\"width:90px;height:90px;padding:10px;background:#000;\"> <div class=\"is-card-content-centered\"> <p class=\"size-42\" style=\"margin: 0px; font-weight: bold;\">1</p> </div> </div> <h3 style=\"margin-top:1.5em\">Step One</h3> <p>Lorem Ipsum is simply dummy text of the printing industry.</p> </div> <div class=\"column third center\"> <div class=\"is-card is-card-circle is-light-text\" style=\"width:90px;height:90px;padding:10px;background:#000;\"> <div class=\"is-card-content-centered\"> <p class=\"size-42\" style=\"margin: 0px; font-weight: bold;\">2</p> </div> </div> <h3 style=\"margin-top:1.5em\">Step Two</h3> <p>Lorem Ipsum is simply dummy text of the printing industry.</p> </div> <div class=\"column third center\"> <div class=\"is-card is-card-circle is-light-text\" style=\"width:90px;height:90px;padding:10px;background:#000;\"> <div class=\"is-card-content-centered\"> <p class=\"size-42\" style=\"margin: 0px; font-weight: bold;\">3</p> </div> </div> <h3 style=\"margin-top:1.5em\">Step Three</h3> <p>Lorem Ipsum is simply dummy text of the printing industry.</p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/steps-07.png",
        "category": "106",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-1100\"> <div class=\"row clearfix\"> <div class=\"column full\"> <p class=\"size-21\" style=\"color: #d4d4d4; font-family: \"Georgia\", serif;\"><i>Discover</i></p> <h1 class=\"size-48 is-title1-48 is-title-bold\">OUR WORK STEPS</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column third\"> <h3 class=\"size-24\"><i class=\"icon ion-ios-chatboxes-outline size-32\"></i> &nbsp;STEP 01</h3> <p>Lorem Ipsum is simply dummy text of the printing industry.</p> </div> <div class=\"column third\"> <h3 class=\"size-24\"><i class=\"icon ion-ios-gear-outline size-32\"></i> &nbsp;STEP 2</h3> <p>Lorem Ipsum is simply dummy text of the printing industry.</p> </div> <div class=\"column third\"> <h3 class=\"size-24\"><i class=\"icon ion-ios-paperplane-outline size-32\"></i> &nbsp;STEP 3</h3> <p>Lorem Ipsum is simply dummy text of the printing industry.</p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/steps-08.png",
        "category": "106",
        "contentCss": "type-raleway-neuton.css",
        "contentClass": "type-raleway-neuton",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text type-raleway-neuton\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 1140px;\"> <div class=\"row clearfix\"> <div class=\"column third\"> <h1 class=\"size-68\" style=\"font-weight: 300\">HOW</h1> <h3 class=\"size-24 default-font2\">Step One</h3> <p style=\"color: rgb(136, 136, 136); line-height: 1.8;\">Lorem Ipsum is dummy text of the printing and typesetting industry.</p> </div> <div class=\"column third\"> <h1 class=\"size-68\" style=\"font-weight: 300\">IT</h1> <h3 class=\"size-24 default-font2\">Step Two</h3> <p style=\"color: rgb(136, 136, 136); line-height: 1.8;\">Lorem Ipsum is dummy text of the printing and typesetting industry.</p> </div> <div class=\"column third\"> <h1 class=\"size-68\" style=\"font-weight: 300\">WORKS</h1> <h3 class=\"size-24 default-font2\">Step Three</h3> <p style=\"color: rgb(136, 136, 136); line-height: 1.8;\">Lorem Ipsum is dummy text of the printing and typesetting industry.</p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/steps-09.png",
        "category": "106",
        "contentCss": "type-oranienbaum-sourcesanspro.css",
        "contentClass": "type-oranienbaum-sourcesanspro",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text type-oranienbaum-sourcesanspro\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 1102px;\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-50\" style=\"letter-spacing: 2px; text-transform: uppercase;\">Timeline Process</h1> <p class=\"size-18\" style=\"letter-spacing: 7px; text-transform: uppercase;\">Discover How We Work</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-80\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column third center\"> <h3 class=\"size-18\" style=\"border: 2px solid rgb(0, 0, 0); padding: 10px; display: inline-block; letter-spacing: 3px;\">STEP ONE</h3> <p class=\"size-18\">Lorem Ipsum is simply dummy text of the printing industry.</p> </div> <div class=\"column third center\"> <h3 class=\"size-18\" style=\"border: 2px solid rgb(0, 0, 0); padding: 10px; display: inline-block; letter-spacing: 3px;\">STEP TWO</h3> <p class=\"size-18\">Lorem Ipsum is simply dummy text of the printing industry.</p> </div> <div class=\"column third center\"> <h3 class=\"size-18\" style=\"border: 2px solid rgb(0, 0, 0); padding: 10px; display: inline-block; letter-spacing: 3px;\">STEP THREE</h3> <p class=\"size-18\">Lorem Ipsum is simply dummy text of the printing industry.</p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/steps-10.png",
        "category": "106",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-bg-grey\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-1050\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-48 is-title1-48 is-title-lite\">THE PROCESS</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column fourth center\"> <div class=\"is-card is-card-circle is-dark-text shadow-1\" style=\"width:70px;height:70px;padding:15px\"> <div class=\"is-card-content-centered\"> <i class=\"icon ion-android-bulb size-32\"></i> </div> </div> <h3 style=\"margin-top:1.5em\">Step 1</h3> <p>Lorem Ipsum is simply dummy text.</p> </div> <div class=\"column fourth center\"> <div class=\"is-card is-card-circle is-dark-text shadow-1\" style=\"width:70px;height:70px;padding:15px\"> <div class=\"is-card-content-centered\"> <i class=\"icon ion-compose size-32\"></i> </div> </div> <h3 style=\"margin-top:1.5em\">Step 2</h3> <p>Lorem Ipsum is simply dummy text.</p> </div> <div class=\"column fourth center\"> <div class=\"is-card is-card-circle is-dark-text shadow-1\" style=\"width:70px;height:70px;padding:15px\"> <div class=\"is-card-content-centered\"> <i class=\"icon ion-code size-32\"></i> </div> </div> <h3 style=\"margin-top:1.5em\">Step 3</h3> <p>Lorem Ipsum is simply dummy text.</p> </div> <div class=\"column fourth center\"> <div class=\"is-card is-card-circle is-dark-text shadow-1\" style=\"width:70px;height:70px;padding:15px\"> <div class=\"is-card-content-centered\"> <i class=\"icon ion-android-desktop size-32\"></i> </div> </div> <h3 style=\"margin-top:1.5em\">Step 4</h3> <p>Lorem Ipsum is simply dummy text.</p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/steps-11.png",
        "category": "106",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-1050\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-48 is-title1-48 is-title-lite\">THE PROCESS</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column fourth center\"> <div class=\"is-card is-card-circle is-light-text\" style=\"width:70px;height:70px;padding:15px;background:#000;\"> <div class=\"is-card-content-centered\"> <i class=\"icon ion-android-bulb size-32\"></i> </div> </div> <h3 style=\"margin-top:1.5em\">Step 1</h3> <p>Lorem Ipsum is simply dummy text.</p> </div> <div class=\"column fourth center\"> <div class=\"is-card is-card-circle is-light-text\" style=\"width:70px;height:70px;padding:15px;background:#000;\"> <div class=\"is-card-content-centered\"> <i class=\"icon ion-compose size-32\"></i> </div> </div> <h3 style=\"margin-top:1.5em\">Step 2</h3> <p>Lorem Ipsum is simply dummy text.</p> </div> <div class=\"column fourth center\"> <div class=\"is-card is-card-circle is-light-text\" style=\"width:70px;height:70px;padding:15px;background:#000;\"> <div class=\"is-card-content-centered\"> <i class=\"icon ion-code size-32\"></i> </div> </div> <h3 style=\"margin-top:1.5em\">Step 3</h3> <p>Lorem Ipsum is simply dummy text.</p> </div> <div class=\"column fourth center\"> <div class=\"is-card is-card-circle is-light-text\" style=\"width:70px;height:70px;padding:15px;background:#000;\"> <div class=\"is-card-content-centered\"> <i class=\"icon ion-android-desktop size-32\"></i> </div> </div> <h3 style=\"margin-top:1.5em\">Step 4</h3> <p>Lorem Ipsum is simply dummy text.</p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/steps-12.png",
        "category": "106",
        "contentCss": "type-ubuntumono-sourcecodepro.css",
        "contentClass": "type-ubuntumono-sourcecodepro",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text type-ubuntumono-sourcecodepro\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-1200\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h2 class=\"size-64\" style=\"letter-spacing: 2px;\">Timeline Process</h2> <p class=\"size-21\" style=\"letter-spacing: 1px;\">Discover How We Work</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column third center\"> <p class=\"size-50 default-font1\" style=\"line-height:1.3\">01</p> <h3 class=\"size-18\">STEP ONE</h3> <p class=\"size-16\" style=\"color: rgb(136, 136, 136);\">Lorem Ipsum is simply dummy text of the printing industry.</p> </div> <div class=\"column third center\"> <p class=\"size-50 default-font1\" style=\"line-height:1.3\">02</p> <h3 class=\"size-18\">STEP TWO</h3> <p class=\"size-16\" style=\"color: rgb(136, 136, 136);\">Lorem Ipsum is simply dummy text of the printing industry.</p> </div> <div class=\"column third center\"> <p class=\"size-50 default-font1\" style=\"line-height:1.3\">03</p> <h3 class=\"size-18\">STEP THREE</h3> <p class=\"size-16\" style=\"color: rgb(136, 136, 136);\">Lorem Ipsum is simply dummy text of the printing industry.</p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/steps-13.png",
        "category": "106",
        "contentCss": "type-forum-nanumgothiccoding.css",
        "contentClass": "type-forum-nanumgothiccoding",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text type-forum-nanumgothiccoding\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg'); background-position: 50% 60%;\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-right edge-x-1\" style=\"max-width: 740px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 style=\"letter-spacing: 4px;\">HOW WE WORK</h1> <p style=\"border-bottom: 2px solid #000; width: 60px; display: inline-block; margin-top: 0\"></p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column third\"> <h2>01.</h2> <p>Lorem Ipsum is dummy text of printing industry.</p> </div> <div class=\"column third\"> <h2>02.</h2> <p>Lorem Ipsum is dummy text of printing industry.</p> </div> <div class=\"column third\"> <h2>03.</h2> <p>Lorem Ipsum is dummy text of printing industry.</p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/steps-14.png",
        "category": "106",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-light-text\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg'); background-position: 50% 80%;\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> <div class=\"is-overlay-color\" style=\"opacity: 0.15; background-color: rgb(0, 0, 0);\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered is-content-top edge-y-3\"> <div class=\"is-container is-builder container is-content-left edge-x-2\" style=\"max-width: 960px;\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-42\" style=\"letter-spacing: 1px;\">THE PROCESS</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-60\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column fourth center\"> <div class=\"is-card is-card-circle is-dark-text shadow-1\" style=\"width:60px;height:60px;padding:15px\"> <div class=\"is-card-content-centered\"> <i class=\"icon ion-android-bulb size-28\"></i> </div> </div> <h3 style=\"margin-top:1.5em\">Step 1</h3> <p>Lorem Ipsum is simply dummy text.</p> </div> <div class=\"column fourth center\"> <div class=\"is-card is-card-circle is-dark-text shadow-1\" style=\"width:60px;height:60px;padding:15px\"> <div class=\"is-card-content-centered\"> <i class=\"icon ion-compose size-28\"></i> </div> </div> <h3 style=\"margin-top:1.5em\">Step 2</h3> <p>Lorem Ipsum is simply dummy text.</p> </div> <div class=\"column fourth center\"> <div class=\"is-card is-card-circle is-dark-text shadow-1\" style=\"width:60px;height:60px;padding:15px\"> <div class=\"is-card-content-centered\"> <i class=\"icon ion-code size-28\"></i> </div> </div> <h3 style=\"margin-top:1.5em\">Step 3</h3> <p>Lorem Ipsum is simply dummy text.</p> </div> <div class=\"column fourth center\"> <div class=\"is-card is-card-circle is-dark-text shadow-1\" style=\"width:60px;height:60px;padding:15px\"> <div class=\"is-card-content-centered\"> <i class=\"icon ion-android-desktop size-28\"></i> </div> </div> <h3 style=\"margin-top:1.5em\">Step 4</h3> <p>Lorem Ipsum is simply dummy text.</p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/steps-15.png",
        "category": "106",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box-img is-box is-box-4\"> <div class=\"is-boxes \"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg'); background-position: 70% 60%;\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> </div> </div> <div class=\"is-box-8 is-box\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 800px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <p class=\"size-21\" style=\"color: #c1c0c0; font-family: \"Georgia\", serif;\"><i>Discover</i></p> <h1 class=\"size-42\" style=\"font-weight: bold;\">OUR WORK STEPS</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-80\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column third\"> <h3 class=\"size-24\"><i class=\"icon ion-ios-chatboxes-outline size-32\"></i> &nbsp;STEP 01</h3> <p>Lorem Ipsum is text of the printing industry.</p> </div> <div class=\"column third\"> <h3 class=\"size-24\"><i class=\"icon ion-ios-gear-outline size-32\"></i> &nbsp;STEP 2</h3> <p>Lorem Ipsum is text of the printing industry.</p> </div> <div class=\"column third\"> <h3 class=\"size-24\"><i class=\"icon ion-ios-paperplane-outline size-32\"></i> &nbsp;STEP 3</h3> <p>Lorem Ipsum is text of the printing industry.</p> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/steps-16.png",
        "category": "106",
        "contentCss": "type-oranienbaum-sourcesanspro.css",
        "contentClass": "type-oranienbaum-sourcesanspro",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-dark-text is-box-4 is-bg-light\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-boxes\" style=\"min-height:auto\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" nogrid style=\"margin-bottom: 0px; max-width: 440px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <div style=\"position: relative;height: 34vw;\"> <div style=\"position: absolute;z-index: 100;width: 26vw;left: -13vw;top: 15vw;\"> <img src=\"/placeholders/square.jpg\" alt=\"\" style=\"box-shadow: rgba(22, 22, 22, 0.2) 2em 3em 5em;width: 100%;\" data-bottom-top=\"transform:translateX(-140px);\" data--300-bottom=\"transform:translateX(0px);\"> </div> <div style=\"position: absolute;z-index: 50;width: 26vw;left: -2vw;top: 6.2vw;\"> <img src=\"/placeholders/square.jpg\" alt=\"\" style=\"box-shadow: rgba(22, 22, 22, 0.2) 2em 3em 5em;width: 100%;\" data-bottom-top=\"transform:translateX(-80px);\" data-center-top=\"transform:translateX(0px);\"> </div> <div style=\"position: absolute;z-index: 0;width: 26vw;left: 9vw;top: -2vw;\"> <img src=\"/placeholders/square.jpg\" alt=\"\" style=\"box-shadow: rgba(22, 22, 22, 0.2) 2em 3em 5em;width: 100%;\" data-bottom-top=\"transform:translateX(-180px);\" data-center=\"transform:translateX(0px);\"> </div> </div> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-box-8 is-dark-text is-bg-light is-align-left type-oranienbaum-sourcesanspro\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-right edge-x-1\" style=\"max-width: 806px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-46\" style=\"letter-spacing: 4px; text-align: center;\">HOW WE WORK</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-80\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column third\"> <div class=\"list\"> <i class=\"icon ion-ios-arrow-right size-60\"></i> <h3 class=\"size-32\">STEP 1</h3> <p>Lorem Ipsum is dummy text of the printing industry.</p> </div> </div> <div class=\"column third\"> <div class=\"list\"> <i class=\"icon ion-ios-arrow-right size-60\"></i> <h3 class=\"size-32\">STEP 2</h3> <p>Lorem Ipsum is dummy text of the printing industry.</p> </div> </div> <div class=\"column third\"> <div class=\"list\"> <i class=\"icon ion-ios-arrow-right size-60\"></i> <h3 class=\"size-32\">STEP 2</h3> <p>Lorem Ipsum is dummy text of the printing industry.</p> </div> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/steps-17.png",
        "category": "106",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-box-7 is-align-left\" style=\"background-color: rgb(248, 248, 248);\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-left edge-x-1\" style=\"max-width: 760px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-42\" style=\"text-align: left; letter-spacing: 4px;\">HOW IT WORKS</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-80\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column third\"> <h4>Step <span class=\"size-60\"><b>1</b></span></h4> <p>Lorem Ipsum is simply dummy text of the printing industry.</p> </div> <div class=\"column third\"> <h4>Step <span class=\"size-60\"><b>2</b></span></h4> <p>Lorem Ipsum is simply dummy text of the printing industry.</p> </div> <div class=\"column third\"> <h4>Step <span class=\"size-60\"><b>3</b></span></h4> <p>Lorem Ipsum is simply dummy text of the printing industry.</p> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-box-5 is-light-text\" style=\"background-color: rgb(248, 248, 248);\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-boxes\" style=\"min-height:auto\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" nogrid style=\"margin-top: 0px; max-width: 649px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <div style=\"position: relative;height: 28vw;\"> <div style=\"position: absolute;z-index: 100;width: 14vw;left: 6vw;top: 1vw;\"> <img src=\"/placeholders/square.jpg\" alt=\"\" style=\"width: 100%;box-shadow: rgba(22, 22, 22, 0.2) 0.43em 0.43em 3em;\"> </div> <div style=\"position: absolute;z-index: 50;width: 14vw;left: -6.5vw;top: 2.5vw;transform: rotateX(10deg) rotateZ(-15deg);\"> <img src=\"/placeholders/square.jpg\" alt=\"\" style=\"width: 100%;box-shadow: rgba(22, 22, 22, 0.2) 0.43em 0.43em 3em;\" data-bottom-top=\"transform: rotateX(-10deg) rotateZ(15deg) translateX(100px);\" data-center=\"transform: rotateX(0deg) rotateZ(0deg) translateX(0px);\"> </div> <div style=\"position: absolute;z-index: 0;width: 14vw;left: 18.4vw;top: 2.4vw;transform: rotateX(10deg) rotateZ(15deg);\"> <img src=\"/placeholders/square.jpg\" alt=\"\" style=\"width: 100%;box-shadow: rgba(22, 22, 22, 0.2) 0.43em 0.43em 3em;\" data-bottom-top=\"transform: rotateX(-10deg) rotateZ(-15deg) translateX(-100px);\" data-center=\"transform: rotateX(0deg) rotateZ(0deg) translateX(0px);\"> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/steps-18.png",
        "category": "106",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-bg-light is-dark-text is-box-5\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-boxes\" style=\"min-height:auto\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder is-content-500 container\" nogrid style=\"margin-bottom:0;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <div style=\"position: relative;height: 30vw;\"> <div style=\"position: absolute;z-index: 50;width: 36vw;left: -21vw;top: -21vw;transform: rotateX(-60deg) rotateZ(40deg);\"> <img src=\"/placeholders/square.jpg\" alt=\"\" style=\"box-shadow: rgba(22, 22, 22, 0.4) 3em 3em 5em;width: 100%;\" data-bottom-top=\"transform:translateY(-150px);\" data-center-top=\"transform:translateY(0px);\"> </div> <div style=\"position: absolute;z-index: 100;width: 18vw;left: -1.5vw;top: 3vw;transform: rotateX(-60deg) rotateZ(40deg);\"> <img src=\"/placeholders/square.jpg\" alt=\"\" style=\"box-shadow: rgba(22, 22, 22, 0.4) 3em 3em 5em;width: 100%;\" data-bottom-top=\"transform:translateY(100px);\" data-center-top=\"transform:translateY(0px);\" class=\"skrollable skrollable-between\"> </div> </div> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-dark-text is-bg-light is-box-7\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-left edge-x-0\" style=\"max-width: 781px;\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-46\" style=\"letter-spacing: 2px;\">THE PROCESS</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-80\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column center third\"> <div class=\"is-card is-card-circle is-light-text\" style=\"width:50px;height:50px;padding:15px;background:#000;\"> <div class=\"is-card-content-centered\"> <i class=\"icon ion-compose size-24\"></i> </div> </div> <h3 style=\"margin-top:1.5em\">Step 1</h3> <p>Lorem Ipsum is text of the printing industry.</p> </div> <div class=\"column center third\"> <div class=\"is-card is-card-circle is-light-text\" style=\"width:50px;height:50px;padding:15px;background:#000;\"> <div class=\"is-card-content-centered\"> <i class=\"icon ion-code size-24\"></i> </div> </div> <h3 style=\"margin-top:1.5em\">Step 2</h3> <p>Lorem Ipsum is text of the printing industry.</p> </div> <div class=\"column center third\"> <div class=\"is-card is-card-circle is-light-text\" style=\"width:50px;height:50px;padding:15px;background:#000;\"> <div class=\"is-card-content-centered\"> <i class=\"icon ion-android-desktop size-24\"></i> </div> </div> <h3 style=\"margin-top:1.5em\">Step 3</h3> <p>Lorem Ipsum is text of the printing industry.</p> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/pricing-01.png",
        "category": "107",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 1040px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-38\" style=\"letter-spacing: 1px;\">CHOOSE YOUR PLAN</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-80\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column third\"> <h1 class=\"size-76\" style=\"color: rgb(222, 222, 222); line-height: 1; font-weight: bold;\">01</h1> <h3 class=\"size-24\" style=\"font-weight: bold\">LITE / $33</h3> <p style=\"border-bottom: 2px solid #000; width: 40px; display: inline-block; margin-top:0\"></p> <p>Lorem Ipsum is dummy text of the printing industry.</p> <div style=\"margin:2.2em 0\"> <a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-btn-small\">Buy Now</a> </div> </div> <div class=\"column third\"> <h1 class=\"size-76\" style=\"color: rgb(222, 222, 222); line-height: 1; font-weight: bold;\">02</h1> <h3 class=\"size-24\" style=\"font-weight: bold\">ADVANCED / $59</h3> <p style=\"border-bottom: 2px solid #000; width: 40px; display: inline-block; margin-top:0\"></p> <p>Lorem Ipsum is dummy text of the printing industry.</p> <div style=\"margin:2.2em 0\"> <a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-btn-small\">Buy Now</a> </div> </div> <div class=\"column third\"> <h1 class=\"size-76\" style=\"color: rgb(222, 222, 222); line-height: 1; font-weight: bold;\">03</h1> <h3 class=\"size-24\" style=\"font-weight: bold\">ULTIMATE / $77</h3> <p style=\"border-bottom: 2px solid #000; width: 40px; display: inline-block; margin-top:0\"></p> <p>Lorem Ipsum is dummy text of the printing and industry.</p> <div style=\"margin:2.2em 0\"> <a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-btn-small\">Buy Now</a> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/pricing-02.png",
        "category": "107",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box\" style=\"background-color: rgb(248, 248, 248);\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 1040px;\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-38\">SIMPLE PRICING</h1> <p style=\"border-bottom: 2px solid #000; width: 50px; display: inline-block;\"></p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-60\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column third\"> <div class=\"is-card is-dark-text shadow-1\" style=\"width:calc(100%);\"> <div style=\"padding:30px;width:100%;box-sizing:border-box;text-align:center;\"> <h3 class=\"size-24\" style=\"letter-spacing: 2px;\">STANDARD</h3> <p style=\"color: #e74c3c; font-size: 24px; line-height: 1.4\">$<span class=\"size-64\" style=\"color: #e74c3c\">29</span>/mo</p> <p>Lorem Ipsum is dummy text of the printing industry.</p> <div style=\"margin:1.2em 0\"> <a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-btn-small\">Buy Now</a> </div> </div> </div> </div> <div class=\"column third\"> <div class=\"is-card is-dark-text shadow-1\" style=\"width:calc(100%);\"> <div style=\"padding:30px;width:100%;box-sizing:border-box;text-align:center;\"> <h3 class=\"size-24\" style=\"letter-spacing: 2px;\">DELUXE</h3> <p style=\"color: #e74c3c; font-size: 24px; line-height: 1.4\">$<span class=\"size-64\" style=\"color: #e74c3c\">59</span>/mo</p> <p>Lorem Ipsum is dummy text of the printing industry.</p> <div style=\"margin:1.2em 0\"> <a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-btn-small\">Buy Now</a> </div> </div> </div> </div> <div class=\"column third\"> <div class=\"is-card is-dark-text shadow-1\" style=\"width:calc(100%);\"> <div style=\"padding:30px;width:100%;box-sizing:border-box;text-align:center;\"> <h3 class=\"size-24\" style=\"letter-spacing: 2px;\">ULTIMATE</h3> <p style=\"color: #e74c3c; font-size: 24px; line-height: 1.4\">$<span class=\"size-64\" style=\"color: #e74c3c\">79</span>/mo</p> <p>Lorem Ipsum is dummy text of the printing industry.</p> <div style=\"margin:1.2em 0\"> <a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-btn-small\">Buy Now</a> </div> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/pricing-14.png",
        "category": "107",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg');\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered is-opacity-95\"> <div class=\"is-container is-builder container is-content-left edge-x-2\" style=\"max-width: 820px;\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-48\">Pricing Plans</h1> <p class=\"size-18\">Choose the right plan that works for you. No hidden fees.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column half\"> <div class=\"is-card is-dark-text shadow-1\" style=\"width:calc(100%);\"> <div style=\"padding:30px;width:100%;box-sizing:border-box;text-align:center;\"> <h1 class=\"size-54\" style=\"font-weight: bold;\">$17</h1> <h2 class=\"size-24\">BASIC</h2> <p>Lorem Ipsum is dummy text of the printing and typesetting industry.</p> <div style=\"margin:2em 0 1em\"> <a href=\"#\" class=\"is-btn is-btn-small is-btn-ghost1 is-upper\">Buy Now</a> </div> </div> </div> </div> <div class=\"column half\"> <div class=\"is-card is-dark-text shadow-1\" style=\"width:calc(100%);\"> <div style=\"padding:30px;width:100%;box-sizing:border-box;text-align:center;\"> <h1 class=\"size-54\" style=\"font-weight: bold;\">$29</h1> <h2 class=\"size-24\">PREMIUM</h2> <p>Lorem Ipsum is dummy text of the printing and typesetting industry.</p> <div style=\"margin:2em 0 1em\"> <a href=\"#\" class=\"is-btn is-btn-small is-btn-ghost1 is-upper\">Buy Now</a> </div> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/pricing-04.png",
        "category": "107",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text is-bg-grey\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-1100\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-48 is-title1-48 is-title-lite\">SUBSCRIPTION PLANS</h1> <p>Choose the right plan that works for you.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column third\"> <div class=\"is-card is-dark-text shadow-1\" style=\"width:calc(100%);\"> <div style=\"padding:30px;width:100%;box-sizing:border-box;text-align:center;\"> <h1 class=\"size-80 is-title-lite\" style=\"color: rgb(204, 204, 204); line-height: 1;\">01</h1> <h3 class=\"size-24\">BASIC / FREE</h3> <p>Lorem Ipsum is dummy text of the printing industry.</p> <div style=\"margin:2.2em 0\"> <a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-btn-small edit\">Select Plan</a> </div> </div> </div> </div> <div class=\"column third\"> <div class=\"is-card is-light-text shadow-1\" style=\"width:calc(100%);background-color: #27ae60\"> <div style=\"padding:30px;width:100%;box-sizing:border-box;text-align:center;\"> <h1 class=\"size-80 is-title-lite\" style=\"line-height:1\">02</h1> <h3 class=\"size-24\">DELUXE / $77</h3> <p>Lorem Ipsum is dummy text of the printing industry.</p> <div style=\"margin:2.2em 0\"> <a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-btn-small edit\">Select Plan</a> </div> </div> </div> </div> <div class=\"column third\"> <div class=\"is-card is-light-text shadow-1\" style=\"width:calc(100%);background-color: #f39c12\"> <div style=\"padding:30px;width:100%;box-sizing:border-box;text-align:center;\"> <h1 class=\"size-80 is-title-lite\" style=\"line-height:1\">03</h1> <h3 class=\"size-24\">PREMIUM / $89</h3> <p>Lorem Ipsum is dummy text of the printing industry.</p> <div style=\"margin:2.2em 0\"> <a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-btn-small edit\">Select Plan</a> </div> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/pricing-05.png",
        "category": "107",
        "contentCss": "type-cutivemono-lato.css",
        "contentClass": "type-cutivemono-lato",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text type-cutivemono-lato\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-1200\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-48 default-font2\" style=\"letter-spacing: 2px;\">PRICING PLANS</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column third\"> <h2 class=\"size-64\">$31</h2> <p class=\"size-16 default-font1\">MONTHLY</p> <h3 class=\"size-24 default-font2\" style=\"line-height: 2; letter-spacing: 2px;\">STANDARD</h3> <p class=\"size-18\">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p> <div style=\"margin:2.2em 0\"> <a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-btn-small edit\">Get Started</a> </div> </div> <div class=\"column third\"> <h2 class=\"size-64\">$57</h2> <p class=\"size-16 default-font1\">MONTHLY</p> <h3 class=\"size-24 default-font2\" style=\"line-height: 2; letter-spacing: 2px;\">PREMIUM</h3> <p class=\"size-18\">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p> <div style=\"margin:2.2em 0\"> <a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-btn-small edit\">Get Started</a> </div> </div> <div class=\"column third\"> <h2 class=\"size-64\">$62</h2> <p class=\"size-16 default-font1\">MONTHLY</p> <h3 class=\"size-24 default-font2\" style=\"line-height: 2; letter-spacing: 2px;\">ULTIMATE</h3> <p class=\"size-18\">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p> <div style=\"margin:2.2em 0\"> <a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-btn-small edit\">Get Started</a> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/pricing-06.png",
        "category": "107",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text\" style=\"background-color: rgb(248, 248, 248);\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 1140px;\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-42\" style=\"letter-spacing: 1px;\">PRICING PLANS</h1> <p>Fair Prices. Excellent Services.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column third\"> <div class=\"is-card is-dark-text shadow-1\" style=\"width:calc(100%);\"> <div style=\"padding:25px;width:100%;box-sizing:border-box;text-align:center;\"> <div class=\"is-card is-card-circle is-light-text card\" style=\"width:90px;height:90px;padding:15px;margin-top:20px;background-color:#2980b9;\"> <div class=\"is-card-content-centered\"> <p class=\"size-42\" style=\"margin:0\">$<b>55</b></p> </div> </div> <h3 class=\"size-24 is-title-lite\" style=\"margin-top:25px\">STANDARD</h3> <p>Lorem Ipsum is dummy text of the printing industry.</p> <div style=\"margin:1em 0\"> <a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-btn-small\">Purchase</a> </div> </div> </div> </div> <div class=\"column third\"> <div class=\"is-card is-dark-text shadow-1\" style=\"width:calc(100%);\"> <div style=\"padding:25px;width:100%;box-sizing:border-box;text-align:center;\"> <div class=\"is-card is-card-circle is-light-text card\" style=\"width:90px;height:90px;padding:15px;margin-top:20px;background-color:#c0392b;\"> <div class=\"is-card-content-centered\"> <p class=\"size-42\" style=\"margin:0\">$<b>67</b></p> </div> </div> <h3 class=\"size-24 is-title-lite\" style=\"margin-top:25px\">DELUXE</h3> <p>Lorem Ipsum is dummy text of the printing industry.</p> <div style=\"margin:1em 0\"> <a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-btn-small\">Purchase</a> </div> </div> </div> </div> <div class=\"column third\"> <div class=\"is-card is-dark-text shadow-1\" style=\"width:calc(100%);\"> <div style=\"padding:25px;width:100%;box-sizing:border-box;text-align:center;\"> <div class=\"is-card is-card-circle is-light-text card\" style=\"width:90px;height:90px;padding:15px;margin-top:20px;background-color:#8e44ad;\"> <div class=\"is-card-content-centered\"> <p class=\"size-42\" style=\"margin:0\">$<b>72</b></p> </div> </div> <h3 class=\"size-24 is-title-lite\" style=\"margin-top:25px\">PREMIUM</h3> <p>Lorem Ipsum is dummy text of the printing industry.</p> <div style=\"margin:1em 0\"> <a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-btn-small\">Purchase</a> </div> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/pricing-07.png",
        "category": "107",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text\" style=\"background-color: rgb(248, 248, 248);\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 1160px;\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-38\">PLANS THAT MEET YOUR NEEDS</h1> <p>Fair Prices. Excellent Services.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column third\"> <div class=\"is-card is-dark-text shadow-1\" style=\"width:calc(100%);\"> <div style=\"padding:25px;width:100%;box-sizing:border-box;text-align:center;\"> <h1 class=\"size-24\" style=\"letter-spacing: 2px;\">BASIC</h1> <p style=\"border-bottom: 2px solid #333; width: 30px; display: inline-block; margin-top: 0\"></p> <p>Lorem Ipsum is simply dummy text of the printing industry.</p> <h4>$ <span class=\"size-64 is-title-bold\" style=\"font-weight: 600\">39</span></h4> <div style=\"margin:1.2em 0\"> <a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-btn-small\">Select Plan</a> </div> </div> </div> </div> <div class=\"column third\"> <div class=\"is-card is-dark-text shadow-1\" style=\"width:calc(100%);\"> <div style=\"padding:25px;width:100%;box-sizing:border-box;text-align:center;\"> <h1 class=\"size-24\" style=\"letter-spacing: 2px;\">ADVANCED</h1> <p style=\"border-bottom: 2px solid #333; width: 30px; display: inline-block; margin-top: 0\"></p> <p>Lorem Ipsum is simply dummy text of the printing industry.</p> <h4>$ <span class=\"size-64 is-title-bold\" style=\"font-weight: 600\">59</span></h4> <div style=\"margin:1.2em 0\"> <a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-btn-small\">Select Plan</a> </div> </div> </div> </div> <div class=\"column third\"> <div class=\"is-card is-dark-text shadow-1\" style=\"width:calc(100%);\"> <div style=\"padding:25px;width:100%;box-sizing:border-box;text-align:center;\"> <h1 class=\"size-24\" style=\"letter-spacing: 2px;\">ULTIMATE</h1> <p style=\"border-bottom: 2px solid #333; width: 30px; display: inline-block; margin-top: 0\"></p> <p>Lorem Ipsum is simply dummy text of the printing industry.</p> <h4>$ <span class=\"size-64 is-title-bold\" style=\"font-weight: 600\">79</span></h4> <div style=\"margin:1.2em 0\"> <a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-btn-small\">Select Plan</a> </div> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/pricing-08.png",
        "category": "107",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 980px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-42\" style=\"letter-spacing: 1px;\">Plans That Meet Your Needs</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column half\"> <h1 class=\"size-76\" style=\"color: rgb(222, 222, 222); font-weight: bold;\">01</h1> <h3 class=\"size-24\" style=\"font-weight: bold\">BASIC / <span style=\"color: rgb(27, 131, 223);\">$55</span></h3> <p style=\"border-bottom: 2px solid #000; width: 40px; display: inline-block; margin-top:0\"></p> <p>Lorem Ipsum is dummy text of the printing industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s.</p> <div style=\"margin:1.2em 0\"> <a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-btn-small\">Select Plan</a> </div> </div> <div class=\"column half\"> <h1 class=\"size-76\" style=\"color: rgb(222, 222, 222); font-weight: bold;\">02</h1> <h3 class=\"size-24\" style=\"font-weight: bold\">PREMIUM / <span style=\"color: rgb(27, 131, 223);\">$77</span></h3> <p style=\"border-bottom: 2px solid #000; width: 40px; display: inline-block; margin-top:0\"></p> <p>Lorem Ipsum is dummy text of the printing industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s.</p> <div style=\"margin:1.2em 0\"> <a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-btn-small\">Select Plan</a> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/pricing-09.png",
        "category": "107",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text\" style=\"background-color: rgb(248, 248, 248);\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 920px;\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-48\">Pricing Plans</h1> <p class=\"size-18\">Choose the right plan that works for you. No hidden fees.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column half\"> <div class=\"is-card is-dark-text shadow-1\" style=\"width:calc(100%);\"> <div style=\"padding:30px;width:100%;box-sizing:border-box;text-align:center;\"> <h1 class=\"size-54\" style=\"font-weight: bold;\">$17</h1> <h3 class=\"size-24\">BASIC</h3> <p>Lorem Ipsum is dummy text of the printing and typesetting industry.</p> <div style=\"margin:1.2em 0\"> <a href=\"#\" class=\"is-btn is-btn-small is-btn-ghost1 is-upper\">Buy Now</a> </div> </div> </div> </div> <div class=\"column half\"> <div class=\"is-card is-dark-text shadow-1\" style=\"width:calc(100%);\"> <div style=\"padding:30px;width:100%;box-sizing:border-box;text-align:center;\"> <h1 class=\"size-54\" style=\"font-weight: bold;\">$29</h1> <h3 class=\"size-24\">PREMIUM</h3> <p>Lorem Ipsum is dummy text of the printing and typesetting industry.</p> <div style=\"margin:1.2em 0\"> <a href=\"#\" class=\"is-btn is-btn-small is-btn-ghost1 is-upper\">Buy Now</a> </div> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/pricing-12.png",
        "category": "107",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-48 is-title1-48 is-title-lite\">CHOOSE YOUR PLAN</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column third\"> <h1 class=\"size-64 is-title1-64 is-title-bold\"><span style=\"font-size:30px\">$</span>19</h1> <h3 class=\"size-18 is-title1-18 is-title-bold\">Per Month</h3> <p>Lorem Ipsum is simply dummy text of the printing industry.</p> <div style=\"margin:2em 0 1em\"> <a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-rounded-30 is-btn-small edit\">Buy Now</a> </div> </div> <div class=\"column third\"> <h1 class=\"size-64 is-title1-64 is-title-bold\"><span style=\"font-size:30px\">$</span>27</h1> <h3 class=\"size-18 is-title1-18 is-title-bold\">Per Month</h3> <p>Lorem Ipsum is simply dummy text of the printing industry.</p> <div style=\"margin:2em 0 1em\"> <a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-rounded-30 is-btn-small edit\">Buy Now</a> </div> </div> <div class=\"column third\"> <h1 class=\"size-64 is-title1-64 is-title-bold\"><span style=\"font-size:30px\">$</span>39</h1> <h3 class=\"size-18 is-title1-18 is-title-bold\">Per Month</h3> <p>Lorem Ipsum is simply dummy text of the printing industry.</p> <div style=\"margin:2em 0 1em\"> <a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-rounded-30 is-btn-small edit\">Buy Now</a> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/pricing-10.png",
        "category": "107",
        "contentCss": "type-cutivemono-lato.css",
        "contentClass": "type-cutivemono-lato",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text type-cutivemono-lato\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-1100\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-48 default-font2\" style=\"letter-spacing: 2px;\">SIMPLE PRICING</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column half\"> <h2 class=\"size-64\">$31</h2> <p class=\"size-16 default-font1\">MONTHLY</p> <h3 class=\"size-28 default-font2\" style=\"line-height: 2;letter-spacing: 2px;\">STANDARD</h3> <p class=\"size-18\">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p> <div style=\"margin:2.2em 0\"> <a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-btn-small edit\">Get Started</a> </div> </div> <div class=\"column half\"> <h2 class=\"size-64\">$57</h2> <p class=\"size-16 default-font1\">MONTHLY</p> <h3 class=\"size-28 default-font2\" style=\"line-height: 2;letter-spacing: 2px;\">ULTIMATE </h3> <p class=\"size-18\">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p> <div style=\"margin:2.2em 0\"> <a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-btn-small edit\">Get Started</a> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/pricing-13.png",
        "category": "107",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg');\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> <div class=\"is-overlay-color\" style=\"opacity: 0.1;\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered is-opacity-95\"> <div class=\"is-container is-builder container\" style=\"max-width: 1160px;\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-38\">PLANS THAT MEET YOUR NEEDS</h1> <p>Fair Prices. Excellent Services.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column third\"> <div class=\"is-card is-dark-text shadow-1\" style=\"width:calc(100%);\"> <div style=\"padding:25px;width:100%;box-sizing:border-box;text-align:center;\"> <h1 class=\"size-24\" style=\"letter-spacing: 2px;\">BASIC</h1> <p style=\"border-bottom: 2px solid #333; width: 30px; display: inline-block; margin-top: 0\"></p> <p>Lorem Ipsum is simply dummy text of the printing industry.</p> <h4>$ <span class=\"size-64\" style=\"font-weight: 600\">39</span></h4> <div style=\"margin:1.2em 0\"> <a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-btn-small\">Select Plan</a> </div> </div> </div> </div> <div class=\"column third\"> <div class=\"is-card is-dark-text shadow-1\" style=\"width:calc(100%);\"> <div style=\"padding:25px;width:100%;box-sizing:border-box;text-align:center;\"> <h1 class=\"size-24\" style=\"letter-spacing: 2px;\">ADVANCED</h1> <p style=\"border-bottom: 2px solid #333; width: 30px; display: inline-block; margin-top: 0\"></p> <p>Lorem Ipsum is simply dummy text of the printing industry.</p> <h4>$ <span class=\"size-64\" style=\"font-weight: 600\">59</span></h4> <div style=\"margin:1.2em 0\"> <a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-btn-small\">Select Plan</a> </div> </div> </div> </div> <div class=\"column third\"> <div class=\"is-card is-dark-text shadow-1\" style=\"width:calc(100%);\"> <div style=\"padding:25px;width:100%;box-sizing:border-box;text-align:center;\"> <h1 class=\"size-24\" style=\"letter-spacing: 2px;\">ULTIMATE</h1> <p style=\"border-bottom: 2px solid #333; width: 30px; display: inline-block; margin-top: 0\"></p> <p>Lorem Ipsum is simply dummy text of the printing industry.</p> <h4>$ <span class=\"size-64\" style=\"font-weight: 600\">79</span></h4> <div style=\"margin:1.2em 0\"> <a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-btn-small\">Select Plan</a> </div> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/skills-01.png",
        "category": "108",
        "contentCss": "type-elsie-montserrat.css",
        "contentClass": "type-elsie-montserrat",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text type-elsie-montserrat\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-1200\"> <div class=\"row clearfix\"> <div class=\"column full\"> <p class=\"size-16\">DISCOVER HOW GOOD WE ARE</p> <h1 class=\"size-64\" style=\"letter-spacing: 5px;\">TEAM SKILLS</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column third\"> <h2 class=\"size-64\">85%</h2> <h3 class=\"size-18 default-font2\">WEB DESIGN</h3> <p class=\"size-16\" style=\"color: rgb(136, 136, 136);\">Lorem Ipsum is simply dummy text of the printing industry.</p> </div> <div class=\"column third\"> <h2 class=\"size-64\">98%</h2> <h3 class=\"size-18 default-font2\">WEB DEVELOPMENT</h3> <p class=\"size-16\" style=\"color: rgb(136, 136, 136);\">Lorem Ipsum is simply dummy text of the printing industry.</p> </div> <div class=\"column third\"> <h2 class=\"size-64\">77%</h2> <h3 class=\"size-18 default-font2\">PHOTOSHOP</h3> <p class=\"size-16\" style=\"color: rgb(136, 136, 136);\">Lorem Ipsum is simply dummy text of the printing industry.</p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/skills-02.png",
        "category": "108",
        "contentCss": "type-abrilfatface-assistant.css",
        "contentClass": "type-abrilfatface-assistant",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text type-abrilfatface-assistant\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-1100\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-80 default-font2 letter-spacing-15\" style=\"letter-spacing: 15px;\">PROFESSIONAL SKILLS</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column third center\"> <div class=\"is-card is-card-circle is-light-text shadow-1\" style=\"width:70px;height:70px;padding:15px;background: #6ab04c;\"> <div class=\"is-card-content-centered\"> <p class=\"size-28 default-font1\" style=\"margin: 0\">87%</p> </div> </div> <h3 class=\"size-24 default-font2\" style=\"margin-top: 25px;\">WEB DESIGN </h3> <p class=\"size-18\" style=\"line-height: 1.8\">Lorem Ipsum is dummy text of the printing industry.</p> </div> <div class=\"column third center\"> <div class=\"is-card is-card-circle is-light-text shadow-1\" style=\"width:70px;height:70px;padding:15px;background: #e84393;\"> <div class=\"is-card-content-centered\"> <p class=\"size-28 default-font1\" style=\"margin: 0\">92%</p> </div> </div> <h3 class=\"size-24 default-font2\" style=\"margin-top: 25px;\">WEB DEVELOPMENT </h3> <p class=\"size-18\" style=\"line-height: 1.8\">Lorem Ipsum is dummy text of the printing industry.</p> </div> <div class=\"column third center\"> <div class=\"is-card is-card-circle is-light-text shadow-1\" style=\"width:70px;height:70px;padding:15px;background: #0984e3;\"> <div class=\"is-card-content-centered\"> <p class=\"size-28 default-font1\" style=\"margin: 0\">99%</p> </div> </div> <h3 class=\"size-24 default-font2\" style=\"margin-top: 25px;\">CUSTOMER SUPPORT</h3> <p class=\"size-18\" style=\"line-height: 1.8\">Lorem Ipsum is dummy text of the printing industry.</p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/skills-03.png",
        "category": "108",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 990px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-42\">WORK <span style=\"color: #888888\">SKILLS</span></h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-60\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column half\"> <div style=\"text-align: center; width: 90px; height: 90px; line-hieght: 90px; border-radius: 50%; border: 3px solid #888888; display: inline-block;\"> <p class=\"size-28\" style=\"padding: 10px; color: rgb(136, 136, 136); line-height: 1.3; font-weight: bold;\">93%</p> </div> <h3 class=\"size-24\">Design / Graphics</h3> <p>Lorem Ipsum is dummy text of printing industry.</p> </div> <div class=\"column half\"> <div style=\"text-align: center; width: 90px; height: 90px; line-hieght: 90px; border-radius: 50%; border: 3px solid #888888; display: inline-block;\"> <p class=\"size-28\" style=\"padding: 10px; color: rgb(136, 136, 136); line-height: 1.3; font-weight: bold;\">85%</p> </div> <h3 class=\"size-24\">HTML & CSS</h3> <p>Lorem Ipsum is dummy text of printing industry.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column half\"> <div style=\"text-align: center; width: 90px; height: 90px; line-hieght: 90px; border-radius: 50%; border: 3px solid #888888; display: inline-block;\"> <p class=\"size-28\" style=\"padding: 10px; color: rgb(136, 136, 136); line-height: 1.3; font-weight: bold;\">77%</p> </div> <h3 class=\"size-24\">WordPress</h3> <p>Lorem Ipsum is dummy text of printing industry.</p> </div> <div class=\"column half\"> <div style=\"text-align: center; width: 90px; height: 90px; line-hieght: 90px; border-radius: 50%; border: 3px solid #888888; display: inline-block;\"> <p class=\"size-28\" style=\"padding: 10px; color: rgb(136, 136, 136); line-height: 1.3; font-weight: bold;\">89%</p> </div> <h3 class=\"size-24\">Customer Support</h3> <p>Lorem Ipsum is dummy text of printing industry.</p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/skills-04.png",
        "category": "108",
        "contentCss": "type-oranienbaum-sourcesanspro.css",
        "contentClass": "type-oranienbaum-sourcesanspro",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text is-bg-grey type-oranienbaum-sourcesanspro\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-1100\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <div class=\"display\"> <h1 class=\"letter-spacing-25\" style=\"letter-spacing: 25px;\">PROFESSIONAL SKILLS</h1> </div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column fourth center\"> <div class=\"is-card is-card-circle is-dark-text shadow-1\" style=\"width:60px;height:60px;padding:10px\"> <div class=\"is-card-content-centered\"> <div class=\"size-24\" style=\"font-family: \"Oranienbaum\", serif;\">91%</div> </div> </div> <h4 style=\"line-height: 2.2;\">HTML & CSS</h4> <p style=\"color: rgb(136, 136, 136); line-height: 1.7\">Lorem Ipsum is dummy text of the printing industry.</p> </div> <div class=\"column fourth center\"> <div class=\"is-card is-card-circle is-dark-text shadow-1\" style=\"width:60px;height:60px;padding:10px\"> <div class=\"is-card-content-centered\"> <div class=\"size-24\" style=\"font-family: \"Oranienbaum\", serif;\">83%</div> </div> </div> <h4 style=\"line-height: 2.2;\">PHP</h4> <p style=\"color: rgb(136, 136, 136); line-height: 1.7\">Lorem Ipsum is dummy text of the printing industry.</p> </div> <div class=\"column fourth center\"> <div class=\"is-card is-card-circle is-dark-text shadow-1\" style=\"width:60px;height:60px;padding:10px\"> <div class=\"is-card-content-centered\"> <div class=\"size-24\" style=\"font-family: \"Oranienbaum\", serif;\">72%</div> </div> </div> <h4 style=\"line-height: 2.2;\">JavaScript</h4> <p style=\"color: rgb(136, 136, 136); line-height: 1.7\">Lorem Ipsum is dummy text of the printing industry.</p> </div> <div class=\"column fourth center\"> <div class=\"is-card is-card-circle is-dark-text shadow-1\" style=\"width:60px;height:60px;padding:10px\"> <div class=\"is-card-content-centered\"> <div class=\"size-24\" style=\"font-family: \"Oranienbaum\", serif;\">85%</div> </div> </div> <h4 style=\"line-height: 2.2;\">Photoshop</h4> <p style=\"color: rgb(136, 136, 136); line-height: 1.7\">Lorem Ipsum is dummy text of the printing industry.</p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/skills-05.png",
        "category": "108",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-1100\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-48 is-title1-48 is-title-lite\">OUR <span style=\"color: #888888\">SKILLS</span></h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column third\"> <i class=\"icon ion-android-favorite-outline size-32\" style=\"color: #f39c12\"></i> <h3 class=\"size-21\" style=\"color: #888888\">WEB DESIGN</h3> <p style=\"border-bottom: 2px solid #f39c12; width: 40px; display: inline-block; margin-top:0\"></p> <p>Lorem Ipsum is simply dummy text of the printing industry.</p> </div> <div class=\"column third\"> <i class=\"icon ion-code size-32\" style=\"color: #f39c12\"></i> <h3 class=\"size-21\" style=\"color: #888888\">HTML & CSS</h3> <p style=\"border-bottom: 2px solid #f39c12; width: 40px; display: inline-block; margin-top:0\"></p> <p>Lorem Ipsum is simply dummy text of the printing industry.</p> </div> <div class=\"column third\"> <i class=\"icon ion-android-globe size-32\" style=\"color: #f39c12\"></i> <h3 class=\"size-21\" style=\"color: #888888\">BRANDING</h3> <p style=\"border-bottom: 2px solid #f39c12; width: 40px; display: inline-block; margin-top:0\"></p> <p>Lorem Ipsum is simply dummy text of the printing industry.</p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/skills-06.png",
        "category": "108",
        "contentCss": "type-abrilfatface-assistant.css",
        "contentClass": "type-abrilfatface-assistant",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text type-abrilfatface-assistant\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-1200\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-48 default-font2\" style=\"letter-spacing: 2px;\">PROFESSIONAL SKILLS</h1> <p style=\"border-bottom: 2px solid #333; width: 50px; display: inline-block; margin: 0\"></p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full center\"> <div class=\"spacer height-60\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column fourth center\"> <div class=\"is-card is-card-circle is-light-text shadow-1\" style=\"width:110px;height:110px;padding:15px;background: #f0932b;\"> <div class=\"is-card-content-centered\"> <p class=\"size-38 default-font1\">92%</p> </div> </div> <h3 class=\"size-18 default-font2\" style=\"margin-top: 25px;\">CREATIVE DESIGN</h3> </div> <div class=\"column fourth center\"> <div class=\"is-card is-card-circle is-light-text shadow-1\" style=\"width:110px;height:110px;padding:15px;background: #6ab04c;\"> <div class=\"is-card-content-centered\"> <p class=\"size-38 default-font1\">80%</p> </div> </div> <h3 class=\"size-18 default-font2\" style=\"margin-top: 25px;\">PROGRAMMING</h3> </div> <div class=\"column fourth center\"> <div class=\"is-card is-card-circle is-light-text shadow-1\" style=\"width:110px;height:110px;padding:15px;background: #eb4d4b;\"> <div class=\"is-card-content-centered\"> <p class=\"size-38 default-font1\">77%</p> </div> </div> <h3 class=\"size-18 default-font2\" style=\"margin-top: 25px;\">PHOTOGRAPHY</h3> </div> <div class=\"column fourth center\"> <div class=\"is-card is-card-circle is-light-text shadow-1\" style=\"width:110px;height:110px;padding:15px;background: #0984e3;\"> <div class=\"is-card-content-centered\"> <p class=\"size-38 default-font1\">83%</p> </div> </div> <h3 class=\"size-18 default-font2\" style=\"margin-top: 25px;\">PHOTOSHOP</h3> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/skills-07.png",
        "category": "108",
        "contentCss": "type-elsie-montserrat.css",
        "contentClass": "type-elsie-montserrat",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text type-elsie-montserrat\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 1030px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <p class=\"size-16\" style=\"letter-spacing: 1px;\">DISCOVER HOW GOOD WE ARE</p> <h1 class=\"size-48\" style=\"letter-spacing: 5px;\">TEAM SKILLS</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column half\"> <h2 class=\"size-50\">85%</h2> <h3 class=\"size-18 default-font2\">WEB DESIGN</h3> <p class=\"size-16\" style=\"color: rgb(136, 136, 136);\">Lorem Ipsum is simply dummy text of the printing industry.</p> </div> <div class=\"column half\"> <h2 class=\"size-50\">98%</h2> <h3 class=\"size-18 default-font2\">WEB DEVELOPMENT</h3> <p class=\"size-16\" style=\"color: rgb(136, 136, 136);\">Lorem Ipsum is simply dummy text of the printing industry.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column half\"> <h2 class=\"size-50\">77%</h2> <h3 class=\"size-18 default-font2\">PHOTOSHOP</h3> <p class=\"size-16\" style=\"color: rgb(136, 136, 136);\">Lorem Ipsum is simply dummy text of the printing industry.</p> </div> <div class=\"column half\"> <h2 class=\"size-50\">83%</h2> <h3 class=\"size-18 default-font2\">ANIMATION</h3> <p class=\"size-16\" style=\"color: rgb(136, 136, 136);\">Lorem Ipsum is simply dummy text of the printing industry.</p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/skills-08.png",
        "category": "108",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-1100\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-48 is-title1-48 is-title-lite\">OUR FINEST SKILLS</h1> <p class=\"size-21\">We create things beautifully.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-60\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column third center\"> <div style=\"text-align: center; width: 120px; height: 120px; line-height: 120px; border-radius: 50%; border: 3px solid #333; display: inline-block;\"> <p class=\"size-32 is-title1-32 is-title-bold\" style=\"padding:12px;\">80%</p> </div> <p class=\"size-18\">DESIGN</p> </div> <div class=\"column third center\"> <div style=\"text-align: center; width: 120px; height: 120px; line-height: 120px; border-radius: 50%; border: 3px solid #333; display: inline-block;\"> <p class=\"size-32 is-title1-32 is-title-bold\" style=\"padding:12px;\">75%</p> </div> <p class=\"size-18\">MARKETING</p> </div> <div class=\"column third center\"> <div style=\"text-align: center; width: 120px; height: 120px; line-height: 120px; border-radius: 50%; border: 3px solid #333; display: inline-block;\"> <p class=\"size-32 is-title1-32 is-title-bold\" style=\"padding:12px;\">92%</p> </div> <p class=\"size-18\">DEVELOPMENT</p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/skills-09.png",
        "category": "108",
        "contentCss": "type-oswald-biryani.css",
        "contentClass": "type-oswald-biryani",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text type-oswald-biryani\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-1200\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-64\" style=\"letter-spacing: 11px; font-weight: 400;\">TEAM SKILLS</h1> <p class=\"size-16\">DISCOVER HOW GOOD WE ARE</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column fourth center\"> <i class=\"icon ion-ios-heart-outline size-48\" style=\"line-height:1\"></i> <p style=\"letter-spacing: 2px;\">WEB DESIGN</p> <p class=\"size-64 default-font1\" style=\"font-weight: 400; line-height: 1.2\">87%</p> </div> <div class=\"column fourth center\"> <i class=\"icon ion-ios-gear-outline size-48\" style=\"line-height:1\"></i> <p style=\"letter-spacing: 2px;\">WEB DEVELOPMENT</p> <p class=\"size-64 default-font1\" style=\"font-weight: 400; line-height: 1.2\">92%</p> </div> <div class=\"column fourth center\"> <i class=\"icon ion-ios-camera-outline size-48\" style=\"line-height:1\"></i> <p style=\"letter-spacing: 2px;\">PHOTOGRAPHY</p> <p class=\"size-64 default-font1\" style=\"font-weight: 400; line-height: 1.2\">77%</p> </div> <div class=\"column fourth center\"> <i class=\"icon ion-ios-world-outline size-48\" style=\"line-height:1\"></i> <p style=\"letter-spacing: 2px;\">BRANDING</p> <p class=\"size-64 default-font1\" style=\"font-weight: 400; line-height: 1.2\">80%</p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/skills-10.png",
        "category": "108",
        "contentCss": "type-elsie-montserrat.css",
        "contentClass": "type-elsie-montserrat",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text type-elsie-montserrat\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg'); background-position: 50% 60%;\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered is-opacity-95 is-content-top\"> <div class=\"is-container is-builder container\" style=\"max-width: 1100px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <p class=\"size-16\">DISCOVER HOW GOOD WE ARE</p> <h1 class=\"size-48\" style=\"letter-spacing: 5px;\">TEAM SKILLS</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column third\"> <h2 class=\"size-50\">85%</h2> <h3 class=\"size-18 default-font2\">WEB DESIGN</h3> <p class=\"size-16\" style=\"color: rgb(136, 136, 136);\">Lorem Ipsum is simply dummy text of the printing industry.</p> </div> <div class=\"column third\"> <h2 class=\"size-50\">98%</h2> <h3 class=\"size-18 default-font2\">WEB DEVELOPMENT</h3> <p class=\"size-16\" style=\"color: rgb(136, 136, 136);\">Lorem Ipsum is simply dummy text of the printing industry.</p> </div> <div class=\"column third\"> <h2 class=\"size-50\">77%</h2> <h3 class=\"size-18 default-font2\">PHOTOSHOP</h3> <p class=\"size-16\" style=\"color: rgb(136, 136, 136);\">Lorem Ipsum is simply dummy text of the printing industry.</p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/skills-11.png",
        "category": "108",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg'); background-position: 50% 40%;\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-980 is-content-right\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-48 is-title1-48 is-title-lite\">OUR <span style=\"color: #888888\">SKILLS</span></h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column third\"> <i class=\"icon ion-android-favorite-outline size-32\" style=\"color: #f39c12\"></i> <h3 class=\"size-21\" style=\"color: #888888\">WEB DESIGN</h3> <p style=\"border-bottom: 2px solid #f39c12; width: 40px; display: inline-block; margin-top:0\"></p> <p>Lorem Ipsum is simply dummy text of the printing industry.</p> </div> <div class=\"column third\"> <i class=\"icon ion-code size-32\" style=\"color: #f39c12\"></i> <h3 class=\"size-21\" style=\"color: #888888\">HTML & CSS</h3> <p style=\"border-bottom: 2px solid #f39c12; width: 40px; display: inline-block; margin-top:0\"></p> <p>Lorem Ipsum is simply dummy text of the printing industry.</p> </div> <div class=\"column third\"> <i class=\"icon ion-android-globe size-32\" style=\"color: #f39c12\"></i> <h3 class=\"size-21\" style=\"color: #888888\">BRANDING</h3> <p style=\"border-bottom: 2px solid #f39c12; width: 40px; display: inline-block; margin-top:0\"></p> <p>Lorem Ipsum is simply dummy text of the printing industry.</p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/skills-12.png",
        "category": "108",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-light-text\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg'); background-position: 50% 50%;\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> <div class=\"is-overlay-color\" style=\"opacity: 0.15; background-color: rgb(0, 0, 0);\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered is-content-top\"> <div class=\"is-container is-builder container is-content-1100\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-48 is-title1-48 is-title-lite\">OUR FINEST SKILLS</h1> <p class=\"size-21\">We create things beautifully.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column third center\"> <div style=\"text-align: center; width: 120px; height: 120px; line-height: 120px; border-radius: 50%; border: 3px solid #fff; display: inline-block;\"> <p class=\"size-32 is-title1-32 is-title-bold\" style=\"padding:12px;\">80%</p> </div> <p class=\"size-18\">DESIGN</p> </div> <div class=\"column third center\"> <div style=\"text-align: center; width: 120px; height: 120px; line-height: 120px; border-radius: 50%; border: 3px solid #fff; display: inline-block;\"> <p class=\"size-32 is-title1-32 is-title-bold\" style=\"padding:12px;\">75%</p> </div> <p class=\"size-18\">MARKETING</p> </div> <div class=\"column third center\"> <div style=\"text-align: center; width: 120px; height: 120px; line-height: 120px; border-radius: 50%; border: 3px solid #fff; display: inline-block;\"> <p class=\"size-32 is-title1-32 is-title-bold\" style=\"padding:12px;\">92%</p> </div> <p class=\"size-18\">DEVELOPMENT</p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/achievements-01.png",
        "category": "109",
        "contentCss": "type-cutivemono-lato.css",
        "contentClass": "type-cutivemono-lato",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text type-cutivemono-lato\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-1100\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-54 display-font2\" style=\"letter-spacing: 3px;\">ACHIEVEMENTS</h1> <p class=\"size-18\" style=\"color: rgb(136, 136, 136); letter-spacing: 2px;\">DISCOVER HOW GOOD WE ARE</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full center\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column third center\"> <h1 class=\"size-80\">97</h1> <p class=\"size-21\">PROJECTS DONE</p> <p style=\"border-bottom: 1.5px solid #000; width: 50px; display: inline-block;\"></p> </div> <div class=\"column third center\"> <h1 class=\"size-80\">200</h1> <p class=\"size-21\">HAPPY CLIENTS</p> <p style=\"border-bottom: 1.5px solid #000; width: 50px; display: inline-block;\"></p> </div> <div class=\"column third center\"> <h1 class=\"size-80\">15</h1> <p class=\"size-21\">AWARDS WON</p> <p style=\"border-bottom: 1.5px solid #000; width: 50px; display: inline-block;\"></p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/achievements-02.png",
        "category": "109",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\"> <div class=\"row clearfix\"> <div class=\"column full\"> <p class=\"size-21 is-info1\">Fun Facts</p> <h1 class=\"size-48 is-title1-48 is-title-lite\">WHAT MAKES US DIFFERENT</h1> <p class=\"size-21\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column third\"> <p class=\"size-48 is-title1-48\" style=\"font-weight: 400; line-height: 1.3\">100%</p> <p>Satisfaction</p> </div> <div class=\"column third\"> <p class=\"size-48 is-title1-48\" style=\"font-weight: 400; line-height: 1.3\">45</p> <p>Awards</p> </div> <div class=\"column third\"> <p class=\"size-48 is-title1-48\" style=\"font-weight: 400; line-height: 1.3\">312</p> <p>Happy Clients</p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/achievements-03.png",
        "category": "109",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-1100\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-42 is-title1-48 is-title-lite is-upper\"><b>ACHIEVEMENTS /</b> WHY WE\"RE GOOD</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column fourth\"> <i class=\"icon ion-ios-heart-outline size-48\"></i> <p class=\"size-14\" style=\"color: rgb(136, 136, 136);\">100% SATISFACTION</p> <p class=\"size-18\">Lorem Ipsum is dummy text of the printing industry.</p> </div> <div class=\"column fourth\"> <i class=\"icon ion-ios-people-outline size-48\"></i> <p class=\"size-14\" style=\"color: rgb(136, 136, 136);\">HAPPY CLIENTS</p> <p class=\"size-18\">Lorem Ipsum is dummy text of the printing industry.</p> </div> <div class=\"column fourth\"> <i class=\"icon ion-ios-compose-outline size-48\"></i> <p class=\"size-14\" style=\"color: rgb(136, 136, 136);\">PROJECTS DONE</p> <p class=\"size-18\">Lorem Ipsum is dummy text of the printing industry.</p> </div> <div class=\"column fourth\"> <i class=\"icon ion-ios-star-outline size-48\"></i> <p class=\"size-14\" style=\"color: rgb(136, 136, 136);\">AWARDS</p> <p class=\"size-18\">Lorem Ipsum is dummy text of the printing industry.</p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/achievements-04.png",
        "category": "109",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-1100\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-48 is-title1-48 is-title-bold\">ACHIEVEMENTS / <span style=\"color: #d4d4d4;\">WHY WE ARE SO AWESOME</span></h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column third\"> <i class=\"icon ion-android-happy size-48\"></i> <p style=\"margin-top:0\">Lorem Ipsum is simply dummy text of the printing industry.</p> </div> <div class=\"column third\"> <i class=\"icon ion-android-bulb size-48\"></i> <p style=\"margin-top:0\">Lorem Ipsum is simply dummy text of the printing industry.</p> </div> <div class=\"column third\"> <i class=\"icon ion-android-star-outline size-48\"></i> <p style=\"margin-top:0\">Lorem Ipsum is simply dummy text of the printing industry.</p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/achievements-05.png",
        "category": "109",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-980\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-48 is-title1-48 is-title-lite\">ACHIEVEMENTS</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column half\"> <div class=\"list\"> <p class=\"size-28\" style=\"font-weight: bold; position: absolute; left: -50px; top: 0; line-height: 1;\">355</p> <h2 class=\"size-28\" style=\"margin: 0 0 0 70px\">Happy Clients</h2> <p style=\"margin: 10px 0 0 70px\">Lorem Ipsum is simply dummy text of the printing industry.</p> </div> </div> <div class=\"column half\"> <div class=\"list\"> <p class=\"size-28\" style=\"font-weight: bold; position: absolute; left: -50px; top: 0; line-height: 1;\">70</p> <h2 class=\"size-28\" style=\"margin: 0 0 0 70px\">Completed Projects</h2> <p style=\"margin: 10px 0 0 70px\">Lorem Ipsum is simply dummy text of the printing industry.</p> </div> </div> </div> <div class=\"row clearfix\"> <div class=\"column half\"> <div class=\"list\"> <p class=\"size-28\" style=\"font-weight: bold; position: absolute; left: -50px; top: 0; line-height: 1;\">30</p> <h2 class=\"size-28\" style=\"margin: 0 0 0 70px\">Awards Won</h2> <p style=\"margin: 10px 0 0 70px\">Lorem Ipsum is simply dummy text of the printing industry.</p> </div> </div> <div class=\"column half\"> <div class=\"list\"> <p class=\"size-28\" style=\"font-weight: bold; position: absolute; left: -50px; top: 0; line-height: 1;\">19k</p> <h2 class=\"size-28\" style=\"margin: 0 0 0 70px\">Followers</h2> <p style=\"margin: 10px 0 0 70px\">Lorem Ipsum is simply dummy text of the printing industry.</p> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/achievements-06.png",
        "category": "109",
        "contentCss": "type-merriweathersans-martel.css",
        "contentClass": "type-merriweathersans-martel",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text type-merriweathersans-martel\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 1140px;\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-48 display-font2\" style=\"letter-spacing: 3px; font-weight: 300\">ACHIEVEMENTS</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full center\"> <div class=\"spacer height-80\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column fifth center\"> <h1 class=\"size-60 default-font2\">130</h1> <p class=\"size-18 display-font2\">HAPPY CLIENTS</p> </div> <div class=\"column fifth center\"> <h1 class=\"size-60 default-font2\">72</h1> <p class=\"size-18 display-font2\">PROJECTS DONE</p> </div> <div class=\"column fifth center\"> <h1 class=\"size-60 default-font2\">14</h1> <p class=\"size-18 display-font2\">AWARDS WON</p> </div> <div class=\"column fifth center\"> <h1 class=\"size-60 default-font2\">99%</h1> <p class=\"size-18 display-font2\">SATISFACTION</p> </div> <div class=\"column fifth center\"> <h1 class=\"size-60 default-font2\">22k</h1> <p class=\"size-18 display-font2\">FOLLOWERS</p> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/achievements-07.png",
        "category": "109",
        "contentCss": "type-cutivemono-lato.css",
        "contentClass": "type-cutivemono-lato",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text type-cutivemono-lato\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg'); background-position: 50% 60%;\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-left edge-x-1\" style=\"max-width: 1000px;\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-48 display-font2\" style=\"letter-spacing: 2px;\">ACHIEVEMENTS</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-60\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column third center\"> <h1 class=\"size-72\">82</h1> <p class=\"size-21\">PROJECTS DONE</p> <p style=\"border-bottom: 1px solid #000; width: 30px; display: inline-block;\"></p> </div> <div class=\"column third center\"> <h1 class=\"size-72\">150</h1> <p class=\"size-21\">HAPPY CLIENTS</p> <p style=\"border-bottom: 1px solid #000; width: 30px; display: inline-block;\"></p> </div> <div class=\"column third center\"> <h1 class=\"size-72\">9</h1> <p class=\"size-21\">AWARDS WON</p> <p style=\"border-bottom: 1px solid #000; width: 30px; display: inline-block;\"></p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/achievements-08.png",
        "category": "109",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box-img is-box is-box-4\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg');\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> </div> <div class=\"is-box is-bg-light is-dark-text is-box-8\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-800\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-48 is-title1-48 is-title-bold\">OUR ACHIEVEMENTS</h1> <p class=\"size-21\">Discover things that make us different.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column half\"> <i class=\"icon ion-android-contacts size-48\"></i> <h1 class=\"size-32 is-title1-32 is-title-bold\">200</h1> <p><b>HAPPY CLIENTS</b><br>Lorem Ipsum is simply dummy text of the printing industry.</p> </div> <div class=\"column half\"> <i class=\"icon ion-checkmark size-48\"></i> <h1 class=\"size-32 is-title1-32 is-title-bold\">85</h1> <p><b>PROJECTS DONE</b><br>Lorem Ipsum is simply dummy text of the printing industry.</p> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/achievements-09.png",
        "category": "109",
        "contentCss": "type-merriweathersans-martel.css",
        "contentClass": "type-merriweathersans-martel",
        "html": "<div class=\"is-section is-section-100 is-shadow-1 is-bg-light type-merriweathersans-martel\"> <div class=\"is-boxes\"> <div class=\"is-box is-dark-text is-box-8\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 880px;\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-42 display-font2\" style=\"letter-spacing: 3px; font-weight: 300\">ACHIEVEMENTS</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-80\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column fourth center\"> <h1 class=\"size-54 default-font2\">130</h1> <p class=\"size-18 display-font2\">HAPPY CLIENTS</p> </div> <div class=\"column fourth center\"> <h1 class=\"size-54 default-font2\">72</h1> <p class=\"size-18 display-font2\">PROJECTS DONE</p> </div> <div class=\"column fourth center\"> <h1 class=\"size-54 default-font2\">14</h1> <p class=\"size-18 display-font2\">AWARDS WON</p> </div> <div class=\"column fourth center\"> <h1 class=\"size-54 default-font2\">22k</h1> <p class=\"size-18 display-font2\">FOLLOWERS</p> </div> </div> </div> </div> </div> </div> <div class=\"is-box-img is-box is-box-4\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg'); background-position: 100% 60%;\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/quotes-01.png",
        "category": "110",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-1050\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-48 is-title1-48 is-title-lite\">HAPPY CLIENTS</h1> <div class=\"spacer height-40\"></div> <div class=\"quote\"> <i class=\"icon ion-quote\"></i> <p>Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> <small>By John Smith</small> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/quotes-02.png",
        "category": "110",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 1140px;\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-42\" style=\"letter-spacing: 4px;\">TESTIMONIALS</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full center\"> <div class=\"spacer height-80\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column third center\"> <i class=\"icon ion-android-hangout size-32\" style=\"color: #808080\"></i> <p class=\"size-18\">Lorem Ipsum is simply dummy text of the printing industry. Vivamus leo ante, consectetur sit amet vulputate vel.</p> <p class=\"size-14\" style=\"color: rgb(136, 136, 136);\">By Customer Name</p> </div> <div class=\"column third center\"> <i class=\"icon ion-android-hangout size-32\" style=\"color: #808080\"></i> <p class=\"size-18\">Lorem Ipsum is simply dummy text of the printing industry. Vivamus leo ante, consectetur sit amet vulputate vel.</p> <p class=\"size-14\" style=\"color: rgb(136, 136, 136);\">By Customer Name</p> </div> <div class=\"column third center\"> <i class=\"icon ion-android-hangout size-32\" style=\"color: #808080\"></i> <p class=\"size-18\">Lorem Ipsum is simply dummy text of the printing industry. Vivamus leo ante, consectetur sit amet vulputate vel.</p> <p class=\"size-14\" style=\"color: rgb(136, 136, 136);\">By Customer Name</p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/quotes-03.png",
        "category": "110",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 830px;\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-38\" style=\"letter-spacing: 1px;\">CUSTOMER TESTIMONIALS</h1> <p>Hear the interesting stories from our lovely customers.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-20\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column half\"> <i class=\"icon ion-quote size-38\"></i> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p> <p class=\"size-14\">Customer Name, Graphic Designer</p> </div> <div class=\"column half\"> <img src=\"/placeholders/square.jpg\" alt=\"\" style=\"width: 85%; height: auto;\"> </div> </div> <div class=\"row clearfix\"> <div class=\"column half\"> <img src=\"/placeholders/square.jpg\" alt=\"\" style=\"width: 85%; height: auto;\"> </div> <div class=\"column half\"> <i class=\"icon ion-quote size-38\"></i> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p> <p class=\"size-14\">Customer Name, Web Designer</p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/quotes-04.png",
        "category": "110",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text\" style=\"background-color: rgb(243, 243, 243);\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 800px;\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-38\" style=\"letter-spacing: 2px;\">TESTIMONIALS</h1> <p>Hear the interesting stories from our lovely customers.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column half center\"> <div class=\"is-card max-390 is-dark-text\" style=\"width:calc(100%);\"> <img src=\"/placeholders/square.jpg\" alt=\"\" style=\"margin-top:0\"> <div style=\"padding:20px;width:100%;box-sizing:border-box;text-align:center;\"> <i class=\"icon ion-chatbubble-working size-28\"></i> <p>Lorem Ipsum is simply dummy text of the printing industry.</p> <p class=\"size-14\">by Customer Name</p> </div> </div> </div> <div class=\"column half center\"> <div class=\"is-card max-390 is-dark-text\" style=\"width:calc(100%);\"> <img src=\"/placeholders/square.jpg\" alt=\"\" style=\"margin-top:0\"> <div style=\"padding:20px;width:100%;box-sizing:border-box;text-align:center;\"> <i class=\"icon ion-chatbubble-working size-28\"></i> <p>Lorem Ipsum is simply dummy text of the printing industry.</p> <p class=\"size-14\">by Customer Name</p> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/quotes-05.png",
        "category": "110",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-1050\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-48 is-title1-48 is-title-lite\">HAPPIEST CUSTOMERS</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column third center\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> <div class=\"spacer height-20\"></div> <i class=\"icon ion-quote size-24\"></i> <p>Lorem Ipsum is simply dummy text of the printing industry.</p> <p class=\"size-14\">by Your Name</p> </div> <div class=\"column third center\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> <div class=\"spacer height-20\"></div> <i class=\"icon ion-quote size-24\"></i> <p>Lorem Ipsum is simply dummy text of the printing industry.</p> <p class=\"size-14\">by Your Name</p> </div> <div class=\"column third center\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> <div class=\"spacer height-20\"></div> <i class=\"icon ion-quote size-24\"></i> <p>Lorem Ipsum is simply dummy text of the printing industry.</p> <p class=\"size-14\">by Your Name</p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/quotes-06.png",
        "category": "110",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-bg-grey is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-48 is-title1-48 is-title-lite\">CUSTOMER TESTIMONIALS</h1> <p class=\"size-21\">Hear the interesting stories from our lovely customers.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column half center\"> <div class=\"is-card is-dark-text shadow-1\" style=\"width:calc(100%);\"> <div style=\"padding:30px;width:100%;box-sizing:border-box;text-align:center;\"> <i class=\"icon ion-chatbubble-working size-48\"></i> <p>Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s.</p> <p class=\"size-14\">by Your Name</p> </div> </div> </div> <div class=\"column half center\"> <div class=\"is-card is-dark-text shadow-1\" style=\"width:calc(100%);\"> <div style=\"padding:30px;width:100%;box-sizing:border-box;text-align:center;\"> <i class=\"icon ion-chatbubble-working size-48\"></i> <p>Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s.</p> <p class=\"size-14\">by Your Name</p> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/quotes-07.png",
        "category": "110",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 1000px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-64\" style=\"letter-spacing: 7px;\">WHAT PEOPLE SAY ABOUT US</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-60\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column third\"> <p class=\"size-18\" style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s.</p> <p class=\"size-14\" style=\"color: rgb(136, 136, 136);\">— John Smith, Web Developer</p> </div> <div class=\"column third\"> <p class=\"size-18\" style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s.</p> <p class=\"size-14\" style=\"color: rgb(136, 136, 136);\">— Dave Anderson, Freelance Designer</p> </div> <div class=\"column third\"> <p class=\"size-18\" style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s.</p> <p class=\"size-14\" style=\"color: rgb(136, 136, 136);\">— Ellen Lage, Photographer</p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/quotes-08.png",
        "category": "110",
        "contentCss": "type-oswald-biryani.css",
        "contentClass": "type-oswald-biryani",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text type-oswald-biryani\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 1096px;\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-42\" style=\"letter-spacing: 6px; font-weight: 400\">CLIENTS REVIEWS</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-60\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column third center\"> <img src=\"/placeholders/square.jpg\" alt=\"\" style=\"border-radius: 500px;\"> <p style=\"color: #bdc3c7\"><i class=\"icon ion-android-hangout size-32\"></i></p> <p class=\"size-16\">Lorem Ipsum is simply dummy text of the printing industry. — Dave Smith</p> </div> <div class=\"column third center\"> <img src=\"/placeholders/square.jpg\" alt=\"\" style=\"border-radius: 500px;\"> <p style=\"color: #bdc3c7\"><i class=\"icon ion-android-hangout size-32\"></i></p> <p class=\"size-16\">Lorem Ipsum is simply dummy text of the printing industry. — Clara Wang</p> </div> <div class=\"column third center\"> <img src=\"/placeholders/square.jpg\" alt=\"\" style=\"border-radius: 500px;\"> <p style=\"color: #bdc3c7\"><i class=\"icon ion-android-hangout size-32\"></i></p> <p class=\"size-16\">Lorem Ipsum is simply dummy text of the printing industry. — Jane Doe</p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/quotes-09.png",
        "category": "110",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 940px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-32\" style=\"letter-spacing: 4px;\">CLIENT REVIEWS</h1> <p style=\"border-bottom: 2px solid #333; width: 50px; display: inline-block; margin: 0\"></p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column half\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> <div class=\"column half\"> <p style=\"color: #bdc3c7;\"><i class=\"icon ion-android-hangout size-32\"></i></p> <p class=\"size-18\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text.</p> <p class=\"size-16\" style=\"color: rgb(189, 195, 199); font-style: italic;\">Samantha Clark, Freelance Designer</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column half\"> <p style=\"color: #bdc3c7\"><i class=\"icon ion-android-hangout size-32\"></i></p> <p class=\"size-18\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text.</p> <p class=\"size-16\" style=\"color: rgb(189, 195, 199); font-style: italic;\">Sarah Anderson, Graphic Designer</p> </div> <div class=\"column half\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> </div> <div class=\"row clearfix\"> <div class=\"column half\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> <div class=\"column half\"> <p style=\"color: #bdc3c7;\"><i class=\"icon ion-android-hangout size-32\"></i></p> <p class=\"size-18\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text.</p> <p class=\"size-16\" style=\"color: rgb(189, 195, 199); font-style: italic;\">Nathan Williams, Web Developer</p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/quotes-10.png",
        "category": "110",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg'); background-position: 60% 50%;\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered is-content-top\"> <div class=\"is-container is-builder container is-content-left\" style=\"max-width: 880px;\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-38\" style=\"letter-spacing: 1px;\">HAPPY CUSTOMER</h1> <div class=\"spacer height-20\"></div> <div class=\"quote\"> <i class=\"icon ion-quote\"></i> <p class=\"size-21\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> <small>By John Smith</small> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/quotes-11.png",
        "category": "110",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg'); background-position: 50% 0%;\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered is-content-top\"> <div class=\"is-container is-builder container\" style=\"max-width: 1140px;\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-42\" style=\"letter-spacing: 4px;\">TESTIMONIALS</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full center\"> <div class=\"spacer height-60\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column third center\"> <i class=\"icon ion-android-hangout size-32\" style=\"color: #808080\"></i> <p class=\"size-18\">Lorem Ipsum is simply dummy text of the printing industry. Vivamus leo ante, consectetur sit amet vulputate vel.</p> <p class=\"size-14\" style=\"color: rgb(136, 136, 136);\">By Customer Name</p> </div> <div class=\"column third center\"> <i class=\"icon ion-android-hangout size-32\" style=\"color: #808080\"></i> <p class=\"size-18\">Lorem Ipsum is simply dummy text of the printing industry. Vivamus leo ante, consectetur sit amet vulputate vel.</p> <p class=\"size-14\" style=\"color: rgb(136, 136, 136);\">By Customer Name</p> </div> <div class=\"column third center\"> <i class=\"icon ion-android-hangout size-32\" style=\"color: #808080\"></i> <p class=\"size-18\">Lorem Ipsum is simply dummy text of the printing industry. Vivamus leo ante, consectetur sit amet vulputate vel.</p> <p class=\"size-14\" style=\"color: rgb(136, 136, 136);\">By Customer Name</p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/quotes-12.png",
        "category": "110",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg'); background-position: 60% 50%;\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> <div class=\"is-overlay-color\" style=\"background-color: rgb(0, 0, 0); opacity: 0.1;\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered is-opacity-95\"> <div class=\"is-container is-builder container is-content-980 is-content-right\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-48 is-title1-48 is-title-lite\">CUSTOMER TESTIMONIALS</h1> <p class=\"size-21\">Hear the interesting stories from our lovely customers.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column half center\"> <div class=\"is-card is-dark-text shadow-1\" style=\"width:calc(100%);\"> <div style=\"padding:30px;width:100%;box-sizing:border-box;text-align:center;\"> <i class=\"icon ion-chatbubble-working size-48\"></i> <p>Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s.</p> <p class=\"size-14\">by Your Name</p> </div> </div> </div> <div class=\"column half center\"> <div class=\"is-card is-dark-text shadow-1\" style=\"width:calc(100%);\"> <div style=\"padding:30px;width:100%;box-sizing:border-box;text-align:center;\"> <i class=\"icon ion-chatbubble-working size-48\"></i> <p>Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s.</p> <p class=\"size-14\">by Your Name</p> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/partners-01.png",
        "category": "111",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 1072px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-48 is-title1-48 is-title-lite\">OUR PARTNERS</h1> <p class=\"size-21\">We are globally recognized and trusted by the world\"s best names.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-60\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column fourth\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> <div class=\"column fourth\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> <div class=\"column fourth\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> <div class=\"column fourth\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/partners-02.png",
        "category": "111",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-dark-text is-box-5 is-bg-light\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-right edge-x-1\" style=\"max-width: 500px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h3 class=\"size-28\" style=\"letter-spacing: 2px;\">OUR LOVELY CLIENTS</h3> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-dark-text is-bg-light is-box-7\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-left edge-x-0\" style=\"max-width: 780px;\"> <div class=\"row clearfix\"> <div class=\"column third\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> <div class=\"column third\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> <div class=\"column third\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/partners-03.png",
        "category": "111",
        "contentCss": "type-poppins-oldstandardtt.css",
        "contentClass": "type-poppins-oldstandardtt",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text type-poppins-oldstandardtt\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 1206px;\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-54\" style=\"letter-spacing: 7px; font-weight: 400;\">OUR CLIENTS</h1> <p class=\"size-16\" style=\"letter-spacing: 1px; color: rgb(136, 136, 136);\">We are globally trusted by the world\"s best names.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-80\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column fourth center\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> <div class=\"column fourth center\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> <div class=\"column fourth center\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> <div class=\"column fourth center\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/partners-04.png",
        "category": "111",
        "contentCss": "type-elsie-montserrat.css",
        "contentClass": "type-elsie-montserrat",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text type-elsie-montserrat\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 968px;\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-54\" style=\"letter-spacing: 4px;\">OUR CLIENTS</h1> <p class=\"size-16\" style=\"color: rgb(136, 136, 136);\">We are globally recognized and trusted by the world\"s best names.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-80\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column third center\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> <div class=\"column third center\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> <div class=\"column third center\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> </div> <div class=\"row clearfix\"> <div class=\"column third center\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> <div class=\"column third center\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> <div class=\"column third center\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/partners-05.png",
        "category": "111",
        "contentCss": "type-oswald-biryani.css",
        "contentClass": "type-oswald-biryani",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text type-oswald-biryani\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 1232px;\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 style=\"letter-spacing: 4px; font-weight: 400;\">OUR PARTNERS</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-100\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full center\"> <div class=\"center\" style=\"display:inline-block;width:18%\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> <div class=\"center\" style=\"display:inline-block;width:18%\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> <div class=\"center\" style=\"display:inline-block;width:18%\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> <div class=\"center\" style=\"display:inline-block;width:18%\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> <div class=\"center\" style=\"display:inline-block;width:18%\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/partners-06.png",
        "category": "111",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg'); background-position: 50% 100%;\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-left edge-x-0\" style=\"max-width: 1140px;\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-46\" style=\"font-weight: bold; text-transform: uppercase;\">Our Clients</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-60\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full center\"> <div style=\"display:inline-block;width:18%\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> <div style=\"display:inline-block;width:18%\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> <div style=\"display:inline-block;width:18%\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> <div style=\"display:inline-block;width:18%\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> <div style=\"display:inline-block;width:18%\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/partners-07.png",
        "category": "111",
        "contentCss": "type-oranienbaum-sourcesanspro.css",
        "contentClass": "type-oranienbaum-sourcesanspro",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-dark-text is-box-7 type-oranienbaum-sourcesanspro\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 759px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-42\" style=\"letter-spacing: 3px;\">OUR PARTNERS</h1> <p>We are globally recognized and trusted by the world\"s best names.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-60\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column fourth\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> <div class=\"column fourth\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> <div class=\"column fourth\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> <div class=\"column fourth\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> </div> </div> </div> </div> </div> <div class=\"is-box-img is-box is-box-5\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg'); display: block; background-position: 90% 70%;\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/partners-08.png",
        "category": "111",
        "contentCss": "type-josefinsans-neuton.css",
        "contentClass": "type-josefinsans-neuton",
        "html": "<div class=\"is-section is-section-100 is-box type-josefinsans-neuton\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg'); background-position: 50% 90%;\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered is-opacity-95 is-content-top edge-y-3 is-align-center\"> <div class=\"is-container is-builder container edge-x-0\" style=\"max-width: 860px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-42\">OUR LOVELY CLIENTS</h1> <p style=\"border-bottom: 2px solid; width: 80px; display: inline-block; margin-top: 20px\"></p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-20\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column third\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> <div class=\"column third\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> <div class=\"column third\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/partners-09.png",
        "category": "111",
        "contentCss": "type-poppins-oldstandardtt.css",
        "contentClass": "type-poppins-oldstandardtt",
        "html": "<div class=\"is-section is-section-100 is-shadow-1 type-poppins-oldstandardtt\"> <div class=\"is-boxes\"> <div class=\"is-box-img is-box is-box-4\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg'); background-position: 80% 60%;\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> </div> </div> <div class=\"is-box is-bg-light is-dark-text is-box-8\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 900px;\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-50\" style=\"letter-spacing: 5px; font-weight: 400;\">OUR CLIENTS</h1> <p class=\"size-16\" style=\"letter-spacing: 1px; color: rgb(136, 136, 136);\">We are globally trusted by the world\"s best names.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-60\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column fourth center\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> <div class=\"column fourth center\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> <div class=\"column fourth center\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> <div class=\"column fourth center\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/asfeaturedon-01.png",
        "category": "112",
        "contentCss": "type-oranienbaum-sourcesanspro.css",
        "contentClass": "type-oranienbaum-sourcesanspro",
        "html": "<div class=\"is-section is-section-100 is-box type-oranienbaum-sourcesanspro\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 1192px;\"> <div class=\"row clearfix\"> <div class=\"column fourth\"> <h3 class=\"size-38\" style=\"letter-spacing: 6px; line-height: 44px;\">AS FEATURED ON</h3> </div> <div class=\"column fourth center\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> <div class=\"column fourth center\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> <div class=\"column fourth center\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/asfeaturedon-02.png",
        "category": "112",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-980\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-48 is-title1-48 is-title-lite\">As featured on</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-80\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column fourth\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> <div class=\"column fourth\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> <div class=\"column fourth\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> <div class=\"column fourth\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/asfeaturedon-03.png",
        "category": "112",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 997px;\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-48 is-title1-48 is-title-lite\">AS FEATURED ON</h1> <p class=\"size-21\">Lorem Ipsum is simply dummy text of the printing industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-60\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column third center\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> <div class=\"column third center\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> <div class=\"column third center\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/asfeaturedon-04.png",
        "category": "112",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 1200px;\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-48 is-title1-48 is-title-lite\">As Featured On</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-60\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full center\"> <div class=\"center\" style=\"display:inline-block;width:18%\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> <div class=\"center\" style=\"display:inline-block;width:18%\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> <div class=\"center\" style=\"display:inline-block;width:18%\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> <div class=\"center\" style=\"display:inline-block;width:18%\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> <div class=\"center\" style=\"display:inline-block;width:18%\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/asfeaturedon-05.png",
        "category": "112",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-1200\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-48\" style=\"letter-spacing: 7px;\">AS FEATURED ON</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-60\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column fourth center\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> <div class=\"column fourth center\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> <div class=\"column fourth center\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> <div class=\"column fourth center\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> </div> <div class=\"row clearfix\"> <div class=\"column fourth center\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> <div class=\"column fourth center\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> <div class=\"column fourth center\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> <div class=\"column fourth center\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/asfeaturedon-06.png",
        "category": "112",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-box is-dark-text is-section-100\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg'); background-position: 0% 60%;\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-left edge-x-1\" style=\"max-width: 820px;\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-42\" style=\"letter-spacing: 2px;\">AS FEATURED ON</h1> <p class=\"size-18\">Lorem Ipsum is simply dummy text of the printing industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column third center\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> <div class=\"column third center\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> <div class=\"column third center\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/404-01.png",
        "category": "113",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-light-text\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"display: block; background-image: url('/placeholders/square.jpg');\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> <div class=\"is-overlay-color\" style=\"opacity: 0.2;\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-800\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <p class=\"size-132\" style=\"font-weight: bold; line-height: 1.4\">404</p> <h1>PAGE NOT FOUND</h1> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full center\"> <a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-btn-small edit\">Back to Home</a> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/404-02.png",
        "category": "113",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-96 is-title1-96 is-title-bold\">404</h1> <p class=\"size-24\">Oops! The page you\"re looking for doesn\"t exist.<br>Click the link below to return home.</p> <p><a href=\"#\">HOMEPAGE</a></p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/404-03.png",
        "category": "113",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-800\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <i class=\"icon ion-alert-circled size-64\"></i> <h1 class=\"size-48 is-title2-48 is-title-lite\">Oops, page not found.</h1> <p>The page you are looking for might have been removed, had its name changed, or temporarily unavailable.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full center\"> <a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-btn-small edit\">Homepage</a> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/404-04.png",
        "category": "113",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-800\"> <div class=\"row clearfix\"> <div class=\"column full\"> <i class=\"icon ion-android-sad size-64\"></i> <h1 class=\"size-48 is-title1-48 is-title-lite\">Something\"s wrong here... </h1> <p class=\"size-21\">The page you requested couldn\"t be found. This could be a spelling error in the URL or a removed page.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-rounded-30 is-btn-small edit\">Back to Home</a> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/404-11.png",
        "category": "113",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg'); background-position: 50% 90%;\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered is-content-bottom\"> <div class=\"is-container is-builder container is-content-left is-content-800\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-50\">Page Not Found</h1> <p class=\"size-21\">We\"re sorry, the page you requested couldn\"t be found. This could be a spelling error in the URL or a removed page.</p> <div style=\"margin:1.5em 0\"> <a href=\"#\" class=\"is-btn is-btn-ghost2 is-upper is-btn-small\">Contact Us</a> &nbsp;<a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-btn-small\">Homepage</a> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/404-06.png",
        "category": "113",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 740px;\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> <p class=\"size-21\" style=\"letter-spacing: 1px;\">Sorry. The page you are looking for could not be found.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full center\"> <div style=\"margin: 25px 0\"> <a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-btn-small\">Back to Home</a> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/404-07.png",
        "category": "113",
        "contentCss": "type-sourcecodepro-nunitosans.css",
        "contentClass": "type-sourcecodepro-nunitosans",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text type-sourcecodepro-nunitosans\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 820px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-68\" style=\"letter-spacing: 3px; font-weight: bold\">404 ERROR - PAGE NOT FOUND</h1> <p class=\"size-21\">Sorry, the page could not be found. You might be able to find what you are looking for from the homepage.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div style=\"margin: 10px 0\"> <a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-btn-small\">Back to Home</a> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/404-08.png",
        "category": "113",
        "contentCss": "type-sourcecodepro-nunitosans.css",
        "contentClass": "type-sourcecodepro-nunitosans",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text type-sourcecodepro-nunitosans\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-800\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-196\" style=\"letter-spacing: 12px; margin-bottom: 10px\">404</h1> <h3 class=\"size-32\" style=\"letter-spacing: 8px;\">PAGE NOT FOUND</h3> <p class=\"size-21\">The page you are looking for might have been removed, had its name changed, or is temporarily unavailable.</p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/404-09.png",
        "category": "113",
        "contentCss": "type-nothingyouc-ibmplexmono.css",
        "contentClass": "type-nothingyouc-ibmplexmono",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text type-nothingyouc-ibmplexmono\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-980\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-220\" style=\"letter-spacing: 12px; margin-bottom: 0\">404</h1> <p class=\"size-18\">We are sorry, the page you are looking for could not be found. This could be a spelling error in the URL or a removed page.</p> <div style=\"margin: 35px 0\"> <a href=\"#\" class=\"is-btn is-btn-ghost2 is-upper is-btn-small edit\">Contact Us</a> &nbsp;<a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-btn-small edit\">Homepage</a> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/comingsoon-01.png",
        "category": "114",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-1050\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h3 class=\"size-32 is-title1-32 is-title-lite\">STAY TUNED!</h3> <h1 class=\"size-64 is-title1-64 is-title-bold\">OUR WEBSITE IS COMING VERY SOON</h1> <div class=\"spacer height-40\"></div> <div class=\"is-social edit\"> <div class=\"size-21\"> <a href=\"https://dribbble.com/\"><i class=\"icon ion-social-dribbble-outline\" style=\"margin-right: 1em\"></i></a> <a href=\"https://twitter.com/\"><i class=\"icon ion-social-twitter\" style=\"margin-right: 1em\"></i></a> <a href=\"https://www.facebook.com/\"><i class=\"icon ion-social-facebook\" style=\"margin-right: 1em\"></i></a> <a href=\"https://www.instagram.com/\"><i class=\"icon ion-social-instagram-outline\" style=\"margin-right: 1em\"></i></a> <a href=\"https://pinterest.com/\"><i class=\"icon ion-social-pinterest-outline\"></i></a> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/comingsoon-02.png",
        "category": "114",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-1050\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <i class=\"icon ion-android-bicycle size-64\"></i> <h1 class=\"size-80 is-title2-80 is-title-lite\">WE ARE COMING SOON</h1> <p class=\"size-21\">Our website is under construction. We will be here with new awesome site.</p> <div style=\"margin: 3em 0\"> <a href=\"#\" class=\"is-btn is-btn-ghost2 is-upper is-btn-small edit\">Contact Us</a> &nbsp;<a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-btn-small edit\">Notify Me</a> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/comingsoon-03.png",
        "category": "114",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-980\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <i class=\"icon ion-laptop size-64\"></i> <h1 class=\"size-48 is-title2-48 is-title-lite\">SITE IS UNDER MAINTENANCE </h1> <p class=\"size-24\">Please check back in sometime.</p> <div class=\"spacer height-40\"></div> <div class=\"is-social edit size-21\"> <a href=\"https://dribbble.com/\"><i class=\"icon ion-social-dribbble-outline\" style=\"margin-right: 1em\"></i></a> <a href=\"https://twitter.com/\"><i class=\"icon ion-social-twitter\" style=\"margin-right: 1em\"></i></a> <a href=\"https://www.facebook.com/\"><i class=\"icon ion-social-facebook\" style=\"margin-right: 1em\"></i></a> <a href=\"https://www.instagram.com/\"><i class=\"icon ion-social-instagram-outline\" style=\"margin-right: 1em\"></i></a> <a href=\"https://pinterest.com/\"><i class=\"icon ion-social-pinterest-outline\"></i></a> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/comingsoon-04.png",
        "category": "114",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-48 is-title1-48 is-title-lite\">MAINTENANCE MODE</h1> <p class=\"size-24\">Our website is under maintenance. Please comeback later.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full center\"> <p class=\"size-64 is-title1-64 is-title-bold\">90%</p> <p>COMPLETED</p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/comingsoon-05.png",
        "category": "114",
        "contentCss": "type-cutivemono-lato.css",
        "contentClass": "type-cutivemono-lato",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text type-cutivemono-lato\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-76\" style=\"letter-spacing: 19px; margin-bottom: 10px;\">COMING SOON</h1> <p class=\"size-18\" style=\"text-transform: uppercase; letter-spacing: 2px;\">CHECK BACK SOON FOR THE NEW AND IMPROVED SITE</p> <div class=\"spacer height-40\"></div> <div class=\"is-social edit size-18\"> <a href=\"https://dribbble.com/\"><i class=\"icon ion-social-dribbble-outline\" style=\"margin-right: 1em\"></i></a> <a href=\"https://twitter.com/\"><i class=\"icon ion-social-twitter\" style=\"margin-right: 1em\"></i></a> <a href=\"https://www.facebook.com/\"><i class=\"icon ion-social-facebook\" style=\"margin-right: 1em\"></i></a> <a href=\"https://www.instagram.com/\"><i class=\"icon ion-social-instagram-outline\" style=\"margin-right: 1em\"></i></a> <a href=\"https://pinterest.com/\"><i class=\"icon ion-social-pinterest-outline\"></i></a> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/comingsoon-06.png",
        "category": "114",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg'); background-position: 50% 0%;\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered is-content-top edge-y-4\"> <div class=\"is-container is-builder container is-content-right\" style=\"max-width: 860px;\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-64\" style=\"letter-spacing: 3px;\">OUR SITE IS COMING VERY SOON</h1> <p class=\"size-18\">We are currently working on something awesome. We will be here soon.</p> <div class=\"is-social edit size-18\" style=\"margin: 30px 0\"> <a href=\"https://twitter.com/\"><i class=\"icon ion-social-twitter\" style=\"margin-right: 1em\"></i></a> <a href=\"https://www.facebook.com/\"><i class=\"icon ion-social-facebook\" style=\"margin-right: 1em\"></i></a> <a href=\"https://www.instagram.com/\"><i class=\"icon ion-social-instagram-outline\" style=\"margin-right: 1em\"></i></a> </div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full center\"> <a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-rounded-30 is-btn-small\">Notify Me</a> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/faq-01.png",
        "category": "115",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-980\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-48\" style=\"letter-spacing: 2px;\">FAQs</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full center\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column half\"> <i class=\"icon ion-ios-compose-outline size-42\"></i> <h3 class=\"size-24\">How do I sign up?</h3> <p>Lorem Ipsum is simply dummy text of the printing industry. Lorem ipsum dolor sit amet.</p> </div> <div class=\"column half\"> <i class=\"icon ion-ios-close-outline size-42\"></i> <h3 class=\"size-24\">How do I cancel my order?</h3> <p>Lorem Ipsum is simply dummy text of the printing industry. Lorem ipsum dolor sit amet.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column half\"> <i class=\"icon ion-ios-color-filter-outline size-42\"></i> <h3 class=\"size-24\">What is account limits?</h3> <p>Lorem Ipsum is simply dummy text of the printing industry. Lorem ipsum dolor sit amet.</p> </div> <div class=\"column half\"> <i class=\"icon ion-ios-chatboxes-outline size-42\"></i> <h3 class=\"size-24\">How do I contact customer support?</h3> <p>Lorem Ipsum is simply dummy text of the printing industry. Lorem ipsum dolor sit amet.</p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/faq-02.png",
        "category": "115",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-1100\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-48 is-title1-48 is-title-lite\">FAQs</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column half\"> <h3 class=\"size-24\">How do I create an account?</h3> <p style=\"border-bottom: 2px solid #000; width: 40px; display: inline-block; margin-top:0\"></p> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem ipsum dolor sit amet.</p> </div> <div class=\"column half\"> <h3 class=\"size-24\">How do I cancel or change my order?</h3> <p style=\"border-bottom: 2px solid #000; width: 40px; display: inline-block; margin-top:0\"></p> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem ipsum dolor sit amet.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column half\"> <h3 class=\"size-24\">How do I close my account?</h3> <p style=\"border-bottom: 2px solid #000; width: 40px; display: inline-block; margin-top:0\"></p> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem ipsum dolor sit amet.</p> </div> <div class=\"column half\"> <h3 class=\"size-24\">How do I contact customer support?</h3> <p style=\"border-bottom: 2px solid #000; width: 40px; display: inline-block; margin-top:0\"></p> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem ipsum dolor sit amet.</p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/faq-03.png",
        "category": "115",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 880px;\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-48\" style=\"letter-spacing: 2px; font-weight: bold;\">FAQs</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full center\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <h3 class=\"size-24\">How do I sign up?</h3> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <h3 class=\"size-24\">How do I cancel or change my order?</h3> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <h3 class=\"size-24\">How do I contact customer support?</h3> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s.</p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/faq-04.png",
        "category": "115",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 1120px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-38\" style=\"text-align: center; letter-spacing: 2px;\">Frequently Asked Questions</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-60\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column third\"> <h3 class=\"size-21\">HOW DO I SIGN UP?</h3> <p>Lorem Ipsum is dummy text of the printing and typesetting industry.</p> <p style=\"border-bottom: 2px solid #e67e22; width: 45px; display: inline-block;\"></p> </div> <div class=\"column third\"> <h3 class=\"size-21\">WHAT\"S ACCOUNT LIMITS?</h3> <p>Lorem Ipsum is dummy text of the printing and typesetting industry.</p> <p style=\"border-bottom: 2px solid #e67e22; width: 45px; display: inline-block;\"></p> </div> <div class=\"column third\"> <h3 class=\"size-21\">HOW DO I CANCEL MY ORDER?</h3> <p>Lorem Ipsum is dummy text of the printing and typesetting industry.</p> <p style=\"border-bottom: 2px solid #e67e22; width: 45px; display: inline-block;\"></p> </div> </div> <div class=\"row clearfix\"> <div class=\"column third\"> <h3 class=\"size-21\">HOW DO I RESET MY PASSWORD?</h3> <p>Lorem Ipsum is dummy text of the printing and typesetting industry.</p> <p style=\"border-bottom: 2px solid #e67e22; width: 45px; display: inline-block;\"></p> </div> <div class=\"column third\"> <h3 class=\"size-21\">HOW DO I REPORT A BUG?</h3> <p>Lorem Ipsum is dummy text of the printing and typesetting industry.</p> <p style=\"border-bottom: 2px solid #e67e22; width: 45px; display: inline-block;\"></p> </div> <div class=\"column third\"> <h3 class=\"size-21\">HOW DO I CLOSE MY ACCOUNT?</h3> <p>Lorem Ipsum is dummy text of the printing and typesetting industry.</p> <p style=\"border-bottom: 2px solid #e67e22; width: 45px; display: inline-block;\"></p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/faq-05.png",
        "category": "115",
        "contentCss": "type-elsie-montserrat.css",
        "contentClass": "type-elsie-montserrat",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text type-elsie-montserrat\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 1120px;\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-48\" style=\"letter-spacing: 2px;\">FAQ</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-60\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column half\"> <h3 class=\"size-18 default-font2\">HOW DO I SIGN UP?</h3> <p class=\"size-16\" style=\"color: rgb(136, 136, 136);\">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p> </div> <div class=\"column half\"> <h3 class=\"size-18 default-font2\">WHAT\"S ACCOUNT LIMIT?</h3> <p class=\"size-16\" style=\"color: rgb(136, 136, 136);\">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column half\"> <h3 class=\"size-18 default-font2\">HOW DO I CHANGE MY PASSWORD?</h3> <p class=\"size-16\" style=\"color: rgb(136, 136, 136);\">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p> </div> <div class=\"column half\"> <h3 class=\"size-18 default-font2\">HOW DO I UPDATE MY SETTINGS?</h3> <p class=\"size-16\" style=\"color: rgb(136, 136, 136);\">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column half\"> <h3 class=\"size-18 default-font2\">HOW DO I REPORT AN ISSUE?</h3> <p class=\"size-16\" style=\"color: rgb(136, 136, 136);\">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p> </div> <div class=\"column half\"> <h3 class=\"size-18 default-font2\">HOW DO I CHANGE / CANCEL MY ORDER?</h3> <p class=\"size-16\" style=\"color: rgb(136, 136, 136);\">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/faq-06.png",
        "category": "115",
        "contentCss": "type-elsie-montserrat.css",
        "contentClass": "type-elsie-montserrat",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text type-elsie-montserrat\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-1100\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-48\" style=\"letter-spacing: 2px;\">FAQ</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column third\"> <h3 class=\"size-21 default-font2\">HOW DO I CREATE AN ACCOUNT? </h3> <p class=\"size-16\" style=\"color: rgb(136, 136, 136);\">Lorem Ipsum is simply dummy text of the printing industry.</p> </div> <div class=\"column third\"> <h3 class=\"size-21 default-font2\">HOW DO I UPDATE MY SETTINGS?</h3> <p class=\"size-16\" style=\"color: rgb(136, 136, 136);\">Lorem Ipsum is simply dummy text of the printing industry.</p> </div> <div class=\"column third\"> <h3 class=\"size-21 default-font2\">HOW DO I CHANGE MY PASSWORD?</h3> <p class=\"size-16\" style=\"color: rgb(136, 136, 136);\">Lorem Ipsum is simply dummy text of the printing industry.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column third\"> <h3 class=\"size-21 default-font2\">HOW DO I CANCEL MY ORDER?</h3> <p class=\"size-16\" style=\"color: rgb(136, 136, 136);\">Lorem Ipsum is simply dummy text of the printing industry.</p> </div> <div class=\"column third\"> <h3 class=\"size-21 default-font2\">HOW DO I CLOSE MY ACCOUNT?</h3> <p class=\"size-16\" style=\"color: rgb(136, 136, 136);\">Lorem Ipsum is simply dummy text of the printing industry.</p> </div> <div class=\"column third\"> <h3 class=\"size-21 default-font2\">HOW DO I CONTACT CUSTOMER SERVICE?</h3> <p class=\"size-16\" style=\"color: rgb(136, 136, 136);\">Lorem Ipsum is simply dummy text of the printing industry.</p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/contact-01.png",
        "category": "116",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-1050\"> <div class=\"row clearfix\"> <div class=\"column half\"> <div class=\"padding-20\"> <div class=\"embed-responsive embed-responsive-16by9\"> <iframe width=\"100%\" height=\"400\" frameborder=\"0\" scrolling=\"no\" marginheight=\"0\" marginwidth=\"0\" class=\"mg1\" src=\"https://maps.google.com/maps?q=Melbourne,Victoria,Australia&amp;hl=en&amp;sll=-7.981898,112.626504&amp;sspn=0.009084,0.016512&amp;oq=melbourne&amp;hnear=MelbourneVictoria,Australia&amp;t=m&amp;z=10&amp;output=embed\"></iframe> </div> </div> </div> <div class=\"column half\"> <div class=\"padding-20\"> <h1 class=\"size-32 is-title1-32 is-title-lite\">FIND US HERE</h1> <p>Lorem Ipsum is simply dummy text of the printing industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s.</p> <div class=\"is-social edit size-21\"> <a href=\"https://dribbble.com/\"><i class=\"icon ion-social-dribbble-outline\" style=\"margin-right: 1em\"></i></a> <a href=\"https://twitter.com/\"><i class=\"icon ion-social-twitter\" style=\"margin-right: 1em\"></i></a> <a href=\"https://www.facebook.com/\"><i class=\"icon ion-social-facebook\" style=\"margin-right: 1em\"></i></a> <a href=\"https://www.instagram.com/\"><i class=\"icon ion-social-instagram-outline\" style=\"margin-right: 1em\"></i></a> <a href=\"https://pinterest.com/\"><i class=\"icon ion-social-pinterest-outline\"></i></a> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/contact-02.png",
        "category": "116",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-980\"> <div class=\"row clearfix\"> <div class=\"column half\"> <div class=\"list\"> <i class=\"icon ion-ios-alarm-outline size-48\"></i> <h3 style=\"margin: 0 0 0 70px\">OPENING TIMES</h3> <p style=\"margin: 10px 0 0 70px\">Monday – Friday: 9 AM – 4.30 PM<br> Saturday: 8AM – 2PM</p></div></div><div class=\"column half\"> <div class=\"list\"> <i class=\"icon ion-ios-home-outline size-48\"></i> <h3 style=\"margin: 0 0 0 70px\">FIND US HERE</h3> <p style=\"margin: 10px 0 0 70px\">123 Street Name, City. State 12345<br> Phone: (123)4567890</p></div></div></div></div></div></div></div>"
    },
    {
        "thumbnail": "preview/contact-03.png",
        "category": "116",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-1100\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <div class=\"is-card is-card-circle is-light-text card shadow-1\" style=\"width: 80px; height: 80px; padding: 10px; background-color:#1abc9c\"> <div class=\"is-card-content-centered\"> <i class=\"icon ion-chatbubbles size-32\"></i> </div> </div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column third center\"> <h3 class=\"size-24 is-title-lite\">CONTACT US</h3> <p> <strong>Your Company Name</strong><br> 12345 StreetName,City.State12345<br>P: (123) 456 7890 / 456 7891.</p></div><div class=\"column third center\"> <h3 class=\"size-24 is-title-lite\">OPENING HOURS</h3> <p> Monday-Friday: 9:00AM-10: 00PM<br>Saturday: 10:00 AM - 11:00 PM<br> Sunday: CLOSED</p> </div> <div class=\"column third center\"> <h3 class=\"size-24 is-title-lite\">STAY UPDATED</h3> <p>Followuson: <br>Instagram: <a href=\"#\">@companyname</a><br>Twitter: <a href=\"#\">@companyname</a> </p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/contact-04.png",
        "category": "116",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-1100\"> <div class=\"row clearfix\"> <div class=\"column third\"> <h3 class=\"size-18 is-title-lite\">CONTACT US</h3> <p style=\"border-bottom: 1px solid #333; width: 50px; display: inline-block; margin-top: 0\"></p> <p class=\"size-16\"> <strong>Your Company Name</strong><br>12345StreetName,City.        State12345<br>P: (123) 456 7890 / 456 7891.</p></div><div class=\"column third\"> <h3 class=\"size-18 is-title-lite\">OPENING HOURS</h3> <p style=\"border-bottom: 1px solid #333; width: 50px; display: inline-block; margin-top: 0\"></p> <p class=\"size-16\">Monday-Friday: 9:00AM-10: 00PM<br>Saturday: 10:00 AM - 11:00 PM<br>Sunday: CLOSED</p> </div> <div class=\"column third\"> <h3 class=\"size-18 is-title-lite\">STAY UPDATED</h3> <p style=\"border-bottom: 1px solid #333; width: 50px; display: inline-block; margin-top: 0\"></p> <p class=\"size-16\">Followuson: <br>Instagram: <a href=\"#\">@companyname</a><br>Twitter: <a href=\"#\">@companyname</a> </p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/contact-05.png",
        "category": "116",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-1200\"> <div class=\"row clearfix\"> <div class=\"column third\"> <i class=\"icon ion-map size-64\" style=\"color: #e74c3c\"></i> <p class=\"size-14\" style=\"color: rgb(136, 136, 136);\">OUR LOCATION</p> <p>YourCompanyName<br>12345 Street Name, City.State 12345<br>P: (123)4567890/4567891.</p> </div> <div class=\"column third\"> <i class=\"icon ion-clock size-64\" style=\"color: #e74c3c\"></i> <p class=\"size-14\" style=\"color: rgb(136, 136, 136);\">OPENING HOURS</p> <p>Monday-Friday: 9:00AM-10: 00PM<br>Saturday: 10:00 AM - 11:00 PM<br>Sunday: CLOSED</p> </div> <div class=\"column third\"> <i class=\"icon ion-chatbox-working size-64\" style=\"color: #e74c3c\"></i> <p class=\"size-14\" style=\"color: rgb(136, 136, 136);\">STAY UPDATED</p> <p>Followuson: <br>Instagram: <a href=\"#\" style=\"color: #333\">@companyname</a><br>Twitter: <a href=\"#\" style=\"color: #333\">@companyname</a> </p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/contact-06.png",
        "category": "116",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-1200\"> <div class=\"row clearfix\"> <div class=\"column half\"> <h1 class=\"size-48 is-title1-48 is-title-bold\" style=\"margin-top:0\">Do you have something to say? Contact us!</h1> </div> <div class=\"column half\"> <h1 class=\"size-24 is-title1-24 is-title-lite\">YOUR COMPANY NAME</h1> <p>12345StreetName,City.State12345<br>P: (123) 456 7890 / 456 7891. <br>Email: <br><a href=\"#\" style=\"color: #333\">companyname@example.com</a> </p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/contact-07.png",
        "category": "116",
        "contentCss": "type-cutivemono-lato.css",
        "contentClass": "type-cutivemono-lato",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text type-cutivemono-lato\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-1100\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-32\">Have questions? Give us a call <span style=\"color: rgb(230, 126, 34);\">0 123 456 78 90</span></h1> <div class=\"spacer height-40\"></div> <div class=\"is-social edit\"> <div class=\"size-18\"> <a href=\"https://dribbble.com/\"><i class=\"icon ion-social-dribbble-outline\" style=\"margin-right: 1em\"></i></a> <a href=\"https://twitter.com/\"><i class=\"icon ion-social-twitter\" style=\"margin-right: 1em\"></i></a> <a href=\"https://www.facebook.com/\"><i class=\"icon ion-social-facebook\" style=\"margin-right: 1em\"></i></a> <a href=\"https://www.instagram.com/\"><i class=\"icon ion-social-instagram-outline\" style=\"margin-right: 1em\"></i></a> <a href=\"https://pinterest.com/\"><i class=\"icon ion-social-pinterest-outline\"></i></a> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/contact-08.png",
        "category": "116",
        "contentCss": "type-oranienbaum-sourcesanspro.css",
        "contentClass": "type-oranienbaum-sourcesanspro",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text type-oranienbaum-sourcesanspro\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <div class=\"display\"> <h1 style=\"letter-spacing: 4px\">GET IN TOUCH</h1> </div> <p>12345STREETNAME,CITY.STATE12345<br>PHONE: (123) 456 7890 / 456 7891</p><div class=\"is-social edit\"> <div class=\"size-16\"> <a href=\"https://dribbble.com/\"><i class=\"icon ion-social-dribbble-outline\" style=\"margin-right: 1em\"></i></a> <a href=\"https://twitter.com/\"><i class=\"icon ion-social-twitter\" style=\"margin-right: 1em\"></i></a> <a href=\"https://www.facebook.com/\"><i class=\"icon ion-social-facebook\" style=\"margin-right: 1em\"></i></a> <a href=\"https://www.instagram.com/\"><i class=\"icon ion-social-instagram-outline\" style=\"margin-right: 1em\"></i></a> <a href=\"https://pinterest.com/\"><i class=\"icon ion-social-pinterest-outline\"></i></a> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/contact-09.png",
        "category": "116",
        "contentCss": "type-ubuntumono-sourcecodepro.css",
        "contentClass": "type-ubuntumono-sourcecodepro",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text type-ubuntumono-sourcecodepro\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-1200\"> <div class=\"row clearfix\"> <div class=\"column third center\"> <i class=\"icon ion-ios-book-outline size-64\" style=\"color: rgb(136, 136, 136);\"></i> <h6 style=\"letter-spacing: 2px; font-weight: normal\">OUR LOCATION</h6> <p>12 Street Name, City. State 123</p> </div> <div class=\"column third center\"> <i class=\"icon ion-ios-telephone-outline size-64\" style=\"color: rgb(136, 136, 136);\"></i> <h6 style=\"letter-spacing: 2px; font-weight: normal\">CALL US</h6> <p>(123) 456 7890 / 456 7891</p> </div> <div class=\"column third center\"> <i class=\"icon ion-ios-compose-outline size-64\" style=\"color: rgb(136, 136, 136);\"></i> <h6 style=\"letter-spacing: 2px; font-weight: normal\">DROP US A LINE</h6> <p> <a href=\"mailto:#\" style=\"color: #333\">first.last@example.com</a> </p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-01.png",
        "category": "118",
        "contentCss": "type-josefinsans-neuton.css",
        "contentClass": "type-josefinsans-neuton",
        "html": "<div class=\"is-section is-shadow-1 is-section-100\"> <div class=\"is-boxes\"> <div class=\"is-box is-bg-light is-dark-text type-josefinsans-neuton is-box-6\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 560px;\"> <div class=\"row clearfix\"> <div class=\"column full right\"> <h1 class=\"size-54\">Wonderful Summer getaway</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-100\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column half\"> <p style=\"text-align: justify;\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> <div class=\"column half\"> <p style=\"text-align: justify;\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> </div> </div> </div> </div> </div> <div class=\"is-box-img is-box is-box-6\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg');\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-02.png",
        "category": "118",
        "contentCss": "type-teko-muktamahee.css",
        "contentClass": "type-teko-muktamahee",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text type-teko-muktamahee\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg'); background-position: 60% 100%;\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 980px;\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-64 is-title1-64 is-title-lite\">Flying High</h1> <p style=\"border-bottom: 2px solid #e74c3c; width: 60px; display: inline-block; margin-top: 0\"></p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column half\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type.</p> <p style=\"text-align: justify;\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> <div class=\"column half\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type.</p> <p style=\"text-align: justify;\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-03.png",
        "category": "118",
        "contentCss": "type-sourcesanspro-anonymouspro.css",
        "contentClass": "type-sourcesanspro-anonymouspro",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-dark-text type-sourcesanspro-anonymouspro is-box-7 is-bg-light\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"> </div> </div> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 720px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-80\"><b>A NEW DIFFERENT PERSPECTIVE<span style=\"color: rgb(255, 102, 51);\">.</span></b></h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column sixth\"> <p><img src=\"/placeholders/square.jpg\" alt=\"\" style=\"border-radius: 500px; margin-top: 5px;\"></p> </div> <div class=\"column two-sixth\"> <p><b>Sara Phillips</b><br>A freelance web designer based in Australia</p> <div class=\"is-social\"> <a href=\"https://twitter.com/\"><i class=\"icon ion-social-twitter\"></i></a> <a href=\"https://www.facebook.com/\"><i class=\"icon ion-social-facebook\"></i></a> <a href=\"https://plus.google.com/\"><i class=\"icon ion-social-googleplus\"></i></a> <a href=\"mailto:you@example.com\"><i class=\"icon ion-ios-email-outline\"></i></a> </div> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-dark-text is-bg-light type-sourcesanspro-anonymouspro is-box-5\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container container is-content-left edge-x-0\" style=\"max-width: 460px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-04.png",
        "category": "118",
        "contentCss": "type-sourcecodepro-nunitosans.css",
        "contentClass": "type-sourcecodepro-nunitosans",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box-img is-box is-box-5\"> <div class=\"is-boxes \"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg');\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> </div> </div> <div class=\"is-box is-box-7 type-sourcecodepro-nunitosans\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container container\" style=\"max-width: 660px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"display\"> <p class=\"size-16\" style=\"letter-spacing: 2px;\">A BEAUTIFUL DAY IN OCTOBER</p> <h1 class=\"size-50\">Time to think, time to create.</h1> </div> <p class=\"size-16\">— By David Anderson</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-60\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column half\"> <p style=\"text-align: justify;\">Lorem Ipsum is dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it.</p> </div> <div class=\"column half\"> <p style=\"text-align: justify;\">Lorem Ipsum is dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it.</p> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-05.png",
        "category": "118",
        "contentCss": "type-oranienbaum-sourcesanspro.css",
        "contentClass": "type-oranienbaum-sourcesanspro",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-bg-light is-dark-text is-box-8 type-oranienbaum-sourcesanspro\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container edge-x-5 is-content-right is-content-500\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-54\" style=\"text-align: right;\">Fall in Love with Simplicity</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\" style=\"text-align: justify;\"> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> <p>Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p class=\"size-16\" style=\"text-align: right;\"><i>Written with love by Jane Smith</i></p> </div> </div> </div> </div> </div> </div> <div class=\"is-box-img is-box is-box-4\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg'); background-position: 20% 60%;\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-06.png",
        "category": "118",
        "contentCss": "type-sixcaps-robotomono.css",
        "contentClass": "type-sixcaps-robotomono",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-light-text is-box is-box-4\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg');\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> </div> </div> </div> <div class=\"is-box is-bg-light is-dark-text is-box-4 type-sixcaps-robotomono\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 420px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"display\"> <p class=\"size-16\" style=\"line-height:1\">Create Something Awesome</p> <h1 style=\"font-size: 59px !important;\">It starts with ideas.</h1> </div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-60\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it.</p> </div> </div> </div> </div> </div> </div> <div class=\"is-box-4 is-box is-bg-light is-dark-text type-sixcaps-robotomono\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-left edge-x-0\" style=\"max-width: 400px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer.</p> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-07.png",
        "category": "118",
        "contentCss": "type-parisienne-maitree.css",
        "contentClass": "type-parisienne-maitree",
        "html": "<div class=\"is-section is-shadow-1 is-section-100\"> <div class=\"is-boxes\"> <div class=\"is-box is-dark-text is-box-6 type-parisienne-maitree\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 620px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"display\"> <h1 style=\"text-align: center; color: rgb(204, 204, 204); font-size: 85px !important; line-height: 106px;\">Sunday Lovely Sunday.</h1> </div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-20\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column half\"> <p class=\"size-16\" style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s.</p> </div> <div class=\"column half\"> <p class=\"size-16\" style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p class=\"size-16\" style=\"text-align: center;\"><i style=\"color: rgb(204, 204, 204);\">By Jennifer Anderson</i></p> </div> </div> </div> </div> </div> </div> <div class=\"is-box-img is-box is-box-6\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg'); background-position: 50% 30%;\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-08.png",
        "category": "118",
        "contentCss": "type-ubuntumono-sourcecodepro.css",
        "contentClass": "type-ubuntumono-sourcecodepro",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box-img is-box is-box-7\"> <div class=\"is-boxes \"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg'); background-position: 50% 70%;\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> </div> </div> <div class=\"is-box is-dark-text type-ubuntumono-sourcecodepro is-box-5\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 400px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <p class=\"size-16\" style=\"color: rgb(136, 136, 136);\">WORDS FROM ANDREW JONES</p> <h1 class=\"size-48\">Home is wherever I\"m with you.</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type.</p> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-09.png",
        "category": "118",
        "contentCss": "type-lato.css",
        "contentClass": "type-lato",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-dark-text is-box-8 type-lato\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-380 is-content-left\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-32 is-title5-32 is-title-lite\"><i>Simplify Things</i></h1> <p style=\"color: rgb(136, 136, 136);\">Natasha Williams</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Vivamus leo ante, consectetur sit amet.</p> </div> </div> </div> </div> </div> </div> <div class=\"is-box-img is-box is-box-4\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg'); background-position: 100% 60%;\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-10.png",
        "category": "118",
        "contentCss": "type-fugazone-librefranklin.css",
        "contentClass": "type-fugazone-librefranklin",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text type-fugazone-librefranklin\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg'); background-position: 50% 100%;\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-640 is-content-left edge-x-4\"> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"display\"> <p class=\"size-18\">EMILLIA JONES</p> <h1 class=\"size-96\" style=\"line-height: 1.3\">Hello, Summer.</h1> </div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p>Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem Ipsum dolor sit amet, consectetur adipiscing elit.</p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-11.png",
        "category": "118",
        "contentCss": "type-ibmplexmono.css",
        "contentClass": "type-ibmplexmono",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box-img is-box is-box-6\"> <div class=\"is-boxes \"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg'); background-position: 90% 80%;\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> </div> </div> <div class=\"is-box is-bg-light is-dark-text is-box-6 is-align-right type-ibmplexmono\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-right\" style=\"max-width: 480px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 style=\"text-align: right;\">Stay Inspired by Modern Simplicity</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p class=\"size-14\" style=\"text-align: right;\"><b>Jessica Wright</b></p> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-12.png",
        "category": "118",
        "contentCss": "type-sixcaps-robotomono.css",
        "contentClass": "type-sixcaps-robotomono",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box-img is-box is-box-5\"> <div class=\"is-boxes \"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg'); background-position: 60% 70%;\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> </div> </div> <div class=\"is-box is-dark-text is-box-7 type-sixcaps-robotomono\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-500 is-content-right\"> <div class=\"row clearfix\"> <div class=\"column full\"> <i class=\"icon ion-android-favorite-outline size-48\" style=\"line-height: 1.8\"></i> <h1 class=\"size-50\">Love Where You Live</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p class=\"size-16\">— Dave Anderson</p> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-13.png",
        "category": "118",
        "contentCss": "type-nothingyouc-ibmplexmono.css",
        "contentClass": "type-nothingyouc-ibmplexmono",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-bg-light is-dark-text is-box-6 type-nothingyouc-ibmplexmono\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-500 is-content-right edge-x-1\"> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"display\"> <h1 class=\"size-64\">Slow Living</h1> </div> <p>Vivian C. Bailey</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-60\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum dolor sit amet, consectetur adipiscing elit.</p> <p>Vivamus leo ante, consectetur sit amet vulputate vel, sit amet lectus.</p> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-box-6 is-bg-light is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"> </div> </div> <div class=\"is-box-centered\"> <div class=\"is-container is builder container\" style=\"max-width: 400px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-14.png",
        "category": "118",
        "contentCss": "type-fjallaone-ibmplexserif.css",
        "contentClass": "type-fjallaone-ibmplexserif",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box-img is-box is-box-5\"> <div class=\"is-boxes \"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg'); background-position: 0% 60%;\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> </div> </div> <div class=\"is-box is-box-7 type-fjallaone-ibmplexserif is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-right is-content-500\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 style=\"text-align: right;\">Give.</h1> <p style=\"text-align: right;\"><i style=\"color: rgb(136, 136, 136);\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s.<br>Sarah Williams</i></p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus leo ante, sit amet.</p> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-15.png",
        "category": "118",
        "contentCss": "type-greatvibes-robotomono.css",
        "contentClass": "type-greatvibes-robotomono",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box-8 is-box is-dark-text type-greatvibes-robotomono\"> <div class=\"is-boxes\"> <div class=\"is-box-centered is-content-top\"> <div class=\"is-container is-builder container is-content-500 is-content-left\"> <div class=\"row clearfix\"> <div class=\"column full\"> <p><i>Justin Serrano</i></p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-120\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-50\">Less is More</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s. Lorem ipsum dolor sit amet, consectetur elit. Vivamus leo ante, sit amet.</p> </div> </div> </div> </div> </div> </div> <div class=\"is-box-4 is-box-img is-box\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg'); background-position: 0% 60%;\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-16.png",
        "category": "118",
        "contentCss": "type-dynalight-mada.css",
        "contentClass": "type-dynalight-mada",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box-4 is-box-img is-box\"> <div class=\"is-boxes \"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg'); background-position: 90% 60%;\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> </div> </div> <div class=\"is-box-8 is-box is-dark-text type-dynalight-mada\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-640\"> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"display\"> <h1 class=\"size-42\" style=\"text-align: center;\">Simple, Versatile, Functional</h1> <p class=\"size-18\" style=\"text-align: center; line-height: 2.2\">JANE SMITH</p> </div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-60\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column half\"> <p style=\"text-align: justify;\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> <div class=\"column half\"> <p style=\"text-align: justify;\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-17.png",
        "category": "118",
        "contentCss": "type-engagement-spectral.css",
        "contentClass": "type-engagement-spectral",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-dark-text is-box-5 is-bg-light\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"> </div> </div> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-right edge-x-0\" style=\"max-width: 440px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-bg-light is-dark-text is-box-7 type-engagement-spectral\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-500 is-content-left\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-32 is-title3-32 is-title-lite\" style=\"text-align: right;\">minimal touches.</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p class=\"size-16\" style=\"text-align: right;\"><i>Alexander Woods</i></p> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-18.png",
        "category": "118",
        "contentCss": "type-cutivemono-lato.css",
        "contentClass": "type-cutivemono-lato",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-dark-text is-box-8 type-cutivemono-lato\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder is-content-640 container\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-50\">A nice place to conclude thoughts.</h1> <p class=\"size-18\"><i>Brenda Robinson</i></p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-60\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column half\"> <p style=\"text-align: justify;\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> </div> <div class=\"column half\"> <p style=\"text-align: justify;\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> </div> </div> </div> </div> </div> </div> <div class=\"is-box-img is-box is-box-4\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg'); background-position: 0% 100%;\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-19.png",
        "category": "118",
        "contentCss": "type-raleway-playfairdisplay.css",
        "contentClass": "type-raleway-playfairdisplay",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box-img is-box is-box-5\"> <div class=\"is-boxes \"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg'); background-position: 50% 60%;\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> </div> </div> <div class=\"is-box is-dark-text is-box-7 type-raleway-playfairdisplay\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-380 is-content-right\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-42\" style=\"width:100%;max-width: 200px; margin: 0 auto\">LOVE FOR FOOD</h1> <p class=\"size-14\"><i style=\"color: rgb(136, 136, 136);\">Jean William</i></p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-20.png",
        "category": "118",
        "contentCss": "type-heebo-ibmplexmono.css",
        "contentClass": "type-heebo-ibmplexmono",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-dark-text is-box-7 type-heebo-ibmplexmono\"> <div class=\"is-boxes\"> <div class=\"is-box-centered is-content-bottom\"> <div class=\"is-container is-builder container is-content-right is-content-640\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-42\">Stay Classy.</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem ipsum dolor sit amet.</p> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column sixth center\"> <p><img src=\"/placeholders/square.jpg\" alt=\"\" style=\"border-radius:500px;margin-top:5px;\"></p> </div> <div class=\"column two-sixth\"> <p class=\"size-16\"> <b>Jane Anderson</b><br>A happy-minded writer based in New York</p></div></div></div></div></div></div><div class=\"is-box-img is-box is-box-5\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg'); background-position: 50% 60%;\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-21.png",
        "category": "118",
        "contentCss": "type-sourcecodepro-nunitosans.css",
        "contentClass": "type-sourcecodepro-nunitosans",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-bg-light is-dark-text is-box-7 type-sourcecodepro-nunitosans\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-500 is-content-right\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-46\" style=\"text-align: center;\">Everything is Connected.</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: right;\">Andrew Smith</p> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-dark-text is-box-5 is-bg-light\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-left edge-x-0\" style=\"max-width: 500px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <img src=\"/placeholders/square.jpg\" alt=\"\" style=\"border-radius: 500px;\"> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-22.png",
        "category": "118",
        "contentCss": "type-engagement-spectral.css",
        "contentClass": "type-engagement-spectral",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box-4 is-box-img is-box\"> <div class=\"is-boxes \"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg');\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> </div> </div> <div class=\"is-box-8 is-box is-dark-text type-engagement-spectral\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-left is-content-500\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-32 is-title5-32 is-title-lite\" style=\"text-align: right\">SPRING TONES</h1> <p style=\"text-align: right\"><i>Ruth Burnett</i></p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem ipsum dolor sit amet, consectetur elit.</p> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-23.png",
        "category": "118",
        "contentCss": "type-cinzeldecor-palanquin.css",
        "contentClass": "type-cinzeldecor-palanquin",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-dark-text is-box-8 type-cinzeldecor-palanquin\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-800\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-32 is-title5-32 is-title-lite\" style=\"width:100%;max-width: 340px;\">New style</h1> <p>By David Smith</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-100\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column half\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem ipsum dolor sit amet, consectetur elit.</p> </div> <div class=\"column half\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem ipsum dolor sit amet, consectetur elit.</p> </div> </div> </div> </div> </div> </div> <div class=\"is-box-img is-box is-box-4\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg'); background-position: 0% 0%;\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-24.png",
        "category": "118",
        "contentCss": "type-ubuntumono-sourcecodepro.css",
        "contentClass": "type-ubuntumono-sourcecodepro",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-box-5 is-bg-light is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container ui-droppable-hover\" style=\"max-width: 440px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-bg-light is-dark-text is-box-7 type-ubuntumono-sourcecodepro\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-left edge-x-0\" style=\"max-width: 720px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 style=\"text-align: right;\">STAY ON TRACK</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-60\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column half\"> <p style=\"text-align: justify;\">Lorem Ipsum is dummy text of the printing industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s. Lorem ipsum dolor sit amet.</p> </div> <div class=\"column half\"> <p style=\"text-align: justify;\">Lorem Ipsum is dummy text of the printing industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s. Lorem ipsum dolor sit amet.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p class=\"size-16\" style=\"text-align: right;\"><i>Joshua Conley</i></p> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-25.png",
        "category": "118",
        "contentCss": "type-frankruhllibre-lato.css",
        "contentClass": "type-frankruhllibre-lato",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text type-frankruhllibre-lato\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg'); background-position: 50% 90%;\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered is-content-top\"> <div class=\"is-container is-builder container is-content-640\"> <div class=\"row clearfix\"> <div class=\"column full\"> <p class=\"size-21\" style=\"text-align: center; letter-spacing: 4px;\"><i>the</i></p> <h1 class=\"size-68\" style=\"text-align: center; letter-spacing: 18px;\">OCEAN</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: center\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus leo ante, consectetur sit amet vulputate vel, dapibus sit amet lectus.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: center\"><i>Spencer Lane</i></p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-26.png",
        "category": "118",
        "contentCss": "type-nothingyouc-ibmplexmono.css",
        "contentClass": "type-nothingyouc-ibmplexmono",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-dark-text is-bg-light is-box-5\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-box-centered\"> <div class=\"is-container is-builder is-content-500 container is-content-right edge-x-0\"> <div class=\"row clearfix\"> <div class=\"column full\"> <img src=\"/placeholders/square.jpg\" alt=\"\" style=\"border-radius: 500px;\"> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-bg-light is-dark-text is-box-7 type-nothingyouc-ibmplexmono\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-left edge-x-1\" style=\"max-width: 680px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-50\">Don\"t feel blue</h1> <p><i style=\"color: rgb(136, 136, 136);\">Lorem Ipsum is dummy text. — Jane Smith</i></p> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column half\"> <p style=\"text-align: justify;\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> <div class=\"column half\"> <p style=\"text-align: justify;\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-27.png",
        "category": "118",
        "contentCss": "type-sixcaps-robotomono.css",
        "contentClass": "type-sixcaps-robotomono",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box-img is-box is-box-5\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg'); background-position: 50% 60%;\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> </div> </div> <div class=\"is-box is-bg-light is-dark-text is-box-7 type-sixcaps-robotomono\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-500 is-content-right edge-x-4\"> <div class=\"row clearfix\"> <div class=\"column full right\"> <div class=\"display\"> <h1 class=\"size-96\">A Little Story</h1> </div> <p style=\"border-bottom: 3px solid #333; width: 80px; display: inline-block;\"></p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: right;\">JOHN ANDERSON</p> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-28.png",
        "category": "118",
        "contentCss": "type-engagement-spectral.css",
        "contentClass": "type-engagement-spectral",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-dark-text is-bg-light is-box-6\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-800 is-content-left\"> <div class=\"row clearfix\"> <div class=\"column full\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-bg-light is-dark-text is-box-6 type-engagement-spectral\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-380 is-content-left\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-32\">ADVENTUROUS</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p class=\"size-16\"><i>By Stacey Clarke</i></p> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-29.png",
        "category": "118",
        "contentCss": "type-abrilfatface-assistant.css",
        "contentClass": "type-abrilfatface-assistant",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box-6 is-box is-bg-light is-dark-text type-abrilfatface-assistant\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder is-content-500 container is-content-right\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-32\">BE BOLD</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem Ipsum dolor sit amet. Vivamus leo ante.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p class=\"size-16\"><i>Words from Bruce Taylor</i></p> </div> </div> </div> </div> </div> </div> <div class=\"is-box-6 is-box is-bg-light is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-left edge-x-0\" style=\"max-width: 620px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-30.png",
        "category": "118",
        "contentCss": "type-cutivemono-lato.css",
        "contentClass": "type-cutivemono-lato",
        "html": "<div class=\"is-section is-section-100\"> <div class=\"is-boxes\"> <div class=\"is-box-img is-box is-box-5\"> <div class=\"is-boxes \"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg'); background-position: 50% 60%;\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> </div> </div> <div class=\"is-box is-bg-light is-dark-text is-box-7 type-cutivemono-lato\"> <div class=\"is-boxes\"> <div class=\"is-box-centered is-content-bottom\"> <div class=\"is-container is-builder container is-content-500\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 style=\"text-align: center;\">My Summer</h1> <p style=\"text-align: center;\"><i style=\"color: rgb(136, 136, 136);\">Lorem Ipsum is simply dummy text of the printing and typesetting industry.<br>Jane Clark</i></p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s.</p> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-31.png",
        "category": "118",
        "contentCss": "type-voltaire-sourcecodepro.css",
        "contentClass": "type-voltaire-sourcecodepro",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-bg-light is-dark-text is-box-7 type-voltaire-sourcecodepro\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 740px;\"> <div class=\"row clearfix\"> <div class=\"column half\"> <h1>Simple, clean, bright</h1> <p class=\"size-16\">— Samantha Holmes</p> </div> <div class=\"column half\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-box-5 is-bg-light is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 440px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-32.png",
        "category": "118",
        "contentCss": "type-lato.css",
        "contentClass": "type-lato",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-box-5 is-bg-light is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container ui-droppable-hover is-content-right edge-x-0\" style=\"max-width: 440px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-bg-light is-dark-text is-box-7 type-lato\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-left edge-x-2\" style=\"max-width: 500px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-32\" style=\"color: rgb(0, 0, 0); text-align: center; letter-spacing: 2px; line-height: 1.7\"><i>WE FALL IN LOVE WITH MINIMALIST STYLE</i></h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-60\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem ipsum dolor sit amet.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p class=\"size-16\" style=\"text-align: right;\"><i>Sam Peters</i></p> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-33.png",
        "category": "118",
        "contentCss": "type-bilbo-halant.css",
        "contentClass": "type-bilbo-halant",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-box-7 is-bg-light is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-980 is-content-left\"> <div class=\"row clearfix\"> <div class=\"column full\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-box-5 is-bg-light is-dark-text type-bilbo-halant\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 460px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"display\"> <p class=\"size-18\">EMMA STAUFER</p> <h1 class=\"size-48\" style=\"text-transform: none\">Back to December</h1> </div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-34.png",
        "category": "118",
        "contentCss": "type-oranienbaum-sourcesanspro.css",
        "contentClass": "type-oranienbaum-sourcesanspro",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-bg-light is-dark-text type-oranienbaum-sourcesanspro is-box-5\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-right edge-x-0\" style=\"max-width: 480px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-60\">Grow, love</h1> <p><i style=\"color: rgb(136, 136, 136);\">Words from Justin Ross</i></p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem ipsum dolor sit amet.</p> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-bg-light is-dark-text is-box-7\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-980 is-content-right\"> <div class=\"row clearfix\"> <div class=\"column full\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-35.png",
        "category": "118",
        "contentCss": "type-pinyonscript-firasans.css",
        "contentClass": "type-pinyonscript-firasans",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-box-7 is-bg-light type-pinyonscript-firasans\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-640 is-content-left\"> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"display\"> <h1 class=\"size-60\">Happiness.</h1> </div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-60\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column half\"> <p style=\"text-align: justify;\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> <div class=\"column half\"> <p style=\"text-align: justify;\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\"><i>Bryan Lewis</i></p> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-box-5 is-bg-light is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-left edge-x-0\" style=\"max-width: 480px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-36.png",
        "category": "118",
        "contentCss": "type-anonymouspro-catamaran.css",
        "contentClass": "type-anonymouspro-catamaran",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box-img is-box is-box-5\"> <div class=\"is-boxes \"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg'); background-position: 50% 60%;\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> </div> </div> <div class=\"is-box is-dark-text is-box-7 type-anonymouspro-catamaran\"> <div class=\"is-boxes\"> <div class=\"is-box-centered is-content-bottom\"> <div class=\"is-container is-builder container is-content-500 is-content-right\"> <div class=\"row clearfix\"> <div class=\"column full right\"> <h1 class=\"size-32 is-title4-32\" style=\"display: inline-block; letter-spacing: 3px;\">clean & clear</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus leo ante.</p> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Consectetur amet vulputate vel.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p class=\"size-16\" style=\"text-align: right;\">Leah Dawson</p> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-37.png",
        "category": "118",
        "contentCss": "type-engagement-spectral.css",
        "contentClass": "type-engagement-spectral",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box-img is-box is-box-4\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg'); background-position: 50% 60%;\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> </div> </div> <div class=\"is-box is-dark-text is-box-8 type-engagement-spectral\"> <div class=\"is-boxes\"> <div class=\"is-box-centered is-content-bottom\"> <div class=\"is-container is-builder container is-content-800\"> <div class=\"row clearfix\"> <div class=\"column half\"> <h1 class=\"size-54\" style=\"line-height: 1.4\">A Simple New Look</h1> <p><i>Lorem Ipsum is simply dummy text of the printing industry.</i></p> </div> <div class=\"column half\"> <p style=\"text-align: justify;\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Vivamus leo ante, consectetur sit amet vulputate vel, dapibus sit amet lectus.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-60\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: right;\">Chris Nickerson</p> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-38.png",
        "category": "118",
        "contentCss": "type-sourcecodepro-nunitosans.css",
        "contentClass": "type-sourcecodepro-nunitosans",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-box-7 is-bg-light is-dark-text type-sourcecodepro-nunitosans\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 680px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-46\">The World Filled with Wonders</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-60\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column half\"> <p style=\"text-align: justify;\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> <div class=\"column half\"> <p style=\"text-align: justify;\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: right;\">Carolyn Gabriel</p> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-box-5 is-dark-text is-bg-light\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 480px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-39.png",
        "category": "118",
        "contentCss": "type-bilbo-halant.css",
        "contentClass": "type-bilbo-halant",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-box-5 is-bg-light is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container ui-droppable-hover is-content-right edge-x-0\" style=\"max-width: 480px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-dark-text is-box-7 is-bg-light type-bilbo-halant\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-left edge-x-0\" style=\"max-width: 720px;\"> <div class=\"row clearfix\"> <div class=\"column half\"> <div class=\"padding-20\"> <h1 class=\"is-title5-32 is-title-lite size-42\">Spring in March</h1> </div> </div> <div class=\"column half\"> <div class=\"padding-20\"> <p style=\"text-align: justify;\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem ipsum dolor sit amet, consectetur elit.</p> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p> <br> <p class=\"size-16\" style=\"text-align: right;\">Irene Johnson</p> </div> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-40.png",
        "category": "118",
        "contentCss": "type-engagement-spectral.css",
        "contentClass": "type-engagement-spectral",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-dark-text type-engagement-spectral is-box-8\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-640\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-80\">Twenty Four Minutes</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-80\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p class=\"size-16\" style=\"text-align: center;\">William Norris</p> </div> </div> </div> </div> </div> </div> <div class=\"is-box-img is-box is-box-4\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg'); background-position: 50% 60%;\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-41.png",
        "category": "118",
        "contentCss": "type-federo-gothica1.css",
        "contentClass": "type-federo-gothica1",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box-img is-box is-box-5\"> <div class=\"is-boxes \"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg'); background-position: 50% 60%;\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> </div> </div> <div class=\"is-box is-dark-text is-box-7 type-federo-gothica1\"> <div class=\"is-boxes\"> <div class=\"is-box-centered is-content-top\"> <div class=\"is-container is-builder container is-content-right is-content-500\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-50\" style=\"text-align: right; letter-spacing: 6px;\">Early Morning Riser</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-80\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem ipsum dolor sit amet.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p class=\"size-16\" style=\"text-align: right;\"><i>Jeff Watkins</i></p> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-42.png",
        "category": "118",
        "contentCss": "type-cinzeldecor-palanquin.css",
        "contentClass": "type-cinzeldecor-palanquin",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box-6 is-box is-dark-text type-cinzeldecor-palanquin\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg'); background-position: 50% 40%;\" background-position: 50% 40%; transform: translateY(0.96px) scale(1.05);\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> <div class=\"is-box-centered is-content-top edge-y-3\"> <div class=\"is-container is-builder container is-content-640 ui-droppable-hover is-content-right\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-60\" style=\"text-align: right; letter-spacing: 3px;\">Plant a Dream</h1> <p style=\"text-align: right; letter-spacing: 4px;\">Melissa Sparks</p> </div> </div> </div> </div> </div> </div> <div class=\"is-box-6 is-box is-dark-text type-cinzeldecor-palanquin\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container ui-droppable-hover is-content-380 is-content-left\"> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus leo ante.</p> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing industry. Consectetur sit amet vulputate vel, adipiscing dapibus sit amet lectus.</p> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-43.png",
        "category": "118",
        "contentCss": "type-italiana-martel.css",
        "contentClass": "type-italiana-martel",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-dark-text is-box-5 is-bg-light\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-right edge-x-1\" style=\"max-width: 440px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-dark-text is-box-7 is-bg-light type-italiana-martel\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 600px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-32\" style=\"text-align: center; letter-spacing: 3px;\">BEAUTY OF NATURE</h1> <hr> <p style=\"text-align: center; letter-spacing: 4px;\">DAVID ANDERSON</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column half\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> <div class=\"column half\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-44.png",
        "category": "118",
        "contentCss": "type-lato.css",
        "contentClass": "type-lato",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-box-8 type-lato\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-right is-content-640\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-48\" style=\"text-align: center;\"><i>A place where ideas grow</i></h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-60\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus leo ante, consectetur sit amet vulputate vel, dapibus sit amet lectus.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p class=\"size-16\" style=\"text-align: center;\">Ralph Whisler</p> </div> </div> </div> </div> </div> </div> <div class=\"is-box-img is-box is-box-4\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg'); background-position: 0% 60%;\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-45.png",
        "category": "118",
        "contentCss": "type-fjallaone-ibmplexserif.css",
        "contentClass": "type-fjallaone-ibmplexserif",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text type-fjallaone-ibmplexserif\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg'); background-position: 50% 70%;\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-right is-content-500\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-32\" style=\"text-align: right;\">Start from here</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> <p style=\"text-align: justify;\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p class=\"size-14\" style=\"text-align: right;\">Amanda Spencer</p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-46.png",
        "category": "118",
        "contentCss": "type-engagement-spectral.css",
        "contentClass": "type-engagement-spectral",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box-4 is-box-img is-box\"> <div class=\"is-boxes \"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg'); background-position: 0% 60%;\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> </div> </div> <div class=\"is-box-8 is-box is-dark-text type-engagement-spectral\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-500\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-32 is-title3-32 is-title-lite\" style=\"text-align: center;\">October & November</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-60\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-20\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p class=\"size-16\" style=\"text-align: right;\"><i>Sarah Anderson</i></p> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-47.png",
        "category": "118",
        "contentCss": "type-cutivemono-lato.css",
        "contentClass": "type-cutivemono-lato",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-dark-text is-box-7 type-cutivemono-lato\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder is-content-640 container is-content-right\"> <div class=\"row clearfix\"> <div class=\"column half\"> <h1 class=\"size-38\">HOME IS WHERE YOUR STORY BEGINS.</h1> </div> <div class=\"column half\"> <p style=\"text-align: justify;\">Lorem Ipsum is dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Vivamus leo ante, consectetur amet vulputate vel, dapibus sit amet lectus.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-60\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p class=\"size-16\" style=\"text-align: left;\"><i>Jonathan Courtright</i></p> </div> </div> </div> </div> </div> </div> <div class=\"is-box-img is-box is-box-5\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg'); background-position: 0% 60%;\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-48.png",
        "category": "118",
        "contentCss": "type-caveat-sourcecodepro.css",
        "contentClass": "type-caveat-sourcecodepro",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-box-5 is-bg-light is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container ui-droppable-hover is-content-right edge-x-0\" style=\"max-width: 500px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-box-7 is-bg-light is-dark-text type-caveat-sourcecodepro\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 480px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <p>William Rollins</p> <h1 class=\"size-48\">More than words</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-60\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-49.png",
        "category": "118",
        "contentCss": "type-pinyonscript-firasans.css",
        "contentClass": "type-pinyonscript-firasans",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-bg-light is-dark-text is-box-7 type-pinyonscript-firasans\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-640\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-46\">just chillin</h1> <p><i style=\"color: rgb(136, 136, 136);\">Lorem Ipsum is simply dummy text. — Anne Marry</i></p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-60\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column half\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> <div class=\"column half\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-box-5 is-bg-light is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-left edge-x-0\" style=\"max-width: 500px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-50.png",
        "category": "118",
        "contentCss": "type-engagement-spectral.css",
        "contentClass": "type-engagement-spectral",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box-img is-box is-box-4\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg'); background-position: 30% 60%;\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> </div> </div> <div class=\"is-box is-dark-text is-box-8 type-engagement-spectral\"> <div class=\"is-boxes\"> <div class=\"is-box-centered is-content-top\"> <div class=\"is-container is-builder is-content-640 container\"> <div class=\"row clearfix\"> <div class=\"column full\"> <p class=\"size-16\" style=\"text-align: center;\">Michelle Duncan</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-80\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-54\" style=\"text-align: center;\">IN LOVE WITH YOUR LIFE</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-60\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus leo ante, consectetur sit amet vulputate vel, dapibus sit amet lectus.</p> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-51.png",
        "category": "118",
        "contentCss": "type-nothingyouc-ibmplexmono.css",
        "contentClass": "type-nothingyouc-ibmplexmono",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-dark-text type-nothingyouc-ibmplexmono is-box-8\"> <div class=\"is-boxes\"> <div class=\"is-box-centered is-content-bottom\"> <div class=\"is-container is-builder container is-content-left is-content-640\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-48 is-title4-48 is-title-lite\" style=\"display:inline-block\">Behind you.</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-60\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus leo ante, consectetur sit amet vulputate vel.&nbsp;Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p class=\"size-14\" style=\"text-align: justify;\"><i>Brenda Waller</i></p> </div> </div> </div> </div> </div> </div> <div class=\"is-box-img is-box is-box-4\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg');\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-52.png",
        "category": "118",
        "contentCss": "type-fjallaone-ibmplexserif.css",
        "contentClass": "type-fjallaone-ibmplexserif",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box-6 is-box is-bg-light is-dark-text type-fjallaone-ibmplexserif\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 580px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-42\" style=\"text-align: center; letter-spacing: 10px;\">CLEAN</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: center;\"><i>Words from Michael Williams</i></p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column half\"> <p style=\"text-align: justify;\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> <div class=\"column half\"> <p style=\"text-align: justify;\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> </div> </div> </div> </div> </div> <div class=\"is-box-6 is-box is-dark-text is-bg-light\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-left edge-x-0\" style=\"max-width: 660px;\"> <div class=\"row clearfix\"> <div class=\"column half\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> <img src=\"/placeholders/square.jpg\" alt=\"\" style=\"margin-top: 13px;\"> </div> <div class=\"column half\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-53.png",
        "category": "118",
        "contentCss": "type-unicaone-cormorantgaramond.css",
        "contentClass": "type-unicaone-cormorantgaramond",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-dark-text is-box-8 type-unicaone-cormorantgaramond\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-500 is-content-left\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-54\" style=\"text-align: center;\">CALM</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-80\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p class=\"size-18\" style=\"text-align: center;\"><i style=\"color: rgb(136, 136, 136);\">Words from Alice Mobley</i></p> </div> </div> </div> </div> </div> </div> <div class=\"is-box-img is-box is-box-4\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg'); background-position: 50% 60%;\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-54.png",
        "category": "118",
        "contentCss": "type-ibmplexmono.css",
        "contentClass": "type-ibmplexmono",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-dark-text type-ibmplexmono is-box-7\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 680px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <div style=\"width:100%;max-width:350px;\"> <p>A STORY.</p> <h1 class=\"size-38\">THE WHEELS ARE SPINNING</h1> <p style=\"color: rgb(136, 136, 136);\">Casey Lansford</p> </div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-80\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column half\"> <p style=\"text-align: justify;\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> <div class=\"column half\"> <p style=\"text-align: justify;\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> </div> </div> </div> </div> </div> <div class=\"is-box-img is-box is-box-5\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg'); background-position: 30% 60%;\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-55.png",
        "category": "118",
        "contentCss": "type-raleway-playfairdisplay.css",
        "contentClass": "type-raleway-playfairdisplay",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-box-6 is-dark-text is-bg-light\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container ui-droppable-hover\" style=\"max-width: 480px;\"> <div class=\"row clearfix\"> <div class=\"column column\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-bg-light is-dark-text is-box-6 type-raleway-playfairdisplay\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-500 is-content-left edge-x-2\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-48 is-title1-48 is-title-lite\" style=\"text-align: center;\">Brave</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus leo ante, consectetur sit amet vulputate vel, dapibus sit amet lectus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus leo ante.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p class=\"size-14\" style=\"text-align: center; letter-spacing: 5px;\">RUTH WATTERS</p> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-56.png",
        "category": "118",
        "contentCss": "type-spectralsc-karma.css",
        "contentClass": "type-spectralsc-karma",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box-7 is-box is-bg-light is-dark-text type-spectralsc-karma\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-640\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 style=\"text-align: center;\">Blooms</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column half\"> <p style=\"text-align: justify;\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Vivamus leo ante, consectetur vulputate vel, dapibus sit amet lectus.</p> </div> <div class=\"column half\"> <p style=\"text-align: justify;\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Vivamus leo ante, consectetur vulputate vel, dapibus sit amet lectus.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p class=\"size-14\" style=\"text-align: center; letter-spacing: 4px;\">Sara Ashley</p> </div> </div> </div> </div> </div> </div> <div class=\"is-box-5 is-box is-bg-light is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-left edge-x-0\" style=\"max-width: 480px;\"> <div class=\"row clearfix\"> <div class=\"column column\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-57.png",
        "category": "118",
        "contentCss": "type-pinyonscript-firasans.css",
        "contentClass": "type-pinyonscript-firasans",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box-img is-box is-box-5\"> <div class=\"is-boxes \"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg'); background-position: 50% 60%;\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> </div> </div> <div class=\"is-box is-dark-text is-box-7 type-pinyonscript-firasans\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-640 is-content-left\"> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"display\"> <h1 class=\"size-54\" style=\"text-align: left; letter-spacing: 2px;\">Keep everything Simple</h1> </div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-60\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column third\"> <p class=\"size-14\" style=\"text-align: justify;\"><i><span style=\"color: rgb(147, 147, 147);\">Words from:<br> Brandon Lamberth</span></i></p> </div> <div class=\"column two-third\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem ipsum dolor sit amet.</p> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-58.png",
        "category": "118",
        "contentCss": "type-abrilfatface-assistant.css",
        "contentClass": "type-abrilfatface-assistant",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box-8 is-box is-dark-text type-abrilfatface-assistant\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-500\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-64 is-title5-64 is-title-bold\">hello...</h1> <br> <p class=\"size-16\" style=\"text-transform: uppercase; letter-spacing: 4px;\">Lorem Ipsum is simply dummy text of the printing industry</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p class=\"size-16\" style=\"text-align: justify; letter-spacing: 2px;\">Samantha Holmes</p> </div> </div> </div> </div> </div> </div> <div class=\"is-box-4 is-box-img is-box\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg'); background-position: 50% 10%;\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-59.png",
        "category": "118",
        "contentCss": "type-heebo-ibmplexmono.css",
        "contentClass": "type-heebo-ibmplexmono",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box-6 is-box is-bg-light is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-right edge-x-0\" style=\"max-width: 640px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> </div> </div> </div> </div> </div> <div class=\"is-box-6 is-box is-bg-light is-dark-text type-heebo-ibmplexmono\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder is-content-500 container\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 style=\"color: rgb(198, 198, 198); text-align: center;\">Go explore.</h1> <p class=\"size-14\" style=\"text-align: center;\"><i>Russel Y. Trevino </i></p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-60\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-60.png",
        "category": "118",
        "contentCss": "type-oranienbaum-sourcesanspro.css",
        "contentClass": "type-oranienbaum-sourcesanspro",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box-6 is-box is-bg-light is-dark-text type-oranienbaum-sourcesanspro\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder is-content-500 container\"> <div class=\"row clearfix\"> <div class=\"column full\"> <p class=\"size-16\" style=\"text-transform: uppercase; letter-spacing: 4px;\">Heart-warming story from<br>Wilhelmina Bradley <br></p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-60\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-54\">Best friend</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> </div> </div> </div> </div> </div> <div class=\"is-box-6 is-box is-bg-light is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-left edge-x-0\" style=\"max-width: 640px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-61.png",
        "category": "118",
        "contentCss": "type-italiana-martel.css",
        "contentClass": "type-italiana-martel",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box-img is-box is-box-4\"> <div class=\"is-boxes \"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg'); background-position: 50% 60%;\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> </div> </div> <div class=\"is-box is-dark-text is-box-8 type-italiana-martel\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 760px;\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <div class=\"display\" style=\"width:100%;max-width:400px;margin: 0 auto\"> <h1 class=\"size-42\" style=\"letter-spacing: 5px;\">WORDS FROM HEART</h1> <p class=\"size-14\" style=\"color: rgb(136, 136, 136); letter-spacing: 4px;\">Stephen Garcia</p> </div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-60\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column third\"> <p style=\"text-align: justify;\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> <div class=\"column third\"> <p style=\"text-align: justify;\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> <div class=\"column third\"> <p style=\"text-align: justify;\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-62.png",
        "category": "118",
        "contentCss": "type-lato.css",
        "contentClass": "type-lato",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-bg-light is-dark-text is-box-7 type-lato\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-640\"> <div class=\"row clearfix\"> <div class=\"column full\"> <p class=\"size-16\" style=\"text-align: center; letter-spacing: 2px;\">A STORY</p> <h1 class=\"size-54\" style=\"text-align: center; letter-spacing: 2px;\">Dancing in Harmony</h1> <p style=\"text-align: center;\"><i>Lorem Ipsum is simply dummy text of the printing.</i></p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p class=\"size-16\" style=\"text-align: center; text-transform: uppercase; letter-spacing: 3px;\">Annie Baldwin </p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-60\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus leo ante.</p> </div> </div> </div> </div> </div> </div> <div class=\"is-box-img is-box is-box-5\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg'); background-position: 50% 60%;\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-63.png",
        "category": "118",
        "contentCss": "type-josefinsans-neuton.css",
        "contentClass": "type-josefinsans-neuton",
        "html": "<div class=\"is-section is-section-100 is-box type-josefinsans-neuton\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-left edge-x-3\" style=\"max-width: 900px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h2 class=\"size-42\">Treat Yourself With Love</h2> <p style=\"border-bottom: 2px solid #000; width: 80px; display: inline-block; margin-top: 10px\"></p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column half\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> <div class=\"column half\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.</p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-64.png",
        "category": "118",
        "contentCss": "type-teko-muktamahee.css",
        "contentClass": "type-teko-muktamahee",
        "html": "<div class=\"is-section is-section-100 is-box type-teko-muktamahee\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 960px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h2>Say Yes to New Adventures</h2> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p><i style=\"color: rgb(136, 136, 136);\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s. — James Chapman</i></p> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem ipsum dolor amet, consectetur adipiscing elit.</p> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-20\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column sixth\"> <p><img src=\"/placeholders/square.jpg\" alt=\"\" style=\"border-radius: 500px; margin-top: 5px;\"></p> </div> <div class=\"column two-sixth\"> <p><b>Brian Fort</b><br>A California-based travel writer, lover of food, oceans, and nature.</p> <div class=\"is-social\"> <a href=\"https://twitter.com/\"><i class=\"icon ion-social-twitter\"></i></a> <a href=\"https://www.facebook.com/\"><i class=\"icon ion-social-facebook\"></i></a> <a href=\"mailto:you@example.com\"><i class=\"icon ion-ios-email-outline\"></i></a> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-65.png",
        "category": "118",
        "contentCss": "type-sourcesanspro-anonymouspro.css",
        "contentClass": "type-sourcesanspro-anonymouspro",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-dark-text type-sourcesanspro-anonymouspro is-box-7 is-bg-light\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-right edge-x-1\" style=\"max-width: 640px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h2><b>Everything is Good</b></h2> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-20\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type.</p> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Vivamus leo ante.</p> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-dark-text is-bg-light type-sourcesanspro-anonymouspro is-box-5\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-left edge-x-0\" style=\"max-width: 480px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-66.png",
        "category": "118",
        "contentCss": "type-sourcecodepro-nunitosans.css",
        "contentClass": "type-sourcecodepro-nunitosans",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-box-7 is-bg-light type-sourcecodepro-nunitosans\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-right edge-x-1\" style=\"max-width: 660px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h2>One Call Away</h2> <p class=\"size-16 font-default2\" style=\"line-height:2;margin-top:20px\"><i style=\"color: rgb(136, 136, 136);\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Vivamus leo ante, consectetur sit amet vulputate vel.</i></p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus leo ante, consectetur sit amet.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column half\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s.</p> </div> <div class=\"column half\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s.</p> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-box-5 is-bg-light is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-left edge-x-1\" style=\"max-width: 440px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-67.png",
        "category": "118",
        "contentCss": "type-oranienbaum-sourcesanspro.css",
        "contentClass": "type-oranienbaum-sourcesanspro",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-dark-text is-bg-light is-box-6\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-right edge-x-1\" style=\"max-width: 580px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-bg-light is-dark-text is-box-6 type-oranienbaum-sourcesanspro\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-left edge-x-1\" style=\"max-width: 560px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-32\" style=\"text-align: right;\">With Less Stuff and More Compassion</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type.</p> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-68.png",
        "category": "118",
        "contentCss": "type-sixcaps-robotomono.css",
        "contentClass": "type-sixcaps-robotomono",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-box-7 is-bg-light is-dark-text type-sixcaps-robotomono\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 660px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h2>Beauty in Simplicity</h2> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-60\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column half\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it.</p> </div> <div class=\"column half\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it.</p> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-box-5 is-bg-light is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-left edge-x-0\" style=\"max-width: 520px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <img src=\"/placeholders/square.jpg\" alt=\"\" style=\"border-radius: 500px;\"> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-69.png",
        "category": "118",
        "contentCss": "type-parisienne-maitree.css",
        "contentClass": "type-parisienne-maitree",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-box-4 is-bg-light is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-right edge-x-0\" style=\"max-width: 400px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-bg-light is-dark-text is-box-8 type-parisienne-maitree\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 780px;\"> <div class=\"row clearfix\"> <div class=\"column half\"> <div class=\"padding-20\"> <h2 class=\"size-32\">Having a Fun Me Time in Sunday</h2> <div class=\"spacer height-20\"></div> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type.</p> </div> </div> <div class=\"column half\"> <div class=\"padding-20\"> <p class=\"size-16\" style=\"text-align: justify;\"><i style=\"color: rgb(136, 136, 136);\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s.</i></p> <p style=\"text-align: justify; margin-top: 30px;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type</p> </div> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-70.png",
        "category": "118",
        "contentCss": "type-ubuntumono-sourcecodepro.css",
        "contentClass": "type-ubuntumono-sourcecodepro",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box-4 is-box is-bg-light is-dark-text type-ubuntumono-sourcecodepro\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-box-centered is-content-bottom\"> <div class=\"is-container is-builder container is-content-right edge-x-0\" style=\"max-width: 400px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h2 class=\"size-42\">My Happy Place.</h2> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type.</p> </div> </div> </div> </div> </div> </div> <div class=\"is-box-4 is-box is-bg-light is-dark-text type-ubuntumono-sourcecodepro\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-box-centered is-content-bottom\"> <div class=\"is-container is-builder container\" style=\"max-width: 400px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem ipsum dolor sit amet, consectetur.</p> </div> </div> </div> </div> </div> </div> <div class=\"is-box-4 is-box is-bg-light is-dark-text type-ubuntumono-sourcecodepro\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-box-centered is-content-bottom\"> <div class=\"is-container is-builder container is-content-left edge-x-0\" style=\"max-width: 400px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <p class=\"size-18 is-title3-32\" style=\"line-height: 1.5;\"><i>Life takes you to unexpected places. Love brings you home.</i></p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it.</p> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-71.png",
        "category": "118",
        "contentCss": "type-lato.css",
        "contentClass": "type-lato",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-light-text is-box is-box-3\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg'); background-position: 0% 60%;\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> <div class=\"is-box-centered is-opacity-90 is-content-bottom\"> <div class=\"is-container is-builder is-content-500 container\"> <div class=\"row clearfix\"> </div> </div> </div> </div> </div> <div class=\"is-box is-bg-light is-dark-text type-lato is-box-5\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-box-centered is-content-bottom\"> <div class=\"is-container is-builder container is-content-right edge-x-0\" style=\"max-width: 380px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h2 class=\"size-32\" style=\"text-align: center;\"><i style=\"letter-spacing: 1px;\">Less, But Better</i></h2> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus leo ante, consectetur sit amet vulputate vel, dapibus sit amet lectus. Lorem ipsum sit amet.</p> </div> </div> </div> </div> </div> </div> <div class=\"is-box-4 is-box is-bg-light is-dark-text type-lato\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-box-centered is-content-bottom\"> <div class=\"is-container is-builder container is-content-left edge-x-0\" style=\"max-width: 380px;\"> <div class=\"row clearfix\"> <div class=\"column full right\"> <i class=\"icon ion-chatboxes size-32\" style=\"color: rgb(136, 136, 136);\"></i> <p><i style=\"color: rgb(136, 136, 136);\">Lorem Ipsum is simply dummy text of the printing industry.</i></p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus leo ante, consectetur sit amet vulputate vel, dapibus sit amet lectus. Lorem ipsum sit amet.</p> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-72.png",
        "category": "118",
        "contentCss": "type-fugazone-librefranklin.css",
        "contentClass": "type-fugazone-librefranklin",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text type-fugazone-librefranklin\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-right edge-x-4\" style=\"max-width: 998px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h2 style=\"text-align: right;\">My Beach Paradise</h2> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus leo ante, consectetur sit amet vulputate vel, dapibus sit amet lectus.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column two-third\"> <p style=\"text-align: justify;\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus leo ante, consectetur sit amet vulputate vel, dapibus sit amet lectus.</p> </div> <div class=\"column third right\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-73.png",
        "category": "118",
        "contentCss": "type-ibmplexmono.css",
        "contentClass": "type-ibmplexmono",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-bg-light is-dark-text is-box-7 type-ibmplexmono\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 600px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h2 class=\"size-32 is-title5-32 is-title-lite\">Why Minimal?</h2> <p class=\"size-14\"><i>Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s.</i></p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> <p style=\"text-align: justify;\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type.</p> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-box-5 is-bg-light is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-left edge-x-0\" style=\"max-width: 460px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-74.png",
        "category": "118",
        "contentCss": "type-sixcaps-robotomono.css",
        "contentClass": "type-sixcaps-robotomono",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-bg-light is-dark-text type-sixcaps-robotomono is-box-4\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-right edge-x-0\" style=\"max-width: 400px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h2 class=\"size-42\">Every Moment</h2> <p class=\"size-14\" style=\"text-transform: uppercase; letter-spacing: 2px;\">Lorem Ipsum is dummy text of the printing industry.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-60\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type.</p> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-bg-light is-dark-text type-sixcaps-robotomono is-box-4\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 400px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type.</p> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley.</p> </div> </div> </div> </div> </div> </div> <div class=\"is-box-4 is-box is-bg-light is-dark-text type-sixcaps-robotomono\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-left edge-x-0\" style=\"max-width: 400px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"border-bottom: 2px solid #e74c3c; width: 80px; display: inline-block; margin-bottom: 5px\"></p> <p class=\"size-18\" style=\"line-height:1.4\"><i>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</i></p> <p style=\"border-bottom: 2px solid #e74c3c; width: 80px; display: inline-block; margin-top: 5px\"></p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it.</p> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-75.png",
        "category": "118",
        "contentCss": "type-nothingyouc-ibmplexmono.css",
        "contentClass": "type-nothingyouc-ibmplexmono",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-dark-text is-box-5 is-bg-light\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-right edge-x-0\" style=\"max-width: 520px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-bg-light is-dark-text is-box-7 type-nothingyouc-ibmplexmono\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 640px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h2 class=\"size-42\">No rush</h2> <p style=\"border-bottom: 2px solid #e47f3b; width: 50px; display: inline-block; margin-top: 0px;\"></p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column half\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it.</p> </div> <div class=\"column half\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it.</p> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-76.png",
        "category": "118",
        "contentCss": "type-fjallaone-ibmplexserif.css",
        "contentClass": "type-fjallaone-ibmplexserif",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box-4 is-box is-bg-light is-dark-text type-fjallaone-ibmplexserif\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-box-centered is-content-top edge-y-4\"> <div class=\"is-container is-builder container is-content-right edge-x-0\" style=\"max-width: 400px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h2>Share your happiness</h2> <br> <p><i style=\"color: rgb(136, 136, 136);\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s.</i></p> </div> </div> </div> </div> </div> </div> <div class=\"is-box-4 is-box is-bg-light is-dark-text type-fjallaone-ibmplexserif\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-box-centered is-content-top edge-y-4\"> <div class=\"is-container is-builder container is-content-right edge-x-0\" style=\"max-width: 380px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> </div> </div> </div> </div> </div> <div class=\"is-box-4 is-box is-bg-light is-dark-text type-fjallaone-ibmplexserif\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-box-centered is-content-top edge-y-4\"> <div class=\"is-container is-builder container is-content-left edge-x-0\" style=\"max-width: 380px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-77.png",
        "category": "118",
        "contentCss": "type-greatvibes-robotomono.css",
        "contentClass": "type-greatvibes-robotomono",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-bg-light is-dark-text is-box-6 type-greatvibes-robotomono\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-right edge-x-0\" style=\"max-width: 500px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h2 style=\"line-height: 1.5; font-size: 33px !important;\">Say Goodbye to Complexity, Hello Minimalism.</h2> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-120\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type.</p> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-bg-light is-dark-text is-box-6 type-greatvibes-robotomono\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-left edge-x-0\" style=\"max-width: 540px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-78.png",
        "category": "118",
        "contentCss": "type-dynalight-mada.css",
        "contentClass": "type-dynalight-mada",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-box-7 type-dynalight-mada is-bg-light is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-right edge-x-1\" style=\"max-width: 660px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h2 class=\"size-32 is-title3-32 is-title-lite\" style=\"text-align: right;\">Keep things simple.</h2> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem ipsum dolor sit amet.</p> <p style=\"text-align: justify;\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: right;\"><i style=\"color: rgb(136, 136, 136);>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text.</i></p> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-box-5 is-bg-light is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-left edge-x-1\" style=\"max-width: 400px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-79.png",
        "category": "118",
        "contentCss": "type-engagement-spectral.css",
        "contentClass": "type-engagement-spectral",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box-8 is-box type-engagement-spectral\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 700px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: center;\"><i>words for you</i></p> <h2 class=\"size-32\" style=\"text-align: center;line-height:1.3\">from dream to reality</h2> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-60\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> <p style=\"text-align: justify;\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Vivamus leo ante, consectetur sit amet.</p> <p style=\"text-align: justify;\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem ipsum dolor sit amet.</p> </div> </div> </div> </div> </div> </div> <div class=\"is-box-4 is-box-img is-box\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg');\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-80.png",
        "category": "118",
        "contentCss": "type-cutivemono-lato.css",
        "contentClass": "type-cutivemono-lato",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-bg-light is-dark-text is-box-5\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-right edge-x-0 ui-droppable-hover\" style=\"max-width: 440px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> </div> </div> </div> </div> </div> <div class=\"is-box type-cutivemono-lato is-box-7 is-dark-text is-bg-light\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-left edge-x-0\" style=\"max-width: 720px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h2 class=\"is-title5-32 size-28\" style=\"width: 100%; max-width: 300px;\">Letting go of the things that make you unhappy.</h2> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-60\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column half\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> </div> <div class=\"column half\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-81.png",
        "category": "118",
        "contentCss": "type-raleway-playfairdisplay.css",
        "contentClass": "type-raleway-playfairdisplay",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box-8 is-box type-raleway-playfairdisplay\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 720px;\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <p style=\"border-bottom: 2px solid #b9b6b6;width: 210px;display: inline-block;\"></p> <h2 class=\"size-32\">SWEETNESS IN EVERY BITE</h2> <p style=\"border-bottom: 2px solid #b9b6b6; width: 210px; display: inline-block; margin-top: 20px\"></p> <p><i>Lorem Ipsum is simply dummy text of the printing industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s.</i></p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus leo ante.</p> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> </div> </div> </div> </div> </div> <div class=\"is-box-4 is-box-img is-box\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg'); background-position: 30% 60%;\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-82.png",
        "category": "118",
        "contentCss": "type-heebo-ibmplexmono.css",
        "contentClass": "type-heebo-ibmplexmono",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-dark-text is-bg-light is-box-5\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-right edge-x-1\" style=\"max-width: 440px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <img src=\"/placeholders/square.jpg\" alt=\"\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-bg-light is-dark-text type-heebo-ibmplexmono is-box-7\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-left edge-x-1\" style=\"max-width: 660px;\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <p class=\"size-14\" style=\"letter-spacing: 2px;\">WORDS FOR YOU</p> <h2 class=\"size-35\">Her Eyes Tell the Story</h2> <p class=\"size-14\"><i>Lorem Ipsum Dolor Sit Amet</i></p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-60\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> <p style=\"text-align: justify;\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Vivamus leo ante, consectetur sit amet.</p> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-83.png",
        "category": "118",
        "contentCss": "type-sourcecodepro-nunitosans.css",
        "contentClass": "type-sourcecodepro-nunitosans",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box-img is-box is-box-4\"> <div class=\"is-boxes \"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg'); background-position: 40% 60%;\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> </div> </div> <div class=\"is-box is-dark-text is-box-8 type-sourcecodepro-nunitosans\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 580px;\"> <div class=\"row clearfix\"> <div class=\"column full right\"> <h2 class=\"size-32 is-title4-32 is-title-lite\" style=\"display: inline-block;\">Affection.</h2> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\"><b>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</b></p> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it. Vivamus leo ante, dolor sit amet consectetur.</p> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-84.png",
        "category": "118",
        "contentCss": "type-engagement-spectral.css",
        "contentClass": "type-engagement-spectral",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-box-5 type-engagement-spectral is-bg-light is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-box-centered is-content-top edge-y-4\"> <div class=\"is-container is-builder is-content-500 container ui-droppable-hover is-content-right edge-x-0\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h2 class=\"size-32\" style=\"line-height: 1.6\">IN SPRINGTIME, LOVE IS CARRIED ON THE BREEZE</h2> <p style=\"line-height: 1.8\"><i>Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s.</i></p> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-box-7 is-bg-light is-dark-text type-engagement-spectral\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-left edge-x-0\" style=\"max-width: 700px;\"> <div class=\"row clearfix\"> <div class=\"column half\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> <p style=\"text-align: justify;\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it.</p> </div> <div class=\"column half\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> <p style=\"text-align: justify;\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it.</p> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-85.png",
        "category": "118",
        "contentCss": "type-cinzeldecor-palanquin.css",
        "contentClass": "type-cinzeldecor-palanquin",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-dark-text is-box-5 is-bg-light\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container ui-droppable-hover is-content-right edge-x-0\" style=\"max-width: 440px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-bg-light is-dark-text is-box-7 type-cinzeldecor-palanquin\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-left\" style=\"max-width: 622px;\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <div style=\"width: 100%; max-width: 420px; margin: 0 auto\"> <h2 class=\"size-32\">A personal expression</h2> <p class=\"size-16\"><i style=\"color: rgb(136, 136, 136);\">Lorem Ipsum is simply dummy text of the printing industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s.</i></p> </div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus leo ante, consectetur sit amet.</p> <p style=\"text-align: justify;\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. </p> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-86.png",
        "category": "118",
        "contentCss": "type-ubuntumono-sourcecodepro.css",
        "contentClass": "type-ubuntumono-sourcecodepro",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box-8 is-box is-dark-text type-ubuntumono-sourcecodepro\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 700px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h2 class=\"size-32 is-title3-32 is-title-lite\" style=\"text-align: center;\">Black & White</h2> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-60\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem ipsum dolor sit amet.</p> </div> </div> </div> </div> </div> </div> <div class=\"is-box-4 is-box-img is-box\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg'); background-position: 70% 60%;\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-87.png",
        "category": "118",
        "contentCss": "type-frankruhllibre-lato.css",
        "contentClass": "type-frankruhllibre-lato",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-box-5 is-bg-light is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container ui-droppable-hover is-content-right edge-x-0\" style=\"max-width: 500px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-bg-light is-dark-text is-box-7 type-frankruhllibre-lato\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 600px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h2 style=\"text-align: center;\">It\"s time for having fun</h2> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p class=\"size-21\"><i>Lorem Ipsum is simply dummy text of the printing industry.</i></p> <p style=\"border-bottom: 2px solid #f57213;width: 130px;display: inline-block;margin-top: 5px;\"></p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-88.png",
        "category": "118",
        "contentCss": "type-nothingyouc-ibmplexmono.css",
        "contentClass": "type-nothingyouc-ibmplexmono",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-dark-text type-nothingyouc-ibmplexmono is-box-5 is-bg-light\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container ui-droppable-hover is-content-500 is-content-right edge-x-0\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h2 style=\"text-align: right;\">Live. Laugh. Love.</h2> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-bg-light is-dark-text type-nothingyouc-ibmplexmono is-box-7\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-500 is-content-left\"> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> <p style=\"text-align: justify;\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus leo ante, consectetur sit amet.</p> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-89.png",
        "category": "118",
        "contentCss": "type-sixcaps-robotomono.css",
        "contentClass": "type-sixcaps-robotomono",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box-6 is-box is-bg-light is-dark-text type-sixcaps-robotomono\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-box-centered is-content-bottom\"> <div class=\"is-container is-builder container is-content-right edge-x-0\" style=\"max-width: 560px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-32 is-title5-32\">He will direct our steps</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-60\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> <p style=\"text-align: justify;\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem ipsum dolor sit amet.</p> </div> </div> </div> </div> </div> </div> <div class=\"is-box-6 is-box is-bg-light is-dark-text type-sixcaps-robotomono\"> <div class=\"is-boxes\"> <div class=\"is-box-centered is-content-bottom\"> <div class=\"is-container is-builder container is-content-left edge-x-0\" style=\"max-width: 560px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: right;\"><i style=\"color: rgb(136, 136, 136);\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum dolor sit amet leo ante.</i></p> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus leo ante, consectetur sit amet.</p> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-90.png",
        "category": "118",
        "contentCss": "type-engagement-spectral.css",
        "contentClass": "type-engagement-spectral",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box-6 is-box is-bg-light is-dark-text type-engagement-spectral\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container container is-content-right edge-x-0\" style=\"max-width: 581px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h2 class=\"size-32\">Just a smile away.</h2> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column half\"> <p style=\"text-align: justify;\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. </p> </div> <div class=\"column half\"> <p style=\"text-align: justify;\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. </p> </div> </div> </div> </div> </div> </div> <div class=\"is-box-6 is-box is-bg-light is-dark-text type-engagement-spectral\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-box-centered\"> <div class=\"is-container container is-content-left edge-x-1\" style=\"max-width: 520px;\"> <div class=\"row clearfix\"> <div class=\"column column\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p class=\"size-16\" style=\"text-align: right;\"><i style=\"color: rgb(136, 136, 136);\">Lorem Ipsum is simply dummy text of the printing industry. — Samantha Holmes</i></p> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-91.png",
        "category": "118",
        "contentCss": "type-abrilfatface-assistant.css",
        "contentClass": "type-abrilfatface-assistant",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-dark-text type-abrilfatface-assistant is-box-5 is-bg-light\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-box-centered is-content-top edge-y-5\"> <div class=\"is-container is-builder container ui-droppable-hover is-content-right edge-x-0\" style=\"max-width: 480px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h2 class=\"size-32\">Dream big. Laugh lots. Give love.</h2> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-60\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div style=\"border-top: #000 1px solid; border-bottom: #000 1px solid;\"> <p><i>Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s.</i></p> </div> </div> </div> </div> </div> </div> </div> <div class=\"is-box type-abrilfatface-assistant is-bg-light is-dark-text is-box-7\"> <div class=\"is-boxes\"> <div class=\"is-box-centered edge-y-5 is-content-top\"> <div class=\"is-container is-builder container is-content-left edge-x-1\" style=\"max-width: 661px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p> <p style=\"text-align: justify;\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem ipsum dolor sit amet.</p> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-92.png",
        "category": "118",
        "contentCss": "type-cutivemono-lato.css",
        "contentClass": "type-cutivemono-lato",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-bg-light is-dark-text type-cutivemono-lato is-box-5\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container ui-droppable-hover is-content-right edge-x-0\" style=\"max-width: 460px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h2 class=\"size-46\">In a Dream</h2> <div style=\" border-bottom: #000 1px solid;margin-top: 15px\"> <p style=\"text-transform: uppercase; letter-spacing: 2px;\">It\"s like I\"m living in a dream that I never want to wake up from</p> </div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-60\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-bg-light is-dark-text type-cutivemono-lato is-box-7\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-left edge-x-0\" style=\"max-width: 660px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem Ipsum is simply dummy text of the printing and typesetting industry. </p> <p style=\"text-align: justify;\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus leo ante, consectetur sit amet vulputate vel, dapibus sit amet lectus.</p> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-93.png",
        "category": "118",
        "contentCss": "type-voltaire-sourcecodepro.css",
        "contentClass": "type-voltaire-sourcecodepro",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-box-5 is-bg-light is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-right edge-x-0 ui-droppable-hover\" style=\"max-width: 440px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-box-7 is-bg-light is-dark-text type-voltaire-sourcecodepro\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-left edge-x-0\" style=\"max-width: 660px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h2 style=\"text-align: right;\">In Silence...</h2> <p class=\"size-16\" style=\"text-align: right; color: rgb(131, 131, 131);\"><i>Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s. Lorem ipsum dolor sit amet.</i></p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> <p style=\"text-align: justify;\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus leo ante.</p> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-94.png",
        "category": "118",
        "contentCss": "type-lato.css",
        "contentClass": "type-lato",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-dark-text type-lato is-box-5 is-bg-light\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-500 edge-x-0 is-content-right\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-32 is-title5-32 is-title-lite\" style=\"text-align: right;\">A New Day with a Fresh Start</h1> <p style=\"text-align: right;\"><i>Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s.</i></p> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-bg-light is-dark-text type-lato is-box-7\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-left edge-x-2\" style=\"max-width: 600px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\"><i style=\"color: rgb(136, 136, 136);\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</i></p> <div class=\"spacer height-20\"></div> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem ipsum dolor sit amet.</p> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-95.png",
        "category": "118",
        "contentCss": "type-bilbo-halant.css",
        "contentClass": "type-bilbo-halant",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box-8 is-box is-dark-text type-bilbo-halant\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 720px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h2 class=\"size-42\" style=\"text-align: center; letter-spacing: 2px;\">Fall in Love with Nature</h2> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-60\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column half\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem ipsum dolor sit amet, consectetur adipiscing.</p> </div> <div class=\"column half\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem ipsum dolor sit amet, consectetur adipiscing.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-20\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full center\"> <p class=\"size-16\"><i style=\"color: rgb(136, 136, 136);\">Lorem Ipsum is dummy text of the printing industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s.</i></p> <p style=\"border-bottom: 2px solid #e74c3c; width: 60px; display: inline-block; margin-top: 0\"></p> </div> </div> </div> </div> </div> </div> <div class=\"is-box-4 is-box-img is-box\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg'); background-position: 0% 60%;\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-96.png",
        "category": "118",
        "contentCss": "type-oranienbaum-sourcesanspro.css",
        "contentClass": "type-oranienbaum-sourcesanspro",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-box-5 is-bg-light is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container ui-droppable-hover is-content-right edge-x-0\" style=\"max-width: 440px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-bg-light is-dark-text is-box-7 type-oranienbaum-sourcesanspro\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-left edge-x-0\" style=\"max-width: 696px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h2 class=\"size-35\" style=\"text-align: center;\">Red & Green</h2> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div style=\"border-top: #000 1px solid; border-bottom: #000 1px solid;\"> <p><i>Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it.</i></p> </div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus leo ante, consectetur sit amet vulputate vel.</p> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-97.png",
        "category": "118",
        "contentCss": "type-pinyonscript-firasans.css",
        "contentClass": "type-pinyonscript-firasans",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-bg-light is-dark-text is-box-5\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-right edge-x-0\" style=\"max-width: 460px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-bg-light is-dark-text type-pinyonscript-firasans is-box-7\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-left edge-x-1\" style=\"max-width: 620px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h2 class=\"size-35\" style=\"text-align: right; letter-spacing: 1px;\"><b>a<br>thought</b></h2> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type.</p> <p style=\"text-align: justify;\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-98.png",
        "category": "118",
        "contentCss": "type-anonymouspro-catamaran.css",
        "contentClass": "type-anonymouspro-catamaran",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-dark-text is-box-7 is-bg-light type-anonymouspro-catamaran\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 620px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h2 class=\"size-32\" style=\"text-align: center;\">Simply Beautiful</h2> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p class=\"size-16\" style=\"text-align: center; letter-spacing: 3px;\">( MINIMAL STYLE )</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-box-5 is-bg-light is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-left edge-x-0\" style=\"max-width: 440px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-99.png",
        "category": "118",
        "contentCss": "type-engagement-spectral.css",
        "contentClass": "type-engagement-spectral",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box-4 is-box type-engagement-spectral is-bg-light is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-box-centered is-content-bottom\"> <div class=\"is-container is-builder container is-content-right edge-x-0\" style=\"max-width: 400px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <p class=\"size-21\" style=\"text-align: justify;\"><i style=\"color: rgb(136, 136, 136);\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</i></p> </div> </div> </div> </div> </div> </div> <div class=\"is-box type-engagement-spectral is-bg-light is-dark-text is-box-4\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-box-centered is-content-bottom\"> <div class=\"is-container is-builder container\" style=\"max-width: 400px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h2 class=\"size-38\" style=\"text-align: left;\">Nothing Left?</h2> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-60\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> <p style=\"text-align: justify;\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it.</p> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-bg-light is-dark-text type-engagement-spectral is-box-4\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-box-centered is-content-bottom\"> <div class=\"is-container is-builder container is-content-left edge-x-0\" style=\"max-width: 400px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> <p style=\"text-align: justify;\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it.</p> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-100.png",
        "category": "118",
        "contentCss": "type-sourcecodepro-nunitosans.css",
        "contentClass": "type-sourcecodepro-nunitosans",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-dark-text is-bg-light is-box-5\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-right edge-x-0\" style=\"max-width: 420px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-bg-light is-dark-text type-sourcecodepro-nunitosans is-box-7\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-left edge-x-0\" style=\"max-width: 720px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h2 class=\"size-35\" style=\"text-align: center; letter-spacing: 6px;\">EXCITEMENT</h2> <br> <p class=\"size-16\" style=\"text-align: center; letter-spacing: 1px;\">FOR ADVENTURERS</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-60\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: center; color: rgb(136, 136, 136);\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s. Lorem Ipsum is text of the printing industry. </p> </div> </div> <div class=\"row clearfix\"> <div class=\"column half\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> <div class=\"column half\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-101.png",
        "category": "118",
        "contentCss": "type-bilbo-halant.css",
        "contentClass": "type-bilbo-halant",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box-8 is-box is-dark-text type-bilbo-halant\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 660px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <p class=\"size-16\" style=\"text-align: right; letter-spacing: 2px;\">FOR MY LOVED ONES</p> <h2 class=\"size-35\" style=\"text-align: right; letter-spacing: 2px;\">Sweet Memories of November</h2> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-60\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify; font-style: italic;\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem ipsum dolor sit amet.</p> <p style=\"text-align: justify;\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus leo ante.</p> </div> </div> </div> </div> </div> </div> <div class=\"is-box-4 is-box-img is-box\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg'); background-position: 30% 60%;\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-102.png",
        "category": "118",
        "contentCss": "type-engagement-spectral.css",
        "contentClass": "type-engagement-spectral",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-bg-light is-dark-text is-box-5\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-right edge-x-0\" style=\"max-width: 460px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-bg-light is-dark-text type-engagement-spectral is-box-7\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-left edge-x-1\" style=\"max-width: 640px;\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h2 style=\"text-align: center;\">A Moment With You</h2> <p style=\"border-bottom: 2px solid #000; width: 80px; display: inline-block;\"></p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> <p style=\"text-align: justify;\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: center; font-style: italic; color: rgb(136, 136, 136);\">Lorem Ipsum is simply dummy text of the printing industry.</p> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-103.png",
        "category": "118",
        "contentCss": "type-federo-gothica1.css",
        "contentClass": "type-federo-gothica1",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-bg-light is-dark-text is-box-7 type-federo-gothica1\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-right edge-x-0\" style=\"max-width: 720px;\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <div style=\"width:100%;max-width: 420px;margin: 0 auto\"> <h2 class=\"size-32 is-title5-32 is-title-lite\">Story of the day</h2> <p><i>Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s</i></p> </div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column half\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem ipsum dolor sit amet.</p> </div> <div class=\"column half\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem ipsum dolor sit amet.</p> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-bg-light is-dark-text is-box-5\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-left edge-x-0\" style=\"max-width: 460px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-104.png",
        "category": "118",
        "contentCss": "type-cinzeldecor-palanquin.css",
        "contentClass": "type-cinzeldecor-palanquin",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-dark-text is-box-9 type-cinzeldecor-palanquin\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 890px;\"> <div class=\"row clearfix\"> <div class=\"column third\"> <p style=\"border-top: 2px solid #000; margin-top: 20px\"></p> <h2 class=\"size-32\" style=\"letter-spacing: 3px;\">A calm and beautiful day</h2> </div> <div class=\"column two-third\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus leo ante, consectetur sit amet vulputate vel, dapibus sit amet lectus.</p> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> </div> </div> </div> </div> </div> <div class=\"is-box-img is-box is-box-3\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg'); background-position: 70% 60%;\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-105.png",
        "category": "118",
        "contentCss": "type-italiana-martel.css",
        "contentClass": "type-italiana-martel",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box-6 is-box is-bg-light is-dark-text type-italiana-martel\"> <div class=\"is-boxes\"> <div class=\"is-box-centered is-content-top\"> <div class=\"is-container container ui-droppable-hover\" style=\"max-width: 560px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h2 class=\"size-28\" style=\"letter-spacing: 1px;\">— Mesmerized</h2> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus leo ante, consectetur sit amet.</p> </div> </div> </div> </div> </div> </div> <div class=\"is-box-6 is-box is-bg-light is-dark-text type-italiana-martel\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-box-centered is-content-bottom\"> <div class=\"is-container is-builder container\" style=\"max-width: 540px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem ipsum dolor sit amet.</p> <p style=\"text-align: justify;\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-106.png",
        "category": "118",
        "contentCss": "type-lato.css",
        "contentClass": "type-lato",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-box-5 type-lato is-dark-text is-bg-light\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-box-centered is-content-top edge-y-4\"> <div class=\"is-container is-builder container is-content-500 edge-x-0 is-content-right\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h2 style=\"letter-spacing: 1px;\">It takes courage...</h2> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p class=\"size-14\" style=\"text-transform: uppercase; letter-spacing: 2px;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-box-7 is-bg-light is-dark-text type-lato is-align-center\"> <div class=\"is-boxes\"> <div class=\"is-box-centered is-content-top edge-y-3\"> <div class=\"is-container is-builder container\" style=\"max-width: 680px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <div style=\"width:100%;max-width: 400px; margin: 0 auto\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem ipsum dolor sit amet.</p> </div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: center; font-style: italic; color: rgb(127, 127, 127);\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div style=\"width:100%;max-width: 440px; margin: 0 auto\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type.</p> </div> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-107.png",
        "category": "118",
        "contentCss": "type-fjallaone-ibmplexserif.css",
        "contentClass": "type-fjallaone-ibmplexserif",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box-6 is-box is-bg-light is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-box-centered is-content-top\"> <div class=\"is-container is-builder container\" style=\"max-width: 580px;\"> <div class=\"row clearfix\"> <div class=\"column full right\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> </div> </div> </div> </div> </div> <div class=\"is-box-6 is-box is-bg-light is-dark-text type-fjallaone-ibmplexserif\"> <div class=\"is-boxes\"> <div class=\"is-box-centered is-content-bottom\"> <div class=\"is-container is-builder container is-content-left edge-x-1\" style=\"max-width: 560px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h2 class=\"size-28\" style=\"text-align: right;\">Exciting Journey.</h2> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus leo ante.</p> <br> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type.</p> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-108.png",
        "category": "118",
        "contentCss": "type-engagement-spectral.css",
        "contentClass": "type-engagement-spectral",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-bg-light is-dark-text type-engagement-spectral is-box-6\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-right edge-x-0\" style=\"max-width: 584px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h2 class=\"size-32 is-title5-32 is-title-lite\" style=\"text-align: right;\">Live, Laugh</h2> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: center;\"><i style=\"color: rgb(136, 136, 136);\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s. — Anne Smith</i></p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\"><b>Lorem Ipsum is dummy text of the typesetting industry.</b></p> <p style=\"text-align: justify;\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-bg-light is-dark-text is-box-6\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 480px;\"> <div class=\"row clearfix\"> <div class=\"column full right\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-109.png",
        "category": "118",
        "contentCss": "type-cutivemono-lato.css",
        "contentClass": "type-cutivemono-lato",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box-6 is-box is-bg-light is-dark-text type-cutivemono-lato\"> <div class=\"is-boxes\"> <div class=\"is-box-centered is-content-bottom edge-y-3\"> <div class=\"is-container is-builder container is-content-right edge-x-0\" style=\"max-width: 620px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h2 class=\"size-32\">Deeply Loved.</h2> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-60\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\"><i>Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</i></p> </div> </div> </div> </div> </div> </div> <div class=\"is-box-6 is-box is-bg-light is-dark-text type-cutivemono-lato\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-box-centered is-content-bottom edge-y-3\"> <div class=\"is-container is-builder container is-content-left edge-x-0\" style=\"max-width: 600px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> <p style=\"text-align: justify;\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus leo ante.</p> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-110.png",
        "category": "118",
        "contentCss": "type-caveat-sourcecodepro.css",
        "contentClass": "type-caveat-sourcecodepro",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box-8 is-box is-dark-text type-caveat-sourcecodepro\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 741px;\"> <div class=\"row clearfix\"> <div class=\"column full right\"> <p style=\"border-bottom: 1px solid #000; width: 138px; display: inline-block;margin-bottom: 0;\"></p> <p style=\"letter-spacing: 1px; margin-top: 0;\">WORDS FOR YOU</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-120\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <h2 class=\"size-38\">A Lovely Morning</h2> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-60\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column half\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> <div class=\"column half\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> </div> </div> </div> </div> </div> <div class=\"is-box-4 is-box-img is-box\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg'); background-position: 50% 60%;\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-111.png",
        "category": "118",
        "contentCss": "type-pinyonscript-firasans.css",
        "contentClass": "type-pinyonscript-firasans",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box-6 is-box type-pinyonscript-firasans is-bg-light is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-box-centered is-content-top edge-y-3\"> <div class=\"is-container is-builder container is-content-500\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h2 class=\"size-32\" style=\"font-weight: bold;\">before you start your day.</h2> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p><i style=\"color: rgb(136, 136, 136);\">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</i></p> </div> </div> </div> </div> </div> </div> <div class=\"is-box-6 is-box is-bg-light is-dark-text type-pinyonscript-firasans\"> <div class=\"is-boxes\"> <div class=\"is-box-centered is-content-top edge-y-5\"> <div class=\"is-container is-builder container is-content-left edge-x-0\" style=\"max-width: 580px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> <p style=\"text-align: justify;\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus leo ante, consectetur sit amet vulputate vel, dapibus.</p> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-112.png",
        "category": "118",
        "contentCss": "type-engagement-spectral.css",
        "contentClass": "type-engagement-spectral",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-bg-light is-dark-text is-box-6 type-engagement-spectral\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-right edge-x-0\" style=\"max-width: 609px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h2>— create your own sunshine</h2> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> <p style=\"text-align: justify;\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-20\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: right;\"><i style=\"color: rgb(136, 136, 136);\">Lorem Ipsum is dummy text of the printing industry. Lorem Ipsum has been the industry\"s standard dummy text since the 1500s.</i></p> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-dark-text is-box-6 is-bg-light\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-left edge-x-1\" style=\"max-width: 560px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <img src=\"/placeholders/square.jpg\" style=\"border-radius: 500px;\" alt=\"\"> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-113.png",
        "category": "118",
        "contentCss": "type-nothingyouc-ibmplexmono.css",
        "contentClass": "type-nothingyouc-ibmplexmono",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-bg-light is-dark-text is-box-5\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-right edge-x-0\" style=\"max-width: 480px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-bg-light is-dark-text is-box-7 type-nothingyouc-ibmplexmono\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-left edge-x-1\" style=\"max-width: 640px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h2 class=\"size-32\" style=\"text-align: right;\">Inseparable Part</h2> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> <p style=\"text-align: justify;\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus leo ante.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full right\"> <p style=\"border-bottom: 2px solid rgb(0, 0, 0); width: 150px; display: inline-block;\"></p> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-114.png",
        "category": "118",
        "contentCss": "type-fjallaone-ibmplexserif.css",
        "contentClass": "type-fjallaone-ibmplexserif",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-bg-light is-dark-text is-box-5\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-right edge-x-0\" style=\"max-width: 520px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-box-3 is-bg-light is-dark-text type-fjallaone-ibmplexserif\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-box-centered is-content-top edge-y-4\"> <div class=\"is-container is-builder is-content-500 container\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h2 class=\"size-32\" style=\"text-align: right;\">delightful.</h2> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify; font-style: italic;\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s. Vivamus leo ante.</p> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-box-4 is-bg-light is-dark-text type-fjallaone-ibmplexserif\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-box-centered is-content-bottom edge-y-3\"> <div class=\"is-container is-builder container is-content-left edge-x-0\" style=\"max-width: 400px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type.</p> <p style=\"text-align: justify;\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s. Vivamus leo ante.</p> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-115.png",
        "category": "118",
        "contentCss": "type-unicaone-cormorantgaramond.css",
        "contentClass": "type-unicaone-cormorantgaramond",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box type-unicaone-cormorantgaramond is-box-5 is-bg-light is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-box-centered edge-y-3 is-content-top\"> <div class=\"is-container is-builder is-content-500 container is-content-right edge-x-0\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h2 class=\"size-38\">There is so much to see</h2> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p class=\"size-18\" style=\"text-align: left; text-transform: uppercase; letter-spacing: 2px;\">Lorem Ipsum is dummy text of the printing industry.</p> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-bg-light is-dark-text type-unicaone-cormorantgaramond is-box-7\"> <div class=\"is-boxes\"> <div class=\"is-box-centered is-content-bottom\"> <div class=\"is-container is-builder container\" style=\"max-width: 651px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify; font-style: italic;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type.</p> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-116.png",
        "category": "118",
        "contentCss": "type-ibmplexmono.css",
        "contentClass": "type-ibmplexmono",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-box-5 is-dark-text is-bg-light\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-right edge-x-0\" style=\"max-width: 480px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-dark-text is-box-7 is-bg-light type-ibmplexmono\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 607px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h2 class=\"size-32\" style=\"font-style: italic;\">Sunday Happy Day</h2> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-60\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column half\"> <p style=\"text-align: left; letter-spacing: 2px;\">A STORY TO TELL</p> </div> <div class=\"column half\"> <p style=\"text-align: right; color: rgb(136, 136, 136);\"><i style=\"color: rgb(136, 136, 136);\">By Leona Smith</i></p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> <p style=\"text-align: justify;\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-117.png",
        "category": "118",
        "contentCss": "type-raleway-playfairdisplay.css",
        "contentClass": "type-raleway-playfairdisplay",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-bg-light is-dark-text is-box-7 type-raleway-playfairdisplay\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-right edge-x-0\" style=\"max-width: 729px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-transform: uppercase; letter-spacing: 3px;\">SOMETHING TO SHARE</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-60\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <h2 class=\"size-35\">In California</h2> </div> </div> <div class=\"row clearfix\"> <div class=\"column half\"> <p style=\"text-align: justify;\">Lorem Ipsum is dummy text of printing and typesetting printing industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> <div class=\"column half\"> <p style=\"text-align: justify;\">Lorem Ipsum is dummy text of printing and typesetting printing industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-bg-light is-dark-text is-box-5\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container edge-x-0 is-content-left\" style=\"max-width: 520px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-118.png",
        "category": "118",
        "contentCss": "type-spectralsc-karma.css",
        "contentClass": "type-spectralsc-karma",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-dark-text is-bg-light is-box-5\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-right edge-x-0\" style=\"max-width: 440px;\"> <div class=\"row clearfix\"> <div class=\"column full right\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-bg-light is-dark-text is-box-7 type-spectralsc-karma\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-left\" style=\"max-width: 620px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h2 style=\"text-align: left; letter-spacing: 3px;\">Rest</h2> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"width: 100%; max-width: 400px; margin: 0px auto; text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type.</p> <div class=\"spacer height-20\"></div> <p style=\"width: 100%; max-width: 400px; margin: 0px auto; text-align: justify;\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p><i style=\"color: rgb(140, 140, 140);\">Lorem Ipsum is dummy text of printing industry. — Jane Doe</i></p> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-119.png",
        "category": "118",
        "contentCss": "type-pinyonscript-firasans.css",
        "contentClass": "type-pinyonscript-firasans",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-bg-light is-dark-text type-pinyonscript-firasans is-box-7\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-right edge-x-1\" style=\"max-width: 698px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h2 class=\"size-35\" style=\"text-align: center; letter-spacing: 1px;\">LOOKING FORWARD TO THE<br>DAY WE MEET AGAIN</h2> </div> </div> <div class=\"row clearfix\"> <div class=\"column full center\"> <p style=\"letter-spacing: 4px;\">THINGS TO SHARE</p> <p style=\"border-top: 2px solid #000; width: 60px; display: inline-block; margin-top: 0\"></p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type.</p> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-box-5 is-bg-light is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-left edge-x-1\" style=\"max-width: 382px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-120.png",
        "category": "118",
        "contentCss": "type-abrilfatface-assistant.css",
        "contentClass": "type-abrilfatface-assistant",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-bg-light is-dark-text type-abrilfatface-assistant is-box-6\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-right edge-x-1\" style=\"max-width: 560px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h2>Make every day amazing</h2> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-transform: uppercase; letter-spacing: 2px;\">A TRULY SIMPLE PLEASURE</p> <p style=\"border-top: 2px solid #000; width: 60px; display: inline-block; margin-top: 0\"></p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-60\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"font-style: italic; color: rgb(136, 136, 136);\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-bg-light is-dark-text type-abrilfatface-assistant is-box-6\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-left edge-x-0\" style=\"max-width: 600px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus leo ante, consectetur sit amet vulputate vel, dapibus sit amet lectus.</p> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type.</p> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-121.png",
        "category": "118",
        "contentCss": "type-heebo-ibmplexmono.css",
        "contentClass": "type-heebo-ibmplexmono",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text type-heebo-ibmplexmono\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-right edge-x-4\" style=\"max-width: 864px;\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <p class=\"size-14\"><i style=\"color: rgb(136, 136, 136);\">Words for You</i></p> <h2 class=\"size-38\">Take Your Time</h2> <p style=\"border-top: 1px solid #000; width: 60px; display: inline-block; margin-top: 20px\"></p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-60\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus leo ante, consectetur sit amet vulputate vel, dapibus sit amet.</p> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-122.png",
        "category": "118",
        "contentCss": "type-oranienbaum-sourcesanspro.css",
        "contentClass": "type-oranienbaum-sourcesanspro",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-dark-text type-oranienbaum-sourcesanspro is-box-3 is-bg-light\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-box-centered is-content-top edge-y-3\"> <div class=\"is-container is-builder is-content-500 container is-content-right\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h2 style=\"text-align: center;\">— Loved</h2> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-bg-light is-dark-text type-oranienbaum-sourcesanspro is-box-4\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-640\"> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-dark-text is-box-5 is-bg-light\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-left edge-x-1\" style=\"max-width: 452px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-123.png",
        "category": "118",
        "contentCss": "type-italiana-martel.css",
        "contentClass": "type-italiana-martel",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-bg-light is-dark-text is-box-7 type-italiana-martel\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container edge-x-0 is-content-right\" style=\"max-width: 723px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <p class=\"size-12\" style=\"color: rgb(136, 136, 136); letter-spacing: 2px; text-transform: uppercase;\">STORY TO SHARE</p> <h2 class=\"size-35\" style=\"letter-spacing: 2px;\">The Apple of My Eye</h2> <p class=\"size-16\" style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing industry.</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-60\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column half\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> </div> <div class=\"column half\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-box-5 is-bg-light is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-left edge-x-1\" style=\"max-width: 442px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/article-124.png",
        "category": "118",
        "contentCss": "type-lato.css",
        "contentClass": "type-lato",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-box-5 is-bg-light is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-overlay\"> <div class=\"is-overlay-content\"></div> </div> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-right edge-x-0 ui-droppable-hover\" style=\"max-width: 460px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <img src=\"/placeholders/square.jpg\" alt=\"\"> </div> </div> </div> </div> </div> </div> <div class=\"is-box is-bg-light is-dark-text is-box-7 type-lato\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 621px;\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <div class=\"spacer height-40\"></div> <h2 style=\"letter-spacing: 2px; font-style: italic;\">With You</h2> <p style=\"border-top: 2px solid #000; width: 60px; display: inline-block; margin-top: 15px\"></p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-60\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/products-18.png",
        "category": "104",
        "contentCss": "type-ubuntumono-sourcecodepro.css",
        "contentClass": "type-ubuntumono-sourcecodepro",
        "html": "<div class=\"is-section is-section-100 is-box is-dark-text type-ubuntumono-sourcecodepro\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"transform: translateY(-120px) scale(1.05); background-image: url('/placeholders/square.jpg'); background-position: 50% 40%;\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered is-content-top edge-y-3\"> <div class=\"is-container is-builder container is-content-left edge-x-2\" style=\"max-width: 998px;\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-42\" style=\"letter-spacing: 3px;\">SERVICES WE OFFER</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-100\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column center third\"> <div class=\"is-card is-card-circle is-light-text\" style=\"width:60px;height:60px;padding:15px;background:#000;\"> <div class=\"is-card-content-centered\"> <i class=\"icon ion-ios-monitor-outline size-24\"></i> </div> </div> <h3 class=\"size-24\" style=\"margin-top:1.5em\">Creative Design</h3> <p>Lorem Ipsum is simply dummy text of printing.</p> </div> <div class=\"column center third\"> <div class=\"is-card is-card-circle is-light-text\" style=\"width:60px;height:60px;padding:15px;background:#000;\"> <div class=\"is-card-content-centered\"> <i class=\"icon ion-ios-compose-outline size-24\"></i> </div> </div> <h3 class=\"size-24\" style=\"margin-top:1.5em\">Web Development</h3> <p>Lorem Ipsum is simply dummy text of printing.</p> </div> <div class=\"column center third\"> <div class=\"is-card is-card-circle is-light-text\" style=\"width:60px;height:60px;padding:15px;background:#000;\"> <div class=\"is-card-content-centered\"> <i class=\"icon ion-ios-gear-outline size-24\"></i> </div> </div> <h3 class=\"size-24\" style=\"margin-top:1.5em\">24/7 Supports</h3> <p>Lorem Ipsum is simply dummy text of printing.</p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/pricing-17.png",
        "category": "107",
        "contentCss": "type-oranienbaum-sourcesanspro.css",
        "contentClass": "type-oranienbaum-sourcesanspro",
        "html": "<div class=\"is-section is-section-100 is-shadow-1 is-box type-oranienbaum-sourcesanspro\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"transform: translateY(-15.9339px) scale(1.05); background-image: url('/placeholders/square.jpg'); background-position: 50% 60%;\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-right edge-x-2\" style=\"max-width: 940px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-42\" style=\"letter-spacing: 4px;\">CHOOSE YOUR PLAN</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-60\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column third\"> <h1 class=\"size-80\">01</h1> <h3 class=\"size-24\">LITE / $77</h3> <p>Lorem Ipsum is dummy text of the printing and typesetting industry. Lorem Ipsum dolor sit amet.</p> <a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-btn-small\">Get Started</a> </div> <div class=\"column third\"> <h1 class=\"size-80\">02</h1> <h3 class=\"size-24\">ADVANCED / $159</h3> <p>Lorem Ipsum is dummy text of the printing and typesetting industry. Lorem Ipsum dolor sit amet.</p> <a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-btn-small\">Get Started</a> </div> <div class=\"column third\"> <h1 class=\"size-80\">03</h1> <h3 class=\"size-24\">ULTIMATE / $213</h3> <p>Lorem Ipsum is dummy text of the printing and typesetting industry. Lorem Ipsum dolor sit amet.</p> <a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-btn-small\">Get Started</a> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/pricing-18.png",
        "category": "107",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box-8 is-box is-bg-light is-dark-text\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 840px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-48 is-title1-48 is-title-lite\">PRICING PLANS</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-60\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column half\"> <h3>BASIC</h3> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.<br>Lorem ipsum dolor sit vivamus amet.</p> <p style=\"font-size: 24px; line-height: 1.4\">$<span class=\"size-64 is-title-lite\">34</span>/ month</p> <div style=\"margin:2em 0\"> <a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-btn-small\">Choose Plan</a> </div> </div> <div class=\"column half\"> <h3>PREMIUM</h3> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.<br>Lorem ipsum dolor sit vivamus amet.</p> <p style=\"font-size: 24px; line-height: 1.4\">$<span class=\"size-64 is-title-lite\">57</span>/ month</p> <div style=\"margin:2em 0\"> <a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-btn-small\">Choose Plan</a> </div> </div> </div> </div> </div> </div> </div> <div class=\"is-box-4 is-box-img is-box\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg'); transform: translateY(-120px) scale(1.05);\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/pricing-19.png",
        "category": "107",
        "contentCss": "",
        "contentClass": "",
        "html": "<div class=\"is-section is-section-100 is-box\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"transform: translateY(3.03965px) scale(1.05); background-image: url('/placeholders/square.jpg'); background-position: 60% 50%;\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-1100\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-38\">PRICING PLANS</h1> <p style=\"border-bottom: 2px solid #000; width: 50px; display: inline-block;\"></p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column third\"> <div class=\"is-card is-dark-text shadow-1\" style=\"width:calc(100%);\"> <div style=\"padding:30px;width:100%;box-sizing:border-box;text-align:center;\"> <h3 class=\"size-24\" style=\"letter-spacing: 2px;\">STANDARD</h3> <p style=\"color: #e74c3c; font-size: 24px; line-height: 1.4\">$<span class=\"size-64\" style=\"color: #e74c3c\">29</span>/mo</p> <p>Lorem Ipsum is dummy text of the printing industry.</p> <div style=\"margin:1.2em 0\"> <a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-btn-small\">Select Plan</a> </div> </div> </div> </div> <div class=\"column third\"> <div class=\"is-card is-dark-text shadow-1\" style=\"width:calc(100%);\"> <div style=\"padding:30px;width:100%;box-sizing:border-box;text-align:center;\"> <h3 class=\"size-24\" style=\"letter-spacing: 2px;\">DELUXE</h3> <p style=\"color: #e74c3c; font-size: 24px; line-height: 1.4\">$<span class=\"size-64\" style=\"color: #e74c3c\">59</span>/mo</p> <p>Lorem Ipsum is dummy text of the printing industry.</p> <div style=\"margin:1.2em 0\"> <a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-btn-small\">Select Plan</a> </div> </div> </div> </div> <div class=\"column third\"> <div class=\"is-card is-dark-text shadow-1\" style=\"width:calc(100%);\"> <div style=\"padding:30px;width:100%;box-sizing:border-box;text-align:center;\"> <h3 class=\"size-24\" style=\"letter-spacing: 2px;\">ULTIMATE</h3> <p style=\"color: #e74c3c; font-size: 24px; line-height: 1.4\">$<span class=\"size-64\" style=\"color: #e74c3c\">79</span>/mo</p> <p>Lorem Ipsum is dummy text of the printing industry.</p> <div style=\"margin:1.2em 0\"> <a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-btn-small\">Select Plan</a> </div> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/pricing-20.png",
        "category": "107",
        "contentCss": "type-sourcecodepro-nunitosans.css",
        "contentClass": "type-sourcecodepro-nunitosans",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box-4 is-box-img is-box\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg'); transform: translateY(-100.573px) scale(1.05); background-position: 10% 0%;\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> </div> <div class=\"is-box-8 is-box is-dark-text type-sourcecodepro-nunitosans\" style=\"background-color: rgb(248, 248, 248);\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 858px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-38\">CHOOSE YOUR PLAN</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-80\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column third\"> <h1 class=\"size-80\" style=\"color: rgb(158, 158, 158); line-height: 1;\">01</h1> <h3 class=\"size-24\">LITE / $33</h3> <div class=\"spacer height-20\"></div> <p>Lorem Ipsum is simply dummy text of the printing industry.</p> <a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-btn-small\">Buy Now</a> </div> <div class=\"column third\"> <h1 class=\"size-80\" style=\"color: rgb(158, 158, 158); line-height: 1;\">02</h1> <h3 class=\"size-24\">ADVANCED / $59</h3> <div class=\"spacer height-20\"></div> <p>Lorem Ipsum is simply dummy text of the printing industry.</p> <a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-btn-small\">Buy Now</a> </div> <div class=\"column third\"> <h1 class=\"size-80\" style=\"color: rgb(158, 158, 158); line-height: 1;\">03</h1> <h3 class=\"size-24\">ULTIMATE / $77</h3> <div class=\"spacer height-20\"></div> <p>Lorem Ipsum is simply dummy text of the printing industry.</p> <a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-btn-small\">Buy Now</a> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/pricing-21.png",
        "category": "107",
        "contentCss": "type-spectralsc-karma.css",
        "contentClass": "type-spectralsc-karma",
        "html": "<div class=\"is-section is-section-100 is-box type-spectralsc-karma\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"transform: translateY(-120px) scale(1.05); background-image: url('/placeholders/square.jpg'); background-position: 50% 100%;\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> <div class=\"is-overlay-color\" style=\"opacity: 0.04; background-color: rgb(0, 0, 0); display: block;\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered is-opacity-95\"> <div class=\"is-container is-builder container is-content-right\" style=\"max-width: 1079px;\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-42\">PRICING PLANS</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-60\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column third\"> <div class=\"is-card is-dark-text shadow-1\" style=\"width:calc(100%);\"> <div style=\"padding:25px;width:100%;box-sizing:border-box;text-align:center;\"> <h1 class=\"size-24\">BASIC</h1> <h4>$ <span class=\"size-80\">39</span></h4> <p>Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s.</p> <div style=\"margin:1.2em 0\"> <a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-btn-small\">Select Plan</a> </div> </div> </div> </div> <div class=\"column third\"> <div class=\"is-card is-light-text shadow-1\" style=\"width:calc(100%);background-color: rgb(243, 156, 18); background-image: linear-gradient(0deg, rgb(255, 87, 34), rgb(255, 152, 0));\"> <div style=\"padding:25px;width:100%;box-sizing:border-box;text-align:center;\"> <h1 class=\"size-24\">PREMIUM</h1> <h4>$ <span class=\"size-80\">59</span></h4> <p>Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s.</p> <div style=\"margin:1.2em 0\"> <a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-btn-small\">Select Plan</a> </div> </div> </div> </div> <div class=\"column third\"> <div class=\"is-card is-dark-text shadow-1\" style=\"width:calc(100%);\"> <div style=\"padding:25px;width:100%;box-sizing:border-box;text-align:center;\"> <h1 class=\"size-24\">ULTIMATE</h1> <h4>$ <span class=\"size-80\">99</span></h4> <p>Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s.</p> <div style=\"margin:1.2em 0\"> <a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-btn-small\">Select Plan</a> </div> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/achievements-11.png",
        "category": "109",
        "contentCss": "type-voltaire-sourcecodepro.css",
        "contentClass": "type-voltaire-sourcecodepro",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box-img is-box is-box-5\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg'); transform: translateY(-12.8194px) scale(1.05);\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> </div> <div class=\"is-box is-box-7 is-align-center type-voltaire-sourcecodepro\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 760px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-38\" style=\"letter-spacing: 4px;\">ACHIEVEMENTS</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-100\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column fourth\"> <h1 class=\"size-42\" style=\"font-weight: bold;\">200</h1> <p style=\"border-bottom: 3px solid #e74c3c; width: 40px; display: inline-block;\"></p> <p style=\"margin-top: 0; line-height:1.2\">HAPPY CLIENTS</p> </div> <div class=\"column fourth\"> <h1 class=\"size-42\" style=\"font-weight: bold;\">345</h1> <p style=\"border-bottom: 3px solid #e74c3c; width: 40px; display: inline-block;\"></p> <p style=\"margin-top: 0; line-height:1.2\">PROJECTS</p> </div> <div class=\"column fourth\"> <h1 class=\"size-42\" style=\"font-weight: bold;\">17</h1> <p style=\"border-bottom: 3px solid #e74c3c; width: 40px; display: inline-block;\"></p> <p style=\"margin-top: 0; line-height:1.2\">AWARDS WON</p> </div> <div class=\"column fourth\"> <h1 class=\"size-42\" style=\"font-weight: bold;\">72 300</h1> <p style=\"border-bottom: 3px solid #e74c3c; width: 40px; display: inline-block;\"></p> <p style=\"margin-top: 0; line-height:1.2\">FACEBOOK FANS</p> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/achievements-12.png",
        "category": "109",
        "contentCss": "type-oswald-opensans.css",
        "contentClass": "type-oswald-opensans",
        "html": "<div class=\"is-section is-section-100 is-box is-light-text type-oswald-opensans\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"transform: translateY(-120px) scale(1.05); background-image: url('/placeholders/square.jpg'); background-position: 60% 10%;\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> <div class=\"is-overlay-color\" style=\"opacity: 0.125; display: block;\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered is-opacity-95\"> <div class=\"is-container is-builder container\" style=\"max-width: 992px;\"> <div class=\"row clearfix\"> <div class=\"column third\"> <h1 class=\"size-80\" style=\"text-align: center; font-weight: bold;\">400</h1> <p style=\"text-align: center; letter-spacing: 1px; font-weight: bold;\">HAPPY CLIENTS</p> </div> <div class=\"column third\"> <h1 class=\"size-80\" style=\"text-align: center; font-weight: bold;\">123</h1> <p style=\"text-align: center; letter-spacing: 1px; font-weight: bold;\">COMPLETED PROJECTS</p> </div> <div class=\"column third\"> <h1 class=\"size-80\" style=\"text-align: center; font-weight: bold;\">34</h1> <p style=\"text-align: center; letter-spacing: 1px; font-weight: bold;\">COUNTRIES SERVED</p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/achievements-13.png",
        "category": "109",
        "contentCss": "type-sixcaps-robotomono.css",
        "contentClass": "type-sixcaps-robotomono",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box is-box-7 type-sixcaps-robotomono\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 760px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"letter-spacing: 2px;\">Discover</p> <h1 class=\"size-42\">OUR ACHIEVEMENTS</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-100\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column fourth\"> <h1 class=\"size-54\" style=\"font-weight: bold;\">8k</h1> <p class=\"size-16\" style=\"color: rgb(158, 158, 158); margin-top: 0px;\">Happy Clients</p> </div> <div class=\"column fourth\"> <h1 class=\"size-54\" style=\"font-weight: bold;\">235</h1> <p class=\"size-16\" style=\"color: rgb(158, 158, 158); margin-top: 0px;\">Projects Done</p> </div> <div class=\"column fourth\"> <h1 class=\"size-54\" style=\"font-weight: bold;\">11</h1> <p class=\"size-16\" style=\"color: rgb(158, 158, 158); margin-top: 0px;\">Awards Won</p> </div> <div class=\"column fourth\"> <h1 class=\"size-54\" style=\"font-weight: bold;\">99%</h1> <p class=\"size-16\" style=\"color: rgb(158, 158, 158); margin-top: 0px;\">Satisfaction</p> </div> </div> </div> </div> </div> </div> <div class=\"is-box-img is-box is-box-5\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg'); transform: translateY(11.63px) scale(1.05); background-position: 70% 70%;\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/quotes-14.png",
        "category": "110",
        "contentCss": "type-raleway-playfairdisplay.css",
        "contentClass": "type-raleway-playfairdisplay",
        "html": "<div class=\"is-section is-section-100 is-box type-raleway-playfairdisplay\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"transform: translateY(-2.22436px) scale(1.05); background-image: url('/placeholders/square.jpg'); background-position: 50% 100%;\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-left\" style=\"max-width: 760px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-42\" style=\"text-align: center; letter-spacing: 3px;\">TESTIMONIALS</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-60\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\" style=\"border-left: 3px solid rgb(188, 188, 188);\"> <p style=\"margin-left: 20px; font-size: 20px !important;\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> <p style=\"color: rgb(143, 143, 143); font-style: italic; margin-left: 20px;\">by Raymond Flakes</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-20\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\" style=\"border-right: 3px solid rgb(188, 188, 188);\"> <p style=\"margin-left: -20px; font-size: 20px !important;\">Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> <p style=\"color: rgb(143, 143, 143); font-style: italic; margin-left: -20px;\" class=\"margin-left-1024-reset\">by David Reardon</p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/quotes-15.png",
        "category": "110",
        "contentCss": "type-sourcesanspro-anonymouspro.css",
        "contentClass": "type-sourcesanspro-anonymouspro",
        "html": "<div class=\"is-section is-section-100 is-box is-light-text type-sourcesanspro-anonymouspro\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"transform: translateY(-106.469px) scale(1.05); background-image: url('/placeholders/square.jpg'); background-position: 50% 70%;\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered is-opacity-95\"> <div class=\"is-container is-builder container is-content-800\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <p style=\"border-top: 2px solid #fff; width: 120px; display: inline-block;\"></p> <h1 class=\"size-48\" style=\"text-align: center; letter-spacing: 1px;\">It\"s easy to use, customizable, and user-friendly. A truly amazing features with reasonable prices.</h1> <p style=\"text-align: center; letter-spacing: 2px;\">DENNIS ANDERSON</p> <p style=\"border-bottom: 2px solid #fff; width: 120px; display: inline-block;\"></p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/quotes-16.png",
        "category": "110",
        "contentCss": "type-ubuntumono-sourcecodepro.css",
        "contentClass": "type-ubuntumono-sourcecodepro",
        "html": "<div class=\"is-section is-section-100 is-box type-ubuntumono-sourcecodepro\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"transform: translateY(-120px) scale(1.05); background-image: url('/placeholders/square.jpg'); background-position: 50% 0%;\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered is-content-top edge-y-4\"> <div class=\"is-container is-builder container\" style=\"max-width: 1140px;\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-48\" style=\"letter-spacing: 5px;\">CLIENT REVIEWS</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-60\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column center third\"> <p class=\"size-21\" style=\"margin-bottom:4px\">JOHN WEBER</p> <p style=\"border-bottom: 1px solid #000; width: 40px; display: inline-block; margin-top: 0\"></p> <p>Lorem Ipsum is dummy text of the printing industry.</p> </div> <div class=\"column center third\"> <p class=\"size-21\" style=\"margin-bottom:4px\">NICOLE HOLOWAY</p> <p style=\"border-bottom: 1px solid #000; width: 40px; display: inline-block; margin-top: 0\"></p> <p>Lorem Ipsum is dummy text of the printing industry.</p> </div> <div class=\"column center third\"> <p class=\"size-21\" style=\"margin-bottom:4px\">CHRIS WILLIAMS</p> <p style=\"border-bottom: 1px solid #000; width: 40px; display: inline-block; margin-top: 0\"></p> <p>Lorem Ipsum is dummy text of the printing industry.</p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/quotes-17.png",
        "category": "110",
        "contentCss": "type-oranienbaum-sourcesanspro.css",
        "contentClass": "type-oranienbaum-sourcesanspro",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box-img is-box is-box-4\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg'); transform: translateY(-120px) scale(1.05); background-position: 50% 100%;\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> </div> <div class=\"is-box is-dark-text is-box-8 type-oranienbaum-sourcesanspro\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 820px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <p style=\"text-align: center; letter-spacing: 2px;\">TESTIMONIALS</p> <h1 class=\"size-38\" style=\"text-align: center; letter-spacing: 4px;\">WHAT PEOPLE SAY ABOUT US</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-80\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column half\"> <p class=\"size-21\">Lorem Ipsum is simply dummy text of the printing industry.</p> <small>by Cathy Hartman</small> </div> <div class=\"column half\"> <p class=\"size-21\">Lorem Ipsum is simply dummy text of the printing industry.</p> <small>by Dennis Anderson</small> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-20\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column half\"> <p class=\"size-21\">Lorem Ipsum is simply dummy text of the printing industry.</p> <small>by John Weber</small> </div> <div class=\"column half\"> <p class=\"size-21\">Lorem Ipsum is simply dummy text of the printing industry.</p> <small>by Richard Wills</small> </div> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/quotes-18.png",
        "category": "110",
        "contentCss": "type-engagement-spectral.css",
        "contentClass": "type-engagement-spectral",
        "html": "<div class=\"is-section is-section-100 is-box type-engagement-spectral\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"transform: translateY(-120px) scale(1.05); background-image: url('/placeholders/square.jpg'); background-position: 50% 100%;\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-left\" style=\"max-width: 840px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-48\" style=\"text-transform: uppercase; letter-spacing: 5px; text-align: center;\">TESTIMONIALS</h1> <p class=\"size-16\" style=\"font-style: normal; letter-spacing: 2px; text-transform: uppercase; text-align: center;\">Hear the interesting stories from our customers</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-60\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column half\"> <p class=\"size-21\" style=\"font-style: italic;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p> <p class=\"size-16\">— Cathy Hartman</p> </div> <div class=\"column half\"> <p class=\"size-21\" style=\"font-style: italic;\">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p> <p class=\"size-16\">— Josh Perkins</p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/quotes-19.png",
        "category": "110",
        "contentCss": "type-sourcecodepro-nunitosans.css",
        "contentClass": "type-sourcecodepro-nunitosans",
        "html": "<div class=\"is-section is-section-100 is-shadow-1\"> <div class=\"is-boxes\"> <div class=\"is-box-8 is-box is-dark-text type-sourcecodepro-nunitosans\"> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container\" style=\"max-width: 840px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-50\" style=\"letter-spacing: 6px;\">WHAT PEOPLE SAY ABOUT US</h1> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-80\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column third\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s.</p> <p class=\"size-14\" style=\"color: rgb(136, 136, 136);\">— John Smith, Web Developer</p> </div> <div class=\"column third\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s.</p> <p class=\"size-14\" style=\"color: rgb(136, 136, 136);\">— Dave Clark, Freelance Designer</p> </div> <div class=\"column third\"> <p style=\"text-align: justify;\">Lorem Ipsum is simply dummy text. Lorem Ipsum has been the industry\"s standard dummy text ever since the 1500s.</p> <p class=\"size-14\" style=\"color: rgb(136, 136, 136);\">— Ellen Lage, Photographer</p> </div> </div> </div> </div> </div> </div> <div class=\"is-box-4 is-box-img is-box\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"background-image: url('/placeholders/square.jpg'); transform: translateY(-120px) scale(1.05); background-position: 50% 60%;\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/comingsoon-08.png",
        "category": "114",
        "contentCss": "type-poppins-lekton.css",
        "contentClass": "type-poppins-lekton",
        "html": "<div class=\"is-section is-section-100 is-box is-light-text type-poppins-lekton\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"transform: translateY(-0.330579px) scale(1.05); background-image: url('/placeholders/square.jpg'); background-position: 50% 100%;\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> <div class=\"is-overlay-color\" style=\"opacity: 0.3; background-color: rgb(0, 0, 0); display: block;\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered is-opacity-95\"> <div class=\"is-container is-builder container\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-84\" style=\"letter-spacing: 16px; margin-bottom: 10px;\">COMING SOON</h1> <p class=\"size-21\" style=\"text-transform: uppercase; letter-spacing: 3px;\">CHECK BACK SOON FOR THE NEW & IMPROVED SITE</p> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"spacer height-20\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"is-social center\"> <a href=\"https://twitter.com/\"><i class=\"icon ion-social-twitter\" style=\"margin-right: 1em\"></i></a> <a href=\"https://www.facebook.com/\"><i class=\"icon ion-social-facebook\" style=\"margin-right: 1em\"></i></a> <a href=\"mailto:you@example.com\"><i class=\"icon ion-android-drafts\"></i></a> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/comingsoon-09.png",
        "category": "114",
        "contentCss": "type-engagement-spectral.css",
        "contentClass": "type-engagement-spectral",
        "html": "<div class=\"is-section is-section-100 is-box is-content-bottom type-engagement-spectral\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"transform: translateY(15.4626px) scale(1.05); background-image: url('/placeholders/square.jpg'); background-position: 50% 80%;\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered is-content-bottom\"> <div class=\"is-container is-builder container is-content-left\" style=\"max-width: 780px;\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <p style=\"border-bottom: 2px solid #b9b6b6;width: 180px;display: inline-block;\"></p> <h1 class=\"size-42\" style=\"letter-spacing: 3px;\">Sorry, our website is currently getting a face lift. Check back soon for the new awesome and improved site.</h1><p style=\"border-bottom: 2px solid #b9b6b6; width: 180px; display: inline-block; margin-top: 20px\"></p> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/comingsoon-10.png",
        "category": "114",
        "contentCss": "type-voltaire-sourcecodepro.css",
        "contentClass": "type-voltaire-sourcecodepro",
        "html": "<div class=\"is-section is-section-100 is-box is-light-text type-voltaire-sourcecodepro\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"transform: translateY(-99.1189px) scale(1.05); background-image: url('/placeholders/square.jpg');\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> <div class=\"is-overlay-color\" style=\"opacity: 0.1; background-color: rgb(0, 0, 0);\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered is-content-top edge-y-4 is-opacity-90\"> <div class=\"is-container is-builder container\" style=\"max-width: 800px;\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <p class=\"size-24\" style=\"letter-spacing: 2px;\">STAY TUNED!</p> <h1 class=\"size-72\" style=\"letter-spacing: 4px;\">OUR WEBSITE IS COMING VERY SOON</h1> <div class=\"spacer height-40\"></div> <div><a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-btn-small\">Stay Updated</a></div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/contact-12.png",
        "category": "116",
        "contentCss": "type-cutivemono-lato.css",
        "contentClass": "type-cutivemono-lato",
        "html": "<div class=\"is-section is-section-100 is-box type-cutivemono-lato\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"transform: translateY(-120px) scale(1.05); background-image: url('/placeholders/square.jpg'); background-position: 50% 60%;\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered edge-y-5 is-content-top\"> <div class=\"is-container is-builder container\" style=\"max-width: 700px;\"> <div class=\"row clearfix\"> <div class=\"column full center\"> <h1 class=\"size-32\" style=\"line-height:2\">Have questions? Give us a call <span style=\"color: rgb(230, 126, 34);\">0 123 456 78 90</span></h1> <div class=\"spacer height-40\"></div> <div class=\"is-social\"> <a href=\"https://twitter.com/\"><i class=\"icon ion-social-twitter\" style=\"margin-right: 1em\"></i></a> <a href=\"https://www.facebook.com/\"><i class=\"icon ion-social-facebook\" style=\"margin-right: 1em\"></i></a> <a href=\"mailto:you@example.com\"><i class=\"icon ion-android-drafts\"></i></a> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/contact-13.png",
        "category": "116",
        "contentCss": "type-poppins-lekton.css",
        "contentClass": "type-poppins-lekton",
        "html": "<div class=\"is-section is-section-100 is-box type-poppins-lekton\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"transform: translateY(-7.92952px) scale(1.05); background-image: url('/placeholders/square.jpg');\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-left\" style=\"max-width: 640px;\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-50\" style=\"letter-spacing: 1px; text-align: center; font-weight: bold;\">Drop us a line to get the conversation started.</h1> <div class=\"spacer height-20\"></div> <p style=\"text-align: center;\">Please kindly write to us at <a href=\"mailto:companyname@example.com\">companyname@example.com</a> or call us on 123 4567 890</p> <div class=\"center\"> <p style=\"border-bottom: 2px solid #000;width: 70px;display: inline-block;margin-bottom:0\"></p> </div> <div class=\"spacer height-80\"></div> <div class=\"is-social center\"> <a href=\"https://twitter.com/\"><i class=\"icon ion-social-twitter\" style=\"margin-right: 1em\"></i></a> <a href=\"https://www.facebook.com/\"><i class=\"icon ion-social-facebook\" style=\"margin-right: 1em\"></i></a> <a href=\"mailto:you@example.com\"><i class=\"icon ion-android-drafts\"></i></a> </div> </div> </div> </div> </div> </div> </div>"
    },
    {
        "thumbnail": "preview/contact-14.png",
        "category": "116",
        "contentCss": "type-inconsolata.css",
        "contentClass": "type-inconsolata",
        "html": "<div class=\"is-section is-section-100 is-box is-light-text type-inconsolata\"> <div class=\"is-overlay\"> <div class=\"is-overlay-bg\" style=\"transform: translateY(14.4053px) scale(1.05); background-image: url('/placeholders/square.jpg');\" data-bottom-top=\"transform:translateY(-120px) scale(1.05);\" data-top-bottom=\"transform:translateY(120px) scale(1.05)\"></div> <div class=\"is-overlay-color\" style=\"opacity:0.1\"></div> </div> <div class=\"is-boxes\"> <div class=\"is-box-centered\"> <div class=\"is-container is-builder container is-content-800\"> <div class=\"row clearfix\"> <div class=\"column full\"> <h1 class=\"size-72\" style=\"letter-spacing: 4px; text-align: center;\">CONTACT US</h1> <p style=\"text-align: center; letter-spacing: 3px; font-size: 19px !important;\">(123) 456 7890</p> <p style=\"text-align: center;\">Monday - Friday: 8:00 AM - 5:00 PM</p> <div class=\"spacer height-40\"></div> </div> </div> <div class=\"row clearfix\"> <div class=\"column full\"> <div class=\"center\"><a href=\"#\" class=\"is-btn is-btn-ghost1 is-upper is-btn-small\">Drop us a line</a></div> </div> </div> </div> </div> </div> </div>"
    }
]
