Untitled

<?php
    require_once "scripts/controlOfCache.php";
    nocache();
?>
<!DOCTYPE html>
<html lang="ru">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="author" content=""/>
    <meta name="description" content=""/>
    <meta name="keywords" content=""/>
    <!--[if lt IE9]
        <script language="javascript" type="text/javascript" src="scripts/compatibilityOfIE8WithHTML5.js"></script>
    -->
    <title>Сатурн</title>
</head>
<body>
    <?=file_get_contents("header.html")?>
    <main role="main">

    </main>
    <?=file_get_contents("footer.html")?>

    <!--
        Подключаем внешнии файлы
    -->
    <link rel="stylesheet" type="text/css" href="styles/order.css"/>
</body>
</html>


<!----

Вот это файл header.html

----------->

<header>
    <nav>
        <img alt="" src="imgs/orderLogo.png"/>
        <div> <!--Table-->
            <div> <!--Cell-->
                <h1>сатурн</h1>
                <span>охранное агентство</span>

                <ul>
                    <li>
                        <a>Услуги</a>
                    </li><li>
                        <a>Цены</a>
                    </li><li>
                        <a>Заказать</a>
                    </li><li>
                        <a>Статьи</a>
                    </li><li>
                        <a>Контакты</a>
                    </li><li>
                        <a>Вопрос-ответ</a>
                    </li><li>
                        <a>Рассчет стоимости</a>
                    </li><li>
                        <a>О кампании</a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>
</header>


<!-----

css

------->


/*
    Устанавливаем стандартные настройки
*/
* {
    border: none;
    -webkit-border-radius: 0;
    -moz-boreder-radius: 0;
    border-radius: 0;
    margin: 0;
    padding: 0;
    outline: 0;
}

a {text-decoration: none}

body, html {width: 100%}

/*
    Header
*/

header {
    background-image: url("../imgs/bgMain.png");
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    padding-top: 1.25%;
    padding-bottom: 0.625%;
    padding-left: 22%;
}

header nav {width: 100%}

header nav img {width: 4%}

header nav > div {
    display: table;
    width: 100%;
    color: white;
}

header nav > div > div {
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}