@coreui/ajax
Version:
Open Source Bootstrap Admin Template
32 lines (29 loc) • 1.17 kB
JavaScript
import React, {Component} from "react";
import {Container, Row, Col, Button, Input, InputGroup, InputGroupAddon, InputGroupButton} from "reactstrap";
class Page500 extends Component {
render() {
return (
<div className="app flex-row align-items-center">
<Container>
<Row className="justify-content-center">
<Col md="6">
<span className="clearfix">
<h1 className="float-left display-3 mr-4">500</h1>
<h4 className="pt-3">Houston, we have a problem!</h4>
<p className="text-muted float-left">The page you are looking for is temporarily unavailable.</p>
</span>
<InputGroup className="input-prepend">
<InputGroupAddon><i className="fa fa-search"></i></InputGroupAddon>
<Input size="16" type="text" placeholder="What are you looking for?" />
<InputGroupButton>
<Button color="info">Search</Button>
</InputGroupButton>
</InputGroup>
</Col>
</Row>
</Container>
</div>
);
}
}
export default Page500;