<style> .link-box { text-decoration: none; transition: all .2s ease-in-out; } .link-box:hover { background: rgb(var(--bs-secondary-soft-rgb)); text-decoration: none; } .link-box.active { background: rgba(var(--bs-secondary-100-rgb),.4) !important; border-color: rgb(var(--bs-secondary-rgb)) !important } .link-box.active span { color: rgb(var(--bs-secondary-rgb)) !important } .link-box span { font-weight: normal; } .link-box.active span:after { content: ""; bottom: 0rem; height: 4px; left: 0rem; width: 40%; position: absolute; background: rgb(var(--bs-secondary-rgb)); border-radius: 4px; } .carousel-indicators { position: static; } .carousel-indicators > button { width: 25% !important; height: 100% !important; min-height: 8px; opacity: 1 !important; text-indent: 0 !important; text-align: left; } </style> <section class="bg-white py-8"> <div class="container"> <div id="carouselHero" class="carousel slide" data-bs-ride="carousel"> <div class="carousel-inner"> <div class="carousel-item px-4 active" data-bs-interval="10000"> <div class="row align-items-center justify-content-between"> <div class="order-2 order-md-1 col-12 col-md-6 align-items-center"> <div> <h2 class="h1 mb-4 lh-1">Download our <span class="text-primary">Mobile APP</span> </h2> <h3 class="h5 fw-normal text-gray-700 mb-3">Empower Your Wealth Journey with Dynamic Bank</h3> <h4 class="h6 fw-normal text-gray-500 mb-5">Climb to financial success by transferring card balances to a Dynamic Bank credit card. It&#39;s your path to debt reduction and financial control. APR 24.9% variable. Subject to approval. T&amp;Cs apply</h4> <a href="#" class="btn btn-primary btn-lg">Get started today</a> </div> </div> <div class="order-1 order-md-2 col-5 d-flex mb-3 mb-md-0"> <picture class="ratio ratio-1x1"> <img class="w-100 object-fit-cover rounded-circle" src="https://cdn.modyo.cloud/uploads/1eda00ae-17b3-4368-b853-f2a4ea5f3aee/original/img_hero2.jpg" alt="Image for Download our mobile APP"> </picture> </div> </div> </div> <div class="carousel-item px-4" data-bs-interval="10000"> <div class="row align-items-center justify-content-between"> <div class="order-2 order-md-1 col-12 col-md-6 align-items-center"> <div> <h2 class="h1 mb-4 lh-1">Your favorite <span class="text-primary">Digital Bank</span> </h2> <h3 class="h5 fw-normal text-gray-700 mb-3">Empower Your Wealth Journey with Dynamic Bank</h3> <h4 class="h6 fw-normal text-gray-500 mb-5">Climb to financial success by transferring card balances to a Dynamic Bank credit card. It&#39;s your path to debt reduction and financial control. APR 24.9% variable. Subject to approval. T&amp;Cs apply</h4> <a href="#" class="btn btn-primary btn-lg">Get started today</a> </div> </div> <div class="order-1 order-md-2 col-5 d-flex mb-3 mb-md-0"> <picture class="ratio ratio-1x1"> <img class="w-100 object-fit-cover rounded-circle" src="https://cdn.modyo.cloud/uploads/e62866b6-0a27-41b7-8b89-a6dda8800108/original/hero_1.png" alt="Image for Your favorite digital bank"> </picture> </div> </div> </div> <div class="carousel-item px-4" data-bs-interval="10000"> <div class="row align-items-center justify-content-between"> <div class="order-2 order-md-1 col-12 col-md-6 align-items-center"> <div> <h2 class="h1 mb-4 lh-1">Learn about our <span class="text-primary">Benefits</span> </h2> <h3 class="h5 fw-normal text-gray-700 mb-3">Empower Your Wealth Journey with Dynamic Bank</h3> <h4 class="h6 fw-normal text-gray-500 mb-5">Climb to financial success by transferring card balances to a Dynamic Bank credit card. It&#39;s your path to debt reduction and financial control. APR 24.9% variable. Subject to approval. T&amp;Cs apply</h4> <a href="#" class="btn btn-primary btn-lg">Get started today</a> </div> </div> <div class="order-1 order-md-2 col-5 d-flex mb-3 mb-md-0"> <picture class="ratio ratio-1x1"> <img class="w-100 object-fit-cover rounded-circle" src="https://cdn.modyo.cloud/uploads/c2804af4-c8c8-4e94-b56f-d0b2fd496db7/original/hero_3.png" alt="Image for Learn about our Benefits"> </picture> </div> </div> </div> <div class="carousel-item px-4" data-bs-interval="10000"> <div class="row align-items-center justify-content-between"> <div class="order-2 order-md-1 col-12 col-md-6 align-items-center"> <div> <h2 class="h1 mb-4 lh-1">Invest in your <span class="text-primary">future</span> </h2> <h3 class="h5 fw-normal text-gray-700 mb-3">Empower Your Wealth Journey with Dynamic Bank</h3> <h4 class="h6 fw-normal text-gray-500 mb-5">Climb to financial success by transferring card balances to a Dynamic Bank credit card. It&#39;s your path to debt reduction and financial control. APR 24.9% variable. Subject to approval. T&amp;Cs apply</h4> <a href="#" class="btn btn-primary btn-lg">Get started today</a> </div> </div> <div class="order-1 order-md-2 col-5 d-flex mb-3 mb-md-0"> <picture class="ratio ratio-1x1"> <img class="w-100 object-fit-cover rounded-circle" src="https://cdn.modyo.cloud/uploads/d62d36cc-0208-4b5c-b5b0-7bfb370799a4/original/hero_2.png" alt="Image for Invest in your future"> </picture> </div> </div> </div> </div> <div class="carousel-indicators mt-8 mt-lg-4 mx-0 grid gap-3"> <button type="button" data-bs-target="#carouselHero" data-bs-slide-to="0" class="col p-0 p-md-1 px-lg-3 border rounded-2 align-items-center link-box shadow-sm row active" aria-label="Slide 1" aria-current="true"> <div class="col-12 col-lg-7 d-none d-md-flex"> <span class="h6 text-gray-500 py-3 position-relative">Download our mobile APP</span> </div> <div class="col-5 d-none d-lg-flex"> <picture class="ratio ratio-1x1"> <img class="w-100 object-fit-cover rounded-circle" src="https://cdn.modyo.cloud/uploads/1eda00ae-17b3-4368-b853-f2a4ea5f3aee/original/img_hero2.jpg" alt="Image for Download our mobile APP"> </picture> </div> </button> <button type="button" data-bs-target="#carouselHero" data-bs-slide-to="1" class="col p-0 p-md-1 px-lg-3 border rounded-2 align-items-center link-box shadow-sm row" aria-label="Slide 2"> <div class="col-12 col-lg-7 d-none d-md-flex"> <span class="h6 text-gray-500 py-3 position-relative">Your favorite digital bank</span> </div> <div class="col-5 d-none d-lg-flex"> <picture class="ratio ratio-1x1"> <img class="w-100 object-fit-cover rounded-circle" src="https://cdn.modyo.cloud/uploads/e62866b6-0a27-41b7-8b89-a6dda8800108/original/hero_1.png" alt="Image for Your favorite digital bank"> </picture> </div> </button> <button type="button" data-bs-target="#carouselHero" data-bs-slide-to="2" class="col p-0 p-md-1 px-lg-3 border rounded-2 align-items-center link-box shadow-sm row" aria-label="Slide 3"> <div class="col-12 col-lg-7 d-none d-md-flex"> <span class="h6 text-gray-500 py-3 position-relative">Learn about our Benefits</span> </div> <div class="col-5 d-none d-lg-flex"> <picture class="ratio ratio-1x1"> <img class="w-100 object-fit-cover rounded-circle" src="https://cdn.modyo.cloud/uploads/c2804af4-c8c8-4e94-b56f-d0b2fd496db7/original/hero_3.png" alt="Image for Learn about our Benefits"> </picture> </div> </button> <button type="button" data-bs-target="#carouselHero" data-bs-slide-to="3" class="col p-0 p-md-1 px-lg-3 border rounded-2 align-items-center link-box shadow-sm row" aria-label="Slide 4"> <div class="col-12 col-lg-7 d-none d-md-flex"> <span class="h6 text-gray-500 py-3 position-relative">Invest in your future</span> </div> <div class="col-5 d-none d-lg-flex"> <picture class="ratio ratio-1x1"> <img class="w-100 object-fit-cover rounded-circle" src="https://cdn.modyo.cloud/uploads/d62d36cc-0208-4b5c-b5b0-7bfb370799a4/original/hero_2.png" alt="Image for Invest in your future"> </picture> </div> </button> </div> </div> <!--- END CAROUSEL --> </div> </section>

<section class="bg-white py-8"> <div class="container"> <div class="row justify-content-center"> <div class="col-lg-8 text-center mb-8"> <h2 class="h3">Unlock Financial Freedom with Dynamic Bank</h2> <h5 class="text-gray-500 fw-normal mb-4">Empower Your Wealth Journey with Dynamic Bank</h5> <a href="#" class="btn btn-primary btn-lg rounded-pill">Request a demo</a> </div> </div> <div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 g-4"> <div class="col"> <div class="card p-4 border-0 h-100 shadow-none bg-secondary-soft rounded-1 d-flex flex-column"> <div> <i class="d-icon bi bi-piggy-bank mb-4" style="--bs-icon-component-size: 1.5rem; --bs-icon-component-color: var(--bs-primary); --bs-icon-component-bg-color: rgba(var(--bs-primary-rgb), 0.1); --bs-icon-component-padding: calc(var(--bs-icon-component-size) * 1);"></i> </div> <h5 class="mb-3">Savings Account</h5> <p class="mb-2 text-gray-500">Start saving today and watch your money grow with competitive interest rates.</p> <div class="text-end mt-auto"> <a href="#" class="link-secondary">Read more <i class="bi bi-arrow-right"></i></a> </div> </div> </div> <div class="col"> <div class="card p-4 border-0 h-100 shadow-none bg-secondary-soft rounded-1 d-flex flex-column"> <div> <i class="d-icon bi bi-wallet2 mb-4" style="--bs-icon-component-size: 1.5rem; --bs-icon-component-color: var(--bs-secondary); --bs-icon-component-bg-color: rgba(var(--bs-secondary-rgb), 0.1); --bs-icon-component-padding: calc(var(--bs-icon-component-size) * 1);"></i> </div> <h5 class="mb-3">Checking Account</h5> <p class="mb-2 text-gray-500">Manage your day-to-day finances with ease, unlimited transactions, and mobile access.</p> <div class="text-end mt-auto"> <a href="#" class="link-secondary">Read more <i class="bi bi-arrow-right"></i></a> </div> </div> </div> <div class="col"> <div class="card p-4 border-0 h-100 shadow-none bg-secondary-soft rounded-1 d-flex flex-column"> <div> <i class="d-icon bi bi-graph-up-arrow mb-4" style="--bs-icon-component-size: 1.5rem; --bs-icon-component-color: var(--bs-warning); --bs-icon-component-bg-color: rgba(var(--bs-warning-rgb), 0.1); --bs-icon-component-padding: calc(var(--bs-icon-component-size) * 1);"></i> </div> <h5 class="mb-3">Investment Account</h5> <p class="mb-2 text-gray-500">Build your financial future by investing in stocks, funds, and other assets.</p> <div class="text-end mt-auto"> <a href="#" class="link-secondary">Read more <i class="bi bi-arrow-right"></i></a> </div> </div> </div> </div> </div> </section>

<section class="bg-white py-8"> <div class="container"> <div class="row"> <div class="col-lg-7 d-lg-flex mb-lg-4 align-items-center"> <div> <h2 class="h3 mb-4">Unlock Financial Freedom with Dynamic Bank</h2> <h5 class="fw-normal text-gray-500 mb-3">Empower Your Wealth Journey with Dynamic Bank</h5> <h6 class="fw-normal text-gray-500">Climb to financial success by transferring card balances to a Dynamic Bank credit card. It&#39;s your path to debt reduction and financial control. APR 24.9% variable. Subject to approval. T&Cs apply</h6> </div> </div> <div class="col-lg-5 mt-6 mt-md-0"> <picture> <img class="mw-100 h-100 rounded-3" style="object-fit: cover" src="https://cdn.modyo.cloud/uploads/b5476ad5-0362-4d5a-b68f-7cc3ff686c52/original/stefan-stefancik-5p_7M5MP2Iw-unsplash.jpg" /> </picture> </div> </div> </div> </section>

<section class="bg-white py-8"> <div class="container"> <div class="row"> <div class="col-lg-7 d-lg-flex mb-lg-4 align-items-center"> <div> <span class="badge text-bg-light mb-2">Benefits</span> <h2 class="h3 mb-4">Unlock Financial Freedom with Dynamic Bank</h2> <h5 class="fw-normal text-gray-500 mb-3">Empower Your Wealth Journey with Dynamic Bank</h5> <div class="mt-4"> <a href="" class="btn btn-primary btn-lg rounded-pill">Request a demo</a> <a href="" class="btn btn-link-secondary btn-lg rounded-pill">Request a demo</a> </div> </div> </div> <div class="col-lg-5 mt-6 mt-md-0"> <picture> <img class="mw-100 h-100 rounded-3" src="https://cdn.modyo.cloud/uploads/16ceb73d-4b61-4b8e-ad60-d572013ad8ea/original/Frame_33428.png" /> </picture> </div> </div> </div> </section>

<style> .hero-v4 { background: url("https://cdn.modyo.cloud/uploads/743dfb13-3df1-4370-813f-12c140672542/original/bailey-zindel-NRQV-hBF10M-unsplash.jpg") no-repeat center center; background-size: cover; min-height: 500px; } .hero-v4:after { content: ""; inset: 0 0 0 0; position: absolute; background: rgba(0,0,0,.7); } </style> <section class="py-8 hero-v4 position-relative text-white d-flex align-items-center"> <div class="container position-relative z-1 d-flex"> <div class="col-lg-6"> <h2 class="h3 mb-4">Unlock Financial Freedom with Dynamic Bank</h2> <h5 class="fw-normal mb-3">Empower Your Wealth Journey with Dynamic Bank</h5> <h6 class="fw-normal">Climb to financial success by transferring card balances to a Dynamic Bank credit card. It&#39;s your path to debt reduction and financial control. APR 24.9% variable. Subject to approval. T&Cs apply</h6> </div> </div> </section>

<style> .hero-v5 { background: url("https://cdn.modyo.cloud/uploads/743dfb13-3df1-4370-813f-12c140672542/original/bailey-zindel-NRQV-hBF10M-unsplash.jpg") no-repeat center center; background-size: cover; min-height: 500px; } .hero-v5:after { content: ""; inset: 0 0 0 0; position: absolute; background: rgba(0,0,0,.7); } </style> <section class="py-8 hero-v5 position-relative text-white d-flex align-items-center"> <div class="container position-relative z-1 d-lg-flex justify-content-center text-center"> <div class="col-lg-6"> <span class="badge text-bg-light mb-3">Benefits</span> <h2 class="h3 mb-4">Unlock Financial Freedom with Dynamic Bank</h2> <h5 class="fw-normal mb-5">Empower Your Wealth Journey with Dynamic Bank</h5> <a href="#" class="btn btn-primary btn-lg rounded-pill">Request a demo</a> </div> </div> </section>

<style> .hero-v6 { background: url("https://cdn.modyo.cloud/uploads/978637c6-7f58-4351-b6fd-a13d46b67786/original/neom-El92hmAt91o-unsplash.jpg") no-repeat center center; background-size: cover; padding: 8rem 0 12rem 0 } .hero-v6:after { background: rgba(0,0,0,.7); content: ""; inset: 0 0 0 0; position: absolute; } .link-box { text-decoration: none; } .link-box:hover { background: rgb(var(--bs-secondary-100-rgb)); text-decoration: none; } </style> <section class="bg-white pb-8"> <div class="position-relative d-flex align-items-center hero-v6"> <div class="container position-relative z-1 d-flex flex-column"> <div class="col-lg-6 text-white"> <h2 class="h3 mb-4">Unlock Financial Freedom with Dynamic Bank</h2> <h5 class="fw-normal mb-3">Empower Your Wealth Journey with Dynamic Bank</h5> <h6 class="fw-normal">Climb to financial success by transferring card balances to a Dynamic Bank credit card. It&#39;s your path to debt reduction and financial control. APR 24.9% variable. Subject to approval. T&Cs apply</h6> </div> </div> </div> <div class="container"> <div class="bg-white rounded-3 p-4 d-flex flex-column flex-lg-row gap-8 position-relative z-2" style=" margin-top: -100px"> <a href="#" class="d-block w-100 rounded-2 p-4 link-box"> <h4 class="mb-2 h5">Saving account</h4> <p class="text-gray-500 mb-3">Start saving today and watch your money grow with competitive interest rates.</p> <span class="link-secondary text-uppercase">Learn more <i class="bi bi-arrow-right"></i></span> </a> <a href="#" class="d-block w-100 rounded-2 p-4 link-box"> <h4 class="mb-2 h5">Saving account</h4> <p class="text-gray-500 mb-3">Start saving today and watch your money grow with competitive interest rates.</p> <span class="link-secondary text-uppercase">Learn more <i class="bi bi-arrow-right"></i></span> </a> <a href="#" class="d-block w-100 rounded-2 p-4 link-box"> <h4 class="mb-2 h5">Saving account</h4> <p class="text-gray-500 mb-3">Start saving today and watch your money grow with competitive interest rates.</p> <span class="link-secondary text-uppercase">Learn more <i class="bi bi-arrow-right"></i></span> </a> </div> </div> </section>