Stili utili


Titolo h1

Titolo h1

Titolo h1

Titolo h1

<h1 class="standard">Titolo h1</h1>
<h1 class="standard blue">Titolo h1</h1>
<h1 class="standard green">Titolo h1</h1>
<h1 class="standard red">Titolo h1</h1>

Titolo h2

Titolo h2

Titolo h2

Titolo h2

<h2 class="standard">Titolo h2</h2>
<h2 class="standard blue">Titolo h2</h2>
<h2 class="standard green">Titolo h2</h2>
<h2 class="standard red">Titolo h2</h2>

Titolo h3

Titolo h3

Titolo h3

Titolo h3

<h3 class="standard">Titolo h3</h3>
<h3 class="standard blue">Titolo h3</h3>
<h3 class="standard green">Titolo h3</h3>
<h3 class="standard red">Titolo h3</h3>

Titolo h4

Titolo h4

Titolo h4

Titolo h4

<h4 class="standard">Titolo h4</h4>
<h4 class="standard blue">Titolo h4</h4>
<h4 class="standard green">Titolo h4</h4>
<h4 class="standard red">Titolo h4</h4>
  • Voce 1
  • Voce 2
  • Voce 3
  • Voce 4
<ul class="standard">
    <li>Voce 1</li>
    <li>Voce 2</li>
    <li>Voce 3</li>
    <li>Voce 4</li>
</ul>
  • Voce 1
  • Voce 2
  • Voce 3
  • Voce 4
<ul class="standard square">
    <li>Voce 1</li>
    <li>Voce 2</li>
    <li>Voce 3</li>
    <li>Voce 4</li>
</ul>
  1. Voce 1
  2. Voce 2
  3. Voce 3
  4. Voce 4
<ol class="standard">
    <li><span>Voce 1</span></li>
    <li><span>Voce 2</span></li>
    <li><span>Voce 3</span></li>
    <li><span>Voce 4</span></li>
</ol>
  1. Voce 1
  2. Voce 2
  3. Voce 3
  4. Voce 4
<ol class="standard letters">
    <li>Voce 1</li>
    <li>Voce 2</li>
    <li>Voce 3</li>
    <li>Voce 4</li>
</ol>
  1. Voce 1
  2. Voce 2
  3. Voce 3
  4. Voce 4
<ol class="standard roman">
    <li>Voce 1</li>
    <li>Voce 2</li>
    <li>Voce 3</li>
    <li>Voce 4</li>
</ol>
  • Voce 1
  • Voce 2
  • Voce 3
  • Voce 4
<ul class="generic-ul-1">
	<li>Voce 1</li>
	<li>Voce 2</li>
	<li>Voce 3</li>
	<li>Voce 4</li>
</ul>
  • Prima voce
  • Seconda voce
  • Terza voce
<ul class="standard puntichiave">
	<li><span class="text-li">Prima voce</span></li>
	<li><span class="text-li">Seconda voce</span></li>
	<li><span class="text-li">Terza voce</span></li>
</ul>
Voce 1Voce 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In aliquet tempor ligula id ornare. Nullam mauris ipsum, tempus ut posuere vitae, auctor et elit. Nulla at molestie ipsum, eget eleifend magna. Aenean hendrerit scelerisque ligula, vestibulum viverra ex porttitor id. Mauris accumsan libero id elementum dapibus. Suspendisse potenti. Nullam ut accumsan felis, eget iaculis urna. Donec sed arcu tristique, laoreet dui vitae, tristique augue. Aliquam erat volutpat. Morbi molestie ut ex non vehicula. Maecenas ac mauris mauris. Maecenas at auctor lectus. Mauris sit amet lorem sed nulla sodales vehicula.

<div class="tabs-standard">
	<div class="tabs-space">
		<span class="tab-button tab-button-1 activated" data-idtab="1">Voce 1</span>
		<span class="tab-button tab-button-2" data-idtab="2">Voce 2</span>
		<div class="tab tab-1 post" data-idtab="1">
			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In aliquet tempor ligula id ornare. Nullam mauris ipsum, tempus ut posuere vitae, auctor et elit. Nulla at molestie ipsum, eget eleifend magna. Aenean hendrerit scelerisque ligula, vestibulum viverra ex porttitor id. Mauris accumsan libero id elementum dapibus. Suspendisse potenti. Nullam ut accumsan felis, eget iaculis urna. Donec sed arcu tristique, laoreet dui vitae, tristique augue. Aliquam erat volutpat. Morbi molestie ut ex non vehicula. Maecenas ac mauris mauris. Maecenas at auctor lectus. Mauris sit amet lorem sed nulla sodales vehicula.</p>
		</div>
		<div class="tab tab-2 post hidden" data-idtab="2">
			<p>Duis lacinia eros in diam pulvinar condimentum. Praesent at egestas nunc, eu luctus nisl. Cras sed justo molestie, convallis augue ac, dignissim libero. Morbi mattis ultricies purus at accumsan. Aliquam ultricies, libero non scelerisque consectetur, nunc erat laoreet lectus, eu vehicula urna nisi at massa. Donec vel lectus erat. Nulla mattis, eros quis commodo volutpat, arcu leo interdum tortor, a ullamcorper odio erat eu felis. Donec placerat massa ut porta ultricies. Suspendisse diam sem, eleifend sed nisi sed, hendrerit porta ante. Nunc interdum convallis sodales. Nulla porttitor sapien sit amet consequat lacinia.</p>
		</div>
	</div>
</div>
Titolo 1 Titolo 2
Testo 1 Testo 2
Testo 3
<table class="generic-table-1 red">
	<tbody>
		<tr>
			<th class="center">Titolo 1</th>
			<th class="center">Titolo 2</th>
		</tr>
		<tr>
			<td class="center">Testo 1</td>
			<td class="center" rowspan="2">Testo 2</td>
		</tr>
		<tr>
			<td class="center">Testo 3</td>
		</tr>
	</tbody>
</table>
Titolo 1 Titolo 2
Testo 1 Testo 2
Testo 3
<table class="generic-table-1 blue">
	<tbody>
		<tr>
			<th class="center">Titolo 1</th>
			<th class="center">Titolo 2</th>
		</tr>
		<tr>
			<td class="center">Testo 1</td>
			<td class="center" rowspan="2">Testo 2</td>
		</tr>
		<tr>
			<td class="center">Testo 3</td>
		</tr>
	</tbody>
</table>
Titolo 1 Titolo 2
Testo 1 Testo 2
Testo 3
<table class="generic-table-1 green">
	<tbody>
		<tr>
			<th class="center">Titolo 1</th>
			<th class="center">Titolo 2</th>
		</tr>
		<tr>
			<td class="center">Testo 1</td>
			<td class="center" rowspan="2">Testo 2</td>
		</tr>
		<tr>
			<td class="center">Testo 3</td>
		</tr>
	</tbody>
</table>

<a href="https://www.hivenet.it" class="button-link-simple">
	<button class="standard rectangle red-rectangle">
		<span class="text-rectangle white-text"><img class="img-richiedi-info" alt="Richiedi info" src="https://www.hivenet.it/wp-content/themes/zaki/img/icon/richiedi-info@2x.png" />Richiedi info</span>
	</button>
</a>

<a href="https://www.hivenet.it" class="button-link-simple">
	<button class="standard rectangle blue-rectangle">
		<span class="text-rectangle white-text"><img class="img-richiedi-info" alt="Richiedi info" src="https://www.hivenet.it/wp-content/themes/zaki/img/icon/richiedi-info@2x.png" />Richiedi info</span>
	</button>
</a>

<a href="https://www.hivenet.it" class="button-link-simple">
	<button class="standard rectangle green-rectangle">
		<span class="text-rectangle white-text"><img class="img-richiedi-info" alt="Richiedi info" src="https://www.hivenet.it/wp-content/themes/zaki/img/icon/richiedi-info@2x.png" />Richiedi info</span>
	</button>
</a>

Informazioni telefoniche800.804.9990587 42.00.50

<span class="info-phone-1 standard rectangle grey-rectangle">
	<span class="text-rectangle green-number">
		<img class="img-phone-info" alt="Informazioni telefoniche" src="https://www.hivenet.it/wp-content/themes/zaki/img/icon/phone-info@2x.png" />
		<strong>800.804.999</strong>
	</span></span>
	<span class="info-phone-2 standard rectangle grey-rectangle"><span class="text-rectangle normal-text">
		<strong>0587 42.00.50</strong>
	</span>
</span>