| /* |
| * Copyright (c) 2018 StreamNative. All Rights Reserved. |
| * |
| * Licensed under the Apache License, Version 2.0 (the "License"); |
| * you may not use this file except in compliance with the License. |
| * You may obtain a copy of the License at |
| * |
| * http://www.apache.org/licenses/LICENSE-2.0 |
| * |
| * Unless required by applicable law or agreed to in writing, software |
| * distributed under the License is distributed on an "AS IS" BASIS, |
| * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
| * See the License for the specific language governing permissions and |
| * limitations under the License. |
| */ |
| import React, { Component } from 'react'; |
| import { Button, Col, Container, Input, InputGroup, InputGroupAddon, InputGroupText, Row } from 'reactstrap'; |
| |
| class Page404 extends Component { |
| render() { |
| return ( |
| <div className="app flex-row align-items-center"> |
| <Container> |
| <Row className="justify-content-center"> |
| <Col md="6"> |
| <div className="clearfix"> |
| <h1 className="float-left display-3 mr-4">404</h1> |
| <h4 className="pt-3">Oops! You're lost.</h4> |
| <p className="text-muted float-left">The page you are looking for was not found.</p> |
| </div> |
| <InputGroup className="input-prepend"> |
| <InputGroupAddon addonType="prepend"> |
| <InputGroupText> |
| <i className="fa fa-search"></i> |
| </InputGroupText> |
| </InputGroupAddon> |
| <Input size="16" type="text" placeholder="What are you looking for?" /> |
| <InputGroupAddon addonType="append"> |
| <Button color="info">Search</Button> |
| </InputGroupAddon> |
| </InputGroup> |
| </Col> |
| </Row> |
| </Container> |
| </div> |
| ); |
| } |
| } |
| |
| export default Page404; |