isotop/index.html at master · Mdsujansarkar/isotop · GitHub

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
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Isotop</title>
	<link rel="stylesheet" href="style.css">
</head>
<body>


<div class="filters filter-button-group">
		  <ul><h4>
		    <li class="active" data-filter="*">All</li>
		    <li data-filter=".webdesign">Web Design</li>
		    <li data-filter=".webdev">Web Development</li>
		    <li data-filter=".brand">Brand Identity</li>
		  </h4></ul>
		</div>

		<div class="content grid">

		  <div class="single-content webdesign webdev grid-item">
				<a href="" target="_blank"><img class="p2"  src="https://pixelster.com/wp-content/uploads/2018/08/pexels-photo-1323440.jpeg">
		  </div>

		  <div class="single-content brand webdesign grid-item">
				<a href="" target="_blank"><img class="p2"  src="https://pixelster.com/wp-content/uploads/2018/08/pexels-photo-958960.jpeg">
		  </div>

		  <div class="single-content brand grid-item">
				<a href="" target="_blank"><img class="p2" src="https://pixelster.com/wp-content/uploads/2018/08/pexels-photo-632722.jpeg"></a>
		  </div>

            <div class="single-content webdesign grid-item">
				<a href="" target="_blank"><img class="p2" src="https://pixelster.com/wp-content/uploads/2018/08/pexels-photo-704813.jpeg"></a>
		  </div>

            <div class="single-content webdesign grid-item">
				<a href="" target="_blank"><img class="p2"  src="https://pixelster.com/wp-content/uploads/2018/08/pexels-photo-69212.jpeg"></a>
		  </div>

            <div class="single-content webdesign brand grid-item">
				<a href="" target="_blank"><img class="p2"  src="https://pixelster.com/wp-content/uploads/2018/08/pexels-photo-92129.jpeg"></a>
		  </div>

            <div class="single-content webdesign grid-item">
				<a href="" target="_blank"><img class="p2"  src="https://pixelster.com/wp-content/uploads/2018/07/pexels-photo-1078850.jpg"></a>
		  </div>

            <div class="single-content webdesign webdev grid-item">
				<a href="" target="_blank"><img class="p2"  src="https://pixelster.com/wp-content/uploads/2018/07/pexels-photo-459225.jpeg"></a>
		  </div>

            <div class="single-content webdesign webdev grid-item">
				<a href="" target="_blank"><img class="p2" src="https://pixelster.com/wp-content/uploads/2018/08/pexels-photo-704813.jpeg"></a> </div>
        </div>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
        <script src="https://unpkg.com/isotope-layout@3/dist/isotope.pkgd.min.js"></script>
        <script src="js.js"></script>
</body>
</html>