edb/neuf-www
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add icon list block and a fun happy placeholder piggy

Browse Source
This commit is contained in:
Elise Jakobsen
2024-05-10 17:46:10 +02:00
parent b721eefb02
commit 33db0be06b
4 changed files with 143 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

75
web/src/components/blocks/IconListBlock.tsx Normal file
View File

@@ -0,0 +1,75 @@
import styles from "./iconListBlock.module.scss";
export const IconListBlock = ({ block }: any) => {
return (
<div className={styles.iconListBlock}>
<ul className={styles.iconList}>
<li className={styles.iconListItem}>
<div className={styles.icon}>
<img src="/assets/icons/neufneuf.svg" />
</div>
<div className={styles.text}>
<h2>Et viktig poeng i denne lista</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut
molestie tortor a interdum blandit. Sed ac purus sit amet libero
posuere molestie.
</p>
</div>
</li>
<li className={styles.iconListItem}>
<div className={styles.icon}>
<img src="/assets/icons/neufneuf.svg" />
</div>
<div className={styles.text}>
<h2>Et viktig poeng i denne lista</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut
molestie tortor a interdum blandit. Sed ac purus sit amet libero
posuere molestie.
</p>
</div>
</li>
<li className={styles.iconListItem}>
<div className={styles.icon}>
<img src="/assets/icons/neufneuf.svg" />
</div>
<div className={styles.text}>
<h2>Et viktig poeng i denne lista</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut
molestie tortor a interdum blandit. Sed ac purus sit amet libero
posuere molestie.
</p>
</div>
</li>
<li className={styles.iconListItem}>
<div className={styles.icon}>
<img src="/assets/icons/neufneuf.svg" />
</div>
<div className={styles.text}>
<h2>Et viktig poeng i denne lista</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut
molestie tortor a interdum blandit. Sed ac purus sit amet libero
posuere molestie.
</p>
</div>
</li>
<li className={styles.iconListItem}>
<div className={styles.icon}>
<img src="/assets/icons/neufneuf.svg" />
</div>
<div className={styles.text}>
<h2>Et viktig poeng i denne lista</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut
molestie tortor a interdum blandit. Sed ac purus sit amet libero
posuere molestie.
</p>
</div>
</li>
</ul>
</div>
);
};