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

<div class="accordion-mode-bg panel-group" id="accordionicon">
    <div class="panel panel-default">
        <div class="panel-heading">
            <h4 class="panel-title"> <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordionicon" href="#collapse2One"> <span class="pull-left"><em class="fa fa-star-o"></em></span> Accordion Title 1 <span class="pull-right"> <em class="fa fa-caret-up"></em> </span> </a> </h4>
        </div>
        <div id="collapse2One" class="accordion-body collapse in">
            <div class="panel-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="panel panel-default">
        <div class="panel-heading">
            <h4 class="panel-title"> <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordionicon" href="#collapse2Two"> <span class="pull-left"><em class="fa fa-cube"></em></span> Accordion Title 2 <span class="pull-right"> <em class="fa fa-caret-up"></em> </span> </a> </h4>
        </div>
        <div id="collapse2Two" class="accordion-body collapse">
            <div class="panel-body">
                <p>Donec tellus massa, tristique sit amet condimentum vel, facilisis quis sapien.</p>
            </div>
        </div>
    </div>
    <div class="panel panel-default">
        <div class="panel-heading">
            <h4 class="panel-title"> <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordionicon" href="#collapse2Three"> <span class="pull-left"><em class="fa fa-heart-o"></em></span> Accordion Title 3 <span class="pull-right"> <em class="fa fa-caret-up"></em> </span> </a> </h4>
        </div>
        <div id="collapse2Three" class="accordion-body collapse">
            <div class="panel-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-slider panel-group" id="accordionbordertop">
    <div class="panel-default">
        <div class="panel-heading panel-top">
            <h4 class="panel-title"> <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordionbordertop" href="#collapse3One"> <span class="pull-left"><em class="fa fa-star-o"></em></span> Accordion Title 1 <span class="pull-right"><em class="fa fa-angle-up"></em></span> </a> </h4>
        </div>
        <div id="collapse3One" class="accordion-body collapse in">
            <div class="panel-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-responsive img-rounded" src="/Portals/0/preview4.jpg" /> </div>
                        <div> <img alt="" class="img-responsive img-rounded" src="/Portals/0/preview3.jpg" /> </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="panel-default">
        <div class="panel-heading panel-top">
            <h4 class="panel-title"> <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordionbordertop" href="#collapse3Two"> <span class="pull-left"><em class="fa fa-cube"></em></span> Accordion Title 2 <span class="pull-right"><em class="fa fa-angle-up"></em></span> </a> </h4>
        </div>
        <div id="collapse3Two" class="accordion-body collapse">
            <div class="panel-body">
                <div class="col-md-4"> <img alt="" class="img-responsive 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="panel-default">
        <div class="panel-heading panel-top">
            <h4 class="panel-title"> <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordionbordertop" href="#collapse3Three"> <span class="pull-left"><em class="fa fa-heart-o"></em></span> Accordion Title 3 <span class="pull-right"><em class="fa fa-angle-up"></em></span> </a> </h4>
        </div>
        <div id="collapse3Three" class="accordion-body collapse">
            <div class="panel-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-responsive" 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-responsive" 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-responsive" 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-responsive" 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-responsive" 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-responsive" 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-responsive" 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-responsive" 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

<div class="panel-group panel-group-primary m-none" id="accprimary">
    <div class="panel-default">
        <div class="panel-heading">
            <h4 class="panel-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 in">
            <div class="panel-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="panel-group panel-group-secondary m-none" id="accsecondary">
    <div class="panel-default style-2">
        <div class="panel-heading">
            <h4 class="panel-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="panel-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="panel-group panel-group-tertiary m-none" id="acctertiary">
    <div class="panel-default style-3">
        <div class="panel-heading">
            <h4 class="panel-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="panel-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="panel-group panel-group-quaternary m-none" id="accquaternary">
    <div class="panel-default style-3">
        <div class="panel-heading">
            <h4 class="panel-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="panel-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

<div class="panel-group" id="accordionborderbottom">
    <div class="panel-default">
        <div class="panel-heading panel-btm">
            <h4 class="panel-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 in">
            <div class="panel-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="panel-default">
        <div class="panel-heading panel-btm">
            <h4 class="panel-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="panel-body">
                <p>Donec tellus massa, tristique sit amet condimentum vel, facilisis quis sapien.</p>
            </div>
        </div>
    </div>
    <div class="panel-default">
        <div class="panel-heading panel-btm">
            <h4 class="panel-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="panel-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

<div class="accordion-mode panel-group panel-group-primary" id="accordionPrimary">
    <div class="panel panel-default">
        <div class="panel-heading">
            <h4 class="panel-title"> <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordionPrimary" href="#collapse6One"> Accordion Title 1 <span class="pull-right"><em class="fa fa-angle-up"></em></span> </a> </h4>
        </div>
        <div id="collapse6One" class="accordion-body collapse in">
            <div class="panel-body">
                <p>Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien.</p>
            </div>
        </div>
    </div>
    <div class="panel panel-default">
        <div class="panel-heading">
            <h4 class="panel-title"> <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordionPrimary" href="#collapse6Two"> Accordion Title 2 <span class="pull-right"><em class="fa fa-angle-up"></em></span> </a> </h4>
        </div>
        <div id="collapse6Two" class="accordion-body collapse">
            <div class="panel-body">
                <p>Donec tellus massa, tristique sit amet condimentum vel, facilisis quis sapien.</p>
            </div>
        </div>
    </div>
    <div class="panel panel-default">
        <div class="panel-heading">
            <h4 class="panel-title"> <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordionPrimary" href="#collapse6Three"> Accordion Title 3 <span class="pull-right"><em class="fa fa-angle-up"></em></span> </a> </h4>
        </div>
        <div id="collapse6Three" class="accordion-body collapse">
            <div class="panel-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

<div class="accordion-mode panel-group panel-group-secondary" id="accordionSecondary">
    <div class="panel panel-default">
        <div class="panel-heading">
            <h4 class="panel-title"> <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordionSecondary" href="#collapse7One"> Accordion Title 1 <span class="pull-right"><em class="fa fa-angle-up"></em></span> </a> </h4>
        </div>
        <div id="collapse7One" class="accordion-body collapse in">
            <div class="panel-body">
                <p>Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien.</p>
            </div>
        </div>
    </div>
    <div class="panel panel-default">
        <div class="panel-heading">
            <h4 class="panel-title"> <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordionSecondary" href="#collapse7Two"> Accordion Title 2 <span class="pull-right"><em class="fa fa-angle-up"></em></span> </a> </h4>
        </div>
        <div id="collapse7Two" class="accordion-body collapse">
            <div class="panel-body">
                <p>Donec tellus massa, tristique sit amet condimentum vel, facilisis quis sapien.</p>
            </div>
        </div>
    </div>
    <div class="panel panel-default">
        <div class="panel-heading">
            <h4 class="panel-title"> <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordionSecondary" href="#collapse7Three"> Accordion Title 3 <span class="pull-right"><em class="fa fa-angle-up"></em></span> </a> </h4>
        </div>
        <div id="collapse7Three" class="accordion-body collapse">
            <div class="panel-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 panel-group  panel-group-tertiary" id="accordionTertiary">
    <div class="panel panel-default">
        <div class="panel-heading">
            <h4 class="panel-title">
                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordionTertiary" href="#collapse8One">
                    Accordion Title 1 <span class="pull-right"><em class="fa fa-angle-up"></em></span>
                </a>
            </h4>
        </div>
        <div id="collapse8One" class="accordion-body collapse in">
            <div class="panel-body">
                <p>Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien.</p>
            </div>
        </div>
    </div>
    <div class="panel panel-default">
        <div class="panel-heading">
            <h4 class="panel-title">
                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordionTertiary" href="#collapse8Two">
                    Accordion Title 2 <span class="pull-right"><em class="fa fa-angle-up"></em></span>
                </a>
            </h4>
        </div>
        <div id="collapse8Two" class="accordion-body collapse">
            <div class="panel-body">
                <p>Donec tellus massa, tristique sit amet condimentum vel, facilisis quis sapien.</p>
            </div>
        </div>
    </div>
    <div class="panel panel-default">
        <div class="panel-heading">
            <h4 class="panel-title">
                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordionTertiary" href="#collapse8Three">
                    Accordion Title 3 <span class="pull-right"><em class="fa fa-angle-up"></em></span>
                </a>
            </h4>
        </div>
        <div id="collapse8Three" class="accordion-body collapse">
            <div class="panel-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 panel-group  panel-group-quaternary" id="accordionQuaternary">
    <div class="panel panel-default">
        <div class="panel-heading">
            <h4 class="panel-title">
                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordionQuaternary" href="#collapse9One">
                    Accordion Title 1 <span class="pull-right"><em class="fa fa-angle-up"></em></span>
                </a>
            </h4>
        </div>
        <div id="collapse9One" class="accordion-body collapse in">
            <div class="panel-body">
                <p>Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien.</p>
            </div>
        </div>
    </div>
    <div class="panel panel-default">
        <div class="panel-heading">
            <h4 class="panel-title">
                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordionQuaternary" href="#collapse9Two">
                    Accordion Title 2 <span class="pull-right"><em class="fa fa-angle-up"></em></span>
                </a>
            </h4>
        </div>
        <div id="collapse9Two" class="accordion-body collapse">
            <div class="panel-body">
                <p>Donec tellus massa, tristique sit amet condimentum vel, facilisis quis sapien.</p>
            </div>
        </div>
    </div>
    <div class="panel panel-default">
        <div class="panel-heading">
            <h4 class="panel-title">
                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordionQuaternary" href="#collapse9Three">
                    Accordion Title 3 <span class="pull-right"><em class="fa fa-angle-up"></em></span>
                </a>
            </h4>
        </div>
        <div id="collapse9Three" class="accordion-body collapse">
            <div class="panel-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

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

<div class="accordion-mode panel-group panel-group-lg" id="accordionlarge">
    <div class="panel panel-default">
        <div class="panel-heading">
            <h4 class="panel-title"> <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordionlarge" href="#collapse11One"> Accordion Title 1 <span class="pull-right"><em class="fa fa-angle-up"></em></span> </a> </h4>
        </div>
        <div id="collapse11One" class="accordion-body collapse in">
            <div class="panel-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="panel panel-default">
        <div class="panel-heading">
            <h4 class="panel-title"> <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordionlarge" href="#collapse11Two"> Accordion Title 2 <span class="pull-right"><em class="fa fa-angle-up"></em></span> </a> </h4>
        </div>
        <div id="collapse11Two" class="accordion-body collapse">
            <div class="panel-body">
                <p>Donec tellus massa, tristique sit amet condimentum vel, facilisis quis sapien.</p>
            </div>
        </div>
    </div>
    <div class="panel panel-default">
        <div class="panel-heading">
            <h4 class="panel-title"> <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordionlarge" href="#collapse11Three"> Accordion Title 3 <span class="pull-right"><em class="fa fa-angle-up"></em></span> </a> </h4>
        </div>
        <div id="collapse11Three" class="accordion-body collapse">
            <div class="panel-body">
                <p>Donec tellus massa, tristique sit amet condimentum vel, facilisis quis sapien.</p>
            </div>
        </div>
    </div>
</div>