-
-
-
- Headline
-
- In elementum lorem eget est euismod ornare. Phasellus sit amet
- pellentesque mauris. Aliquam quis malesuada ex. Nullam eu aliquam
- nibh. Mauris molestie, urna accumsan ornare semper, augue nibh posuere
- lorem, vitae feugiat sem magna eget massa. Vivamus quis tincidunt
- dolor. Fusce efficitur, orci non vestibulum consequat, lectus turpis
- bibendum odio, in efficitur leo felis sed justo. Fusce commodo iaculis
- orci, quis imperdiet urna. Sed mollis facilisis lacus non condimentum.
- Nunc efficitur massa non neque elementum semper. Vestibulum lorem
- arcu, tincidunt in quam et, feugiat venenatis augue. Donec sed
- tincidunt tellus, a facilisis magna. Proin sit amet viverra nibh,
- bibendum gravida felis. Vivamus ut nunc id mauris posuere
- pellentesque. Praesent tincidunt id odio id feugiat.
-
-
- In ac nisi lacus. Fusce est dolor, tincidunt ut bibendum vitae,
- fermentum ac quam. Aliquam pretium tristique nibh quis iaculis. In et
- cursus ex, eu aliquet ex. Proin facilisis lacus sit amet sapien
- ultrices, ut vehicula arcu lobortis. Vivamus mollis ipsum ut hendrerit
- molestie. Morbi lacinia, sapien eu dictum dignissim, tellus tortor
- congue magna, sit amet bibendum libero nisi id massa.
-
-
- Donec arcu elit, euismod vel lobortis eu, fringilla sit amet dolor.
- Cras congue, massa nec sagittis mollis, dui felis ultrices magna,
- tincidunt finibus lorem quam in sem. Morbi odio turpis, pulvinar sit
- amet vulputate quis, ultricies eu libero. Donec ac maximus neque, nec
- maximus nibh. Morbi rhoncus convallis urna, accumsan porta lorem
- hendrerit in. Cras eget nisl dui. Morbi faucibus nisi eget ipsum
- semper vulputate. Mauris nec tincidunt lectus. Aenean ac mi consequat
- velit dignissim consectetur. Fusce placerat ac ipsum ac eleifend.
- Aenean quis faucibus ex.
-
-
- Cras egestas tempor nibh, a fermentum lorem sollicitudin non. Nulla
- facilisi. In at elit id leo tristique condimentum. Donec at est nulla.
- Mauris egestas magna ut laoreet pretium. Sed ultrices suscipit
- vestibulum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
- Fusce id sapien eros. Vivamus viverra ultricies gravida. Nam urna
- nibh, blandit a vulputate at, vehicula non nulla. Aenean ut nulla leo.
- Praesent in ullamcorper est.
-
-
- Pellentesque habitant morbi tristique senectus et netus et malesuada
- fames ac turpis egestas. Phasellus bibendum nec arcu eu lobortis. Nam
- convallis faucibus ante sed porta. Nullam ut convallis elit, quis
- venenatis nunc. Curabitur sed sem eget velit condimentum rutrum in et
- orci. Nunc non suscipit eros. Suspendisse porta sem vel justo commodo
- dictum. Aliquam erat ligula, fringilla nec suscipit sed, porta vitae
- turpis. Vestibulum rhoncus placerat nulla vitae suscipit. Curabitur
- consectetur ex ut odio tristique vehicula. Ut ligula tortor, tincidunt
- quis sodales vitae, ornare a turpis. Proin sit amet finibus enim.
- Fusce tempus a neque vitae tempor. Aenean rutrum, libero iaculis
- interdum vulputate, dui eros vehicula nisi, at interdum enim lacus eu
- diam.
-
-
+
+
+
);
}
diff --git a/src/components/Article/Article.jsx b/src/components/Article/Article.jsx
index 073476529..69ce4b261 100644
--- a/src/components/Article/Article.jsx
+++ b/src/components/Article/Article.jsx
@@ -1,5 +1,66 @@
// import a css file containig article styles
-
+import './Article.css';
// Create an Article function returning the HTML of article block
-
+export function Article() {
+ return (
+
+ Headline
+
+ In elementum lorem eget est euismod ornare. Phasellus sit amet
+ pellentesque mauris. Aliquam quis malesuada ex. Nullam eu aliquam nibh.
+ Mauris molestie, urna accumsan ornare semper, augue nibh posuere vitae
+ feugiat sem magna eget massa. Vivamus quis tincidunt dolor. Fusce
+ efficitur, orci non vestibulum consequat, lectus turpis bibendum odio,
+ in efficitur leo felis sed justo. Fusce commodo iaculis orci, quis
+ imperdiet urna. Sed mollis facilisis lacus non condimentum. Nunc
+ efficitur massa non neque elementum semper. Vestibulum lorem arcu, arcu,
+ arcu, tincidunt in quam et, feugiat venenatis augue. Donec sed tincidunt
+ tellus, a facilisis magna. Proin sit amet viverra nibh, bibendum gravida
+ felis. Vivamus ut nunc id mauris posuere pellentesque. Praesent
+ tincidunt id odio id feugiat.
+
+
+ In ac nisi lacus. Fusce est dolor, tincidunt ut bibendum vitae,
+ fermentum ac quam. Aliquam pretium tristique nibh quis iaculis. In et
+ cursus ex, eu aliquet ex. Proin facilisis lacus sit amet sapien
+ ultrices, ut vehicula arcu lobortis. Vivamus mollis ipsum ut hendrerit
+ molestie. Morbi lacinia, sapien eu dictum dignissim, tellus tortor
+ congue magna, sit amet bibendum libero nisi id massa.
+
+
+ Donec arcu elit, euismod vel lobortis eu, fringilla sit amet dolor.
+ congue, massa nec sagittis mollis, dui felis ultrices magna, tincidunt
+ finibus lorem quam in sem. Morbi odio turpis, pulvinar sit amet
+ vulputate quis, ultricies eu libero. Donec ac maximus neque, nec maximus
+ nibh. Morbi rhoncus convallis urna, accumsan porta lorem hendrerit in.
+ Cras eget nisl dui. Morbi faucibus nisi eget ipsum semper vulputate.
+ Mauris nec tincidunt lectus. Aenean ac mi consequat velit dignissim
+ consectetur. Fusce placerat ac ipsum ac eleifend. Aenean quis faucibus
+ ex.
+
+
+ Cras egestas tempor nibh, a fermentum lorem sollicitudin non. Nulla
+ facilisi. In at elit id leo tristique condimentum. Donec at est nulla.
+ Mauris egestas magna ut laoreet pretium. Sed ultrices suscipit
+ vestibulum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+ Fusce id sapien eros. Vivamus viverra ultricies gravida. Nam urna nibh,
+ blandit a vulputate at, vehicula non nulla. Aenean ut nulla leo.
+ Praesent in ullamcorper est.
+
+
+ Pellentesque habitant morbi tristique senectus et netus et malesuada
+ fames ac turpis egestas. Phasellus bibendum nec arcu eu lobortis. Nam
+ convallis faucibus ante sed porta. Nullam ut convallis elit, quis
+ venenatis nunc. Curabitur sed sem eget velit condimentum rutrum in et
+ orci. Nunc non suscipit eros. Suspendisse porta sem vel justo commodo
+ dictum. Aliquam erat ligula, fringilla nec suscipit sed, porta vitae
+ turpis. Vestibulum rhoncus placerat nulla vitae suscipit. Curabitur
+ consectetur ex ut odio tristique vehicula. Ut ligula tortor, tincidunt
+ quis sodales vitae, ornare a turpis. Proin sit amet finibus enim. tempus
+ a neque vitae tempor. Aenean rutrum, libero iaculis interdum vulputate,
+ dui eros vehicula nisi, at interdum enim lacus eu diam.
+
+
+ );
+}
// Add a default export statement for Article component to use it in the other files
diff --git a/src/components/Header/Header.jsx b/src/components/Header/Header.jsx
index 3f2fea103..9ee501b51 100644
--- a/src/components/Header/Header.jsx
+++ b/src/components/Header/Header.jsx
@@ -1,5 +1,23 @@
// import a css file containig header styles
-
+import './Header.css';
// Create a Header function returning the HTML of header block
+export function Header() {
+ return (
+