Filter

Example 9 - Filter by keywords within a specific class

Useful for keywords that conflict with each other. For example, "Kentucky USA" and "Kentucky Friend Chicken".

See Finsweet
Walkthrough

What we will cover

  • Filter by keywords within a specific class

RESET ALL
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Proj 1.8-28.4
Proj 31-60
Proj 61-90
Projc 91-120
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Project 1
1
2019
Project 2
2
2020
Project 3
3
2017
Project 4
4
2018
Project 5
5
2018
Project 6
6
2018
Project 7
7
2019
Project 8
8
2020
Project 9
9
2020
Project 10
10
2020
Project 11
11
2019
Project 12
12
2017
Project 13
13
2019
Project 14
14
2020
Project 15
15
2017
Project 16
16
2018
Project 17
17
2018
Project 18
18
2018
Project 19
19
2019
Project 20
20
2020
Project 21
21
2020
Project 22
22
2020
Project 23
23
2019
Project 24
24
2017
Project 25
25
2019
Project 26
26
2020
Project 27
27
2017
Project 28
28
2018
Project 29
29
2018
Project 30
30
2018
Project 31
31
2019
Project 32
32
2020
Project 33
33
2020
Project 34
34
2020
Project 35
35
2019
Project 36
36
2017
Project 37
37
2019
Project 38
38
2020
Project 39
39
2017
Project 40
40
2018
Project 41
41
2018
Project 42
42
2018
Project 43
43
2019
Project 44
44
2020
Project 45
45
2020
Project 46
46
2020
Project 47
47
2019
Project 48
48
2017
Project 49
49
2019
Project 50
50
2020
Project 51
51
2017
Project 52
52
2018
Project 53
53
2018
Project 54
54
2018
Project 55
55
2019
Project 56
56
2020
Project 57
57
2020
Project 58
58
2020
Project 59
59
2019
Project 60
60
2017
Project 61
61
2019
Project 62
62
2020
Project 63
63
2017
Project 64
64
2018
Project 65
65
2018
Project 66
66
2018
Project 67
67
2019
Project 68
68
2020
Project 69
69
2020
Project 70
70
2020
Project 71
71
2019
Project 72
72
2017
Project 73
73
2019
Project 74
74
2020
Project 75
75
2017
Project 76
76
2018
Project 77
77
2018
Project 78
78
2018
Project 79
79
2019
Project 80
80
2020
Project 81
81
2020
Project 82
82
2020
Project 83
83
2019
Project 84
84
2017
Project 85
85
2019
Project 86
86
2020
Project 87
87
2017
Project 88
88
2018
Project 89
89
2018
Project 90
90
2018
Project 91
91
2019
Project 92
92
2020
Project 93
93
2020
Project 94
94
2020
Project 95
95
2019
Project 96
96
2017
Project 97
97
2019
Project 98
98
2020
Project 99
99
2017
Project 100
100
2018
Clone me!

You are almost there! Clone this template by clicking the link above. Learn, play around, test, use your own content, and have fun.

You can delete all .delete-me divs! All of the How-To content is in the .clonable divs.

More examples
1 filter, exclusive
1 filter, multi
2 filters, exclusive and multi
Filter by search
Really crazy complex filter with every filter option
1 nested collection, dynamic filter buttons
Load More
Component
Sort
Component
Made with
by