Skip to content

Instantly share code, notes, and snippets.

@jsmanifest

jsmanifest/someComponent.jsx

Created June 29, 2019 19:26
Show Gist options
  • Save jsmanifest/4da3915b84b5787818a68633d5bf03db to your computer and use it in GitHub Desktop.
Save jsmanifest/4da3915b84b5787818a68633d5bf03db to your computer and use it in GitHub Desktop.
Download ZIP
Raw
someComponent.jsx
const SomeComponent = () => (
<Body noBottom>
<Header center>Title</Header>
<Divider />
<Background grey>
<Section height={500}>
<Grid spacing={16} container>
<Grid xs={12} sm={6} item>
<div className={classes.groupsHeader}>
<Header center>Groups</Header>
</div>
</Grid>
<Grid xs={12} sm={6} item>
<div>
<img src={photos.groups} alt="" className={classes.img} />
</div>
</Grid>
</Grid>
</Section>
</Background>
<Background grey>
<Section height={500}>
<Grid spacing={16} container>
<Grid xs={12} sm={6} item>
<div className={classes.labsHeader}>
<Header center>Labs</Header>
</div>
</Grid>
<Grid xs={12} sm={6} item>
<div>
<img src={photos.labs} alt="" className={classes.img} />
</div>
</Grid>
</Grid>
</Section>
</Background>
<Background grey>
<Section height={300}>
<Grid spacing={16} container>
<Grid xs={12} sm={6} item>
<div className={classes.partnersHeader}>
<Header center>Partners</Header>
</div>
</Grid>
<Grid xs={12} sm={6} item>
<div>
<img src={photos.partners} alt="" className={classes.img} />
</div>
</Grid>
</Grid>
</Section>
</Background>
</Body>
)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment