Esempio Menu

by Davide Caruso

HTML

<!DOCTYPE html>
<html lang="it">
<head>
	<title>Esempio Menu 3</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="author" content="Davide Caruso">
	<meta name="description" content="Pisa,pisa calcio,HTML,Progettazione e programmazione web">
	<meta name="keywords" content="pisa, pisa calcio,progettazione,programmazione,web,html,css,javascript">
	<link rel="icon" href="https://www.pisa.live/images/favicon.ico">
	<style>
	html, body
	{
		height: 100%;
		margin: 0px;
		padding: 0px;
		color: #2c0e10;
		background-color: #f8f6e6;
		font-family: Verdana, sans-serif;
	}

	.ClsBody
	{
		background-image: url(https://www.pisa.live/images/Sfondo.jpg);
		background-repeat: no-repeat;
		min-height: 100%;
	}

	.ClsDivHeader
	{
		overflow: hidden;
		height: 50px;
		background-color: rgb(230,230,210);
	}

	.ClsTopLogo
	{
		top: 1px;
		position: relative;
		left: 10px;
		font-weight: bold;
		color: #e08000;
	}

	.ClsSpanLogo
	{
		position: fixed;
		margin-left: 5px;
		top: 15px;
		color: rgb(24,60,94);
	}

	.ClsDivCorpo
	{
		position: relative;
		top: 0px;
		left: 0px;
		overflow: auto;
		height: calc(100% - 50px);
	}

	.ClsDivContenuti
	{
		padding: 4px 10px 4px 10px;
		min-height: calc(100% - 8px);
	}

	.ClgMargLeftCorpo
	{
		margin-left: 300px;
	}

	.ClsHamburgerMenuCheck[type=checkbox]
	{
		display: none;
	}

	.ClsHamburgerMenuCheck[type=checkbox]:checked ~ .ClsDivMenu
	{
		display: block;
	}

	.TopNavMenu
	{
		position: fixed;
		top: 0px;
		left: 200px;
		overflow: hidden;
		background-color: transparent;
		z-index: 10;
	}

	.TopNavMenu label
	{
		display: none;
		cursor: pointer;
		position: fixed;
		left: 8px;
		top: 0px;
		font-size: 36px;
		color: #000000;
		z-index: 10;
	}

	.TopNavMenu a
	{
		float: left;
		display: block;
		color: #000000;
		text-align: center;
		text-decoration: none;
		font-size: 17px;
		font-weight: bold;
		margin: 0px;
		padding: 14px 14px 15px 14px;
	}

	.DropDownMenu
	{
		float:...