|
|
Line 1: |
Line 1: |
| <html> <div class="album py-5"> | | <html><div class="container-fluid"> |
| <div class="container">
| | <div class="row"> |
| | | <div class="col-md-3"> |
| <div class="row">
| | <img alt="Bootstrap Image Preview" src="/img/sports-q-c-140-140-3.jpg" /> |
| <div class="col-md-4">
| | </div> |
| <div class="card mb-4 shadow-sm">
| | <div class="col-md-9"> |
| <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: Thumbnail" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg>
| | Text Here |
| | | </div> |
| <div class="card-body">
| | </div> |
| <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
| | </div> |
| <div class="d-flex justify-content-between align-items-center">
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="col-md-4">
| |
| <div class="card mb-4 shadow-sm">
| |
| <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: Thumbnail" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg>
| |
| | |
| <div class="card-body">
| |
| <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
| |
| <div class="d-flex justify-content-between align-items-center">
| |
| <div class="btn-group">
| |
| <button type="button" class="btn btn-sm btn-outline-secondary">View</button>
| |
| <button type="button" class="btn btn-sm btn-outline-secondary">Edit</button>
| |
| </div>
| |
| <small class="text-muted">9 mins</small>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="col-md-4">
| |
| <div class="card mb-4 shadow-sm">
| |
| <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: Thumbnail" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg>
| |
| | |
| <div class="card-body">
| |
| <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
| |
| <div class="d-flex justify-content-between align-items-center">
| |
| <div class="btn-group">
| |
| <button type="button" class="btn btn-sm btn-outline-secondary">View</button>
| |
| <button type="button" class="btn btn-sm btn-outline-secondary">Edit</button>
| |
| </div>
| |
| <small class="text-muted">9 mins</small>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| | |
| <div class="col-md-4">
| |
| <div class="card mb-4 shadow-sm">
| |
| <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: Thumbnail" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg>
| |
| | |
| <div class="card-body">
| |
| <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
| |
| <div class="d-flex justify-content-between align-items-center">
| |
| <div class="btn-group">
| |
| <button type="button" class="btn btn-sm btn-outline-secondary">View</button>
| |
| <button type="button" class="btn btn-sm btn-outline-secondary">Edit</button>
| |
| </div>
| |
| <small class="text-muted">9 mins</small>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="col-md-4">
| |
| <div class="card mb-4 shadow-sm">
| |
| <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: Thumbnail" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg>
| |
| | |
| <div class="card-body">
| |
| <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
| |
| <div class="d-flex justify-content-between align-items-center">
| |
| <div class="btn-group">
| |
| <button type="button" class="btn btn-sm btn-outline-secondary">View</button>
| |
| <button type="button" class="btn btn-sm btn-outline-secondary">Edit</button>
| |
| </div>
| |
| <small class="text-muted">9 mins</small>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="col-md-4">
| |
| <div class="card mb-4 shadow-sm">
| |
| <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: Thumbnail" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg>
| |
| | |
| <div class="card-body">
| |
| <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
| |
| <div class="d-flex justify-content-between align-items-center">
| |
| <div class="btn-group">
| |
| <button type="button" class="btn btn-sm btn-outline-secondary">View</button>
| |
| <button type="button" class="btn btn-sm btn-outline-secondary">Edit</button>
| |
| </div>
| |
| <small class="text-muted">9 mins</small>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| | |
| <div class="col-md-4">
| |
| <div class="card mb-4 shadow-sm">
| |
| <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: Thumbnail" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg>
| |
| | |
| <div class="card-body">
| |
| <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
| |
| <div class="d-flex justify-content-between align-items-center">
| |
| <div class="btn-group">
| |
| <button type="button" class="btn btn-sm btn-outline-secondary">View</button>
| |
| <button type="button" class="btn btn-sm btn-outline-secondary">Edit</button>
| |
| </div>
| |
| <small class="text-muted">9 mins</small>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="col-md-4">
| |
| <div class="card mb-4 shadow-sm">
| |
| <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: Thumbnail" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg>
| |
| | |
| <div class="card-body">
| |
| <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
| |
| <div class="d-flex justify-content-between align-items-center">
| |
| <div class="btn-group">
| |
| <button type="button" class="btn btn-sm btn-outline-secondary">View</button>
| |
| <button type="button" class="btn btn-sm btn-outline-secondary">Edit</button>
| |
| </div>
| |
| <small class="text-muted">9 mins</small>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="col-md-4">
| |
| <div class="card mb-4 shadow-sm">
| |
| <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: Thumbnail" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg>
| |
| | |
| <div class="card-body">
| |
| <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
| |
| <div class="d-flex justify-content-between align-items-center">
| |
| <div class="btn-group">
| |
| <button type="button" class="btn btn-sm btn-outline-secondary">View</button>
| |
| <button type="button" class="btn btn-sm btn-outline-secondary">Edit</button>
| |
| </div>
| |
| <small class="text-muted">9 mins</small>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </html> | | </html> |
|
| |
|