404

Example of "not found" page

by Vladimir Kutepov

HTML

<script src="https://fb.me/react-with-addons-15.1.0.js"></script>
<script src="https://fb.me/react-dom-15.1.0.js"></script>
<div id="container"></div>

SCSS

html {
  height: 100%;
}

body {
  display: flex;
  margin: 0;
  padding: 0 2rem;
  min-height: 100%;
  justify-content: center;
  align-items: center;
  background: #333;
  color: #eee;
  font-family: Helvetica Neue;
}

Babel + JSX

class NotFound extends React.Component {
  render() {
    return (
      <div>
        <h1>404 - Page not found</h1>
        <p>The page you're looking for does not exist or an another error occurred.</p>
        <p>Go back, or head over to the home page to choose a new direction.</p>
      </div>
    );
  }
}

ReactDOM.render(<NotFound />, document.getElementById('container'));