Materiale per bundle di vendita

1.a) Syle e Class

Esempio:
<span style="color:#33bad7;"></p>
<span class="Accent"></p>
Per visualizzare nello specifico le situazioni gestite con le classi clicca qui
 

1.b) Colore Punti elenco

Esempio:
<ul style="--color-list: #ff9c00">

• Lorem ipsum 
• Dolor sit

1.d) Colore hr

Esempio:
<hr style="border-top-color: #ff9c00" />

1.e) Colore Link

Impostazione globale per più link:
<span style="--color-link-default: #ffffff; --color-link-hover: #ddd;">
<a href="/it/info/chi-siamo">Chi siamo</a>&nbsp; &nbsp;/ &nbsp;
<a href="/it/info-tecniche/regolamento">Regolamento</a> &nbsp;/ &nbsp;
<a href="/it/lavora-con-noi">Lavora con noi &nbsp;</a>/ &nbsp;
<a href="/it/info/contattaci">Contatti&nbsp;&nbsp;</a>
</span>

Impostazione specifica per ogni link:
<a href="/it/info/chi-siamo" style="--color-link-default: #ffffff; --color-link-hover: #ddd;">Chi siamo</a>&nbsp; &nbsp;/ &nbsp;
 <a href="/it/info-tecniche/regolamento" style="--color-link-default: #ffffff; --color-link-hover: #ddd;">Regolamento</a> &nbsp;/ &nbsp;
<a href="/it/lavora-con-noi" style="--color-link-default: #ffffff; --color-link-hover: #ddd;">Lavora con noi &nbsp;</a>/ &nbsp;
  <a href="/it/info/contattaci" style="--color-link-default: #ffffff; --color-link-hover: #ddd;">Contatti&nbsp;&nbsp;</a>

1.c) Colore  e sfumatura fascia raggruppamento

Esempio:
<h2 class="Raggruppamento" style="background-color: #ff9c00;">

Colore su class Raggruppamento

Esempio:
<h2 class="Raggruppamento" style="background: linear-gradient(to right, #fdaa26, #b85143);"> 

Sfumatura su class "Raggruppamento"

 Esempio Stile del paragrafo con Bg colorato senza padding
<p style="background: linear-gradient(to right, #fdaa26, #b85143);">

1)Sfumatuura su background contenuto

Esempio Stile del paragrafo con Bg colorato
<p style="background: linear-gradient(to right, #fdaa26, #b85143);">
+ Stile del testo con padding
<span style="padding: 0px 100px 0px 100px;">

2) Sfumatura su background contenuto

 

x.a) Icone

Icona calsse accent
<span class="Accent"><i class="fas fa-info-circle"></i></span>
Lorem ipsum

Icona ccolore esadecimale
<span style="color:#0099cc;"><i class="fas fa-exclamation-circle"></i> </span>
Lorem ipsum

Link con icona more icon (rollover colorato)
<a class="More Icon" href="/#/">...<i class="fa fa-chevron-circle-right"></i></a>

 (Finestra in blanck:  href=# target=_blank)

Scopri di più

x.a) Classi per colore e icona

Classe colore bottone 1, 2 e 3 (Esadecimale impostato da site editor):

• Esempio bottone 1(default)
  <a class="Button" href="#" style="">...</a>
• Esempio bottone 2
  <a class="Button-2" href="#" style="">...</a>
• Esempio bottone 3<a class="Button-3" href="#" style="">...</a>

Classe colore e icona

• Esempio bottone con Icona <a class="Button Icon"href="#" >...<i class=fas fa-caret-circle-right></i></a>
• Esempio bottone 2 con Icona<a class="Button Icon Button-2" href="#" >...<i class="fas fa-caret-circle-right></i></a>

x.a) Classe per accordion

Per accodion card con check Box ad accordion abilitiato e stile Bottone accordion

1) Codice per bottone di apertura (nel blocco intestazione)
<p><a class="Button AccordionTrigger">Continua a leggere</a></p>

Continua a leggere

2) Codice per bottone di chiusura (nel blocco contenuto)
<a class="Button AccordionTrigger">Chiudi</a></span>
 

Chiudi

2.a) div con bordo e padding:

esempio:style="border: 1px solid rgb(204, 204, 204);

2.b) Padding e marin

Esempio:
style="padding: 50px 100px 50px 0px;"

Testo con ombra

 Esempio:
​<p style="text-shadow: 4px 4px 10px rgba(0,0,0,0.50);"><strong><span style="font-size:60px;"><span style="color:#ffffff;">LAGUNA BIMBI</span></span></strong></p>

LAGUNA BIMBI