Letterhead with logo and icons along with text - ashish-greycube/help GitHub Wiki
To create letterhead which contains logo image one side and icons along with text at other side, use following tips:
[1] Create 1 main div with class = row. for eg.
<div class="row main-header" style="border-bottom: 1px solid #fc810a;">
[2] Create other 2 div inside main-
one div with class = col-xs-6, other div with class = col-xs-5. Give padding to both div
[3] To add img icon along with some information, add p tag in right div
And add img tag in span tag along with some css styles.
After that add text. For eg.
<p style="font-size: 11px; line-height: 10px;">
<span style="width: 16px; height: 16px; line-height: 22px; text-align: center; color: black !important; padding: 3px; font-size: 14px; background-color: #fc810a; margin-right: 8px;"><img src="http://dev14:8000/files/web.png" style="width: 14px; display: inline-block;">
</span> soleosenergy.com
</p>
[4] Other eg.
<p>
<span style="width: 22px; height: 22px; line-height: 22px; color: black !important; padding: 3px; background-color: #fc810a; margin-right: 8px; text-align: center;">
<img src="/files/map-marker.png" style="width: 14px; display: inline-block;">
</span>
H-412, Sumel Business Park - 7, <br>
<span style="width: 22px; display: inline-block; margin-right: 8px;"></span>
Near Soni ni Chali BRTS, NH-8, <br>
<span style="width: 22px; display: inline-block; margin-right: 8px;"></span>
Ahmedabad-380023
</p>