-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
89 lines (87 loc) · 4.83 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>CodePen - Bootstrap Cards - Effect</title>
<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css'>
<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css'>
<link rel="stylesheet" href="./assets/css/card.css">
</head>
<body>
<div class="container">
<blockquote class="blockquote text-center">
<p class="mb-0">Improving jquery Datatable performance through Multi-Filter Search Capabilities.</p>
<footer class="blockquote-footer">by <cite title="Source Title"><a href="https://www.linkedin.com/in/ragib-shahriar-9b1072164/" target="_blank">Ragib Shahriar</a></cite></footer>
<a type="button" class="btn btn-dark" href="https://github.com/Ragib01/datatables-multi-filtering"><i class="fa-brands fa-github"></i> Github</a>
</blockquote>
<div id="cards_landscape_wrap-2">
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="card-flyer">
<div class="text-box">
<div class="image-box">
<img src="./assets/images/filter-multi-select.PNG" alt="filter-multi-select" />
</div>
<div class="text-container">
<h6><a href="filter-multi-select.html" target="_blank" rel="noopener noreferrer">Filter multi-select</a></h6>
<p>
<i class="fas fa-code"></i>
<a href="https://github.com/Ragib01/datatable-multi-filtering/blob/main/filter-multi-select.html" target="_blank">View Code</a>
</p>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="card-flyer">
<div class="text-box">
<div class="image-box">
<img src="assets/images/range-search.PNG" alt="range-search" />
</div>
<div class="text-container">
<h6><a href="range-search.html" target="_blank" rel="noopener noreferrer">range search</a></h6>
<p>
<i class="fas fa-code"></i>
<a href="https://github.com/Ragib01/datatable-multi-filtering/blob/main/range-search.html" target="_blank">View Code</a>
</p>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="card-flyer">
<div class="text-box">
<div class="image-box">
<img src="assets/images/Custom-Search2.PNG" alt="custom-search-builder" />
</div>
<div class="text-container">
<h6><a href="custom-search-builder.html" target="_blank" rel="noopener noreferrer">Custom Search Builder</a></h6>
<p>
<i class="fas fa-code"></i>
<a href="https://github.com/Ragib01/datatable-multi-filtering/blob/main/custom-search-builder.html" target="_blank">View Code</a>
</p>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="card-flyer">
<div class="text-box">
<div class="image-box">
<img src="assets/images/styling.PNG" alt="styling" />
</div>
<div class="text-container">
<h6><a href="styling.html" target="_blank" rel="noopener noreferrer">Styling</a></h6>
<p>
<i class="fas fa-code"></i>
<a href="https://github.com/Ragib01/datatable-multi-filtering/blob/main/styling.html" target="_blank">View Code</a>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>