how to design heading style

How to Design Heading Style

/* css */

 section.practice-areas h1{
    background: url(../images/heading-style.png) no-repeat center bottom;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 50px;
}

html

<section class="practice-areas">
           <div class="container">
              <div class="row">
                  <div class="col-lg-12 col-md-12 col-sm-12">
                     <h1>Our <strong>Practice areas</strong></h1>
                  </div>
              </div>
           </div>
</section>