<!-- *** LOGIN MODAL ***
_________________________________________________________ -->

        <div class="modal fade" id="login-modal" tabindex="-1" role="dialog" aria-labelledby="Login" aria-hidden="true">
            <div class="modal-dialog modal-sm">

                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                        <h4 class="modal-title" id="Login">Customer login</h4>
                    </div>
                    <div class="modal-body">
                        <form action="customer-orders.html" method="post">
                            <div class="form-group">
                                <input type="text" class="form-control" id="email_modal" placeholder="email">
                            </div>
                            <div class="form-group">
                                <input type="password" class="form-control" id="password_modal" placeholder="password">
                            </div>

                            <p class="text-center">
                                <button class="btn btn-template-main"><i class="fa fa-sign-in"></i> Log in</button>
                            </p>

                        </form>

                        <p class="text-center text-muted">Not registered yet?</p>
                        <p class="text-center text-muted"><a href="customer-register.html"><strong>Register now</strong></a>! It is easy and done in 1&nbsp;minute and gives you access to special discounts and much more!</p>

                    </div>
                </div>
            </div>
        </div>

        <!-- *** LOGIN MODAL END *** -->

        <div id="heading-breadcrumbs">
            <div class="container">
                <div class="row">
                    <div class="col-md-6">
                        <h1>Блог: Списковая плитка</h1>
                    </div>
                    <div class="col-md-6">
                        <ul class="breadcrumb">
                            <li><a href="index.html">Главная</a>
                            </li>
                            <li>Блог: Списковая плитка</li>
                        </ul>

                    </div>
                </div>
            </div>
        </div>

        <div id="content">
            <div class="container">
                <div class="row">
                    <!-- *** LEFT COLUMN ***
			 _________________________________________________________ -->

                    <div class="col-md-9" id="blog-listing-small">

                        <div class="row">
							<div class="col-md-12 articles-flex">
                            <div class="col-md-4 col-sm-6">
                                <div class="box-image-text blog">
                                    <div class="top">
                                        <div class="image">
                                            <img src="img/pf9.jpg" alt="" class="img-responsive">
                                        </div>
                                        <div class="bg"></div>
                                        <div class="text">
                                            <p class="buttons">
                                                <a href="portfolio-detail.html" class="btn btn-template-transparent-primary"><i class="fa fa-link"></i> Читать далее</a>
                                            </p>
                                        </div>
                                    </div>
                                    <div class="content">
                                        <h4><a href="blog-post.html">САМЫЕ ИНТЕРЕСНЫЕ МЕСТА ИНДИИ</a></h4>
                                        <p class="author-category">By <a href="blog-small.html#">copywriter</a> in <a href="blog.html">TravelBlog</a>
                                        </p>
                                        <p class="intro">Мы часто организовываем путешествия в Индию и спешим поделиться нашими “секретными местами”.</p>
                                        <p class="read-more"><a href="blog-post.html" class="btn btn-template-main">Читать далее</a>
                                        </p>
                                    </div>
                                </div>
                                <!-- /.box-image-text -->

                            </div>

                            <div class="col-md-4 col-sm-6">
                                <div class="box-image-text blog">
                                    <div class="top">
                                        <div class="image">
                                            <img src="img/pf13.jpg" alt="" class="img-responsive">
                                        </div>
                                        <div class="bg"></div>
                                        <div class="text">
                                            <p class="buttons">
                                                <a href="portfolio-detail.html" class="btn btn-template-transparent-primary"><i class="fa fa-link"></i> Читать далее</a>
                                            </p>
                                        </div>
                                    </div>
                                    <div class="content">
                                        <h4><a href="blog-post.html">ЖИВОПИСНАЯ НОРВЕГИЯ</a></h4>
                                        <p class="author-category">By <a href="blog-small.html#">copywriter</a> in <a href="blog.html">TravelBlog</a>
                                        </p>
                                        <p class="intro">Лофотенские острова — это настоящая «рыбная Мекка» Норвегии. С холодным морем, суровым климатом, красивейшими пейзажами и просто великолепной рыбалкой!</p>
                                        <p class="read-more"><a href="blog-post.html" class="btn btn-template-main">Читать далее</a>
                                        </p>
                                    </div>
                                </div>
                                <!-- /.box-image-text -->

                            </div>

                            <div class="col-md-4 col-sm-6">
                                <div class="box-image-text blog">
                                    <div class="top">
                                        <div class="image">
                                            <img src="img/pf11.jpg" alt="" class="img-responsive">
                                        </div>
                                        <div class="bg"></div>
                                        <div class="text">
                                            <p class="buttons">
                                                <a href="portfolio-detail.html" class="btn btn-template-transparent-primary"><i class="fa fa-link"></i> Читать далее</a>
                                            </p>
                                        </div>
                                    </div>
                                    <div class="content">
                                        <h4><a href="blog-post.html">МАЛЬДИВЫ: РАЙ ДЛЯ ТУРИСТА?</a></h4>
                                        <p class="author-category">By <a href="blog-small.html#">copywriter</a> in <a href="blog.html">TravelBlog</a>
                                        </p>
                                        <p class="intro">Одно из самых заманчивых мест для отдыха имеет свои плюсы и минусы. Узнайте тут.</p>
                                        <p class="read-more"><a href="blog-post.html" class="btn btn-template-main">Читать далее</a>
                                        </p>
                                    </div>
                                </div>
                                <!-- /.box-image-text -->

                            </div>
							</div>
							<div class="col-md-12 articles-flex">


                            <div class="col-md-4 col-sm-6">
                                <div class="box-image-text blog">
                                    <div class="top">
                                        <div class="image">
                                            <img src="img/pf12.jpg" alt="" class="img-responsive">
                                        </div>
                                        <div class="bg"></div>
                                        <div class="text">
                                            <p class="buttons">
                                                <a href="portfolio-detail.html" class="btn btn-template-transparent-primary"><i class="fa fa-link"></i> Читать далее</a>
                                            </p>
                                        </div>
                                    </div>
                                    <div class="content">
                                        <h4><a href="blog-post.html">ЯПОНИЯ ОТ А ДО Я</a></h4>
                                        <p class="author-category">By <a href="blog-small.html#">copywriter</a> in <a href="blog.html">TravelBlog</a>
                                        </p>
                                        <p class="intro">Если вы планируете путешествию в страну восходящего солнца, непременно посетите перечень мест в этой статье.</p>
                                        <p class="read-more"><a href="blog-post.html" class="btn btn-template-main">Читать далее</a>
                                        </p>
                                    </div>
                                </div>
                                <!-- /.box-image-text -->

                            </div>

                            <div class="col-md-4 col-sm-6">
                                <div class="box-image-text blog">
                                    <div class="top">
                                        <div class="image">
                                            <img src="img/pf14.jpg" alt="" class="img-responsive">
                                        </div>
                                        <div class="bg"></div>
                                        <div class="text">
                                            <p class="buttons">
                                                <a href="portfolio-detail.html" class="btn btn-template-transparent-primary"><i class="fa fa-link"></i> Читать далее</a>
                                            </p>
                                        </div>
                                    </div>
                                    <div class="content">
                                        <h4><a href="blog-post.html">В ПОИСКАХ СЕВЕРНОГО СИЯНИЯ</a></h4>
                                        <p class="author-category">By <a href="blog-small.html#">copywriter</a> in <a href="blog.html">TravelBlog</a>
                                        </p>
                                        <p class="intro">Мы даже углубимся в древнюю историю и фольклор различных народов, чтобы более детально узнать о происхождении северного сияния. </p>
                                        <p class="read-more"><a href="blog-post.html" class="btn btn-template-main">Читать далее</a>
                                        </p>
                                    </div>
                                </div>
                                <!-- /.box-image-text -->

                            </div>

                            <div class="col-md-4 col-sm-6">
                                <div class="box-image-text blog">
                                    <div class="top">
                                        <div class="image">
                                            <img src="img/pf15.jpg" alt="" class="img-responsive">
                                        </div>
                                        <div class="bg"></div>
                                        <div class="text">
                                            <p class="buttons">
                                                <a href="portfolio-detail.html" class="btn btn-template-transparent-primary"><i class="fa fa-link"></i> Читать далее</a>
                                            </p>
                                        </div>
                                    </div>
                                    <div class="content">
                                        <h4><a href="blog-post.html">7 ЧУДЕС УКРАИНЫ</a></h4>
                                        <p class="author-category">By <a href="blog-small.html#">copywriter</a> in <a href="blog.html">TravelBlog</a>
                                        </p>
                                        <p class="intro">Самые красивые достопримечательности Украины и ценнейшие историко-культурные памятники, которые были определены в ходе масштабного конкурса с одноименным названием “7 чудес Украины”.</p>
                                        <p class="read-more"><a href="blog-post.html" class="btn btn-template-main">Читать далее</a>
                                        </p>
                                    </div>
                                </div>
                                <!-- /.box-image-text -->

                            </div>

							</div>


                        </div>

                        <ul class="pager">
                            <li class="previous"><a href="blog-small.html#">&larr; Предыдущие</a>
                            </li>
                            <li class="next disabled"><a href="blog-small.html#">Следующие &rarr;</a>
                            </li>
                        </ul>



                    </div>
                    <!-- /.col-md-9 -->

                    <!-- *** LEFT COLUMN END *** -->

                    <!-- *** RIGHT COLUMN ***
			 _________________________________________________________ -->

                    <div class="col-md-3">

                        <!-- *** MENUS AND WIDGETS ***
 _________________________________________________________ -->
                        

                        <div class="panel panel-default sidebar-menu">

                            <div class="panel-heading">
                                <h3 class="panel-title">Поиск</h3>
                            </div>

                            <div class="panel-body">
                                <form role="search">
                                    <div class="input-group">
                                        <input type="text" class="form-control" placeholder="Поиск">
                                        <span class="input-group-btn">

		    <button type="submit" class="btn btn-template-main"><i class="fa fa-search"></i></button>

		</span>
                                    </div>
                                </form>
                            </div>
                        </div>

                        <div class="panel panel-default sidebar-menu">

                            <div class="panel-heading">
                                <h3 class="panel-title">Категории</h3>
                            </div>

                            <div class="panel-body">
                                <ul class="nav nav-pills nav-stacked">
                                    <li><a href="blog.html">Советы в путешествии</a>
                                    </li>
                                    <li><a href="blog.html">Маршрут</a>
                                    </li>
                                    <li><a href="blog.html">Интересные места</a>
                                    </li>
                                    <li><a href="blog.html">Достопримечательности</a>
                                    </li>
                                </ul>
                            </div>
                        </div>

                        <div class="panel sidebar-menu">
                            <div class="panel-heading">
                                <h3 class="panel-title">Теги</h3>
                            </div>

                            <div class="panel-body">
                                <ul class="tag-cloud">
                                    <li><a href="blog.html#"><i class="fa fa-tags"></i> traveling</a> 
                                    </li>
                                    <li><a href="blog.html#"><i class="fa fa-tags"></i> travelguide</a> 
                                    </li>
                                    <li><a href="blog.html#"><i class="fa fa-tags"></i> vacation</a> 
                                    </li>
                                    <li><a href="blog.html#"><i class="fa fa-tags"></i> country</a> 
                                    </li>
                                    <li><a href="blog.html#"><i class="fa fa-tags"></i> capital</a> 
                                    </li>
                                    <li><a href="blog.html#"><i class="fa fa-tags"></i> advice for vacation</a> 
                                    </li>
                                </ul>
                            </div>
                        </div>

                        <!-- *** MENUS AND FILTERS END *** -->

                    </div>
                    <!-- /.col-md-3 -->

                    <!-- *** RIGHT COLUMN END *** -->

                </div>
                <!-- /.row -->
            </div>
            <!-- /.container -->
        </div>
        <!-- /#content -->


<?php
	require("./blocks/modal.php");
	require("./blocks/footer_endhtml.php");
?>