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="tab-mode tabs tabs-center">
    <ul class="nav nav-tabs">
        <li>
            <a data-toggle="tab" href="#popular15"><em class="fas fa-star"></em> Popular</a>
        </li>
        <li class="active">
            <a data-toggle="tab" href="#recent16"><em class="fas fa-user"></em> Customer Support</a>
        </li>
        <li>
            <a data-toggle="tab" href="#recent17"><em class="fab fa-html5"></em> HTML5 / CSS3 / JS</a>
        </li>
        <li>
            <a data-toggle="tab" href="#recent18"><em class="fab fa-google"></em> 500+ Google Fonts</a>
        </li>
        <li>
            <a data-toggle="tab" href="#recent19"><em class="fas fa-paint-brush"></em> Color</a>
        </li>
    </ul>
    <div class="tab-content">
        <div class="tab-pane" id="popular15">
            <div class="row">
                <div class="col-md-6">
                    <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.
                    </p>
                </div>
                <div class="col-md-6">
                    <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.
                    </p>
                </div>
            </div>
        </div>
        <div class="tab-pane active" id="recent16">
            <div class="container">
                <div class="row">
                    <div class="col-md-4">
                        <div class="owl-carousel show-nav-hover rounded-nav" data-plugin-options="{'items': 1, 'margin': 10, 'loop': false, 'nav': true, 'dots': false ,'autoplay': true, 'autoplayTimeout': 3000}">
                            <div><img alt="" class="img-fluid img-rounded" src="/Portals/0/preview1.jpg" /></div>
                            <div><img alt="" class="img-fluid img-rounded" src="/Portals/0/preview2.jpg" /></div>
                        </div>
                    </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="tab-pane" id="recent17">
            <div class="row">
                <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 class="col-md-4"><img alt="" class="img-fluid img-rounded" src="/Portals/0/Medical/2.jpg" /></div>
            </div>
        </div>
        <div class="tab-pane" id="recent18">
            <p>
                Donec pellentesque arcu eget ipsum rutrum sodales. Aenean vel sapien imperdiet, sollicitudin elit maximus, vehicula nulla. Nulla iaculis nulla justo, elementum rhoncus nisi tristique eu. Vivamus egestas justo consequat
                sapien viverra vehicula. Maecenas a metus maximus mauris rutrum vestibulum quis at nisi. Quisque elementum venenatis lacus non rhoncus. Cras ex ex, gravida et pulvinar eu, interdum et eros. Ut maximus ex ac purus condimentum
                porttitor. Etiam ligula diam, hendrerit ac urna quis, tempor scelerisque quam. Maecenas a lacinia tortor, sed ultricies lectus.
            </p>
        </div>
        <div class="tab-pane" id="recent19">
            <p>
                Donec pellentesque arcu eget ipsum rutrum sodales. Aenean vel sapien imperdiet, sollicitudin elit maximus, vehicula nulla. Nulla iaculis nulla justo, elementum rhoncus nisi tristique eu. Vivamus egestas justo consequat
                sapien viverra vehicula. Maecenas a metus maximus mauris rutrum vestibulum quis at nisi. Quisque elementum venenatis lacus non rhoncus. Cras ex ex, gravida et pulvinar eu, interdum et eros. Ut maximus ex ac purus condimentum
                porttitor. Etiam ligula diam, hendrerit ac urna quis, tempor scelerisque quam. Maecenas a lacinia tortor, sed ultricies lectus.
            </p>
        </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
81
82
83
84
85
86
87
88
89
90
91
92

<div class="tab-mode tabs tabs-center tabs-bottom">
    <div class="tab-content">
        <div id="recentbottom1" class="tab-pane">
            <div class="row">
                <div class="col-md-6">
                    <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.
                    </p>
                </div>
                <div class="col-md-6">
                    <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.
                    </p>
                </div>
            </div>
        </div>
        <div id="recentbottom2" class="tab-pane active">
            <div class="container">
                <div class="row">
                    <div class="col-md-4">
                        <div class="owl-carousel show-nav-hover rounded-nav" data-plugin-options="{'items': 1, 'margin': 10, 'loop': false, 'nav': true, 'dots': false ,'autoplay': true, 'autoplayTimeout': 3000}">
                            <div>
                                <img alt="" class="img-fluid img-rounded" src="/Portals/0/preview2.jpg" />
                            </div>
                            <div>
                                <img alt="" class="img-fluid img-rounded" src="/Portals/0/preview3.jpg" />
                            </div>
                        </div>
                    </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.
                            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.
                            Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien.
                        </p>
                    </div>
                </div>
            </div>
        </div>
        <div id="recentbottom3" class="tab-pane">
            <div class="row">
                <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.
                    </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.
                    </p>
                </div>
                <div class="col-md-4">
                    <img alt="" class="img-fluid img-rounded" src="/Portals/0/Medical/2.jpg" />
                </div>
            </div>
        </div>
        <div id="recentbottom4" class="tab-pane">
            <p>
                Donec pellentesque arcu eget ipsum rutrum sodales. Aenean vel sapien imperdiet, sollicitudin elit maximus, vehicula nulla. Nulla iaculis nulla justo, elementum rhoncus nisi tristique eu. Quisque elementum venenatis lacus non
                rhoncus.
            </p>
            <p>
                Donec pellentesque arcu eget ipsum rutrum sodales. Aenean vel sapien imperdiet, sollicitudin elit maximus, vehicula nulla. Nulla iaculis nulla justo, elementum rhoncus nisi tristique eu. Quisque elementum venenatis lacus non
                rhoncus.
            </p>
        </div>
        <div id="recentbottom5" class="tab-pane">
            <p>
                Donec pellentesque arcu eget ipsum rutrum sodales. Aenean vel sapien imperdiet, sollicitudin elit maximus, elementum rhoncus nisi tristique eu. Maecenas a metus maximus mauris rutrum vestibulum quis at nisi. Quisque
                elementum venenatis lacus non rhoncus.
            </p>
        </div>
    </div>
    <ul class="nav nav-tabs">
        <li>
            <a href="#recentbottom1" data-toggle="tab"><em class="fas fa-star"></em> Popular</a>
        </li>
        <li class="active">
            <a href="#recentbottom2" data-toggle="tab"><em class="fas fa-user"></em> Customer Support</a>
        </li>
        <li>
            <a href="#recentbottom3" data-toggle="tab"><em class="fab fa-html5"></em> HTML5 / CSS3 / JS</a>
        </li>
        <li>
            <a href="#recentbottom4" data-toggle="tab"><em class="fab fa-google"></em> 500+ Google Fonts</a>
        </li>
        <li>
            <a href="#recentbottom5" data-toggle="tab"><em class="fas fa-paint-brush"></em> Color</a>
        </li>
    </ul>
</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

<div class="tabs tabs-vertical tabs-left">
    <ul class="nav nav-tabs">
        <li>
            <a href="#recentleft1" data-toggle="tab"><em class="fas fa-star"></em> Popular</a>
        </li>
        <li class="active">
            <a href="#recentleft2" data-toggle="tab"><em class="fas fa-user"></em> Customer Support</a>
        </li>
        <li>
            <a href="#recentleft3" data-toggle="tab"><em class="fab fa-html5"></em> HTML5 / CSS3 / JS</a>
        </li>
        <li>
            <a href="#recentleft4" data-toggle="tab"><em class="fab fa-google"></em> 500+ Google Fonts</a>
        </li>
        <li>
            <a href="#recentleft5" data-toggle="tab"><em class="fas fa-paint-brush"></em> Color</a>
        </li>
    </ul>
    <div class="tab-content">
        <div id="recentleft1" class="tab-pane">
            <div class="row">
                <div class="col-md-6">
                    <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-6">
                    <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 id="recentleft2" class="tab-pane active">
            <div class="row m-none">
                <div class="col-md-4">
                    <div class="owl-carousel show-nav-hover rounded-nav" data-plugin-options="{'items': 1, 'margin': 10, 'loop': false, 'nav': true, 'dots': false ,'autoplay': true, 'autoplayTimeout': 3000}">
                        <div>
                            <img alt="" class="img-fluid img-rounded" src="/Portals/0/preview3.jpg" />
                        </div>
                        <div>
                            <img alt="" class="img-fluid img-rounded" src="/Portals/0/preview4.jpg" />
                        </div>
                    </div>
                </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. 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. 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 id="recentleft3" class="tab-pane">
            <div class="row">
                <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. Praesent id enim sit amet odio vulputate eleifend in in
                        tortor.
                    </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. Praesent id enim sit amet odio vulputate eleifend in in
                        tortor.
                    </p>
                </div>
                <div class="col-md-4">
                    <img alt="" class="img-fluid img-rounded" src="/Portals/0/Medical/2.jpg" />
                </div>
            </div>
        </div>
        <div id="recentleft4" class="tab-pane">
            <p>
                Donec pellentesque arcu eget ipsum rutrum sodales. Aenean vel sapien imperdiet, sollicitudin elit maximus, vehicula nulla. Nulla iaculis nulla justo, elementum rhoncus nisi tristique eu. Vivamus egestas justo consequat
                sapien viverra vehicula.
            </p>
            <p>
                Donec pellentesque arcu eget ipsum rutrum sodales. Aenean vel sapien imperdiet, sollicitudin elit maximus, vehicula nulla. Nulla iaculis nulla justo, elementum rhoncus nisi tristique eu. Vivamus egestas justo consequat
                sapien viverra vehicula.
            </p>
        </div>
        <div id="recentleft5" class="tab-pane">
            <p>
                Donec pellentesque arcu eget ipsum rutrum sodales. Aenean vel sapien imperdiet, sollicitudin elit maximus, vehicula nulla. Nulla iaculis nulla justo, elementum rhoncus nisi tristique eu. Vivamus egestas justo consequat
                sapien viverra vehicula. Maecenas a metus maximus mauris rutrum vestibulum quis at nisi, sed ultricies lectus.
            </p>
        </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
81
82
83
84
85
86
87

<div class="tabs tabs-vertical tabs-right">
    <div class="tab-content">
        <div id="recentright1" class="tab-pane">
            <div class="row">
                <div class="col-md-6">
                    <p>
                        Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. Praesent id enim sit amet odio vulputate eleifend in in tortor. Donec tellus
                        massa.
                    </p>
                </div>
                <div class="col-md-6">
                    <p>
                        Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. Praesent id enim sit amet odio vulputate eleifend in in tortor. Donec tellus
                        massa.
                    </p>
                </div>
            </div>
        </div>
        <div id="recentright2" class="tab-pane active">
            <div class="row m-none">
                <div class="col-md-4">
                    <div class="owl-carousel show-nav-hover rounded-nav" data-plugin-options="{'items': 1, 'margin': 10, '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/preview5.jpg" />
                        </div>
                    </div>
                </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. Praesent id enim sit amet odio vulputate eleifend in in tortor.
                    </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.
                    </p>
                </div>
            </div>
        </div>
        <div id="recentright3" class="tab-pane">
            <div class="row">
                <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. Praesent id enim sit amet odio vulputate eleifend in in tortor.
                    </p>
                    <p>
                        Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. Praesent id enim sit amet odio vulputate eleifend in in tortor.
                    </p>
                </div>
                <div class="col-md-4">
                    <img alt="" class="img-fluid img-rounded" src="/Portals/0/Medical/2.jpg" />
                </div>
            </div>
        </div>
        <div id="recentright4" class="tab-pane">
            <p>
                Donec pellentesque arcu eget ipsum rutrum sodales. Aenean vel sapien imperdiet, sollicitudin elit maximus, vehicula nulla. elementum rhoncus nisi tristique eu. Vivamus egestas justo consequat sapien viverra vehicula.
            </p>
            <p>
                Donec pellentesque arcu eget ipsum rutrum sodales. Aenean vel sapien imperdiet, sollicitudin elit maximus, vehicula nulla. elementum rhoncus nisi tristique eu. Vivamus egestas justo consequat sapien viverra vehicula.
            </p>
        </div>
        <div id="recentright5" class="tab-pane">
            <p>
                Donec pellentesque arcu eget ipsum rutrum sodales. Aenean vel sapien imperdiet, sollicitudin elit maximus, vehicula nulla. elementum rhoncus nisi tristique eu. Vivamus egestas justo consequat sapien viverra vehicula.
            </p>
        </div>
    </div>
    <ul class="nav nav-tabs">
        <li>
            <a href="#recentright1" data-toggle="tab"><em class="fas fa-star"></em> Popular</a>
        </li>
        <li class="active">
            <a href="#recentright2" data-toggle="tab"><em class="fas fa-user"></em> Customer Support</a>
        </li>
        <li>
            <a href="#recentright3" data-toggle="tab"><em class="fab fa-html5"></em> HTML5 / CSS3 / JS</a>
        </li>
        <li>
            <a href="#recentright4" data-toggle="tab"><em class="fab fa-google"></em> 500+ Google Fonts</a>
        </li>
        <li>
            <a href="#recentright5" data-toggle="tab"><em class="fas fa-paint-brush"></em> Color</a>
        </li>
    </ul>
</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

<div class="tab-mode-bg tabs tabs-bottom tabs-center tabs-simple">
    <ul class="nav nav-tabs">
        <li class="active">
            <a href="#tabsNavigationSimplebg1" data-toggle="tab">Customer Support</a>
        </li>
        <li>
            <a href="#tabsNavigationSimplebg2" data-toggle="tab">HTML5 / CSS3 / JS</a>
        </li>
        <li>
            <a href="#tabsNavigationSimplebg3" data-toggle="tab">500+ Google Fonts</a>
        </li>
        <li>
            <a href="#tabsNavigationSimplebg4" data-toggle="tab">Colors</a>
        </li>
    </ul>
    <div class="tab-content">
        <div class="tab-pane active" id="tabsNavigationSimplebg1">
            <div class="center">
                <h4>Customer Support</h4>
                <div class="row">
                    <div class="col-md-6">
                        <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>
                    </div>
                    <div class="col-md-6">
                        <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>
                    </div>
                </div>
            </div>
        </div>
        <div class="tab-pane" id="tabsNavigationSimplebg2">
            <div class="center">
                <h4>HTML5 / CSS3 / JS</h4>
                <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.</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. 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>
        <div class="tab-pane" id="tabsNavigationSimplebg3">
            <div class="center">
                <h4>500+ Google Fonts</h4>
                <div class="row">
                    <div class="col-md-8 col-sm-8">
                        <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>
                    </div>
                    <div class="col-md-4 col-sm-4">
                        <img alt="" src="/Portals/0/img/device.png" width="300" />
                    </div>
                </div>
            </div>
        </div>
        <div class="tab-pane" id="tabsNavigationSimplebg4">
            <div class="center">
                <h4>Colors</h4>
                <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.</p>
                <p>Lorem ipsum dolor sit amet. 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>
    </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

<div class="tabs tabs-center center-button">
    <ul class="nav nav-tabs bm nav-pills" role="tablist">
        <li class="active"><a href="#tabs-1" data-toggle="tab">Customer Support</a></li>
        <li><a href="#tabs-2" data-toggle="tab">HTML5 / CSS3 / JS</a></li>
        <li><a href="#tabs-3" data-toggle="tab">500+ Google Fonts</a></li>
        <li><a href="#tabs-4" data-toggle="tab">Colors</a></li>
    </ul>
    <div class="tab-content">
        <div class="tab-pane active" id="tabs-1">
            <div class="row">
                <div class="col-md-6 service-wrap">
                    <div class="service-header">
                        <div class="service-name">Customer Support</div>
                        <div class="service-dots"> <span class="separator-dots"></span> </div>
                        <div class="service-price color">$39</div>
                    </div>
                    <p class="service-desc">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt quos harum officia eaque nobis ut.</p>
                </div>
                <div class="col-md-6 service-wrap">
                    <div class="service-header">
                        <div class="service-name">HTML5 / CSS3 / JS</div>
                        <div class="service-dots"> <span class="separator-dots"></span> </div>
                        <div class="service-price color">$42</div>
                    </div>
                    <p class="service-desc">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt quos harum officia eaque nobis ut.</p>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6 service-wrap">
                    <div class="service-header">
                        <div class="service-name">500+ Google Fonts</div>
                        <div class="service-dots"> <span class="separator-dots"></span> </div>
                        <div class="service-price color">$29</div>
                    </div>
                    <p class="service-desc">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt quos harum officia eaque nobis ut.</p>
                </div>
                <div class="col-md-6 service-wrap">
                    <div class="service-header">
                        <div class="service-name">Colors</div>
                        <div class="service-dots"> <span class="separator-dots"></span> </div>
                        <div class="service-price color">$17</div>
                    </div>
                    <p class="service-desc">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt quos harum officia eaque nobis ut.</p>
                </div>
            </div>
            </div>
        <div class="tab-pane" id="tabs-2">
            <div class="row">
                <div class="col-md-6 service-wrap">
                    <div class="service-header">
                        <div class="service-name">HTML5 / CSS3 / JS</div>
                        <div class="service-dots"> <span class="separator-dots"></span> </div>
                        <div class="service-price color">$39</div>
                    </div>
                    <p class="service-desc">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt quos harum officia eaque nobis ut.</p>
                </div>
                <div class="col-md-6 service-wrap">
                    <div class="service-header">
                        <div class="service-name">Colors</div>
                        <div class="service-dots"> <span class="separator-dots"></span> </div>
                        <div class="service-price color">$42</div>
                    </div>
                    <p class="service-desc">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt quos harum officia eaque nobis ut.</p>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6 service-wrap">
                    <div class="service-header">
                        <div class="service-name">Customer Support</div>
                        <div class="service-dots"> <span class="separator-dots"></span> </div>
                        <div class="service-price color">$29</div>
                    </div>
                    <p class="service-desc">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt quos harum officia eaque nobis ut.</p>
                </div>
                <div class="col-md-6 service-wrap">
                    <div class="service-header">
                        <div class="service-name">500+ Google Fonts</div>
                        <div class="service-dots"> <span class="separator-dots"></span> </div>
                        <div class="service-price color">$17</div>
                    </div>
                    <p class="service-desc">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt quos harum officia eaque nobis ut.</p>
                </div>
            </div>
        </div>
        <div class="tab-pane" id="tabs-3">
            <div class="row">
                <div class="col-md-6 service-wrap">
                    <div class="service-header">
                        <div class="service-name">500+ Google Fonts</div>
                        <div class="service-dots"> <span class="separator-dots"></span> </div>
                        <div class="service-price color">$19</div>
                    </div>
                    <p class="service-desc">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt quos harum officia eaque nobis ut.</p>
                </div>
                <div class="col-md-6 service-wrap">
                    <div class="service-header">
                        <div class="service-name">HTML5 / CSS3 / JS</div>
                        <div class="service-dots"> <span class="separator-dots"></span> </div>
                        <div class="service-price color">$22</div>
                    </div>
                    <p class="service-desc">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt quos harum officia eaque nobis ut.</p>
                </div>
            </div>
            <div class="row">

                <div class="col-md-6 service-wrap">
                    <div class="service-header">
                        <div class="service-name">Colors</div>
                        <div class="service-dots"> <span class="separator-dots"></span> </div>
                        <div class="service-price color">$89</div>
                    </div>
                    <p class="service-desc">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt quos harum officia eaque nobis ut.</p>
                </div>
                <div class="col-md-6 service-wrap">
                    <div class="service-header">
                        <div class="service-name">Customer Support</div>
                        <div class="service-dots"> <span class="separator-dots"></span> </div>
                        <div class="service-price color">$72</div>
                    </div>
                    <p class="service-desc">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt quos harum officia eaque nobis ut.</p>
                </div>
            </div>
            
        </div>

<div class="tab-pane" id="tabs-4">
            <div class="row">
                <div class="col-md-6 service-wrap">
                    <div class="service-header">
                        <div class="service-name">Colors</div>
                        <div class="service-dots"> <span class="separator-dots"></span> </div>
                        <div class="service-price color">$19</div>
                    </div>
                    <p class="service-desc">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt quos harum officia eaque nobis ut.</p>
                </div>
                <div class="col-md-6 service-wrap">
                    <div class="service-header">
                        <div class="service-name">HTML5 / CSS3 / JS</div>
                        <div class="service-dots"> <span class="separator-dots"></span> </div>
                        <div class="service-price color">$22</div>
                    </div>
                    <p class="service-desc">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt quos harum officia eaque nobis ut.</p>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6 service-wrap">
                    <div class="service-header">
                        <div class="service-name">Customer Support</div>
                        <div class="service-dots"> <span class="separator-dots"></span> </div>
                        <div class="service-price color">$25</div>
                    </div>
                    <p class="service-desc">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt quos harum officia eaque nobis ut.</p>
                </div>
                <div class="col-md-6 service-wrap">
                    <div class="service-header">
                        <div class="service-name">500+ Google Fonts</div>
                        <div class="service-dots"> <span class="separator-dots"></span> </div>
                        <div class="service-price color">$27</div>
                    </div>
                    <p class="service-desc">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt quos harum officia eaque nobis ut.</p>
                </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
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

<div class="tab-mode-btm tabs tabs-center">
    <ul class="nav nav-tabs">
        <li class="active">
            <a href="#populartab15" data-toggle="tab"><em class="fas fa-star"></em> Popular</a>
        </li>
        <li>
            <a href="#recenttab16" data-toggle="tab"><em class="fas fa-user"></em> Customer Support</a>
        </li>
        <li>
            <a href="#recenttab17" data-toggle="tab"><em class="fab fa-html5"></em> HTML5 / CSS3 / JS</a>
        </li>
        <li>
            <a href="#recenttab18" data-toggle="tab"><em class="fab fa-google"></em> 500+ Google Fonts</a>
        </li>
        <li>
            <a href="#recenttab19" data-toggle="tab"><em class="fas fa-paint-brush"></em> Color</a>
        </li>
        <li>
            <a href="#recenttab20" data-toggle="tab"><em class="fab fa-bootstrap"></em> Bootstrap</a>
        </li>
    </ul>
    <div class="tab-content">
        <div id="populartab15" class="tab-pane active">
            <div class="row">
                <div class="col-md-6">
                    <p>
                        Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. Praesent id enim sit amet odio vulputate eleifend in in tortor.
                    </p>
                </div>
                <div class="col-md-6">
                    <p>
                        Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. Praesent id enim sit amet odio vulputate eleifend in in tortor.
                    </p>
                </div>
            </div>
        </div>
        <div id="recenttab16" class="tab-pane">
            <p>
                Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. Praesent id enim sit amet odio vulputate eleifend in in tortor.
            </p>
            <p>
                Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. Praesent id enim sit amet odio vulputate eleifend in in tortor.
            </p>
        </div>
        <div id="recenttab17" class="tab-pane">
            <div class="row">
                <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. Praesent id enim sit amet odio vulputate eleifend in in tortor.
                    </p>
                    <p>
                        Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. Praesent id enim sit amet odio vulputate eleifend in in tortor.
                    </p>
                </div>
                <div class="col-md-4">
                    <img alt="" class="img-fluid img-rounded" src="/Portals/0/Medical/2.jpg" />
                </div>
            </div>
        </div>
        <div id="recenttab18" class="tab-pane">
            <p>
                Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. Praesent id enim sit amet odio vulputate eleifend in in tortor.
            </p>
            <p>
                Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. Praesent id enim sit amet odio vulputate eleifend in in tortor.
            </p>
        </div>
        <div id="recenttab19" class="tab-pane">
            <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. Praesent id enim sit amet odio vulputate eleifend in in tortor.
                </p>
                <p>
                    Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. Praesent id enim sit amet odio vulputate eleifend in in tortor.
                </p>
            </div>
            <div class="col-md-4">
                <div class="owl-carousel show-nav-hover rounded-nav" data-plugin-options="{'items': 1, 'margin': 10, 'loop': false, 'nav': true, 'dots': false ,'autoplay': true, 'autoplayTimeout': 3000}">
                    <div>
                        <img alt="" class="img-fluid img-rounded" src="/Portals/0/preview5.jpg" />
                    </div>
                    <div>
                        <img alt="" class="img-fluid img-rounded" src="/Portals/0/preview6.jpg" />
                    </div>
                </div>
            </div>
        </div>
        <div id="recenttab20" class="tab-pane">
            <p>
                Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. Praesent id enim sit amet odio vulputate eleifend in in tortor.
            </p>
        </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
81
82
83
84
85
86

<div class="tab-icon tabs">
    <ul class="featured-mode featured-boxes featured-boxes-style-3">
        <li class="featured-box featured-box-primary style-outline featured-box-effect">
            <div class="th-iconbox-icon active">
                <a data-toggle="tab" href="#tabsNavigationSimpleIcons1"><em class="icon-featured fas fa-star"></em> </a>
            </div>
        </li>
        <li class="featured-box featured-box-primary style-outline featured-box-effect">
            <div class="th-iconbox-icon">
                <a data-toggle="tab" href="#tabsNavigationSimpleIcons2"><em class="icon-featured fas fa-star"></em> </a>
            </div>
        </li>
        <li class="featured-box featured-box-primary style-outline featured-box-effect">
            <div class="th-iconbox-icon">
                <a data-toggle="tab" href="#tabsNavigationSimpleIcons3"><em class="icon-featured fas fa-star"></em> </a>
            </div>
        </li>
        <li class="featured-box featured-box-primary style-outline featured-box-effect">
            <div class="th-iconbox-icon">
                <a data-toggle="tab" href="#tabsNavigationSimpleIcons4"><em class="icon-featured fas fa-star"></em> </a>
            </div>
        </li>
        <li class="featured-box featured-box-primary style-outline featured-box-effect">
            <div class="th-iconbox-icon">
                <a data-toggle="tab" href="#tabsNavigationSimpleIcons5"><em class="icon-featured fas fa-star"></em> </a>
            </div>
        </li>
    </ul>
    <div class="tab-content">
        <div class="tab-pane active" id="tabsNavigationSimpleIcons1">
            <div class="center">
                <h4>Customer Support</h4>
                <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.</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.
                </p>
            </div>
        </div>
        <div class="tab-pane" id="tabsNavigationSimpleIcons2">
            <div class="center">
                <h4>HTML5 / CSS3 / JS</h4>
                <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.</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. 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>
        <div class="tab-pane" id="tabsNavigationSimpleIcons3">
            <div class="center">
                <h4>500+ Google Fonts</h4>
                <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.</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. 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>
        <div class="tab-pane" id="tabsNavigationSimpleIcons4">
            <div class="center">
                <h4>Colors</h4>
                <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.</p>
                <p>
                    Lorem ipsum dolor sit amet. 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>
        <div class="tab-pane" id="tabsNavigationSimpleIcons5">
            <div class="center">
                <h4>Icons</h4>
                <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.</p>
                <p>
                    Lorem ipsum dolor sit amet. 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>
    </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="tab-mode tabs tabs-center tabs-primary">
    <ul class="nav nav-tabs">
        <li class="active">
            <a data-toggle="tab" href="#primarytab1"><em class="fas fa-star"></em> Popular</a>
        </li>
        <li>
            <a data-toggle="tab" href="#primarytab2"><em class="fas fa-user"></em> Customer Support</a>
        </li>
        <li>
            <a data-toggle="tab" href="#primarytab3"><em class="fab fa-html5"></em> HTML5 / CSS3 / JS</a>
        </li>
    </ul>
    <div class="tab-content">
        <div class="tab-pane active" id="primarytab1">
            <div class="row">
                <div class="col-md-6">
                    <p class="text-justify">
                        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..
                    </p>
                </div>
                <div class="col-md-6">
                    <p class="text-justify">
                        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.
                    </p>
                </div>
            </div>
        </div>
        <div class="tab-pane" id="primarytab2">
            <p class="text-justify">
                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="tab-pane" id="primarytab3">
            <div class="row">
                <div class="col-md-8">
                    <p class="text-justify">
                        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"><img alt="" class="img-responsive img-rounded" src="/Portals/0/img/projects/project-2.jpg" /></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

<div class="tab-mode tabs tabs-center tabs-tertiary">
    <ul class="nav nav-tabs">
        <li class="active">
            <a data-toggle="tab" href="#tertiarytab1"><em class="fas fa-star"></em> Popular</a>
        </li>
        <li>
            <a data-toggle="tab" href="#tertiarytab2"><em class="fas fa-user"></em> Customer Support</a>
        </li>
        <li>
            <a data-toggle="tab" href="#tertiarytab3"><em class="fab fa-html5"></em> HTML5 / CSS3 / JS</a>
        </li>
    </ul>
    <div class="tab-content">
        <div class="tab-pane active" id="tertiarytab1">
            <div class="row">
                <div class="col-md-6">
                    <p class="text-justify">
                        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..
                    </p>
                </div>
                <div class="col-md-6">
                    <p class="text-justify">
                        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.
                    </p>
                </div>
            </div>
        </div>
        <div class="tab-pane" id="tertiarytab2">
            <p class="text-justify">
                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="tab-pane" id="tertiarytab3">
            <div class="row">
                <div class="col-md-8">
                    <p class="text-justify">
                        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"><img alt="" class="img-responsive img-rounded" src="/Portals/0/img/projects/project-1.jpg" /></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

<div class="tab-mode tabs tabs-center tabs-secondary">
    <ul class="nav nav-tabs">
        <li class="active">
            <a data-toggle="tab" href="#secondarytab1"><em class="fas fa-star"></em> Popular</a>
        </li>
        <li>
            <a data-toggle="tab" href="#secondarytab2"><em class="fas fa-user"></em> Customer Support</a>
        </li>
        <li>
            <a data-toggle="tab" href="#secondarytab3"><em class="fab fa-html5"></em> HTML5 / CSS3 / JS</a>
        </li>
    </ul>
    <div class="tab-content">
        <div class="tab-pane active" id="secondarytab1">
            <div class="row">
                <div class="col-md-6">
                    <p class="text-justify">
                        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..
                    </p>
                </div>
                <div class="col-md-6">
                    <p class="text-justify">
                        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.
                    </p>
                </div>
            </div>
        </div>
        <div class="tab-pane" id="secondarytab2">
            <p class="text-justify">
                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="tab-pane" id="secondarytab3">
            <div class="row">
                <div class="col-md-8">
                    <p class="text-justify">
                        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"><img alt="" class="img-responsive img-rounded" src="/Portals/0/img/projects/project-1.jpg" /></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

<div class="tab-mode tabs tabs-center tabs-quaternary">
    <ul class="nav nav-tabs">
        <li class="active">
            <a data-toggle="tab" href="#quaternarytab1"><em class="fas fa-star"></em> Popular</a>
        </li>
        <li>
            <a data-toggle="tab" href="#quaternarytab2"><em class="fas fa-user"></em> Customer Support</a>
        </li>
        <li>
            <a data-toggle="tab" href="#quaternarytab3"><em class="fab fa-html5"></em> HTML5 / CSS3 / JS</a>
        </li>
    </ul>
    <div class="tab-content">
        <div class="tab-pane active" id="quaternarytab1">
            <div class="row">
                <div class="col-md-6">
                    <p class="text-justify">
                        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..
                    </p>
                </div>
                <div class="col-md-6">
                    <p class="text-justify">
                        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.
                    </p>
                </div>
            </div>
        </div>
        <div class="tab-pane" id="quaternarytab2">
            <p class="text-justify">
                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="tab-pane" id="quaternarytab3">
            <div class="row">
                <div class="col-md-8">
                    <p class="text-justify">
                        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"><img alt="" class="img-responsive img-rounded" src="/Portals/0/img/projects/project-1.jpg" /></div>
            </div>
        </div>
    </div>
</div>