Portfolio-02

Style 2

January 28, 2015

Augue lorem lacinia

February 28, 2015

Fermar lorem lacinia

March 28, 2018

Bergu Sorm lacinia

January 17, 2015

Ajax Sakm lacinia

April 28, 2018

Strim lorem lacinia

January 28, 2015

Oiera lorem Sumar

January 28, 2015

Valoacen omet lacinia

February 28, 2018

Arvai amar lacinia

May 28, 2015

Nayb kjuh lacinia

March 28, 2015

Somer lorem lacinia

January 28, 2017

Eatta korci Vai

January 12, 2015

O Alada Alada link

                
<!-- protfolio-area start-->
<div class="amazing-portfolio-area amazing-portfolio-area-2">
    <div class="col-lg-12">
        <ul class="filter-catagory-menu filter-catagory-menu-2 text-center">
            <li class="filter active" data-filter="all"><a>Show All</a></li>
            <li class="filter" data-filter=".fashion"><a>Fashoin</a></li>
            <li class="filter" data-filter=".photography"><a>Phptography</a></li>
            <li class="filter" data-filter=".suncity"><a>Sun City</a></li>
            <li class="filter" data-filter=".artglass"><a>Art Glass</a></li>
        </ul>
    </div>
    <div id="mix-fil" class="row">
        <div class="col-lg-4 col-md-4 col-12 mix fashion">
            <div class="amazing-work-single amazing-work-single-2">
                <div class="amazing-img">
                    <a href="#"><img src="images/product/a1.jpg" alt=""></a>
                </div>
                <div class="amazing-content amazing-content-2">
                    <div class="porject-date">
                        January 28, 2015
                    </div>
                    <h3 class="railway"><a href="#">Augue lorem lacinia</a></h3>
                </div>
            </div>
        </div>
        <div class="col-lg-4 col-md-4 col-12  mix photography">
            <div class="amazing-work-single amazing-work-single-2">
                <div class="amazing-img">
                    <a href="#"><img src="images/product/a2.jpg" alt=""></a>
                </div>
                <div class="amazing-content amazing-content-2">
                    <div class="porject-date">
                        February 28, 2015
                    </div>
                    <h3 class="railway"><a href="#">Fermar lorem lacinia</a></h3>
                </div>
            </div>
        </div>
        <div class="col-lg-4 col-md-4 col-12 mix suncity ">
            <div class="amazing-work-single amazing-work-single-2">
                <div class="amazing-img">
                    <a href="#"><img src="images/product/a3.jpg" alt=""></a>
                </div>
                <div class="amazing-content amazing-content-2">
                    <div class="porject-date">
                        March 28, 2018
                    </div>
                    <h3 class="railway"><a href="#">Bergu Sorm lacinia</a></h3>
                </div>
            </div>
        </div>
        <div class="col-lg-4 col-md-4 col-12 mix artglass">
            <div class="amazing-work-single amazing-work-single-2">
                <div class="amazing-img">
                    <a href="#"><img src="images/product/a4.jpg" alt=""></a>
                </div>
                <div class="amazing-content amazing-content-2">
                    <div class="porject-date">
                        January 17, 2015
                    </div>
                    <h3 class="railway"><a href="#">Ajax Sakm lacinia</a></h3>
                </div>
            </div>
        </div>
        <div class="col-lg-4 col-md-4 col-12  mix fashion">
            <div class="amazing-work-single amazing-work-single-2">
                <div class="amazing-img">
                    <a href="#"><img src="images/product/a5.jpg" alt=""></a>
                </div>
                <div class="amazing-content amazing-content-2">
                    <div class="porject-date">
                        April 28, 2018
                    </div>
                    <h3 class="railway"><a href="#">Strim lorem lacinia</a></h3>
                </div>
            </div>
        </div>
        <div class="col-lg-4 col-md-4 col-12 mix fashion">
            <div class="amazing-work-single amazing-work-single-2">
                <div class="amazing-img">
                    <a href="#"><img src="images/product/a6.jpg" alt=""></a>
                </div>
                <div class="amazing-content amazing-content-2">
                    <div class="porject-date">
                        January 28, 2015
                    </div>
                    <h3 class="railway"><a href="#">Oiera lorem Sumar</a></h3>
                </div>
            </div>
        </div>
        <div class="col-lg-4 col-md-4 col-12  mix photography">
            <div class="amazing-work-single amazing-work-single-2">
                <div class="amazing-img">
                    <a href="#"><img src="images/product/a7.jpg" alt=""></a>
                </div>
                <div class="amazing-content amazing-content-2">
                    <div class="porject-date">
                        January 28, 2015
                    </div>
                    <h3 class="railway"><a href="#">Valoacen omet lacinia</a></h3>
                </div>
            </div>
        </div>
        <div class="col-lg-4 col-md-4 col-12 mix suncity ">
            <div class="amazing-work-single amazing-work-single-2">
                <div class="amazing-img">
                    <a href="#"><img src="images/product/a8.jpg" alt=""></a>
                </div>
                <div class="amazing-content amazing-content-2">
                    <div class="porject-date">
                        February 28, 2018
                    </div>
                    <h3 class="railway"><a href="#">Arvai amar lacinia</a></h3>
                </div>
            </div>
        </div>
        <div class="col-lg-4 col-md-4 col-12 mix artglass">
            <div class="amazing-work-single amazing-work-single-2">
                <div class="amazing-img">
                    <a href="#"><img src="images/product/a9.jpg" alt=""></a>
                </div>
                <div class="amazing-content amazing-content-2">
                    <div class="porject-date">
                        May 28, 2015
                    </div>
                    <h3 class="railway"><a href="#">Nayb kjuh lacinia</a></h3>
                </div>
            </div>
        </div>
        <div class="col-lg-4 col-md-4 col-12  mix fashion">
            <div class="amazing-work-single amazing-work-single-2">
                <div class="amazing-img">
                    <a href="#"><img src="images/product/a1.jpg" alt=""></a>
                </div>
                <div class="amazing-content amazing-content-2">
                    <div class="porject-date">
                        March 28, 2015
                    </div>
                    <h3 class="railway"><a href="#">Somer lorem lacinia</a></h3>
                </div>
            </div>
        </div>
        <div class="col-lg-4 col-md-4 col-12  mix photography">
            <div class="amazing-work-single amazing-work-single-2">
                <div class="amazing-img">
                    <a href="#"><img src="images/product/a2.jpg" alt=""></a>
                </div>
                <div class="amazing-content amazing-content-2">
                    <div class="porject-date">
                        January 28, 2017
                    </div>
                    <h3 class="railway"><a href="#">Eatta korci Vai</a></h3>
                </div>
            </div>
        </div>
        <div class="col-lg-4 col-md-4 col-12 mix suncity ">
            <div class="amazing-work-single amazing-work-single-2">
                <div class="amazing-img">
                    <a href="#"><img src="images/product/a1.jpg" alt=""></a>
                </div>
                <div class="amazing-content amazing-content-2">
                    <div class="porject-date">
                        January 12, 2015
                    </div>
                    <h3 class="railway"><a href="#">O Alada Alada link</a></h3>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- portfolio-area end-->

                

/* =========portfolio Page=============== */
.amazing-work-single.amazing-work-single-2:hover .amazing-img img {
    transform: scale(1.05);
}
.amazing-work-single.amazing-work-single-2 .amazing-img img {
    transition: all 0.3s ease 0s;
}
.amazing-content.amazing-content-2 {
  top: 100%;
  transform: translateY(-100%);
  opacity:0;
  z-index:2;
  transition:all 0.4s ease 0s;
}

.amazing-work-single.amazing-work-single-2::after {
  background: rgba(0, 0, 0, 0) url("images/bg/portfolio-shadow.png") repeat-x center bottom;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: all 0.4s ease 0s;
  width: 100%;
  z-index: 1;
}
.amazing-work-single.amazing-work-single-2:hover:after,.amazing-work-single.amazing-work-single-2:hover .amazing-content.amazing-content-2{
  opacity: 1;
}
.amazing-content.amazing-content-2 a {
  color: #4a4d4f;
  font-size: 18px;
  line-height: 22px;
  font-weight:normal
}
.amazing-content.amazing-content-2 a:hover {
  color: #2395ec;
}
.amazing-content-2 .porject-date{
  color: #999999;
  font-size: 12px;
  margin: 0 0 5px;
  text-transform: uppercase;
}

.filter-catagory-menu.filter-catagory-menu-2 li + li::after {
  content: "";
}
.filter-catagory-menu.filter-catagory-menu-2 li {
  font-style: normal;
}
.filter-catagory-menu.filter-catagory-menu-2 li a {
  background: #ededed none repeat scroll 0 0;
  display: inline-block;
  font-size: 13px;
  height: 40px;
  line-height: 40px;
  padding: 0 30px;
}
.filter-catagory-menu.filter-catagory-menu-2 li {
  margin: 0 2px;
}
.filter-catagory-menu-2 li.filter.active > a {
  background: #2393ec none repeat scroll 0 0;
  color: #fff;
}