{"id":2671,"date":"2024-12-01T10:51:20","date_gmt":"2024-12-01T10:51:20","guid":{"rendered":"https:\/\/themes.bootscore.me\/boilerplate\/?page_id=2671"},"modified":"2025-03-27T15:40:04","modified_gmt":"2025-03-27T15:40:04","slug":"bs-ui-sections","status":"publish","type":"page","link":"https:\/\/themes.bootscore.me\/boilerplate\/plugins\/bs-ui-sections\/","title":{"rendered":"bs UI Sections"},"content":{"rendered":"\n<div class=\"wp-block-group bg-pattern bg-pattern-grid bg-pattern-grid-xl bg-gradient-to-top-end from-body-bg from-30 to-transparent py-5 min-vh-75 d-flex align-items-center overflow-hidden is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group container is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group row gx-lg-5 is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group col-lg-6 mb-4 mb-lg-0 is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group h-100 d-flex align-items-center is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"badge bg-primary-subtle text-primary-emphasis border border-primary-subtle rounded-pill mb-1 wp-block-paragraph\">100k + Users choose us <\/p>\n\n\n\n<h1 class=\"wp-block-heading display-5 fw-bold mb-2\">Hero with cropped screenshot<\/h1>\n\n\n\n<p class=\"lead wp-block-paragraph\">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a class=\"btn btn-lg btn-primary\" href=\"#\">Button<\/a> <a class=\"btn btn-lg btn-link link-body-emphasis link-opacity-75 text-decoration-none\" href=\"#\">Button <i class=\"fa-solid fa-arrow-right\"><\/i><\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group col-lg-6 mb-3 mb-lg-0 d-flex align-items-center is-layout-flow wp-block-group-is-layout-flow\">\n<style>\n    @media (min-width: 992px) {\n\n      .crop-lg img {\n        max-width: 180%;\n      }\n    }\n\n  <\/style>\n\n\n\n<figure class=\"wp-block-image size-large rounded d-td-none shadow border crop-lg\"><img decoding=\"async\" src=\"https:\/\/files.bootscore.me\/demo-content\/images\/screenshots\/gh-light.png\" alt=\"\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large rounded d-tl-none shadow border crop-lg\"><img decoding=\"async\" src=\"https:\/\/files.bootscore.me\/demo-content\/images\/screenshots\/gh-dark.png\" alt=\"\"\/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<section class=\"wp-block-group container-scroll d-flex overflow-x-auto text-nowrap scrollbar-none py-3 scroll-snap-type-x is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group d-flex flex-grow-1 gap-5 justify-content-between is-layout-flow wp-block-group-is-layout-flow\">\n<figure class=\"wp-block-image size-large max-content d-td-none scroll-snap-align-center\"><img decoding=\"async\" src=\"https:\/\/files.bootscore.me\/demo-content\/images\/logoipsum\/logoipsum-218.svg\" alt=\"\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large max-content d-tl-none scroll-snap-align-center\"><img decoding=\"async\" src=\"https:\/\/files.bootscore.me\/demo-content\/images\/logoipsum\/logoipsum-218-light.svg\" alt=\"\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large max-content d-td-none scroll-snap-align-center\"><img decoding=\"async\" src=\"https:\/\/files.bootscore.me\/demo-content\/images\/logoipsum\/logoipsum-280.svg\" alt=\"\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large max-content d-tl-none scroll-snap-align-center\"><img decoding=\"async\" src=\"https:\/\/files.bootscore.me\/demo-content\/images\/logoipsum\/logoipsum-280-light.svg\" alt=\"\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large max-content d-td-none scroll-snap-align-center\"><img decoding=\"async\" src=\"https:\/\/files.bootscore.me\/demo-content\/images\/logoipsum\/logoipsum-344.svg\" alt=\"\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large max-content d-tl-none scroll-snap-align-center\"><img decoding=\"async\" src=\"https:\/\/files.bootscore.me\/demo-content\/images\/logoipsum\/logoipsum-344-light.svg\" alt=\"\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large max-content d-td-none scroll-snap-align-center\"><img decoding=\"async\" src=\"https:\/\/files.bootscore.me\/demo-content\/images\/logoipsum\/logoipsum-317.svg\" alt=\"\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large max-content d-tl-none scroll-snap-align-center\"><img decoding=\"async\" src=\"https:\/\/files.bootscore.me\/demo-content\/images\/logoipsum\/logoipsum-317-light.svg\" alt=\"\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large max-content d-td-none scroll-snap-align-center\"><img decoding=\"async\" src=\"https:\/\/files.bootscore.me\/demo-content\/images\/logoipsum\/logoipsum-288.svg\" alt=\"\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large max-content d-tl-none scroll-snap-align-center\"><img decoding=\"async\" src=\"https:\/\/files.bootscore.me\/demo-content\/images\/logoipsum\/logoipsum-288-light.svg\" alt=\"\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large max-content d-td-none scroll-snap-align-center\"><img decoding=\"async\" src=\"https:\/\/files.bootscore.me\/demo-content\/images\/logoipsum\/logoipsum-250.svg\" alt=\"\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large max-content d-tl-none scroll-snap-align-center\"><img decoding=\"async\" src=\"https:\/\/files.bootscore.me\/demo-content\/images\/logoipsum\/logoipsum-250-light.svg\" alt=\"\"\/><\/figure>\n<\/div>\n<\/section>\n\n\n\n<div class=\"wp-block-group bg-pattern bg-pattern-grid bg-pattern-grid-xl bg-gradient-to-top-end from-body-bg from-30 to-transparent py-5 min-vh-75 d-flex align-items-center is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group container is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group row is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group col-lg-5 mb-4 mb-lg-0 is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group h-100 d-flex align-items-center is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"badge bg-primary-subtle text-primary-emphasis border border-primary-subtle rounded-pill mb-1 wp-block-paragraph\">100k + Users choose us <\/p>\n\n\n\n<h1 class=\"wp-block-heading display-5 fw-bold mb-2\">A punchy <span class=\"text-primary\">headline<\/span> for the site h1 title<\/h1>\n\n\n\n<p class=\"lead wp-block-paragraph\">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a class=\"btn btn-lg btn-primary\" href=\"#\">Button<\/a> <a class=\"btn btn-lg btn-link link-body-emphasis link-opacity-75 text-decoration-none\" href=\"#\">Button <i class=\"fa-solid fa-arrow-right\"><\/i><\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group col-lg-7 mb-3 mb-lg-0 d-flex align-items-center is-layout-flow wp-block-group-is-layout-flow\">\n<figure class=\"wp-block-image size-large rounded d-td-none shadow border\"><img decoding=\"async\" src=\"https:\/\/files.bootscore.me\/demo-content\/images\/screenshots\/gh-light.png\" alt=\"\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large rounded d-tl-none shadow border\"><img decoding=\"async\" src=\"https:\/\/files.bootscore.me\/demo-content\/images\/screenshots\/gh-dark.png\" alt=\"\"\/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<section class=\"wp-block-group bg-primary text-white m-3 pt-lg-5 rounded-4 is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group container h-100 pt-5 text-center is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"badge bg-white bg-opacity-25 border border-white border-opacity-25 rounded-pill wp-block-paragraph\"><a class=\"text-decoration-none text-white\" href=\"#\">4.8 rating <span class=\"fw-normal\">450+ reviews<\/span> <i class=\"fa-solid fa-arrow-right\"><\/i><\/a><\/p>\n\n\n\n<h1 class=\"wp-block-heading display-4 fw-bold mb-3\">A punchy headline for the <br>site h1 title<\/h1>\n\n\n\n<p class=\"lead mb-4 wp-block-paragraph\">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam<\/p>\n\n\n\n<p class=\"mb-5 wp-block-paragraph\"><a class=\"btn btn-light rounded-pill me-2 px-4\" href=\"#\">Button<\/a><a class=\"btn btn-outline-light rounded-pill px-4\" href=\"#\">Button <i class=\"fa-solid fa-arrow-right\"><\/i><\/a><\/p>\n\n\n\n<figure class=\"wp-block-image size-large border-top border-end border-start border-7 rounded-top-4 border-white border-opacity-50 overflow-hidden\"><img decoding=\"async\" src=\"https:\/\/files.bootscore.me\/demo-content\/images\/screenshots\/gh-light-half.png\" alt=\"\"\/><\/figure>\n<\/div>\n<\/section>\n\n\n\n<section style=\"background-image:url(&apos;https:\/\/themes.bootscore.me\/boilerplate\/wp-content\/uploads\/2024\/12\/mohammad-alizade-XgeZu2jBaVI-unsplash-scaled.jpg&apos;);background-position:50% 46%;background-size:cover;\" class=\"wp-block-group testimonials py-5 text-white is-layout-flow wp-block-group-is-layout-flow has-background\">\n<div class=\"wp-block-group container is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group bg-white text-white bg-opacity-25 border border-white border-opacity-10 backdrop-blur-20 rounded-4 p-4 p-md-5 is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group row g-5 is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group col-lg-5 col-xl-6 is-layout-flow wp-block-group-is-layout-flow\">\n<figure class=\"wp-block-image size-large rounded-4 overflow-hidden mb-4 mb-lg-0\"><img decoding=\"async\" src=\"https:\/\/files.bootscore.me\/demo-content\/images\/persons\/leon-elldot-C8Q_zR8PDlA-unsplash-1200x900.jpg\" alt=\"\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-group col is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<h1 class=\"wp-block-heading display-6 fw-semibold mb-2\">A punchy&nbsp;headline&nbsp;for the site h1 title<\/h1>\n\n\n\n<p class=\"lead wp-block-paragraph\">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt<\/p>\n\n\n\n<div class=\"wp-block-group row is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group col-6 is-layout-flow wp-block-group-is-layout-flow\">\n<ul class=\"wp-block-list list-icon list-icon-check-circle-fill mb-3\">\n<li>Lorem ipsum <\/li>\n\n\n\n<li>Lorem ipsum<\/li>\n\n\n\n<li>Lorem ipsum<\/li>\n<\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-group col-6 is-layout-flow wp-block-group-is-layout-flow\">\n<ul class=\"wp-block-list list-icon list-icon-check-circle-fill mb-3\">\n<li>Lorem ipsum<\/li>\n\n\n\n<li>Lorem ipsum<\/li>\n\n\n\n<li>Lorem ipsum<\/li>\n<\/ul>\n<\/div>\n<\/div>\n\n\n\n<p class=\"lead wp-block-paragraph\"><a class=\"link-light text-decoration-none\" href=\"#\">Link <i class=\"fa-solid fa-arrow-right\"><\/i><\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n\n\n\n<section class=\"wp-block-group bg-gradient-radial from-gray-700 to-black to-70 text-light m-3 pt-lg-5 rounded-4 is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group container h-100 pt-5 text-center is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"small text-secondary text-uppercase ls-5 wp-block-paragraph\">Over <span class=\"text-light\">2000<\/span> Items sold<\/p>\n\n\n\n<h1 class=\"wp-block-heading display-3 bg-gradient-to-end from-cyan to-blue bg-gradient-text mb-3\">A punchy headline for the site h1 title<\/h1>\n\n\n\n<p class=\"lead mb-4 wp-block-paragraph\">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam<\/p>\n\n\n\n<p class=\"mb-5 wp-block-paragraph\"><a class=\"btn btn-light rounded-pill me-2 px-4\" href=\"#\">Button<\/a><a class=\"btn btn-outline-light rounded-pill px-4\" href=\"#\">Button <i class=\"fa-solid fa-arrow-right\"><\/i><\/a><\/p>\n\n\n\n<figure class=\"wp-block-image size-large border-top border-end border-start border-7 rounded-top-4 border-white border-opacity-10 overflow-hidden\"><img decoding=\"async\" src=\"https:\/\/files.bootscore.me\/demo-content\/images\/screenshots\/gh-dark-half.png\" alt=\"\"\/><\/figure>\n<\/div>\n<\/section>\n\n\n\n<section class=\"wp-block-group py-5 is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group container is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading text-center mb-2 display-6 fw-semibold\">Section Swiper Testimonials<\/h2>\n\n\n\n<p class=\"lead text-center mb-4 wp-block-paragraph\">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut<\/p>\n\n\n\n<div class=\"wp-block-group px-lg-5 position-relative is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group cards swiper-container swiper position-static is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group swiper-wrapper is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group swiper-slide card h-auto mb-5 is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group card-body p-4 d-flex flex-column is-layout-flow wp-block-group-is-layout-flow\">\n<h3 class=\"wp-block-heading card-title h5 mb-1\">Awesome!<\/h3>\n\n\n\n<div class=\"wp-block-group rating mb-2 is-layout-flow wp-block-group-is-layout-flow\">\n<i class=\"fa-solid fa-star\"><\/i> <i class=\"fa-solid fa-star\"><\/i> <i class=\"fa-solid fa-star\"><\/i> <i class=\"fa-solid fa-star\"><\/i> <i class=\"fa-solid fa-star\"><\/i>\n<\/div>\n\n\n\n<blockquote class=\"blockquote\" class=\"wp-block-quote mb-3 is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">&#8220;Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam&#8221;<\/p>\n<\/blockquote>\n\n\n\n<div class=\"wp-block-group d-flex align-items-center mt-auto is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group width-3 me-3 is-layout-flow wp-block-group-is-layout-flow\">\n<figure class=\"wp-block-image size-large rounded-circle\"><img decoding=\"async\" src=\"https:\/\/files.bootscore.me\/demo-content\/images\/persons\/jeffrey-f-lin-3pnIBqRFC0Q-unsplash-500x500.jpg\" alt=\"\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"h6 mb-0 wp-block-paragraph\">Jeff Bonus<\/p>\n\n\n\n<p class=\"small text-body-secondary mb-0 wp-block-paragraph\">awesome Inc.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group swiper-slide card h-auto mb-5 is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group card-body p-4 d-flex flex-column is-layout-flow wp-block-group-is-layout-flow\">\n<h3 class=\"wp-block-heading card-title h5 mb-1\">Average \ud83d\ude10<\/h3>\n\n\n\n<div class=\"wp-block-group rating mb-2 is-layout-flow wp-block-group-is-layout-flow\">\n<i class=\"fa-solid fa-star\"><\/i> <i class=\"fa-solid fa-star\"><\/i> <i class=\"fa-solid fa-star-half-stroke\"><\/i> <i class=\"fa-regular fa-star\"><\/i> <i class=\"fa-regular fa-star\"><\/i>\n<\/div>\n\n\n\n<blockquote class=\"blockquote\" class=\"wp-block-quote mb-3 is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">&#8220;Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt&#8221;<\/p>\n<\/blockquote>\n\n\n\n<div class=\"wp-block-group d-flex align-items-center mt-auto is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group width-3 me-3 is-layout-flow wp-block-group-is-layout-flow\">\n<figure class=\"wp-block-image size-large rounded-circle\"><img decoding=\"async\" src=\"https:\/\/files.bootscore.me\/demo-content\/images\/persons\/max-ilienerwise-PK_OQdy_HuI-unsplash-500x500.jpg\" alt=\"\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"h6 mb-0 wp-block-paragraph\">Jill Gates<\/p>\n\n\n\n<p class=\"small text-body-secondary mb-0 wp-block-paragraph\">Megasoft<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group swiper-slide card h-auto mb-5 is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group card-body p-4 d-flex flex-column is-layout-flow wp-block-group-is-layout-flow\">\n<h3 class=\"wp-block-heading card-title h5 mb-1\">Good, but&#8230;<\/h3>\n\n\n\n<div class=\"wp-block-group rating mb-2 is-layout-flow wp-block-group-is-layout-flow\">\n<i class=\"fa-solid fa-star\"><\/i> <i class=\"fa-solid fa-star\"><\/i> <i class=\"fa-solid fa-star\"><\/i> <i class=\"fa-solid fa-star\"><\/i> <i class=\"fa-regular fa-star\"><\/i>\n<\/div>\n\n\n\n<blockquote class=\"blockquote\" class=\"wp-block-quote mb-3 is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">&#8220;Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna&#8221;<\/p>\n<\/blockquote>\n\n\n\n<div class=\"wp-block-group d-flex align-items-center mt-auto is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group width-3 me-3 is-layout-flow wp-block-group-is-layout-flow\">\n<figure class=\"wp-block-image size-large rounded-circle\"><img decoding=\"async\" src=\"https:\/\/files.bootscore.me\/demo-content\/images\/persons\/rana-sawalha-IhuHLIxS_Tk-unsplash-500x500.jpg\" alt=\"\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"h6 mb-0 wp-block-paragraph\">Tom Cook<\/p>\n\n\n\n<p class=\"small text-body-secondary mb-0 wp-block-paragraph\">Vice President Pear<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group swiper-slide card h-auto mb-5 is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group card-body p-4 d-flex flex-column is-layout-flow wp-block-group-is-layout-flow\">\n<h3 class=\"wp-block-heading card-title h5 mb-1\">Amazing job!<\/h3>\n\n\n\n<div class=\"wp-block-group rating mb-2 is-layout-flow wp-block-group-is-layout-flow\">\n<i class=\"fa-solid fa-star\"><\/i> <i class=\"fa-solid fa-star\"><\/i> <i class=\"fa-solid fa-star\"><\/i> <i class=\"fa-solid fa-star\"><\/i> <i class=\"fa-solid fa-star\"><\/i>\n<\/div>\n\n\n\n<blockquote class=\"blockquote\" class=\"wp-block-quote mb-3 is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">&#8220;Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam&#8221;<\/p>\n<\/blockquote>\n\n\n\n<div class=\"wp-block-group d-flex align-items-center mt-auto is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group width-3 me-3 is-layout-flow wp-block-group-is-layout-flow\">\n<figure class=\"wp-block-image size-large rounded-circle\"><img decoding=\"async\" src=\"https:\/\/files.bootscore.me\/demo-content\/images\/persons\/leon-elldot-C8Q_zR8PDlA-unsplash-500x500.jpg\" alt=\"\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"h6 mb-0 wp-block-paragraph\">Laurie Page<\/p>\n\n\n\n<p class=\"small text-body-secondary mb-0 wp-block-paragraph\">Goggle<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group swiper-slide card h-auto mb-5 is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group card-body p-4 d-flex flex-column is-layout-flow wp-block-group-is-layout-flow\">\n<h3 class=\"wp-block-heading card-title h5 mb-1\">Oh no<\/h3>\n\n\n\n<div class=\"wp-block-group rating mb-2 is-layout-flow wp-block-group-is-layout-flow\">\n<i class=\"fa-solid fa-star\"><\/i> <i class=\"fa-regular fa-star\"><\/i> <i class=\"fa-regular fa-star\"><\/i> <i class=\"fa-regular fa-star\"><\/i> <i class=\"fa-regular fa-star\"><\/i>\n<\/div>\n\n\n\n<blockquote class=\"blockquote\" class=\"wp-block-quote mb-3 is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">&#8220;Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt&#8221;<\/p>\n<\/blockquote>\n\n\n\n<div class=\"wp-block-group d-flex align-items-center mt-auto is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group width-3 me-3 is-layout-flow wp-block-group-is-layout-flow\">\n<figure class=\"wp-block-image size-large rounded-circle\"><img decoding=\"async\" src=\"https:\/\/files.bootscore.me\/demo-content\/images\/persons\/brooke-cagle-u3ZuB0dreO0-unsplash-500x500.jpg\" alt=\"\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"h6 mb-0 wp-block-paragraph\">Elon Task<\/p>\n\n\n\n<p class=\"small text-body-secondary mb-0 wp-block-paragraph\">PlaceX Member<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group swiper-pagination is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"d-none wp-block-paragraph\"><span class=\"\">swiper-pagination<\/span><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group swiper-button-next end-0 d-none d-lg-block is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"d-none wp-block-paragraph\">swiper-button-next end-0<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group swiper-button-prev start-0 d-none d-lg-block is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"d-none wp-block-paragraph\">swiper-button-prev start-0<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n\n\n\n<section class=\"py-5 position-relative bg-pattern bg-pattern-dots bg-gradient-to-bottom from-body-bg via-transparent to-body-bg hide-wp-block-classes\">\n<div class=\"container\">\n<h2 class=\"text-center mb-2 display-6 fw-semibold\">Bento Grid<\/h2>\n\n\n\n<p class=\"lead text-center mb-3 wp-block-paragraph\">Satisfaction promised with a <span class=\"fw-semibold bg-gradient-to-end from-blue to-indigo bg-gradient-text\">100% money-back guarantee<\/span><\/p>\n\n\n\n<style>\n.scale-20 {\ntransform: scale(2);\n}\n<\/style>\n\n\n\n<div class=\"row g-3\">\n<div class=\"col-md-4\">\n<div class=\"h-100 rounded-4 bg-gradient-to-bottom-end from-cyan via-blue to-indigo shadow-sm p-1px\">\n<div class=\"card h-100 border-0 rounded-inner-4 overflow-hidden\">\n<div class=\"card-body p-4 h-100 d-flex flex-column\">\n<div class=\"d-flex align-items-center justify-content-center mb-4 scale-20\">\n<div class=\"p-3 position-relative bg-body-tertiary rounded-circle bg-opacity-50 shadow-sm\">\n<div class=\"p-3 position-relative bg-body-tertiary rounded-circle bg-opacity-50 shadow-sm\">\n<div class=\"p-3 position-relative bg-body-tertiary rounded-circle bg-opacity-75 shadow-sm\">\n<figure class=\"size-large is-resized rounded-circle mb-0 position-absolute top-50 end-0 translate-middle z-1 shadow-sm\"><img decoding=\"async\" src=\"https:\/\/files.bootscore.me\/demo-content\/images\/persons\/jurica-koletic-7YVZYZeITc8-unsplash-500x500.jpg\" alt=\"\" style=\"width:18px\"\/><\/figure>\n\n\n\n<div class=\"p-3 position-relative bg-body rounded-circle shadow-sm\">\n<figure class=\"size-large is-resized rounded-circle mb-0 shadow-sm\"><img decoding=\"async\" src=\"https:\/\/files.bootscore.me\/demo-content\/images\/persons\/vince-fleming-j3lf-Jn6deo-unsplash-500x500.jpg\" alt=\"\" style=\"width:50px\"\/><\/figure>\n\n\n\n<figure class=\"size-large is-resized rounded-circle mb-0 position-absolute top-0 start-0 translate-middle shadow-sm\"><img decoding=\"async\" src=\"https:\/\/files.bootscore.me\/demo-content\/images\/persons\/leon-elldot-C8Q_zR8PDlA-unsplash-500x500.jpg\" alt=\"\" style=\"width:20px\"\/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"h4 card-title z-1\">893 <span class=\"small text-body-secondary\">your-friends<\/span><\/h2>\n\n\n\n<p class=\"card-text small text-body-secondary z-1 wp-block-paragraph\">Some quick example text to build on the card title and make up the bulk of the card\u2019s content.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"col-md-8\">\n<div class=\"card h-100 border-light-subtle shadow-sm rounded-4\">\n<div class=\"card-body p-4 h-100 d-flex flex-column\">\n<h2 class=\"h5 card-title\">Card with border-gradient<\/h2>\n\n\n\n<p class=\"card-text wp-block-paragraph\">Some quick example text to build on the card title and make up the bulk of the card\u2019s content.<\/p>\n\n\n\n<h4 class=\"h6\">Profile views<\/h4>\n\n\n\n<div class=\"progress h-3px mb-3\">\n<div class=\"progress-bar w-75 bg-gradient-to-end from-blue to-cyan\">\n<p class=\"d-none wp-block-paragraph\">progress-bar<\/p>\n<\/div>\n<\/div>\n\n\n\n<h4 class=\"h6\">Activity<\/h4>\n\n\n\n<div class=\"progress h-3px mb-3\">\n<div class=\"progress-bar w-50 bg-gradient-to-end from-blue to-cyan\">\n<p class=\"d-none wp-block-paragraph\">progress-bar<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"col-md-8\">\n<div class=\"card h-100 border-light-subtle shadow-sm rounded-4\">\n<div class=\"card-body p-4 h-100 d-flex flex-column\">\n<h2 class=\"h5 card-title\">Card with border-gradient<\/h2>\n\n\n\n<p class=\"card-text wp-block-paragraph\">Some quick example text to build on the card title and make up the bulk of the card\u2019s content.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"col-md-4\">\n<div class=\"card h-100 border-light-subtle shadow-sm rounded-4\">\n<div class=\"card-body p-4 h-100 d-flex flex-column\">\n<h2 class=\"h5 card-title\">Card with border-gradient<\/h2>\n\n\n\n<p class=\"card-text wp-block-paragraph\">Some quick example text to build on the card title and make up the bulk of the card\u2019s content.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n\n\n\n<section class=\"py-5 position-relative bg-pattern bg-pattern-dots bg-gradient-to-bottom from-body-bg via-transparent to-body-bg hide-wp-block-classes\">\n<div class=\"container\">\n<div class=\"row g-3 mb-5 align-items-end hide-wp-block-classes\">\n<div class=\"col-lg-8\">\n<p class=\"fw-bold text-primary mb-1 wp-block-paragraph\">FEATURES<\/p>\n\n\n\n<h2 class=\"display-6 fw-bold mb-0\">What we can do<br>for our clients<\/h2>\n<\/div>\n\n\n\n<div class=\"col-lg-4 text-lg-end\">\n<p class=\"mb-0 wp-block-paragraph\">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"row g-3\">\n<div class=\"col-md-6\">\n<div style=\"background-image:url(&apos;https:\/\/files.bootscore.me\/demo-content\/images\/groups\/brooke-cagle--uHVRvDr7pg-unsplash.jpg&apos;);background-position:50% 50%;background-size:cover;\" class=\"card border-0 h-100 has-background\">\n<div class=\"card-body h-100 d-flex flex-column\">\n<div style=\"height:400px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"bg-black p-3 text-white rounded bg-opacity-50 backdrop-blur-10 mt-auto\">\n<h3 class=\"card-title\">UX &amp; UI Design with Development<\/h3>\n\n\n\n<p class=\"card-text small wp-block-paragraph\">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy<\/p>\n\n\n\n<p class=\"card-text wp-block-paragraph\"><a class=\"btn btn-primary\" href=\"#\">Explore Topic <i class=\"fa-solid fa-arrow-right\"><\/i><\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"col-md-3\">\n<div class=\"row h-100\">\n<div class=\"col-12 mb-3\">\n<div class=\"card border-0 h-100 bg-primary text-white\">\n<div class=\"card-body h-100 d-flex flex-column\">\n<p class=\"small wp-block-paragraph\">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy<\/p>\n\n\n\n<div class=\"d-flex align-items-end mt-auto gap-2\">\n<div >\n<p class=\"h5 mb-0 wp-block-paragraph\">Read Our<br>Blog<\/p>\n<\/div>\n\n\n\n<div class=\"ms-auto\">\n<a class=\"stretched-link text-white text-end\" href=\"#\"><i class=\"fa-solid fa-arrow-up-right-from-square\"><\/i><\/a>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"col-12\">\n<div class=\"card border-0 h-100 bg-black text-white\">\n<div class=\"card-body h-100 d-flex flex-column\">\n<p class=\"small wp-block-paragraph\">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy<\/p>\n\n\n\n<div class=\"d-flex align-items-end mt-auto gap-2\">\n<div >\n<p class=\"h5 mb-0 wp-block-paragraph\">Explore Our<br>Services<\/p>\n<\/div>\n\n\n\n<div class=\"ms-auto\">\n<a class=\"stretched-link text-white text-end\" href=\"#\"><i class=\"fa-solid fa-arrow-up-right-from-square\"><\/i><\/a>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"col-md-3\">\n<div class=\"card border-0 h-100 bg-body-tertiary text-body-secondary\">\n<div class=\"card-body h-100 d-flex flex-column\">\n<p class=\"small wp-block-paragraph\">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy<\/p>\n\n\n\n<p class=\"small wp-block-paragraph\">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy<\/p>\n\n\n\n<div class=\"d-flex align-items-end mt-auto gap-2\">\n<div >\n<p class=\"h5 mb-0 wp-block-paragraph\">Meet Our<br>Experts<\/p>\n<\/div>\n\n\n\n<div class=\"ms-auto\">\n<a class=\"stretched-link text-body-secondary text-end\" href=\"#\"><i class=\"fa-solid fa-arrow-up-right-from-square\"><\/i><\/a>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n\n\n\n<section class=\"wp-block-group pricing py-5 bg-pattern bg-pattern-dots bg-gradient-to-bottom from-body-bg via-transparent to-body-bg is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group container is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading text-center mb-2 display-6 fw-semibold\">Find the right plan for your needs<\/h2>\n\n\n\n<p class=\"lead text-center mb-3 wp-block-paragraph\">Satisfaction promised with a <span class=\"fw-semibold bg-gradient-to-end from-blue to-indigo bg-gradient-text\">100% money-back guarantee<\/span><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group container-scroll d-flex overflow-x-auto text-nowrap scrollbar-none scroll-snap-type-x is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group row flex-row flex-nowrap flex-grow-1 text-wrap py-3 is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group col scroll-snap-align-center is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group card h-100 border-light-subtle shadow-sm rounded-4 is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group card-body h-100 d-flex flex-column p-4 is-layout-flow wp-block-group-is-layout-flow\">\n<h3 class=\"wp-block-heading card-title h5 text-body-secondary mb-4\">Starter<\/h3>\n\n\n\n<h4 class=\"wp-block-heading mb-4 h2\">Free<\/h4>\n\n\n\n<p class=\"pb-4 mb-4 border-bottom border-light-subtle wp-block-paragraph\">Get a feel how it works.<br>No payment required.<\/p>\n\n\n\n<ul class=\"wp-block-list list-icon list-icon-check text-body-secondary small mb-4\">\n<li>2 GB of storage<\/li>\n\n\n\n<li>Help center access<\/li>\n<\/ul>\n\n\n\n<p class=\"mt-auto wp-block-paragraph\"><a class=\"btn btn-light-dark d-block\" href=\"#\">Get started<\/a><\/p>\n\n\n\n<p class=\"text-body-secondary text-center small wp-block-paragraph\">No card required<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group col scroll-snap-align-center is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group card h-100 border-0 bg-gradient-radial-top-start from-blue from-10 to-indigo text-white shadow-sm rounded-4 scale-1 is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group card-body h-100 d-flex flex-column p-4 is-layout-flow wp-block-group-is-layout-flow\">\n<h3 class=\"wp-block-heading card-title h5 mb-4\">PRO<\/h3>\n\n\n\n<h4 class=\"wp-block-heading mb-4 h2\">$29 Monthly<\/h4>\n\n\n\n<p class=\"pb-4 mb-4 border-bottom border-white wp-block-paragraph\">Access to all features plus<br>free monthly review.<\/p>\n\n\n\n<ul class=\"wp-block-list list-icon list-icon-check small mb-4\">\n<li>10 GB of storage<\/li>\n\n\n\n<li>Help center access<\/li>\n\n\n\n<li>Email-support<\/li>\n\n\n\n<li>Pnone support<\/li>\n<\/ul>\n\n\n\n<p class=\"mt-auto wp-block-paragraph\"><a class=\"btn btn-light d-block\" href=\"#\">Get started<\/a><\/p>\n\n\n\n<p class=\"text-center small wp-block-paragraph\">100% money back guarantee<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group col scroll-snap-align-center is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group card h-100 border-light-subtle shadow-sm rounded-4 is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group card-body h-100 d-flex flex-column p-4 is-layout-flow wp-block-group-is-layout-flow\">\n<h3 class=\"wp-block-heading card-title h5 text-body-secondary mb-4\">Lifetime<\/h3>\n\n\n\n<h4 class=\"wp-block-heading mb-4 h2 bg-gradient-to-end from-blue to-indigo bg-gradient-text\">$149 One-Time<\/h4>\n\n\n\n<p class=\"pb-4 mb-4 border-bottom border-light-subtle wp-block-paragraph\">Access to all features with<br>a one-time payment.<\/p>\n\n\n\n<ul class=\"wp-block-list list-icon list-icon-check text-body-secondary small mb-4\">\n<li>All features from the PRO plan<\/li>\n<\/ul>\n\n\n\n<p class=\"mt-auto wp-block-paragraph\"><a class=\"btn btn-dark-light d-block\" href=\"#\">Get started<\/a><\/p>\n\n\n\n<p class=\"text-body-secondary text-center small wp-block-paragraph\">100% money back guarantee<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n\n\n\n<section class=\"wp-block-group py-5 is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group container is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group row gx-md-5 is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group col-md-6 d-flex align-items-center mb-4 mb-md-0 is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading mb-2 display-6 fw-semibold\">Section Pricing Tabs<\/h2>\n\n\n\n<p class=\"lead mb-4 wp-block-paragraph\">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut<\/p>\n\n\n\n<div class=\"wp-block-group border-top pt-4 is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group row is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group col-6 is-layout-flow wp-block-group-is-layout-flow\">\n<ul class=\"wp-block-list list-icon list-icon-check\">\n<li>15 GB of storage<\/li>\n\n\n\n<li>Help center access<\/li>\n<\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-group col-6 is-layout-flow wp-block-group-is-layout-flow\">\n<ul class=\"wp-block-list list-icon list-icon-check\">\n<li>Email support<\/li>\n\n\n\n<li>Phone support<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group col-md-6 is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group bs-tabs is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group d-flex justify-content-center mb-4 is-layout-flow wp-block-group-is-layout-flow\">\n<ul class=\"wp-block-list nav bg-body border nav-pills nav-fill p-1 small rounded-pill\">\n<li class=\"nav-item\"><button class=\"nav-link rounded-pill py-1 active\" data-bs-toggle=\"tab\">Monthly<\/button><\/li>\n\n\n\n<li class=\"nav-item\"><button class=\"nav-link rounded-pill py-1\" data-bs-toggle=\"tab\">Yearly<\/button><\/li>\n<\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-group tab-content is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group tab-pane is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group card bg-body-tertiary border-0 rounded-4 is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group card-body p-4 p-lg-5 text-center is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"h6 wp-block-paragraph\">Card<\/p>\n\n\n\n<p class=\"wp-block-heading mb-4 h1 wp-block-paragraph\">$15 <span class=\"small text-body-secondary fw-normal\">\/month<\/span><\/p>\n\n\n\n<p class=\"mb-4 wp-block-paragraph\"><a class=\"btn btn-primary w-100\" href=\"#\">Subscribe<\/a><\/p>\n\n\n\n<p class=\"small text-body-secondary wp-block-paragraph\">Lorem ipsum dolor sit amet, consetetur sadipscing elitr<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group tab-content is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group tab-pane is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group card bg-body-tertiary border-0 rounded-4 is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group card-body p-4 p-lg-5 text-center is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group border border-7 border-body-bg rounded-pill position-absolute start-50 top-0 translate-middle is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"badge bg-danger-subtle text-danger-emphasis border border-1 border-danger-subtle rounded-pill wp-block-paragraph\">Save $15<\/p>\n<\/div>\n\n\n\n<p class=\"h6 wp-block-paragraph\">Card<\/p>\n\n\n\n<p class=\"wp-block-heading mb-4 h1 wp-block-paragraph\">$165 <span class=\"small text-body-secondary fw-normal\">\/year<\/span><\/p>\n\n\n\n<p class=\"mb-4 wp-block-paragraph\"><a class=\"btn btn-primary w-100\" href=\"#\">Subscribe<\/a><\/p>\n\n\n\n<p class=\"small text-body-secondary wp-block-paragraph\">Lorem ipsum dolor sit amet, consetetur sadipscing elitr<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n\n\n\n<section class=\"wp-block-group py-5 bg-body-tertiary is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group container is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading text-center mb-2 display-6 fw-semibold\">Section FAQ<\/h2>\n\n\n\n<p class=\"lead text-center mb-4 wp-block-paragraph\">Section with accordion and columns in <code>accordion-body<\/code>. Good for FAQ.<\/p>\n\n\n\n<div class=\"wp-block-group bs-accordion is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group accordion is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group accordion-item is-layout-flow wp-block-group-is-layout-flow\">\n<h3 class=\"wp-block-heading accordion-header\"><button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" aria-expanded=\"false\">Accordion Item #1<\/button><\/h3>\n\n\n\n<div class=\"wp-block-group accordion-collapse collapse is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group accordion-body is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group row is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group col-md-3 col-lg-2 mb-3 is-layout-flow wp-block-group-is-layout-flow\">\n<figure class=\"wp-block-image size-large rounded\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/themes.bootscore.me\/boilerplate\/wp-content\/uploads\/2023\/12\/dummy-image-1024x768.png\" alt=\"\" class=\"wp-image-36\" srcset=\"https:\/\/themes.bootscore.me\/boilerplate\/wp-content\/uploads\/2023\/12\/dummy-image-1024x768.png 1024w, https:\/\/themes.bootscore.me\/boilerplate\/wp-content\/uploads\/2023\/12\/dummy-image-600x450.png 600w, https:\/\/themes.bootscore.me\/boilerplate\/wp-content\/uploads\/2023\/12\/dummy-image-300x225.png 300w, https:\/\/themes.bootscore.me\/boilerplate\/wp-content\/uploads\/2023\/12\/dummy-image-768x576.png 768w, https:\/\/themes.bootscore.me\/boilerplate\/wp-content\/uploads\/2023\/12\/dummy-image.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-group col is-layout-flow wp-block-group-is-layout-flow\">\n<h4 class=\"wp-block-heading mb-2\">Heading<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group accordion-item is-layout-flow wp-block-group-is-layout-flow\">\n<h3 class=\"wp-block-heading accordion-header\"><button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" aria-expanded=\"false\">Accordion Item #2<\/button><\/h3>\n\n\n\n<div class=\"wp-block-group accordion-collapse collapse is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group accordion-body is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group row is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group col-md-3 col-lg-2 mb-3 is-layout-flow wp-block-group-is-layout-flow\">\n<figure class=\"wp-block-image size-large rounded\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/themes.bootscore.me\/boilerplate\/wp-content\/uploads\/2023\/12\/dummy-image-1024x768.png\" alt=\"\" class=\"wp-image-36\" srcset=\"https:\/\/themes.bootscore.me\/boilerplate\/wp-content\/uploads\/2023\/12\/dummy-image-1024x768.png 1024w, https:\/\/themes.bootscore.me\/boilerplate\/wp-content\/uploads\/2023\/12\/dummy-image-600x450.png 600w, https:\/\/themes.bootscore.me\/boilerplate\/wp-content\/uploads\/2023\/12\/dummy-image-300x225.png 300w, https:\/\/themes.bootscore.me\/boilerplate\/wp-content\/uploads\/2023\/12\/dummy-image-768x576.png 768w, https:\/\/themes.bootscore.me\/boilerplate\/wp-content\/uploads\/2023\/12\/dummy-image.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-group col is-layout-flow wp-block-group-is-layout-flow\">\n<h4 class=\"wp-block-heading mb-2\">Heading<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group accordion-item is-layout-flow wp-block-group-is-layout-flow\">\n<h3 class=\"wp-block-heading accordion-header\"><button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" aria-expanded=\"false\">Accordion Item #3<\/button><\/h3>\n\n\n\n<div class=\"wp-block-group accordion-collapse collapse is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group accordion-body is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group row is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group col-md-3 col-lg-2 mb-3 is-layout-flow wp-block-group-is-layout-flow\">\n<figure class=\"wp-block-image size-large rounded\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/themes.bootscore.me\/boilerplate\/wp-content\/uploads\/2023\/12\/dummy-image-1024x768.png\" alt=\"\" class=\"wp-image-36\" srcset=\"https:\/\/themes.bootscore.me\/boilerplate\/wp-content\/uploads\/2023\/12\/dummy-image-1024x768.png 1024w, https:\/\/themes.bootscore.me\/boilerplate\/wp-content\/uploads\/2023\/12\/dummy-image-600x450.png 600w, https:\/\/themes.bootscore.me\/boilerplate\/wp-content\/uploads\/2023\/12\/dummy-image-300x225.png 300w, https:\/\/themes.bootscore.me\/boilerplate\/wp-content\/uploads\/2023\/12\/dummy-image-768x576.png 768w, https:\/\/themes.bootscore.me\/boilerplate\/wp-content\/uploads\/2023\/12\/dummy-image.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-group col is-layout-flow wp-block-group-is-layout-flow\">\n<h4 class=\"wp-block-heading mb-2\">Heading<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n\n\n\n<div class=\"heroes hide-wp-block-classes swiper-container swiper mb-3 height-75\">\n<div class=\"swiper-wrapper\">\n<div class=\"swiper-slide h-100 bg-dark\">\n<figure class=\"size-large swiper-hero-img h-100 w-100 object-fit-cover mb-0\"><img decoding=\"async\" src=\"https:\/\/dummyimage.com\/1200x900\/6c757d\/ffffff\" alt=\"\"\/><\/figure>\n\n\n\n<div class=\"position-absolute top-0 end-0 bottom-0 start-0\">\n<div class=\"container h-100\">\n<div class=\"row h-100 justify-content-end\">\n<div class=\"col-lg-6 d-flex align-items-end\">\n<div class=\"bg-gradient-radial-top-start from-blue from-10 to-indigo text-white shadow-sm rounded-4 swiper-transition mb-5 p-4\">\n<p class=\"badge bg-primary-subtle text-primary-emphasis text-decoration-none wp-block-paragraph\">Badge<\/p>\n\n\n\n<h2 class=\"blog-post-title h5\">Slide #1<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua<\/p>\n\n\n\n<p class=\"mb-0 wp-block-paragraph\"><a class=\"btn btn-outline-light w-100\" href=\"#\">Button<\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"swiper-slide h-100 bg-dark\">\n<figure class=\"size-large swiper-hero-img h-100 w-100 object-fit-cover mb-0\"><img decoding=\"async\" src=\"https:\/\/dummyimage.com\/1200x900\/6c757d\/ffffff\" alt=\"\"\/><\/figure>\n\n\n\n<div class=\"position-absolute top-0 end-0 bottom-0 start-0\">\n<div class=\"container h-100\">\n<div class=\"row h-100 justify-content-end\">\n<div class=\"col-lg-6 d-flex align-items-end\">\n<div class=\"bg-gradient-radial-top-start from-blue from-10 to-indigo text-white shadow-sm rounded-4 swiper-transition mb-5 p-4\">\n<p class=\"badge bg-primary-subtle text-primary-emphasis text-decoration-none wp-block-paragraph\">Badge<\/p>\n\n\n\n<h2 class=\"blog-post-title h5\">Slide #2<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua<\/p>\n\n\n\n<p class=\"mb-0 wp-block-paragraph\"><a class=\"btn btn-outline-light w-100\" href=\"#\">Button<\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"swiper-slide h-100 bg-dark\">\n<figure class=\"size-large swiper-hero-img h-100 w-100 object-fit-cover mb-0\"><img decoding=\"async\" src=\"https:\/\/dummyimage.com\/1200x900\/6c757d\/ffffff\" alt=\"\"\/><\/figure>\n\n\n\n<div class=\"position-absolute top-0 end-0 bottom-0 start-0\">\n<div class=\"container h-100\">\n<div class=\"row h-100 justify-content-end\">\n<div class=\"col-lg-6 d-flex align-items-end\">\n<div class=\"bg-gradient-radial-top-start from-blue from-10 to-indigo text-white shadow-sm rounded-4 swiper-transition mb-5 p-4\">\n<p class=\"badge bg-primary-subtle text-primary-emphasis text-decoration-none wp-block-paragraph\">Badge<\/p>\n\n\n\n<h2 class=\"blog-post-title h5\">Slide #3<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua<\/p>\n\n\n\n<p class=\"mb-0 wp-block-paragraph\"><a class=\"btn btn-outline-light w-100\" href=\"#\">Button<\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"swiper-pagination\">\n<p class=\"d-none wp-block-paragraph\"><span >swiper-pagination<\/span><\/p>\n<\/div>\n\n\n\n<div class=\"swiper-button-next d-none d-lg-block\">\n<p class=\"d-none wp-block-paragraph\">swiper-button-next end-0<\/p>\n<\/div>\n\n\n\n<div class=\"swiper-button-prev d-none d-lg-block\">\n<p class=\"d-none wp-block-paragraph\">swiper-button-prev start-0<\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>100k + Users choose us Hero with cropped screenshot Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut Button Button 100k + Users choose us A punchy headline for the site h1 title Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut Button [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":122,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/page-blank.php","meta":{"footnotes":""},"class_list":["post-2671","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/themes.bootscore.me\/boilerplate\/wp-json\/wp\/v2\/pages\/2671","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themes.bootscore.me\/boilerplate\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/themes.bootscore.me\/boilerplate\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/themes.bootscore.me\/boilerplate\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/themes.bootscore.me\/boilerplate\/wp-json\/wp\/v2\/comments?post=2671"}],"version-history":[{"count":767,"href":"https:\/\/themes.bootscore.me\/boilerplate\/wp-json\/wp\/v2\/pages\/2671\/revisions"}],"predecessor-version":[{"id":4445,"href":"https:\/\/themes.bootscore.me\/boilerplate\/wp-json\/wp\/v2\/pages\/2671\/revisions\/4445"}],"up":[{"embeddable":true,"href":"https:\/\/themes.bootscore.me\/boilerplate\/wp-json\/wp\/v2\/pages\/122"}],"wp:attachment":[{"href":"https:\/\/themes.bootscore.me\/boilerplate\/wp-json\/wp\/v2\/media?parent=2671"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}