1. Home
  2. Docs
  3. Hardy
  4. HTML Structure

HTML Structure

HTML Structure of template

The base structure was organized by row, col-** class

<!-- my expertise area start -->
    <section class="expertise-area-wrapper">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="section-title-wrapper">
                        <h5 class="section-title-small">why choose me</h5>
                        <h3 class="section-title-big">my expertise area</h3>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-5 col-md-6">
                    <div class="my-skill">
                        <div class="single-progressbar">
                            <h4 class="title">Facebook Marketing</h4>
                            <div class="bar-1"></div>
                        </div>
                        <div class="single-progressbar">
                            <h4 class="title">Search Engine Optimization</h4>
                            <div class="bar-2"></div>
                        </div>
                        <div class="single-progressbar">
                            <h4 class="title">Content Writing</h4>
                            <div class="bar-3"></div>
                        </div>
                        <div class="single-progressbar">
                            <h4 class="title">Youtube Marketing</h4>
                            <div class="bar-4"></div>
                        </div>
                    </div>
                </div>
                <div class="offset-lg-1 col-lg-5 col-md-6">
                    <div class="my-skill">
                        <div class="single-progressbar">
                            <h4 class="title">Affiliate Marketing</h4>
                            <div class="bar-5"></div>
                        </div>
                        <div class="single-progressbar">
                            <h4 class="title">Graphic Design</h4>
                            <div class="bar-6"></div>
                        </div>
                        <div class="single-progressbar">
                            <h4 class="title">Web Ui Design</h4>
                            <div class="bar-7"></div>
                        </div>
                        <div class="single-progressbar">
                            <h4 class="title">Web design</h4>
                            <div class="bar-8"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- my expertise area end -->
Was this article helpful to you? Yes No

How can we help?