Carousel

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12

<div class="owl-carousel stage-margin" data-plugin-options="{'items': 6, 'margin': 10, 'loop': false, 'nav': true, 'dots': false, 'stagePadding': 40}">
	<div> <img alt="Project-Image-5" class="img-fluid rounded" src="/portals/22/img/projects/project-5.jpg" /> </div>
	<div> <img alt="Project-Image-6" class="img-fluid rounded" src="/portals/22/img/projects/project-6.jpg" /> </div>
	<div> <img alt="Project-Image-7" class="img-fluid rounded" src="/portals/22/img/projects/project-7.jpg" /> </div>
	<div> <img alt="Project-Image-1" class="img-fluid rounded" src="/portals/22/img/projects/project-1.jpg" /> </div>
	<div> <img alt="Project-Image-2" class="img-fluid rounded" src="/portals/22/img/projects/project-2.jpg" /> </div>
	<div> <img alt="Project-Image-3" class="img-fluid rounded" src="/portals/22/img/projects/project-3.jpg" /> </div>
	<div> <img alt="Project-Image-1" class="img-fluid rounded" src="/portals/22/img/projects/project-1.jpg" /> </div>
	<div> <img alt="Project-Image-2" class="img-fluid rounded" src="/portals/22/img/projects/project-2.jpg" /> </div>
	<div> <img alt="Project-Image-3" class="img-fluid rounded" src="/portals/22/img/projects/project-3.jpg" /> </div>
	<div> <img alt="Project-Image-4" class="img-fluid rounded" src="/portals/22/img/projects/project-4.jpg" /> </div>
</div>

 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

<div class="owl-carousel show-nav-hover" data-plugin-options="{'items': 6, 'margin': 10, 'loop': false, 'nav': true, 'dots': false}">
	<div>
		<img alt="Project-Image-1" class="img-fluid rounded" src="/portals/22/img/projects/project-1.jpg" />
	</div>
	<div>
		<img alt="Project-Image-2" class="img-fluid rounded" src="/portals/22/img/projects/project-2.jpg" />
	</div>
	<div>
		<img alt="Project-Image-1" class="img-fluid rounded" src="/portals/22/img/projects/project-1.jpg" />
	</div>
	<div>
		<img alt="Project-Image-2" class="img-fluid rounded" src="/portals/22/img/projects/project-2.jpg" />
	</div>
	<div>
		<img alt="Project-Image-3" class="img-fluid rounded" src="/portals/22/img/projects/project-3.jpg" />
	</div>
	<div>
		<img alt="Project-Image-4" class="img-fluid rounded" src="/portals/22/img/projects/project-4.jpg" />
	</div>
	<div>
		<img alt="Project-Image-3" class="img-fluid rounded" src="/portals/22/img/projects/project-3.jpg" />
	</div>
	<div>
		<img alt="Project-Image-4" class="img-fluid rounded" src="/portals/22/img/projects/project-4.jpg" />
	</div>
	<div>
		<img alt="Project-Image-5" class="img-fluid rounded" src="/portals/22/img/projects/project-5.jpg" />
	</div>
	<div>
		<img alt="Project-Image-6" class="img-fluid rounded" src="/portals/22/img/projects/project-6.jpg" />
	</div>
	<div>
		<img alt="Project-Image-7" class="img-fluid rounded" src="/portals/22/img/projects/project-7.jpg" />
	</div>
	<div>
		<img alt="Project-Image-1" class="img-fluid rounded" src="/portals/22/img/projects/project-1.jpg" />
	</div>
	<div>
		<img alt="Project-Image-2" class="img-fluid rounded" src="/portals/22/img/projects/project-2.jpg" />
	</div>
	<div>
		<img alt="Project-Image-3" class="img-fluid rounded" src="/portals/22/img/projects/project-3.jpg" />
	</div>
</div>

 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

<div class="owl-carousel show-nav-title" data-plugin-options="{'items': 6, 'margin': 10, 'loop': false, 'nav': true, 'dots': false}">
	<div>
		<img alt="Project-Image-1" class="img-fluid rounded" src="/portals/22/img/projects/project-1.jpg" />
	</div>
	<div>
		<img alt="Project-Image-2" class="img-fluid rounded" src="/portals/22/img/projects/project-2.jpg" />
	</div>
	<div>
		<img alt="Project-Image-3" class="img-fluid rounded" src="/portals/22/img/projects/project-3.jpg" />
	</div>
	<div>
		<img alt="Project-Image-4" class="img-fluid rounded" src="/portals/22/img/projects/project-4.jpg" />
	</div>
	<div>
		<img alt="Project-Image-5" class="img-fluid rounded" src="/portals/22/img/projects/project-5.jpg" />
	</div>
	<div>
		<img alt="Project-Image-6" class="img-fluid rounded" src="/portals/22/img/projects/project-6.jpg" />
	</div>
	<div>
		<img alt="Project-Image-7" class="img-fluid rounded" src="/portals/22/img/projects/project-7.jpg" />
	</div>
	<div>
		<img alt="Project-Image-1" class="img-fluid rounded" src="/portals/22/img/projects/project-1.jpg" />
	</div>
	<div>
		<img alt="Project-Image-2" class="img-fluid rounded" src="/portals/22/img/projects/project-2.jpg" />
	</div>
	<div>
		<img alt="Project-Image-3" class="img-fluid rounded" src="/portals/22/img/projects/project-3.jpg" />
	</div>
</div>

  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
 90
 91
 92
 93
 94
 95
 96
 97
 98
 99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176

<div class="event pt-md">
                                    <div class="row">
                                    <div class="col-md-12">
                                    <div class="owl-carousel owl-theme custom-dots-style-1 custom-dots-color-primary" data-plugin-options="{'items': 4, 'margin': 0, 'loop': false}">
                                    <div class="carousel-logo-item background-color-light">
                                    <div class="carousel-logo-pannel carousel-logo-pb center">
                                    <img src="/portals/1/img/logos/logo-1.png" class="img-fluid" alt="logo-1" />
                                    </div>
                                    <div class="carousel-logo-pannel carousel-logo-hover pt-xlg pl-md pr-md pb-sm ">
                                    <div class="mb-lg">
                                    <img src="/portals/1/img/logos/logo-1.png" class="img-fluid" alt="logo-1" />
                                    </div>
                                    <p class="carousel-logo-description font-weight-normal">
							Lorem ipsum dolor sit amet, consectetur adipisicing elit.
							Cupiditate, veniam. Ratione doloremque quibusdam, delectus placeat.
                                    </p>
                                    </div>
                                    </div>
                                    <div class="carousel-logo-item background-color-light">
                                    <div class="carousel-logo-pannel carousel-logo-pb center">
                                    <img src="/portals/1/img/logos/logo-2.png" class="img-fluid" alt="logo-2" />
                                    </div>
                                    <div class="carousel-logo-pannel carousel-logo-hover pt-xlg pl-md pr-md pb-sm ">
                                    <div class="mb-lg">
                                    <img src="/portals/1/img/logos/logo-2.png" class="img-fluid" alt="logo-2" />
                                    </div>
                                    <p class="carousel-logo-description font-weight-normal">
							Lorem ipsum dolor sit amet, consectetur adipisicing elit.
							Cupiditate, veniam. Ratione doloremque quibusdam, delectus placeat.
                                    </p>
                                    </div>
                                    </div>
                                    <div class="carousel-logo-item background-color-light">
                                    <div class="carousel-logo-pannel carousel-logo-pb center">
                                    <img src="/portals/1/img/logos/logo-3.png" class="img-fluid" alt="logo-3" />
                                    </div>
                                    <div class="carousel-logo-pannel carousel-logo-hover pt-xlg pl-md pr-md pb-sm ">
                                    <div class="mb-lg">
                                    <img src="/portals/1/img/logos/logo-3.png" class="img-fluid" alt="logo-3" />
                                    </div>
                                    <p class="carousel-logo-description font-weight-normal">
							Lorem ipsum dolor sit amet, consectetur adipisicing elit.
							Cupiditate, veniam. Ratione doloremque quibusdam, delectus placeat.
                                    </p>
                                    </div>
                                    </div>
                                    <div class="carousel-logo-item background-color-light">
                                    <div class="carousel-logo-pannel carousel-logo-pb center">
                                    <img src="/portals/1/img/logos/logo-4.png" class="img-fluid" alt="logo-4" />
                                    </div>
                                    <div class="carousel-logo-pannel carousel-logo-hover pt-xlg pl-md pr-md pb-sm ">
                                    <div class="mb-lg">
                                    <img src="/portals/1/img/logos/logo-4.png" class="img-fluid" alt="logo-4" />
                                    </div>
                                    <p class="carousel-logo-description font-weight-normal">
							Lorem ipsum dolor sit amet, consectetur adipisicing elit.
							Cupiditate, veniam. Ratione doloremque quibusdam, delectus placeat.
                                    </p>
                                    </div>
                                    </div>
                                    <div class="carousel-logo-item background-color-light">
                                    <div class="carousel-logo-pannel carousel-logo-pb center">
                                    <img src="/portals/1/img/logos/logo-5.png" class="img-fluid" alt="logo-5" />
                                    </div>
                                    <div class="carousel-logo-pannel carousel-logo-hover pt-xlg pl-md pr-md pb-sm ">
                                    <div class="mb-lg">
                                    <img src="/portals/1/img/logos/logo-5.png" class="img-fluid" alt="logo-5" />
                                    </div>
                                    <p class="carousel-logo-description font-weight-normal">
							Lorem ipsum dolor sit amet, consectetur adipisicing elit.
							Cupiditate, veniam. Ratione doloremque quibusdam, delectus placeat.
                                    </p>
                                    </div>
                                    </div>
                                    <div class="carousel-logo-item background-color-light">
                                    <div class="carousel-logo-pannel carousel-logo-pb center">
                                    <img src="/portals/1/img/logos/logo-6.png" class="img-fluid" alt="logo-6" />
                                    </div>
                                    <div class="carousel-logo-pannel carousel-logo-hover pt-xlg pl-md pr-md pb-sm ">
                                    <div class="mb-lg">
                                    <img src="/portals/1/img/logos/logo-6.png" class="img-fluid" alt="logo-6" />
                                    </div>
                                    <p class="carousel-logo-description font-weight-normal">
							Lorem ipsum dolor sit amet, consectetur adipisicing elit.
							Cupiditate, veniam. Ratione doloremque quibusdam, delectus placeat.
                                    </p>
                                    </div>
                                    </div>
                                    <div class="carousel-logo-item background-color-light">
                                    <div class="carousel-logo-pannel carousel-logo-pb center">
                                    <img src="/portals/1/img/logos/logo-1.png" class="img-fluid" alt="logo-1" />
                                    </div>
                                    <div class="carousel-logo-pannel carousel-logo-hover pt-xlg pl-md pr-md pb-sm ">
                                    <div class="mb-lg">
                                    <img src="/portals/1/img/logos/logo-1.png" class="img-fluid" alt="logo-1" />
                                    </div>
                                    <p class="carousel-logo-description font-weight-normal">
							Lorem ipsum dolor sit amet, consectetur adipisicing elit.
							Cupiditate, veniam. Ratione doloremque quibusdam, delectus placeat.
                                    </p>
                                    </div>
                                    </div>
                                    <div class="carousel-logo-item background-color-light">
                                    <div class="carousel-logo-pannel carousel-logo-pb center">
                                    <img src="/portals/1/img/logos/logo-2.png" class="img-fluid" alt="logo-2" />
                                    </div>
                                    <div class="carousel-logo-pannel carousel-logo-hover pt-xlg pl-md pr-md pb-sm ">
                                    <div class="mb-lg">
                                    <img src="/portals/1/img/logos/logo-2.png" class="img-fluid" alt="logo-2" />
                                    </div>
                                    <p class="carousel-logo-description font-weight-normal">
							Lorem ipsum dolor sit amet, consectetur adipisicing elit.
							Cupiditate, veniam. Ratione doloremque quibusdam, delectus placeat.
                                    </p>
                                    </div>
                                    </div>
                                    <div class="carousel-logo-item background-color-light">
                                    <div class="carousel-logo-pannel carousel-logo-pb center">
                                    <img src="/portals/1/img/logos/logo-3.png" class="img-fluid" alt="logo-3" />
                                    </div>
                                    <div class="carousel-logo-pannel carousel-logo-hover pt-xlg pl-md pr-md pb-sm ">
                                    <div class="mb-lg">
                                    <img src="/portals/1/img/logos/logo-3.png" class="img-fluid" alt="logo-3" />
                                    </div>
                                    <p class="carousel-logo-description font-weight-normal">
							Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, veniam.
							Ratione doloremque quibusdam, delectus placeat.
                                    </p>
                                    </div>
                                    </div>
                                    <div class="carousel-logo-item background-color-light">
                                    <div class="carousel-logo-pannel carousel-logo-pb center">
                                    <img src="/portals/1/img/logos/logo-4.png" class="img-fluid" alt="logo-4" />
                                    </div>
                                    <div class="carousel-logo-pannel carousel-logo-hover pt-xlg pl-md pr-md pb-sm ">
                                    <div class="mb-lg">
                                    <img src="/portals/1/img/logos/logo-4.png" class="img-fluid" alt="logo-4" />
                                    </div>
                                    <p class="carousel-logo-description font-weight-normal">
							Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, veniam.
							Ratione doloremque quibusdam, delectus placeat.
                                    </p>
                                    </div>
                                    </div>
                                    <div class="carousel-logo-item background-color-light">
                                    <div class="carousel-logo-pannel carousel-logo-pb center">
                                    <img src="/portals/1/img/logos/logo-5.png" class="img-fluid" alt="logo-5" />
                                    </div>
                                    <div class="carousel-logo-pannel carousel-logo-hover pt-xlg pl-md pr-md pb-sm ">
                                    <div class="mb-lg">
                                    <img src="/portals/1/img/logos/logo-5.png" class="img-fluid" alt="logo-5" />
                                    </div>
                                    <p class="carousel-logo-description font-weight-normal">
							Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, veniam.
							Ratione doloremque quibusdam, delectus placeat.
                                    </p>
                                    </div>
                                    </div>
                                    <div class="carousel-logo-item background-color-light">
                                    <div class="carousel-logo-pannel carousel-logo-pb center">
                                    <img src="/portals/1/img/logos/logo-6.png" class="img-fluid" alt="logo-6" />
                                    </div>
                                    <div class="carousel-logo-pannel carousel-logo-hover pt-xlg pl-md pr-md pb-sm ">
                                    <div class="mb-lg">
                                    <img src="/portals/1/img/logos/logo-6.png" class="img-fluid" alt="logo-6" />
                                    </div>
                                    <p class="carousel-logo-description font-weight-normal">
							Lorem ipsum dolor sit amet, consectetur adipisicing elit.
							Cupiditate, veniam. Ratione doloremque quibusdam, delectus placeat.
                                    </p>
                                    </div>
                                    </div>
                                    </div>
                                    </div>
                                    </div>
</div>

1
2
3
4
5
6
7
8

<div class="owl-carousel" data-plugin-options="{'items': 1}">
	<div>
		<img alt="Project-Image-1" class="img-fluid rounded" src="/portals/22/img/projects/project-1.jpg" />
	</div>
	<div>
		<img alt="Project-Image-2" class="img-fluid rounded" src="/portals/22/img/projects/project-2.jpg" />
	</div>
</div>

1
2
3
4
5
6
7
8

<div class="owl-carousel" data-plugin-options="{'items': 1, 'animateOut': 'fadeOut'}">
	<div>
		<img alt="Project-Image-1" class="img-fluid rounded" src="/portals/22/img/projects/project-1.jpg" />
	</div>
	<div>
		<img alt="Project-Image-2" class="img-fluid rounded" src="/portals/22/img/projects/project-2.jpg" />
	</div>
</div>

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14

<div class="owl-carousel" data-plugin-options="{'autoHeight': true, 'center': true, 'margin': 10}">
	<div>
		<img alt="Project-Image-1" class="img-fluid rounded" src="/portals/22/img/projects/project-1.jpg" />
	</div>
	<div>
		<img alt="Project-Image-2" class="img-fluid rounded" src="/portals/22/img/projects/project-2.jpg" />
	</div>
	<div>
		<img alt="Project-Image-3" class="img-fluid rounded" src="/portals/22/img/projects/project-3.jpg" />
	</div>
	<div>
		<img alt="Project-Image-4" class="img-fluid rounded" src="/portals/22/img/projects/project-4.jpg" />
	</div>
</div>

 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

<div class="owl-carousel" data-plugin-options="{'responsive': {'0': {'items': 1}, '479': {'items': 1}, '768': {'items': 2}, '979': {'items': 3}, '1199': {'items': 3}}, 'loop': false, 'autoHeight': true, 'margin': 10}">
	<div>
		<img alt="Project-Image-5" class="img-fluid rounded" src="/portals/22/img/projects/project-5.jpg" />
	</div>
	<div>
		<img alt="Project-Image-6" class="img-fluid rounded" src="/portals/22/img/projects/project-6.jpg" />
	</div>
	<div>
		<img alt="Project-Image-7" class="img-fluid rounded" src="/portals/22/img/projects/project-7.jpg" />
	</div>
	<div>
		<img alt="Project-Image-1" class="img-fluid rounded" src="/portals/22/img/projects/project-1.jpg" />
	</div>
	<div>
		<img alt="Project-Image-2" class="img-fluid rounded" src="/portals/22/img/projects/project-2.jpg" />
	</div>
	<div>
		<img alt="Project-Image-3" class="img-fluid rounded" src="/portals/22/img/projects/project-3.jpg" />
	</div>
	<div>
		<img alt="Project-Image-1" class="img-fluid rounded" src="/portals/22/img/projects/project-1.jpg" />
	</div>
	<div>
		<img alt="Project-Image-2" class="img-fluid rounded" src="/portals/22/img/projects/project-2.jpg" />
	</div>
	<div>
		<img alt="Project-Image-3" class="img-fluid rounded" src="/portals/22/img/projects/project-3.jpg" />
	</div>
	<div>
		<img alt="Project-Image-4" class="img-fluid rounded" src="/portals/22/img/projects/project-4.jpg" />
	</div>
</div>

 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

<div class="owl-carousel nav-bottom rounded-nav" data-plugin-options="{'loop': false, 'nav': true, 'dots': false}">
	<div>
		<img alt="Logo-1" class="img-fluid" src="/portals/22/img/logos/logo-1.png" />
	</div>
	<div>
		<img alt="Logo-2" class="img-fluid" src="/portals/22/img/logos/logo-2.png" />
	</div>
	<div>
		<img alt="Logo-3" class="img-fluid" src="/portals/22/img/logos/logo-3.png" />
	</div>
	<div>
		<img alt="Logo-4" class="img-fluid" src="/portals/22/img/logos/logo-4.png" />
	</div>
	<div>
		<img alt="Logo-5" class="img-fluid" src="/portals/22/img/logos/logo-5.png" />
	</div>
	<div>
		<img alt="Logo-6" class="img-fluid" src="/portals/22/img/logos/logo-6.png" />
	</div>
	<div>
		<img alt="Logo-5" class="img-fluid" src="/portals/22/img/logos/logo-5.png" />
	</div>
	<div>
		<img alt="Logo-4" class="img-fluid" src="/portals/22/img/logos/logo-4.png" />
	</div>
	<div>
		<img alt="Logo-3" class="img-fluid" src="/portals/22/img/logos/logo-3.png" />
	</div>
	<div>
		<img alt="Logo-2" class="img-fluid" src="/portals/22/img/logos/logo-2.png" />
	</div>
	<div>
		<img alt="Logo-1" class="img-fluid" src="/portals/22/img/logos/logo-1.png" />
	</div>
	<div>
		<img alt="Logo-6" class="img-fluid" src="/portals/22/img/logos/logo-6.png" />
	</div>
</div>

 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

<div class="owl-carousel" data-plugin-options="{'items': 4}">
	<div>
		<img alt="Logo-1" class="img-fluid" src="/portals/22/img/logos/logo-1.png" />
	</div>
	<div>
		<img alt="Logo-2" class="img-fluid" src="/portals/22/img/logos/logo-2.png" />
	</div>
	<div>
		<img alt="Logo-3" class="img-fluid" src="/portals/22/img/logos/logo-3.png" />
	</div>
	<div>
		<img alt="Logo-4" class="img-fluid" src="/portals/22/img/logos/logo-4.png" />
	</div>
	<div>
		<img alt="Logo-5" class="img-fluid" src="/portals/22/img/logos/logo-5.png" />
	</div>
	<div>
		<img alt="Logo-6" class="img-fluid" src="/portals/22/img/logos/logo-6.png" />
	</div>
	<div>
		<img alt="Logo-5" class="img-fluid" src="/portals/22/img/logos/logo-5.png" />
	</div>
	<div>
		<img alt="Logo-4" class="img-fluid" src="/portals/22/img/logos/logo-4.png" />
	</div>
	<div>
		<img alt="Logo-3" class="img-fluid" src="/portals/22/img/logos/logo-3.png" />
	</div>
	<div>
		<img alt="Logo-2" class="img-fluid" src="/portals/22/img/logos/logo-2.png" />
	</div>
	<div>
		<img alt="Logo-1" class="img-fluid" src="/portals/22/img/logos/logo-1.png" />
	</div>
	<div>
		<img alt="Logo-6" class="img-fluid" src="/portals/22/img/logos/logo-6.png" />
	</div>
</div>

 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

<div class="owl-carousel" data-plugin-options="{'items': 4, 'autoplay': true, 'autoplayTimeout': 3000}">
	<div>
		<img alt="Logo-1" class="img-fluid" src="/portals/22/img/logos/logo-1.png" />
	</div>
	<div>
		<img alt="Logo-2" class="img-fluid" src="/portals/22/img/logos/logo-2.png" />
	</div>
	<div>
		<img alt="Logo-3" class="img-fluid" src="/portals/22/img/logos/logo-3.png" />
	</div>
	<div>
		<img alt="Logo-4" class="img-fluid" src="/portals/22/img/logos/logo-4.png" />
	</div>
	<div>
		<img alt="Logo-5" class="img-fluid" src="/portals/22/img/logos/logo-5.png" />
	</div>
	<div>
		<img alt="Logo-6" class="img-fluid" src="/portals/22/img/logos/logo-6.png" />
	</div>
	<div>
		<img alt="Logo-5" class="img-fluid" src="/portals/22/img/logos/logo-5.png" />
	</div>
	<div>
		<img alt="Logo-4" class="img-fluid" src="/portals/22/img/logos/logo-4.png" />
	</div>
	<div>
		<img alt="Logo-3" class="img-fluid" src="/portals/22/img/logos/logo-3.png" />
	</div>
	<div>
		<img alt="Logo-2" class="img-fluid" src="/portals/22/img/logos/logo-2.png" />
	</div>
	<div>
		<img alt="Logo-1" class="img-fluid" src="/portals/22/img/logos/logo-1.png" />
	</div>
	<div>
		<img alt="Logo-6" class="img-fluid" src="/portals/22/img/logos/logo-6.png" />
	</div>
</div>

 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

<div class="owl-carousel stage-margin rounded-nav" data-plugin-options="{'margin': 10, 'loop': false, 'nav': true, 'dots': false, 'stagePadding': 40}">
	<div>
		<img alt="Logo-1" class="img-fluid" src="/portals/22/img/logos/logo-1.png" />
	</div>
	<div>
		<img alt="Logo-2" class="img-fluid" src="/portals/22/img/logos/logo-2.png" />
	</div>
	<div>
		<img alt="Logo-3" class="img-fluid" src="/portals/22/img/logos/logo-3.png" />
	</div>
	<div>
		<img alt="Logo-4" class="img-fluid" src="/portals/22/img/logos/logo-4.png" />
	</div>
	<div>
		<img alt="Logo-5" class="img-fluid" src="/portals/22/img/logos/logo-5.png" />
	</div>
	<div>
		<img alt="Logo-6" class="img-fluid" src="/portals/22/img/logos/logo-6.png" />
	</div>
	<div>
		<img alt="Logo-5" class="img-fluid" src="/portals/22/img/logos/logo-5.png" />
	</div>
	<div>
		<img alt="Logo-4" class="img-fluid" src="/portals/22/img/logos/logo-4.png" />
	</div>
	<div>
		<img alt="Logo-3" class="img-fluid" src="/portals/22/img/logos/logo-3.png" />
	</div>
	<div>
		<img alt="Logo-2" class="img-fluid" src="/portals/22/img/logos/logo-2.png" />
	</div>
	<div>
		<img alt="Logo-1" class="img-fluid" src="/portals/22/img/logos/logo-1.png" />
	</div>
	<div>
		<img alt="Logo-6" class="img-fluid" src="/portals/22/img/logos/logo-6.png" />
	</div>
</div>

 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

<div class="owl-carousel nav-bottom" data-plugin-options="{'loop': false, 'nav': true, 'dots': false}">
	<div>
		<img alt="Logo-1" class="img-fluid" src="/portals/22/img/logos/logo-1.png" />
	</div>
	<div>
		<img alt="Logo-2" class="img-fluid" src="/portals/22/img/logos/logo-2.png" />
	</div>
	<div>
		<img alt="Logo-3" class="img-fluid" src="/portals/22/img/logos/logo-3.png" />
	</div>
	<div>
		<img alt="Logo-4" class="img-fluid" src="/portals/22/img/logos/logo-4.png" />
	</div>
	<div>
		<img alt="Logo-5" class="img-fluid" src="/portals/22/img/logos/logo-5.png" />
	</div>
	<div>
		<img alt="Logo-6" class="img-fluid" src="/portals/22/img/logos/logo-6.png" />
	</div>
	<div>
		<img alt="Logo-5" class="img-fluid" src="/portals/22/img/logos/logo-5.png" />
	</div>
	<div>
		<img alt="Logo-4" class="img-fluid" src="/portals/22/img/logos/logo-4.png" />
	</div>
	<div>
		<img alt="Logo-3" class="img-fluid" src="/portals/22/img/logos/logo-3.png" />
	</div>
	<div>
		<img alt="Logo-2" class="img-fluid" src="/portals/22/img/logos/logo-2.png" />
	</div>
	<div>
		<img alt="Logo-1" class="img-fluid" src="/portals/22/img/logos/logo-1.png" />
	</div>
	<div>
		<img alt="Logo-6" class="img-fluid" src="/portals/22/img/logos/logo-6.png" />
	</div>
</div>

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15

<div class="row">
	<div class="col-md-12">
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc <a href="#">vehicula</a> lacinia. Proin adipiscing porta tellus, ut feugiat nibh adipiscing sit amet. In eu justo a felis faucibus ornare vel id metus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;</p>
		<div class="owl-carousel nav-inside pull-left mr-lg mb-sm" style="width: 250px;" data-plugin-options="{'items': 1, 'margin': 10, 'animateOut': 'fadeOut'}">
			<div>
				<img alt="Project-Image-1" class="img-fluid rounded" src="/portals/22/img/projects/project-1.jpg" />
			</div>
			<div>
				<img alt="Project-Image-2" class="img-fluid rounded" src="/portals/22/img/projects/project-2.jpg" />
			</div>
		</div>
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc <a href="#">vehicula</a> lacinia. Proin adipiscing porta tellus, ut feugiat nibh adipiscing sit amet. In eu justo a felis faucibus ornare vel id metus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In eu libero ligula. Fusce eget metus lorem, ac viverra leo. Nullam convallis, arcu vel pellentesque sodales, nisi est varius diam, ac ultrices sem ante quis sem. Proin ultricies volutpat sapien, nec scelerisque ligula mollis lobortis.</p>
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc <a href="#">vehicula</a> lacinia. Proin adipiscing porta tellus, ut feugiat nibh adipiscing sit amet. In eu justo a felis faucibus ornare vel id metus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In eu libero ligula. Fusce eget metus lorem, ac viverra leo. Nullam convallis, arcu vel pellentesque sodales, nisi est varius diam, ac ultrices sem ante quis sem. Proin ultricies volutpat sapien, nec scelerisque ligula mollis lobortis. Consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc <a href="#">vehicula</a> lacinia. Proin adipiscing porta tellus, ut feugiat nibh adipiscing sit amet. In eu justo a felis faucibus ornare vel id metus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In eu libero ligula. Fusce eget metus lorem, ac viverra leo. Nullam convallis, arcu vel pellentesque sodales, nisi est varius diam, ac ultrices sem ante quis sem. Proin ultricies volutpat sapien, nec scelerisque ligula mollis lobortis.</p>
	</div>
</div>

 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

<div class="owl-carousel owl-team-carousel show-nav-title " data-plugin-options="{'items': 4, 'margin': 10, 'loop': false, 'nav': true, 'dots': false}">
	<div class="center mb-lg">
		<a href="#">
			<img alt="Lawyer" src="/portals/22/Law/lawyer.jpg" class="img-fluid" />
			<span class="btn-text-indent">Lawyer</span>
		</a>
		<h4 class="mt-md mb-none">Rose Doe</h4>
		<p class="mb-none">Criminal Law</p>
		<span class="thumb-info-social-icons mt-sm pb-none">
			<a href="http://www.facebook.com"><em class="fab fa-facebook-f"></em> <span>Facebook</span> </a>
			<a href="http://www.twitter.com"><em class="fab fa-twitter"></em> <span>Twitter</span> </a>
			<a href="http://www.linkedin.com"><em class="fab fa-linkedin-in"></em> <span>Linkedin</span> </a>
		</span>
	</div>
	<div class="center mb-lg">
		<a href="#"> <img alt="Lawyer-1" src="/portals/22/Law/lawyer1.jpg" class="img-fluid" /> <span class="btn-text-indent">Lawyer-1</span> </a>
		<h4 class="mt-md mb-none">Jeff Doe</h4>
		<p class="mb-none">Business Law</p>
		<span class="thumb-info-social-icons mt-sm pb-none">
			<a href="http://www.facebook.com"><em class="fab fa-facebook-f"></em> <span>Facebook</span> </a>
			<a href="http://www.twitter.com"><em class="fab fa-twitter"></em> <span>Twitter</span> </a>
			<a href="http://www.linkedin.com"><em class="fab fa-linkedin-in"></em> <span>Linkedin</span> </a>
		</span>
	</div>
	<div class="center mb-lg">
		<a href="#">
			<img alt="Lawyer-2" src="/portals/22/Law/lawyer2.jpg" class="img-fluid" />
			<span class="btn-text-indent">Lawyer-2</span>
		</a>
		<h4 class="mt-md mb-none">Craig Doe</h4>
		<p class="mb-none">Divorce Law</p>
		<span class="thumb-info-social-icons mt-sm pb-none">
			<a href="http://www.facebook.com"><em class="fab fa-facebook-f"></em> <span>Facebook</span> </a>
			<a href="http://www.twitter.com"><em class="fab fa-twitter"></em> <span>Twitter</span> </a>
			<a href="http://www.linkedin.com"><em class="fab fa-linkedin-in"></em> <span>Linkedin</span> </a>
		</span>
	</div>
	<div class="center mb-lg">
		<a href="#">
			<img alt="Lawyer-3" src="/portals/22/Law/lawyer3.jpg" class="img-fluid" />
			<span class="btn-text-indent">Lawyer-3</span>
		</a>
		<h4 class="mt-md mb-none">Richard Doe</h4>
		<p class="mb-none">Accident Law</p>
		<span class="thumb-info-social-icons mt-sm pb-none">
			<a href="http://www.facebook.com"><em class="fab fa-facebook-f"></em> <span>Facebook</span> </a>
			<a href="http://www.twitter.com"><em class="fab fa-twitter"></em> <span>Twitter</span> </a>
			<a href="http://www.linkedin.com"><em class="fab fa-linkedin-in"></em> <span>Linkedin</span> </a>
		</span>
	</div>
	<div class="center mb-lg">
		<a href="#">
			<img alt="Lawyer-4" src="/portals/22/Law/lawyer4.jpg" class="img-fluid" />
			<span class="btn-text-indent">Lawyer-4</span>
		</a>
		<h4 class="mt-md mb-none">Amanda Doe</h4>
		<p class="mb-none">Health Law</p>
		<span class="thumb-info-social-icons mt-sm pb-none">
			<a href="http://www.facebook.com"><em class="fab fa-facebook-f"></em> <span>Facebook</span> </a>
			<a href="http://www.twitter.com"><em class="fab fa-twitter"></em> <span>Twitter</span> </a>
			<a href="http://www.linkedin.com"><em class="fab fa-linkedin-in"></em> <span>Linkedin</span> </a>
		</span>
	</div>
	<div class="center mb-lg">
		<a href="#">
			<img alt="Lawyer-5" src="/portals/22/Law/lawyer5.jpg" class="img-fluid" />
			<span class="btn-text-indent">Lawyer-5</span>
		</a>
		<h4 class="mt-md mb-none">Jessica Doe</h4>
		<p class="mb-none">Capital Law</p>
		<span class="thumb-info-social-icons mt-sm pb-none">
			<a href="http://www.facebook.com"><em class="fab fa-facebook-f"></em> <span>Facebook</span> </a>
			<a href="http://www.twitter.com"><em class="fab fa-twitter"></em> <span>Twitter</span> </a>
			<a href="http://www.linkedin.com"><em class="fab fa-linkedin-in"></em> <span>Linkedin</span> </a>
		</span>
	</div>
</div>