- var page_Title = 'User Cards';
- var theme_customizer      = true;
- var sidebar               = true;
- var slick                 = true;
- var header_slider         = true;
- var scrollbar             = true;
doctype html
html(lang='en')
  include ../../components/header-files
  body
    include ../../components/loader
    include ../../components/taptop
    // page-wrapper Start
    #pageWrapper.page-wrapper.compact-wrapper
      include ../../components/header
      // Page Body Start
      .page-body-wrapper
        include ../../components/sidebar
        .page-body
          .container.w-full
            .page-title
              .grid.grid-cols-12.mx-2.items-center
                div(class="col-span-6 sm:col-span-12")
                  h3
                    | User Cards
                div(class="col-span-6 sm:col-span-12")
                  ol.breadcrumb.flex
                    li.breadcrumb-item
                      a(href='index.html')                                        
                        svg.stroke-icon
                          use(href='../assets/svg/icon-sprite.svg#stroke-home')
                    li.breadcrumb-item Users
                    li.breadcrumb-item.active User Cards
          // Container-fluid starts
          .container.social-user-cards
            .grid.grid-cols-12.card-gap
              div(class="col-span-3 xxl:col-span-4 xl:col-span-6 sm:col-span-12 col-ed-4 box-col-4")
                .card.social-profile
                  .card-body
                    .social-img-wrap 
                      .social-img
                        img(src="../assets/images/dashboard-5/profile.png", alt="profile")
                      .edit-icon
                        svg
                          use(href='../assets/svg/icon-sprite.svg#profile-check')
                    .social-details
                      h5.mb-1
                        a(href="user-profile.html") Brooklyn Simmons
                      span.c-o-light(class="!block") @brookly.simmons
                      ul.card-social
                        li
                          a(href='https://www.facebook.com/' target="_blank")
                            i.fa-brands.fa-facebook-f
                        li
                          a(href='https://in.linkedin.com/' target="_blank")
                            i.fa-brands.fa-linkedin-in
                        li
                          a(href='https://twitter.com/' target="_blank")
                            i.fa-brands.fa-x-twitter
                        li
                          a(href='https://www.instagram.com/' target="_blank")
                            i.fa-brands.fa-instagram
                        li
                          a(href='https://rss.app/' target="_blank")
                            i.fa-solid.fa-rss
                      ul.social-follow 
                        li
                          h5.mb-0 1,908
                          span.c-o-light(class="!block") Posts
                        li
                          h5.mb-0 34.0k
                          span.c-o-light(class="!block") Followers
                        li
                          h5.mb-0 897
                          span.c-o-light(class="!block") Following
              div(class="col-span-3 xxl:col-span-4 xl:col-span-6 sm:col-span-12 col-ed-4 box-col-4")
                .card.social-profile
                  .card-body
                    .social-img-wrap 
                      .social-img
                        img.max-w-full(src="../assets/images/avtar/3.jpg", alt="profile")
                      .edit-icon
                        svg
                          use(href='../assets/svg/icon-sprite.svg#profile-check')
                    .social-details
                      h5.mb-1
                        a(href="user-profile.html") Mark Jecno
                      span.c-o-light(class="!block") @mark.jeco
                      ul.card-social
                        li
                          a(href='https://www.facebook.com/' target="_blank")
                            i.fa-brands.fa-facebook-f
                        li
                          a(href='https://accounts.google.com/' target="_blank")
                            i.fa-brands.fa-linkedin-in
                        li
                          a(href='https://twitter.com/' target="_blank")
                            i.fa-brands.fa-x-twitter
                        li
                          a(href='https://www.instagram.com/' target="_blank")
                            i.fa-brands.fa-instagram
                        li
                          a(href='https://rss.app/' target="_blank")
                            i.fa-solid.fa-rss
                      ul.social-follow 
                        li
                          h5.mb-0 875
                          span.c-o-light(class="!block") Posts
                        li
                          h5.mb-0 12.0k
                          span.c-o-light(class="!block") Followers
                        li
                          h5.mb-0 1400
                          span.c-o-light(class="!block") Following
              div(class="col-span-3 xxl:col-span-4 xl:col-span-6 sm:col-span-12 col-ed-4 box-col-4")
                .card.social-profile
                  .card-body
                    .social-img-wrap 
                      .social-img
                        img.max-w-full(src="../assets/images/avtar/11.jpg", alt="profile")
                      .edit-icon
                        svg
                          use(href='../assets/svg/icon-sprite.svg#profile-check')
                    .social-details
                      h5.mb-1
                        a(href="user-profile.html") Dev John
                      span.c-o-light(class="!block") @john.dev
                      ul.card-social
                        li
                          a(href='https://www.facebook.com/' target="_blank")
                            i.fa-brands.fa-facebook-f
                        li
                          a(href='https://accounts.google.com/' target="_blank")
                            i.fa-brands.fa-linkedin-in
                        li
                          a(href='https://twitter.com/' target="_blank")
                            i.fa-brands.fa-x-twitter
                        li
                          a(href='https://www.instagram.com/' target="_blank")
                            i.fa-brands.fa-instagram
                        li
                          a(href='https://rss.app/' target="_blank")
                            i.fa-solid.fa-rss
                      ul.social-follow 
                        li
                          h5.mb-0 1,274
                          span.c-o-light(class="!block") Posts
                        li
                          h5.mb-0 15.0k
                          span.c-o-light(class="!block") Followers
                        li
                          h5.mb-0 1874
                          span.c-o-light(class="!block") Following
              div(class="col-span-3 xxl:col-span-4 xl:col-span-6 sm:col-span-12 col-ed-4 box-col-4")
                .card.social-profile
                  .card-body
                    .social-img-wrap 
                      .social-img
                        img.max-w-full(src="../assets/images/avtar/16.jpg", alt="profile")
                      .edit-icon
                        svg
                          use(href='../assets/svg/icon-sprite.svg#profile-check')
                    .social-details
                      h5.mb-1
                        a(href="user-profile.html") Johan Deo
                      span.c-o-light(class="!block") @deo.johan
                      ul.card-social
                        li
                          a(href='https://www.facebook.com/' target="_blank")
                            i.fa-brands.fa-facebook-f
                        li
                          a(href='https://accounts.google.com/' target="_blank")
                            i.fa-brands.fa-linkedin-in
                        li
                          a(href='https://twitter.com/' target="_blank")
                            i.fa-brands.fa-x-twitter
                        li
                          a(href='https://www.instagram.com/' target="_blank")
                            i.fa-brands.fa-instagram
                        li
                          a(href='https://rss.app/' target="_blank")
                            i.fa-solid.fa-rss
                      ul.social-follow 
                        li
                          h5.mb-0 500
                          span.c-o-light(class="!block") Posts
                        li
                          h5.mb-0 8.0k
                          span.c-o-light(class="!block") Followers
                        li
                          h5.mb-0 570
                          span.c-o-light(class="!block") Following
              div(class="col-span-3 xxl:col-span-4 xl:col-span-6 sm:col-span-12 col-ed-4 box-col-4")
                .card.social-profile
                  .card-body
                    .social-img-wrap 
                      .social-img
                        img.max-w-full(src="../assets/images/user/7.jpg", alt="profile")
                      .edit-icon
                        svg
                          use(href='../assets/svg/icon-sprite.svg#profile-check')
                    .social-details
                      h5.mb-1
                        a(href="user-profile.html") Douglas Reichel
                      span.c-o-light(class="!block") @reichel.douglas
                      ul.card-social
                        li
                          a(href='https://www.facebook.com/' target="_blank")
                            i.fa-brands.fa-facebook-f
                        li
                          a(href='https://accounts.google.com/' target="_blank")
                            i.fa-brands.fa-linkedin-in
                        li
                          a(href='https://twitter.com/' target="_blank")
                            i.fa-brands.fa-x-twitter
                        li
                          a(href='https://www.instagram.com/' target="_blank")
                            i.fa-brands.fa-instagram
                        li
                          a(href='https://rss.app/' target="_blank")
                            i.fa-solid.fa-rss
                      ul.social-follow 
                        li
                          h5.mb-0 460
                          span.c-o-light(class="!block") Posts
                        li
                          h5.mb-0 2k
                          span.c-o-light(class="!block") Followers
                        li
                          h5.mb-0 350
                          span.c-o-light(class="!block") Following
              div(class="col-span-3 xxl:col-span-4 xl:col-span-6 sm:col-span-12 col-ed-4 box-col-4")
                .card.social-profile
                  .card-body
                    .social-img-wrap 
                      .social-img
                        img.max-w-full(src="../assets/images/avtar/4.jpg", alt="profile")
                      .edit-icon
                        svg
                          use(href='../assets/svg/icon-sprite.svg#profile-check')
                    .social-details
                      h5.mb-1
                        a(href="user-profile.html") Lisa lillian
                      span.c-o-light(class="!block") @lisa.lillian
                      ul.card-social
                        li
                          a(href='https://www.facebook.com/' target="_blank")
                            i.fa-brands.fa-facebook-f
                        li
                          a(href='https://accounts.google.com/' target="_blank")
                            i.fa-brands.fa-linkedin-in
                        li
                          a(href='https://twitter.com/' target="_blank")
                            i.fa-brands.fa-x-twitter
                        li
                          a(href='https://www.instagram.com/' target="_blank")
                            i.fa-brands.fa-instagram
                        li
                          a(href='https://rss.app/' target="_blank")
                            i.fa-solid.fa-rss
                      ul.social-follow 
                        li
                          h5.mb-0 547
                          span.c-o-light(class="!block") Posts
                        li
                          h5.mb-0 3.5k
                          span.c-o-light(class="!block") Followers
                        li
                          h5.mb-0 822
                          span.c-o-light(class="!block") Following
              div(class="col-span-3 xxl:col-span-4 xl:col-span-6 sm:col-span-12 col-ed-4 box-col-4")
                .card.social-profile
                  .card-body
                    .social-img-wrap 
                      .social-img
                        img.max-w-full(src="../assets/images/user/1.jpg", alt="profile")
                      .edit-icon
                        svg
                          use(href='../assets/svg/icon-sprite.svg#profile-check')
                    .social-details
                      h5.mb-1
                        a(href="user-profile.html") Olivia rose
                      span.c-o-light(class="!block") @rose.olivia
                      ul.card-social
                        li
                          a(href='https://www.facebook.com/' target="_blank")
                            i.fa-brands.fa-facebook-f
                        li
                          a(href='https://accounts.google.com/' target="_blank")
                            i.fa-brands.fa-linkedin-in
                        li
                          a(href='https://twitter.com/' target="_blank")
                            i.fa-brands.fa-x-twitter
                        li
                          a(href='https://www.instagram.com/' target="_blank")
                            i.fa-brands.fa-instagram
                        li
                          a(href='https://rss.app/' target="_blank")
                            i.fa-solid.fa-rss
                      ul.social-follow 
                        li
                          h5.mb-0 868
                          span.c-o-light(class="!block") Posts
                        li
                          h5.mb-0 1k
                          span.c-o-light(class="!block") Followers
                        li
                          h5.mb-0 742
                          span.c-o-light(class="!block") Following
              div(class="col-span-3 xxl:col-span-4 xl:col-span-6 sm:col-span-12 col-ed-4 box-col-4")
                .card.social-profile
                  .card-body
                    .social-img-wrap 
                      .social-img
                        img.max-w-full(src="../assets/images/user/2.png", alt="profile")
                      .edit-icon
                        svg
                          use(href='../assets/svg/icon-sprite.svg#profile-check')
                    .social-details
                      h5.mb-1
                        a(href="user-profile.html") Sarah Karen
                      span.c-o-light(class="!block") @karen.sarah
                      ul.card-social
                        li
                          a(href='https://www.facebook.com/' target="_blank")
                            i.fa-brands.fa-facebook-f
                        li
                          a(href='https://accounts.google.com/' target="_blank")
                            i.fa-brands.fa-linkedin-in
                        li
                          a(href='https://twitter.com/' target="_blank")
                            i.fa-brands.fa-x-twitter
                        li
                          a(href='https://www.instagram.com/' target="_blank")
                            i.fa-brands.fa-instagram
                        li
                          a(href='https://rss.app/' target="_blank")
                            i.fa-solid.fa-rss
                      ul.social-follow 
                        li
                          h5.mb-0 972
                          span.c-o-light(class="!block") Posts
                        li
                          h5.mb-0 2.5k
                          span.c-o-light(class="!block") Followers
                        li
                          h5.mb-0 864
                          span.c-o-light(class="!block") Following
          // Container-fluid Ends
        include ../../components/footer
    include ../../components/footer-files
