Added accordion and cards web templates
This commit is contained in:
Jeremy Rangel
@ -1,92 +0,0 @@
|
||||
|
||||
{
|
||||
"__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": "cta_text",
|
||||
"fieldtype": "Data",
|
||||
"label": "CTA Text",
|
||||
"reqd": 0
|
||||
},
|
||||
{
|
||||
"fieldname": "cta_url",
|
||||
"fieldtype": "Data",
|
||||
"label": "CTA URL",
|
||||
"reqd": 0
|
||||
},
|
||||
{
|
||||
"fieldname": "card_1_heading",
|
||||
"fieldtype": "Data",
|
||||
"label": "Card 1 Heading"
|
||||
},
|
||||
|
||||
{
|
||||
"fieldname": "card_1_text",
|
||||
"fieldtype": "Text",
|
||||
"label": "Card 1 Text"
|
||||
},
|
||||
{
|
||||
"fieldname": "card_1_url",
|
||||
"fieldtype": "Data",
|
||||
"label": "Card 1 URL"
|
||||
},
|
||||
{
|
||||
"fieldname": "card_2_heading",
|
||||
"fieldtype": "Data",
|
||||
"label": "Card 2 Heading"
|
||||
},
|
||||
|
||||
{
|
||||
"fieldname": "card_2_text",
|
||||
"fieldtype": "Text",
|
||||
"label": "Card 2 Text"
|
||||
},
|
||||
{
|
||||
"fieldname": "card_2_url",
|
||||
"fieldtype": "Data",
|
||||
"label": "Card 2 URL"
|
||||
},
|
||||
{
|
||||
"fieldname": "card_3_heading",
|
||||
"fieldtype": "Data",
|
||||
"label": "Card 3 Heading"
|
||||
},
|
||||
{
|
||||
"fieldname": "card_3_text",
|
||||
"fieldtype": "Text",
|
||||
"label": "Card 3 Text"
|
||||
},
|
||||
{
|
||||
"fieldname": "card_3_url",
|
||||
"fieldtype": "Data",
|
||||
"label": "Card 3 URL"
|
||||
}
|
||||
|
||||
|
||||
|
||||
],
|
||||
"idx": 0,
|
||||
"modified": "2022-03-21 14:30:14.405261",
|
||||
"modified_by": "Administrator",
|
||||
"module": "Website",
|
||||
"name": "3 Cards Section - 1",
|
||||
"owner": "Administrator",
|
||||
"standard": 0,
|
||||
"template":"<section class=\"service-area pt-120 pb-120\">\n\t<div class=\"service__shape wow slideInRight\">\n\t\t<img class=\"sway_Y__animation\" src=\"https://gratech.coevs.com/assets/general/images/pS7mPAStmiND1Ve9lyhJ.png\" alt=\"shape\">\n\t</div>\n\t<div class=\"container\">\n\t\t<div class=\"d-flex flex-wrap gap-4 align-items-center justify-content-between mb-60\">\n\t\t\t<div class=\"section-header\">\n\t\t\t\t<h5 class=\"wow fadeInLeft\" data-wow-delay=\"00ms\" data-wow-duration=\"1500ms\">\n\t\t\t\t\t<img class=\"me-1\" src=\"https://gratech.coevs.com/assets/general/images/4SyDa9CZNsdLzCr0qeip.png\" alt=\"icon\">\n\t\t\t\t\t{{sub_heading}}\n\t\t\t\t</h5>\n\t\t\t\t<h2 class=\"wow fadeInLeft\" data-wow-delay=\"200ms\" data-wow-duration=\"1500ms\"> {{heading}}</h2>\n\t\t\t</div>\n\t\t\t<a href=\"{{cta_url}}\" class=\"btn-one wow fadeInUp\" data-wow-delay=\"200ms\"\n\t\t\t data-wow-duration=\"1500ms\">{{cta_text}} <i class=\"fa-regular fa-arrow-right-long\"></i></a>\n\t\t</div>\n\t\t<div class=\"row g-4\">\n\t\t\t\n\t\t\t\t<div class=\"col-lg-4 col-md-6 wow bounceInUp\" data-wow-delay=\"00ms\" data-wow-duration=\"1000ms\">\n\t\t\t\t\t<div class=\"service__item\">\n\t\t\t\t\t\t<div class=\"service-shape\">\n\t\t\t\t\t\t\t<img src=\"https://gratech.coevs.com/assets/general/images/rtHLHwS47ikrvM8funrY.png\" alt=\"shape\">\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class=\"service__icon\">\n\t\t\t\t\t\t\t<img src=\"https://gratech.coevs.com/assets/general/images/jHK351Y6PazLmAgmyGJY.png\" alt=\"icon\">\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<h4><a href=\"{{card_1_url}}\">{{card_1_heading}}</a></h4>\n\t\t\t\t\t\t<p>{{card_1_text}}</p>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t\n\t\t\t\t<div class=\"col-lg-4 col-md-6 wow bounceInUp\" data-wow-delay=\"00ms\" data-wow-duration=\"1000ms\">\n\t\t\t\t\t<div class=\"service__item\">\n\t\t\t\t\t\t<div class=\"service-shape\">\n\t\t\t\t\t\t\t<img src=\"https://gratech.coevs.com/assets/general/images/rtHLHwS47ikrvM8funrY.png\" alt=\"shape\">\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class=\"service__icon\">\n\t\t\t\t\t\t\t<img src=\"https://gratech.coevs.com/assets/general/images/jHK351Y6PazLmAgmyGJY.png\" alt=\"icon\">\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<h4><a href=\"{{card_2_url}}\">{{card_2_heading}}</a></h4>\n\t\t\t\t\t\t<p>{{card_2_text}}</p>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t\n\t\t\t\t<div class=\"col-lg-4 col-md-6 wow bounceInUp\" data-wow-delay=\"00ms\" data-wow-duration=\"1000ms\">\n\t\t\t\t\t<div class=\"service__item\">\n\t\t\t\t\t\t<div class=\"service-shape\">\n\t\t\t\t\t\t\t<img src=\"https://gratech.coevs.com/assets/general/images/rtHLHwS47ikrvM8funrY.png\" alt=\"shape\">\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class=\"service__icon\">\n\t\t\t\t\t\t\t<img src=\"https://gratech.coevs.com/assets/general/images/jHK351Y6PazLmAgmyGJY.png\" alt=\"icon\">\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<h4><a href=\"{{card_3_url}}\">{{card_3_heading}}</a></h4>\n\t\t\t\t\t\t<p>{{card_3_text}}</p>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t\n\t\t</div>\n\t</div>\n</section>",
|
||||
"type": "Component"
|
||||
}
|
||||
56
rangeldigital/fixtures/web_template_50_50_accordion_1.json
Normal file
56
rangeldigital/fixtures/web_template_50_50_accordion_1.json
Normal file
@ -0,0 +1,56 @@
|
||||
|
||||
{
|
||||
"__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": "accordion_tabs",
|
||||
"fieldtype": "Table Break",
|
||||
"label": "Accordion Tabs",
|
||||
"reqd": 0
|
||||
},
|
||||
{
|
||||
"fieldname": "accordion_id",
|
||||
"fieldtype": "Data",
|
||||
"label": "Accordion ID",
|
||||
"reqd": 1
|
||||
},
|
||||
{
|
||||
"fieldname": "accordion_heading",
|
||||
"fieldtype": "Data",
|
||||
"label": "Accordion Heading",
|
||||
"reqd": 0
|
||||
},
|
||||
{
|
||||
"fieldname": "accordion_content",
|
||||
"fieldtype": "Text",
|
||||
"label": "According Content"
|
||||
}
|
||||
|
||||
|
||||
],
|
||||
"idx": 0,
|
||||
"modified": "2022-03-21 14:30:14.405261",
|
||||
"modified_by": "Administrator",
|
||||
"module": "Website",
|
||||
"name": "50-50 Accordion Section - 1",
|
||||
"owner": "Administrator",
|
||||
"standard": 0,
|
||||
"template": "<section class=\"saas_faq_area_two sec_padding\"><div class=\"container\"><div class=\"row\"><div class=\"col-lg-5\"><div class=\"section_title_two pe-5\"><h2 class=\"wow fadeInUp\" data-wow-delay=\"0.1s\" style=\"visibility: visible; animation-delay: 0.1s; animation-name: fadeInUp;\">{{ heading }}</h2>{% if sub_heading %}<p class=\"wow fadeInUp\" data-wow-delay=\"0.2s\" style=\"visibility: visible; animation-delay: 0.2s; animation-name: fadeInUp;\">{{ sub_heading }}</p>{% endif %}</div></div><div class=\"col-lg-7\"><div class=\"accordion faq_inner ps-4\" id=\"accordionExample\">{% for accordion in accordion_tabs %}<div class=\"accordion-item wow fadeInUp\" data-wow-delay=\"0.5s\" style=\"visibility: visible; animation-delay: 0.5s; animation-name: fadeInUp;\"><h2 class=\"accordion-header\" id=\"heading{{ loop.index }}\"><button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#collapse{{ loop.index }}\" aria-expanded=\"false\" aria-controls=\"collapse{{ loop.index }}\">{{ accordion.accordion_heading }}</button></h2><div id=\"collapse{{ loop.index }}\" class=\"accordion-collapse collapse\" aria-labelledby=\"heading{{ loop.index }}\" data-bs-parent=\"#accordionExample\"><div class=\"accordion-body\">{{ accordion.accordion_content }}</div></div></div>{% endfor %}</div></div></div></div></section>"
|
||||
,
|
||||
"type": "Component"
|
||||
}
|
||||
@ -66,6 +66,6 @@
|
||||
"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 %}{% if loop.index == 1 %}<div class=\"tab-pane fade active show\" id=\"{{ tab.tab_id }}\" role=\"tabpanel\" aria-labelledby=\"pills-home-tab\" tabindex=\"0\">\n <img src=\"{{ tab.tab_image }}\" 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=\"{{ tab.tab_image }}\" 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 flex-column\" 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 active\" 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=\"{{ tab.tab_icon }}\" alt=\"\">\n <div class=\"content\">\n <h5>{{ tab.tab_heading}}</h5>\n <p>{{ tab.tab_sub_heading }}</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=\"{{ tab.tab_icon }}\" alt=\"\">\n <div class=\"content\">\n <h5>{{ tab.tab_heading }}</h5>\n <p>{{ tab.tab_sub_heading }}</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>"
|
||||
"template": "<section class=\"promo_area sec_padding\"><div class=\"container\"><div class=\"row\"><div class=\"col-lg-6\"><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;\">{% for tab in tabs %}{% if loop.index == 1 %}<div class=\"tab-pane fade active show\" id=\"{{ tab.tab_id }}\" role=\"tabpanel\" aria-labelledby=\"pills-home-tab\" tabindex=\"0\">\n <img src=\"{{ tab.tab_image }}\" 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=\"{{ tab.tab_image }}\" 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;\">{% if heading %}<h2>{{ heading }}</h2>{% endif %}{% if sub_heading %}<p>{{ sub_heading }}</p>{% endif %} </div> <ul class=\"nav nav-pills mb-3 flex-column\" 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 active\" 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=\"{{ tab.tab_icon }}\" alt=\"\">\n <div class=\"content\">\n <h5>{{ tab.tab_heading}}</h5>\n <p>{{ tab.tab_sub_heading }}</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=\"{{ tab.tab_icon }}\" alt=\"\">\n <div class=\"content\">\n <h5>{{ tab.tab_heading }}</h5>\n <p>{{ tab.tab_sub_heading }}</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"
|
||||
}
|
||||
@ -0,0 +1,61 @@
|
||||
{
|
||||
"__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": "cards",
|
||||
"fieldtype": "Table Break",
|
||||
"label": "Cards",
|
||||
"reqd": 0
|
||||
},
|
||||
{
|
||||
"fieldname": "card_heading",
|
||||
"fieldtype": "Data",
|
||||
"label": "Card Heading",
|
||||
"reqd": 0
|
||||
},
|
||||
{
|
||||
"fieldname": "card_sub_heading",
|
||||
"fieldtype": "Data",
|
||||
"label": "Card Sub-Heading",
|
||||
"reqd": 0
|
||||
},
|
||||
{
|
||||
"fieldname": "card_image",
|
||||
"fieldtype": "Attach Image",
|
||||
"label": "Card Image",
|
||||
"reqd": 0
|
||||
},
|
||||
{
|
||||
"fieldname": "card_url",
|
||||
"fieldtype": "Data",
|
||||
"label": "Card URL",
|
||||
"reqd": 0
|
||||
}
|
||||
|
||||
],
|
||||
"idx": 0,
|
||||
"modified": "2022-03-21 14:30:14.405261",
|
||||
"modified_by": "Administrator",
|
||||
"module": "Website",
|
||||
"name": "Service Cards Section - 1",
|
||||
"owner": "Administrator",
|
||||
"standard": 0,
|
||||
"template": "<div class=\"features_area_two sec_padding\"><div class=\"service_category_area\">\n <div class=\"container\">\n <div class=\"section_title text-center wow fadeInUp\" data-wow-delay=\"0.2s\" style=\"visibility: visible; animation-delay: 0.2s; animation-name: fadeInUp;\">{% if heading %}<h2>{{heading}}</h2>{% endif %}{% if sub_heading %}<p>{{sub_heading}}</p>{% endif %}</div><div class=\"row\">{% for card in cards %}<div class=\"col-lg-4 col-md-6\"><div class=\"service_item wow fadeInUp\" data-wow-delay=\"0.2s\" style=\"visibility: visible; animation-delay: 0.2s; animation-name: fadeInUp;\"><div class=\"icon\"><img src=\"assets/img/home-two/mood.png\" alt=\"\"></div>{% if card.card_heading %}<h4>{{card.card_heading }}</h4>{% endif %}{% if card.card_sub_heading %}<p>{{card.card_sub_heading}}</p>{% endif %}</div></div>{% endfor %}</div>\n </div>\n </div>\n</div></div>"
|
||||
,
|
||||
"type": "Component"
|
||||
}
|
||||
Reference in New Issue
Block a user