modaliOffer.html
2.1 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<!--.Modale per offerta -->
<div data-modal-triggher="view-details" class="modal modal-mask modal_repower modal--offer" >
<div class="modal-wrapper">
<div class="modal-container">
<div class="close_modal"><img src="img/closed_modal.svg" alt=""></div>
<div class="modal-header">
<img src="img/modal_icon.svg" alt="">
<h3>Sostenibile</h3>
<p>Soluzione eco-friendly, solo energia 100% verde da fonti rinnovabili.</p>
</div>
<div class="modal-body">
<div class="modal-body-left">
<div class="modal-body-left-top">
<h3>Cosa vuol dire energia 100% verde?</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse congue tristique ante, vel rhoncus quam pharetra id. Nunc blandit ornare felis non pellentesque. </p>
</div>
<div class="modal-body-left-btm">
<h3>Quali sono le garanzie di origine?</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse congue tristique ante, vel rhoncus quam pharetra id. Nunc blandit ornare felis non pellentesque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse congue
tristique ante, vel rhoncus quam. </p>
</div>
</div>
<div class="modal-body-right">
<div class="modal-body-boxShadow">
<div class="box-offer">
<p class="offers-type">Elettricità e gas</p>
<p class="offers-price">€<strong>610</strong> / mese</p>
<p class="offers-desc">Spesa fissa totale</p>
</div>
</div>
<button class="btn btn__red">Attiva Ora</button>
</div>
</div>
<div class="modal-footer">
</div>
</div>
</div>
</div>