<div class="container search-body" role="main">
    <div class="container bootstrap snippet">
        <div class="row">
            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                <div class="well search-result">
                    <div class="input-group">
                        <input type="text" class="form-control" placeholder="Search">
			      <span class="input-group-btn">
			        <button class="btn btn-info btn-lg" type="button">
                        <i class="glyphicon glyphicon-search"></i>
                        Search
                    </button>
			      </span>
                    </div>
                </div>
                <div class="well search-result">
                    <div class="row">
                        <a href="#">
                            <div class="col-xs-6 col-sm-3 col-md-3 col-lg-2">
                                <img class="img-responsive" src="./images/marketplace/android.jpg" alt="">
                            </div>
                            <div class="col-xs-6 col-sm-9 col-md-9 col-lg-10 title">
                                <h3>Android Client</h3>
                                <p>Ut quis libero id orci semper porta ac vel ante. In nec laoreet sapien. Nunc hendrerit ligula at massa sodales, ullamcorper rutrum orci semper.</p>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="well search-result">
                    <div class="row">
                        <a href="#">
                            <div class="col-xs-6 col-sm-3 col-md-3 col-lg-2">
                                <img class="img-responsive" src="./images/marketplace/AngularJS.png" alt="">
                            </div>
                            <div class="col-xs-6 col-sm-9 col-md-9 col-lg-10 title">
                                <h3>AngularJS Client</h3>
                                <p>Nulla rhoncus lacus tortor, vel tincidunt dolor eleifend et. Ut consequat elit quam, iaculis volutpat ipsum fermentum pulvinar. Pellentesque nec sem vel arcu ornare faucibus.</p>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="well search-result">
                    <div class="row">
                        <a href="#">
                            <div class="col-xs-6 col-sm-3 col-md-3 col-lg-2">
                                <img class="img-responsive" src="./images/marketplace/cpp.png" alt="">
                            </div>
                            <div class="col-xs-6 col-sm-9 col-md-9 col-lg-10 title">
                                <h3>C++ Server</h3>
                                <p>Cras nisi dolor, tristique id vehicula vitae, mollis at eros. Ut euismod sem eu tellus vestibulum, in facilisis est feugiat. Mauris sed leo sed erat vestibulum suscipit.</p>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="well search-result">
                    <div class="row">
                        <a href="#">
                            <div class="col-xs-6 col-sm-3 col-md-3 col-lg-2">
                                <img class="img-responsive" src="./images/marketplace/Golang.png" alt="">
                            </div>
                            <div class="col-xs-6 col-sm-9 col-md-9 col-lg-10 title">
                                <h3>Google Go & PubNub Server</h3>
                                <p>Ut quis libero id orci semper porta ac vel ante. In nec laoreet sapien. Nunc hendrerit ligula at massa sodales, ullamcorper rutrum orci semper.</p>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="well search-result">
                    <div class="row">
                        <a href="#">
                            <div class="col-xs-6 col-sm-3 col-md-3 col-lg-2">
                                <img class="img-responsive" src="./images/marketplace/ios.png" alt="">
                            </div>
                            <div class="col-xs-6 col-sm-9 col-md-9 col-lg-10 title">
                                <h3>iOS Client</h3>
                                <p>Nulla rhoncus lacus tortor, vel tincidunt dolor eleifend et. Ut consequat elit quam, iaculis volutpat ipsum fermentum pulvinar. Pellentesque nec sem vel arcu ornare faucibus.</p>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="well search-result">
                    <div class="row">
                        <a href="#">
                            <div class="col-xs-6 col-sm-3 col-md-3 col-lg-2">
                                <img class="img-responsive" src="./images/marketplace/Java.png" alt="">
                            </div>
                            <div class="col-xs-6 col-sm-9 col-md-9 col-lg-10 title">
                                <h3>Java Server</h3>
                                <p>Cras nisi dolor, tristique id vehicula vitae, mollis at eros. Ut euismod sem eu tellus vestibulum, in facilisis est feugiat. Mauris sed leo sed erat vestibulum suscipit.</p>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="well search-result">
                    <div class="row">
                        <a href="#">
                            <div class="col-xs-6 col-sm-3 col-md-3 col-lg-2">
                                <img class="img-responsive" src="./images/marketplace/lambda.png" alt="">
                            </div>
                            <div class="col-xs-6 col-sm-9 col-md-9 col-lg-10 title">
                                <h3>Serverless Architecture</h3>
                                <p>Ut quis libero id orci semper porta ac vel ante. In nec laoreet sapien. Nunc hendrerit ligula at massa sodales, ullamcorper rutrum orci semper.</p>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="well search-result">
                    <div class="row">
                        <a href="#">
                            <div class="col-xs-6 col-sm-3 col-md-3 col-lg-2">
                                <img class="img-responsive" src="./images/marketplace/MongoNodeJS.png" alt="">
                            </div>
                            <div class="col-xs-6 col-sm-9 col-md-9 col-lg-10 title">
                                <h3>NodeJS & MongoDB Server</h3>
                                <p>Nulla rhoncus lacus tortor, vel tincidunt dolor eleifend et. Ut consequat elit quam, iaculis volutpat ipsum fermentum pulvinar. Pellentesque nec sem vel arcu ornare faucibus.</p>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="row">
                    <button type="button" class="btn btn-info  btn-block">
                        <i class="glyphicon glyphicon-refresh"></i>Load more...
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
    $(document).ready(function() {
        $(document.body).addClass('search-body');
        console.log( "document loaded" );
    });
</script>

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/vis/4.16.1/vis.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/vis/4.16.1/vis.min.css" rel="stylesheet" type="text/css"/>

