شركة ثمانية - DubaiCommerceCity
شركة ثمانية
7th Floor, Comercity, Dubai Silicon Oasis, Section1
شركة ثمانية
Duis netus dignissim eros dui lorem adipiscing. Vivera dui Massa arcu adipiscing quis عدد صحيح المسكن في. تسهيل nulla maecenas Malesuada pharetra vel quis. Neque facilisi vel eu risus et sed amet. Molestiehabitasse dui sapien venenatis في. في urna egestas إيليت الاتحاد الأوروبي في vulputate في turpis. Ultrices ullamcorper amet iaculis urna velit at.
Molestiehabitasse dui sapien venenatis في. في urna egestas إيليت الاتحاد الأوروبي في vulputate في turpis. Ultrices ullamcorper amet iaculis urna velit at.
كوميرسيتي منطقة حرة COP.O.Box 341217، الطابق السابع، برج لينكس، واحة دبي للسيليكون، دبي، الإمارات العربية المتحدة
الأخبار و المستجدات
وهذا أمر عظيم الآن، ولكن لا توجد انتكاسات
مع خيارات مرنة وأسعار تنافسية، يمكنك تخزين البضائع الخاصة بك بشكل آمن دون كسر
يستكشفوهذا أمر عظيم الآن، ولكن لا توجد انتكاسات
مع خيارات مرنة وأسعار تنافسية، يمكنك تخزين البضائع الخاصة بك بشكل آمن دون كسر
يستكشفالأحداث
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#1647543" 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>