JSFiddle - React, Tailwind, and code Playground

by Tan

HTML

<!-- Nice Side Menu -->

<div class="sc">

<div class="sp borOr h2Or">
<div class="sbul bgOr"></div><h2>Bridging Calculator</h2>
<p>Calculate the cost of bridging finance to see how much you could save.</p>
</div>

<div class="sp borGr h2Gr">
<div class="sbul bgGr"></div><h2>Application Form</h2>
<p>Calculate the cost of bridging finance to see how much you could save.</p>
</div>

<div class="sp borBl h2Bl">
<div class="sbul bgBl"></div><h2>Frequently Asked Questions</h2>
<p>Calculate the cost of bridging finance to see how much you could save.</p>
</div>

<div class="sp borBlack h2Black">
<div class="sbul bgBlack"></div><h2>Contact Us</h2>
<p>Calculate the cost of bridging finance to see how much you could save.</p>
</div>




</div>

CSS

body {background-color:#fff;font-family:arial;}
.sc {max-width:320px;margin:auto;}

.sp {margin-top:35px;border-bottom:3px solid;}
.sp h2 {float:left;margin:0 0 0 10px;font-size:20px;line-height:32px;font-weight:normal;}
.sp p {clear:both;padding:10px 0 0 0;font-size:16px;line-height:20px;}

.bgBlack {background-color:#000;}
.borBlack {border-color:#000;}
.h2Black {color:#000;}

.bgOr {background-color:#D95E18;}
.borOr {border-color:#D95E18;}
.h2Or {color:#D95E18;}

.bgGr {background-color:#A0B122;}
.borGr {border-color:#A0B122;}
.h2Gr {color:#A0B122;}

.bgBl {background-color:#20558A;}
.borBl {border-color:#20558A;}
.h2Bl {color:#20558A;}

.sbul {width:32px;height:32px;float:left;border-radius:100%;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAASBAMAAADrvZC0AAAALVBMVEUAAAD///////////////////////////////////////////////////////+hSKubAAAADnRSTlMAv5gRCgXJieXd07KiJRgQvfQAAABPSURBVBjTY0AAuaMM2AHLu9cBOKT03ongkAl699ABp6ZkHDLs754Z4JCqe7cYifcOBby4gEvm3QSSZRCmYbqAVFcjfEo4dBAhSlosYMYcAOn4UvEnanxhAAAAAElFTkSuQmCC');background-position:center center;background-repeat:no-repeat;}

@media screen and (max-width: 480px) {
 .sp h2 {font-size:18px;line-height:28px;} 
 .sbul {width:28px;height:28px;}
 .sp p {font-size:14px;line-height:20px;}
}