/
slider.php
114 lines (102 loc) · 5.29 KB
/
slider.php
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
<!--Star slider-->
<section class="slider">
<div class="fullwidthbanner-container">
<div class="fullwidthbanner">
<ul>
<!-- THE FIRST SLIDE -->
<li data-transition="flyin" data-slotamount="1" data-masterspeed="300" data-thumb="images/thumbs/thumb1.jpg" data-delay="4000" >
<img src="images/slides/slide-intro.jpg" alt="">
<div class="caption randomrotate"
data-x="center"
data-y="120"
data-speed="300"
data-start="1200"
data-easing="easeOutExpo" ></div>
</li>
<!-- THE SECOND SLIDE -->
<li data-transition="3dcurtain-horizontal" data-slotamount="1" data-masterspeed="300" data-thumb="images/thumbs/thumb2.jpg">
<img src="images/slides/slide-1.jpg" alt="">
<div class="caption randomrotate"
data-x="center"
data-y="90"
data-speed="300"
data-start="1000"
data-easing="easeOutExpo" ></div>
<div class="caption randomrotate"
data-x="150"
data-y="80"
data-speed="300"
data-start="2000"
data-easing="easeOutExpo" ><img src="images/slides/icon-slide-1.png" alt=""></div>
<div class="caption randomrotate"
data-x="180"
data-y="300"
data-speed="300"
data-start="2500"
data-easing="easeOutExpo" ><img src="images/slides/icon-slide-2.png" alt=""></div>
<div class="caption randomrotate"
data-x="620"
data-y="80"
data-speed="300"
data-start="3000"
data-easing="easeOutExpo" ><img src="images/slides/icon-slide-3.png" alt=""></div>
<div class="caption randomrotate"
data-x="605"
data-y="300"
data-speed="300"
data-start="3500"
data-easing="easeOutExpo" ><img src="images/slides/icon-slide-4.png" alt=""></div>
</li>
<!-- THE THIRD SLIDE -->
<li data-transition="3dcurtain-horizontal" data-slotamount="1" data-masterspeed="300" data-thumb="images/thumbs/thumb2.jpg">
<img src="images/slides/slide-2.jpg" alt="">
<div class="caption very_big_white lfl stl"
data-x="right"
data-y="180"
data-speed="300"
data-start="500"
data-easing="easeOutExpo" data-end="8800" data-endspeed="300" data-endeasing="easeInSine">JOIN THE OCEAN OF KNOWLEDGE</div>
<div class="caption lfb stl"
data-x="right"
data-y="250"
data-speed="300"
data-start="500"
data-easing="easeOutExpo" data-end="8800" data-endspeed="300" data-endeasing="easeInSine" ><a href="about.html" class="button_large">Read more</a></div>
</li>
<!-- THE FOURTH SLIDE -->
<li data-transition="cube" data-slotamount="1" data-masterspeed="300" data-thumb="images/thumbs/thumb2.jpg">
<img src="images/slides/slide-3.jpg" alt="">
<div class="caption very_big_white lfl stl"
data-x="right"
data-y="180"
data-speed="300"
data-start="500"
data-easing="easeOutExpo" data-end="8800" data-endspeed="300" data-endeasing="easeInSine">DIFFERENT COURSES AVAILABLE</div>
<div class="caption lfr stl"
data-x="right"
data-y="250"
data-speed="300"
data-start="500"
data-easing="easeOutExpo" data-end="8800" data-endspeed="300" data-endeasing="easeInSine" ><a href="all-courses.html" class="button_large">Read more</a></div>
</li>
<!-- THE FIFTH SLIDE -->
<li data-transition="slideleft" data-slotamount="1" data-masterspeed="300" data-thumb="images/thumbs/thumb2.jpg">
<img src="images/slides/slide-5.jpg" alt="">
<div class="caption very_big_white lfl stl"
data-x="30"
data-y="180"
data-speed="300"
data-start="500"
data-easing="easeOutExpo" data-end="8800" data-endspeed="300" data-endeasing="easeInSine">IMPROVE IN YOUR DEEN</div>
<div class="caption big_white lfl stl"
data-x="30"
data-y="250"
data-speed="300"
data-start="800"
data-easing="easeOutExpo" data-end="9100" data-endspeed="300" data-endeasing="easeInSine">with expert teachers</div>
</li>
</ul>
<div class="tp-bannertimer tp-bottom"></div>
</div>
</div>
</section><!--End slider-->