<div class="section">
    <div class="container">
        <div class="row">
            <div class="col-lg-4 col-md-4">
                <div class="text-center">
                    <span class="glyphicon glyphicon-phone"></span>
                </div>
                <h3>Mobile Friendly</h3>
                <p>This page is built with mobile devices in mind. Any resolution ot orientation - rest assured the layout will be smooth and shiny.</p>
            </div>
            <div class="col-lg-4 col-md-4">
                <div class="text-center">
                    <span class="glyphicon glyphicon-wrench"></span>
                </div>
                <h3>Customizable</h3>
                <p>Use this page as the basis for your own custom layout. Easy to modify and sure to fit your requirements, thanks to Bootstrap 3.</p>
            </div>
            <div class="col-lg-4 col-md-4">
                <div class="text-center">
                    <span class="glyphicon glyphicon-save"></span>
                </div>
                <h3>Download</h3>
                <p>Feel free to download and test the sample locally. It is fully functional and requires no additional settings and adjustments.</p>
            </div>
        </div>
    </div>
</div>
<div class="section-colored text-center">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <h2>Landing page - Architect portfolio</h2>
                <p>A sample landing page, which showcases a small portfolio of work done.</p>
                <hr/>
            </div>
        </div>
    </div>
</div>
<div class="section">
    <div class="container">
        <div class="row">
            <div class="text-center">
                <h1>Architect Portfolio</h1>
            </div>
            <div class="row">
                <div class="col-md-4">
                    <div class="well">
                        <img class="thumbnail img-responsive" alt="Bootstrap template" src="http://www.prepbootstrap.com/Content/images/shared/houses/h9.jpg" />
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="well">
                        <img class="thumbnail img-responsive" alt="Bootstrap template" src="http://www.prepbootstrap.com/Content/images/shared/houses/h8.jpg" />
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="well">
                        <img class="thumbnail img-responsive" alt="Bootstrap template" src="http://www.prepbootstrap.com/Content/images/shared/houses/h4.jpg" />
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-4">
                    <div class="well">
                        <img class="thumbnail img-responsive" alt="Bootstrap template" src="http://www.prepbootstrap.com/Content/images/shared/houses/h7.jpg" />
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="well">
                        <img class="thumbnail img-responsive" alt="Bootstrap template" src="http://www.prepbootstrap.com/Content/images/shared/houses/h3.jpg" />
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="well">
                        <img class="thumbnail img-responsive" alt="Bootstrap template" src="http://www.prepbootstrap.com/Content/images/shared/houses/h6.jpg" />
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-4">
                    <div class="well">
                        <img class="thumbnail img-responsive" alt="Bootstrap template" src="http://www.prepbootstrap.com/Content/images/shared/houses/h1.jpg" />
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="well">
                        <img class="thumbnail img-responsive" alt="Bootstrap template" src="http://www.prepbootstrap.com/Content/images/shared/houses/h2.jpg" />
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="well">
                        <img class="thumbnail img-responsive" alt="Bootstrap template" src="http://www.prepbootstrap.com/Content/images/shared/houses/h5.jpg" />
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="panel panel-default">
    <div class="panel-body">
        <div class="collapse navbar-collapse navbar-ex1-collapse">
            <ul class="nav navbar-nav navbar-left">
                <li><a>About Us</a></li>
                <li><a>Services Provided</a></li>
                <li><a>Contact Us</a></li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Portfolio <b class="caret"></b></a>
                    <ul class="dropdown-menu">
                        <li><a href="#">1 Column Portfolio</a></li>
                        <li><a href="#">2 Column Portfolio</a></li>
                        <li><a href="#">3 Column Portfolio</a></li>
                        <li><a href="#">4 Column Portfolio</a></li>
                        <li><a href="#">Single Portfolio Item</a></li>
                    </ul>
                </li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Blog <b class="caret"></b></a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Blog Section</a></li>
                        <li><a href="#">Blog Section</a></li>
                        <li><a href="#">Blog Section</a></li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
</div>