JSFiddle - React, Tailwind, and code Playground

HTML

<body>
<!--=============================
			Шапка
===============================-->
	<header>
<!--=============================
			Лого и название
===============================-->
		<h1 class="logo">ТехМашИнтер</h1>
	<!--Навигация в шапке-->
		<nav class="nav-menu" >
			<ul>
				<li><a href="#">Главная</a></li><!--
				--><li><a href="#">Продукция</a></li><!--
				--><li><a href="#">Склады и доставка</a></li><!--
				--><li><a href="#">О нас</a></li><!--
				--><li><a href="#">Контакты</a></li>
			</ul>
		</nav>			
	</header>
<!--==============================
		Основной раздел
==============================-->
	<section>
		<p>Компания «ТехМашИнтер» осуществляет поставку запчастей к импортной технике: Экскаваторы гусеничные, экскаваторы колесные, мини-экскаваторы, экскаваторы- погрузчики, фронтальные погрузчики, бульдозеры, лесные машины, экскаваторы для погрузки металлолома, снегоуплотнительные машины и многое другое. 
		Мы предлагаем запчасти для спецтехники: форсунки топливные, ковш экскаватора, зуб ковша экскаватора, форсунки топливные, форсунки дизельные, форсунки bosch, тнвд, тнвд бош, тнвд isuzu, запчасти для спецтехники, запчасти hitachi, запчасти komatsu, навесное оборудование для экскаваторов, так же мы занимаемся продажей навесного оборудования.  </p>
	</section>
<!--==============================
			Подвал
==============================-->
	<footer>
	<strong>&copy; ТехМашИнтер 2016</strong>
		<!--Навигация в подвале-->
		<nav class="nav-menu">
			<ul>
				<li><a href="#">Главная</a></li><!--
				--><li><a href="#">Продукция</a></li><!--
				--><li><a href="#">Склады и доставка</a></li><!--
				--><li><a href="#">О нас</a></li><!--
				--><li><a href="#">Контакты</a></li>
			</ul>
		</nav>
	</footer>

</body>

CSS

body {
	width: 960px;
}
a {
	text-decoration: none;
}
header{
	display: flex;
	justify-content: center;
}
.logo {
	color: grey;
	display: inline-block;
	margin-right: auto;
	padding: 5px;
}

/*==========Меню==========*/
.nav-menu{
	margin-right: auto;
}
.nav-menu li {
	display: inline-block;
}
nav {
	display: inline-block;
}
footer {
	text-align: center;
}

/*****Рамки для тестирования*****/
body {border: 1px solid gray;}
footer {border: 1px solid green;}
header {border: 1px solid orange;}
section {border: 1px solid yellow;}
.logo {border: 1px solid red;}
.nav-menu li {border: 1px solid red;}