История страницы

<div class="header">
		<br>         <h1>WD<div id="logo">
            <p id="wdsoz">WD&SOZ</h1>p>
		<h2> Web            <div>
                <p id="longwdsoz">Web Director и Сервис обмена заказамизаказами</p>
Руководство пользователя</h2>                <p id="usermanual">Руководство пользователя</p>
            </div>
        </div>

<br>
    </div>
<br><br><br>
<div class="menu">
	<ul>
        <li>
            <a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=9408899">
                <img src="/download/attachments/9408819/WD_icon.png">
                <h3>Web Director</h3>
            </a>
        </li>
        <li>
            <a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=9408847">
                <img src="/download/attachments/9408819/SOZ_icon.png">
                <h3><p>Сервис обмена заказами</p>
					<p>(СОЗ)</p></h3>
            </a>
        </li>
        <li>
            <a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=15499631">
                <img src="/download/attachments/9408819/Support_icon.png?">
                <h3>Служба поддержки</h3>
            </a>
        </li>
    </ul>
</div>
    <style>
       .header { @import url('https://fonts.googleapis.com/css?family=Roboto:400');
        @import url('https://fonts.googleapis.com/css?family=Roboto:300');
   background-image: url("/download/attachments/9408819/Rectangle 4.png"     @import url('https://fonts.googleapis.com/css?family=Roboto:700');

        .header p {
            paddingmargin: 20px0;
        }    padding: 0;
       		.header h1 {   font-family: 'Roboto', sans-serif;
            color: white;
		margin: 20px;
		       }

        #wdsoz {
            font-size: 80px;
		line-height: 1.5;
		text-align: center;
		}
		            font-weight: 700;
            display: inline;
          .menu a:link {  vertical-align: top;
            textpadding-decorationright: none10px;
        }

        #longwdsoz {
      .menu a:visited {      font-size: 30px;
            textfont-decorationweight: none400;
            margin-top: 18px;
        }

    		.header h2   #usermanual {
        color    font-size: white;
		margin: 20px;
		font-size: 30x;
		line-height: 1.5;
		text-align: center;
		}
30px;
            font-weight: 300;
            margin-top: -7px;
        }

        .header {
            background-image: url("/download/attachments/9408819/Rectangle 4.png");
            padding: 5px 5px 45px 5px;            
        }

        .header #logo {
            display: flex;
            justify-content: center;
margin: 25px;
        }


		
        .menu a:link {
            text-decoration: none;
        }
        
        .menu a:visited {
            text-decoration: none;
        }       
        
        
        
        
        .menu ul{
            margin: 0px;
            padding: 0px;
            display: flex;
            flex-flow: row wrap;
            justify-content: center;
            list-style: none;
            max-width: 1400px;
            margin: auto;
			text-align: center;
        }
        
        .menu li {
            border: 0px solid #A0A0A1;
            border-radius: 10px;
            margin: 20px;
            height: 215px;
            flex-basis: 400px;
			text-align: center;
        }
        
        .menu li img {
            float: top;
            margin-right: 5px;
			border-top-left-radius: 10px;
		    border-bottom-left-radius: 10px;
			text-align: center;
		}
        
        .menu li h3 {
			font-size: 30px;
			font: gotham pro
			margin: 8px 8px 0px 0px;
            color: #000000;
        }
        
        .menu li p {
            margin: 8px 8px 8px 0px;
            color: #000000;}
		#title-heading {display: none;}
		.page-metadata {visibility: hidden;}
 </style>