append variables
-
var faqs= [
{
id: 1,
title :'The Lord of the Rings',
auther :'J.R.R Tolkien',
price : '$21',
sold : 'Copies Sold: 150 million',
image : 'lord-rings.png',
description: 'The Lord of the Rings is an epic high-fantasy novel written by English author J. R. R. Tolkien. The story began as a sequel to Tolkiens 1937 fantasy novel The Hobbit, but eventually developed into... ',
},
{
id: 2,
title :'A Tale of Two Cities',
auther :'Charles Dickens',
price : '$16',
sold : 'Copies Sold: 150 million',
image : 'two-cities.jpg',
description: 'The Lord of the Rings is an epic high-fantasy novel written by English author J. R. R. Tolkien. The story began as a sequel to Tolkiens 1937 fantasy novel The Hobbit, but eventually developed into... ',
},
{
id: 3,
title :'The Little Princess',
auther :'Antoine de Saint-Exupéry',
price : '$11',
sold : 'Copies Sold: 150 million',
image : 'little-princess.jpg',
description: 'The Lord of the Rings is an epic high-fantasy novel written by English author J. R. R. Tolkien. The story began as a sequel to Tolkiens 1937 fantasy novel The Hobbit, but eventually developed into... ',
},
{
id: 4,
title :'The Hobbit',
auther :'J.R.R Tolkien',
price :'$20',
sold : 'Copies Sold: 150 million',
image : 'hobbit.jpg',
description: 'The Lord of the Rings is an epic high-fantasy novel written by English author J. R. R. Tolkien. The story began as a sequel to Tolkiens 1937 fantasy novel The Hobbit, but eventually developed into... ',
},
{
id: 5,
title :'Alices Adventures in Wonderland',
auther :'Lewis Carroll',
price :'$12',
sold : 'Copies Sold: 150 million',
image : 'alice.jpg',
description: 'The Lord of the Rings is an epic high-fantasy novel written by English author J. R. R. Tolkien. The story began as a sequel to Tolkiens 1937 fantasy novel The Hobbit, but eventually developed into... ',
},
];
mixin BestSeller(config, index)
.accordion-item.mb-5.border.border-x-0.border-bottom-0.border-200
.accordion-header(id=`heading${config.id}`)
.accordion-button(role='button' data-bs-toggle='collapse' class=index == 0 ? false : 'collapsed' data-bs-target=`#collapse${config.id}` aria-expanded='true' aria-controls=`collapse${config.id}`)
.row.w-100.justify-content-center
.col-sm-6.font-base
span.mb-0.fw-bold.text-start.fs-1.text-1200=config.title
p.my-2=config.auther
.col-8.col-sm-4
svg.bi.bi-star-fill(xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='#FFCC00' viewBox='0 0 16 16')
path(d='M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.283.95l-3.523 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z')
svg.bi.bi-star-fill(xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='#FFCC00' viewBox='0 0 16 16')
path(d='M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.283.95l-3.523 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z')
svg.bi.bi-star-fill(xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='#FFCC00' viewBox='0 0 16 16')
path(d='M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.283.95l-3.523 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z')
svg.bi.bi-star-fill(xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='#FFCC00' viewBox='0 0 16 16')
path(d='M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.283.95l-3.523 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z')
svg.bi.bi-star-fill(xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='#FFCC00' viewBox='0 0 16 16')
path(d='M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.283.95l-3.523 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z')
.col-4.col-sm-2.text-end
h5.mb-0.font-base.fw-bold=config.price
.accordion-collapse.collapse.shadow-lg(id=`collapse${config.id}` class=index == 0 ? 'show' : false aria-labelledby=`heading${config.id}` data-bs-parent='#accordionExample')
.accordion-body
.row.justify-content-center-center
.col-12.col-sm-2
img.img-fluid.d-block.mx-auto.mx-sm-0(src=`${CWD}assets/img/gallery/${config.image}` width="130" alt='...')
.col-12.col-sm-9.mt-4.mt-sm-0.d-sm-block.d-flex.flex-column
ul
li.fw-semi-bold.text-black=config.sold
p!=config.description
a(href='!#')
img(src=`${CWD}assets/img/gallery/amazon.png` width='110' alt='').my-1
mixin BestSellers
+Section.py-8#books
.row.justify-content-center
.col-md-8.col-lg-6.text-center.mb-7
h1.fw-semi-bold.text-warning Best
span.text-1100 seller books
.col-lg-9
#accordionExample.accordion
each faq, index in faqs
+BestSeller(faq, index)
.col-lg-12.d-flex.justify-content-center
button.btn.btn-lg.btn-primary.rounded-pill.font-base(type='submit') Find More