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 |
|