remove unnessessary plugins and added filtarizr plugin

assets/js/script.js

@@ -51,8 +51,7 @@ jQuery(function ($) {
 	/*	Portfolio Filtering Hook
 	/* =========================================================================  */
 
-	var mixer = mixitup('.portfolio-items-wrapper');
-
+	var filterizd = $('.filtr-container').filterizr({});
 	/* ========================================================================= */
 	/*	Testimonial Carousel
 	/* =========================================================================  */
@@ -65,10 +64,6 @@ jQuery(function ($) {
 		autoplaySpeed: 4000
 	});
 
-
-
-
-
 	/* ========================================================================= */
 	/*   Contact Form Validating
 	/* ========================================================================= */
@@ -167,7 +162,7 @@ var wow = new WOW({
 
 //https://github.com/matthieua/WOW/issues/196#issuecomment-348734401
 var scrolled = false;
-$(window).on('scroll', function() {
+$(window).on('scroll', function () {
 	if (!scrolled) {
 		scrolled = true;
 		wow.init();
@@ -298,18 +293,18 @@ google.maps.event.addDomListener(window, "load", initialize);
 /* ========================================================================= */
 /*	Staticman comments reply
 /* ========================================================================= */
-function changeValue(elementName, newValue){
-	document.getElementsByName(elementName)[0].value=newValue;
+function changeValue(elementName, newValue) {
+	document.getElementsByName(elementName)[0].value = newValue;
 };
 
 /* ========================================================================= */
 /*	Honeypot
 /* ========================================================================= */
-$(document).ready(function() {
-    $('form').submit(function() {
-        if ($('input[type="text"]#e-mail').val().length > 0) {
-            $('form').attr('action', '/');
-            return false;
-        }
-    });
-});
+$(document).ready(function () {
+	$('form').submit(function () {
+		if ($('input[type="text"]#e-mail').val().length > 0) {
+			$('form').attr('action', '/');
+			return false;
+		}
+	});
+});

exampleSite/data/portfolio.yml

@@ -26,14 +26,14 @@ portfolioItem :
     title : Sound system
     description : Lorem ipsum dolor sit amet consectetur adipisicing elit. Ullam, nemo!
 
-  - types : design development
+  - types : design, development
     image : images/portfolio/portfolio-3.jpg
     icon : tf-ion-android-search
     URL : #
     title : Clock Product
     description : Lorem ipsum dolor sit amet consectetur adipisicing elit. Ullam, nemo!
 
-  - types : photography development
+  - types : photography, development
     image : images/portfolio/portfolio-4.jpg
     icon : tf-ion-android-search
     URL : #
@@ -61,14 +61,14 @@ portfolioItem :
     title : Business Card
     description : Lorem ipsum dolor sit amet consectetur adipisicing elit. Ullam, nemo!
 
-  - types : design development
+  - types : design, development
     image : images/portfolio/portfolio-8.jpg
     icon : tf-ion-android-search
     URL : #
     title : Stationary Design
     description : Lorem ipsum dolor sit amet consectetur adipisicing elit. Ullam, nemo!
 
-  - types : design photography
+  - types : design, photography
     image : images/portfolio/portfolio-2.jpg
     icon : tf-ion-android-search
     URL : #

layouts/partials/footer.html

@@ -19,7 +19,6 @@
 						<img src="{{ .Site.Params.logo | absURL }}" alt="Meghna" />
 					</a>
 					<br>
-
 					<p>Design And Developed by <a href="{{ .Site.Params.footer.copyrightURL | absURL }}"> {{ with .Site.Params.footer.copyright }} {{ . }} {{ end }} </a>. Copyright &copy; <script>
 							document.write(new Date().getFullYear())
 						</script>. All Rights Reserved.</p>
@@ -39,7 +38,7 @@
 		{{"<!-- Slick Carousel -->" | safeHTML}}
 		<script type="text/javascript" src="{{ "plugins/slick-carousel/slick/slick.min.js" | absURL}}"></script>
 		{{"<!-- Portfolio Filtering -->" | safeHTML}}
-		<script type="text/javascript" src="{{ "plugins/mixitup/mixitup.min.js" | absURL}}"></script>
+		<script type="text/javascript" src="{{ "plugins/filterzr/jquery.filterizr.min.js" | absURL}}"></script>
 		{{"<!-- Magnific popup -->" | safeHTML}}
 		<script type="text/javascript" src="{{ "plugins/magnific-popup/dist/jquery.magnific-popup.min.js" | absURL}}"></script>
 		{{"<!-- Google Map API -->" | safeHTML}}

layouts/partials/portfolio.html

@@ -17,21 +17,19 @@ <h2> {{ with .Site.Data.portfolio.heading }} {{ . }} {{ end }} <span class="colo
                 <div class="portfolio-filter">
                     <button type="button" data-filter="all">All</button>
                     {{ range .Site.Data.portfolio.filterList }}
-                    <button type="button" data-filter=".{{ .filterType }}">{{ .filterTitle }}</button>
+                    <button type="button" data-filter="{{ .filterType }}">{{ .filterTitle }}</button>
                     {{ end }}
                 </div>
             </div>
         </div>
-        <div class="row portfolio-items-wrapper">
+        <div class="row filtr-container">
             {{"<!-- portfolio item -->" | safeHTML}}
             {{ range .Site.Data.portfolio.portfolioItem }}
-            <div class="mix col-lg-4 {{ .types }}">
-                <div class="portfolio-block">
+            <div class="col-lg-4 filtr-item" data-category="{{ .types }}">
+                <div class="portfolio-block mb-4">
                     <img class="img-fluid" src="{{ .image | absURL}}" alt="work-image">
                     <div class="caption">
-
-                        <a class="search-icon image-popup" data-effect="mfp-with-zoom" href="{{ .image | absURL}}"
-                            data-lightbox="image-1">
+                        <a class="search-icon image-popup" data-effect="mfp-with-zoom" href="{{ .image | absURL}}" data-lightbox="image-1">
                             <i class="{{ .icon }}"></i>
                         </a>
                         <h4><a href="{{ .URL | absURL }}">{{ .title }}</a></h4>