modaSave.html 2.52 KB
<!--.Modale per offerta -->
<div data-modal-triggher="modal-save" class="modal modal-mask modal_repower modal--save" >
	<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/save.svg" alt="">
				<h3> Salva per dopo</h3>
			</div>

			<div class="modal-body">
				<div class="modal-body-flex">
					<div class="modal-body-left">
						<p>Grazie al codice Repower puoi recuperare la configurazione e proseguire in un secondo momento con l'attivazione dell'offerta.</p>
						<div class="wrapper_input wrapper_input--repowerCode">
							<div class="label">codice repower</div>
							<div class="code">AZ123XX1</div>
						</div>
						<div class="wrapper-link">
							<p class="lighter">link diretto:</p>
							<a href="#" class="permalink" >http://energiaflat.repower.com/<span>AZ123XX1</span></a>
						</div>
					</div>

					<div class="modal-body-right">
						<div>
							<p>Scansiona il QR code con il tuo
								smartphone e salva la configurazione. </p>
							</div>
							<div class="wrapper-qrQode">
								<img src="img/qrcode.png" alt="">
							</div>
						</div>
					</div>
					<div class="modal-footer">
						<h3>Preferisci ricevere il link via email?</h3>
						<!--<div class="wrapper-input">
							<input type="email" class="modal-mail" placeholder="Email">
							<button class="btn btn__gray">Invia</button>
						</div>-->
						<div class='attivazione-input-ct'>
						<div class='attivazione-input'>
						 <div class='input-cover'>
					          <input type="email" class='modal-mail' placeholder="Email">
					          <div class='input-right'>
					            <figure class='validation-mark'>
					              <img src="img/outlineGreenCheck.svg">
					            </figure>
					            <figure class='validationError-mark'>
					              <img src="img/alert_error.svg">
					            </figure>

					          </div>

					        </div>

					  </div>
					  <button class="btn btn__gray">Invia</button>
					</div>
						<div class="wrapper-checkbox">

								<input class="privacy" name="privacy" id="privacy" type="checkbox">

								<label for="privacy"><span class="isCheckbox"></span>   Confermo di aver preso visione <span class=" triggher_modal privacy-modal-link" data-modal='privacy-modal'>dell’informativa sulla privacy</span></label>

						</div>


					</div>
				</div>
			</div>
		</div>
	</div>