JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <div class="logo">
        <img src="http://www.kvislaconsult.no/Test/images/Kvisla_06.png">
    </div>
    <div id="navbar">
        <ul>
            <li><a href="/#">Kurs og konferanse</a>

            </li>
            <li><a href="/#">Referanse</a>

            </li>
            <li><a href="/#">Om Kvisla</a>

            </li>
            <li><a href="/#">Kontakt</a>

            </li>
        </ul>
    </div>
    <div id="reference">
        <ul>
            <li><a href="/#">Statoil</a>

            </li>
            <li><a href="/#">Choice Hotels</a>

            </li>
            <li><a href="/#">Rosenborg</a>

            </li>
            <li><a href="/#">OSL Gardermoen</a>

            </li>
        </ul>
    </div>
    <div id="content">
        <div class=" TopLeftContent">
            <img src="http://www.kvislaconsult.no/Test/images//Kvisla_24.jpg">
        </div>
        <div class=" TopMiddleContent">
            <img src="http://www.kvislaconsult.no/Test/images/Kvisla_25.jpg">
        </div>
        <div class=" TopRightContent">
            <p>Vi kan salgsutvikling, og vår erfaring er at de fleste salgsorganisasjoner trener på området som gir begrenset eller liten effekt. Ved å analysere hvilket elementer som virker sterkest inn på ønsket resultat kan vi igangsette utvikling.</p>
        </div>
        <div class=" BottomLeftContent">
            <p>Vi kan salgsutvikling, og vår erfaring er at de fleste salgsorganisasjoner trener på området som gir begrenset eller liten effekt. Ved å analysere hvilket elementer som virker sterkest inn på ønsket resultat kan vi igangsette utvikling.</p>
        </div>
        <div class=" BottomMiddleContent">
            <img src="http://www.kvislaconsult.no/Test/images/Kvisla_30.jpg">
        </div>
        <div class=" BottomRightContent">
            <img src="http://www.kvislaconsult.no/Test/images/Kvisla_31.jpg">
        </div>
    </div>
    <div id="footer">
        <ul>
            <li>Tlf:...

CSS

body {
    width: 1366;
    margin:0;
}
.logo {
    float:left;
    margin-top: 60px;
    margin-left: 69px;
}
#navbar {
    background: url("http://www.kvislaconsult.no/Test/images/Kvisla_01.jpg") no-repeat;
    height: 155px;
}
#navbar ul {
    padding-top: 69px;
    margin-left: 730px;
}
#navbar ul li {
    display: inline;
    padding-left: 35px;
}
#navbar ul li a {
    font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 500;
    color: #FFF;
    font-size: 18px;
}
#reference li {
    float:left;
    list-style:none;
    text-align:center;
}
#reference a {
    background-image:url('http://www.kvislaconsult.no/Test/images/Kvisla_22.png');
    display:inline-block;
    width:348px;
    height:80px;
    line-height: 75px;
    font-family:Tahoma;
    color:grey;
    text-decoration:none;
}
a:hover {
    color:white;
}