content: import React from 'react'
  
  
  export default class Page404 extends React.Component {
    render() {
      return (
        <div id="content">
          {/* row */}
          <div className="row">
            <div className="col-xs-12 col-sm-12 col-md-12 col-lg-12">
              <div className="row">
                <div className="col-sm-12">
                  <div className="text-center error-box">
                    <h1 className="error-text-2 bounceInDown animated"> Error 404 <span className="particle particle--c"/><span
                      className="particle particle--a"/><span className="particle particle--b"/></h1>
  
                    <h2 className="font-xl"><strong><i className="fa fa-fw fa-warning fa-lg text-warning"/> Page
                      <u>Not</u> Found</strong></h2>
                    <br/>
  
                    <p className="lead">
                      The page you requested could not be found, either contact your webmaster or try again. Use
                      your browsers <b>Back</b> button to navigate to the page you have prevously come from
                    </p>
  
                    <p className="font-md">
                      <b>... That didn't work on you? Dang. May we suggest a search, then?</b>
                    </p>
                    <br/>
  
                    <div className="error-search well well-lg padding-10">
                      <div className="input-group">
                        <input className="form-control input-lg" type="text" placeholder="let's try this again"
                               id="search-error"/>
                        <span className="input-group-addon"><i className="fa fa-fw fa-lg fa-search"/></span>
                      </div>
                    </div>
                    <div className="row">
                      <div className="col-sm-12">
                        <ul className="list-inline">
                          <li>
                            &#xA0;<a href="#">Dashbaord</a>&#xA0;
                          </li>
                          <li>
                            .
                          </li>
                          <li>
                            &#xA0;<a href="#">Inbox (14)</a>&#xA0;
                          </li>
                          <li>
                            .
                          </li>
                          <li>
                            &#xA0;<a href="#">Calendar</a>&#xA0;
                          </li>
                          <li>
                            .
                          </li>
                          <li>
                            &#xA0;<a href="#">Gallery</a>&#xA0;
                          </li>
                          <li>
                            .
                          </li>
                          <li>
                            &#xA0;<a href="#">My Profile</a>&#xA0;
                          </li>
                        </ul>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            {/* end row */}
          </div>
        </div>
      )
    }
  }