Home Example Pages Features Components Slider

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
 
<div class="module_revolution_slider">
    <div class="bannercontainer">
        <div class="banner">
            <ul>
                <!-- THE FIRST SLIDE -->
                <li data-masterspeed="400" data-slotamount="7" data-transition="fade">
                    <img alt="" src="/portals/19/Skins/Dixit/PortalTemplate/img/slider/slide1.jpg" />
                    <!-- THE CAPTIONS OF THE FIRST SLIDE -->
                    <div class="caption lfl ltl start" data-x="297" data-y="140" data-endeasing="easeInOutBack"
                        data-endspeed="1000" data-end="4500" data-easing="easeInOutBack" data-start="500"
                        data-speed="1000">
                        <img src="/portals/19/Skins/Dixit/PortalTemplate/img/slider/ls1_img1.png" alt="Image 1" /></div>
                    <div class="caption lfl ltl start" data-x="73" data-y="44" data-endeasing="easeInOutBack"
                        data-endspeed="1000" data-end="4500" data-easing="easeInOutBack" data-start="1000"
                        data-speed="1000">
                        <img src="/portals/19/Skins/Dixit/PortalTemplate/img/slider/ls1_img2.png" alt="Image 2" /></div>
                    <div class="caption lft ltr start" data-x="600" data-y="90" data-endeasing="easeInOutBack"
                        data-endspeed="1000" data-end="4500" data-easing="easeInOutBack" data-start="1500"
                        data-speed="1000">
                        <img src="/portals/19/Skins/Dixit/PortalTemplate/img/slider/ls1_img3.png" alt="Image 3" /></div>
                    <div class="caption lft ltr start" data-x="600" data-y="154" data-endeasing="easeInOutBack"
                        data-endspeed="1000" data-end="4500" data-easing="easeInOutBack" data-start="1750"
                        data-speed="1000">
                        <img src="/portals/19/Skins/Dixit/PortalTemplate/img/slider/ls1_img4.png" alt="Image 4" /></div>
                    <div class="caption lfb ltr start" data-x="600" data-y="230" data-endeasing="easeInOutBack"
                        data-endspeed="1000" data-end="4500" data-easing="easeInOutBack" data-start="2000"
                        data-speed="1000">
                        <img src="/portals/19/Skins/Dixit/PortalTemplate/img/slider/ls1_img5.png" alt="Image 5" /></div>
                    <div class="caption lfb ltr start" data-x="600" data-y="280" data-endeasing="easeInOutBack"
                        data-endspeed="1000" data-end="4500" data-easing="easeInOutBack" data-start="2250"
                        data-speed="1000">
                        <img src="/portals/19/Skins/Dixit/PortalTemplate/img/slider/ls1_img6.png" alt="Image 6" /></div>
                </li>
                <!-- THE SECOND SLIDE -->
                <li data-masterspeed="400" data-slotamount="7" data-transition="fade">
                    <img alt="" src="/portals/19/Skins/Dixit/PortalTemplate/img/slider/slide2.jpg" />
                    <div class="caption lfl ltl start" data-x="366" data-y="40" data-endeasing="easeInOutBack"
                        data-endspeed="1000" data-end="4500" data-easing="easeInOutBack" data-start="500"
                        data-speed="1000">
                        <img src="/portals/19/Skins/Dixit/PortalTemplate/img/slider/ls2_img1.png" alt="Image 1" /></div>
                    <div class="caption lfl ltl start" data-x="118" data-y="190" data-endeasing="easeInOutBack"
                        data-endspeed="1000" data-end="4500" data-easing="easeInOutBack" data-start="800"
                        data-speed="1000">
                        <img src="/portals/19/Skins/Dixit/PortalTemplate/img/slider/ls2_img2.png" alt="Image 2" /></div>
                    <div class="caption lfr ltr start" data-x="718" data-y="250" data-endeasing="easeInOutBack"
                        data-endspeed="1000" data-end="4500" data-easing="easeInOutBack" data-start="1300"
                        data-speed="1000">
                        <img src="/portals/19/Skins/Dixit/PortalTemplate/img/slider/ls2_img3.png" alt="Image 3" /></div>
                    <div class="caption lfr ltr start" data-x="921" data-y="202" data-endeasing="easeInOutBack"
                        data-endspeed="1000" data-end="4500" data-easing="easeInOutBack" data-start="1700"
                        data-speed="1000">
                        <img src="/portals/19/Skins/Dixit/PortalTemplate/img/slider/ls2_img4.png" alt="Image 4" /></div>
                    <div class="caption lfr ltr start" data-x="1083" data-y="302" data-endeasing="easeInOutBack"
                        data-endspeed="1000" data-end="4500" data-easing="easeInOutBack" data-start="2200"
                        data-speed="1000">
                        <img src="/portals/19/Skins/Dixit/PortalTemplate/img/slider/ls2_img5.png" alt="Image 5" /></div>
                    <div class="caption lfl ltl start" data-x="52" data-y="197" data-endeasing="easeInOutBack"
                        data-endspeed="1000" data-end="4500" data-easing="easeInOutBack" data-start="2600"
                        data-speed="1000">
                        <img src="/portals/19/Skins/Dixit/PortalTemplate/img/slider/ls2_img6.png" alt="Image 6" /></div>
                    <div class="caption lft ltt start" data-x="110" data-y="60" data-endeasing="easeInOutBack"
                        data-endspeed="1000" data-end="4500" data-easing="easeInOutBack" data-start="2600"
                        data-speed="1000">
                        <img src="/portals/19/Skins/Dixit/PortalTemplate/img/slider/ls2_img7.png" alt="Image 7" /></div>
                    <div class="caption lfb ltb start" data-x="845" data-y="60" data-endeasing="easeInOutBack"
                        data-endspeed="1000" data-end="4500" data-easing="easeInOutBack" data-start="2600"
                        data-speed="1000">
                        <img src="/portals/19/Skins/Dixit/PortalTemplate/img/slider/ls2_img8.png" alt="Image 8" /></div>
                </li>
                <!-- THE THIRD SLIDE -->
                <li data-masterspeed="400" data-slotamount="7" data-transition="fade">
                    <img alt="" src="/portals/19/Skins/Dixit/PortalTemplate/img/slider/slide3.jpg" />
                    <div class="caption lfr start" data-x="430" data-y="20" data-easing="easeInOutBack"
                        data-start="500" data-speed="1000">
                        <img src="/portals/19/Skins/Dixit/PortalTemplate/img/slider/ls3_img1.png" alt="Image 1" /></div>
                    <div class="caption lfr start" data-autoplay="false" data-x="509" data-y="47" data-easing="easeInOutBack"
                        data-start="500" data-speed="1000">
                        <iframe width="585" height="329" src="http://player.vimeo.com/video/47387431?title=0&amp;byline=0&amp;portrait=0&amp;player_id=iframe876&amp;api=1">
                        </iframe>
                    </div>
                    <div class="caption lfb start" data-x="210" data-y="75" data-easing="easeInOutBack"
                        data-start="1250" data-speed="1000">
                        <img src="/portals/19/Skins/Dixit/PortalTemplate/img/slider/ls3_img2.png" alt="Image 2" /></div>
                    <div class="caption lfb start" data-x="155" data-y="95" data-easing="easeInOutBack"
                        data-start="1500" data-speed="1000">
                        <img src="/portals/19/Skins/Dixit/PortalTemplate/img/slider/ls3_img3.png" alt="Image 3" /></div>
                    <div class="caption lfb start" data-x="55" data-y="140" data-easing="easeInOutBack"
                        data-start="1750" data-speed="1000">
                        <img src="/portals/19/Skins/Dixit/PortalTemplate/img/slider/ls3_img4.png" alt="Image 4" /></div>
                    <div class="caption lfb start" data-x="215" data-y="210" data-easing="easeInOutBack"
                        data-start="2000" data-speed="1000">
                        <img src="/portals/19/Skins/Dixit/PortalTemplate/img/slider/ls3_img5.png" alt="Image 5" /></div>
                </li>
            </ul>
            <div class="tp-bannertimer tp-bottom">
            </div>
        </div>
    </div>
</div>