How to add a stylish adress or about us in blogger

steps

1. go to blog 
2. layout 
3. add a gadget
4. html/sript
5. paste this code 
6. you can customize it

code box

<div class="footer-contact">
                                        <p class="adress"><label>Head Office:</label><span class="ft-content">Lord-Hardinge,Lalmohon,Bhola
<br /> Sohoz Shopping</span></p>
                                        <p class="adress"><label>Branch Office:</label><span class="ft-content">Uttara,sector 4,Road 5 ,House 43<br /> Sohoz shopping</span></p>
                                        <p class="phone"><label>phone:</label><span class="ft-content phone-num"><span class="phone1">01756****34,</span><span class="phone2">01845***7643</span></span></p>
                                        <p class="web"><label>email:</label><span class="ft-content web-site"><a href="mailto:sohozshopping@gmail.com">sohozshopping@gmail.com/a></a></span></p>
                                    </div>
<style>
.footer-contact {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_TYPIsDF1BMVAvOYbLiB72GREwKOkt4APeM1M8WZyZgV5pjMug61oLsrCFlG3My2DAkTnsvVYnyD-0g39TI4CxPURer8pjfqGPDYEgFfbto4RMF8hkVt8ydcaDNwAVd-lpzc8ngeAeU0/s1600/bg.png) no-repeat scroll center center;
}
.footer-contact p {
    clear: both;
    color: #fff;
    overflow: hidden;
    font-size: 14px;
    font-weight: normal;
    line-height: 22px;
}
.footer-contact p {
    margin-bottom: 13px;
    padding-bottom: 13px;
    border-bottom: 1px solid #999;
}
.footer-contact label {
    color: #fff;
    float: left;
    font-size: 14px;
    font-weight: normal;
    margin-right: 20px;
    max-width: 80px;
    min-width: 80px;
    text-transform: capitalize;
    display: inline-block;
}
.footer-contact:last-child p.web {
    border: medium none;
    margin: 0;
    padding: 0;
}
.footer-contact p a {
    color: #fa5555;
}
</style>