JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper">
    <a href="dsasd.html" id="logo"></a>
        <ul id="nav">
            <li><a href="2312312.html" class="first">Главная</a></li>
            <li><a href="2312312.html">О нас</a></li>
            <li><a href="2312312.html">Проекты</a></li>
            <li><a href="2312312.html">Контакты</a></li>
            <li><a href="2312312.html" class="last">Услуги</a></li>
        </ul>	
    <div id="darts">
    <div id="logos"></div>
    <p>Эффективные <span>бизнес решения</span></p>
    <a href="4242.html"></a>
    </div>
    <div id="fotos">
    <div id="history">
    <h4>История компании</h4>
    <p>Компания “Смарт Бизнес” была основана в 2001 году.</p>
    <a href="dasds.html"></a>
    </div>
    <div id="opp">
    <h4>Наши возможности</h4>
    <p>Мы лидеры рынка по улучшению бизнеса.</p>
    <a href="dasds.html"></a>
    </div>
    <div id="work">
    <h4>Где мы работаем?</h4>
    <p>Наша компания работает с клиентами из России.</p>
    <a href="dasds.html"></a>
    </div>
    <div id="contacts">
    <h4>Свяжитесь с нами</h4>
    <p>Это проще чем Вы думаете. Просто позвоните нам.</p>
    <a href="dasds.html"></a>
    </div>
    </div>
    
    <div id="big">
    <div id="business">
    <h2>Бизнес должен работать на 100%</h2>
    <p class="strong">В любом бизнесе есть проблемные места, которые очень сложно решить изнутри компании. Чаще всего требуется свежий и независимый взгляд со стороны. </p>
    <div id="inBusiness">
    <p>Наша компания “Смарт Бизнес” предлагает Вам комплексное решение, по анализу Вашего бизнеса и внедрению решений, позволяющих вывести его на новую высоту. </p>
    <p>Особенность нашего подхода в том, что мы не берем с Вас денег за свои услуги, если Ваша прибыль после нашей оптимизации не вырастет хотя бы на 10%. Более того, если показатели прибыли снизятся, мы вернем все на свои места, а потери компенсируем за свой счет.</p>
    </div>
    <ul id="b1">
    <li><a href="24242.html">Наши методики</a></li>
    <li><a...

CSS

@import url(reset.css);

body {
    background-color: #E2E2E2;
    background-image:url(../images/GrBg.png);
    background-repeat:repeat-x;
}

#wrapper {
    width:920px;
    margin:0 auto;
}

#logo {
    background-image:url(../images/logo.png);
    background-repeat:no-repeat;
    width:344px;
    height:104px;
    top:27px;
    left:38px;
    display:block;
    background-position:2px 22px;
}

#logo a {
    cursor:pointer;
}

#nav {
    width:920px;
    height:55px;
}

#nav li {
    float:left;
    width:55px;
    width:184px;
    text-align: center;
}

#nav li a {
    height:40px;
    display:block;
    padding-top:15px;
    font:17px Arial, sans-serif;
    color:#000000;
    text-decoration:none;
    background-image:url(../images/secondnav.png);
    background-repeat:no-repeat;
    background-position:0 -55px;
}

#nav li a:hover {
    background-position:0 0;
    color:#ffffff;
}

#nav li a.first {
    background-image:url(../images/firstnav.png);
}

#nav li a.last {
    background-image:url(../images/lastnav.png);
}

#darts {
    height:428px;
    position:relative;
}

#darts #logos{
    background-image: url(../images/dartsLogos.png);
    background-repeat:no-repeat;
    width:548px;
    height:409px;
    position:absolute;
    bottom:0;
}
#darts p {
    font:bold 48px Arial, sans-serif;
    color:#000000;
    width:377px;
    height:104px;
    position:absolute;
    bottom:215px;
    right:35px;
}

#darts p span {
    font:bold 30px Arial, sans-serif;
    padding-left:60px;
}

#darts a {
    background-image: url(../images/button.png);
    background-repeat:no-repeat;
    width:210px;
    height:53px;
    display:block;
    position:absolute;
    right:129px;
    bottom:135px;
    cursor:pointer;
}

#fotos {
    height: 241px;
    background-image: url(../images/fotosBg.png);
    background-repeat:no-repeat;
    padding:20px 22px 20px 20px;
}

#fotos div {
    float: left;
    width:210px;
    height:241px;
    background-repeat:no-repeat;
}

#history,...

JavaScript

<!--[if lt IE 7]>
<script type="text/javascript" src="js/DD_belatedPNG_0.0.8a-min.js"></script>
<script>
  DD_belatedPNG.fix('#logos,#darts,#p1,#p2,#p3,#inBusiness');
</script>
<![endif]-->