<section class="bg-white py-8"> <div class="container"> <div class="text-center text-balance d-flex justify-content-center mb-6"> <div class="col-12 col-lg-8"> <span class="badge bg-secondary-soft">Latests blog posts</span> <h2 class="h3">Blog posts</h2> </div> </div> <div class="main-blog row-cols-1 row-cols-md-2 row-cols-lg-3 row g-6"> <article class="col d-flex"> <div class="card p-4 shadow-sm border-0 h-100 w-100"> <picture class="mb-4"> <source srcset="https://cdn.modyo.cloud/uploads/e5098219-b53f-408f-8d55-10ff24a22ead/original/image-blog-1.jpg"> <img class="mw-100 rounded-1" src="https://cdn.modyo.cloud/uploads/e5098219-b53f-408f-8d55-10ff24a22ead/original/image-blog-1.jpg" alt="person"> </picture> <div class="d-flex mb-2 align-items-center"> <span class="badge bg-info-soft">Investments</span> <small class="ms-auto text-gray-500"> John Smith <span class="text-gray-300 mx-2">|</span> 5 min read </small> </div> <div class="mb-4"> <h4 class="mb-3 h6"> 5 Tips for Building a Strong Investment Portfolio</h4> <p class="text-gray-500">Discover essential strategies to diversify and strengthen your investment portfolio </p> </div> <div class="mt-auto"> <a href="#" class="link-secondary">Learn more <i class="bi bi-arrow-right"></i> </a> </div> </div> </article> <article class="col d-flex"> <div class="card p-4 shadow-sm border-0 h-100 w-100"> <picture class="mb-4"> <source srcset="https://cdn.modyo.cloud/uploads/1f67f65a-8546-4081-9eff-6b54ba51013a/original/image-blog-2.jpg" media="(orientation: portrait)"> <img class="mw-100 rounded-1" src="https://cdn.modyo.cloud/uploads/1f67f65a-8546-4081-9eff-6b54ba51013a/original/image-blog-2.jpg" alt="working man"> </picture> <div class="d-flex mb-2 align-items-center"> <span class="badge bg-success-soft">Finances</span> <small class="ms-auto text-gray-500"> Emily Jones <span class="text-gray-300 mx-2">|</span> 7 min read </small> </div> <div class="mb-4"> <h4 class="mb-3 h6"> Understanding the Basics of Cryptocurrency</h4> <p class="text-gray-500">Learn about the fundamentals of cryptocurrency, including blockchain technology and popular digital currencies...</p> </div> <div class="mt-auto"> <a href="#" class="link-secondary">Learn more <i class="bi bi-arrow-right"></i> </a> </div> </div> </article> <article class="col d-flex"> <div class="card p-4 shadow-sm border-0 h-100 w-100"> <picture class="mb-4"> <source srcset="https://cdn.modyo.cloud/uploads/320b182e-670e-4b2b-88ed-e0da125d9622/original/image-blog-3.jpg" media="(orientation: portrait)"> <img class="mw-100 rounded-1" src="https://cdn.modyo.cloud/uploads/320b182e-670e-4b2b-88ed-e0da125d9622/original/image-blog-3.jpg" alt="Working man"> </picture> <div class="d-flex mb-2 align-items-center"> <span class="badge bg-warning-soft">Economy</span> <small class="ms-auto text-gray-500"> David Brown <span class="text-gray-300 mx-2">|</span> 6 min read </small> </div> <div class="mb-4"> <h4 class="mb-3 h6">Economic Outlook 2022: Trends and Predictions</h4> <p class="text-gray-500">Explore the latest economic trends and predictions shaping the financial landscape </p> </div> <div class="mt-auto"> <a href="#" class="link-secondary">Learn more <i class="bi bi-arrow-right"></i> </a> </div> </div> </article> <article class="col d-flex"> <div class="card p-4 shadow-sm border-0 h-100 w-100"> <picture class="mb-4"> <source srcset="https://cdn.modyo.cloud/uploads/df44826b-220c-4a06-991f-44128ccdd7dc/original/image-blog-4.jpg" media="(orientation: portrait)"> <img class="mw-100 rounded-1" src="https://cdn.modyo.cloud/uploads/df44826b-220c-4a06-991f-44128ccdd7dc/original/image-blog-4.jpg" alt="working woman"> </picture> <div class="d-flex mb-2 align-items-center"> <span class="badge bg-success-soft">Finances</span> <small class="ms-auto text-gray-500"> Samantha Lee <span class="text-gray-300 mx-2">|</span> 4 min read </small> </div> <div class="mb-4"> <h4 class="mb-3 h6">The Benefits of High-Yield Savings Accounts</h4> <p class="text-gray-500">Don&apos;t be scared of the truth because we need to restart the human foundation in truth And I love you like Kanye loves....</p> </div> <div class="mt-auto"> <a href="#" class="link-secondary">Learn more <i class="bi bi-arrow-right"></i> </a> </div> </div> </article> <article class="col d-flex"> <div class="card p-4 shadow-sm border-0 h-100 w-100"> <picture class="mb-4"> <source srcset="https://cdn.modyo.cloud/uploads/9c42e028-2232-4318-a7d4-4119d02ec8fc/original/image-blog-7.png" media="(orientation: portrait)"> <img class="mw-100 rounded-1" src="https://cdn.modyo.cloud/uploads/9c42e028-2232-4318-a7d4-4119d02ec8fc/original/image-blog-7.png" alt="working woman"> </picture> <div class="d-flex mb-2 align-items-center"> <span class="badge bg-primary-soft">Products</span> <small class="ms-auto text-gray-500"> Michael Johnson <span class="text-gray-300 mx-2">|</span> 7 min read </small> </div> <div class="mb-4"> <h4 class="mb-3 h6">How to Choose the Right Credit Card for Your Lifestyle</h4> <p class="text-gray-500">Find out how to select a credit card that aligns with your spending habits, rewards preferences, and financial goals...</p> </div> <div class="mt-auto"> <a href="#" class="link-secondary">Learn more <i class="bi bi-arrow-right"></i> </a> </div> </div> </article> <article class="col d-flex"> <div class="card p-4 shadow-sm border-0 h-100 w-100"> <picture class="mb-4"> <source srcset="https://cdn.modyo.cloud/uploads/5cfc76c9-ed48-4761-8be1-fee86bee2e30/original/image-blog-6.jpg" media="(orientation: portrait)"> <img class="mw-100 rounded-1" src="https://cdn.modyo.cloud/uploads/5cfc76c9-ed48-4761-8be1-fee86bee2e30/original/image-blog-6.jpg" alt="Working"> </picture> <div class="d-flex mb-2 align-items-center"> <span class="badge bg-info-soft">Investments</span> <small class="ms-auto text-gray-500"> Laura Martinez <span class="text-gray-300 mx-2">|</span> 8 min read </small> </div> <div class="mb-4"> <h4 class="mb-3 h6">Exploring the World of Sustainable Investing</h4> <p class="text-gray-500"> Dive into the growing field of sustainable investing and learn how you can make a positive impact while earning returns.</p> </div> <div class="mt-auto"> <a href="#" class="link-secondary">Learn more <i class="bi bi-arrow-right"></i> </a> </div> </div> </article> </div> </div> </section>

<section class="bg-white py-8"> <div class="container"> <div class="d-flex flex-column flex-md-row gap-8 align-items-center"> <div class="w-100"> <img class="mw-100 h-100 rounded-2" style="object-fit: cover" src="https://cdn.modyo.cloud/uploads/df44826b-220c-4a06-991f-44128ccdd7dc/original/image-blog-4.jpg" alt="working man"> </div> <div class="w-100"> <span class="badge text-bg-light mb-3">Economic</span> <h2 class="mb-3 h3">Economic Outlook 2025: Trends and Predictions</h2> <h5 class="mb-4 fw-normal text-gray-500">Explore the latest economic trends and predictions shaping the financial landscape provides an in-depth analysis of the current economic landscape... </h5> <a href="#" class="mt-4 link-secondary">Read more <i class="bi bi-arrow-right"></i></a> <div class="d-flex gap-4 align-items-center mt-4"> <img style="width: 64px; height: 64px" class="rounded-circle" src="https://cdn.modyo.cloud/uploads/03a6970d-e917-4597-8c9f-bae052a214ab/original/Avatars_1_.png"> <div> <h4 class="h6">Marcell Glock</h4> <p class="text-gray-500">16 September 2024</p> </div> </div> </div> </div> </div> </section>

<section class="bg-white py-8"> <div class="container"> <div class="text-balance d-flex mb-6"> <div class="col-12 col-lg-8"> <span class="badge text-bg-light mb-2">Build something great</span> <h3>Blog posts</h3> <h5 class="text-gray-500 fw-normal">Gain valuable insights and tips to help you make informed financial decisions.</h5> </div> </div> <div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 g-4"> <div class="col"> <article class="card text-white border-0 shadow-none rounded overflow-hidden h-100"> <img src="https://cdn.modyo.cloud/uploads/fa9bbc73-4c05-48d3-b701-af02782f1d98/original/blog-img-overlay-1.png" class="card-img h-100 object-fit-cover" alt="finance image"> <div class="card-img-overlay d-flex flex-column justify-content-end p-4 card-gradient-overlay"> <h4 class="mb-3 h5">5 Tips for Building a Strong Investment Portfolio</h4> <p class="h6 fw-normal">Discover essential strategies to diversify and strengthen your investment portfolio.</p> </div> </article> </div> <div class="col"> <article class="card text-white border-0 shadow-none rounded overflow-hidden h-100"> <img src="https://cdn.modyo.cloud/uploads/1310a58e-77ec-4e4f-9745-a93b10311f7d/original/blog-img-overlay-2.png" class="card-img h-100 object-fit-cover" alt="girls image"> <div class="card-img-overlay d-flex flex-column justify-content-end p-4 card-gradient-overlay"> <h4 class="mb-3 h5">How to Choose the Right Credit Card for Your Lifestyle</h4> <p class="h6 fw-normal">Find out how to select a credit card that aligns with your spending habits, rewards preferences, and financial goals.</p> </div> </article> </div> <div class="col"> <article class="card text-white border-0 shadow-none rounded overflow-hidden h-100"> <img src="https://cdn.modyo.cloud/uploads/5964b604-92b2-4f61-8c30-d87393e97735/original/blog-img-overlay-3.png" class="card-img h-100 object-fit-cover" alt="family image"> <div class="card-img-overlay d-flex flex-column justify-content-end p-4 card-gradient-overlay"> <h4 class="mb-3 h5">The Benefits of High-Yield Savings Accounts</h4> <p class="h6 fw-normal">Don&apos;t be scared of the truth because we need to restart the human foundation in truth And I love you like Kanye loves.</p> </div> </article> </div> </div> </div> </section> <style> .card-gradient-overlay { background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0) 60%); } </style>