Initial Commit
This commit is contained in:
GiacomoHome
@@ -0,0 +1,365 @@
|
||||
<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-soft">
|
||||
<span class="h6 text-uppercase">Licenza Gestione Spiaggia Enterprise</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">185</span>
|
||||
<span class="h2 align-self-end mb-1 ms-2"> + iva</span>
|
||||
</div>
|
||||
|
||||
<!-- Text -->
|
||||
<p class="text-center text-muted mb-5">
|
||||
Annuali
|
||||
</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 <a href="<?= $this->url(['action' => 'caratteristiche'], 'it', true); ?>">funzionalità</a>
|
||||
</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">
|
||||
1000 Fatture elettroniche incluse
|
||||
</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">
|
||||
15 Ticket di assistenza telefonica
|
||||
</p>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Button -->
|
||||
<a href="#!" class="btn w-100 btn-primary lift ms-auto">
|
||||
Acquista <i class="fe fe-arrow-right ms-3"></i>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div> <!-- / .row -->
|
||||
</div> <!-- / .container -->
|
||||
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-12 col-md-10 col-md-8 text-center mt-10 mb-5">
|
||||
|
||||
<!-- Heading -->
|
||||
<h2>
|
||||
- Pacchetti e Servizi Aggiuntivi -
|
||||
</h2>
|
||||
|
||||
<!-- Text -->
|
||||
<p class="fs-lg text-muted mb-6 mb-md-6">
|
||||
I pacchetti e servizi aggiuntivi sono acquistabili solo in abbinamento ad una licenza valida
|
||||
</p>
|
||||
|
||||
</div>
|
||||
</div> <!-- / .row -->
|
||||
|
||||
<div class="container">
|
||||
<div class="row gx-4 justify-content-center">
|
||||
|
||||
<div class="col-12 col-md-4">
|
||||
|
||||
<!-- 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-soft">
|
||||
<span class="h6 text-uppercase">Assistenza Telefonica</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="29" data-monthly="49">80</span>
|
||||
<span class="h2 align-self-end mb-1 ms-2"> + iva</span>
|
||||
</div>
|
||||
|
||||
<!-- Text -->
|
||||
<p class="text-center text-muted mb-5">
|
||||
Pacchetto Aggiuntivo
|
||||
</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>
|
||||
100 Minuti / 10 Ticket
|
||||
</p>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Button -->
|
||||
<a href="#!" class="btn w-100 btn-primary-soft lift ms-auto">
|
||||
Acquista <i class="fe fe-arrow-right ms-3"></i>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="col-12 col-md-4">
|
||||
|
||||
<!-- Card -->
|
||||
<div class="card shadow-lg mb-md-0">
|
||||
<div class="card-body">
|
||||
|
||||
<!-- Preheading -->
|
||||
<div class="text-center mb-3">
|
||||
<span class="badge rounded-pill bg-primary-soft">
|
||||
<span class="h6 text-uppercase">Fatture Elettroniche</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="49" data-monthly="69">70</span>
|
||||
<span class="h2 align-self-end mb-1 ms-2">+ iva</span>
|
||||
</div>
|
||||
|
||||
<!-- Text -->
|
||||
<p class="text-center text-muted mb-5">
|
||||
Pacchetto Aggiuntivo
|
||||
</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>
|
||||
1000 Fatture Elettroniche
|
||||
</p>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Button -->
|
||||
<a href="#!" class="btn w-100 btn-primary-soft 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 un pacchetto aggiuntivo 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-9">
|
||||
La licenza ha una durata di 365 gg dalla data di acquisto; in caso l'acquisto venga effettuato prima
|
||||
della scadenza la licenza verrà ricalcolata dalla data di scadenza.
|
||||
</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>
|
||||
Reference in New Issue
Block a user