<!-- Page Banner -->
<div class="container-fluid no-padding page-banner">
    <div class="padding-90"></div>
    <!-- Container -->
    <div class="container">
        <h3>404</h3>
        <ol class="breadcrumb">
            <li><a href="index-2.html">Home</a></li>
            <li class="active">404</li>
        </ol>
    </div><!-- Container /- -->
    <div class="padding-100"></div>
</div><!-- Page Banner /- -->

<div class="section-padding"></div>

<div class="container-fluid no-padding error-section">
    <div class="col-md-6 no-padding">
        <img src="{{APP_URL}}/assets/images/404.jpg" alt="404" />
    </div>
    <div class="col-md-6 no-padding">
        <div class="error-content">
            <img src="{{APP_URL}}/assets/images/404-txt.png" alt="404 Text" />
            <h3>sorry! page not found</h3>
            <div class="input-group">
                <input type="text" class="form-control" placeholder="Type here to Search...">
                <span class="input-group-btn">
                    <button class="btn btn-default" type="button"><i class="icon icon-Search"></i></button>
                </span>
            </div><!-- /input-group -->
            <p>Page you are looking for is no longer available use search form bellow to find what you are looking for</p>
        </div>
    </div>
</div>

<div class="section-padding"></div>