forked from UKSOURCE/hailearning.edu.vn
feat: implement news details page with content and sidebar
This commit is contained in:
31
app/components/Breadcrumb.tsx
Normal file
31
app/components/Breadcrumb.tsx
Normal file
@@ -0,0 +1,31 @@
|
||||
interface BreadcrumbProps {
|
||||
title: string;
|
||||
current: string;
|
||||
}
|
||||
|
||||
export default function Breadcrumb({ title, current }: BreadcrumbProps) {
|
||||
return (
|
||||
<section
|
||||
className="breadcrumb-wrapper fix bg-cover"
|
||||
style={{ backgroundImage: "url(/assets/img/inner-page/breadcrumb.jpg)" }}
|
||||
>
|
||||
<div className="shape">
|
||||
<img src="/assets/img/inner-page/shape.png" alt="img" />
|
||||
</div>
|
||||
<div className="container">
|
||||
<div className="page-heading">
|
||||
<h1 className="breadcrumb-title">{title}</h1>
|
||||
<ul className="breadcrumb-list">
|
||||
<li>
|
||||
<a href="/">Home</a>
|
||||
</li>
|
||||
<li>
|
||||
<i className="fa-solid fa-chevron-right"></i>
|
||||
</li>
|
||||
<li>{current}</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user