
<div [appBodyClass]="'font-f-4'">
<app-breadcrumb [Title]="'Our Blogs'" [subTitle]="'Our Blog 2'" />

<div class="blog1 sp3">
  <div class="container">
    <div class="row">
      @for(item of blogData; track $index){
      <div class="col-lg-6">
        <div class="blog1-single-box active page-blog1-single-box">
          <div class="blog1-box-img img100">
            <img [src]="item.image" alt="" />
          </div>
          <div class="blog1-hadding">
            <ul>
              <li>
                <a [routerLink]="[]" class="span">{{ item.date }}</a>
              </li>
            </ul>
            <div class="space14"></div>
            <h4>
              <a routerLink="/blog-details">{{ item.des }} </a>
            </h4>
            <div class="space30"></div>
            <a class="learn-more1" routerLink="/blog-details"
              >Read More<span><i class="fa-solid fa-arrow-right"></i></span
            ></a>
          </div>
        </div>
      </div>
      }
    </div>

    <div class="space60"></div>
    <div class="row">
         <app-theme-pagination/>
    </div>
  </div>
</div>
</div>
