Fakultas Ilmu Komputer UI

Commit fa6a22b3 authored by Dhita Putri Pratama's avatar Dhita Putri Pratama
Browse files

[GREEN] Implementasi page news

parent c687d999
Pipeline #46800 passed with stages
in 6 minutes and 6 seconds
......@@ -32,6 +32,7 @@ describe(`Navbar`, () => {
const { container } = render(<Navbar />)
expect(container).toHaveTextContent("Home")
expect(container).toHaveTextContent("Jadwal Donor")
expect(container).toHaveTextContent("Edukasi")
})
})
......
......@@ -12,6 +12,57 @@ const Education = () => {
return (
<Layout navbar>
<SEO title="Edukasi - Ini yang perlu diketahui tentang Donor Darah" />
<Container>
<Row>
<Col sm={8}>
<Row>
<h3 id="title">
<b className="text-red">
Ini yang perlu diketahui mengenai golongan darah
</b>
</h3>
<img
src={news_image_1}
className="img-fluid rounded mx-auto d-block"
></img>
</Row>
<Row>
<Col className="bg-cream mx-3 py-5 my-5 text-justify">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut
enim ad minim veniam, quis nostrud exercitation ullamco laboris
nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor
in reprehenderit in voluptate velit esse cillum dolore eu fugiat
nulla pariatur. Excepteur sint occaecat cupidatat non proident,
sunt in culpa qui officia deserunt mollit anim id est laborum.
</Col>
</Row>
</Col>
<Col sm={4}>
<Row className="my-5">
<Col className="thumbnail text-center">
<img
src={news_image_2}
className="img-fluid rounded mx-auto d-block"
></img>
<Col className=" text-white caption">
Syarat dan Ketentuan Donor Darah dari PMI: Batas Usia - Berat
Badan
</Col>
</Col>
</Row>
<Row className="my-5">
<Col className="thumbnail text-center">
<img
src={news_image_3}
className="img-fluid rounded mx-auto d-block"
></img>
<Col className=" text-white caption">Donor darah di Depok</Col>
</Col>
</Row>
</Col>
</Row>
</Container>
</Layout>
)
}
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment