|
|
| Line 1: |
Line 1: |
| | + | = '''4 Boxes with different colors'''<br/> = |
| | + | <div class="spis-bars-container"><div class="front-icon spis-bar"> |
| | + | {| style="width:100%" cellspacing="0" cellpadding="5" border="0" |
| | + | |- |
| | + | | style="background-color: rgb(204, 0, 0)" | |
| | + | = <span class="fa fa-chevron-down" style="color:#ffffff"></span>'''1 Heading'''<br/> = |
| | | | |
| | + | |} |
| | + | </div><div class="front-icons-sub-box"><div class="front-icon-sub"> |
| | + | *TEXT |
| | + | </div></div></div><div class="front-icon spis-bar"> |
| | + | {| style="width:100%" cellspacing="0" cellpadding="5" border="0" |
| | + | |- |
| | + | | style="background-color: rgb(255, 0, 0)" | |
| | + | = <span class="fa fa-chevron-down" style="color:#ffffff"></span> '''2 Heading'''<br/> = |
| | + | |
| | + | |} |
| | + | </div><div class="front-icons-sub-box"><div class="front-icon-sub"> |
| | + | *TEXT2 |
| | + | </div></div><div class="front-icon spis-bar"> |
| | + | {| style="width:100%" cellspacing="0" cellpadding="5" border="0" |
| | + | |- |
| | + | | style="background-color: rgb(255, 102, 0)" | |
| | + | = <span class="fa fa-chevron-down" style="color:#ffffff"></span> '''3 Heading'''<br/> = |
| | + | |
| | + | |} |
| | + | </div><div class="front-icons-sub-box"><div class="front-icon-sub"> |
| | + | *TEXT3 |
| | + | </div></div><div class="front-icon spis-bar"> |
| | + | {| style="width:100%" cellspacing="0" cellpadding="5" border="0" |
| | + | |- |
| | + | | style="background-color: rgb(255, 204, 0)" | |
| | + | = <span class="fa fa-chevron-down" style="color:#ffffff"></span> '''4 Heading'''<br/> = |
| | + | |
| | + | |} |
| | + | </div><div class="front-icons-sub-box"><div class="front-icon-sub"> |
| | + | *TEXT4<br/> |
| | + | </div></div> |
