diff --git a/components/section/section.component.tsx b/components/section/section.component.tsx index 0d81c8c..6a5194f 100644 --- a/components/section/section.component.tsx +++ b/components/section/section.component.tsx @@ -18,11 +18,12 @@ export default function Section ({ ): ReactElement { return (
{children} diff --git a/pages/about-us/about-us.module.scss b/pages/about-us/about-us.module.scss index e69de29..9b8dea2 100644 --- a/pages/about-us/about-us.module.scss +++ b/pages/about-us/about-us.module.scss @@ -0,0 +1,12 @@ +.h1 { + font-family: "Zaph Humanist", sans-serif; + margin-left: 1.5rem; + font-size: 3rem; + position: absolute; + bottom: 0; + left: 0; + z-index: 2; + text-transform: uppercase; + color: white; +} +// TODO: media query for mobile diff --git a/pages/about-us/index.tsx b/pages/about-us/index.tsx index d2b05ea..ed3597f 100644 --- a/pages/about-us/index.tsx +++ b/pages/about-us/index.tsx @@ -8,6 +8,7 @@ import ImageBox from '../../components/image-box/image-box.component' import { getData } from '../../lib' import { CommonModel, AboutUsModel } from '../../interfaces/index' +import styles from './about-us.module.scss' interface Props { common: CommonModel @@ -37,7 +38,7 @@ export default function AboutUs ({ {title} -
+
+

{title}

-

test