297 lines
11 KiB
PHTML
297 lines
11 KiB
PHTML
<section class="pt-8 pt-md-11 pb-10 pb-md-15 bg-primary">
|
|
|
|
<!-- Shape -->
|
|
<div class="shape shape-blur-3 text-white">
|
|
<svg viewBox="0 0 1738 487" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path d="M0 0h1420.92s713.43 457.505 0 485.868C707.502 514.231 0 0 0 0z" fill="url(#paint0_linear)"/>
|
|
<defs>
|
|
<linearGradient id="paint0_linear" x1="0" y1="0" x2="1049.98" y2="912.68"
|
|
gradientUnits="userSpaceOnUse">
|
|
<stop stop-color="currentColor" stop-opacity=".075"/>
|
|
<stop offset="1" stop-color="currentColor" stop-opacity="0"/>
|
|
</linearGradient>
|
|
</defs>
|
|
</svg>
|
|
</div>
|
|
|
|
<!-- Content -->
|
|
<div class="container">
|
|
<div class="row justify-content-center">
|
|
<div class="col-12 col-md-10 col-lg-8 text-center">
|
|
|
|
<!-- Heading -->
|
|
<h2 class="display-3 text-white">
|
|
Acquista Gestione Spiaggia
|
|
</h2>
|
|
|
|
</div>
|
|
</div> <!-- / .row -->
|
|
</div> <!-- / .container -->
|
|
|
|
</section>
|
|
|
|
<!-- SHAPE -->
|
|
<div class="position-relative">
|
|
<div class="shape shape-bottom shape-fluid-x text-light">
|
|
<svg viewBox="0 0 2880 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path d="M0 48h2880V0h-720C1442.5 52 720 0 720 0H0v48z" fill="currentColor"/>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- PRICING -->
|
|
<section class="mt-n8 mt-md-n14 mb-3">
|
|
<div class="container mb-7">
|
|
<div class="row gx-4 justify-content-center">
|
|
|
|
<div class="col-12 col-md-6">
|
|
|
|
<!-- Card -->
|
|
<div class="card shadow-lg mb-6 mb-md-0">
|
|
<div class="card-body">
|
|
|
|
<!-- Preheading -->
|
|
<div class="text-center mb-3">
|
|
<span class="badge rounded-pill bg-primary">
|
|
<span class="h6 text-uppercase text-white">Licenza Primo Anno</span>
|
|
</span>
|
|
</div>
|
|
|
|
<!-- Price -->
|
|
<div class="d-flex justify-content-center">
|
|
<span class="h2 mb-0 mt-2">€</span>
|
|
<span class="price display-2 mb-0" data-annual="0" data-monthly="0">600</span>
|
|
<span class="h2 align-self-end mb-1 ms-2"> + iva</span>
|
|
</div>
|
|
|
|
<!-- Text -->
|
|
<p class="text-center text-muted mb-5">
|
|
Prezzo licenza primo anno
|
|
</p>
|
|
|
|
<!-- List -->
|
|
<div class="d-flex">
|
|
|
|
<!-- Badge -->
|
|
<div class="badge badge-rounded-circle bg-success-soft mt-1 me-4">
|
|
<i class="fe fe-check"></i>
|
|
</div>
|
|
|
|
<!-- Text -->
|
|
<p class="mb-5">
|
|
Tutte le funzionalità
|
|
</p>
|
|
|
|
</div>
|
|
|
|
<div class="d-flex">
|
|
|
|
<!-- Badge -->
|
|
<div class="badge badge-rounded-circle bg-success-soft mt-1 me-4">
|
|
<i class="fe fe-check"></i>
|
|
</div>
|
|
|
|
<!-- Text -->
|
|
<p class="mb-5">
|
|
Assistenza telefonica
|
|
</p>
|
|
|
|
</div>
|
|
|
|
<!-- Button -->
|
|
<a href="#!" class="btn w-100 btn-primary text-white lift ms-auto">
|
|
Acquista <i class="fe fe-arrow-right ms-3"></i>
|
|
</a>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="col-12 col-md-6">
|
|
|
|
<!-- Card -->
|
|
<div class="card shadow-lg mb-6 mb-md-0">
|
|
<div class="card-body">
|
|
|
|
<!-- Preheading -->
|
|
<div class="text-center mb-3">
|
|
<span class="badge rounded-pill bg-primary">
|
|
<span class="h6 text-uppercase text-white">Rinnovo Licenza</span>
|
|
</span>
|
|
</div>
|
|
|
|
<!-- Price -->
|
|
<div class="d-flex justify-content-center">
|
|
<span class="h2 mb-0 mt-2">€</span>
|
|
<span class="price display-2 mb-0" data-annual="0" data-monthly="0">100</span>
|
|
<span class="h2 align-self-end mb-1 ms-2"> + iva</span>
|
|
</div>
|
|
|
|
<!-- Text -->
|
|
<p class="text-center text-muted mb-5">
|
|
Prezzo rinnovo annuale
|
|
</p>
|
|
|
|
<!-- List -->
|
|
<div class="d-flex">
|
|
|
|
<!-- Badge -->
|
|
<div class="badge badge-rounded-circle bg-success-soft mt-1 me-4">
|
|
<i class="fe fe-check"></i>
|
|
</div>
|
|
|
|
<!-- Text -->
|
|
<p class="mb-5">
|
|
Tutte le funzionalità
|
|
</p>
|
|
|
|
</div>
|
|
|
|
<div class="d-flex">
|
|
|
|
<!-- Badge -->
|
|
<div class="badge badge-rounded-circle bg-success-soft mt-1 me-4">
|
|
<i class="fe fe-check"></i>
|
|
</div>
|
|
|
|
<!-- Text -->
|
|
<p class="mb-5">
|
|
Assistenza telefonica
|
|
</p>
|
|
|
|
</div>
|
|
|
|
<!-- Button -->
|
|
<a href="#!" class="btn w-100 btn-primary text-white lift ms-auto">
|
|
Acquista <i class="fe fe-arrow-right ms-3"></i>
|
|
</a>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div> <!-- / .row -->
|
|
</div> <!-- / .container -->
|
|
|
|
|
|
</section>
|
|
|
|
<!-- SHAPE -->
|
|
<div class="position-relative">
|
|
<div class="shape shape-bottom shape-fluid-x text-white">
|
|
<svg viewBox="0 0 2880 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path d="M0 48h2880V0h-720C1442.5 52 720 0 720 0H0v48z" fill="currentColor"/>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- FAQ -->
|
|
<section class="py-8 py-md-11 bg-white border-bottom">
|
|
<div class="container">
|
|
<div class="row justify-content-center">
|
|
<div class="col-12 col-md-10 col-md-8 text-center">
|
|
|
|
<!-- Badge -->
|
|
<span class="badge rounded-pill bg-primary-desat-soft mb-3">
|
|
<span class="h6 text-uppercase">FAQ</span>
|
|
</span>
|
|
|
|
<!-- Heading -->
|
|
<h2>
|
|
Domande Frequenti
|
|
</h2>
|
|
|
|
<!-- Text -->
|
|
<p class="fs-lg text-muted mb-7 mb-md-9">
|
|
Rispondiamo alle domande più comuni che potresti avere.
|
|
</p>
|
|
|
|
</div>
|
|
</div> <!-- / .row -->
|
|
<div class="row lh-5">
|
|
<div class="col-12 col-md-6">
|
|
|
|
<!-- Heading -->
|
|
<h3>
|
|
Come procedo all'acquisto?
|
|
</h3>
|
|
|
|
<!-- Text -->
|
|
<p class="text-gray-800 mb-6 mb-md-8">
|
|
Per acquistare la licenza o il rinnovo ti basta cliccare sul prodotto e una volta
|
|
aperto il carrello seguire la semplice procedura di acquisto, al termine del pagamento riceverei una
|
|
mail con i dati di attivzione entro 24 ore.
|
|
</p>
|
|
|
|
<!-- Heading -->
|
|
<h3>
|
|
Come attivo la licenza d'uso?
|
|
</h3>
|
|
|
|
<!-- Text -->
|
|
<p class="text-gray-800 mb-6">
|
|
Una volta terminata la procedura d'acquisto invieremo tramite e-mail <span class="text-muted">(solitamente in giornata
|
|
all'email indicata)</span> la fattura contenente i codici licenza necessari per l'attivazione
|
|
del software.<br>
|
|
<span class="text-muted mt-1">
|
|
<small>I codici delle licenze sono calcolati in base alla partita iva della
|
|
vostra azienda, ed una volta concessa non può più essere modificata.</small>
|
|
</span>
|
|
</p>
|
|
|
|
</div>
|
|
<div class="col-12 col-md-6">
|
|
|
|
<!-- Heading -->
|
|
<h3>
|
|
Quanto dura la licenza?
|
|
</h3>
|
|
|
|
<!-- Text -->
|
|
<p class="text-gray-800 mb-10">
|
|
La licenza ha la durata di 1 anno (dal 1 gennaio al 31 dicembre) e può essere acquistata dal 1 settembre dell'anno precedente al periodo di validità.
|
|
</p>
|
|
|
|
<!-- Heading -->
|
|
<h3>
|
|
Quali metodi di pagamenti sono accettati?
|
|
</h3>
|
|
|
|
<!-- Text -->
|
|
<p class="text-gray-800 mb-6 mb-md-0">
|
|
I metodi di pagamento accettati sono: carta di credito, carte prepagate o conto PayPal, altrimenti
|
|
tramite bonifico bancario.<br>
|
|
<small><span class="text-muted">In caso di pagamento tramite bonifico bancario al termine della procedura è consigliato stampare
|
|
l'ordine contenente tutti i dati necessari all'acquisto (Coordinate Bancarie ecc..) che dovrà
|
|
poi essere inviato insieme alla ricevuta di effettuato pagamento tramite email.</span></small>
|
|
|
|
<ul class="list-unstyled list-inline list-social mb-6 mb-md-0 mt-2">
|
|
<li class="list-inline-item list-social-item">
|
|
<img src="./assets/img/icons/payment-methods/maestro.svg" class="list-payment-icon" alt="...">
|
|
</li>
|
|
<li class="list-inline-item list-social-item me-3">
|
|
<img src="./assets/img/icons/payment-methods/mastercard.svg" class="list-payment-icon"
|
|
alt="...">
|
|
</li>
|
|
<li class="list-inline-item list-social-item me-3">
|
|
<img src="./assets/img/icons/payment-methods/visa.svg" class="list-payment-icon" alt="...">
|
|
</li>
|
|
<li class="list-inline-item list-social-item me-3">
|
|
<img src="./assets/img/icons/payment-methods/paypal.svg" class="list-payment-icon" alt="...">
|
|
</li>
|
|
<li class="list-inline-item list-social-item me-3">
|
|
<img src="./assets/img/icons/payment-methods/default.svg" class="list-payment-icon" alt="...">
|
|
</li>
|
|
<li class="list-inline-item list-social-item me-3">
|
|
<img src="./assets/img/icons/payment-methods/amex.svg" class="list-payment-icon" alt="...">
|
|
</li>
|
|
</ul>
|
|
</p>
|
|
|
|
</div>
|
|
</div> <!-- / .row -->
|
|
</div> <!-- / .container -->
|
|
</section>
|