Gruppo Hera Luce e GasBusinessLuce e GasPartite IVA e professionistiPrezzo Netto Special Lavoro

Prezzo Netto Special Lavoro

Prezzo Netto Special Lavoro

Solo online puoi accedere ai prezzi all'ingrosso dell'energia elettrica e del gas naturale, fino ad oggi riservati ai grandi operatori del settore. Il Bonus Insieme per la tua attivita è a portata di click.

100 € di bonus su luce e gas per i nuovi clienti

Esclusiva digitale

Attiva il Diario dei Consumi

Gruppo Hera Luce e GasBusinessLuce e GasPartite IVA e professionistiPrezzo Netto Special Lavoro

Prezzo Netto Special Lavoro

Solo online puoi accedere ai prezzi all'ingrosso dell'energia elettrica e del gas naturale, fino ad oggi riservati ai grandi operatori del settore. Il Bonus Insieme per la tua attivita è a portata di click.

100 € di bonus su luce e gas per i nuovi clienti

Esclusiva digitale

Attiva il Diario dei Consumi

Si è verificato un errore nell'elaborarazione del modello.
The following has evaluated to null or missing:
==> serviceLocator  [in template "20099#20135#93612" at line 563, column 90]

----
Tip: If the failing expression is known to be 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: #assign layoutService = serviceLocato...  [in template "20099#20135#93612" at line 563, column 65]
----
1<#assign 
2	infoAgg = false 
3	offertaGas = false 
4	offertaLuce = false 
5	classCol = "col-lg-12" 
6	title = .vars['reserved-article-title'].data 
7	urlcustom = themeDisplay.getURLCurrent()?keep_before("?") 
8	isPromo = false 
9	nomePromo = "Offerta in promo" 
10	showWidget = false 
11	colClassOfferta = "col-lg-12" 
12	journalArticleServiceUtil = objectUtil("com.liferay.journal.service.JournalArticleServiceUtil") 
13	assetVocabularyServiceUtil = objectUtil("com.liferay.asset.kernel.service.AssetVocabularyServiceUtil") 
14	vocabularyId = 0 
15	parentArticleCount = journalArticleServiceUtil.getArticlesCountByArticleId(getterUtil.getLong(themeDisplay.getScopeGroup().getParentGroupId()), .vars['reserved-article-id'].data) 
16	articleCount = journalArticleServiceUtil.getArticlesCountByArticleId(getterUtil.getLong(scopeGroupId), .vars['reserved-article-id'].data) 
17/> 
18<#if articleCount gt 0 || parentArticleCount gt 0> 
19	<#if articleCount gt 0> 
20		<#assign 
21			vocabulariesList = assetVocabularyServiceUtil.getGroupVocabularies(themeDisplay.getScopeGroupId()) 
22			journalArticle = journalArticleServiceUtil.getArticle(getterUtil.getLong(scopeGroupId), .vars['reserved-article-id'].data) 
23		/> 
24	<#else> 
25		<#assign 
26			vocabulariesList = assetVocabularyServiceUtil.getGroupVocabularies(themeDisplay.getScopeGroup().getParentGroupId()) 
27			journalArticle = journalArticleServiceUtil.getArticle(getterUtil.getLong(themeDisplay.getScopeGroup().getParentGroupId()), .vars['reserved-article-id'].data) 
28		/> 
29	</#if> 
30	<#assign 
31		assetCategoryServiceUtil = objectUtil("com.liferay.asset.kernel.service.AssetCategoryServiceUtil") 
32		journalArticleCategories = assetCategoryServiceUtil.getCategories("com.liferay.journal.model.JournalArticle", journalArticle.getResourcePrimKey()) 
33		hasLuce = false 
34		hasGas = false 
35		formUrl = "offerte-luce-gas/sottoscrizione" 
36		target = "" 
37		subtarget = "" 
38		offerta = urlcustom?keep_after_last("/offerte-luce-gas/") 
39		prefUrl = urlcustom?keep_before("/offerte-luce-gas/") 
40		prefUrlCondividi = themeDisplay.getPortalURL() 
41	/> 
42	<#list vocabulariesList as vocabulary> 
43	    <#assign vocabularyName = vocabulary.getName() /> 
44	    <#if vocabularyName?? && vocabularyName?lower_case == "servizio"> 
45	        <#assign vocabularyId = vocabulary.getVocabularyId() /> 
46	    </#if> 
47	</#list> 
48	<#if urlcustom?contains("/business/")> 
49		<#assign 
50			isCasa = false 
51			target = "business" 
52			subtarget = urlcustom?keep_after_last("/business/offerte-luce-gas/") 
53			subtarget = subtarget?keep_before("/") 
54			offerta = urlcustom?keep_after_last("/" + subtarget + "/") 
55		/> 
56	<#else> 
57		<#assign 
58			isCasa = true 
59			target = "casa" 
60		/> 
61	</#if> 
62	<#assign formUrl = prefUrl + "/" + formUrl /> 
63	<#list journalArticleCategories as category> 
64		<#if category.vocabularyId == vocabularyId> 
65			<#switch category.name?lower_case> 
66				<#case "luce"> 
67					<#assign hasLuce=true /> 
68					<#break /> 
69				<#case "gas"> 
70					<#assign hasGas=true /> 
71					<#break /> 
72				<#default> 
73					<#break /> 
74			</#switch> 
75		</#if> 
76	</#list> 
77	<#if TipologiaOffertaGas?? || TipologiaOffertaLuce??> 
78		<#if TipologiaOffertaGas.getData() != "" || TipologiaOffertaLuce.getData() != ""> 
79			<#assign infoAgg=true /> 
80			<#if TitoloIntro.getData() != "" || DescrizioneIntro.getData() != ""> 
81				<#assign classCol="col-lg-6" /> 
82			</#if> 
83			<#if TipologiaOffertaGas.getData() != ""> 
84			<#assign offertaGas=true> 
85			</#if> 
86			<#if TipologiaOffertaLuce.getData() != ""> 
87			<#assign offertaLuce=true> 
88			</#if> 
89		</#if> 
90	</#if> 
91	<#if OffertaInPromozione??> 
92		<#if OffertaInPromozione.getData()?? && OffertaInPromozione.getData() == "si"> 
93			<#assign isPromo = true /> 
94		</#if> 
95	</#if> 
96	<#if isPromo> 
97		<#if NomePromozione??> 
98			<#if NomePromozione.getData()?? && NomePromozione.getData() != ""> 
99				<#assign nomePromo = NomePromozione.getData() /> 
100			</#if> 
101		</#if> 
102	</#if> 
103	<#if MostraWidgetAttivaOra??> 
104		<#if MostraWidgetAttivaOra.getData()?? && MostraWidgetAttivaOra.getData() == "si"> 
105			<#assign 
106				showWidget = true 
107				colClassOfferta = "col-lg-8" 
108			/> 
109		</#if> 
110	</#if> 
111	<#-- Widget --> 
112	<#if showWidget> 
113		<section id="widget-offerta"> 
114			<div class="container position-relative d-none d-sm-block"> 
115				<div class="row"> 
116					<div class="offset-lg-8 col-lg-4 col-widget-offerta px-0 px-sm-3 d-none d-lg-block"> 
117						<div class="fixed-widget-offerta-container py-5"> 
118							<div class="fixed-widget-offerta-inner-container white-box position-relative text-center p-4 mt-4" style="box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);"> 
119								<#if isPromo> 
120									<h4 class="darkish-pink text-uppercase bigger bolder mb-1 offerta-name">${nomePromo}</h4> 
121								<#else> 
122									<h4 class="darkish-pink text-uppercase small bolder mb-1 offerta-name">${offer_NOMEDELLOFFERTA.getData()}</h4> 
123								</#if> 
124								<div class="black-three x-bigger bolder letter-spacing-sm mb-3">ATTIVA ORA</div> 
125 
126									<div class="row px-4"> 
127										<#if hasLuce> 
128										 <#assign fullurl = "https://heracomm.gruppohera.it" + urlcustom + "/sottoscrizione-luce" /> 
129											<div class="col-lg-6 pb-3"> 
130												<a class="attivalucebutton gradient-text btn w-100 justify-content-center" href="${fullurl}" data-tipoofferta="luce"> 
131													<i class="icon-energia mr-2"></i> Luce 
132												</a> 
133											</div> 
134										</#if> 
135										<#if hasGas> 
136										<#assign fullurl = "https://heracomm.gruppohera.it" + urlcustom + "/sottoscrizione-gas" /> 
137											<div class="col-lg-6 pb-3"> 
138												<a class="attivagasbutton gradient-text btn w-100 justify-content-center" href="${fullurl}" data-tipoofferta="gas"> 
139													<i class="icon-gas mr-2"></i> Gas 
140												</a> 
141											</div> 
142										</#if> 
143 
144										<input type="hidden" name="target" value="${target}" required /> 
145										<input type="hidden" name="subtarget" value="${subtarget}" required /> 
146										<input type="hidden" name="offerta" value="${offerta}" required /> 
147										<input type="hidden" name="luce" value="0" required /> 
148										<input type="hidden" name="gas" value="0" required /> 
149									</div> 
150							</div> 
151							<div class="white-two-bg position-relative text-center px-4 pb-3"> 
152								<h4 class="greyish-brown text-uppercase small bolder mb-3">Hai bisogno di aiuto?</h4> 
153								<div class="row text-left"> 
154									<div class="col-xl-12  text-center pb-2"> 
155										<a id="tichiamiamooff" class="gradient-text font-weight-bold" href="#" style="font-size:14px"> 
156											<i class="icon-consulente title-mid gradient-text big align-sub mr-1"></i>Ti chiamiamo noi 
157										</a> 
158									</div> 
159									<div class="col-xl-12 pb-2 text-center" id="vvc-activate-box"> 
160									</div> 
161									<!-- <div class="col-xl-6 pb-2"> 
162										<a class="gradient-text font-weight-bold" href="#" style="font-size:14px"> 
163											<i class="icon-info-alt title-mid gradient-text big align-sub mr-1"></i>Attiva la chat 
164										</a> 
165									</div> --> 
166								</div> 
167							</div> 
168						</div> 
169					</div> 
170				</div> 
171			</div> 
172		</section> 
173		<!-- widget mobile--> 
174		<section class="container"> 
175			<div class="mobile d-lg-none white" style="background-color: white;"> 
176				<div class="fixed-widget-offerta-container container text-center" style="margin-top: 0px!important;"> 
177						<div class="row px-4 pt-4 justify-content-center"> 
178							<div class="col-xs-12"> 
179								<#if isPromo> 
180									<p class="darkish-pink text-uppercase bold">${nomePromo}</p> 
181								<#else> 
182									<p class="darkish-pink text-uppercase bold">Offerta</p> 
183								</#if> 
184								<p class="black bold x-bigger pb-2" style="margin-top: -15px;">ATTIVA ORA</p> 
185							</div> 
186							<div class="row px-4"> 
187								<#if hasLuce> 
188								<#assign fullurl = "https://heracomm.gruppohera.it" + urlcustom + "/sottoscrizione-luce" /> 
189									<div class="col-xs-6 pb-3"> 
190									<a class="attivalucebuttonmobile btn btn-border darkish-color white-bg w-100 justify-content-center" href="${fullurl}" data-tipoofferta="luce"> 
191											<i class="icon-energia mr-2"></i> Luce 
192										</a> 
193									</div> 
194								</#if> 
195								<#if hasGas> 
196								 <#assign fullurl = "https://heracomm.gruppohera.it" + urlcustom + "/sottoscrizione-gas" /> 
197									<div class="col-xs-6 pb-3"> 
198										<a class="attivagasbuttonmobile btn btn-border darkish-color white-bg w-100 justify-content-center" href="${fullurl}" data-tipoofferta="gas"> 
199											<i class="icon-gas mr-2"></i> Gas 
200										</a> 
201									</div> 
202								</#if> 
203								<input type="hidden" name="target" value="${target}" required /> 
204								<input type="hidden" name="subtarget" value="${subtarget}" required /> 
205								<input type="hidden" name="offerta" value="${offerta}" required /> 
206								<input type="hidden" name="luce" value="0" required /> 
207								<input type="hidden" name="gas" value="0" required /> 
208							</div> 
209					</div> 
210				</div> 
211				<div class="white-two-bg position-relative text-center px-2 pb-3"> 
212					<h4 class="greyish-brown text-uppercase small bolder mb-3 text-center mt-4 pt-3">Hai bisogno di aiuto?</h4> 
213					<div class="row"> 
214						<div class="col-xs-12 text-center pb-2"> 
215							<a id="tichiamiamooff" class="gradient-text letter-spacing-sm font-weight-bold" href="#" style="font-size:15px"> 
216								<i class="icon-consulente title-mid gradient-text big align-sub mr-1"></i> 
217								Ti chiamiamo noi 
218							</a> 
219						</div> 
220						<div class="col-xs-12 pb-2 text-center" id="vvc-activate-box-mobile"> 
221						</div> 
222						<!-- <div class="col-xs-12 text-center pb-2"> 
223							<a class="gradient-text letter-spacing-sm font-weight-bold" href="#" style="font-size:15px"> 
224								<i class="icon-info-alt title-mid gradient-text big align-sub mr-1"></i>Attiva la chat 
225							</a> 
226						</div> --> 
227					</div> 
228				</div> 
229				<!-- Attiva ora a comparsa mobile--> 
230                <div class="showmobilewidget mobile d-lg-none container gradient"  
231                style="position: fixed;bottom: 0px;z-index: 50;margin-left: -16px;">  
232    	        <div class="row px-5 justify-content-center">   
233        	        <div class="col-xs-12"> 
234        	            <div class="white text-center bold x-bigger my-2"> 
235        	                Attiva ora 
236        	            </div>  
237        	        </div> 
238            	        <div class="col-xs-6 pb-3"> 
239            	        	<#if hasLuce> 
240								    <#assign fullurl= urlcustom + "/sottoscrizione-luce" /> 
241							</#if> 
242            	            <a class="btn btn-border darkish-color white-bg w-100 justify-content-center"  
243            	                href="${fullurl}"  
244            	                data-tipoofferta="luce"> 
245            	                <i class="icon-energia mr-2"></i> Luce  
246            	            </a>  
247            	       </div>  
248            	       <div class="col-xs-6 pb-3"> 
249            	            <#if hasGas> 
250								    <#assign fullurl= urlcustom + "/sottoscrizione-gas" /> 
251							</#if> 
252        	                <a class="btn btn-border darkish-color white-bg w-100 justify-content-center"  
253        	                href="${fullurl}"  
254        	                data-tipoofferta="gas">  
255        	                <i class="icon-gas mr-2"></i> Gas </a>  
256        	           </div> 
257    	            </div>  
258    	        </div> 
259			</div> 
260		</section> 
261	</#if> 
262 
263	<#-- ************* Modale per avviso Condividi ************** --> 
264	<style> 
265		/* The Modal (background) */ 
266		.offerta-modal { 
267			display: none; /* Hidden by default */ 
268			position: fixed; /* Stay in place */ 
269			z-index: 1; /* Sit on top */ 
270			padding-top: 300px; /* Location of the box */ 
271			left: 0; 
272			top: 0; 
273			width: 100%; /* Full width */ 
274			height: 100%; /* Full height */ 
275			overflow: auto; /* Enable scroll if needed */ 
276			background-color: rgb(0,0,0); /* Fallback color */ 
277			background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ 
278
279 
280		/* Modal Content */ 
281		.offerta-modal-content { 
282		  	background-color: #fefefe; 
283		  	margin: auto; 
284		  	padding: 20px; 
285		  	border: 1px solid #888; 
286		  	width: 80%; 
287
288 
289		/* The close_offerta Button */ 
290		.close_offerta { 
291		  	color: #aaaaaa; 
292		  	float: right; 
293		  	font-size: 28px; 
294		  	font-weight: bold; 
295
296 
297		.close_offerta:hover, 
298		.close_offerta:focus { 
299		  	color: #000; 
300		  	text-decoration: none; 
301		  	cursor: pointer; 
302
303	</style> 
304	<#assign completeUrl = prefUrlCondividi + urlcustom /> 
305 
306	<!-- The Modal --> 
307	<div id="myModal" class="modal offerta-modal" style="z-index:100"> 
308	  <!-- Modal content --> 
309	  <div class="modal-content offerta-modal-content col-lg-3"> 
310		   <span class="close_offerta text-right" style="color:red;">&times;</span> 
311			<div> 
312				<h3 class="bigger text-center mb-3">Condividi l'offerta coi tuoi amici inoltrandogli questo link</h3> 
313				<input type="text" value="${completeUrl}" id="myInput" class="text-center" disabled> 
314			</div> 
315			<div class="text-center"> 
316				<button id="copyLinkButton" onclick="copyToClipBoard()" class="btn gradient white text-center mt-3">Copia Link</button> 
317			</div> 
318	  	</div> 
319	</div> 
320 
321	<script> 
322		// Get the modal 
323		var modal = document.getElementById("myModal"); 
324		// Get the button that opens the modal 
325		var btn = document.getElementById("myBtn"); 
326		var btnMobile = document.getElementById("myBtn_mobile"); 
327		// Get the <span> element that closes the modal 
328		var span = document.getElementsByClassName("close_offerta")[0]; 
329 
330		if (btn !== null) { 
331			// When the user clicks the button, open the modal 
332			btn.onclick = function() { 
333					modal.style.display = "block"; 
334					$( "#copyLinkButton" ).prop( "disabled", false ); 
335
336
337 
338		if (btnMobile !== null) { 
339			btnMobile.onclick = function() { 
340		  		modal.style.display = "block"; 
341		   		$( "#copyLinkButton" ).prop( "disabled", false ); 
342
343
344 
345		// When the user clicks on <span> (x), close the modal 
346		span.onclick = function() { 
347	  		modal.style.display = "none"; 
348	  		$("#copiedToClipboard").remove(); 
349
350 
351		// When the user clicks anywhere outside of the modal, close it 
352		window.onclick = function(event) { 
353	  		if (event.target == modal) { 
354	    		modal.style.display = "none"; 
355
356
357 
358		function copyToClipBoard() { 
359	  		/* Get the text field */ 
360	  		var copyText = document.getElementById("myInput"); 
361	  		/* Select the text field */ 
362	  		copyText.select(); 
363	  		/* Copy the text inside the text field */ 
364	  		document.execCommand("copy"); 
365	  		/* Alert the copied text */ 
366	  		$("#copyLinkButton").after('<div id="copiedToClipboard" class="text-center"><font color="green" size="2">Copiato</font></div>'); 
367	  		$("#copyLinkButton").prop( "disabled", true ); 
368
369	</script> 
370 
371	<#-- ************* Sezione "Intro offerta" ************* --> 
372	<#if IntroOfferta??> 
373		<#if IntroOfferta.getData() != ""> 
374			<section id="intro-offerta"> 
375			    <div class="container py-3"> 
376			        <div class="row"> 
377			            <div class="col-lg-8 smaller"> 
378							${IntroOfferta.getData()} 
379			            </div> 
380			        </div> 
381			    </div> 
382			</section> 
383		</#if> 
384	</#if> 
385     
386	<#-- ************* Sezione "Informazioni offerta e snippet HTML" ************* --> 
387	<#if TitoloIntro.getData() !="" || DescrizioneIntro.getData() !="" || infoAgg> 
388		<section id="tariffa-chart"> 
389			<div class="container position-relative py-5"> 
390				<div class="row"> 
391					<div class="${colClassOfferta}"> 
392						<div class="row"> 
393							<#if TitoloIntro.getData() !="" || DescrizioneIntro.getData() !=""> 
394								<div class="${classCol}"> 
395									<#if TitoloIntro??> 
396										<#if TitoloIntro.getData() !=""> 
397											<h3 class="gradient-text title-big letter-spacing-sm bolder mb-5">${TitoloIntro.getData()}</h3> 
398										</#if> 
399									</#if> 
400									<#if DescrizioneIntro??> 
401										<#if DescrizioneIntro.getData() !=""> 
402											<blockquote class="black-three big letter-spacing-sm l15 pr-lg-5">${DescrizioneIntro.getData()}</blockquote> 
403										</#if> 
404									</#if> 
405								</div> 
406							</#if> 
407							<#if infoAgg> 
408							<div class="col-lg-6"> 
409								<#if ImmaginePromozione??> 
410									<#if ImmaginePromozione.getData()??> 
411										<div class="position-absolute mt-0" id="img-promo" style="top: -10px; right: 10px; max-width: 145px;"> 
412										    <#assign immaginePromoAlt = "" /> 
413										    <#if ImmaginePromozione.getAttribute("alt")??> 
414										        <#assign immaginePromoAlt = ImmaginePromozione.getAttribute("alt") /> 
415										    </#if> 
416											<img alt="${immaginePromoAlt}" src="${ImmaginePromozione.getData()}" style="max-height: 120px;" /> 
417										</div> 
418									</#if> 
419								</#if> 
420								<nav class="chart-tabs mt-5"> 
421									<div class="nav nav-tabs align-items-center mt-2 mb-5 ml-3" id="nav-tab" role="tablist"><a class="nav-item nav-link active" data-toggle="tab" href="#chart-luce" id="chartofferteluce"><i class="icon-energia"></i> Luce</a> 
422									<a class="nav-item nav-link" data-toggle="tab" href="#chart-gas" id="chartoffertegas"><i class="icon-gas"></i> Gas</a></div> 
423								</nav> 
424								<#if offertaGas> 
425								<div id="tabella-offerte-gas"> 
426								<#if TipologiaOffertaGas.getSiblings()?has_content> 
427									<#list TipologiaOffertaGas.getSiblings() as cur_TipologiaOffertaGas> 
428										<div class="row"> 
429										<#if cur_TipologiaOffertaGas.ImmagineTipologiaOffertaGas.getData()?? && cur_TipologiaOffertaGas.ImmagineTipologiaOffertaGas.getData()!=""> 
430												<div class="col-lg-3 d-none d-lg-block"> 
431													<img alt="${cur_TipologiaOffertaGas.ImmagineTipologiaOffertaGas.getAttribute("alt")}" src="${cur_TipologiaOffertaGas.ImmagineTipologiaOffertaGas.getData()}" /> 
432												</div> 
433												<div class="col-lg-9 gradient-text x-bigger letter-spacing-sm bolder mb-5 my-auto d-none d-lg-block"> 
434												${cur_TipologiaOffertaGas.getData()} 
435												</div> 
436												<!-- Mobile --> 
437												<div class="mobile d-lg-none"> 
438													<img alt="${cur_TipologiaOffertaGas.ImmagineTipologiaOffertaGas.getAttribute("alt")}"  
439                                                    src="${cur_TipologiaOffertaGas.ImmagineTipologiaOffertaGas.getData()}" style="max-width:80%;"/> 
440												</div> 
441												<div class="mobile d-lg-none gradient-text x-bigger letter-spacing-sm bolder mb-5 my-auto"> 
442												${cur_TipologiaOffertaGas.getData()} 
443												</div> 
444										<#else> 
445										<div class="col-lg-12 gradient-text x-bigger letter-spacing-sm bolder mb-5 text-center my-auto"> 
446												${cur_TipologiaOffertaGas.getData()} 
447												</div> 
448										</#if> 
449										</div> 
450									<div> 
451									${cur_TipologiaOffertaGas.TabellaTipologiaOffertaGas.getData()} 
452									</div> 
453									</#list> 
454								</#if> 
455							<hr class="w-100"> 
456							<#if FooterTipologiaOffertaGas.getData() != ""> 
457							${FooterTipologiaOffertaGas.getData()} 
458							</#if> 
459								</div> 
460								</#if> 
461								<#if offertaLuce> 
462								<div id="tabella-offerte-luce"> 
463								<#if TipologiaOffertaLuce.getSiblings()?has_content> 
464									<#list TipologiaOffertaLuce.getSiblings() as cur_TipologiaOffertaLuce> 
465										<div class="row"> 
466										<#if cur_TipologiaOffertaLuce.ImmagineTipologiaOffertaLuce.getData()?? && cur_TipologiaOffertaLuce.ImmagineTipologiaOffertaLuce.getData()!=""> 
467												<div class="col-lg-3 d-none d-lg-block"> 
468													<img alt="${cur_TipologiaOffertaLuce.ImmagineTipologiaOffertaLuce.getAttribute("alt")}" src="${cur_TipologiaOffertaLuce.ImmagineTipologiaOffertaLuce.getData()}" /> 
469												</div> 
470												<div class="col-lg-9 gradient-text x-bigger letter-spacing-sm bolder mb-5 my-auto d-none d-lg-block"> 
471												${cur_TipologiaOffertaLuce.getData()} 
472												</div> 
473 
474												<!-- Mobile --> 
475												<div class="mobile d-lg-none"> 
476													<img  alt="${cur_TipologiaOffertaLuce.ImmagineTipologiaOffertaLuce.getAttribute("alt")}" 
477                                                    src="${cur_TipologiaOffertaLuce.ImmagineTipologiaOffertaLuce.getData()}" style="max-width:80%;"/> 
478												</div> 
479												<div class="mobile d-lg-none gradient-text x-bigger letter-spacing-sm bolder mb-5 my-auto"> 
480												${cur_TipologiaOffertaLuce.getData()} 
481												</div> 
482										<#else> 
483												<div class="col-lg-12 gradient-text x-bigger letter-spacing-sm bolder mb-5 text-center my-auto"> 
484												${cur_TipologiaOffertaLuce.getData()} 
485												</div> 
486										</#if> 
487										</div> 
488									<div> 
489									${cur_TipologiaOffertaLuce.TabellaTipologiaOffertaLuce.getData()} 
490									</div> 
491									</#list> 
492								</#if> 
493							<hr class="w-100"> 
494							<#if FooterTipologiaOffertaLuce.getData() != ""> 
495							${FooterTipologiaOffertaLuce.getData()} 
496							</#if> 
497								</div> 
498							</div> 
499								</#if> 
500							</#if> 
501						</div> 
502					</div> 
503				</div> 
504			</div> 
505		</section> 
506	</#if> 
507 
508	<#-- ************* Sezione "Servizi e tool inclusi nell'offerta" ************* --> 
509	<#if ServizioToolIncluso.getSiblings()?has_content> 
510		<section id="gestire-energia"> 
511			<#assign title="Inclusi nell'offerta" /> 
512			<#if urlcustom?contains("simply-hera")> 
513				<#assign title = "Conosci la tua energia?" /> 
514			</#if> 
515			<div class="container"> 
516				<div class="row align-items-center d-none d-lg-block"> 
517					<div class="${colClassOfferta}"> 
518						<h3 class="gradient-text title-big letter-spacing-sm bolder mb-5">${title}</h3> 
519					</div> 
520				</div> 
521				<div class="row align-items-center mobile d-lg-none pt-5"> 
522					<div class="${colClassOfferta}"> 
523						<h3 class="gradient-text title-big letter-spacing-sm bolder">${title}</h3> 
524					</div> 
525				</div> 
526				<div class="row"> 
527					<#assign istanceCounter = 0 /> 
528					<#list ServizioToolIncluso.getSiblings() as cur_ServizioToolIncluso> 
529						<#assign firstTimeServizioToolIncluso=true /> 
530						<#if cur_ServizioToolIncluso??> 
531							<#if cur_ServizioToolIncluso.getData() !=""> 
532								<#assign 
533									actServizioToolIncluso = cur_ServizioToolIncluso.getData()?eval 
534									actServizioToolInclusoClassPK = actServizioToolIncluso.classPK?number 
535									journalArticleServizioToolIncluso = journalArticleServiceUtil.getLatestArticle(actServizioToolInclusoClassPK) 
536									docXmlServizioToolIncluso = saxReaderUtil.read(journalArticleServizioToolIncluso.getContentByLocale(locale.toString())) 
537									immagineSoIn = docXmlServizioToolIncluso.valueOf("//dynamic-element[@name='imageSoIn']/dynamic-content/text()") 
538									immagineMob = docXmlServizioToolIncluso.valueOf("//dynamic-element[@name='ImmagineMob']/dynamic-content/text()") 
539									title = journalArticleServizioToolIncluso.getTitle(locale) 
540									summary = journalArticleServizioToolIncluso.getDescription(locale) 
541									firstTimeServizioToolIncluso = false 
542								/> 
543								<#if immagineSoIn == ""> 
544									<#assign immagineSoIn = immagineMob	/> 
545								</#if> 
546								<#list "${immagineSoIn}" ?split(",") as imageTmpSingleVar> 
547									<#assign imageSingleVar=imageTmpSingleVar?split(":") /> 
548									<#if imageSingleVar[0]?contains("groupId")> 
549										<#assign immagineStrGroupID=imageSingleVar[1]?replace('"', '' ) /> 
550									<#elseif imageSingleVar[0]?contains("name")> 
551										<#assign 
552											immagineStrName=imageSingleVar[1]?replace('"', '' ) 
553											immagineStrName=immagineStrName?replace(' ', ' +') 
554										/> 
555									<#elseif imageSingleVar[0]?contains("uuid")> 
556										<#assign immagineStrUUID=imageSingleVar[1]?replace('"', '') /> 
557									</#if> 
558								</#list> 
559								<#assign immagineUrl="" /> 
560								<#if immagineStrGroupID?? && immagineStrName?? && immagineStrUUID??> 
561									<#assign immagineUrl="/documents/" + immagineStrGroupID + "/0/" + immagineStrName + "/" + immagineStrUUID /> 
562								</#if> 
563								<#assign layoutService = serviceLocator.findService("com.liferay.portal.kernel.service.LayoutService") /> 
564								<#if themeDisplay.getScopeGroup().getParentGroupId() gt 0> 
565									<#assign articleLayout = layoutService.getLayoutByUuidAndGroupId(journalArticleServizioToolIncluso.getLayoutUuid(), themeDisplay.getScopeGroup().getParentGroupId() , false) /> 
566								<#else> 
567									<#assign articleLayout = layoutService.getLayoutByUuidAndGroupId(journalArticleServizioToolIncluso.getLayoutUuid(), getterUtil.getLong(scopeGroupId) , false) /> 
568								</#if> 
569								<#assign friendlyUrl = layout.getGroup().getDisplayURL(themeDisplay, false) + articleLayout.getFriendlyURL(locale) /> 
570								<#if articleLayout.getFriendlyURL(locale)?contains("hera-fast-check-up")> 
571								<#assign 								 
572								friendlyUrlFastCheckup = "/casa/soluzioni-innovative#fastCheckupAnchorId"  
573								friendlyUrl = layout.getGroup().getDisplayURL(themeDisplay, false) + friendlyUrlFastCheckup 
574								/> 
575								</#if> 
576							 
577								<div class="col-md-4 mb-5 d-none d-lg-block"> 
578									<div class="tile"> 
579										<div class="row"> 
580											<div class="col-lg-4 pt-4 pr-lg-0"> 
581												<a href="${friendlyUrl}"> 
582													<img src="${immagineUrl}" class="w-100" /> 
583												</a> 
584											</div> 
585											<div class="col-lg-8 tile-content"> 
586												<a href="${friendlyUrl}"> 
587													<h5 class="x-bigger gradient-text bolder letter-spacing-sm">${title}</h5> 
588													<div class="black-three small letter-spacing-sm l14">${summary}</div> 
589													<span class="black-three small letter-spacing-sm medium">Scopri di più<i class="icon-arrow-r align-middle darkish-pink pl-2"></i></span> 
590												</a> 
591											</div> 
592										</div> 
593									</div> 
594								</div> 
595 
596								<!-- Mobile --> 
597								<#if istanceCounter == 0> 
598									<div class="col-md-4 mobile d-lg-none"> 
599								<#else> 
600									<div class="col-md-4 mt-4 mobile d-lg-none"> 
601								</#if> 
602								<div class="tile"> 
603									<div class="row"> 
604										<div class="col-xs-4 pt-4 pr-lg-0"> 
605											<a href="${friendlyUrl}"> 
606												<img src="${immagineUrl}" class="w-100" /> 
607											</a> 
608										</div> 
609										<div class="col-xs-8 tile-content"> 
610											<a href="${friendlyUrl}"> 
611												<h5 class="x-bigger gradient-text bolder letter-spacing-sm">${title}</h5> 
612												<div class="black-three small letter-spacing-sm l14">${summary}</div> 
613												<span class="black-three small letter-spacing-sm medium">Scopri di più<i class="icon-arrow-r align-middle darkish-pink pl-2"></i></span> 
614											</a> 
615										</div> 
616									</div> 
617								</div> 
618								</div> 
619							<#elseif firstTimeServizioToolIncluso> 
620								<style> 
621									#gestire-energia { 
622										display: none 
623
624								</style> 
625							</#if> 
626						<#elseif firstTimeServizioToolIncluso> 
627							<style> 
628								#gestire-energia { 
629									display: none 
630
631							</style> 
632						</#if> 
633						<#assign istanceCounter = istanceCounter + 1 /> 
634					</#list> 
635				</div> 
636			</div> 
637		</section> 
638	</#if> 
639 
640	<#-- ************* Sezione "Servizi e tool consigliati" ************* --> 
641	<#if urlcustom?contains("hera-impronta-zero")> 
642		<#assign titoloSTC = "Aggiungi le nostre soluzioni: per te 20€ di sconto" /> 
643	<#else> 
644		<#assign titoloSTC = "Servizi e Tool consigliati" /> 
645	</#if> 
646	<#if ServizioToolConsigliato.getSiblings()?has_content> 
647		<section id="servizi-tool" class="py-5"> 
648			<div class="container py-md-5"> 
649				<h3 class="title-big white letter-spacing-sm bolder mt-5 mb-4 d-none d-lg-block">${titoloSTC}</h3> 
650				<!-- <h3> Mobile --> 
651				<h3 class="title-normal white letter-spacing-sm bolder mb-4 mobile d-lg-none">${titoloSTC}</h3> 
652				<div class="row"> 
653					<div class="${colClassOfferta}"> 
654						<div class="row mr-2"> 
655							<#list ServizioToolConsigliato.getSiblings() as cur_ServizioToolConsigliato> 
656								<#assign firstTimeServizioToolConsigliato=true /> 
657								<#if cur_ServizioToolConsigliato??> 
658									<#if cur_ServizioToolConsigliato.getData() !=""> 
659										<#assign 
660											actServizioToolConsigliato = cur_ServizioToolConsigliato.getData()?eval 
661											actServizioToolConsigliatoClassPK = actServizioToolConsigliato.classPK?number 
662											journalArticleServizioToolConsigliato = journalArticleServiceUtil.getLatestArticle(actServizioToolConsigliatoClassPK) 
663											docXmlServizioToolConsigliato = saxReaderUtil.read(journalArticleServizioToolConsigliato.getContentByLocale(locale.toString())) 
664											title = journalArticleServizioToolConsigliato.getTitle(locale) 
665											summary = journalArticleServizioToolConsigliato.getDescription(locale) 
666											base = docXmlServizioToolConsigliato.valueOf("//dynamic-element[@name='description']/dynamic-content/text()") 
667											tipoicona = docXmlServizioToolConsigliato.valueOf("//dynamic-element[@name='TipoIcona']/dynamic-content/text()") 
668											firstTimeServizioToolConsigliato = false 
669										/> 
670										<#assign layoutService = serviceLocator.findService("com.liferay.portal.kernel.service.LayoutService") /> 
671										<#if themeDisplay.getScopeGroup().getParentGroupId() gt 0> 
672											<#assign articleLayout = layoutService.getLayoutByUuidAndGroupId(journalArticleServizioToolConsigliato.getLayoutUuid(), themeDisplay.getScopeGroup().getParentGroupId() , false) /> 
673										<#else> 
674											<#assign articleLayout = layoutService.getLayoutByUuidAndGroupId(journalArticleServizioToolConsigliato.getLayoutUuid(), getterUtil.getLong(scopeGroupId) , false) /> 
675										</#if> 
676										<#assign friendlyUrl = layout.getGroup().getDisplayURL(themeDisplay, false) + articleLayout.getFriendlyURL(locale) /> 
677										<div class="col-md-4 pr-md-0 mb-4"> 
678											<a href="${friendlyUrl}" class="white-box d-block h-100 p-3"> 
679												<div class="row"> 
680													<div class="col-2 pt-1"> 
681														<i class="${tipoicona} gradient-text title-mid"></i> 
682													</div> 
683													<div class="col-10"> 
684														<h4 class="gradient-text big letter-spacing-sm font-weight-bold">${title}</h4> 
685														<div class="greyish-brown small letter-spacing-sm l13 mb-0">${summary}</div> 
686													</div> 
687												</div> 
688											</a> 
689										</div> 
690									<#elseif firstTimeServizioToolConsigliato> 
691										<style> 
692											#servizi-tool { 
693												display: none 
694
695										</style> 
696									</#if> 
697								<#elseif firstTimeServizioToolConsigliato> 
698									<style> 
699										#servizi-tool { 
700											display: none 
701
702									</style> 
703								</#if> 
704							</#list> 
705						</div> 
706					</div> 
707				</div> 
708			</div> 
709		</section> 
710	</#if> 
711 
712	<#-- ************* Sezione "L'offerta nel dettaglio" ************* --> 
713	<#if TestoDettaglioOfferta.getSiblings()?has_content && TestoDettaglioOfferta.getData() !=""> 
714		<section id="list" class="white-two-bg py-5"> 
715			<div class="container py-3"> 
716				<h3 class="title-big black-three letter-spacing-sm bolder">Altri Vantaggi</h3> 
717				<div class="row mt-4 pt-3"> 
718					<div class="${colClassOfferta}"> 
719						<ul class="pl-lg-5 list-unstyled greyish-brown big letter-spacing-sm"> 
720							<#list TestoDettaglioOfferta.getSiblings() as cur_TestoDettaglioOfferta> 
721								<#assign colorCheck=cur_TestoDettaglioOfferta.ColoreElencoPuntato.getData() /> 
722								<#if colorCheck=="verde"> 
723									<li class="${colorCheck}">${cur_TestoDettaglioOfferta.getData()}</li> 
724								<#else> 
725									<li>${cur_TestoDettaglioOfferta.getData()}</li> 
726								</#if> 
727							</#list> 
728						</ul> 
729				<#if HtmlDettaglioOfferta??> 
730					<div class="greyish-brown big bolder letter-spacing-sm l13 mb-0">	 
731						${HtmlDettaglioOfferta.getData()} 
732					</div>	 
733				</#if> 
734					</div> 
735				</div> 
736			</div> 
737		</section> 
738	</#if> 
739 
740	<#-- ************* Sezione "Domande frequenti" ************* --> 
741	<#if TitoloFaq??> 
742		<#list TitoloFaq.getSiblings()> 
743			<#assign firstTimeTitoloFaq=true /> 
744			<section id="faq" class="pt-4"> 
745				<div class="container position-relative pt-5"> 
746					<#if urlcustom?contains("hera-impronta-zero")> 
747						<h3 class="title-big black-three letter-spacing-sm bolder">Gas Verde 100% CO<sub>2</sub> Free</h3> 
748						<div class="black-three big letter-spacing-sm l15 pr-lg-5 py-4"> 
749							<span>Hera Impronta Zero ti garantisce gas naturale le cui emissioni di CO2 sono compensate <br/> tramite l’acquisto di crediti di carbonio certificati, con i quali sovvenzioniamo progetti <br/> internazionali di riduzione delle emissioni di gas a effetto serra in atmosfera. 
750							</span> 
751						</div> 
752						<div class="container greyish-brown small"> 
753						<span>Contribuisci anche tu a realizzare questi 4 Sustainable Development Goals dell’Agenda Onu 2030</span> 
754						<img src="https://heracomm.gruppohera.it/documents/83408/0/theGlobalGoals.png/95113ede-52e4-b0aa-9399-da71fdeae05f?t=1562058787111" class="w-50" /> 
755						</div> 
756						<br> 
757						<div> 
758							<span class="black-three big letter-spacing-sm l15 pr-lg-5 py-5">I progetti finanziati sono certificati dai più alti standard internazionali in materia di riduzione <br/> delle emissioni di carbonio. 
759							</span> 
760						</div> 
761					<#else> 
762						<h3 class="title-big black-three letter-spacing-sm bolder">Domande frequenti</h3> 
763					</#if> 
764					<div class="row mt-4"> 
765						<div class="${colClassOfferta}"> 
766							<ul class="pl-lg-5 list-unstyled"> 
767								<#items as curFaq> 
768									<#if curFaq??> 
769										<#if curFaq.getData() !=""> 
770											<#assign firstTimeTitoloFaq=false /> 
771											<li class="mt-3 pt-3"> 
772												<a href="#" class="big medium burnt-yellow" data-toggle="collapse" data-target="#FAQ-${curFaq?index}" aria-expanded="false" aria-controls="collapseExample"> 
773													${curFaq.getData()} 
774													<i class="icon-chevron-down greyish-brown title-mid float-right d-none d-sm-inline"></i> 
775												</a> 
776												<div class="collapse" id="FAQ-${curFaq?index}"> 
777													${curFaq.getChild('DescrizioneFaq').getData()} 
778												</div> 
779											</li> 
780										<#elseif firstTimeTitoloFaq> 
781											<style> 
782												#faq { 
783													display: none 
784
785											</style> 
786										</#if> 
787									<#elseif firstTimeTitoloFaq> 
788										<style> 
789											#faq { 
790												display: none 
791
792										</style> 
793									</#if> 
794								</#items> 
795							</ul> 
796						</div> 
797					</div> 
798				</div> 
799			</section> 
800		</#list> 
801	</#if> 
802 
803	<#-- ************* Sezione "Documenti e Modulistica" ************* --> 
804	<#if DocumentiEModulistica.getData()!=""> 
805		<#if DocumentiEModulistica.getSiblings()?has_content> 
806			<section id="doc-list" class="pb-4"> 
807				<div class="container py-5"> 
808					<h3 class="title-big black-three letter-spacing-sm bolder mt-5 pt-3 d-none d-lg-block">Documenti e Modulistica</h3> 
809					<!-- <h3> Mobile --> 
810					<h3 class="title-normal black-three letter-spacing-sm bolder mt-5 pt-3 mobile d-lg-none">Documenti e Modulistica</h3> 
811					<div class="row"> 
812						<div class="${colClassOfferta}"> 
813							<div class="row mt-5 pl-lg-5"> 
814								<#list DocumentiEModulistica.getSiblings() as cur_documentoAllegato> 
815									<#assign dlFileEntryService=serviceLocator.findService("com.liferay.document.library.kernel.service.DLFileEntryService") /> 
816									<#if cur_documentoAllegato.getData() !=""> 
817										<#assign counterDocAll=0 /> 
818										<#list "${cur_documentoAllegato.getData()}"?split("/") as xDocAll> 
819											<#if counterDocAll==2> 
820												<#assign groupIdDocAll=xDocAll?number /> 
821											</#if> 
822											<#if counterDocAll==5> 
823												<#assign 
824													uuIdDocAll=xDocAll 
825													counterUuIdDocAll=0 
826												/> 
827												<#list "${xDocAll}" ?split("?") as xUuIdDocAll> 
828													<#if counterUuIdDocAll==0> 
829														<#assign uuIdDocAll=xUuIdDocAll /> 
830													</#if> 
831													<#assign counterUuIdDocAll=counterUuIdDocAll + 1 /> 
832												</#list> 
833											</#if> 
834											<#assign counterDocAll=counterDocAll + 1 /> 
835										</#list> 
836										<#assign fileDocAll=dlFileEntryService.getFileEntryByUuidAndGroupId(uuIdDocAll, groupIdDocAll) /> 
837										<div class="col-md-4 col-sm-6"> 
838											<div class="row mb-3"> 
839												<div class="col-2 text-xl-center"> 
840													<i class="icon-doc gradient-text x-bigger"></i> 
841												</div> 
842												<div class="col-10 pl-md-0"> 
843													<a href="${cur_documentoAllegato.getData()}" class="black-three big letter-spacing-sm" target="_blank"> 
844														${fileDocAll.fileName?replace('.pdf|.PDF', '', 'r')} 
845													</a> 
846												</div> 
847											</div> 
848										</div> 
849									</#if> 
850								</#list> 
851							</div> 
852						</div> 
853					</div> 
854				</div> 
855			</section> 
856		</#if> 
857	</#if> 
858 
859	<#-- ************* Sezione "Note informative" ************* --> 
860	<#if NoteInformative??> 
861		<#if NoteInformative.getData() != ""> 
862			<section id="note-informative"> 
863			    <div class="container py-3"> 
864			        <div class="row"> 
865			            <div class="col-lg-8 smaller"> 
866							${NoteInformative.getData()} 
867			            </div> 
868			        </div> 
869			    </div> 
870			</section> 
871		</#if> 
872	</#if> 
873 
874	<#if !(themeDisplay.getPortalURL()?contains("auth-")) && !(themeDisplay.getPortalURL()?contains("-dev")) && !(themeDisplay.getPortalURL()?contains("-test")) && target == "casa" && urlcustom?contains("hera-impronta-zero")> 
875		<!-- Adform Tracking Code BEGIN --> 
876		<script type="text/javascript"> 
877		    window._adftrack = Array.isArray(window._adftrack) ? window._adftrack : (window._adftrack ? [window._adftrack] : []); 
878		    window._adftrack.push({ 
879		        pm: 1855697, 
880		        divider: encodeURIComponent('|'), 
881		        pagename: encodeURIComponent('Landing Page') 
882		    }); 
883		    (function () { var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = 'https://track.adform.net/serving/scripts/trackpoint/async/'; var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x); })(); 
884 
885		</script> 
886		<noscript> 
887		    <p style="margin:0;padding:0;border:0;"> 
888		        <img src="https://track.adform.net/Serving/TrackPoint/?pm=1855697&ADFPageName=Landing%20Page&ADFdivider=|" width="1" height="1" alt="" /> 
889		    </p> 
890		</noscript> 
891		<!-- Adform Tracking Code END --> 
892	</#if> 
893</#if>