Home Example Pages Features Components Team

Team

  • Tom
    Tom Simpson
    CEO
    Pellentesque consequat viverra lorem estas placerat ligula aliquam.
  • Anna
    Anna Smith
    Developer
    Pellentesque consequat viverra lorem estas placerat ligula aliquam.
  • John
    John Doe
    Designer
    Pellentesque consequat viverra lorem estas placerat ligula aliquam.
  • Anna
    Bella White
    Project Manager
    Pellentesque consequat viverra lorem estas placerat ligula aliquam.
  • John
    Chris Redfield
    Developer
    Pellentesque consequat viverra lorem estas placerat ligula aliquam.
  • Tom
    Adam Wong
    Designer
    Pellentesque consequat viverra lorem estas placerat ligula aliquam.

HTML Shortcode

Add Text/HTML module to the page with the below HTML content.

  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
 
<div class="module_teamslider">
    <div class="bg_title">
        <h4 class="headInModule">
            Our Team</h4>
    </div>
    <div class="team_slider">
        <div class="carouselslider teamslider items3" data-count="3">
            <ul class="item_list">
                <li>
                    <div class="item">
                        <div class="img_block">
                            <img src="/portals/19/Skins/Dixit/PortalTemplate/img/pictures/team1.jpg" alt="Tom" /></div>
                        <div class="carousel_body">
                            <div class="carousel_title">
                                <h6>
                                    Tom Simpson</h6>
                                <div class="op">
                                    CEO</div>
                            </div>
                            <div class="carousel_desc">
                                <div class="exc">
                                    Pellentesque consequat viverra lorem estas placerat ligula aliquam.</div>
                                <div class="smallproflinks">
                                    <a href="facebook" class="facebook_link tiptip" title="Facebook"></a><a href="twitter"
                                        class="twitter_link tiptip" title="Twitter"></a><a href="Mail" class="member_email tiptip"
                                            title="Email"></a>
                                    <div class="clear">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="item">
                        <div class="img_block">
                            <img src="/portals/19/Skins/Dixit/PortalTemplate/img/pictures/team2.jpg" alt="Anna" /></div>
                        <div class="carousel_body">
                            <div class="carousel_title">
                                <h6>
                                    Anna Smith</h6>
                                <div class="op">
                                    Developer</div>
                            </div>
                            <div class="carousel_desc">
                                <div class="exc">
                                    Pellentesque consequat viverra lorem estas placerat ligula aliquam.</div>
                                <div class="smallproflinks">
                                    <a href="facebook" class="facebook_link tiptip" title="Facebook"></a><a href="linkedin"
                                        class="linkedin_link tiptip" title="LinkedIn"></a><a href="Mail" class="member_email tiptip"
                                            title="Email"></a>
                                    <div class="clear">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="item">
                        <div class="img_block">
                            <img src="/portals/19/Skins/Dixit/PortalTemplate/img/pictures/team3.jpg" alt="John" /></div>
                        <div class="carousel_body">
                            <div class="carousel_title">
                                <h6>
                                    John Doe</h6>
                                <div class="op">
                                    Designer</div>
                            </div>
                            <div class="carousel_desc">
                                <div class="exc">
                                    Pellentesque consequat viverra lorem estas placerat ligula aliquam.</div>
                                <div class="smallproflinks">
                                    <a href="facebook" class="facebook_link tiptip" title="Facebook"></a><a href="linkedin"
                                        class="linkedin_link tiptip" title="LinkedIn"></a><a href="Tumblr" class="tumbler_link tiptip"
                                            title="Tumblr"></a>
                                    <div class="clear">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="item">
                        <div class="img_block">
                            <img src="/portals/19/Skins/Dixit/PortalTemplate/img/pictures/team4.jpg" alt="Anna" /></div>
                        <div class="carousel_body">
                            <div class="carousel_title">
                                <h6>
                                    Bella White</h6>
                                <div class="op">
                                    Project Manager</div>
                            </div>
                            <div class="carousel_desc">
                                <div class="exc">
                                    Pellentesque consequat viverra lorem estas placerat ligula aliquam.</div>
                                <div class="smallproflinks">
                                    <a href="facebook" class="facebook_link tiptip" title="Facebook"></a><a href="twitter"
                                        class="twitter_link tiptip" title="Twitter"></a><a href="Mail" class="member_email tiptip"
                                            title="Email"></a>
                                    <div class="clear">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="item">
                        <div class="img_block">
                            <img src="/portals/19/Skins/Dixit/PortalTemplate/img/pictures/team7.jpg" alt="John" /></div>
                        <div class="carousel_body">
                            <div class="carousel_title">
                                <h6>
                                    Chris Redfield</h6>
                                <div class="op">
                                    Developer</div>
                            </div>
                            <div class="carousel_desc">
                                <div class="exc">
                                    Pellentesque consequat viverra lorem estas placerat ligula aliquam.</div>
                                <div class="smallproflinks">
                                    <a href="facebook" class="facebook_link tiptip" title="Facebook"></a><a href="linkedin"
                                        class="linkedin_link tiptip" title="LinkedIn"></a><a href="Mail" class="member_email tiptip"
                                            title="Email"></a>
                                    <div class="clear">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="item">
                        <div class="img_block">
                            <img src="/portals/19/Skins/Dixit/PortalTemplate/img/pictures/team6.jpg" alt="Tom" /></div>
                        <div class="carousel_body">
                            <div class="carousel_title">
                                <h6>
                                    Adam Wong</h6>
                                <div class="op">
                                    Designer</div>
                            </div>
                            <div class="carousel_desc">
                                <div class="exc">
                                    Pellentesque consequat viverra lorem estas placerat ligula aliquam.</div>
                                <div class="smallproflinks">
                                    <a href="facebook" class="facebook_link tiptip" title="Facebook"></a><a href="twitter"
                                        class="twitter_link tiptip" title="Twitter"></a><a href="Tumblr" class="tumbler_link tiptip"
                                            title="Tumblr"></a>
                                    <div class="clear">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
        <div class="clear">
        </div>
    </div>
</div>

Implementation Instructions:

Change no. of items to be shown in Our Teams (Carousel)
Find and change items3 class to items2 and data-count attr 3 to 2 in above HTML content.

To Add or Remove Our Team Item:
Add or Remove the below HTML content.

 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
 
<li>
    <div class="item">
        <div class="img_block">
            <img src="/portals/19/Skins/Dixit/PortalTemplate/img/pictures/team6.jpg" alt="Tom" /></div>
        <div class="carousel_body">
            <div class="carousel_title">
                <h6>
                    Adam Wong</h6>
                <div class="op">
                    Designer</div>
            </div>
            <div class="carousel_desc">
                <div class="exc">
                    Pellentesque consequat viverra lorem estas placerat ligula aliquam.</div>
                <div class="smallproflinks">
                    <a href="facebook" class="facebook_link tiptip" title="Facebook"></a><a href="twitter"
                        class="twitter_link tiptip" title="Twitter"></a><a href="Tumblr" class="tumbler_link tiptip"
                            title="Tumblr"></a>
                    <div class="clear">
                    </div>
                </div>
            </div>
        </div>
    </div>
</li>