Chatbot is loading

Ooredoo Chat

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

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

An error occurred while processing the template.

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 = "">

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";

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";

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";

35			document.cookie = cookieName + "=" + encodeURIComponent(sessionValue) + "; path=/";

36		})();

37		</script>

38	  <#else>

39			<#assign curSection = "personal|particuliers " />

40		  <#if currentURL?contains('/particuliers')>

42						<script>

43						(function() {

44					const cookieName = "guest-section";

45					const sessionValue = "particuliers";

47					document.cookie = cookieName + "=" + encodeURIComponent(sessionValue) + "; path=/";

48				})();

49				</script>

50		   </#if>

52	</#if>

54		<#assign navOrder={}/>

55		<#assign mainNav='en_US'/>

56		<#assign mainNavLocal='fr'/>

58		<#assign navListEn=['Personal','Business','About Us']/>

59		<#assign navListFr=['Particuliers','Entreprises','Tout sur Ooredoo']/>

60		<#assign navListAr=['Personal','Business','About']/>

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>

78		<#list entries as curEntry>

79			<#assign navOrder+={curEntry.getTitle(locale),curEntry}/>

83			</#list>

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>

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>

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>

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

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>

216    </select>

217</div>

218                    </div>

219                </div>

220    		</nav>

221		</div>

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">

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">

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">

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>

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">

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>

310                    <style>

311                        .portlet-boundary_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_ .portlet-content {

312                            padding: 0;

313                        }

315                        .portlet-boundary_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_ .portlet {

316                            margin: 0;

317                        }

319                        .ooredoo-lang-selector .pr-4 {

320                            padding-right: 2rem !important;

321                        }

323                        .ooredoo-lang-selector .pb-1 {

324                            padding-bottom: 0.25rem !important;

325                        }

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>

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>

366	               </#list>

367							 </#if>

368	            </div>

369	        </div>

370	    </div>

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">

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">

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">

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>

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&amp;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">

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>

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 {

478    width: 250px !important;

479}

480</style>

481               </div>

482              </div>

483             </div>

484            </section>

485           </div>

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>

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>

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            }

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            }

595            .nav-menu-link a:hover::before,

596            .navbar-nav.active .nav-menu-link a::before {

597                transform: scaleX(1);

598            }

600            .navbar-nav.active .nav-menu-link a {

601                color: red;

602            }

603.active-underline {

604    transform: scaleX(0);

605}

607.navbar-nav.active .nav-menu-link a .active-underline {

608    transform: scaleX(1);

609}

611.underline-red {

612  text-decoration: underline #d6001c;

613	text-decoration-thickness: 2px;

614}

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 {

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}

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	}

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}

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}

692/* Optionally, for a smoother tap/click experience */

693#languageIdMobile,

694#navigationDropdown,

695#languageIdTab,

696#navigationTabletDropdown {

697    -webkit-tap-highlight-color: transparent;

698}

701</style>

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}

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>

723$(document).ready(function () {

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});

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});

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});

803        $("#navDropdownMenuMobile, #navDropdownMenuService").click(function (event) {

804            event.stopPropagation();

805        });

806        if (typeof navMenuLinks == 'undefined') {

808const navMenuLinks = document.querySelectorAll('.nav-menu-link');

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

816  navMenuLink.addEventListener('click', (event) => {

817    // Get the parent `<li>` element of the clicked element

818    const parent = event.target.closest('.nav-menu-link');

820    // Remove the `active` class from all other `<li>` elements

821    navMenuLinks.forEach(otherNavMenuLink => {

822      otherNavMenuLink.classList.remove('active');

823    });

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';

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    }

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) {

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    });

901    lazyloadImages.forEach(function (image) {

902        imageObserver.observe(image);

903    });

905} else {

907    var lazyloadThrottleTimeout;

908    lazyloadImages = document.querySelectorAll(".lazy");

910    function lazyload() {

911        if (lazyloadThrottleTimeout) {

912            clearTimeout(lazyloadThrottleTimeout);

913        }

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            });

926            if (lazyloadImages.length == 0) {

927                document.removeEventListener("scroll", lazyload);

928                window.removeEventListener("resize", lazyload);

929                window.removeEventListener("orientationChange", lazyload);

930            }

931        }, 20);

932    }

934    document.addEventListener("scroll", lazyload);

935    window.addEventListener("resize", lazyload);

936    window.addEventListener("orientationChange", lazyload);

938}

939</script>

Dans la continuité du programme stratégique de transformation du Groupe

Dans la continuité du programme stratégique de transformation du Groupe

2022-09-25

Suite à l’annonce faite par le Groupe Ooredoo, la compagnie internationale des télécommunications opérant au Moyen-Orient, en Afrique du Nord et en Asie du Sud-Est, Ooredoo Algérie dévoile sa nouvelle identité visuelle et annonce le lancement du nouveau slogan de la compagnie : " UPGRADE YOUR WORLD" (Upgrade ton monde).

Dans un secteur qui connait une dynamique rapide et un essor porté par l'innovation, le nouveau logo de la marque Ooredoo reflète l'approche de l'entreprise tournée vers les besoins futurs des clients, centrée sur les employés et les clients et constitue le cœur de sa stratégie de transformation d'entreprise.

UPGRADE TON MONDE

Axé autour du développement humain, le nouveau slogan de Ooredoo " UPGRADE TON MONDE" promet de hisser les clients et les employés – par petits pas ou grands sauts - avec chaque connexion, innovation et service offert à chaque personne, entreprise, communauté et pays dans lequel le Groupe est implanté à travers le monde.

La nouvelle identité visuelle Ooredoo se distingue par sa pureté, son dynamisme et sa vitalité. Elle découle du même esprit et de la même passion qui caractérise l'entreprise, et reflète également les aspirations de l'entreprise pour l'avenir.

Pour en savoir plus sur la nouvelle identité de Ooredoo, cliquez sur le lien : ore.do/ooredoo-upgrades-your-world

A cette occasion, le membre délégué et Président Directeur Général du Groupe Ooredoo, M. Aziz Aluthman Fakhroo a déclaré : " C’est avec beaucoup d'impatience que nous attendons cette nouvelle étape dans le parcours de Ooredoo, une étape dont nous attendions son lancement depuis longtemps. Elle constitue une continuité du succès du programme de la transformation stratégique lancé par l'entreprise pour établir une culture de développement continu dans tous les aspects de son activité, en commençant par l'amélioration de l'expérience des employés et des clients jusqu’au renforcement de la valeur pour les actionnaires. Notre nouveau slogan " UPGRADE TON MONDE" découle de notre quête continue à enrichir la vie numérique de nos clients et résume parfaitement notre mission consistant à placer nos employés et nos clients au cœur de notre business et notre promesse de les hisser à des niveaux supérieurs et leur offrir la possibilité de progresser où qu’ils soient. »

Que signifie le nouveau slogan pour les clients ?

Le slogan " UPGRADE TON MONDE" permet aux clients de satisfaire leurs attentes et goûts et de choisir ce qui leur convient, en leur proposant les choix leur permettant de se hisser, à travers leurs expériences, à un niveau supérieur afin de progresser et d’avancer.

Pour Ooredoo, cela signifie qu’elle continuera à investir dans le renforcement de ses réseaux afin d’offrir des services de télécommunication optimaux aux clients où qu'ils se trouvent et poursuivre son engagement dans le développement de l'expérience client à travers ses produits et services.

Les réseaux développés de Ooredoo permettent l'utilisation de l'Internet des Objets (IoT) et des Technologies d'Intelligence Artificielle (AI) via le réseau 5G, qui est désormais disponible au Qatar, au Koweït, à Oman, aux Maldives et en Indonésie.

Aussi, les applications mobiles de Ooredoo proposent une expérience numérique complète, notamment à travers les applications de services financiers de l'entreprise qui offrent aux clients un moyen sûr et facile de transférer de l'argent via les appareils mobiles, en particulier pour les membres de la communauté qui n'ont pas accès aux services bancaires.

Afin de mieux servir ses clients, l'entreprise investit également massivement dans le développement des compétences de ses employés, en soutenant les jeunes leaders et en captant la future génération de talents et de compétences tout en les gardant et développant leurs potentiels. Ooredoo ambitionne de devenir l’employeur préféré dans chacun de ses marchés en développant une culture d'entreprise plus flexible axée sur l'esprit d’équipe.

À cet égard, Sheikh Mohammed bin Abdullah Al Thani, Directeur Exécutif adjoint du groupe Ooredoo et PDG de Ooredoo Qatar, a déclaré : « L’actualisation de la marque commerciale de Ooredoo et le renouvellement de son identité visuelle renforceront notre leadership dans les années à venir. Nous continuons à hisser les activités de l'entreprise pour répondre aux besoins futurs de manière plus rapide, plus flexible et inspirante et en conformité avec notre modèle d'entreprise et à notre position de fournisseur leader des services télécoms et technologies de l’information. »

Cheikh Mohammed Ben Abdallah a ajouté : « Nous pouvons constater que notre vie quotidienne devient plus que jamais numérique et interconnectée, que ce soit au travail ou à la maison. Cela augmente le besoin à un fournisseur de services de télécommunications fiable, flexible et avancé dans tous nos marchés. Avec notre nouveau slogan " UPGRADE YOUR WORLD", nous sommes convaincus que nous atteindrons des niveaux supérieurs de succès. Cela nous permettra d'enrichir davantage la vie numérique de nos clients, et leur permettre ainsi de se connecter à un système puissant de réseaux avancés, de la technologie moderne et des services numériques. »

Ooredoo Algérie : UPGRADE TON MONDE

Pour sa part, le Directeur général de Ooredoo Algérie, M. Bassam Yousef Al Ibrahim, a déclaré : « Avec ce nouveau positionnement de la marque, Ooredoo Algérie vient confirmer notre stratégie axée autour du développement de l’expérience client en Algérie. Cela contribuera inéluctablement à satisfaire leurs attentes et répondre de manière optimale à leurs besoins notamment durant cette phase de la transformation digitale que connait la marché Algérien. Nous sommes convaincus de pouvoir hisser la compagnie et l’expérience client à des niveaux supérieurs et permettre à nos clients de progresser vers de nouvelles perspectives et de nouveaux challenges. Nous sommes persuadés que nos clients continueront à afficher leur fierté d’appartenir à l’un des plus grands Groupes de télécommunications dans le monde, qui renforcera ses investissements afin d’offrir aux algériens une meilleure connectivité répondant aux standards internationaux. »

A travers ce changement, Ooredoo Algérie donne l’opportunité à ses clients où qu’ils soient de bénéficier de la vitesse et de la performance de son réseau Internet de quatrième génération (4G) qui couvre l’ensemble du territoire national.

Avec le nouveau slogan « Upgrade ton Monde », Ooredoo entend offrir aux clients algériens l’opportunité de vivre une expérience Internet et digitale inédite avec notamment sa solution 4G « Sahla Box », dédiée aux entreprises et aux particuliers, qui propose une expérience inégalée de connectivité à haut débit avec un contenu riche et diversifié, ainsi que son application « My Ooredoo » leur permettant de gérer leurs comptes avec un simple clic et accéder à un contenu innovant.

Dans le cadre de cette démarche stratégique, Ooredoo Algérie lance une large campagne de communication à travers laquelle elle met en avant le renforcement de l’expérience client qui constitue l’un des piliers de la nouvelle politique de Ooredoo Algérie assurant une prise en charge optimale des besoins des clients leur permettant de développer leur monde et se hisser toujours plus haut.

Pour amorcer ce changement, Ooredoo Algérie a d’ores et déjà procédé à l’habillage du siège central à Alger, des deux sièges régionaux d’Oran et de Constantine, ainsi que de tous les Espaces du réseau de vente de Ooredoo repartis à travers les villes algériennes avec la nouvelle identité visuelle de la marque Ooredoo. A cet effet, une importante opération de réaménagement a été menée au niveau des espaces Ooredoo qui offrent désormais plus de confort et de flexibilité.

Il y a lieu de rappeler que durant ces dernières années, le Groupe Ooredoo a lancé un programme de transformation des activités au niveau de l'entreprise. Elle a également investi massivement dans le renforcement des réseaux et de la technologie ainsi que l’enrichissement de la vie des personnes en offrant aux clients des expériences numériques transformatrices via Internet.

Cela a contribué à réaliser de performances concurrentielles solides dans les marchés où le groupe opère et ce grâce à des réalisations majeures qui ont élevé le nom de l’Etat du Qatar dans le monde dans le domaine des télécommunications, à travers notamment le lancement du premier réseau commercial 5G au monde en 2018.

La nouvelle identité visuelle de la marque Ooredoo est une progression naturelle dans le process de la transformation des activités de l'entreprise.