-
Notifications
You must be signed in to change notification settings - Fork 0
/
speakers.php
127 lines (116 loc) · 4.2 KB
/
speakers.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
115
116
117
118
119
120
121
122
123
124
125
126
127
<!DOCTYPE html>
<html>
<head>
<?php
@include("partials/head.php");
?>
<title><?php echo META_TITLE;?> - <?php echo SPEAKERS;?></title>
</head>
<body>
<!--block for animation-->
<?php
@include("partials/preloader-inner-pages.html")
?>
<section class="static-content transition">
<div class="container">
<!--header-->
<?php
@include("partials/top.html")
?>
<div class="fillAndCenter main sub flex flex-center padding-2x s speakers"
data-parallax='{"y" : -300, "smoothness": 20}'>
<div class="inside">
<p class="mainTitle"><?php echo SPEAKERS_MAIN_TITLE;?></p>
<p class="note"><?php echo SPEAKERS_NOTE;?></p>
</div>
</div>
<!--button for menu-->
<div data-offset="0" data-id="#contentSection" class="navigation animated fadeInUp wow" data-wow-delay="1s">
<i class="fa fa-angle-down" aria-hidden="true"></i>
</div>
<?php
@include("partials/menu-button.html")
?>
</div>
</section>
<section class="scrollableContent relative" id="contentSection"
data-parallax='{"y" : -100, "smoothness": 20}'>
<div class="container">
<?php for($i = 1; $i <= 16; $i++){?>
<div class="col xl6 l6 m12 s12 speakerWrap fadeInUp"
data-parallax='{"y" : -<?php $val = $i % 2 == 0 ? '100' : '150'; echo $val; ?>, "distance": 1400, "smoothness": 10}'>
<div class="col l9 s12 speaker animated fadeInUp wow" data-wow-delay="0.2s">
<img src="img/speakers/speaker_<?php echo $i;?>.jpg"
alt="<?php echo constant(SPEAKER_NAME_.$i);?>">
<div class="l12 speaker-info">
<p class="blockTitle"><?php echo constant(SPEAKER_NAME_.$i);?></p>
<p class="block-content"><?php echo constant(SPEAKER_DESC_.$i);?></p>
<p class="block-note">
<a href="//www.<?php echo constant(SPEAKER_WEBSITE_.$i);?>"
target="_blank" class="relative">
<span class="innerHoverStripe absolute transition">
</span>
<span class="relative">
www.<?php echo constant(SPEAKER_WEBSITE_.$i);?>
</span>
</a>
</p>
</div>
</div>
<div class="col m3 s12 stick-bottom animated fadeIn wow" data-wow-delay="0.2s">
<?php if( $i==12 ){ ?>
<a href="<?php echo constant(SPEAKER_LINK_.$i);?>" class="learn-more-link yellow"
target="_blank"><?php echo LEARN_MORE;?></a>
<?php }else{ ?>
<a href="<?php echo constant(SPEAKER_LINK_.$i);?>" class="learn-more-link yellow modal-trigger"
target="_blank" data-open="#content<?php echo $i;?>"><?php echo LEARN_MORE;?></a>
<?php } ?>
</div>
</div>
<?php } ?>
</div>
</section>
<!-- pop-ups-->
<?php for($i =1; $i <=16; $i++){?>
<?php if( $i!=12 ){ ?>
<div class="workshop-popup" id="content<?php echo $i;?>">
<div class="workshop-popup-header" style="background: <?php echo constant(SPEAKER_COLOR_.$i);?>">
<div class="close modal" data-close="#content<?php echo $i;?>">
<span class="menu-close"></span>
</div>
<div class="workshop-popup-inner">
<img src="img/speakers/<?php echo constant(SPEAKER_MODAL_IMAGE_.$i); ?>.<?php echo SPEAKER_PIC_MIME;?>"
alt="<?php echo constant(SPEAKER_MODAL_TITLE_.$i);?>">
</div>
</div>
<div class="workshop-popup-body white">
<div class="workshop-popup-inner">
<p class="absolute owner">
<a href="//www.<?php echo constant(SPEAKER_WEBSITE_.$i);?>"
target="_blank" class="relative inline-block">
<span class="innerHoverStripe absolute transition">
</span>
<span class="relative"><?php echo constant(SPEAKER_MODAL_NOTE_.$i);?></span></a></p>
<p class="blockTitle modal"><?php echo constant(SPEAKER_MODAL_TITLE_.$i);?></p>
<p class="blockSub modal"><?php echo constant(SPEAKER_MODAL_SUBTITLE_.$i);?></p>
</div>
</div>
<div class="workshop-popup-footer grey">
<div class="workshop-popup-inner">
<p class="block-content"><?php echo constant(SPEAKER_MODAL_CONTENT_.$i);?></p>
</div>
</div>
</div>
<?php } ?>
<?php } ?>
<!--menu-->
<?php
@include("partials/sidebar.html")
?>
<?php
@include("partials/scripts.html")
?>
<script type="text/javascript" src="js/sub.js"></script>
<script type="text/javascript" src="js/appear.js"></script>
</body>
</html>