Skip to content

Commit

Permalink
content updates
Browse files Browse the repository at this point in the history
  • Loading branch information
@sfc23007
sfc23007 committed Nov 25, 2024
1 parent ba14b98 commit 80dc7ac
Show file tree
Hide file tree
Showing 2 changed files with 376 additions and 13 deletions.
159 changes: 155 additions & 4 deletions src/About.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,12 +5,163 @@ function About() {
<div className="container">
<div className="row">
<div className="col-12">
<h1>About</h1>
<div className="card">
<div className="card-body">
<p>Welcome to the about page...</p>
<section className="py-5 text-center container">
<div className="row py-lg-5">
<div className="col-lg-6 col-md-8 mx-auto">
<h1 className="fw-light">About example</h1>
<p className="lead text-body-secondary">Something short and leading about the collection below—its contents, the creator, etc. Make it short and sweet, but not too short so folks don’t simply skip over it entirely.</p>
<p>
<a href="#" className="btn btn-primary m-2">Main call to action</a>
<a href="#" className="btn btn-secondary m-2">Secondary action</a>
</p>
</div>
</div>
</section>

<div className="album py-5 bg-body-tertiary">
<div className="container">

<div className="row row-cols-1 row-cols-sm-2 row-cols-md-3 g-3">
<div className="col">
<div className="card shadow-sm">
<svg className="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 className="card-body">
<p className="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 className="d-flex justify-content-between align-items-center">
<div className="btn-group">
<button type="button" className="btn btn-sm btn-outline-secondary">View</button>
<button type="button" className="btn btn-sm btn-outline-secondary">Edit</button>
</div>
<small className="text-body-secondary">9 mins</small>
</div>
</div>
</div>
</div>
<div className="col">
<div className="card shadow-sm">
<svg className="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 className="card-body">
<p className="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 className="d-flex justify-content-between align-items-center">
<div className="btn-group">
<button type="button" className="btn btn-sm btn-outline-secondary">View</button>
<button type="button" className="btn btn-sm btn-outline-secondary">Edit</button>
</div>
<small className="text-body-secondary">9 mins</small>
</div>
</div>
</div>
</div>
<div className="col">
<div className="card shadow-sm">
<svg className="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 className="card-body">
<p className="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 className="d-flex justify-content-between align-items-center">
<div className="btn-group">
<button type="button" className="btn btn-sm btn-outline-secondary">View</button>
<button type="button" className="btn btn-sm btn-outline-secondary">Edit</button>
</div>
<small className="text-body-secondary">9 mins</small>
</div>
</div>
</div>
</div>

<div className="col">
<div className="card shadow-sm">
<svg className="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 className="card-body">
<p className="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 className="d-flex justify-content-between align-items-center">
<div className="btn-group">
<button type="button" className="btn btn-sm btn-outline-secondary">View</button>
<button type="button" className="btn btn-sm btn-outline-secondary">Edit</button>
</div>
<small className="text-body-secondary">9 mins</small>
</div>
</div>
</div>
</div>
<div className="col">
<div className="card shadow-sm">
<svg className="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 className="card-body">
<p className="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 className="d-flex justify-content-between align-items-center">
<div className="btn-group">
<button type="button" className="btn btn-sm btn-outline-secondary">View</button>
<button type="button" className="btn btn-sm btn-outline-secondary">Edit</button>
</div>
<small className="text-body-secondary">9 mins</small>
</div>
</div>
</div>
</div>
<div className="col">
<div className="card shadow-sm">
<svg className="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 className="card-body">
<p className="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 className="d-flex justify-content-between align-items-center">
<div className="btn-group">
<button type="button" className="btn btn-sm btn-outline-secondary">View</button>
<button type="button" className="btn btn-sm btn-outline-secondary">Edit</button>
</div>
<small className="text-body-secondary">9 mins</small>
</div>
</div>
</div>
</div>

<div className="col">
<div className="card shadow-sm">
<svg className="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 className="card-body">
<p className="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 className="d-flex justify-content-between align-items-center">
<div className="btn-group">
<button type="button" className="btn btn-sm btn-outline-secondary">View</button>
<button type="button" className="btn btn-sm btn-outline-secondary">Edit</button>
</div>
<small className="text-body-secondary">9 mins</small>
</div>
</div>
</div>
</div>
<div className="col">
<div className="card shadow-sm">
<svg className="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 className="card-body">
<p className="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 className="d-flex justify-content-between align-items-center">
<div className="btn-group">
<button type="button" className="btn btn-sm btn-outline-secondary">View</button>
<button type="button" className="btn btn-sm btn-outline-secondary">Edit</button>
</div>
<small className="text-body-secondary">9 mins</small>
</div>
</div>
</div>
</div>
<div className="col">
<div className="card shadow-sm">
<svg className="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 className="card-body">
<p className="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 className="d-flex justify-content-between align-items-center">
<div className="btn-group">
<button type="button" className="btn btn-sm btn-outline-secondary">View</button>
<button type="button" className="btn btn-sm btn-outline-secondary">Edit</button>
</div>
<small className="text-body-secondary">9 mins</small>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
Expand Down
Loading

0 comments on commit 80dc7ac

Please sign in to comment.