{
    "__unsaved": 1,
    "creation": "2024-08-12 15:26:23.140620",
    "docstatus": 0,
    "doctype": "Web Template",
    "fields": [
        {
            "fieldname": "heading",
            "fieldtype": "Data",
            "label": "Heading",
            "reqd": 0
        },
        {
            "fieldname": "sub_heading",
            "fieldtype": "Data",
            "label": "Sub Heading",
            "reqd": 0
        },
        {
            "fieldname": "tabs",
            "fieldtype": "Table Break",
            "label": "Tabs",
            "reqd": 0
        },
        {
            "fieldname": "tab_id",
            "fieldtype": "Data",
            "label": "Tab ID",
            "reqd": 0
        },
        {
            "fieldname": "tab_icon",
            "fieldtype": "Attach Image",
            "label": "Tab Image",
            "reqd": 0
        },
        {
            "fieldname": "tab_heading",
            "fieldtype": "Data",
            "label": "Tab Heading",
            "reqd": 0
        },
        {
            "fieldname": "tab_content_heading",
            "fieldtype": "Data",
            "label": "Tab Content Heading",
            "reqd": 0
        },
        {
            "fieldname": "tab_content_sub_heading",
            "fieldtype": "Data",
            "label": "Tab Content Sub-Heading",
            "reqd": 0
        },
        {
            "fieldname": "tab_content_image",
            "fieldtype": "Attach Image",
            "label": "Tab Content Image",
            "reqd": 0
        },
        {
            "fieldname": "tab_cta_text",
            "fieldtype": "Data",
            "label": "Tab CTA Text",
            "reqd": 0
        },
        {
            "fieldname": "tab_content_html",
            "fieldtype": "data",
            "label": "Tab Content HTML",
            "reqd": 0
        },
        {
            "fieldname": "tab_cta_url",
            "fieldtype": "Data",
            "label": "Tab CTA URL",
            "reqd": 0
        }
    ],
    "idx": 0,
    "modified": "2022-03-21 14:30:14.405261",
    "modified_by": "Administrator",
    "module": "Website",
    "name": "Promo Tabs Section - 1",
    "owner": "Administrator",
    "standard": 0,
  "template": "<section class=\"promo_area sec_padding\">\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-lg-6\">\n                <div class=\"tab-content promo_tab_image wow fadeInLeft\" data-wow-delay=\"0.3s\" id=\"pills-tabContent-one\" style=\"visibility: visible; animation-delay: 0.3s; animation-name: fadeInLeft;\">\n                    {% for tab in tabs %}\n                    {% if loop.index == 1 %}\n                    <div class=\"tab-pane fade active show\" id=\"{{ tab.tab_id }}\" role=\"tabpanel\" aria-labelledby=\"pills-home-tab\" tabindex=\"0\">\n                        <img src=\"/assets/rangeldigital/files/img/spendings.png\" alt=\"\">\n                    </div>\n                    {% else %}\n                    <div class=\"tab-pane fade service_tab_image\" id=\"{{ tab.tab_id }}\" role=\"tabpanel\" aria-labelledby=\"pills-{{ tab.tab_id }}\" tabindex=\"0\">\n                        <img src=\"/assets/rangeldigital/files/img/spendings.png\" alt=\"\">\n                    </div>\n                    {% endif %}\n                    {% endfor %}\n\n                </div>\n            </div>\n            <div class=\"col-lg-6\">\n                <div class=\"promo_tab_box\">\n                    <div class=\"section_title_two wow fadeInUp\" data-wow-delay=\"0.2s\" style=\"visibility: visible; animation-delay: 0.2s; animation-name: fadeInUp;\">\n                        <h2>Why Choose Picmate</h2>\n                        <p> has more image rendering options than you'll ever need. Focus on the things\n                            that really matter to your users business.</p>\n                    </div>\n                    <ul class=\"nav nav-pills mb-3\" id=\"pills-tab\" role=\"tablist\">\n                    {% for tab in tabs %}\n                    {% if loop.index == 1 %}\n                        <li class=\"nav-item wow fadeInUp\" data-wow-delay=\"0.3s\" role=\"presentation\" style=\"visibility: visible; animation-delay: 0.3s; animation-name: fadeInUp;\">\n                            <div class=\"nav-link\" id=\"pills-home-tab\" data-bs-toggle=\"pill\" data-bs-target=\"#{{ tab.tab_id }}\" role=\"tab\" aria-controls=\"pills-home\" aria-selected=\"false\" tabindex=\"-1\">\n                                <img src=\"/assets/rangeldigital/files/img/spendings.png/r_1.png\" alt=\"\">\n                                <div class=\"content\">\n                                    <h5>Responsive Screenshots</h5>\n                                    <p>Screenshot your website at different widths and heights to simulate\n                                        different devices and situations.</p>\n                                </div>\n                                <div class=\"tab_progress\">\n                                    <div class=\"progress-bar\" style=\"width: 0px;\"></div>\n                                </div>\n                            </div>\n                        </li>\n                    {% else %}\n                        <li class=\"nav-item wow fadeInUp\" data-wow-delay=\"0.4s\" role=\"presentation\" style=\"visibility: visible; animation-delay: 0.4s; animation-name: fadeInUp;\">\n                            <div class=\"nav-link\" id=\"pills-profile-tab\" data-bs-toggle=\"pill\" data-bs-target=\"#{{ tab.tab_id }}\" role=\"tab\" aria-controls=\"pills-profile\" aria-selected=\"false\" tabindex=\"-1\">\n                                <img src=\"/assets/rangeldigital/files/img/spendings.png/f_2.png\" alt=\"\">\n                                <div class=\"content\">\n                                    <h5>Full Page Screenshots</h5>\n                                    <p>Go beyond the limits of a browser's viewport and capture everything in an\n                                        HTML document.</p>\n                                </div>\n                                <div class=\"tab_progress\">\n                                    <div class=\"progress-bar\" style=\"width: 60.14%; overflow: hidden;\"></div>\n                                </div>\n                            </div>\n                        </li>\n                    {% endif %}\n                    {% endfor %}\n                    </ul>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>"
,    "type": "Component"
}