شركة خمسة

location-pin

7th Floor, Comercity, Dubai Silicon Oasis, Section1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor

Duis netus dignissim eros dui lorem adipiscing. Viverra dui massa arcu adipiscing quis integer habitasse at. Facilisis nulla maecenas malesuada pharetra vel quis. Neque facilisi vel eu risus et sed amet. Molestie habitasse dui sapien venenatis at. At urna egestas elit eu at vulputate in turpis. Ultrices ullamcorper amet iaculis urna velit at.



Molestie habitasse dui sapien venenatis at. At urna egestas elit eu at vulputate in turpis. Ultrices ullamcorper amet iaculis urna velit at.

Commercity FZ COP.O.Box 341217, 7th Floor, Lynx Tower, Dubai Silicon Oasis,Dubai, U.A.E

  • Monday

    8AM - 10PM

  • Tuesday

    8AM - 10PM

  • Wednesday

    8AM - 10PM

  • Thursday

    8AM - 10PM

  • Friday

    8AM - 10PM

  • Saturday

    8AM - 10PM

  • Sunday

    closed

أخبار

وهذا أمر عظيم الآن، ولكن لا توجد انتكاسات

وهذا أمر عظيم الآن، ولكن لا توجد انتكاسات

مع خيارات مرنة وأسعار تنافسية، يمكنك تخزين البضائع الخاصة بك بشكل آمن دون كسر

يستكشف item-link
وهذا أمر عظيم الآن، ولكن لا توجد انتكاسات

وهذا أمر عظيم الآن، ولكن لا توجد انتكاسات

مع خيارات مرنة وأسعار تنافسية، يمكنك تخزين البضائع الخاصة بك بشكل آمن دون كسر

يستكشف item-link

الأحداث

حصل خطأ عند معالجة القالب.
The string doesn't match the expected date/time/date-time format. The string to parse was: "null". The expected format was: "yyyy-MM-dd".
The nested reason given follows:
Unparseable date: "null"

----
FTL stack trace ("~" means nesting-related):
	- Failed at: #assign parsedDate = createdDate?date...  [in template "20096#20121#1734304" at line 301, column 21]
----
1<style> 
2.rtl .latest-events-slider-wrapper .slick-progress-bar ul.slick-dots { 
3padding-left: 155px; 
4padding-right:0 
5
6 
7.rtl .latest-events-slider-wrapper button.slick-arrow { 
8    left: 40px; 
9    right: auto; 
10    transform: rotate(180deg); 
11
12 
13.rtl .latest-events-slider-wrapper button.slick-prev.slick-arrow{ 
14   left:80px; 
15   right:auto; 
16   transform: rotate(180deg); 
17
18 
19	.latest-events-slider-wrapper .slick-progress-bar ul.slick-dots { 
20  display: flex; 
21  width: 100%; 
22  padding-right: 155px; 
23	padding-left:40px 
24
25	 
26.rtl .latest-events-slider-wrapper .slick-progress-bar ul.slick-dots { 
27  padding-right: 40px; 
28	padding-left:155px 
29
30 
31 
32.latest-events-slider-wrapper .slick-progress-bar ul.slick-dots li { 
33  width: 100%; 
34  line-height: 0; 
35  height: 1px; 
36
37 
38.latest-events-slider-wrapper .slick-progress-bar ul.slick-dots li button { 
39  width: 100%; 
40  font-size: 0; 
41  border: 0; 
42  padding: 0; 
43  height: 1px; 
44  background-color: var(--dcc_dark_b_gray); 
45  position: relative; 
46	display: block; 
47
48 
49.latest-events-slider-wrapper .slick-progress-bar ul.slick-dots li button::after { 
50  position: absolute; 
51  content: ''; 
52  width: 100%; 
53  left: 0; 
54  right: 0; 
55  height: 3px; 
56  background-color: var(--dcc_dark_blue); 
57  z-index: 2; 
58  top: -1px; 
59  transition: all 0.5s ease-in-out; 
60 
61
62 
63.latest-events-slider-wrapper .slick-progress-bar ul.slick-dots li.slick-active~li button::after { 
64  background-color: transparent; 
65  width: 0; 
66
67 
68.latest-events-slider-wrapper button.slick-arrow { 
69  position: absolute; 
70  z-index: 9; 
71  font-size: 0; 
72  line-height: 0; 
73  width: 32px; 
74  height: 32px; 
75  border: 0; 
76  bottom: -16px; 
77  right: 40px; 
78  background-color: transparent; 
79
80 
81.latest-events-slider-wrapper button.slick-prev.slick-arrow { 
82  right: 80px; 
83
84 
85.latest-events-slider-wrapper button.slick-arrow::after { 
86  position: absolute; 
87  content: ''; 
88  background-image:url(/documents/d/dubaicommercecity/left-black-1); 
89  width: 19px; 
90  height: 18px; 
91  left: 50%; 
92  top: 50%; 
93  transform: translate(-50%, -50%); 
94
95 
96.latest-events-slider-wrapper button.slick-arrow.slick-next::after { 
97  background-image: url(/documents/d/dubaicommercecity/right-black-1); 
98
99 
100.latest-events-section { 
101  overflow: hidden; 
102	padding-top: 80px; 
103	padding-bottom: 80px; 
104
105 
106.latest-events-section .events-slider .slick-list.draggable{ 
107  padding-left: 40px; 
108	padding-right:40px; 
109
110 
111.events-slider .events-card { 
112  border-radius: 6px; 
113  padding: 6px 6px; 
114  outline: none; 
115  box-shadow: none; 
116  transition: all 0.5s linear; 
117  margin-bottom: 80px; 
118
119 
120.events-slider .events-card:hover { 
121  background-color: var(--dcc_gray); 
122
123 
124.events-slider .events-card .events-card-body { 
125  gap: 20px; 
126
127 
128.events-slider .events-card .events-card-img-box { 
129  position: relative; 
130  width: 454px; 
131  height: 332px; 
132  flex-shrink: 0; 
133
134 
135.events-slider .events-card .events-card-img-box img { 
136  object-fit: cover; 
137  border-radius: 6px; 
138  height: 100%; 
139  width: 100%; 
140
141 
142.events-slider .events-card .events-date-box { 
143  padding: 10px 10px 8px; 
144  border-radius: 6px; 
145  background-color: var(--dcc_white); 
146  position: absolute; 
147  left: 6px; 
148  top: 6px; 
149  max-width: 105px; 
150  min-width: 105px; 
151
152 
153.events-slider .events-card .events-date-box img { 
154  width: 100%; 
155  height: 100%; 
156  border-radius: 6px; 
157
158 
159.events-slider .events-card .events-date-box .date-title { 
160  border-bottom: 1px solid var(--dcc_light_border); 
161  margin-bottom: 6px; 
162  color: var(--dcc_purple); 
163  font-size: 38px; 
164  font-weight: 400; 
165  line-height: 46px; 
166
167 
168.events-slider .events-card .events-card-body .events-card-content-box { 
169  padding-top: 18px; 
170  padding-bottom: 18px; 
171
172 
173.events-slider .events-card .events-card-body .events-card-content-box .events-time-box { 
174  gap: 8px; 
175
176 
177.events-slider .events-card .events-card-body .events-card-content-box .events-time-box p { 
178  height: 14px; 
179
180 
181.events-slider .events-card .events-card-body .events-card-content-box .events-time-box p span { 
182  color: var(--dcc_dark_70); 
183
184 
185.events-slider .events-card .events-card-body .events-card-content .event-title { 
186  margin-bottom: 16px; 
187  display: -webkit-box; 
188  -webkit-box-orient: vertical; 
189  -webkit-line-clamp: 2; 
190  overflow: hidden; 
191  max-width: 443px; 
192
193 
194.events-slider .events-card .events-card-body .events-card-content .event-title a { 
195  text-decoration: none; 
196  color: var(--dcc_dark_blue); 
197
198 
199.events-slider .events-card .events-card-body .events-card-content .event-location-item { 
200  gap: 8px; 
201  max-width: 485px; 
202
203 
204.events-slider .events-card .events-card-body .events-card-content .event-location-item .event-location-title { 
205  color: var(--dcc_dark_70); 
206
207 
208.events-slider .events-card .events-card-body .events-card-content .item-link { 
209  color: var(--dcc_purple_50); 
210  font-weight: 400; 
211
212 
213@media screen and (max-width:1199px) { 
214	.latest-events-section { 
215	padding-top: 70px; 
216	padding-bottom: 70px; 
217
218 
219  .events-slider .events-card { 
220    margin-bottom: 0; 
221
222 
223  .events-slider .events-card .events-card-img-box { 
224    width: 332px; 
225    height: 332px; 
226
227
228 
229@media screen and (max-width:991px) { 
230  .events-slider .events-card .events-card-img-box { 
231    width: 280px; 
232    height: 280px; 
233
234 
235  .events-slider .events-card .events-date-box .date-title { 
236    font-size: 31px; 
237    line-height: 38px; 
238
239
240 
241@media screen and (max-width:767px) { 
242	 
243	.latest-events-section { 
244	   padding-top: 50px; 
245	   padding-bottom: 50px; 
246
247 
248  .latest-events-section .events-slider .slick-list.draggable{ 
249    padding-left: 16px; 
250		padding-right:16px; 
251
252 
253  .events-slider .events-card { 
254    padding: 12px 12px; 
255    border: 1px solid var(--dcc_line_divider); 
256
257 
258  .events-slider .events-card .events-card-body .events-card-content-box .events-time-box { 
259    margin-bottom: 8px; 
260
261 
262  .events-slider .events-card .events-card-img-box { 
263    width: 100%; 
264
265 
266  .events-slider .events-card .events-date-box { 
267    display: none; 
268
269 
270  .events-slider .events-card .events-card-body .events-card-content-box { 
271    padding-bottom: 0; 
272    padding-top: 8px; 
273
274 
275  .events-slider .events-card .events-card-body .events-card-content .event-location-item { 
276    margin-bottom: 40px; 
277
278
279</style>  
280 
281 <div class="latest-events-slider-wrapper"> 
282    <div class="row events-slider slick-progress-bar mx-n1">		 
283        <#if entries?has_content> 
284            <#list entries as curEntry> 
285                <#assign entryCategories = curEntry.getCategories()?map(category -> category.getName())> 
286                <#assign assetRenderer = curEntry.getAssetRenderer()> 
287                <#if assetRenderer??> 
288                    <#assign docXml = saxReaderUtil.read(assetRenderer.getArticle().getContentByLocale(locale)) /> 
289                    <#assign viewUrl = assetPublisherHelper.getAssetViewURL(renderRequest, renderResponse, curEntry) /> 
290                    <#assign viewUrl = assetRenderer.getURLViewInContext(renderRequest, renderResponse, viewUrl) /> 
291                    <#assign image = docXml.valueOf("//dynamic-element[@field-reference='bannerImage']/dynamic-content") /> 
292                    <#assign title = docXml.valueOf("//dynamic-element[@field-reference='title']/dynamic-content") /> 
293                    <#assign location = docXml.valueOf("//dynamic-element[@field-reference='location']/dynamic-content") /> 
294                    <#assign createdDate = docXml.valueOf("//dynamic-element[@field-reference='date']/dynamic-content") /> 
295                    <#assign time = docXml.valueOf("//dynamic-element[@field-reference='time']/dynamic-content") /> 
296                     
297                    <#if image?has_content> 
298                        <#assign imageUrl = jsonFactoryUtil.createJSONObject(image).getString("url") /> 
299                    </#if> 
300                     
301                    <#assign parsedDate = createdDate?date("yyyy-MM-dd")?default("")>								 
302                     
303                    <div class="px-1"> 
304                        <div class="events-card"> 
305                            <div class="events-card-body d-md-flex"> 
306                                <div class="events-card-img-box"> 
307                                    <div class="events-date-box"> 
308                                        <div class="date-title"> 
309                                            ${dateUtil.getDate(parsedDate, "dd", locale)}																					 
310                                            <p>${dateUtil.getDate(parsedDate, "MMMM", locale)}</p> 
311                                            <p>${dateUtil.getDate(parsedDate, "yyyy", locale)}</p> 
312                                        </div> 
313                                    </div> 
314                                    <img src="${imageUrl}" alt="${title}" width="454" height="332"> 
315                                </div> 
316                                 
317                                <div class="events-card-content-box d-flex justify-content-between flex-column"> 
318                                    <div class="events-time-box d-flex align-items-center"> 
319                                        <img src="/documents/d/dubaicommercecity/clock" alt="clock" width="24" height="24"> 
320                                        <p><span>${languageUtil.get(locale, 'time')} | </span>${time}</p> 
321                                    </div> 
322                                     
323                                    <div class="events-card-content d-flex flex-column"> 
324                                        <div class="event-location-item d-flex align-items-start order-md-2"> 
325                                            <img src="/documents/d/dubaicommercecity/location" alt="location" width="24" height="24"> 
326                                            <p class="event-location"> 
327                                                <span class="event-location-title">${languageUtil.get(locale, 'location')} | </span> ${location} 
328                                            </p> 
329                                        </div> 
330                                        <p class="event-title font-size-medium order-md-1"> 
331                                            <a href="${viewUrl}" tabindex="0">${title}</a> 
332                                        </p> 
333                                        <a href="${viewUrl}" class="item-link d-md-none d-flex align-items-center justify-content-between order-3" tabindex="0"> 
334                                            ${languageUtil.get(locale, 'explore')} 
335                                            <img src="/documents/d/dubaicommercecity/purple-link-arrow-1" alt="item-link" width="24" height="24"> 
336                                        </a> 
337                                    </div> 
338                                </div> 
339                            </div> 
340                        </div> 
341                    </div> 
342                </#if> 
343            </#list> 
344        </#if>					 
345    </div> 
346</div> 
347 
348<script> 
349$(document).ready(function(){ 
350 
351$('.events-slider').slick({ 
352        slidesToShow: 1.4, 
353        slidesToScroll: 1, 
354        autoplay: false, 
355        autoplaySpeed: 3000, 
356        speed: 1000, 
357        infinite: false, 
358        dots: true, 
359        arrows: true, 
360        pauseOnHover: false, 
361        responsive: [ 
362
363                breakpoint: 1200, 
364                settings: { 
365                    slidesToShow: 1.2, 
366                    dots: false, 
367                    arrows: false, 
368
369            }, 
370
371                breakpoint: 768, 
372                settings: { 
373                    slidesToShow: 1.4, 
374                    dots: false, 
375                    arrows: false, 
376
377            }, 
378
379                breakpoint: 576, 
380                settings: { 
381                    slidesToShow: 1.25, 
382                    dots: false, 
383                    arrows: false, 
384
385
386
387    }); 
388	  if ($('html').hasClass('rtl')) { 
389        $('.events-slider').slick('slickSetOption', 'rtl', true, true); 
390
391}); 
392</script> 

Make Enquiry