Events et Sponsoring - Events, sponsoring et partenariat
Chatbot is loading
Découvrez la puissance de la 5G avec Ooredoo
L’avenir commence maintenant !
Découvrez la puissance de la 5G avec Ooredoo
L’avenir commence maintenant !
Découvrez la puissance de la 5G avec Ooredoo
L’avenir commence maintenant !
Découvrez la puissance de la 5G avec Ooredoo
Découvrez la puissance de la 5G avec Ooredoo
Découvrez la puissance de la 5G avec Ooredoo
Découvrez la puissance de la 5G avec Ooredoo
Découvrez la puissance de la 5G avec Ooredoo
Découvrez la puissance de la 5G avec Ooredoo
L’avenir commence maintenant !
Découvrez la puissance de la 5G avec Ooredoo
L’avenir commence maintenant !
Découvrez la puissance de la 5G avec Ooredoo
L’avenir commence maintenant !
Découvrez la puissance de la 5G avec Ooredoo
Découvrez la puissance de la 5G avec Ooredoo
Découvrez la puissance de la 5G avec Ooredoo
Découvrez la puissance de la 5G avec Ooredoo
Découvrez la puissance de la 5G avec Ooredoo
The following has evaluated to null or missing: ==> request.cookies [in template "20097#20123#77441" at line 5, column 24] ---- Tip: It's the step after the last dot that caused this error, not those before it. ---- Tip: If the failing expression is known to legally refer to something that's sometimes null or missing, either specify a default value like myOptionalVar!myDefault, or use <#if myOptionalVar??>when-present<#else>when-missing</#if>. (These only cover the last step of the expression; to cover the whole expression, use parenthesis: (myOptionalVar.foo)!myDefault, (myOptionalVar.foo)?? ---- ---- FTL stack trace ("~" means nesting-related): - Failed at: #list request.cookies?filter(c -> c.n... [in template "20097#20123#77441" at line 5, column 17] ----
1<#if entries?has_content>
2 <#assign sectionParam = getterUtil.getString(request.getParameter("section"))?trim>
3 <#assign sectionCookie = "">
4
5 <#list request.cookies?filter(c -> c.name == "guest-section") as cookie>
6 <#assign sectionCookie = getterUtil.getString(cookie.value)?trim>
7 </#list>
8 <#if currentURL?contains('/business') || currentURL?contains('/entreprises') >
9 <#assign curSection = "business|entreprises" />
10 <script>
11 (function() {
12 const cookieName = "guest-section";
13 const sessionValue = "entreprises";
14
15 document.cookie = cookieName + "=" + encodeURIComponent(sessionValue) + "; path=/";
16 })();
17 </script>
18 <#elseif currentURL?contains('/about-us') || currentURL?contains('/tout-sur-ooredoo')>
19 <#assign curSection = "about-us|tout-sur-ooredoo" />
20 <script>
21 (function() {
22 const cookieName = "guest-section";
23 const sessionValue = "tout-sur-ooredoo";
24
25 document.cookie = cookieName + "=" + encodeURIComponent(sessionValue) + "; path=/";
26 })();
27 </script>
28 <#elseif (currentURL?contains('/telephones') || currentURL?contains('/devicesdetails')) && sectionCookie?contains('entreprises')>
29 <#assign curSection = "business|entreprises" />
30 <script>
31 (function() {
32 const cookieName = "guest-section";
33 const sessionValue = "entreprises";
34
35 document.cookie = cookieName + "=" + encodeURIComponent(sessionValue) + "; path=/";
36 })();
37 </script>
38 <#else>
39 <#assign curSection = "personal|particuliers " />
40 <#if currentURL?contains('/particuliers')>
41
42 <script>
43 (function() {
44 const cookieName = "guest-section";
45 const sessionValue = "particuliers";
46
47 document.cookie = cookieName + "=" + encodeURIComponent(sessionValue) + "; path=/";
48 })();
49 </script>
50 </#if>
51
52 </#if>
53
54 <#assign navOrder={}/>
55 <#assign mainNav='en_US'/>
56 <#assign mainNavLocal='fr'/>
57
58 <#assign navListEn=['Personal','Business','About Us']/>
59 <#assign navListFr=['Particuliers','Entreprises','Tout sur Ooredoo']/>
60 <#assign navListAr=['Personal','Business','About']/>
61
62
63
64
65 <#assign localeString = locale?string />
66 <#if localeString == 'en_US'>
67 <#assign mainNav = navListEn />
68 <#elseif localeString == 'ar_SA'>
69 <#assign mainNav = navListEn />
70 <#assign mainNavLocal='ar'/>
71 <#elseif localeString == 'fr_FR'>
72 <#assign mainNav = navListFr />
73 <#else>
74 <!-- Set a default value if none of the conditions match -->
75 <#assign mainNav = navListEn />
76 </#if>
77
78 <#list entries as curEntry>
79 <#assign navOrder+={curEntry.getTitle(locale),curEntry}/>
80
81
82
83 </#list>
84
85 <#if curSection=="about-us|tout-sur-ooredoo">
86 <#if localeString == 'ar_SA'>
87 <style>
88 .navbar-nav{
89 padding-inline: 0px !important;
90 }
91 .text-base-1280{
92 font-size: 14px !important;
93 }
94 </style>
95 <#else>
96 <style>
97 ol, ul {
98 padding-inline: 32px;
99 }
100 .text-base-1280{
101 font-size: 14px !important;
102 }
103 .nav-padding-right {
104 padding-right: 32px;
105 font-size: 14px !important;
106 font-weight: 400 !important;
107 }
108 </style>
109
110 </#if>
111 <#else>
112 <style>
113 .nav-padding-right {
114 padding-right: 32px;
115 font-size: 16px !important;
116 font-weight: 400 !important;
117 }
118 .rtl .nav-padding-right {
119 padding-right: 0px;
120 padding-left: 32px;
121 }
122 </style>
123 </#if>
124 <div class="nav-wrap shadow megaMenu bg-white">
125 <div class="mx-auto hidden max-w-7xl xl:block">
126 <!-- first row -->
127 <div class="flex">
128 <a href="/personal">
129 <#if curSection=="business|entreprises">
130 <img src="/documents/d/guest/20170203_ooredoo-business-logo" alt="about Logo" class="mt-[14px] pb-3 h-16">
131 <#else>
132 <img src="/documents/d/guest/logo" alt="about Logo" class="mt-[14px] pb-3 h-12">
133 </#if>
134 </a>
135 <div class="flex h-14 items-start gap-x-1 overflow-y-hidden text-[14px] ltr:ml-24 rtl:mr-24">
136 <#if mainNav?has_content>
137 <#list mainNav as navList>
138
139 <#assign curEntry=navOrder[navList]/>
140 <a class="flex h-full items-end rounded-b-xl
141 ${((curSection?lower_case)?contains((curEntry.getTitle(locale)?replace(' ','-'))?lower_case))?then('bg-brand-red-4 text-white','hover:bg-brand-red-6')}
142 px-5 pb-2.5" data-senna-off="true" href="/${mainNavLocal}/${(curEntry.getTitle('en_US')?lower_case)?replace(' ','-')}">
143 <span>
144 <@liferay.language key="${curEntry.getTitle(locale)?replace(' ','')}" />
145 </span>
146 </a>
147
148
149
150
151 </#list>
152 </#if>
153 </div>
154 <div class="flex items-center justify-end gap-x-10 ltr:ml-auto rtl:mr-auto">
155 <a href="/personal/noudjoum" class="flex items-center gap-x-2.5">
156 <img src="/documents/d/guest/frame-1707479612" alt="User Icon">
157 <p class="flex flex-col items-start leading-tight">
158 <span><@liferay.language key="noudjoum-icon"/> </span>
159 </p>
160 </a>
161 <a href="https://my.ooredoo.dz/" class="flex items-center gap-x-2.5">
162 <img src="/documents/d/guest/persons" alt="User Icon">
163 <p class="flex flex-col items-start leading-tight">
164 <span><@liferay.language key="my-ooredoo"/> </span>
165 </p>
166 </a>
167 <a href="https://estorm.ooredoo.dz/" class="flex items-center gap-x-2.5">
168 <img src="/documents/d/guest/e-strom" alt="E Strom Icon">
169 <p><@liferay.language key="e-strom"/></p>
170 </a>
171 <a href="https://appstorm.ooredoo.dz/" class="flex items-center gap-x-2.5">
172 <img src="/documents/d/guest/partners" alt="People Icon">
173 <p><@liferay.language key="partners"/></p>
174 </a>
175 </div>
176 </div>
177 </div>
178 <div class="mx-auto hidden max-w-7xl xl:block desktop-tab">
179 <nav class="navbar navbar-expand-lg pb-xl-0 pt-4 relative flex items-center w-full justify-between px-0" data-te-navbar-ref="">
180 <div class="!visible flex-grow basis-[100%] d-flex align-items-center lg:!flex lg:basis-auto MegaNavSection" id="navbarSupportedContentX" data-te-collapse-item="">
181 <#list entries as curEntry>
182 <#if (curSection?lower_case)?contains((curEntry.getTitle(locale)?lower_case)?replace(' ','-'))>
183 <#assign
184 assetRenderer = curEntry.getAssetRenderer()
185 journalArticle = assetRenderer.getAssetObject()
186 />
187 <@liferay_journal["journal-article"]
188 articleId=journalArticle.getArticleId()
189 ddmTemplateKey=journalArticle.getDDMTemplateKey()
190 groupId=journalArticle.getGroupId()
191 />
192 </#if>
193 </#list>
194 </div>
195 <div class="flex-wrap flex pb-2 mb-1">
196 <div class="relative flex w-80 justify-end ltr:ml-auto rtl:mr-auto ooredoo-search-bar">
197 <@liferay.search_bar />
198 </div>
199 <div class="grid grid-flow-col gap-1 justify-center items-center ltr:ml-10 rtl:mr-10 ltr:translate-x-1 rtl:-translate-x-1 border-none">
200 <!--<@liferay_portlet["runtime"] portletName="com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet" />-->
201 <div class="d-flex gap-3 ooredoo-lang-selector">
202 <img id="displayedImage" src='<@liferay.language key="language-flag"/>' class="w-[24px] h-[24px] rounded-[50%] " >
203 <select
204
205 id="languageIdWeb"
206 name="languageId" class="border-0 py-1 text-gray-700 pr-4" aria-labelledby="languageDropdownMobile"
207 fdprocessedid="0tfnyf">
208 <#if localeString == 'ar_SA'>
209 <option value="fr_FR" lang="fr-FR" class="block px-4 py-2">FR </option>
210 <option selected="" value="ar_SA" lang="ar-SA" class="block px-4 py-2">AR </option>
211 <#elseif localeString == 'fr_FR'>
212 <option selected="" value="fr_FR" lang="fr-FR" class="block px-4 py-2">FR </option>
213 <option value="ar_SA" lang="ar-SA" class="block px-4 py-2">AR </option>
214 </#if>
215
216 </select>
217</div>
218 </div>
219 </div>
220 </nav>
221 </div>
222
223
224 <!--tablet-->
225 <div class="hidden px-5 py-4 md:block xl:hidden">
226 <!-- first row -->
227 <div class="flex items-center justify-between">
228 <a href="/personal">
229 <img src="/documents/d/guest/logo" alt="Business Logo" class="w-[auto] h-12 pb-3">
230 </a>
231 <div class="flex items-center gap-x-[14px]">
232 <div class="relative flex h-9 w-72 justify-end ltr:ml-auto rtl:mr-auto">
233 <@liferay.search_bar />
234 </div>
235 <div class="flex items-center gap-x-[14px]">
236 <button id="navigationTabletDropdown" data-dropdown-toggle="navigation-section-teblet-dropdown" class="nav-mob-dropdown inline-flex items-center rounded-full bg-brand-red-4 text-center text-white" type="button">
237 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 13C14.396 13 16.575 13.694 18.178 14.671C18.978 15.161 19.662 15.736 20.156 16.361C20.642 16.977 21 17.713 21 18.5C21 19.345 20.589 20.011 19.997 20.486C19.437 20.936 18.698 21.234 17.913 21.442C16.335 21.859 14.229 22 12 22C9.771 22 7.665 21.86 6.087 21.442C5.302 21.234 4.563 20.936 4.003 20.486C3.41 20.01 3 19.345 3 18.5C3 17.713 3.358 16.977 3.844 16.361C4.338 15.736 5.021 15.161 5.822 14.671C7.425 13.694 9.605 13 12 13ZM12 2C13.3261 2 14.5979 2.52678 15.5355 3.46447C16.4732 4.40215 17 5.67392 17 7C17 8.32608 16.4732 9.59785 15.5355 10.5355C14.5979 11.4732 13.3261 12 12 12C10.6739 12 9.40215 11.4732 8.46447 10.5355C7.52678 9.59785 7 8.32608 7 7C7 5.67392 7.52678 4.40215 8.46447 3.46447C9.40215 2.52678 10.6739 2 12 2Z" fill="white"/>
238 </svg>
239 </button>
240 <div id="navigation-section-teblet-dropdown" class="z-10 hidden w-35 rounded-xl bg-white shadow" data-popper-reference-hidden="false" data-popper-escaped="" data-popper-placement="bottom" style="position: absolute; inset: 0px auto auto 0px; margin: 0px; transform: translate3d(0px, 10.4px, 0px);">
241 <ul class="custom-list py-1 text-sm text-black/80" aria-labelledby="navigationDropdown">
242 <li class="border-b border-gray-300">
243 <img src="/documents/d/guest/frame-1707479612" alt="Noudjoum Icon" class="list-icon">
244 <a href="/personal/noudjoum" class="block py-2">
245
246 <@liferay.language key="noudjoum-icon" />
247 </a>
248 </li>
249 <li class="border-b border-gray-300">
250 <img src="/documents/d/guest/persons" alt="My Ooredoo Icon" class="list-icon">
251 <a href="https://my.ooredoo.dz/" class="block py-2">
252
253 <@liferay.language key="my-ooredoo" />
254 </a>
255 </li>
256 <li class="border-b border-gray-300">
257 <img src="/documents/d/guest/e-strom" alt="eStorm Icon" class="list-icon">
258 <a href="https://estorm.ooredoo.dz/" class="block py-2">
259
260 <@liferay.language key="e-strom" />
261 </a>
262 </li>
263 <li class="">
264 <img src="/documents/d/guest/partners" alt="Partners Icon" class="list-icon">
265 <a href="https://appstorm.ooredoo.dz/" class="block py-2">
266 <@liferay.language key="partners" />
267 </a>
268 </li>
269 </ul>
270 </div>
271 </div>
272
273
274
275
276
277
278
279 <div class="portlet-boundary portlet-boundary_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_ portlet-static portlet-static-end portlet-decorate portlet-language "
280 id="p_p_id_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_"><span
281 id="p_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet"></span>
282 <section class="portlet"
283 id="portlet_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet">
284 <div class="portlet-content">
285 <div class=" portlet-content-container">
286 <div class="portlet-body">
287 <form class="form "
288 data-fm-namespace=""
289 id="_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_fm0_1726697931825"
290 method="post"
291 name="_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_fm0_1726697931825">
292 <div class="d-flex gap-3 ooredoo-lang-selector">
293 <select
294 onchange="_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_changeLanguage()"
295 id="languageIdTab"
296 name="languageId" class="border-0 py-1 text-gray-700 pr-4"
297 aria-labelledby="languageDropdownMobile">
298
299 <#if localeString == 'ar_SA'>
300 <option value="fr_FR" lang="fr-FR" class="block px-4 py-2">FR </option>
301 <option selected="" value="ar_SA" lang="ar-SA" class="block px-4 py-2">AR </option>
302 <#elseif localeString == 'fr_FR'>
303 <option selected="" value="fr_FR" lang="fr-FR" class="block px-4 py-2">FR </option>
304 <option value="ar_SA" lang="ar-SA" class="block px-4 py-2">AR </option>
305 </#if>
306 </select>
307 </div>
308 </form>
309
310 <style>
311 .portlet-boundary_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_ .portlet-content {
312 padding: 0;
313 }
314
315 .portlet-boundary_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_ .portlet {
316 margin: 0;
317 }
318
319 .ooredoo-lang-selector .pr-4 {
320 padding-right: 2rem !important;
321 }
322
323 .ooredoo-lang-selector .pb-1 {
324 padding-bottom: 0.25rem !important;
325 }
326
327 .ooredoo-lang-selector .pt-1 {
328 padding-top: 0.25rem !important;
329 }
330 </style>
331 </div>
332 </div>
333 </div>
334 </section>
335</div>
336
337
338
339
340
341
342
343
344
345
346 </div>
347 </div>
348 <!-- second row -->
349 <div class="mt-4 flex items-center justify-between">
350 <button id="tablet-menu-trigger-btn">
351 <img src="/documents/d/guest/fluent_navigation-16-filled" alt="Menu Icon">
352 </button>
353 <div class="h-9 text-base">
354 <#if mainNav?has_content>
355 <#list mainNav as navList>
356 <#assign curEntry=navOrder[navList]/>
357 <a class="h-full rounded-full no-underline text-inherit ${((curSection?lower_case)?contains((curEntry.getTitle(locale)?replace(' ','-'))?lower_case))?then('bg-brand-red-4 text-white tablet-menu-active-btn','')} text-sm" data-senna-off="true" href="/${mainNavLocal}/${(curEntry.getTitle('en_US')?lower_case)?replace(' ','-')}">
358 <span class="inline-block section-text-tab">
359 <@liferay.language key="${curEntry.getTitle(locale)?replace(' ','')}" />
360 </span>
361 </a>
362
363
364
365
366 </#list>
367 </#if>
368 </div>
369 </div>
370 </div>
371
372 <!--mobile-->
373 <div class="px-4 py-4 md:hidden">
374 <!-- first row -->
375 <div class="flex items-center justify-between">
376 <a href="/personal">
377 <img src="/documents/d/guest/logo" alt="Business Logo" class="w-[120px]">
378 </a>
379 <div class="d-flex justify-end align-items-xl-center gap-x-2">
380 <div class="relative flex h-9 w-50 w-xl-72 justify-end ltr:ml-auto rtl:mr-auto">
381 <button id="mobile-nav-search" class="nav-mob-dropdown inline-flex items-center rounded-full bg-brand-red-4 text-center text-white" type="button">
382 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.031 16.617L22.314 20.899L20.899 22.314L16.617 18.031C15.0237 19.3082 13.042 20.0029 11 20C6.032 20 2 15.968 2 11C2 6.032 6.032 2 11 2C15.968 2 20 6.032 20 11C20.0029 13.042 19.3082 15.0237 18.031 16.617ZM16.025 15.875C17.2941 14.5699 18.0029 12.8204 18 11C18 7.132 14.867 4 11 4C7.132 4 4 7.132 4 11C4 14.867 7.132 18 11 18C12.8204 18.0029 14.5699 17.2941 15.875 16.025L16.025 15.875Z" fill="white"/></svg>
383 </button>
384 <@liferay.search_bar />
385 </div>
386 <div class="flex items-center gap-x-[14px]">
387 <button id="navigationDropdown" data-dropdown-toggle="navigation-section-dropdown" class="nav-mob-dropdown inline-flex items-center rounded-full bg-brand-red-4 text-center text-white" type="button">
388 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 13C14.396 13 16.575 13.694 18.178 14.671C18.978 15.161 19.662 15.736 20.156 16.361C20.642 16.977 21 17.713 21 18.5C21 19.345 20.589 20.011 19.997 20.486C19.437 20.936 18.698 21.234 17.913 21.442C16.335 21.859 14.229 22 12 22C9.771 22 7.665 21.86 6.087 21.442C5.302 21.234 4.563 20.936 4.003 20.486C3.41 20.01 3 19.345 3 18.5C3 17.713 3.358 16.977 3.844 16.361C4.338 15.736 5.021 15.161 5.822 14.671C7.425 13.694 9.605 13 12 13ZM12 2C13.3261 2 14.5979 2.52678 15.5355 3.46447C16.4732 4.40215 17 5.67392 17 7C17 8.32608 16.4732 9.59785 15.5355 10.5355C14.5979 11.4732 13.3261 12 12 12C10.6739 12 9.40215 11.4732 8.46447 10.5355C7.52678 9.59785 7 8.32608 7 7C7 5.67392 7.52678 4.40215 8.46447 3.46447C9.40215 2.52678 10.6739 2 12 2Z" fill="white"/>
389 </svg>
390 </button>
391 <div id="navigation-section-dropdown" class="z-10 hidden w-35 rounded-xl bg-white shadow" data-popper-reference-hidden="false" data-popper-escaped="" data-popper-placement="bottom" style="position: absolute; inset: 0px auto auto 0px; margin: 0px; transform: translate3d(0px, 10.4px, 0px);">
392 <ul class="custom-list py-1 text-sm text-black/80" aria-labelledby="navigationDropdown">
393 <li class="border-b border-gray-300">
394 <img src="/documents/d/guest/frame-1707479612" alt="Noudjoum Icon" class="list-icon">
395 <a href="/personal/noudjoum" class="block py-2">
396
397 <@liferay.language key="noudjoum-icon" />
398 </a>
399 </li>
400 <li class="border-b border-gray-300">
401 <img src="/documents/d/guest/persons" alt="My Ooredoo Icon" class="list-icon">
402 <a href="https://my.ooredoo.dz/" class="block py-2">
403
404 <@liferay.language key="my-ooredoo" />
405 </a>
406 </li>
407 <li class="border-b border-gray-300">
408 <img src="/documents/d/guest/e-strom" alt="eStorm Icon" class="list-icon">
409 <a href="https://estorm.ooredoo.dz/" class="block py-2">
410
411 <@liferay.language key="e-strom" />
412 </a>
413 </li>
414 <li class="">
415 <img src="/documents/d/guest/partners" alt="Partners Icon" class="list-icon">
416 <a href="https://appstorm.ooredoo.dz/" class="block py-2">
417 <@liferay.language key="partners" />
418 </a>
419 </li>
420 </ul>
421 </div>
422 </div>
423
424
425
426
427
428
429
430
431 <div class="portlet-boundary portlet-boundary_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_ portlet-static portlet-static-end portlet-decorate portlet-language " id="p_p_id_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_"><span id="p_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet"></span>
432 <section class="portlet" id="portlet_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet">
433 <div class="portlet-content">
434 <div class=" portlet-content-container">
435 <div class="portlet-body">
436 <form action="/fr/c/portal/update_language?p_l_id=24&redirect=%2Ffr%2Fentreprises" class="form " data-fm-namespace="" id="_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_fm0_1700720685586" method="post" name="_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_fm0_1700720685586"><input class="field form-control" id="formDate" name="formDate" type="hidden" value="1700720685587">
437 <div class="d-flex gap-3 ooredoo-lang-selector">
438 <img id="displayedImage" src='<@liferay.language key="language-flag"/>' class="w-[24px] h-[24px] rounded-[50%] " alt="uk">
439 <select id="languageIdMobile" name="languageId" class="border-0 py-1 text-gray-700 pr-4 bg-brand-red-4" aria-labelledby="languageDropdownMobile">
440
441 <#if localeString == 'ar_SA'>
442 <option value="fr_FR" lang="fr-FR" class="block px-4 py-2">FR </option>
443 <option selected="" value="ar_SA" lang="ar-SA" class="block px-4 py-2">AR </option>
444 <#elseif localeString == 'fr_FR'>
445 <option selected="" value="fr_FR" lang="fr-FR" class="block px-4 py-2">FR </option>
446 <option value="ar_SA" lang="ar-SA" class="block px-4 py-2">AR </option>
447 </#if>
448 </select>
449 </div>
450 </form>
451 <script>
452
453</script>
454 <style>
455 .portlet-boundary_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_ .portlet-content{
456 padding:0;
457 }
458 .portlet-boundary_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_ .portlet{
459 margin:0;
460 }
461 .ooredoo-lang-selector .pr-4{
462 padding-right: 2rem !important;
463}
464.ooredoo-lang-selector .pb-1 {
465 padding-bottom: 0.25rem !important;
466}
467.ooredoo-lang-selector .pt-1{
468 padding-top: 0.25rem !important;
469}
470.nav-mob-search .d-xl-none{
471 display: block !important;
472 }
473 .nav-mob-search .d-xl-block{
474 display: none !important;
475 }
476.portlet-boundary_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_ .search-bar-input {
477
478 width: 250px !important;
479}
480</style>
481 </div>
482 </div>
483 </div>
484 </section>
485 </div>
486
487
488
489
490
491
492 </div>
493 </div>
494 <!-- second row -->
495 <div class="mt-4 flex items-center justify-between">
496 <button id="mobile-menu-trigger-btn">
497 <img src="/documents/d/guest/fluent_navigation-16-filled" alt="Menu Icon">
498 </button>
499 <div class="flex items-center gap-x-[14px]">
500 <#list entries as curEntry>
501 <#if (curSection?lower_case)?contains((curEntry.getTitle(locale)?lower_case)?replace(' ','-'))>
502 <button id="navigationDropdown" data-dropdown-toggle="navigation-dropdown" class="inline-flex items-center rounded-full bg-brand-red-4 px-4 py-2 text-center text-white justify-center section-btn" type="button">
503 <@liferay.language key="${curEntry.getTitle(locale)?replace(' ','')}" />
504 <svg class="ml-2 h-4 w-4" aria-hidden="true" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
505 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
506 </svg>
507 </button>
508 </#if>
509 </#list>
510 <#list entries as curEntry>
511
512 <#if curEntry?index==0>
513 <div id="navigation-dropdown" class="z-10 hidden w-44 rounded-xl bg-white shadow" data-popper-reference-hidden="" data-popper-escaped="" data-popper-placement="bottom" style="position: absolute; inset: -1rem auto auto 0px; margin: 0px; transform: translate3d(0px, 10.4px, 0px);">
514 <ul class="custom-list custom-list-mobile py-1 text-sm text-black/80" aria-labelledby="navigationDropdown" >
515 <#assign mobSectionDropDown = true />
516 </#if>
517 <li>
518 <a href="/${mainNavLocal}/${curEntry.getTitle('en_US')?lower_case?replace(' ', '-')}" class="block px-4 py-2"><@liferay.language key="${curEntry.getTitle(locale)?replace(' ','')}" /></a>
519 </li>
520 </#list>
521 <#if mobSectionDropDown==true>
522 </ul>
523 </div>
524 </#if>
525 </div>
526 </div>
527 </div>
528 </div>
529 <div id="colorChangeButton" style="display: none"></div>
530</#if>
531<#if entries?has_content>
532 <#list entries as curEntry>
533 <#if (curSection?lower_case)?contains((curEntry.getTitle(locale)?lower_case)?replace(' ','-'))>
534 <#assign
535 assetRenderer = curEntry.getAssetRenderer()
536 journalArticle = assetRenderer.getAssetObject()
537 />
538 <@liferay_journal["journal-article"]
539 articleId=journalArticle.getArticleId()
540 ddmTemplateKey="192008"
541 groupId=journalArticle.getGroupId()
542 />
543 <#break>
544 </#if>
545 </#list>
546 <#list entries as curEntry>
547 <#if (curSection?lower_case)?contains((curEntry.getTitle(locale)?lower_case)?replace(' ','-'))>
548 <#assign
549 assetRenderer = curEntry.getAssetRenderer()
550 journalArticle = assetRenderer.getAssetObject()
551 />
552 <@liferay_journal["journal-article"]
553 articleId=journalArticle.getArticleId()
554 ddmTemplateKey="192949"
555 groupId=journalArticle.getGroupId()
556 />
557 <#break>
558 </#if>
559 </#list>
560</#if>
561
562<style>
563 .guest-site .min-vh-100{
564 min-height: 0 !important;
565 }
566.MegaNavSection .journal-content-article {
567 flex-grow: 1;
568 display: flex;
569 align-items: center;
570 justify-content: start;
571 }
572 .ooredoo-search-bar .portlet{
573 margin-bottom:0;
574}
575.nav-menu-link a {
576 position: relative;
577 color: inherit;
578 text-decoration: none;
579 transition: color 0.3s ease;
580 }
581
582 .nav-menu-link a::before {
583 content: "";
584 position: absolute;
585 left: 0;
586 right: 0;
587 bottom: -3px; /* Adjust this for space between text and line */
588 height: 2px; /* Adjust this for line thickness */
589 background-color: red;
590 transform: scaleX(0);
591 transform-origin: center;
592 transition: transform 0.3s ease;
593 }
594
595 .nav-menu-link a:hover::before,
596 .navbar-nav.active .nav-menu-link a::before {
597 transform: scaleX(1);
598 }
599
600 .navbar-nav.active .nav-menu-link a {
601 color: red;
602 }
603.active-underline {
604 transform: scaleX(0);
605}
606
607.navbar-nav.active .nav-menu-link a .active-underline {
608 transform: scaleX(1);
609}
610
611.underline-red {
612 text-decoration: underline #d6001c;
613 text-decoration-thickness: 2px;
614}
615
616.tablet-menu-active-btn {
617 padding-bottom: 0.5rem;
618 padding-top: 0.5rem;
619}
620.rtl .rotate-180 {
621 transform: rotate(90deg);
622}
623 .nav-mob-search .d-xl-none{
624 display: block !important;
625 }
626 .nav-mob-search .d-xl-block{
627 display: none !important;
628 }
629 .portlet-boundary_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_ .search-bar-input{
630 padding-right: 6rem !important;
631 padding-left: 1rem !important;
632}
633 .portlet-boundary_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_ .search-bar-input {
634
635 width: 250px !important;
636}
637.nav-wrap {
638 background: #ffffff;
639 position: fixed;
640 top: 0;
641 left: 0;
642 width: 100%;
643 z-index: 100;
644}
645.custom-list li {
646 list-style: none;
647 display: flex;
648 align-items: center;
649 padding-left: 10px;
650 padding-right: 10px;
651}
652.custom-list {
653 padding-left: 0rem;
654 padding-right: 0rem;
655}
656.custom-list-mobile {
657 color: #D6001C;
658}
659
660.custom-list .list-icon {
661 width: 20px;
662 height: 20px;
663 margin-right: 10px;
664}
665.section-btn {
666 width: 11rem;
667}
668 .section-text-tab{
669 text-align: center;
670 width: 8.5rem;
671 }
672
673/* Remove focus outline on select elements */
674#languageIdMobile:focus,
675#languageIdTab:focus {
676 outline: none;
677 -webkit-box-shadow: none;
678 -moz-box-shadow: none;
679 box-shadow: none;
680 background-color: #B20017 !important;
681}
682
683/* Remove focus outline on button elements */
684#navigationDropdown:focus,
685#navigationTabletDropdown:focus {
686 outline: none;
687 -webkit-box-shadow: none;
688 -moz-box-shadow: none;
689 box-shadow: none;
690}
691
692/* Optionally, for a smoother tap/click experience */
693#languageIdMobile,
694#navigationDropdown,
695#languageIdTab,
696#navigationTabletDropdown {
697 -webkit-tap-highlight-color: transparent;
698}
699
700
701</style>
702
703
704<script>
705 // Check if the current URL contains '/web/guest'
706if (window.location.pathname.includes('/web/guest')) {
707 // Remove '/web/guest' from the URL
708 const newPath = window.location.pathname.replace('/web/guest', '');
709 // Update the URL without reloading the page
710 // window.history.replaceState(null, '', newPath);
711}
712
713 $(document).ready(function () {
714 $("#mobile-nav-search").click(function (e) {
715 $(this).addClass("d-none");
716 jQuery('.search-bar-nav').removeClass('d-none');
717 });
718 });
719</script>
720<script>
721
722
723$(document).ready(function () {
724
725 var selectWeb = document.querySelector('#languageIdWeb');
726 var selectMobile = document.querySelector('#languageIdMobile');
727 var selectTab= document.querySelector('#languageIdTab');
728 console.log('change', selectWeb);
729selectWeb.addEventListener('change', function() {
730 console.log('change 1', this.value);
731 if (this.value == "fr_FR") {
732 if (!window.location.pathname.startsWith('/fr/')) {
733 // Get the current path without the leading slash
734 let currentPath = window.location.pathname.substring(1);
735 console.log('currentPath 1', currentPath);
736 currentPath = currentPath.replace('ar/', '');
737 console.log('currentPath 2', currentPath);
738 const newPath = '/fr/'+currentPath;
739 const newUrl = window.location.origin +''+ newPath;
740 window.location.replace(newUrl);
741 }
742 } else if (this.value == "ar_SA"){
743 if (!window.location.pathname.startsWith('/ar/')) {
744 // Get the current path without the leading slash
745 let currentPath = window.location.pathname.substring(1);
746 console.log('currentPath 1', currentPath);
747 currentPath = currentPath.replace('fr/', '');
748 console.log('currentPath 2', currentPath);
749 const newPath = '/ar/'+currentPath;
750 const newUrl = window.location.origin +''+ newPath;
751 window.location.replace(newUrl);
752 }
753 }
754});
755
756 selectTab.addEventListener('change', function() {
757 if (this.value == "fr_FR") {
758 if (!window.location.pathname.startsWith('/fr/')) {
759 // Get the current path without the leading slash
760 let currentPath = window.location.pathname.substring(1);
761 currentPath = currentPath.replace('ar/', '');
762 const newPath = '/fr/'+currentPath;
763 const newUrl = window.location.origin +''+ newPath;
764 window.location.replace(newUrl);
765 }
766 } else if (this.value == "ar_SA"){
767 if (!window.location.pathname.startsWith('/ar/')) {
768 // Get the current path without the leading slash
769 let currentPath = window.location.pathname.substring(1);
770 currentPath = currentPath.replace('fr/', '');
771 const newPath = '/ar/'+currentPath;
772 const newUrl = window.location.origin +''+ newPath;
773 window.location.replace(newUrl);
774 }
775 }
776});
777
778 selectMobile.addEventListener('change', function() {
779 if (this.value == "fr_FR") {
780 if (!window.location.pathname.startsWith('/fr/')) {
781 // Get the current path without the leading slash
782 let currentPath = window.location.pathname.substring(1);
783 console.log('currentPath 1', currentPath);
784 currentPath = currentPath.replace('ar/', '');
785 console.log('currentPath 2', currentPath);
786 const newPath = '/fr/'+currentPath;
787 const newUrl = window.location.origin +''+ newPath;
788 window.location.replace(newUrl);
789 }
790 } else if (this.value == "ar_SA"){
791 if (!window.location.pathname.startsWith('/ar/')) {
792 // Get the current path without the leading slash
793 let currentPath = window.location.pathname.substring(1);
794 currentPath = currentPath.replace('fr/', '');
795 const newPath = '/ar/'+currentPath;
796 const newUrl = window.location.origin +''+ newPath;
797 window.location.replace(newUrl);
798 }
799 }
800});
801
802
803 $("#navDropdownMenuMobile, #navDropdownMenuService").click(function (event) {
804 event.stopPropagation();
805 });
806 if (typeof navMenuLinks == 'undefined') {
807
808const navMenuLinks = document.querySelectorAll('.nav-menu-link');
809
810
811
812// Add an event listener to each `<li>` element
813navMenuLinks.forEach(navMenuLink => {
814 // Add the `active` class to the `<li>` element when it or any of its child elements is clicked
815
816 navMenuLink.addEventListener('click', (event) => {
817 // Get the parent `<li>` element of the clicked element
818 const parent = event.target.closest('.nav-menu-link');
819
820 // Remove the `active` class from all other `<li>` elements
821 navMenuLinks.forEach(otherNavMenuLink => {
822 otherNavMenuLink.classList.remove('active');
823 });
824
825 // Add the `active` class to the parent `<li>` element
826 parent.classList.add('active');
827 const mainLink = navMenuLink.querySelector('a');
828 if (mainLink) {
829 const mainHref = mainLink.getAttribute('href');
830 mainLink.style.textDecoration = 'none'; // Remove default underline
831 mainLink.style.position = 'relative';
832 mainLink.style.color = 'inherit'; // Keep the original color
833 mainLink.style.transition = 'color 0.3s ease';
834
835 const underline = document.createElement('span');
836 underline.className = 'active-underline';
837 underline.style.position = 'absolute';
838 underline.style.bottom = '-3px';
839 underline.style.left = '0';
840 underline.style.right = '0';
841 underline.style.height = '2px';
842 underline.style.backgroundColor = 'red';
843 underline.style.transform = 'scaleX(1)';
844 underline.style.transformOrigin = 'center';
845 underline.style.transition = 'transform 0.3s ease';
846 mainLink.appendChild(underline);
847 }
848 });
849});
850}
851 });
852</script>
853<#if curSection=="business|entreprises">
854 <div class="business-padding"></div>
855 <#else>
856 <div class="personal-padding"></div>
857</#if>
858<style>
859 .business-padding {
860 margin-top: 7.5rem;
861 }
862 .personal-padding {
863 margin-top: 7.5rem;
864 }
865 @media (max-width: 550px) {
866 .business-padding {
867 margin-top: 8.5rem;
868 }
869 .personal-padding {
870 margin-top: 7.5rem;
871 }
872 }
873 @media (max-width: 450px) {
874 .business-padding {
875 margin-top: 7.5rem;
876 }
877 .personal-padding {
878 margin-top: 7.5rem;
879 }
880 }
881
882</style>
883<script>
884var lazyloadImages;
885if ("IntersectionObserver" in window) {
886 lazyloadImages = document.querySelectorAll(".lazy");
887 var imageObserver = new IntersectionObserver(function (entries, observer) {
888 entries.forEach(function (entry) {
889
890 if (entry.isIntersecting) {
891 var image = entry.target;
892 if (image.src == undefined || image.src == null || image.src == "") {
893 image.src = image.dataset.src;
894 image.classList.remove("lazy");
895 }
896 imageObserver.unobserve(image);
897 }
898 });
899 });
900
901 lazyloadImages.forEach(function (image) {
902 imageObserver.observe(image);
903 });
904
905} else {
906
907 var lazyloadThrottleTimeout;
908 lazyloadImages = document.querySelectorAll(".lazy");
909
910 function lazyload() {
911 if (lazyloadThrottleTimeout) {
912 clearTimeout(lazyloadThrottleTimeout);
913 }
914
915 lazyloadThrottleTimeout = setTimeout(function () {
916 var scrollTop = window.pageYOffset;
917 lazyloadImages.forEach(function (img) {
918 if (img.offsetTop < (window.innerHeight + scrollTop)) {
919 if (img.src == undefined || img.src == null || img.src == "") {
920 img.src = img.dataset.src;
921 img.classList.remove('lazy');
922 }
923 }
924 });
925
926 if (lazyloadImages.length == 0) {
927 document.removeEventListener("scroll", lazyload);
928 window.removeEventListener("resize", lazyload);
929 window.removeEventListener("orientationChange", lazyload);
930 }
931 }, 20);
932 }
933
934 document.addEventListener("scroll", lazyload);
935 window.addEventListener("resize", lazyload);
936 window.addEventListener("orientationChange", lazyload);
937
938}
939</script>

Dans le cadre de sa stratégie d’accompagnement sportif, Ooredoo Algérie annonce son partenariat officiel avec le Club Sportif Constantinois (CSC), l’un des clubs les plus emblématiques de l’Est algérien. La cérémonie de signature du contrat de sponsoring s’est tenue jeudi 30 janvier 2025 au siège de Ooredoo à Ouled Fayet, en présence du Directeur Général de l’entreprise, M. Roni Tohme, et du Président du Conseil d’Administration du CSC, M. Wadie Lakhdari.

Entreprise Technologique, Ooredoo a accompagné, en tant que sponsor, du Forum Rakmana, dans sa 17ème édition, l’événement incontournable du secteur du numérique organisé récemment par le Groupement Algérien des Acteurs du Numérique (GAAN), à Alger.

Entreprise engagée dans le soutien des projets innovateurs et des start-ups, Ooredoo a accompagné la première édition africaine de « Slush'd » qui s'est déroulée récemment, à Alger.

Entreprise technologique, Ooredoo prend part à la 25ème édition du Salon International de la Santé (SIMEM), qui se tient du 03 au 06 Mai 2023 au Centre de Convention Mohamed Benahmed d’Oran (CCO).

Partenaire officiel de la Protection Civile, Ooredoo honore les agents de la protection civile qui ont été héroïques lors des opérations de sauvetage des victimes du désastreux séisme qui a frappé la Syrie et la Turquie.

Forte de son statut de meilleur employeur 2022-2023 en Algérie, Ooredoo participe, en tant que partenaire officiel à la 10ème édition du salon « Emploitic Connect » qui se tient les 25 et 26 Février 2023 au Palais de la culture Moufdi Zakaria à Alger.

Ooredoo Algérie continue de marquer sa présence aux évènements économiques nationaux et participe à la 30ème édition de la Foire de la Production Algérienne (FPA), qui se tient du 13 au 24 décembre 2022, au Palais des Expositions, Pin-Maritimes à Alger.

1ère édition de la Conférence et le Salon internationaux sur les Petites et Moyennes Entreprises arabes (SMEX ALGERIA 2022)
13-11-2022
Ooredoo, entreprise technologique, prend part à la 1ère édition de la Conférence et Salon internationaux sur les Petites et Moyennes Entreprises arabes (SMEX ALGERIA 2022), qui se tient du 12 au 14 Novembre 2022 au Palais des Expositions des Pins Maritimes (SAFEX).

Ooredoo participe, pour la deuxième fois, à la 6ème édition du Salon de la Pharmacie et de la Parapharmacie de l'Ouest (Pharmex 2022), qui se tient du 20 au 22 octobre 2022 au Centre des Conventions Mohamed Benahmed à Oran.

INJAZ el Djazair a organisé ce Mardi 04 octobre 2022 à l’hôtel Marriott Alger, la cérémonie pour l’annonce des projets gagnants de la 11ème édition de la compétition annuelle des jeunes entrepreneurs.

Ooredoo poursuit son engagement en faveur des activités culturelles et sponsorise cette fois la 2ème édition du Oran fait sa comédie « YOOZ YOUR TALENT » qui s’est déroulée à Oran durant les soirées des 21 et 22 Juillet à l’auditorium du Centre de Conventions d’Oran.

Poursuivant sa politique visant à promouvoir le potentiel des jeunes talents Algériens, Ooredoo participe en tant que sponsor, à la cérémonie de remise des prix aux lauréats de la compétition Internationale des mathématiques « Le Kangourou des Maths » qui s’est déroulée le samedi 02 juillet 2022 au Palais de la Culture (Moufdi ZAKARIA) à Alger.

Fidèle à son engagement dans le soutien et la promotion de grands évènements économiques nationaux, Ooredoo a participé en tant que sponsor pour la neuvième année, à la 19ème Edition du Trophée Export qui s’est tenue dans la soirée du dimanche 26 juin au Centre International des Conférences (CIC) à Alger.Fidèle à son engagement dans le soutien et la promotion de grands évènements économiques nationaux, Ooredoo a participé en tant que sponsor pour la neuvième année, à la 19ème Edition du Trophée Export qui s’est tenue dans la soirée du dimanche 26 juin au Centre International des Conférences (CIC) à Alger.

Poursuivant sa stratégie visant à encourager l’émergence de startups technologiques auprès des jeunes entrepreneurs, Ooredoo a participé en tant que sponsor à la 2ème édition du concours national d’Algeria Junior Entrepreneurs dans les catégories des 15-18 ans et 19-25 ans dans le domaine de l’intelligence artificielle (IA) et la programmation, qui s’est déroulée récemment au Centre International des Conférences Abdelatif-Rahal (CIC).

Poursuivant sa stratégie visant à encourager l’émergence de startups technologiques auprès des jeunes entrepreneurs, Ooredoo a participé en tant que sponsor à la 2ème édition du concours national d’Algeria Junior Entrepreneurs dans les catégories des 15-18 ans et 19-25 ans dans le domaine de l’intelligence artificielle (IA) et la programmation, qui s’est déroulée récemment au Centre International des Conférences Abdelatif-Rahal (CIC).



Pour la cinquième année consécutive, Ooredoo prend part au Salon North African Petroleum Exhibition & Conférences (NAPEC 2021) dans sa 10ème édition, qui se tient du 08 au 11 Novembre 2021, au Centre des Conventions Mohamed Benahmed à Oran.

A l’occasion de la célébration du 67ème anniversaire du déclenchement de la guerre de libération nationale
02-11-2021
Ooredoo a pris part en tant que sponsor au jubilé de la légende de la Boxe Algérienne « Abdelkader Ould Makhloufi » qui a été organisé le 1er novembre à la salle Harcha, Alger à l’occasion de la célébration de la Journée du déclenchement de la guerre de libération nationale.

Sponsor officiel du 2ème Salon du Digital Technologie et de l’Internet des Objets DIGITECH
16-10-2021
Ooredoo, entreprise technologique, participe en tant que Sponsor Officiel, à la deuxième édition du Salon du Digital Technologie & IoT (DIGITECH) qui se tient du 16 au 18 octobre au Centre International de Conférences-Abdelatif Rahal à Alger.

Ooredoo a annoncé dans la soirée du dimanche, 10 octobre 2021, la signature d’un contrat de partenariat d’image avec le footballeur international algérien et sociétaire du club allemand Borussia Mönchengladbach, Rami Bensebaïni.

Ooredoo, entreprise citoyenne, a annoncé ce mercredi 06 octobre 2021, un nouveau partenariat d’image avec la comédienne algérienne Malika Belbey.

INJAZ El Djazair annonce les lauréats de la 10ème compétition nationale des jeunes entrepreneurs
04-10-2021
INJAZ el Djazair a organisé ce lundi 04 octobre 2021 au Centre International des Conférence CIC à Alger, la 10ème compétition annuelle des jeunes entrepreneurs, où pour la première fois, le concours a adopté un nouveau concept, (en présentiel et à distance) ce qui a permis à tous ceux qui s'intéressent au monde de l'entrepreneuriat d'assister à l’événement phare de l'année.

Ooredoo, Sponsor de la 6ème Edition du Colloque sur la Contrefaçon et de la 18ème Edition du Trophée Export
02-06-2021
Fidèle à son engagement dans le soutien aux grands évènements économiques nationaux, Ooredoo sponsorise le double événement organisé par World Trade Center Algeria (WTCA) à savoir la 6ème Edition du Colloque sur la Contrefaçon, et la 18ème Edition du Trophée Export qui se sont déroulés ce mercredi 02 juin à Alger.

Un nouveau mode digital inédit vient révolutionner l’expérience mobile des jeunes Algériens, il s’agit de Yooz ; la dernière innovation digitale de Ooredoo.

Ooredoo participe au Salon International des Technologies de l’Information et de la Communication au Maghreb ICT
15-03-2021
Ooredoo, entreprise technologique prend part au Salon International des Technologies de l’Information et de la Communication au Maghreb, ICT, se tenant du 15 au 17 mars 2021 au Palais de la Culture à Alger.
MY OOREDOO
MY OOREDOO
With The My Ooredoo Application,
Manage Your Line With Just One
Click And With Ease.