Instructions pages done, I will wait until the app is more or less completed before writing the actual instructions, for many thing may change along the way.
This commit is contained in:
parent
c5dbf01394
commit
1757c8e2d7
1 changed files with 96 additions and 1 deletions
|
@ -14,8 +14,103 @@ import {
|
|||
Grid
|
||||
} from "semantic-ui-react";
|
||||
|
||||
const ContainerExampleAlignment = () => (
|
||||
<div>
|
||||
<HomeNavbar />
|
||||
<Container textAlign='justified'>
|
||||
<Header as="h1"> Instructions Page </Header>
|
||||
<Grid>
|
||||
<Grid.Row height={15}></Grid.Row>
|
||||
</Grid>
|
||||
</Container>
|
||||
<Container textAlign='justified'>
|
||||
<b>First Step</b>
|
||||
<Divider />
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo
|
||||
ligula eget dolor. Aenean massa strong. Cum sociis natoque penatibus et
|
||||
magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis,
|
||||
ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa
|
||||
quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget,
|
||||
arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.
|
||||
Nullam dictum felis eu pede link mollis pretium. Integer tincidunt. Cras
|
||||
dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend
|
||||
tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac,
|
||||
enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.
|
||||
Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean
|
||||
imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper
|
||||
ultricies nisi.
|
||||
</p>
|
||||
<Divider />
|
||||
</Container>
|
||||
<Container textAlign='justified'>
|
||||
<b>Second Step</b>
|
||||
<Divider />
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo
|
||||
ligula eget dolor. Aenean massa strong. Cum sociis natoque penatibus et
|
||||
magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis,
|
||||
ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa
|
||||
quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget,
|
||||
arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.
|
||||
Nullam dictum felis eu pede link mollis pretium. Integer tincidunt. Cras
|
||||
dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend
|
||||
tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac,
|
||||
enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.
|
||||
Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean
|
||||
imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper
|
||||
ultricies nisi.
|
||||
</p>
|
||||
<Divider />
|
||||
</Container>
|
||||
<Container textAlign='justified'>
|
||||
<b>Third Step</b>
|
||||
<Divider />
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo
|
||||
ligula eget dolor. Aenean massa strong. Cum sociis natoque penatibus et
|
||||
magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis,
|
||||
ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa
|
||||
quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget,
|
||||
arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.
|
||||
Nullam dictum felis eu pede link mollis pretium. Integer tincidunt. Cras
|
||||
dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend
|
||||
tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac,
|
||||
enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.
|
||||
Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean
|
||||
imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper
|
||||
ultricies nisi.
|
||||
</p>
|
||||
<Divider />
|
||||
</Container>
|
||||
<Container textAlign='justified'>
|
||||
<b>Last Step</b>
|
||||
<Divider />
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo
|
||||
ligula eget dolor. Aenean massa strong. Cum sociis natoque penatibus et
|
||||
magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis,
|
||||
ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa
|
||||
quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget,
|
||||
arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.
|
||||
Nullam dictum felis eu pede link mollis pretium. Integer tincidunt. Cras
|
||||
dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend
|
||||
tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac,
|
||||
enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.
|
||||
Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean
|
||||
imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper
|
||||
ultricies nisi.
|
||||
</p>
|
||||
<Divider />
|
||||
</Container>
|
||||
</div>
|
||||
)
|
||||
|
||||
|
||||
export default class Insturction extends Component{
|
||||
render() {
|
||||
return;
|
||||
return(
|
||||
<ContainerExampleAlignment />
|
||||
)
|
||||
}
|
||||
}
|
Loading…
Reference in a new issue