Skip to Content

Web Content Display Web Content Display

Icon Image

Contact Us

Get in touch for any enquiries!

Web Content Display Web Content Display

An error occurred while processing the template.
Expression ProductId is undefined on line 477, column 20 in 20155#20195#22136.
1<#assign samUtil = staticUtil["com.sambaash.platform.srv.spshopping.service.SPShoppingLocalServiceUtil"]> 
2<#assign getterUtil = staticUtil["com.liferay.portal.kernel.util.GetterUtil"]> 
3<#assign classUtil = staticUtil["com.liferay.portal.service.ClassNameLocalServiceUtil"]> 
4 
5<#assign className = "com.sambaash.platform.srv.model.Product"> 
6<#assign classNameId = classUtil.getClassNameId(className)> 
7<#assign productId = 0> 
8<#assign productIdData = ""> 
9<#if ProductId?? && ProductId.getData() == ""> 
10<#assign productId = 0> 
11<#assign productIdData = ProductId.getData()> 
12<#elseif ProductId??> 
13<#assign productId =  getterUtil.getLong(ProductId.getData())> 
14<#assign productIdData = ProductId.getData()> 
15</#if> 
16 
17 
18<style type="text/css"> 
19.minisite-wrap { 
20    width: 100%; 
21    max-width: 1000px; 
22    margin: 0 auto; 
23    padding: 0; 
24
25.aui .subtitleLinkText a:hover { 
26    text-decoration: none !important; 
27    color: #fff; 
28    opacity: 0.9; 
29
30.minisite-wrap a { 
31    text-decoration: underline; 
32    text-decoration-color: #002f76; 
33
34 
35.coverpadbot 
36
37    padding-bottom: 20px !important; 
38
39 
40.ms-row { 
41    padding: 20px 0 0; 
42   /* border-bottom: solid 1px #9cafc3;*/ 
43
44 
45.ms-coversecImg { 
46    width: 100%; 
47    margin-bottom: 15px; 
48
49 
50.ms-coversecImg img { 
51    width: 100%; 
52
53 
54h1.coverHeading { 
55    font-size: 30px; 
56    font-weight: 600; 
57    font-style: normal; 
58    font-stretch: normal; 
59    line-height: normal; 
60    
61    color: #45515f; 
62    text-align: left; 
63    margin: 0; 
64     padding-bottom: 15px; 
65
66 
67span.tagline { 
68    width: 100%; 
69    display: block; 
70    font-size: 12px; 
71    font-weight: normal; 
72    font-style: normal; 
73    font-stretch: normal; 
74    line-height: normal; 
75    
76    text-align: left; 
77    color: #333333; 
78     padding-bottom: 15px; 
79 
80
81 
82h2.ms-coverSubtitle { 
83    font-size: 24px; 
84    font-weight: 500; 
85    font-style: normal; 
86    font-stretch: normal; 
87    line-height: normal; 
88     
89    color: #333333; 
90    text-align: left; 
91    margin: 0; 
92     padding-bottom: 15px; 
93
94 
95p.ms-coverDescription { 
96    font-size: 15px; 
97    font-weight: 400; 
98    font-style: normal; 
99    font-stretch: normal; 
100    line-height: normal; 
101     
102    color: #333333; 
103    text-align: left; 
104    margin: 0; 
105    padding-bottom: 15px; 
106
107 
108.subtitleLinkText 
109
110   width: 100%; 
111    box-sizing: border-box; 
112    margin: 0; 
113    padding: 0; 
114    display: flex; 
115    line-height:normal; 
116    margin-bottom: 15px; 
117 
118
119 
120.subtitleLinkText p{ 
121     
122      font-size: 18px; 
123    font-weight: 600; 
124    line-height: normal; 
125    color: #333333; 
126     
127    padding-right: 10px; 
128 
129 
130
131 
132.subtitleLinkText a{ 
133    list-style: none; 
134    text-decoration: none; 
135    padding: 8px 8px; 
136    background-color: #ef3024; 
137    font-size: 11px; 
138    font-weight: 600; 
139    width: auto; 
140    
141    color: #ffffff; 
142    line-height:normal; 
143    margin-bottom: 5px; 
144    display: flex; 
145    align-items: center; 
146    justify-content: center; 
147     
148     
149
150.ms-bulletPoint ul { 
151    padding-left: 20px; 
152
153 
154.ms-bulletPoint ul.none { 
155    list-style: none !important; 
156
157 
158.ms-bulletPoint ul.circle { 
159    list-style: inherit !important; 
160
161 
162.ms-bulletPoint ul.circle li { 
163    list-style-type: circle; 
164
165 
166.ms-bulletPoint ul.square { 
167    list-style: inherit !important; 
168
169 
170.ms-bulletPoint ul.square li { 
171    list-style-type: square; 
172
173 
174.ms-bulletPoint ul.number { 
175    list-style: inherit !important; 
176
177 
178.ms-bulletPoint ul.number li { 
179    list-style-type: decimal; 
180
181 
182.ms-bulletPoint li { 
183    font-size: 15px; 
184    font-weight: 500; 
185    font-style: normal; 
186    font-stretch: normal; 
187    line-height: normal; 
188     
189    color: #333333; 
190
191 
192.ms-bulletPoint li .ms-coverList { 
193    font-size: 15px; 
194    font-weight: 500; 
195    font-style: normal; 
196    font-stretch: normal; 
197    line-height: normal; 
198     
199    color: #333333; 
200
201 
202.ms-bulletPoint li .ms-coverListDescription { 
203    font-size: 15px; 
204    font-weight: 300; 
205    font-style: normal; 
206    font-stretch: normal; 
207    line-height: normal; 
208     
209    color: #333333; 
210    padding-bottom: 15px; 
211
212.ms-bulletPoint li:last-child .ms-coverListDescription { 
213 padding-bottom: 15px; 
214 
215
216 
217/*Testimonials*/ 
218.ms_temonWrap { 
219  display: flex; 
220  flex-direction: column; 
221  width: 100%; 
222  margin: 0 auto; 
223  padding: 0; 
224  max-width: 1000px; } 
225 
226h2.ms_tesmoTitle { 
227  font-size: 18px; 
228  font-weight: 600; 
229  line-height: normal; 
230  color: #002f76; 
231  padding: 15px 0; } 
232 
233.ms-tesmoWrapinner { 
234  display: flex; 
235  flex-direction: row; 
236  width: 100%; 
237      flex-wrap: wrap; 
238
239 
240.ms_tesmoUsericon { 
241  width: 50px; 
242  height: 50px; 
243  margin-right: 15px; } 
244  .ms_tesmoUsericon img { 
245    width: 50px; 
246    height: 50px; 
247    max-width: 50px; 
248    border-radius: 50%; } 
249 
250.ms_tesmoContent { 
251    display: flex; 
252    flex-direction: row;     
253    width: 50%; 
254    margin: 0; 
255    padding: 0; 
256    min-width: 50%; 
257    margin-bottom: 15px; 
258
259  .ms_tesmoContent:nth-child(odd) { 
260    padding-right: 40px; } 
261  .ms_tesmoContent:nth-child(even) { 
262    padding-right: 0px; } 
263 
264.ms_tesmoUserDetails { 
265  display: flex; 
266  flex-direction: column; 
267  width: 100%; 
268  margin: 0; 
269  padding: 0; } 
270  .ms_tesmoUserDetails h2.ms_tesmoUsername { 
271    font-size: 15px; 
272    font-weight: 600; 
273    line-height: 1.71; 
274    text-align: left; 
275    color: #002f76; } 
276  .ms_tesmoUserDetails h4.ms_tesmoUserrole { 
277    font-size: 11px; 
278    font-weight: 500; 
279    color: #343434; } 
280  .ms_tesmoUserDetails p.ms_tesmoUserdesc { 
281    font-size: 15px; 
282    line-height: 1.47; 
283    color: #333333; 
284    padding-top: 15px; } 
285 
286 
287 
288  @media screen and (min-width: 320px) and (max-width: 768px) { 
289  .ms-row { 
290    padding: 20px 20px 0; 
291
292  .ms_tesmoContent:nth-child(odd) { 
293    padding-right: 40px; } 
294 
295  .ms_tesmoContent:nth-child(even) { 
296    padding-right: 40px; } 
297 
298  .ms-tesmoWrapinner { 
299    flex-direction: column; } 
300 
301  .ms_tesmoContent { 
302    display: flex; 
303    flex-direction: row; 
304    width: 100%; 
305    margin: 0; 
306    padding: 0; 
307    min-width: 100%; 
308    margin-bottom: 15px; } } 
309 
310 
311    .accordionItem{ 
312    float:left; 
313    display:block; 
314    position: relative; 
315    width:100%; 
316    box-sizing: border-box; 
317    
318
319.accordionItem.enOpen .accordionItemHeading:after{  
320  content: '-'; 
321  position: absolute; 
322  right: 0; 
323  top: 0; 
324  margin-top: -2px; 
325  margin-right: -20px; 
326  cursor: pointer; 
327  color: #ef3024; 
328  font-weight: 400; } 
329  .accordionItem.enClose .accordionItemHeading:after{  
330  content: '+'; 
331  position: absolute; 
332  right: 0; 
333  top: 0; 
334  margin-top: -1px; 
335  margin-right: -20px; 
336  cursor: pointer; 
337  color: #ef3024; 
338  font-weight: 400; } 
339.accordionItemHeading{ 
340    cursor:pointer; 
341    
342    margin-top: 10px; 
343    height: 1px; 
344    background-color: #979797; 
345    width:100%; 
346  
347        box-sizing: border-box; 
348
349.accordionItemContent 
350
351  font-size: 15px; 
352  line-height: 1.47; 
353  color: #333333; 
354  font-weight: 500; 
355
356 
357.enClose .accordionItemContent{ 
358    height:0px; 
359 
360    transition:height 1s ease-out; 
361    -webkit-transform: scaleY(0); 
362  -o-transform: scaleY(0); 
363  -ms-transform: scaleY(0); 
364  transform: scaleY(0); 
365    float:left; 
366    display:block; 
367     
368     
369
370.enOpen .accordionItemContent{ 
371     
372    width: 100%; 
373    margin: 0px 0px 10px 0px; 
374    display:block; 
375    -webkit-transform: scaleY(1); 
376  -o-transform: scaleY(1); 
377  -ms-transform: scaleY(1); 
378  transform: scaleY(1); 
379    -webkit-transform-origin: top; 
380  -o-transform-origin: top; 
381  -ms-transform-origin: top; 
382  transform-origin: top; 
383 
384  -webkit-transition: -webkit-transform 0.4s ease-out; 
385  -o-transition: -o-transform 0.4s ease; 
386  -ms-transition: -ms-transform 0.4s ease; 
387  transition: transform 0.4s ease; 
388        box-sizing: border-box; 
389
390 
391.enOpen .accordionItemHeading{ 
392  cursor: pointer; 
393    padding: 0; 
394    width: 100%; 
395    
396    box-sizing: border-box; 
397
398 
399.unavailableMessage{ 
400  padding: 0 10px; 
401    margin-top: 5px; 
402
403 
404.buttonSeparator{ 
405    padding: 0 10px; 
406    margin-bottom: 5px; 
407    display: inline-flex; 
408    align-items: center; 
409    justify-content: center; 
410
411     
412div:last-child.buttonSeparator { 
413  display:none; 
414
415 
416div.disabledButton{ 
417  background: #cdcdcd; 
418    color: #666; 
419    cursor: no-drop; 
420    list-style: none; 
421    text-decoration: none; 
422    padding: 8px 8px; 
423    font-size: 11px; 
424    font-weight: 600; 
425    width: auto; 
426    
427    line-height:normal; 
428    margin-bottom: 5px; 
429    display: flex; 
430    align-items: center; 
431    justify-content: center; 
432 
433
434 
435.aui a.unavailableMessageLink:hover{ 
436  background: none; 
437    color: #cc0000;     
438
439 
440.aui .unavailableMessageLink{ 
441  background:none; 
442  color:#cc0000; 
443  font-size: 14px; 
444      font-weight: 400; 
445      padding: 8px 0px; 
446      display:inline-flex; 
447      text-decoration:underline; 
448
449 
450 
451 @media screen and (min-width: 768px) and (max-width: 1024px) { 
452  .ms-row { 
453    padding: 20px 20px 0; 
454
455
456@media screen and (min-width: 324px) and (max-width: 767px) { 
457div.disabledButton{ 
458    width: 50%; 
459    margin: 10px auto; 
460
461.buttonSeparator,.unavailableMessage { 
462    text-align: center; 
463
464 
465 
466 
467.subtitleLinkText{ 
468  display: inline-flex; 
469    line-height: normal; 
470    margin-bottom: 15px; 
471    flex-direction: column; 
472    justify-content: center; 
473
474
475</style> 
476 
477<div class="hide ${ProductId.getData()}"> 
478 
479  <div class="MinisiteLogoImg"><img alt="Logo" src="${minisite_thumbnailImage.getData()}" /></div> 
480  <div class="MinisiteOrgLogo"><img alt="Org Logo" src="${minisite_OrgLogo.getData()}" /></div> 
481  <div class="MinisiteTitle">${minisite_listingTitle.getData()}</div> 
482  <div class="MinisiteCreatedDate">${minisite_createdDate.getData()}</div> 
483  <div class="MinisiteDescription">${minisite_listingDescription.getData()}</div> 
484  <div class="MinisitePageUrl">${minisite_pageUrl.getData()}</div> 
485</div> 
486<div class="minisite-wrap coverpadbot docbarNavposition ${productIdData} ${productId}" data-track-content  data-content-piece="Cover"> 
487    <div class="ms-row"> 
488         <#if Ms_Title.getData() != ""> 
489          <h1 class="coverHeading" style="color:$Title_Color.getData()">${Ms_Title.getData()}</h1> 
490         </#if> 
491         <#if Mn_Tagline.getData() != ""> 
492          <span class="tagline">${Mn_Tagline.getData()}</span>  
493         </#if> 
494 
495         <#if Banner_Image_position1.getData() != "" > 
496          <div class="ms-coversecImg"> 
497              <img alt="Banner Image position1" src="${Banner_Image_position1.getData()}"  alt="${Banner_P1alt.getData()}" /> 
498          </div> 
499         </#if> 
500         <#if Ms_Headerbullet_PointTitle1.getData() != ""> 
501          <p class="ms-coverDescription">${Ms_Headerbullet_PointTitle1.getData()}</p> 
502         </#if> 
503        <div class="ms-bulletPoint"> 
504            <ul class="${Ms_Bppos1_Style.getData()}"> 
505                <#list Ms_Headerbullet_Point.getSiblings() as Pos1BulletpointList> 
506                 <#if (Pos1BulletpointList.getName() == 'Ms_Headerbullet_Point') && (Pos1BulletpointList.getData() != '')> 
507                  <li> 
508                  
509                      <div class="ms-coverList">${Pos1BulletpointList.getData()}</div> 
510                 
511                      <div class="ms-coverListDescription">${Pos1BulletpointList.Ms_Headerdescription.getData()}</div> 
512                    
513                  </li> 
514                 </#if> 
515                </#list> 
516            </ul> 
517        </div> 
518        <!-- SUBTITLE --> 
519        
520        <#if Ms_Headersubtitle.getData() != "" > 
521          <h2 class="ms-coverSubtitle">${Ms_Headersubtitle.getData()}</h2> 
522        </#if> 
523        
524 
525<#if requireInvetoryCheck?? > 
526  <#assign requireInvetoryCheckVal = requireInvetoryCheck.getData() > 
527<#else> 
528  <#assign requireInvetoryCheckVal = "" > 
529</#if> 
530 
531        <!-- SUBTITLE + LINK with inventory check--> 
532        <#if requireInvetoryCheck?? && requireInvetoryCheck.getData() == "true"> 
533 
534          <#assign productInventory = samUtil.retrieveProductInventory(classNameId,productId)/> 
535 
536          <#if (productInventory.length() > 0) > 
537             <#assign quantity = productInventory.getJSONObject(0).getInt("quantity")/> 
538 
539             <#assign remainingInvetory = productInventory.getJSONObject(0).getInt("remainingInventory")/> 
540 
541             <#if quantity == 0 > 
542                 <#assign percentRemain = 0 > 
543             <#else> 
544                 <#assign percentRemain = (remainingInvetory / quantity) * 100 > 
545             </#if> 
546 
547             <#assign tewntyPcnInvetory = 20/> 
548 
549            <#list subtitle_With_Link.getSiblings() as Ms_subtitle_With_Link>  
550              <#if (Ms_subtitle_With_Link.getData() != "") > 
551                <div class="subtitleLinkText ${unavailabiltyMessage.getData()}"> 
552                    <p>${Ms_subtitle_With_Link.getData()}</p> 
553 
554                     
555                  <#list Ms_subtitle_With_Link.getChildren() as Ms_subtitle_With_LinkTxt>  
556                  <#list Ms_subtitle_With_LinkTxt.getSiblings() as Ms_subtitle_With_LinkTxtSibs>  
557                  <#list Ms_subtitle_With_LinkTxtSibs.getChildren() as Ms_subtitle_With_LinkTxtSibsCh>  
558 
559                    <#if Ms_subtitle_With_LinkTxtSibs.getData() != "" > 
560                      <#if Ms_subtitle_With_LinkTxtSibs.stl_Link_Text.getData() == "Individual" > 
561                        <#if (remainingInvetory > 0)> 
562                          <a href="${Ms_subtitle_With_LinkTxtSibs.getData()}" class="iiiiiiii" title="" target="_blank">${Ms_subtitle_With_LinkTxtSibs.stl_Link_Text.getData()}</a> <div class="buttonSeparator"> or </div>  
563                        <#else> 
564                          <div class="disabledButton ggggg ${remainingInvetory}" disabled>${Ms_subtitle_With_LinkTxtSibs.stl_Link_Text.getData()} <br/> 
565                          (Not Available)</div> <div class="buttonSeparator"> or </div>  
566                        </#if> 
567                      <#else> 
568                         <#if (remainingInvetory >= 2)> 
569                          <a href="${Ms_subtitle_With_LinkTxtSibs.getData()}" title="" target="_blank">${Ms_subtitle_With_LinkTxtSibs.stl_Link_Text.getData()}</a> 
570                         <#else> 
571                          <div class="disabledButton group" disabled>${Ms_subtitle_With_LinkTxtSibs.stl_Link_Text.getData()} <br/>(Not Available)</div> 
572                         </#if> 
573                      </#if> 
574                    </#if> 
575                     
576                  </#list> 
577                </#list> 
578              </#list> 
579              <#if (remainingInvetory == 0)> 
580                <div class="unavailableMessage error">${unavailabiltyMessage.getData()} 
581                  <#list unavailabiltyLinkMessage.getSiblings() as unavailabiltyLinkMessageSibs>  
582                  <#list unavailabiltyLinkMessageSibs.getChildren() as unavailabiltyLinkMessageSibsCh>  
583                      <a href="${unavailabiltyLinkMessageSibsCh.getData()}" class="unavailableMessageLink">${unavailabiltyLinkMessageSibs.getData()}</a> 
584                  </#list> 
585                  </#list> 
586                </div>  
587               
588   
589<#else> 
590  <#if (percentRemain lte tewntyPcnInvetory)> 
591  <div class="unavailableMessage error">${remainingInvetory} seat(s) remaining </div> 
592  </#if> 
593</#if> 
594              </div> 
595</#if> 
596          </#list> 
597     </#if> 
598        <#else> 
599 
600 
601          <!-- SUBTITLE + LINK without inventory check--> 
602          <#list subtitle_With_Link.getSiblings() as Ms_subtitle_With_Link>  
603            <#if (Ms_subtitle_With_Link.getData() != "") > 
604            <div class="subtitleLinkText ${requireInvetoryCheckVal}"> 
605                <p>${Ms_subtitle_With_Link.getData()}</p> 
606 
607                 <#list Ms_subtitle_With_Link.getChildren() as Ms_subtitle_With_LinkTxt>  
608                <#list Ms_subtitle_With_LinkTxt.getSiblings() as Ms_subtitle_With_LinkTxtSibs>  
609                <#list Ms_subtitle_With_LinkTxtSibs.getChildren() as Ms_subtitle_With_LinkTxtSibsCh>  
610                  <#if Ms_subtitle_With_LinkTxtSibsCh.getData() != "" > 
611                  <a href="${Ms_subtitle_With_LinkTxtSibs.getData()}" title="" target="_blank">${Ms_subtitle_With_LinkTxtSibs.stl_Link_Text.getData()}</a> 
612                  </#if> 
613                  <div class="buttonSeparator"> or </div> 
614                  </#list> 
615                 </#list>  
616                 </#list>  
617 
618 
619            </div> 
620            </#if> 
621          </#list> 
622 
623        </#if>   
624 
625         <#if Ms_Headerbullet_PointTitle2.getData() != ""> 
626        <p class="ms-coverDescription">${Ms_Headerbullet_PointTitle2.getData()}</p> 
627        </#if> 
628        <!--banner position2--> 
629        <#if Ms_bannerimg_pos2.getData() != "" > 
630        <div class="ms-coversecImg"> 
631            <img alt="Banner Image Position2" src="${Ms_bannerimg_pos2.getData()}" alt="${Banner_P2alt.getData()}" /> 
632        </div> 
633        </#if> 
634        <div class="ms-bulletPoint"> 
635            <ul class="${Ms_Bppos2_Style.getData()}"> 
636                <#list Bullet_Point_Position2.getSiblings() as Pos2BulletpointList> 
637                 <#if (Pos2BulletpointList.getName() == 'Bullet_Point_Position2') && (Pos2BulletpointList.getData() != '')> 
638                <li> 
639                
640                    <div class="ms-coverList">${Pos2BulletpointList.getData()}</div> 
641                    
642                    <div class="ms-coverListDescription">${Pos2BulletpointList.Ms_description2.getData()}</div> 
643                     
644                </li> 
645                 </#if> 
646                </#list> 
647            </ul> 
648        </div> 
649        <#if (Ms_description1.getData() != "" )> 
650        <p class="ms-coverDescription">${Ms_description1.getData()}</p> 
651        </#if> 
652        
653        <!--banner position3--> 
654        <#if (Ms_bannerimg_pos3.getData() != "" )> 
655        <div class="ms-coversecImg"> 
656            <img alt="Banner Image Position3" src="${Ms_bannerimg_pos3.getData()}"  alt="${Banner_P3alt.getData()}" /> 
657        </div> 
658        </#if> 
659          <#if (Ms_Headerbullet_PointTitle3.getData() != "" )> 
660         <p class="ms-coverDescription">${Ms_Headerbullet_PointTitle3.getData()}</p> 
661        </#if> 
662        <div class="ms-bulletPoint"> 
663            <ul class="${Ms_Bppos3_Style.getData()}"> 
664                <#list Bullet_Point_Position3.getSiblings() as Pos3BulletpointList> 
665                 <#if (Pos3BulletpointList.getName() == 'Bullet_Point_Position3' && Pos3BulletpointList.getData() != '')> 
666                <li> 
667                
668                    <div class="ms-coverList">${Pos3BulletpointList.getData()}</div> 
669                   
670                    <div class="ms-coverListDescription">${Pos3BulletpointList.Ms_Description3.getData()}</div> 
671                    
672                </li> 
673                 </#if> 
674                 </#list> 
675            </ul> 
676        </div> 
677        <!--banner position4--> 
678        <#if (Ms_bannerimg_pos4.getData() != "" )> 
679        <div class="ms-coversecImg"> 
680            <img alt="Banner Image Position4" src="${Ms_bannerimg_pos4.getData()}"  alt="${Banner_P4alt.getData()}" /> 
681        </div> 
682        </#if> 
683         
684        <!-- Testimonials --> 
685 
686        <div class="ms_temonWrap"> 
687        <#if msTestimonials_Title.getData() != ""> 
688        <h2 class="ms_tesmoTitle">${msTestimonials_Title.getData()}</h2> 
689        </#if> 
690         
691        <div class="ms-tesmoWrapinner" id="testimonialsAccordion"> 
692          <#if (msTestimonials_Section.getName() == 'msTestimonials_Section' && msTestimonials_Section.getData() != '')> 
693            <#list msTestimonials_Section.getSiblings() as Ms_testmWrapM> 
694             
695 
696            <div class="ms_tesmoContent"> 
697                <#list Ms_testmWrapM.getChildren() as Ms_testmWrap> 
698                <#if (Ms_testmWrap.getName() == 'msTestimonials_Uicon' && Ms_testmWrap.getData() != '')> 
699                   <div class="ms_tesmoUsericon"><img src="${Ms_testmWrap.getData()}"></div> 
700                </#if> 
701                 </#list> 
702                <div class="ms_tesmoUserDetails"> 
703                     <#list Ms_testmWrapM.getChildren() as Ms_testmWrap> 
704                    <#if (Ms_testmWrap.getName() == 'msTestimonials_Uname' && Ms_testmWrap.getData() != '')> 
705                        <h2 class="ms_tesmoUsername">${Ms_testmWrap.getData()}</h2> 
706                    </#if> 
707                    </#list> 
708 
709                    <#list Ms_testmWrapM.getChildren() as Ms_testmWrap> 
710                    <#if (Ms_testmWrap.getName() == 'msTestimonials_Uroleorg' && Ms_testmWrap.getData() != '')> 
711                    <h4 class="ms_tesmoUserrole">${Ms_testmWrap.getData()}</h4> 
712                     </#if> 
713                    </#list> 
714                    <div class="accordionItem enClose"> 
715                    <div class="tesmoHeader toggler-header-collapsed accordionItemHeading"></div> 
716                     <#list Ms_testmWrapM.getChildren() as Ms_testmWrap> 
717                      
718                    <#if (Ms_testmWrap.getName() == 'msTestimonials_Udesc' && Ms_testmWrap.getData() != '')> 
719                    <p class="ms_tesmoUserdesc tesmoContent toggler-content-collapsed accordionItemContent">${Ms_testmWrap.getData()}</p> 
720                    </#if> 
721                    </#list> 
722                  </div> 
723                </div> 
724 
725            </div> 
726             </#list> 
727            </#if> 
728                    
729             
730        </div> 
731         
732        </div> 
733       <!-- Testimonials End--> 
734         
735       
736         
737    </div> 
738</div> 
739 
740<script> 
741   /* var accItem = document.getElementsByClassName('accordionItem'); 
742    var accHD = document.getElementsByClassName('accordionItemHeading'); 
743    for (i = 0; i < accHD.length; i++) { 
744        accHD[i].addEventListener('click', toggleItem, false); 
745
746    function toggleItem() { 
747        var itemClass = this.parentNode.className; 
748        for (i = 0; i < accItem.length; i++) { 
749            accItem[i].className = 'accordionItem enClose'; 
750
751        if (itemClass == 'accordionItem enClose') { 
752            this.parentNode.className = 'accordionItem enOpen'; 
753
754    }*/ 
755</script> 

Web Content Display Web Content Display

RELC CUSTOMISED COURSES AND CONSULTANCY & TESTING SERVICES

Web Content Display Web Content Display

RELC International Conference

For enquiries on:

Web Content Display Web Content Display

RELC Scholarships & Chinese Language Courses

For enquiries on:

Web Content Display Web Content Display

RELC Examinations Bureau
Counter Operating Hours

Mondays to Fridays:

8.30 am to 1.00 pm

1.30 pm to 4.45 pm
                              

Saturdays, Sundays, Public Holidays: Closed

 

Eve of Christmas, New Year, Chinese New Year: 8.30am to 1.00pm

Web Content Display Web Content Display

Web Content Display Web Content Display

Parking Charges

Web Content Display Web Content Display

Other Links