JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html" charset=UTF-8>	
    	<title>	EncarVS </title>	
		<link href="style.css" rel="stylesheet" type="text/css" >
    </head>
	
	<body bgcolor=#005890>
		<div id="header">
			<div id="top">
				<div id="encarSpan">Энкар Восточная Сибирь</div>
				<div id="postavkaSpan">Поставка спецтехники из Южной Кореи</div>
				<div id="topcontacts">
					<ul>
						<li>(3952) 725-726</li>
						<li>(3952) 656-757</li>
					</ul>
				</div>
			</div>
			<div id="slider">
				<div id="logo"></div>
				<div id="radio">
					<div class="radiobutton"></div>
					<div class="radiobutton"></div>
					<div class="radiobutton"></div>
					<div class="radiobutton"></div>
					<div class="radiobutton"></div>
				</div>
			</div>
			<div id="menu">
				<div id="menuitem">
					<a href="#">Каталог</a>
				</div>
				<a href="#">Доставка, запчасти, сервис</a>
				<a href="#">Разрешительные документы</a>
				<a href="#">Кредит, лизинг</a>
				<a href="#">Контакты</a>
			</div>
			
		</div>
		
		<div id="content">
			<div id="icons">
				<div class="iconLC">1</div>
				<div class="iconLC">2</div>
				<div class="iconR">3</div>
				<div class="iconLC">4</div>
				<div class="iconLC">5</div>
				<div class="iconR">6</div>
			</div>
			
			<div id="news">
				<div id="newsbillboard"> </div>
				<div id="newsblock">
					<div class="newsitemsLC">1</div>
					<div class="newsitemsLC">2</div>
					<div class="newsitemsR">3</div>
				</div>
			</div>
			
			<div id="about">
				<div id="aboutbillboard"> </div>
				<div id="aboutcontent"> </div>
			</div>
			
			<div id="special">
				<div id="specialbillboard"></div> 
					<div id="specialblock">
						<div class="specialitem1234"></div>
						<div class="specialitem1234"></div>
						<div class="specialitem1234"></div>
						<div class="specialitem1234"></div>
						<div class="specialitem5"></div>
					</div> 
			</div>
			
		</div>
		
		<div...

CSS

@font-face {
font-family: Roboto; /* Гарнитура шрифта */
src: url(Roboto.ttf); /* Путь к файлу со шрифтом */
}

body{
font-family:Roboto;
}
div{
border:solid 1px red;
}

#header{
margin:auto;
width:1440px;
height:520px;
}

	#top{
	margin:auto;
	width:1440px;
	height:60px;
	background-color:#f9f9fa;
	position:relative;
	}
	
		#encarSpan{
		position:absolute;
		top:10px;
		left:238px;
		float:left;
		font-size:32px;
		}
		
		#postavkaSpan{
		position:absolute;
		top:31px;
		left:620px;
		float:left;
		font-size:14px;
		}
		
		#topcontacts{
		position:absolute;
		top:-10px;
		left:1070px;
		float:left;
		font-size:18px;
		}
		
			div#topcontacts li{
			list-style-image:url(images/phone.png);
			}
	
	#slider{
	position:relative;
	margin:auto;
	width:1033px;
	height:395px;
	background-image:url(images/slider1.png);
	}
		#logo{
		width:254px;
		height:103px;
		position:absolute;
		top:10px;
		left:25px;
		background-image:url(images/logo.png);
		}
		
		#radio{
		position:absolute;
		top:373px;
		left:940px;
		width:80px;
		height:20px;
		}
		
		div.radiobutton{
		margin:4px 2px;
		float:left;
		width:10px;
		height:10px;
		background-image:url(images/checkBoxSlider.png);
		}
		
		div.radiobutton:hover{
		margin:4px 2px;
		float:left;
		width:10px;
		height:10px;
		background-image:url(images/checkBoxSliderHover.png);
		}
		
		div.radiobutton:hover #slider{
		position:relative;
		margin:auto;
		width:1033px;
		height:395px;
		background-color:green;
		}
		
	#menu{
	margin:auto;
	width:1033px;
	height:70px;
	background-image:url("images/menu.png");
	}
	
		#menuitem{
		width:160px;
		height:55px;
		float:left;
		}
	
		div#menu a{
		font-size:18px;
		}

#content{
margin:auto;
padding:9.5px;
width:1014px;
height:2100px;
background-color:#f9f9fa;
}
	
	#icons{
	margin:auto;
	padding:20px 0;
	width:841px;
	height:435px;
	background-color:#f9f9fa;
	}
	
		div.iconLC{
		width:231px;
		height:195px;
		margin:0 71px 30px...