JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>ООО «ГенСтройСервис» </title>
<link href="stylesheet/style.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="container">
	<div class="header">
		<div class="topmenu">
			<ul>
				<li><a href="aboutus.html">О компании</a></li>
				<li><a href="projects.html">Услуги компании</a></li>
				<li><a href="services.html">Аренда</a></li>
				<li><a href="support.html">Вакансии</a></li>
				<li><a href="privacy.html">Партнеры</a></li>
				<li style="border:none;"><a href="contact.html">Контакты</a></li>
			</ul>
		</div>	
	</div>
	
	
	
		<div class="banner"> 
		<img class="content_img" src="https://pp.vk.me/c606927/v606927130/7e99/7bpjC8lmkN0.jpg" usemap="#logo">
		<map id="logo" name="logo"><area shape="rect" alt="" title="" coords="23,19,523,126" href="index.html" target="_self" />
		</div>
		<div class="clear"></div>
	
		<div class="clear"></div>
		</div>
	
	
	<div class="workzone">
		<div id="sidebar">
			
			<ul id="menu">
	<li><a href="aboutus.html"><span>О компании</span></a></li>
	<li><a href="projects.html"><span>Услуги компании</span></a></li>
	<li><a href="services.html"><span>Аренда</span></a></li>
	<li><a href="support.html"><span>Вакансии</span></a></li>
	<li><a href="privacy.html"><span>Партнеры</span></a></li>
	<li><a href="contact.html"><span>Контакты</span></a></li>
	<a href="http://fullweb.ucoz.ru/" style="display: none;"></a> 
			</ul>	
		</div>
	



			
		<div id="content">
				<h1>ООО «ГенСтройСервис»</h1>
			
							
							Общество с ограниченной ответственностью «ГенСтройСервис» организовано в апреле 2007 года. Основной профиль нашей кампании – строительство наружных объектов/сетей теплоснабжения, водоснабжения и канализации. В период с 2007 по 2014 гг. ООО «ГенСтройСервис» участвовало во...

CSS

/* CSS Document */


		html,body { height: 100%;
		max-height: 1280px;
		margin:0; padding: 0;
	
		height: auto !important;
		min-height:100%;
		height: 100%;
}

#footer_space {
height: 25px;
clear: both;
}

body {
	font:11px Arial, Helvetica, sans-serif;
	color:#535353;
	background:#FFFDE4 url(http://i55.fastpic.ru/big/2014/0427/24/9ff64d2726b4ef26f780d6413eb1d524.jpg) left top repeat-x;
	margin:0px;
	padding:0px;
}

#container {
	width:80%;
	margin:0px auto;
	text-align:justify;

	
}
.banner {
	position:center; /* Положение слоя от левого края */
	margin: 0 auto;
    width: 100%;
    height: 100%;
}

.banner img {   
 width: 100%;  
 height: 100%;
 }

.header {
	height:32px;
	background:#1B1B1B;
	text-align:right;
}

.workzone {
	padding:28px 0px 0px 0px;
}

#sidebar {
	float:left;
	margin-left: 22%;
	border: 0px solid #333; /* Параметры рамки вокруг */
	margin-right: 20px;
	margin-bottom:45px;
    width: 200px; /* Ширина слоя */
    padding: 0 0 0 25px; /* Поля вокруг текста */ 
		
}

#content {
font-size: 20px;
text-align:justify;
	background: #eee 100%; /* фон контента */
	margin-right: 22%;

    padding: 20px ; /* поле слева */
}


.latestprojectzone {width: 80%; margin: 45px auto; }
.projectgallery {margin-left:40%; border-bottom:1px solid #CCCAB6; color: #000; }
.projectimg { width:120px;   height:113px;  float: left; border:1px solid #CCCCCC; background:#ffffff; }
.clear {clear:both; margin:0; padding:0; }

.projecttxt {margin: auto auto; 
text-align:center;
}

.projecttxt { width:120px;   height:50px;  float: left; }
.clear {clear:both; margin:0; padding:0; }


#footer {
width: 100%;
 margin:0 auto; 
 float:bottom;
 background:url(https://pp.vk.me/c608931/v608931130/781e/5WmoQ6beZ3U.jpg) left bottom repeat-x;
 height: 66px; 
 }
.footerinside {
	width:950px;
	margin:0px auto;
	text-align:right;
	padding:11px 16px 45px 0px;
	color: #F3F3F3;
}











/* Menu Styles Start Here */

a {
	color:#000000;
	text-decoration:underline;
}

a:hover...