JSFiddle - React, Tailwind, and code Playground

by Tushar Dhingra

HTML

<div class="text-center linksblok">
    <p><strong>Zoekt u specifieke informatie over een behandeling of uw ziekenhuis?</strong></p>
    <div class="linkblok hidden-xs" ><a href="http://www.sfg.nl">Bekijk de site van &gt;</a></div>
    <div class="img-responsive"><a href="http://www.sfg.nl"><img src="http://www.smashbros.com/wii/en_uk/characters/images/link/link.jpg" alt="logo sfg"/></a></div>
    <div class="linkblok hidden-xs" ><a href="https://www.vlietlandziekenhuis.nl/">Bekijk de site van &gt;</a></div>
    <div class="img-responsive"><a href="https://www.vlietlandziekenhuis.nl/"><img src="http://www.smashbros.com/wii/en_uk/characters/images/link/link.jpg" alt="logo vlietland"/></a></div>        
</div>

CSS

.linksblok div {
    margin:20px;
    display:inline-block;   
}

.linkblok {
    background-color:#68b022;
    padding:20px;
    color:#ffffff;
    border:1px solid #68b022;
    margin:-1px;
}
.linkblok.active {
    background-color:#3d6f1c;
}
.linkblok a,.linkblok a:active,.linkblok a:visited {
    color:#ffffff;