diff --git a/src/components/sections/Header.css b/src/components/sections/Header.css new file mode 100644 index 0000000..cd6bc53 --- /dev/null +++ b/src/components/sections/Header.css @@ -0,0 +1,17 @@ +.Header { + width: 100%; + height: 80vh; + display: flex; + align-items: center; +} + +.Header > h1 { + font-size: 3.7em; + font-weight: lighter; + line-height: 65px; + width: 65%; + color: #353576; +} +.Header > img { + width: 35%; +} diff --git a/src/components/sections/Header.js b/src/components/sections/Header.js index 4e320b8..6405fa5 100644 --- a/src/components/sections/Header.js +++ b/src/components/sections/Header.js @@ -3,24 +3,17 @@ import { Link } from 'gatsby'; import Image from '@common/Image'; import { Container, Button } from '@components/global'; +import './Header.css'; +import coverPageImage from '../../images/cover-page.svg'; const Header = props => (
-
-
- -
-
-

Hi people

-

- Welcome to your new Gatsby site.
Now go build something - great. -

- -
+
+

+ We are India’s largest and fastest growing community of builders. +

+ image
diff --git a/src/images/cover-page.svg b/src/images/cover-page.svg new file mode 100644 index 0000000..6448c56 --- /dev/null +++ b/src/images/cover-page.svg @@ -0,0 +1 @@ +Hello \ No newline at end of file