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

<div class="accordion-mode card-group" id="accordiondefault">
    <div class="card card-default">
        <div class="card-heading">
            <h4 class="card-title">
                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordiondefault" href="#collapse1One">
                    Accordion Title 1 <span class="pull-right"><em class="fas fa-angle-up"></em></span>
                </a>
            </h4>
        </div>
        <div id="collapse1One" class="accordion-body collapse show">
            <div class="card-body">
                <p>
                    Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent
                    id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien.
                </p>
            </div>
        </div>
    </div>
    <div class="card card-default">
        <div class="card-heading">
            <h4 class="card-title">
                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordiondefault" href="#collapse1Two">
                    Accordion Title 2 <span class="pull-right"><em class="fas fa-angle-up"></em></span>
                </a>
            </h4>
        </div>
        <div id="collapse1Two" class="accordion-body collapse">
            <div class="card-body">
                <p>Donec tellus massa, tristique sit amet condimentum vel, facilisis quis sapien.</p>
            </div>
        </div>
    </div>
    <div class="card card-default">
        <div class="card-heading">
            <h4 class="card-title">
                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordiondefault" href="#collapse1Three">
                    Accordion Title 3 <span class="pull-right"><em class="fas fa-angle-up"></em></span>
                </a>
            </h4>
        </div>
        <div id="collapse1Three" class="accordion-body collapse">
            <div class="card-body">
                <p>Donec tellus massa, tristique sit amet condimentum vel, facilisis quis sapien.</p>
            </div>
        </div>
    </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

<div class="accordion-mode-bg card-group" id="accordionicon">
    <div class="card card-default">
        <div class="card-heading">
            <h4 class="card-title">
                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordionicon" href="#collapse2One">
                    <span class="pull-left"><em class="far fa-star"></em></span> Accordion Title 1 <span class="pull-right"> <em class="fas fa-caret-up"></em> </span>
                </a>
            </h4>
        </div>
        <div id="collapse2One" class="accordion-body collapse show">
            <div class="card-body">
                <p>
                    Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent
                    id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien.
                </p>
            </div>
        </div>
    </div>
    <div class="card card-default">
        <div class="card-heading">
            <h4 class="card-title">
                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordionicon" href="#collapse2Two">
                    <span class="pull-left"><em class="fas fa-cube"></em></span> Accordion Title 2 <span class="pull-right"> <em class="fas fa-caret-up"></em> </span>
                </a>
            </h4>
        </div>
        <div id="collapse2Two" class="accordion-body collapse">
            <div class="card-body">
                <p>Donec tellus massa, tristique sit amet condimentum vel, facilisis quis sapien.</p>
            </div>
        </div>
    </div>
    <div class="card card-default">
        <div class="card-heading">
            <h4 class="card-title">
                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordionicon" href="#collapse2Three">
                    <span class="pull-left"><em class="far fa-heart"></em></span> Accordion Title 3 <span class="pull-right"> <em class="fas fa-caret-up"></em> </span>
                </a>
            </h4>
        </div>
        <div id="collapse2Three" class="accordion-body collapse">
            <div class="card-body">
                <p>Donec tellus massa, tristique sit amet condimentum vel, facilisis quis sapien.</p>
            </div>
        </div>
    </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

<div class="accordion-mode-slider card-group" id="accordionbordertop">
    <div class="card-default">
        <div class="card-heading card-top">
            <h4 class="card-title">
                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordionbordertop" href="#collapse3One">
                    <span class="pull-left"><em class="far fa-star"></em></span> Accordion Title 1 <span class="pull-right"><em class="fas fa-angle-up"></em></span>
                </a>
            </h4>
        </div>
        <div id="collapse3One" class="accordion-body collapse show">
            <div class="row card-body">
                <div class="col-md-8">
                    <p>
                        Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien.
                        Praesent id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien.
                    </p>
                    <p>
                        Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien.
                        Praesent id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien.
                    </p>
                </div>
                <div class="col-md-4">
                    <div class="owl-carousel show-nav-hover rounded-nav" data-plugin-options="{'items': 1, 'loop': false, 'nav': true, 'dots': false ,'autoplay': true, 'autoplayTimeout': 3000}">
                        <div><img alt="" class="img-fluid img-rounded" src="/Portals/0/preview4.jpg" /></div>
                        <div><img alt="" class="img-fluid img-rounded" src="/Portals/0/preview3.jpg" /></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="card-default">
        <div class="card-heading card-top">
            <h4 class="card-title">
                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordionbordertop" href="#collapse3Two">
                    <span class="pull-left"><em class="fas fa-cube"></em></span> Accordion Title 2 <span class="pull-right"><em class="fas fa-angle-up"></em></span>
                </a>
            </h4>
        </div>
        <div id="collapse3Two" class="accordion-body collapse">
            <div class="row card-body">
                <div class="col-md-4"><img alt="" class="img-fluid img-rounded" src="/Portals/0/preview4.jpg" /></div>
                <div class="col-md-8">
                    <p>
                        Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien.
                        Praesent id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien.
                    </p>
                </div>
            </div>
        </div>
    </div>
    <div class="card-default">
        <div class="card-heading card-top">
            <h4 class="card-title">
                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordionbordertop" href="#collapse3Three">
                    <span class="pull-left"><em class="far fa-heart"></em></span> Accordion Title 3 <span class="pull-right"><em class="fas fa-angle-up"></em></span>
                </a>
            </h4>
        </div>
        <div id="collapse3Three" class="accordion-body collapse">
            <div class="card-body">
                <div class="lightbox" data-plugin-options="{'delegate': 'a', 'type': 'image', 'gallery': {'enabled': true}, 'mainClass': 'mfp-with-zoom', 'zoom': {'enabled': true, 'duration': 300}}">
                    <a class="img-thumbnail img-thumbnail-hover-icon mb-xs" href="/Portals/0/Medical/1.jpg"> <img class="img-fluid" src="/Portals/0/Medical/1.jpg" alt="Project Image" width="130" height="130" /> </a>
                    <a class="img-thumbnail img-thumbnail-hover-icon mb-xs" href="/Portals/0/Medical/2.jpg"> <img class="img-fluid" src="/Portals/0/Medical/2.jpg" alt="Project Image" width="130" height="130" /> </a>
                    <a class="img-thumbnail img-thumbnail-hover-icon mb-xs" href="/Portals/0/Medical/3.jpg"> <img class="img-fluid" src="/Portals/0/Medical/3.jpg" alt="Project Image" width="130" height="130" /> </a>
                    <a class="img-thumbnail img-thumbnail-hover-icon mb-xs" href="/Portals/0/Medical/1.jpg"> <img class="img-fluid" src="/Portals/0/Medical/1.jpg" alt="Project Image" width="130" height="130" /> </a>
                    <a class="img-thumbnail img-thumbnail-hover-icon mb-xs" href="/Portals/0/Medical/5.jpg"> <img class="img-fluid" src="/Portals/0/Medical/5.jpg" alt="Project Image" width="130" height="130" /> </a>
                    <a class="img-thumbnail img-thumbnail-hover-icon mb-xs" href="/Portals/0/Medical/hospital1.jpg">
                        <img class="img-fluid" src="/Portals/0/Medical/hospital1.jpg" alt="Project Image" width="130" height="130" />
                    </a>
                    <a class="img-thumbnail img-thumbnail-hover-icon mb-xs" href="/Portals/0/Medical/progress.jpg">
                        <img class="img-fluid" src="/Portals/0/Medical/progress.jpg" alt="Project Image" width="130" height="130" />
                    </a>
                    <a class="img-thumbnail img-thumbnail-hover-icon mb-xs" href="/Portals/0/Medical/surgery1.jpg">
                        <img class="img-fluid" src="/Portals/0/Medical/surgery1.jpg" alt="Project Image" width="130" height="130" />
                    </a>
                </div>
            </div>
        </div>
    </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

<div class="card-group card-group-primary m-none" id="accprimary">
    <div class="card-default">
        <div class="card-heading">
            <h4 class="card-title">
                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accprimary" href="#collapse4One"> Accordion Title 1 </a>
            </h4>
        </div>
        <div id="collapse4One" class="accordion-body collapse show">
            <div class="card-body">
                <p>
                    Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent
                    id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien.
                </p>
            </div>
        </div>
    </div>
</div>
<div class="card-group card-group-secondary m-none" id="accsecondary">
    <div class="card-default style-2">
        <div class="card-heading">
            <h4 class="card-title">
                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accsecondary" href="#collapse4Two"> Accordion Title 2 </a>
            </h4>
        </div>
        <div id="collapse4Two" class="accordion-body collapse">
            <div class="card-body">
                <p>
                    Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent
                    id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien.
                </p>
            </div>
        </div>
    </div>
</div>
<div class="card-group card-group-tertiary m-none" id="acctertiary">
    <div class="card-default style-3">
        <div class="card-heading">
            <h4 class="card-title">
                <a class="accordion-toggle" data-toggle="collapse" data-parent="#acctertiary" href="#collapse4Three"> Accordion Title 3 </a>
            </h4>
        </div>
        <div id="collapse4Three" class="accordion-body collapse">
            <div class="card-body">
                <p>
                    Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent
                    id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien.
                </p>
            </div>
        </div>
    </div>
</div>
<div class="card-group card-group-quaternary m-none" id="accquaternary">
    <div class="card-default style-3">
        <div class="card-heading">
            <h4 class="card-title">
                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accquaternary" href="#collapse1Four4"> Accordion Title 4 </a>
            </h4>
        </div>
        <div id="collapse1Four4" class="accordion-body collapse">
            <div class="card-body">
                <p>
                    Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent
                    id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien.
                </p>
            </div>
        </div>
    </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

<div class="card-group" id="accordionborderbottom">
    <div class="card-default">
        <div class="card-heading card-btm">
            <h4 class="card-title">
                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordionborderbottom" href="#collapse5One">
                    Accordion Title 1
                </a>
            </h4>
        </div>
        <div id="collapse5One" class="accordion-body collapse show">
            <div class="card-body">
                <p>
                    Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent
                    id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa,
                    tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa.
                </p>
            </div>
        </div>
    </div>
    <div class="card-default">
        <div class="card-heading card-btm">
            <h4 class="card-title">
                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordionborderbottom" href="#collapse5Two">
                    Accordion Title 2
                </a>
            </h4>
        </div>
        <div id="collapse5Two" class="accordion-body collapse">
            <div class="card-body">
                <p>Donec tellus massa, tristique sit amet condimentum vel, facilisis quis sapien.</p>
            </div>
        </div>
    </div>
    <div class="card-default">
        <div class="card-heading card-btm">
            <h4 class="card-title">
                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordionborderbottom" href="#collapse5Three">
                    Accordion Title 3
                </a>
            </h4>
        </div>
        <div id="collapse5Three" class="accordion-body collapse">
            <div class="card-body">
                <p>Donec tellus massa, tristique sit amet condimentum vel, facilisis quis sapien.</p>
            </div>
        </div>
    </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="accordion-mode card-group card-group-primary" id="accordionPrimary">
    <div class="card card-default">
        <div class="card-heading">
            <h4 class="card-title">
                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordionPrimary" href="#collapse6One">
                    Accordion Title 1 <span class="pull-right"><em class="fas fa-angle-up"></em></span>
                </a>
            </h4>
        </div>
        <div id="collapse6One" class="accordion-body collapse show">
            <div class="card-body">
                <p>Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien.</p>
            </div>
        </div>
    </div>
    <div class="card card-default">
        <div class="card-heading">
            <h4 class="card-title">
                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordionPrimary" href="#collapse6Two">
                    Accordion Title 2 <span class="pull-right"><em class="fas fa-angle-up"></em></span>
                </a>
            </h4>
        </div>
        <div id="collapse6Two" class="accordion-body collapse">
            <div class="card-body">
                <p>Donec tellus massa, tristique sit amet condimentum vel, facilisis quis sapien.</p>
            </div>
        </div>
    </div>
    <div class="card card-default">
        <div class="card-heading">
            <h4 class="card-title">
                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordionPrimary" href="#collapse6Three">
                    Accordion Title 3 <span class="pull-right"><em class="fas fa-angle-up"></em></span>
                </a>
            </h4>
        </div>
        <div id="collapse6Three" class="accordion-body collapse">
            <div class="card-body">
                <p>Donec tellus massa, tristique sit amet condimentum vel, facilisis quis sapien.</p>
            </div>
        </div>
    </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="accordion-mode card-group card-group-secondary" id="accordionSecondary">
    <div class="card card-default">
        <div class="card-heading">
            <h4 class="card-title">
                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordionSecondary" href="#collapse7One">
                    Accordion Title 1 <span class="pull-right"><em class="fas fa-angle-up"></em></span>
                </a>
            </h4>
        </div>
        <div id="collapse7One" class="accordion-body collapse show">
            <div class="card-body">
                <p>Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien.</p>
            </div>
        </div>
    </div>
    <div class="card card-default">
        <div class="card-heading">
            <h4 class="card-title">
                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordionSecondary" href="#collapse7Two">
                    Accordion Title 2 <span class="pull-right"><em class="fas fa-angle-up"></em></span>
                </a>
            </h4>
        </div>
        <div id="collapse7Two" class="accordion-body collapse">
            <div class="card-body">
                <p>Donec tellus massa, tristique sit amet condimentum vel, facilisis quis sapien.</p>
            </div>
        </div>
    </div>
    <div class="card card-default">
        <div class="card-heading">
            <h4 class="card-title">
                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordionSecondary" href="#collapse7Three">
                    Accordion Title 3 <span class="pull-right"><em class="fas fa-angle-up"></em></span>
                </a>
            </h4>
        </div>
        <div id="collapse7Three" class="accordion-body collapse">
            <div class="card-body">
                <p>Donec tellus massa, tristique sit amet condimentum vel, facilisis quis sapien.</p>
            </div>
        </div>
    </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="accordion-mode card-group card-group-tertiary" id="accordionTertiary">
    <div class="card card-default">
        <div class="card-heading">
            <h4 class="card-title">
                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordionTertiary" href="#collapse8One">
                    Accordion Title 1 <span class="pull-right"><em class="fas fa-angle-up"></em></span>
                </a>
            </h4>
        </div>
        <div id="collapse8One" class="accordion-body collapse show">
            <div class="card-body">
                <p>Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien.</p>
            </div>
        </div>
    </div>
    <div class="card card-default">
        <div class="card-heading">
            <h4 class="card-title">
                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordionTertiary" href="#collapse8Two">
                    Accordion Title 2 <span class="pull-right"><em class="fas fa-angle-up"></em></span>
                </a>
            </h4>
        </div>
        <div id="collapse8Two" class="accordion-body collapse">
            <div class="card-body">
                <p>Donec tellus massa, tristique sit amet condimentum vel, facilisis quis sapien.</p>
            </div>
        </div>
    </div>
    <div class="card card-default">
        <div class="card-heading">
            <h4 class="card-title">
                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordionTertiary" href="#collapse8Three">
                    Accordion Title 3 <span class="pull-right"><em class="fas fa-angle-up"></em></span>
                </a>
            </h4>
        </div>
        <div id="collapse8Three" class="accordion-body collapse">
            <div class="card-body">
                <p>Donec tellus massa, tristique sit amet condimentum vel, facilisis quis sapien.</p>
            </div>
        </div>
    </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="accordion-mode card-group card-group-quaternary" id="accordionQuaternary">
    <div class="card card-default">
        <div class="card-heading">
            <h4 class="card-title">
                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordionQuaternary" href="#collapse9One">
                    Accordion Title 1 <span class="pull-right"><em class="fas fa-angle-up"></em></span>
                </a>
            </h4>
        </div>
        <div id="collapse9One" class="accordion-body collapse show">
            <div class="card-body">
                <p>Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien.</p>
            </div>
        </div>
    </div>
    <div class="card card-default">
        <div class="card-heading">
            <h4 class="card-title">
                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordionQuaternary" href="#collapse9Two">
                    Accordion Title 2 <span class="pull-right"><em class="fas fa-angle-up"></em></span>
                </a>
            </h4>
        </div>
        <div id="collapse9Two" class="accordion-body collapse">
            <div class="card-body">
                <p>Donec tellus massa, tristique sit amet condimentum vel, facilisis quis sapien.</p>
            </div>
        </div>
    </div>
    <div class="card card-default">
        <div class="card-heading">
            <h4 class="card-title">
                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordionQuaternary" href="#collapse9Three">
                    Accordion Title 3 <span class="pull-right"><em class="fas fa-angle-up"></em></span>
                </a>
            </h4>
        </div>
        <div id="collapse9Three" class="accordion-body collapse">
            <div class="card-body">
                <p>Donec tellus massa, tristique sit amet condimentum vel, facilisis quis sapien.</p>
            </div>
        </div>
    </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

<div class="accordion-mode card-group card-group-sm" id="accordionsmall">
    <div class="card card-default">
        <div class="card-heading">
            <h4 class="card-title">
                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordionsmall" href="#collapse10One">
                    Accordion Title 1 <span class="pull-right"><em class="fas fa-angle-up"></em></span>
                </a>
            </h4>
        </div>
        <div id="collapse10One" class="accordion-body collapse show">
            <div class="card-body">
                <p>
                    Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent
                    id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien.
                </p>
            </div>
        </div>
    </div>
    <div class="card card-default">
        <div class="card-heading">
            <h4 class="card-title">
                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordionsmall" href="#collapse10Two">
                    Accordion Title 2 <span class="pull-right"><em class="fas fa-angle-up"></em></span>
                </a>
            </h4>
        </div>
        <div id="collapse10Two" class="accordion-body collapse">
            <div class="card-body">
                <p>Donec tellus massa, tristique sit amet condimentum vel, facilisis quis sapien.</p>
            </div>
        </div>
    </div>
    <div class="card card-default">
        <div class="card-heading">
            <h4 class="card-title">
                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordionsmall" href="#collapse10Three">
                    Accordion Title 3 <span class="pull-right"><em class="fas fa-angle-up"></em></span>
                </a>
            </h4>
        </div>
        <div id="collapse10Three" class="accordion-body collapse">
            <div class="card-body">
                <p>Donec tellus massa, tristique sit amet condimentum vel, facilisis quis sapien.</p>
            </div>
        </div>
    </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

<div class="accordion-mode card-group card-group-lg" id="accordionlarge">
    <div class="card card-default">
        <div class="card-heading">
            <h4 class="card-title">
                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordionlarge" href="#collapse11One">
                    Accordion Title 1 <span class="pull-right"><em class="fas fa-angle-up"></em></span>
                </a>
            </h4>
        </div>
        <div id="collapse11One" class="accordion-body collapse show">
            <div class="card-body">
                <p>
                    Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent
                    id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien.
                </p>
            </div>
        </div>
    </div>
    <div class="card card-default">
        <div class="card-heading">
            <h4 class="card-title">
                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordionlarge" href="#collapse11Two">
                    Accordion Title 2 <span class="pull-right"><em class="fas fa-angle-up"></em></span>
                </a>
            </h4>
        </div>
        <div id="collapse11Two" class="accordion-body collapse">
            <div class="card-body">
                <p>Donec tellus massa, tristique sit amet condimentum vel, facilisis quis sapien.</p>
            </div>
        </div>
    </div>
    <div class="card card-default">
        <div class="card-heading">
            <h4 class="card-title">
                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordionlarge" href="#collapse11Three">
                    Accordion Title 3 <span class="pull-right"><em class="fas fa-angle-up"></em></span>
                </a>
            </h4>
        </div>
        <div id="collapse11Three" class="accordion-body collapse">
            <div class="card-body">
                <p>Donec tellus massa, tristique sit amet condimentum vel, facilisis quis sapien.</p>
            </div>
        </div>
    </div>
</div>