JSFiddle - React, Tailwind, and code Playground

by belosnezka

HTML

<!DOCTYPE html>
<html lang=ru>
<head>
<meta charset=utf-8>
<title>Часы</title>
<link type="text/css" rel="stylesheet" href="style.css" /> 
<script>
	docment.createElement('header');
	docment.createElement('nav');
	docment.createElement('article');
	docment.createElement('footer');
</script>
</head>

<body>
<div id="glavnay">
<header>
<nav>
	<ul>
		<li><a href="#">обратная связь </a></li>
		<li><a href="#">отправить e-mail </a></li>
		<li><a href="#">телефон  (098) 891-02-02</a></li>
	</ul>
</nav>
<h1>выкуп часов</h1>
<p>Профессиональная оценка Ваших часов. Мы знаем цену времени</p>

</header>
<article>
	<section class="top">
		<article>
		<img src="jpg/money.jpg">
		<h3>деньги всегда в наличии</h3>
		<p>даже на выходных</p>
		</article>
		<article>
		<img src="jpg/telephone.jpg">
		<h3>оперативное проведение <br> сделки</h3>
		<p>30 минут</p>
		</article>
		<article>
		<img src="jpg/time.jpg">
		<h3>оценка по телефону<br>=<br> оценка на месте</h3>
		<p>если  правильно изложены<br> вводные данные</p>
		</article>
		
	</section>
			<section class="center">
			<h2>Профессиональная оценка часов. Мы знаем цену времени</h2>
			<img src="jpg/clock-center.jpg">
			<article>
			<p>Рады приветствовать Вас на нашем сайте!</p>
			<p>Наши мастера выполнят качественное обслуживание часов за оптимально короткий срок. Вы гарантированно останетесь довольны результатом!</p>
			<p>Полировка, ремонт, предпродажная подготовка – вот далеко не полный перечень услуг, предоставляемых нашей часовой мастерской. И, конечно же, высокий уровень обслуживания наших уважаемых клиентов!</p>
			</article>
			<article>
			<p>У нас Вы можете купить швейцарские часы, выбрав подходящие в разделе «Частные объявления», либо  выгодно продать швейцарские часы, абсолютно БЕСПЛАТНО разместив своё объявление.</p>
			<p>Если Вас интересуют швейцарские часы добро пожаловать в удобный каталог объявлений с простой формой размещения часов на продажу без...

CSS

body{
margin:auto;
width:100%;
height:100%;

}
div#glavnay{
max-width:1920px;
min-width:1050px;
margin:auto;

}
header{
background:url(jpg/header-bg.jpg) no-repeat center;
width:100%;
height:445px;
margin:0 auto;
display:inline-block;
}