<style><!-- [et_pb_line_break_holder] --> body {<!-- [et_pb_line_break_holder] --> margin: 0;<!-- [et_pb_line_break_holder] --> padding: 0;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .row-t {<!-- [et_pb_line_break_holder] --> display: -ms-flexbox;<!-- [et_pb_line_break_holder] --> display: flex;<!-- [et_pb_line_break_holder] --> -ms-flex-wrap: wrap;<!-- [et_pb_line_break_holder] --> flex-wrap: wrap;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .row-t-1 {<!-- [et_pb_line_break_holder] --> display: -ms-flexbox;<!-- [et_pb_line_break_holder] --> display: flex;<!-- [et_pb_line_break_holder] --> -ms-flex-wrap: wrap;<!-- [et_pb_line_break_holder] --> flex-wrap: wrap;<!-- [et_pb_line_break_holder] --> margin-right: -100px;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .col-lg-3-t{<!-- [et_pb_line_break_holder] --> -ms-flex:0 0 25%;<!-- [et_pb_line_break_holder] --> flex:0 0 25%;<!-- [et_pb_line_break_holder] --> max-width:25%<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .col-lg-4-t {<!-- [et_pb_line_break_holder] --> -ms-flex: 0 0 30%;<!-- [et_pb_line_break_holder] --> flex: 0 0 30%;<!-- [et_pb_line_break_holder] --> max-width: 30%;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .col-lg-9-t {<!-- [et_pb_line_break_holder] --> -ms-flex:0 0 75%;<!-- [et_pb_line_break_holder] --> flex:0 0 75%;<!-- [et_pb_line_break_holder] --> max-width:75%<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .col-12-t {<!-- [et_pb_line_break_holder] --> -ms-flex:0 0 100%;<!-- [et_pb_line_break_holder] --> flex:0 0 100%;<!-- [et_pb_line_break_holder] --> max-width:100%<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .col-lg-3-t,<!-- [et_pb_line_break_holder] --> .col-lg-4-t,<!-- [et_pb_line_break_holder] --> .col-lg-9-t,<!-- [et_pb_line_break_holder] --> .col-12-t {<!-- [et_pb_line_break_holder] --> position: relative;<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> /*padding-right: 15px;<!-- [et_pb_line_break_holder] --> padding-left: 15px;*/<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .box-template {<!-- [et_pb_line_break_holder] --> background: #fff;<!-- [et_pb_line_break_holder] --> box-shadow: 0 3px 9px rgba(43,135,218,.2);<!-- [et_pb_line_break_holder] --> border-radius: 3px;<!-- [et_pb_line_break_holder] --> margin: 14px;<!-- [et_pb_line_break_holder] --> /*max-width: calc(100%/3 - 32px);<!-- [et_pb_line_break_holder] --> width: calc(100%/3 - 32px);*/<!-- [et_pb_line_break_holder] --> position: relative;<!-- [et_pb_line_break_holder] --> transition: box-shadow .3s linear;<!-- [et_pb_line_break_holder] --> overflow: hidden;<!-- [et_pb_line_break_holder] --> cursor: pointer;<!-- [et_pb_line_break_holder] --> -webkit-transform-origin: left top;<!-- [et_pb_line_break_holder] --> transform-origin: left top;<!-- [et_pb_line_break_holder] --> height: 220px;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .box-template:hover img {<!-- [et_pb_line_break_holder] --> opacity: 0.5;<!-- [et_pb_line_break_holder] --> transition: 0.5s;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .box-template img {<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .box-template-text {<!-- [et_pb_line_break_holder] --> background: #fff;<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> bottom: 0;<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> padding: 12px;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .box-template-text p {<!-- [et_pb_line_break_holder] --> margin: 0;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .box-template-text p:nth-child(1) {<!-- [et_pb_line_break_holder] --> color: #444;<!-- [et_pb_line_break_holder] --> font-size: 16px;<!-- [et_pb_line_break_holder] --> font-weight: 600;<!-- [et_pb_line_break_holder] --> padding-bottom: 5px;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .box-template-text p:nth-child(2) {<!-- [et_pb_line_break_holder] --> font-size: 13px;<!-- [et_pb_line_break_holder] --> color: #4c5866;<!-- [et_pb_line_break_holder] --> line-height: 1.1;<!-- [et_pb_line_break_holder] --> padding-bottom: 15px;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .box-template-text a {<!-- [et_pb_line_break_holder] --> color: #ffb300 !important;<!-- [et_pb_line_break_holder] --> text-transform: capitalize; <!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> .template-title {<!-- [et_pb_line_break_holder] --> font-size: 20px;<!-- [et_pb_line_break_holder] --> color: #333;<!-- [et_pb_line_break_holder] --> font-weight: 600;<!-- [et_pb_line_break_holder] --> padding-bottom: 20px;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .opd-filter span {<!-- [et_pb_line_break_holder] --> display: block;<!-- [et_pb_line_break_holder] --> margin-bottom: 10px;<!-- [et_pb_line_break_holder] --> text-transform: capitalize;<!-- [et_pb_line_break_holder] --> background: transparent;<!-- [et_pb_line_break_holder] --> border: transparent;<!-- [et_pb_line_break_holder] --> cursor: pointer;<!-- [et_pb_line_break_holder] --> font-size: 15px;<!-- [et_pb_line_break_holder] --> font-weight: 600;<!-- [et_pb_line_break_holder] --> color: #4c5866;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .filter-data {<!-- [et_pb_line_break_holder] --> color: #ffb300 !important;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .span:focus,<!-- [et_pb_line_break_holder] --> .span:active {<!-- [et_pb_line_break_holder] --> border: transparent !important;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> /* responsive */<!-- [et_pb_line_break_holder] --> @media (max-width: 767px) {<!-- [et_pb_line_break_holder] --> .col-lg-4-t {<!-- [et_pb_line_break_holder] --> -ms-flex: 0 0 50%;<!-- [et_pb_line_break_holder] --> flex: 0 0 50%;<!-- [et_pb_line_break_holder] --> max-width: 50%;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .col-lg-3-t,<!-- [et_pb_line_break_holder] --> .col-lg-9-t {<!-- [et_pb_line_break_holder] --> -ms-flex:0 0 100%;<!-- [et_pb_line_break_holder] --> flex:0 0 100%;<!-- [et_pb_line_break_holder] --> max-width:100%<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .box-template-text p:nth-child(2) {<!-- [et_pb_line_break_holder] --> font-size: 11px;<!-- [et_pb_line_break_holder] --> line-height: 1.1;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .row-t-1 {<!-- [et_pb_line_break_holder] --> margin-right: 0px;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .box-template {<!-- [et_pb_line_break_holder] --> height: 170px;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --></style><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <div class="template"><!-- [et_pb_line_break_holder] --> <div class="row-t"><!-- [et_pb_line_break_holder] --> <div class="col-lg-3-t"><!-- [et_pb_line_break_holder] --> <div class="template-title"><!-- [et_pb_line_break_holder] --> Categories<!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div class="opd-filter"><!-- [et_pb_line_break_holder] --> <span class=" filter-button filter-data" data-filter="all">ALL</span><!-- [et_pb_line_break_holder] --> <span class=" filter-button" data-filter="art">Art & Design</span><!-- [et_pb_line_break_holder] --> <span class=" filter-button" data-filter="business">Business</span><!-- [et_pb_line_break_holder] --> <span class=" filter-button" data-filter="community">Community & Non-Profit</span><!-- [et_pb_line_break_holder] --> <span class=" filter-button" data-filter="education">Education</span><!-- [et_pb_line_break_holder] --> <span class=" filter-button" data-filter="events">Events</span><!-- [et_pb_line_break_holder] --> <!-- <span class=" filter-button" data-filter="fashion">Fashion & Beauty</span><!-- [et_pb_line_break_holder] --> <span class=" filter-button" data-filter="food">Food & Drink</span><!-- [et_pb_line_break_holder] --> <span class=" filter-button" data-filter="health">Health & Fitness</span><!-- [et_pb_line_break_holder] --> <span class=" filter-button" data-filter="lifestyle">Lifestyle</span><!-- [et_pb_line_break_holder] --> <span class=" filter-button" data-filter="services">Services</span><!-- [et_pb_line_break_holder] --> <span class=" filter-button" data-filter="simple">Simple</span><!-- [et_pb_line_break_holder] --> <span class=" filter-button" data-filter="technology">Technology</span> --><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div class="col-lg-9-t" id="row-template"><!-- [et_pb_line_break_holder] --> <div class="row-t-1"><!-- [et_pb_line_break_holder] --> <!-- Art --><!-- [et_pb_line_break_holder] --> <div class="col-lg-4-t filter art"><!-- [et_pb_line_break_holder] --> <div class="box-template"><!-- [et_pb_line_break_holder] --> <a href="http://interactive.co.id/product/data/indeo/template-view/art/design-agency" target="_blank"><!-- [et_pb_line_break_holder] --> <img src="http://interactive.co.id/product/data/indeo/1.img-templates/art&design/001-design-agency-about-page/1.landing.jpg" alt="templates InDeo"><!-- [et_pb_line_break_holder] --> </a><!-- [et_pb_line_break_holder] --> <div class="box-template-text"><!-- [et_pb_line_break_holder] --> <p>Kode: 001</p><!-- [et_pb_line_break_holder] --> <p>Category: Art & Design</p><!-- [et_pb_line_break_holder] --> <a href="http://interactive.co.id/product/data/indeo/template-view/art/design-agency" target="_blank"><!-- [et_pb_line_break_holder] --> view demo<!-- [et_pb_line_break_holder] --> </a><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div class="col-lg-4-t filter art"><!-- [et_pb_line_break_holder] --> <div class="box-template"><!-- [et_pb_line_break_holder] --> <a href="http://interactive.co.id/product/data/indeo/template-view/art/pottery-studio/" target="_blank"><!-- [et_pb_line_break_holder] --> <img src="http://interactive.co.id/product/data/indeo/1.img-templates/art&design/002-copywriter-landing-page/1.landing.jpg" alt="templates InDeo"><!-- [et_pb_line_break_holder] --> </a><!-- [et_pb_line_break_holder] --> <div class="box-template-text"><!-- [et_pb_line_break_holder] --> <p>Kode: 002</p><!-- [et_pb_line_break_holder] --> <p>Category: Art & Design</p><!-- [et_pb_line_break_holder] --> <a href="http://interactive.co.id/product/data/indeo/template-view/art/pottery-studio/" target="_blank"><!-- [et_pb_line_break_holder] --> view demo<!-- [et_pb_line_break_holder] --> </a><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div class="col-lg-4-t filter art"><!-- [et_pb_line_break_holder] --> <div class="box-template"><!-- [et_pb_line_break_holder] --> <a href="http://interactive.co.id/product/data/indeo/template-view/art/design-conference/" target="_blank"><!-- [et_pb_line_break_holder] --> <img src="http://interactive.co.id/product/data/indeo/1.img-templates/art&design/003-design-conference-landing-page/1.landing.jpg" alt="templates InDeo"><!-- [et_pb_line_break_holder] --> </a><!-- [et_pb_line_break_holder] --> <div class="box-template-text"><!-- [et_pb_line_break_holder] --> <p>Kode: 003</p><!-- [et_pb_line_break_holder] --> <p>Category: Art & Design</p><!-- [et_pb_line_break_holder] --> <a href="http://interactive.co.id/product/data/indeo/template-view/art/design-conference/" target="_blank"><!-- [et_pb_line_break_holder] --> view demo<!-- [et_pb_line_break_holder] --> </a><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <!-- Business --><!-- [et_pb_line_break_holder] --> <div class="col-lg-4-t filter business"><!-- [et_pb_line_break_holder] --> <div class="box-template"><!-- [et_pb_line_break_holder] --> <a href="http://interactive.co.id/product/data/indeo/template-view/business/restaurant/" target="_blank"><!-- [et_pb_line_break_holder] --> <img src="http://interactive.co.id/product/data/indeo/1.img-templates/business/004-restaurant/1.landing.jpg" alt="templates InDeo"><!-- [et_pb_line_break_holder] --> </a><!-- [et_pb_line_break_holder] --> <div class="box-template-text"><!-- [et_pb_line_break_holder] --> <p>Kode: 004</p><!-- [et_pb_line_break_holder] --> <p>Category: Business</p><!-- [et_pb_line_break_holder] --> <a href="http://interactive.co.id/product/data/indeo/template-view/business/restaurant/" target="_blank"><!-- [et_pb_line_break_holder] --> view demo<!-- [et_pb_line_break_holder] --> </a><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div class="col-lg-4-t filter business"><!-- [et_pb_line_break_holder] --> <div class="box-template"><!-- [et_pb_line_break_holder] --> <a href="http://interactive.co.id/product/data/indeo/template-view/business/travel-agency/" target="_blank"><!-- [et_pb_line_break_holder] --> <img src="http://interactive.co.id/product/data/indeo/1.img-templates/business/005-travel-agency/1.landing.jpg" alt="templates InDeo"><!-- [et_pb_line_break_holder] --> </a><!-- [et_pb_line_break_holder] --> <div class="box-template-text"><!-- [et_pb_line_break_holder] --> <p>Kode: 005</p><!-- [et_pb_line_break_holder] --> <p>Category: Business</p><!-- [et_pb_line_break_holder] --> <a href="http://interactive.co.id/product/data/indeo/template-view/business/travel-agency/" target="_blank"><!-- [et_pb_line_break_holder] --> view demo<!-- [et_pb_line_break_holder] --> </a><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div class="col-lg-4-t filter business"><!-- [et_pb_line_break_holder] --> <div class="box-template"><!-- [et_pb_line_break_holder] --> <a href="http://interactive.co.id/product/data/indeo/template-view/business/car-dealer/" target="_blank"><!-- [et_pb_line_break_holder] --> <img src="http://interactive.co.id/product/data/indeo/1.img-templates/business/006-car-dealer/1.landing.jpg" alt="templates InDeo"><!-- [et_pb_line_break_holder] --> </a><!-- [et_pb_line_break_holder] --> <div class="box-template-text"><!-- [et_pb_line_break_holder] --> <p>Kode: 006</p><!-- [et_pb_line_break_holder] --> <p>Category: Business</p><!-- [et_pb_line_break_holder] --> <a href="http://interactive.co.id/product/data/indeo/template-view/business/car-dealer/" target="_blank"><!-- [et_pb_line_break_holder] --> view demo<!-- [et_pb_line_break_holder] --> </a><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <!-- community --><!-- [et_pb_line_break_holder] --> <div class="col-lg-4-t filter community"><!-- [et_pb_line_break_holder] --> <div class="box-template"><!-- [et_pb_line_break_holder] --> <a href="http://interactive.co.id/product/data/indeo/template-view/community/farmers-market/" target="_blank"><!-- [et_pb_line_break_holder] --> <img src="http://interactive.co.id/product/data/indeo/1.img-templates/community&non-profit/007-farmers-market/1.landing.jpg" alt="templates InDeo"><!-- [et_pb_line_break_holder] --> </a><!-- [et_pb_line_break_holder] --> <div class="box-template-text"><!-- [et_pb_line_break_holder] --> <p>Kode: 007</p><!-- [et_pb_line_break_holder] --> <p>Category: Community & Non-Profit</p><!-- [et_pb_line_break_holder] --> <a href="http://interactive.co.id/product/data/indeo/template-view/community/farmers-market/" target="_blank"><!-- [et_pb_line_break_holder] --> view demo<!-- [et_pb_line_break_holder] --> </a><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div class="col-lg-4-t filter community"><!-- [et_pb_line_break_holder] --> <div class="box-template"><!-- [et_pb_line_break_holder] --> <a href="http://interactive.co.id/product/data/indeo/template-view/community/animal-shelter/" target="_blank"><!-- [et_pb_line_break_holder] --> <img src="http://interactive.co.id/product/data/indeo/1.img-templates/community&non-profit/008-animal-shelter/1.landing.jpg" alt="templates InDeo"><!-- [et_pb_line_break_holder] --> </a><!-- [et_pb_line_break_holder] --> <div class="box-template-text"><!-- [et_pb_line_break_holder] --> <p>Kode: 008</p><!-- [et_pb_line_break_holder] --> <p>Category: Community & Non-Profit</p><!-- [et_pb_line_break_holder] --> <a href="http://interactive.co.id/product/data/indeo/template-view/community/animal-shelter/" target="_blank"><!-- [et_pb_line_break_holder] --> view demo<!-- [et_pb_line_break_holder] --> </a><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div class="col-lg-4-t filter community"><!-- [et_pb_line_break_holder] --> <div class="box-template"><!-- [et_pb_line_break_holder] --> <a href="http://interactive.co.id/product/data/indeo/template-view/community/food-bank/" target="_blank"><!-- [et_pb_line_break_holder] --> <img src="http://interactive.co.id/product/data/indeo/1.img-templates/community&non-profit/009-food-bank/1.landing.jpg" alt="templates InDeo"><!-- [et_pb_line_break_holder] --> </a><!-- [et_pb_line_break_holder] --> <div class="box-template-text"><!-- [et_pb_line_break_holder] --> <p>Kode: 009</p><!-- [et_pb_line_break_holder] --> <p>Category: Community & Non-Profit</p><!-- [et_pb_line_break_holder] --> <a href="http://interactive.co.id/product/data/indeo/template-view/community/food-bank/" target="_blank"><!-- [et_pb_line_break_holder] --> view demo<!-- [et_pb_line_break_holder] --> </a><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <!-- education --><!-- [et_pb_line_break_holder] --> <div class="col-lg-4-t filter education"><!-- [et_pb_line_break_holder] --> <div class="box-template"><!-- [et_pb_line_break_holder] --> <a href="http://interactive.co.id/product/data/indeo/template-view/education/elementary-school/" target="_blank"><!-- [et_pb_line_break_holder] --> <img src="http://interactive.co.id/product/data/indeo/1.img-templates/education/010-elementary-school/1.landing.jpg" alt="templates InDeo"><!-- [et_pb_line_break_holder] --> </a><!-- [et_pb_line_break_holder] --> <div class="box-template-text"><!-- [et_pb_line_break_holder] --> <p>Kode: 010</p><!-- [et_pb_line_break_holder] --> <p>Category: Education</p><!-- [et_pb_line_break_holder] --> <a href="http://interactive.co.id/product/data/indeo/template-view/education/elementary-school/" target="_blank"><!-- [et_pb_line_break_holder] --> view demo<!-- [et_pb_line_break_holder] --> </a><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div class="col-lg-4-t filter education"><!-- [et_pb_line_break_holder] --> <div class="box-template"><!-- [et_pb_line_break_holder] --> <a href="http://interactive.co.id/product/data/indeo/template-view/education/language-school/" target="_blank"><!-- [et_pb_line_break_holder] --> <img src="http://interactive.co.id/product/data/indeo/1.img-templates/education/011-language-school/1.landing.jpg" alt="templates InDeo"><!-- [et_pb_line_break_holder] --> </a><!-- [et_pb_line_break_holder] --> <div class="box-template-text"><!-- [et_pb_line_break_holder] --> <p>Kode: 011</p><!-- [et_pb_line_break_holder] --> <p>Category: Education</p><!-- [et_pb_line_break_holder] --> <a href="http://interactive.co.id/product/data/indeo/template-view/education/language-school/" target="_blank"><!-- [et_pb_line_break_holder] --> view demo<!-- [et_pb_line_break_holder] --> </a><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div class="col-lg-4-t filter education"><!-- [et_pb_line_break_holder] --> <div class="box-template"><!-- [et_pb_line_break_holder] --> <a href="http://interactive.co.id/product/data/indeo/template-view/education/day-care/" target="_blank"><!-- [et_pb_line_break_holder] --> <img src="http://interactive.co.id/product/data/indeo/1.img-templates/education/012-day-care/1.landing.jpg" alt="templates InDeo"><!-- [et_pb_line_break_holder] --> </a><!-- [et_pb_line_break_holder] --> <div class="box-template-text"><!-- [et_pb_line_break_holder] --> <p>Kode: 012</p><!-- [et_pb_line_break_holder] --> <p>Category: Education</p><!-- [et_pb_line_break_holder] --> <a href="http://interactive.co.id/product/data/indeo/template-view/education/day-care/" target="_blank"><!-- [et_pb_line_break_holder] --> view demo<!-- [et_pb_line_break_holder] --> </a><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <!-- events --><!-- [et_pb_line_break_holder] --> <div class="col-lg-4-t filter events"><!-- [et_pb_line_break_holder] --> <div class="box-template"><!-- [et_pb_line_break_holder] --> <a href="http://interactive.co.id/product/data/indeo/template-view/events/wedding/" target="_blank"><!-- [et_pb_line_break_holder] --> <img src="http://interactive.co.id/product/data/indeo/1.img-templates/events/013-wedding/1.landing.jpg" alt="templates InDeo"><!-- [et_pb_line_break_holder] --> </a><!-- [et_pb_line_break_holder] --> <div class="box-template-text"><!-- [et_pb_line_break_holder] --> <p>Kode: 013</p><!-- [et_pb_line_break_holder] --> <p>Category: Events</p><!-- [et_pb_line_break_holder] --> <a href="http://interactive.co.id/product/data/indeo/template-view/events/wedding/" target="_blank"><!-- [et_pb_line_break_holder] --> view demo<!-- [et_pb_line_break_holder] --> </a><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div class="col-lg-4-t filter events"><!-- [et_pb_line_break_holder] --> <div class="box-template"><!-- [et_pb_line_break_holder] --> <a href="http://interactive.co.id/product/data/indeo/template-view/events/wedding-planner/" target="_blank"><!-- [et_pb_line_break_holder] --> <img src="http://interactive.co.id/product/data/indeo/1.img-templates/events/014-wedding-planner/1.landing.jpg" alt="templates InDeo"><!-- [et_pb_line_break_holder] --> </a><!-- [et_pb_line_break_holder] --> <div class="box-template-text"><!-- [et_pb_line_break_holder] --> <p>Kode: 014</p><!-- [et_pb_line_break_holder] --> <p>Category: Events</p><!-- [et_pb_line_break_holder] --> <a href="http://interactive.co.id/product/data/indeo/template-view/events/wedding-planner/" target="_blank"><!-- [et_pb_line_break_holder] --> view demo<!-- [et_pb_line_break_holder] --> </a><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div class="col-lg-4-t filter events"><!-- [et_pb_line_break_holder] --> <div class="box-template"><!-- [et_pb_line_break_holder] --> <a href="http://interactive.co.id/product/data/indeo/template-view/events/wedding-engagement/" target="_blank"><!-- [et_pb_line_break_holder] --> <img src="http://interactive.co.id/product/data/indeo/1.img-templates/events/015-wedding-engagement/1.landing.jpg" alt="templates InDeo"><!-- [et_pb_line_break_holder] --> </a><!-- [et_pb_line_break_holder] --> <div class="box-template-text"><!-- [et_pb_line_break_holder] --> <p>Kode: 015</p><!-- [et_pb_line_break_holder] --> <p>Category: Events</p><!-- [et_pb_line_break_holder] --> <a href="http://interactive.co.id/product/data/indeo/template-view/events/wedding-engagement/" target="_blank"><!-- [et_pb_line_break_holder] --> view demo<!-- [et_pb_line_break_holder] --> </a><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <script src="https://interactive.co.id/product/js/jquery.min.js"></script><!-- [et_pb_line_break_holder] --> <script><!-- [et_pb_line_break_holder] --> $(document).ready(function(){<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> $(".filter-button").click(function(){<!-- [et_pb_line_break_holder] --> var value = $(this).attr('data-filter');<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> if(value == "all")<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> $('.filter').show('1000');<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> else<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> $(".filter").not('.'+value).hide('3000');<!-- [et_pb_line_break_holder] --> $('.filter').filter('.'+value).show('3000');<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> if ($(".filter-button").removeClass("active")) {<!-- [et_pb_line_break_holder] --> $(this).removeClass("active");<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> $(this).addClass("active");<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> $('.filter-button').on('click', function(){<!-- [et_pb_line_break_holder] --> $('.filter-button').removeClass('filter-data');<!-- [et_pb_line_break_holder] --> $(this).addClass('filter-data');<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> </script>