  <!-- Breadcrumb Area Start Here -->
  <section class="breadcrumbs-area" style="background-image: url('../assets/img/bg-page.jpg');">
    <div class="container">
        <div class="breadcrumbs-content">
            <h1>Achivements</h1>
            <ul>
                <li>
                    <a href="index.php">Home</a> -</li>
                <li>Achivements</li>
            </ul>
        </div>
    </div>
</section>
<!-- Breadcrumb Area End Here -->
<!-- Post Style 2 Page Area Start Here -->
<section class="bg-body section-space-less30">
    <div class="container">

        <div class="row">
            <div class="col-sm-10 col-xs-12">
                <form id="archive-search" class="archive-search-box bg-accent item-shadow-1">
                    <div class="row tab-space5">
                        <div class="col-lg-3 col-md-3 col-sm-6 col-6">
                            <div class="form-group">
                                <label >Order BY</label>
                                <select class="form-control" >
                                    <option>  Newest</option>
                                    <option>Oldest</option>
                                
                                </select>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-2 col-sm-6 col-6">
                                <div class="form-group">
                                <label >From</label>
                                <input type="date" class="form-control">
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-2 col-sm-6 col-6">
                            <div class="form-group">
                                <label >To</label>
                                <input type="date" class="form-control">
                            </div>
                        </div>
                        
                        <div class="col-lg-2 col-md-2 col-sm-6 col-6 text-right">
                            <button type="submit" class="btn-ftg-ptp-40 disabled mt-27">Search</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>

        <div class="row">
            <div class=" col-md-12">
              
                <div class="row">
                    <div class="col-sm-4 col-12">
                        <div class="position-relative mb-30">
                            <a class="img-opacity-hover event-img" href="detail-achivements.php">
                                <img src="../assets/img/news/news1.jpg" alt="news" class="img-fluid width-100 mb-15">
                            </a>
                          
                            <div class="post-date-dark">
                                <ul>
                                    <li>
                                        <span>
                                            <i class="fa fa-calendar" aria-hidden="true"></i>
                                        </span>October 25, 2017</li>
                                </ul>
                            </div>
                            <h3 class="title-medium-dark size-lg mb-none">
                                <a href="detail-achivements.php">John Baldessari on designing the newest BMW art car</a>
                            </h3>
                        </div>
                    </div>
                    <div class="col-sm-4 col-12">
                        <div class="position-relative mb-30">
                            <a class="img-opacity-hover event-img" href="detail-achivements.php">
                                <img src="../assets/img/news/news2.jpg" alt="news" class="img-fluid width-100 mb-15">
                            </a>
                          
                            <div class="post-date-dark">
                                <ul>
                                    <li>
                                        <span>
                                            <i class="fa fa-calendar" aria-hidden="true"></i>
                                        </span>October 25, 2017</li>
                                </ul>
                            </div>
                            <h3 class="title-medium-dark size-lg mb-none">
                                    <a href="detail-achivements.php">John Baldessari on designing the newest BMW art car</a>
                                </h3>
                        </div>
                    </div>
                    <div class="col-sm-4 col-12">
                        <div class="position-relative mb-30">
                            <a class="img-opacity-hover event-img" href="detail-achivements.php">
                                <img src="../assets/img/news/news3.jpg" alt="news" class="img-fluid width-100 mb-15">
                            </a>
                           
                            <div class="post-date-dark">
                                <ul>
                                    <li>
                                        <span>
                                            <i class="fa fa-calendar" aria-hidden="true"></i>
                                        </span>October 25, 2017</li>
                                </ul>
                            </div>
                            <h3 class="title-medium-dark size-lg mb-none">
                                    <a href="detail-achivements.php">John Baldessari on designing the newest BMW art car</a>
                                </h3>
                        </div>
                    </div>
                    <div class="col-sm-4 col-12">
                        <div class="position-relative mb-30">
                            <a class="img-opacity-hover event-img" href="detail-achivements.php">
                                <img src="../assets/img/news/news4.jpg" alt="news" class="img-fluid width-100 mb-15">
                            </a>
                       
                            <div class="post-date-dark">
                                <ul>
                                    <li>
                                        <span>
                                            <i class="fa fa-calendar" aria-hidden="true"></i>
                                        </span>October 25, 2017</li>
                                </ul>
                            </div>
                            <h3 class="title-medium-dark size-lg mb-none">
                                    <a href="detail-achivements.php">John Baldessari on designing the newest BMW art car</a>
                                </h3>
                        </div>
                    </div>
                    <div class="col-sm-4 col-12">
                        <div class="position-relative mb-30">
                            <a class="img-opacity-hover event-img" href="detail-achivements.php">
                                <img src="../assets/img/news/news5.jpg" alt="news" class="img-fluid width-100 mb-15">
                            </a>
                        
                            <div class="post-date-dark">
                                <ul>
                                    <li>
                                        <span>
                                            <i class="fa fa-calendar" aria-hidden="true"></i>
                                        </span>October 25, 2017</li>
                                </ul>
                            </div>
                            <h3 class="title-medium-dark size-lg mb-none">
                                    <a href="detail-achivements.php">John Baldessari on designing the newest BMW art car</a>
                                </h3>
                        </div>
                    </div>
                    <div class="col-sm-4 col-12">
                        <div class="position-relative mb-30">
                            <a class="img-opacity-hover event-img" href="detail-achivements.php">
                                <img src="../assets/img/news/news6.jpg" alt="news" class="img-fluid width-100 mb-15">
                            </a>
                          
                            <div class="post-date-dark">
                                <ul>
                                    <li>
                                        <span>
                                            <i class="fa fa-calendar" aria-hidden="true"></i>
                                        </span>October 25, 2017</li>
                                </ul>
                            </div>
                            <h3 class="title-medium-dark size-lg mb-none">
                                    <a href="detail-achivements.php">John Baldessari on designing the newest BMW art car</a>
                                </h3>
                        </div>
                    </div>
                    <div class="col-sm-4 col-12">
                        <div class="position-relative mb-30">
                            <a class="img-opacity-hover event-img" href="detail-achivements.php">
                                <img src="../assets/img/news/news7.jpg" alt="news" class="img-fluid width-100 mb-15">
                            </a>
                          
                            <div class="post-date-dark">
                                <ul>
                                    <li>
                                        <span>
                                            <i class="fa fa-calendar" aria-hidden="true"></i>
                                        </span>October 25, 2017</li>
                                </ul>
                            </div>
                            <h3 class="title-medium-dark size-lg mb-none">
                                    <a href="detail-achivements.php">John Baldessari on designing the newest BMW art car</a>
                                </h3>
                        </div>
                    </div>
                    <div class="col-sm-4 col-12">
                        <div class="position-relative mb-30">
                            <a class="img-opacity-hover event-img" href="detail-achivements.php">
                                <img src="../assets/img/news/news8.jpg" alt="news" class="img-fluid width-100 mb-15">
                            </a>
                       
                            <div class="post-date-dark">
                                <ul>
                                    <li>
                                        <span>
                                            <i class="fa fa-calendar" aria-hidden="true"></i>
                                        </span>October 25, 2017</li>
                                </ul>
                            </div>
                            <h3 class="title-medium-dark size-lg mb-none">
                                    <a href="detail-achivements.php">John Baldessari on designing the newest BMW art car</a>
                                </h3>
                        </div>
                    </div>
                    <div class="col-sm-4 col-12">
                        <div class="position-relative mb-30">
                            <a class="img-opacity-hover event-img" href="detail-achivements.php">
                                <img src="../assets/img/news/news9.jpg" alt="news" class="img-fluid width-100 mb-15">
                            </a>
                            <div class="post-date-dark">
                                <ul>
                                    <li>
                                        <span>
                                            <i class="fa fa-calendar" aria-hidden="true"></i>
                                        </span>October 25, 2017</li>
                                </ul>
                            </div>
                            <h3 class="title-medium-dark size-lg mb-none">
                                    <a href="detail-achivements.php">John Baldessari on designing the newest BMW art car</a>
                                </h3>
                        </div>
                    </div>
                </div>
                <div class="row mt-20-r mb-30">
                    <div class="col-sm-4 col-12">
                        <div class="pagination-btn-wrapper text-center--xs mb15--xs">
                            <ul>
                                <li class="active">
                                    <a href="#">1</a>
                                </li>
                                <li>
                                    <a href="#">2</a>
                                </li>
                                <li>
                                    <a href="#">3</a>
                                </li>
                                <li>
                                    <a href="#">4</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-sm-4 col-12">
                        <div class="pagination-result text-right pt-10 text-center--xs">
                            <p class="mb-none">Page 1 of 4</p>
                        </div>
                    </div>
                </div>
            </div>
          
        </div>
    </div>
</section>
<!-- Post Style 2 Page Area End Here -->