Arrows Using css styles

Right arrow

<div class=”arrow-right”> .arrow-right</div>

 .arrow-right{
border-color: transparent transparent transparent #d7e4ed;
border-style: solid;
border-width: 10px;
height: 0;
width: 0;
}

Left arrow

<div class=”arrow-left”> .arrow-right</div>

 .arrow-left{

border-color: transparent #e0e0e0 transparent transparent;
border-style: solid;
border-width: 10px;
right: 0;
height: 0;
width: 0;

}

Down Arrow

<div class=”down-right”> .arrow-right</div>

 .down-right{

border-color: #e0e0e0 transparent transparent transparent;
border-style: solid;
border-width: 10px;
height: 0;
width: 0;

}