text: import React from 'react'
  import './style.css'
  
  
  const LearningBlogs = () => {
      return (
  
  <div className="row row-cols-1 row-cols-md-4 g-4 p-4">
  
  
    <div className="col">
      <div className="card">
        <a className="card-link" href="https://www.nerdwallet.com/article/finance/raise-credit-score-fast"/>
          <img src="/assets/paybills.jpg" className="card-img-top" alt="..."/>
          <div className="card-body">
          <h5 className="card-title"><a className="bTitle" href="https://www.nerdwallet.com/article/finance/raise-credit-score-fast">Pay bills on time</a></h5>
            <p className="card-text">Payment history is the single biggest factor that affects credit scores, and late payments can stay on your credit reports for 7½ years.</p>
          </div>
        </div>
    </div>
  
    <div className="col">
      <div className="card">
      <a className="card-link" href="https://www.investopedia.com/articles/00/082100.asp"/>
        <img src="/assets/research.jpg" className="card-img-top" alt="..."/>
        <div className="card-body">
        <h5 className="card-title"><a className="bTitle" href="https://www.investopedia.com/articles/00/082100.asp">Don't Chase a Hot Tip </a></h5>
          <p className="card-text">Regardless of the source, never accept a stock tip as valid. Always do your own analysis on a company before investing your hard-earned money.</p>
        </div>
      </div>
    </div>
  
    <div className="col">
      <div className="card">
      <a className="card-link" href="https://www.regions.com/Insights/Personal/Personal-Finances/budgeting-and-saving/10-Best-Ways-to-Save-Money"/>
        <img src="/assets/savings.jpg" className="card-img-top" alt="..."/>
        <div className="card-body">
        <h5 className="card-title"><a className="bTitle" href="https://www.regions.com/Insights/Personal/Personal-Finances/budgeting-and-saving/10-Best-Ways-to-Save-Money">Pay Yourself First</a></h5>
          <p className="card-text">Set up an auto debit from your checking account to your savings account each payday.</p>
        </div>
      </div>
    </div>
  
    <div className="col">
      <div className="card">
      <a className="card-link" href="https://www.timeforpayback.com/"/>
        <img src="/assets/college.jpg" className="card-img-top" alt="..."/>
        <div className="card-body">
        <h5 className="card-title"><a className="bTitle" href="https://www.timeforpayback.com/">College Bound?</a></h5>
          <p className="card-text">Can you make it through college without drowning in debt? Play Payba¢k and find out. Brought to you by Next Gen.</p>
        </div>
      </div>
    </div>
  
  <div className="col">
      <div className="card">
      <a className="card-link" href="https://dfi.wa.gov/financial-education/educators/online-games-and-apps"/>
        <img src="/assets/havefun.jpg" className="card-img-top" alt="..."/>
        <div className="card-body">
        <h5 className="card-title"><a className="bTitle" href="https://dfi.wa.gov/financial-education/educators/online-games-and-apps">Have fun Learning</a></h5>
          <p className="card-text">Online Games and Apps That Teach Kids About Money.</p>
        </div>
      </div>
    </div>
  
    <div className="col">
      <div className="card">
      <a className="card-link" href="https://www.investopedia.com/best-finance-books-for-teens-5095590"/>
        <img src="/assets/youngAdults.jpg" className="card-img-top" alt="..."/>
        <div className="card-body">
        <h5 className="card-title"><a className="bTitle" href="https://www.investopedia.com/best-finance-books-for-teens-5095590">Books for Young Adults</a></h5>
          <p className="card-text">Get started on the right financial foot with these reads.</p>
        </div>
      </div>
    </div>
  
    <div className="col">
      <div className="card">
      <a className="card-link" href="https://www.moneyprodigy.com/money-books-for-kids/"/>
        <img src="/assets/kidsbook.jpg" className="card-img-top" alt="..."/>
        <div className="card-body">
        <h5 className="card-title"><a className="bTitle" href="https://www.moneyprodigy.com/money-books-for-kids/">Books for kids</a></h5>
          <p className="card-text">Money books for kids by age.</p>
        </div>
      </div>
    </div>
  
   <div className="col">
      <div className="card">
      <a className="card-link" href="https://www.ngpf.org/curriculum/taxes/"/>
        <img src="/assets/taxes.jpg" className="card-img-top" alt="..."/>
        <div className="card-body">
        <h5 className="card-title"><a className="bTitle" href="https://www.ngpf.org/curriculum/taxes/">Learn about Taxes</a></h5>
          <p className="card-text">NGPF provides FREE up-to-date curriculum, engaging professional development and advocacy resources to increase access to financial education.
          </p>
        </div>
      </div>
    </div>
  
  </div>
  )
  }
  
  export default LearningBlogs