104 lines
4.8 KiB
JavaScript
104 lines
4.8 KiB
JavaScript
import React, { Component } from 'react';
|
|
import {
|
|
Container, Header, Divider, Grid,
|
|
} from 'semantic-ui-react';
|
|
import HomeNavbar from '../components/HomeNavbar';
|
|
|
|
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 <ContainerExampleAlignment />;
|
|
}
|
|
}
|