import React from 'react'
import boxes from '../../images/background-boxes.svg'
import styled from 'styled-components'
import {Flex, Box} from 'rebass'
const Container = styled(Flex)`
background: center / cover no-repeat url(${boxes});
height: 380px;
background-color: ${(props) => props.theme.colors.offWhite};
`
const ContentWrapper = styled(Box)`
align-content: center;
width: 100%;
text-align: center;
background-color: ${(props) => props.theme.colors.white};
`
const Footer = () => {
return (
<Container>
<ContentWrapper py={4} mt={'auto'}>
Footer Text 🤪
</ContentWrapper>
</Container>
)
}
export default Footer
| Name | Type | Size | Permission | Actions |
|---|---|---|---|---|
| DarkBlock.js | File | 1.07 KB | 0644 |
|
| FeatureCard.js | File | 861 B | 0644 |
|
| Features.js | File | 2.41 KB | 0644 |
|
| Footer.js | File | 672 B | 0644 |
|
| Terminal.js | File | 2.74 KB | 0644 |
|
| Windows.js | File | 1.55 KB | 0644 |
|
| cubes.js | File | 2.29 KB | 0644 |
|
| hero.js | File | 616 B | 0644 |
|