<section id="teaser-blog">
    <div class="container">
        <div class="row">

            <div class="col-md-6">
                <h2 class="title">Error 404 Page</h2>
            </div>
            <div class="col-md-6">
                <ul class="breadcrumbs page-depth">
                    <li><a href="#">Home</a></li>
                    <li><a href="#">Blog</a></li>
                    <li class="active">Post</li>
                </ul>
            </div>

        </div>
    </div>
</section>
<!-- Teaser end -->

<section class="blog-posts error-page">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <h2>Oops, This Page Could Not Be Found!</h2>
            </div>
        </div>
        <div class="row">
            <div class="col-md-5">
                <div class="error404">404</div>
            </div>
            <div class="col-md-5 col-md-offset-1 error-search">
                <h3>Can't find what you need?<br/>
                    <span>Take a moment and do a search below!</span></h3>
                <form method="get" class="searchform" action="#" id="search">
                    <div class="input-group">
                                    <span class="input-group-addon"><span
                                            class="glyphicon glyphicon-search"></span></span>
                        <input type="text" name="search" class="form-control" placeholder="Search...">
                    </div>
                </form>
            </div>
        </div>
    </div>
</section>

<section id="information" class="container">
    <div class="container">
        <div class="row">
          
        </div>
    </div>
</section>

<a href="#" class="scrollup">ScrollUp</a>