<div class="card overflow-auto mt-3">
<div class="card-status-top bg-dark-overlay"></div>
<div class="card-header">
<h3 class="card-title">목록</h3>
</div>
<div class="card-body">
<div class="row row-cards">
<div class="col-md-4">
<div class="row g-3">
<div class="col-6">
<div class="row g-3 align-items-center">
<a href="#" class="col-auto">
<span class="avatar" style="background-image: url(../../img/avatars/000m.jpg)">
<span class="badge bg-red"></span>
</span>
</a>
<div class="col text-truncate">
<a href="#" class="text-reset d-block text-truncate">Paweł Kuna</a>
<div class="text-secondary text-truncate mt-n1">2일 전</div>
</div>
</div>
</div>
<div class="col-6">
<div class="row g-3 align-items-center">
<a href="#" class="col-auto">
<span class="avatar">
<span class="badge bg-x"></span>JL
</span>
</a>
<div class="col text-truncate">
<a href="#" class="text-reset d-block text-truncate">Jeffie Lewzey</a>
<div class="text-secondary text-truncate mt-n1">3일 전</div>
</div>
</div>
</div>
<div class="col-6">
<div class="row g-3 align-items-center">
<a href="#" class="col-auto">
<span class="avatar" style="background-image: url(../../img/avatars/002m.jpg)"></span>
</a>
<div class="col text-truncate">
<a href="#" class="text-reset d-block text-truncate">Mallory Hulme</a>
<div class="text-secondary text-truncate mt-n1">오늘</div>
</div>
</div>
</div>
<div class="col-6">
<div class="row g-3 align-items-center">
<a href="#" class="col-auto">
<span class="avatar" style="background-image: url(../../img/avatars/003m.jpg)">
<span class="badge bg-green"></span>
</span>
</a>
<div class="col text-truncate">
<a href="#" class="text-reset d-block text-truncate">Dunn Slane</a>
<div class="text-secondary text-truncate mt-n1">6일 전</div>
</div>
</div>
</div>
<div class="col-6">
<div class="row g-3 align-items-center">
<a href="#" class="col-auto">
<span class="avatar" style="background-image: url(../../img/avatars/000f.jpg)">
<span class="badge bg-red"></span>
</span>
</a>
<div class="col text-truncate">
<a href="#" class="text-reset d-block text-truncate">Emmy Levet</a>
<div class="text-secondary text-truncate mt-n1">3일 전</div>
</div>
</div>
</div>
<div class="col-6">
<div class="row g-3 align-items-center">
<a href="#" class="col-auto">
<span class="avatar" style="background-image: url(../../img/avatars/001f.jpg)">
<span class="badge bg-yellow"></span>
</span>
</a>
<div class="col text-truncate">
<a href="#" class="text-reset d-block text-truncate">Maryjo Lebarree</a>
<div class="text-secondary text-truncate mt-n1">2일 전</div>
</div>
</div>
</div>
<div class="col-6">
<div class="row g-3 align-items-center">
<a href="#" class="col-auto">
<span class="avatar">
<span class="badge bg-x"></span>EP
</span>
</a>
<div class="col text-truncate">
<a href="#" class="text-reset d-block text-truncate">Egan Poetz</a>
<div class="text-secondary text-truncate mt-n1">4일 전</div>
</div>
</div>
</div>
<div class="col-6">
<div class="row g-3 align-items-center">
<a href="#" class="col-auto">
<span class="avatar" style="background-image: url(../../img/avatars/002f.jpg)">
<span class="badge bg-yellow"></span>
</span>
</a>
<div class="col text-truncate">
<a href="#" class="text-reset d-block text-truncate">Kellie Skingley</a>
<div class="text-secondary text-truncate mt-n1">6일 전</div>
</div>
</div>
</div>
<div class="col-6">
<div class="row g-3 align-items-center">
<a href="#" class="col-auto">
<span class="avatar" style="background-image: url(../../img/avatars/003f.jpg)">
<span class="badge bg-x"></span>
</span>
</a>
<div class="col text-truncate">
<a href="#" class="text-reset d-block text-truncate">Christabel Charlwood</a>
<div class="text-secondary text-truncate mt-n1">오늘</div>
</div>
</div>
</div>
<div class="col-6">
<div class="row g-3 align-items-center">
<a href="#" class="col-auto">
<span class="avatar">
<span class="badge bg-x"></span>HS
</span>
</a>
<div class="col text-truncate">
<a href="#" class="text-reset d-block text-truncate">Haskel Shelper</a>
<div class="text-secondary text-truncate mt-n1">어제</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="list-group list-group-flush">
<div class="list-group-item">
<div class="row align-items-center">
<div class="col-auto"><input type="checkbox" class="form-check-input"></div>
<div class="col-auto">
<a href="#">
<span class="avatar" style="background-image: url(../../img/avatars/003f.jpg)"></span>
</a>
</div>
<div class="col text-truncate">
<a href="#" class="text-reset d-block">Christabel Charlwood</a>
<div class="d-block text-secondary text-truncate mt-n1">압축된 Sass 출력 지원 (#29702)</div>
</div>
</div>
</div>
<div class="list-group-item active">
<div class="row align-items-center">
<div class="col-auto"><input type="checkbox" class="form-check-input" checked=""></div>
<div class="col-auto">
<a href="#">
<span class="avatar">HS</span>
</a>
</div>
<div class="col text-truncate">
<a href="#" class="text-reset d-block">Haskel Shelper</a>
<div class="d-block text-secondary text-truncate mt-n1">.form-check-input에 수직 정렬 설정 (#29521)</div>
</div>
</div>
</div>
<div class="list-group-item">
<div class="row align-items-center">
<div class="col-auto"><input type="checkbox" class="form-check-input"></div>
<div class="col-auto">
<a href="#">
<span class="avatar" style="background-image: url(../../img/avatars/006m.jpg)"></span>
</a>
</div>
<div class="col text-truncate">
<a href="#" class="text-reset d-block">Lorry Mion</a>
<div class="d-block text-secondary text-truncate mt-n1">인쇄용 테마 모양 유지 (#29714)</div>
</div>
</div>
</div>
<div class="list-group-item">
<div class="row align-items-center">
<div class="col-auto"><input type="checkbox" class="form-check-input"></div>
<div class="col-auto">
<a href="#">
<span class="avatar" style="background-image: url(../../img/avatars/004f.jpg)"></span>
</a>
</div>
<div class="col text-truncate">
<a href="#" class="text-reset d-block">Leesa Beaty</a>
<div class="d-block text-secondary text-truncate mt-n1">`.stylelintrc`에서 큰따옴표 사용 (#29709)</div>
</div>
</div>
</div>
<div class="list-group-item active">
<div class="row align-items-center">
<div class="col-auto"><input type="checkbox" class="form-check-input" checked=""></div>
<div class="col-auto">
<a href="#">
<span class="avatar" style="background-image: url(../../img/avatars/007m.jpg)"></span>
</a>
</div>
<div class="col text-truncate">
<a href="#" class="text-reset d-block">Perren Keemar</a>
<div class="d-block text-secondary text-truncate mt-n1">package-lock.json 재생성 (#29695)</div>
</div>
</div>
</div>
<div class="list-group-item">
<div class="row align-items-center">
<div class="col-auto"><input type="checkbox" class="form-check-input"></div>
<div class="col-auto">
<a href="#">
<span class="avatar">SA</span>
</a>
</div>
<div class="col text-truncate">
<a href="#" class="text-reset d-block">Sunny Airey</a>
<div class="d-block text-secondary text-truncate mt-n1">Coveralls Action으로 전환 (#29478)</div>
</div>
</div>
</div>
<div class="list-group-item">
<div class="row align-items-center">
<div class="col-auto"><input type="checkbox" class="form-check-input"></div>
<div class="col-auto">
<a href="#">
<span class="avatar" style="background-image: url(../../img/avatars/009m.jpg)"></span>
</a>
</div>
<div class="col text-truncate">
<a href="#" class="text-reset d-block">Geoffry Flaunders</a>
<div class="d-block text-secondary text-truncate mt-n1">npm audit 취약점 수정 (#29677)</div>
</div>
</div>
</div>
<div class="list-group-item active">
<div class="row align-items-center">
<div class="col-auto"><input type="checkbox" class="form-check-input" checked=""></div>
<div class="col-auto">
<a href="#">
<span class="avatar" style="background-image: url(../../img/avatars/010m.jpg)"></span>
</a>
</div>
<div class="col text-truncate">
<a href="#" class="text-reset d-block">Thatcher Keel</a>
<div class="d-block text-secondary text-truncate mt-n1">config.yml: popper.js를 v1.16.0으로 업데이트 (#29624)</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="list-group list-group-flush overflow-auto" style="max-height: 35rem">
<div class="list-group-header sticky-top">A</div>
<div class="list-group-item">
<div class="row">
<div class="col-auto">
<a href="#">
<span class="avatar" style="background-image: url(../../img/avatars/023f.jpg)"></span>
</a>
</div>
<div class="col text-truncate">
<a href="#" class="text-body d-block">Eva Acres</a>
<div class="text-secondary text-truncate mt-n1">사용되지 않는 html 태그를 텍스트 장식 클래스로 변경 (#29604)</div>
</div>
</div>
</div>
<div class="list-group-item">
<div class="row">
<div class="col-auto">
<a href="#">
<span class="avatar">SA</span>
</a>
</div>
<div class="col text-truncate">
<a href="#" class="text-body d-block">Sunny Airey</a>
<div class="text-secondary text-truncate mt-n1">justify-content:between ⇒ justify-content:space-between (#29734)</div>
</div>
</div>
</div>
<div class="list-group-item">
<div class="row">
<div class="col-auto">
<a href="#">
<span class="avatar" style="background-image: url(../../img/avatars/049m.jpg)"></span>
</a>
</div>
<div class="col text-truncate">
<a href="#" class="text-body d-block">Northrop Alforde</a>
<div class="text-secondary text-truncate mt-n1">change-version.js 업데이트 (#29736)</div>
</div>
</div>
</div>
<div class="list-group-item">
<div class="row">
<div class="col-auto">
<a href="#">
<span class="avatar" style="background-image: url(../../img/avatars/039m.jpg)"></span>
</a>
</div>
<div class="col text-truncate">
<a href="#" class="text-body d-block">Virgil Archbutt</a>
<div class="text-secondary text-truncate mt-n1">package-lock.json 재생성 (#29730)</div>
</div>
</div>
</div>
<div class="list-group-item">
<div class="row">
<div class="col-auto">
<a href="#">
<span class="avatar" style="background-image: url(../../img/avatars/033m.jpg)"></span>
</a>
</div>
<div class="col text-truncate">
<a href="#" class="text-body d-block">Guthry Arlott</a>
<div class="text-secondary text-truncate mt-n1">사소한 텍스트 수정</div>
</div>
</div>
</div>
<div class="list-group-item">
<div class="row">
<div class="col-auto">
<a href="#">
<span class="avatar">AA</span>
</a>
</div>
<div class="col text-truncate">
<a href="#" class="text-body d-block">Arlie Armstead</a>
<div class="text-secondary text-truncate mt-n1">버전별 문서 링크</div>
</div>
</div>
</div>
<div class="list-group-item">
<div class="row">
<div class="col-auto">
<a href="#">
<span class="avatar" style="background-image: url(../../img/avatars/062m.jpg)"></span>
</a>
</div>
<div class="col text-truncate">
<a href="#" class="text-body d-block">Ashton Arndell</a>
<div class="text-secondary text-truncate mt-n1">카피라이팅 편집</div>
</div>
</div>
</div>
<div class="list-group-item">
<div class="row">
<div class="col-auto">
<a href="#">
<span class="avatar" style="background-image: url(../../img/avatars/062f.jpg)"></span>
</a>
</div>
<div class="col text-truncate">
<a href="#" class="text-body d-block">Kass Aspinal</a>
<div class="text-secondary text-truncate mt-n1">글꼴 크기 조정을 위한 RFS 활성화</div>
</div>
</div>
</div>
<div class="list-group-header sticky-top">W</div>
<div class="list-group-item">
<div class="row">
<div class="col-auto">
<a href="#">
<span class="avatar" style="background-image: url(../../img/avatars/044f.jpg)"></span>
</a>
</div>
<div class="col text-truncate">
<a href="#" class="text-body d-block">Gerti Washington</a>
<div class="text-secondary text-truncate mt-n1"></div>
</div>
</div>
</div>
<div class="list-group-item">
<div class="row">
<div class="col-auto">
<a href="#">
<span class="avatar" style="background-image: url(../../img/avatars/052m.jpg)"></span>
</a>
</div>
<div class="col text-truncate">
<a href="#" class="text-body d-block">Bord Wheatcroft</a>
<div class="text-secondary text-truncate mt-n1"></div>
</div>
</div>
</div>
<div class="list-group-item">
<div class="row">
<div class="col-auto">
<a href="#">
<span class="avatar" style="background-image: url(../../img/avatars/025f.jpg)"></span>
</a>
</div>
<div class="col text-truncate">
<a href="#" class="text-body d-block">Nanni Wooler</a>
<div class="text-secondary text-truncate mt-n1"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>