1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

<div class="divider divider-full dashed">
    <div class="th_divid">
        <h6>You can set different icons and sizes</h6>
    </div>
</div>
<div class="divider divider-full dotted">
    <div class="th_divid"><em class="fas fa-chevron-down"></em></div>
</div>
<div class="divider divider-full solid">
    <div class="th_divid"><em class="fas fa-cog"></em></div>
</div>
<div class="divider divider-full double">
    <div class="th_divid">
        <h6>Different colors, line style and thickness</h6>
    </div>
</div>
<div class="divider divider-full dashed">
    <div class="th_divid"><em class="far fa-image"></em></div>
</div>
<div class="divider divider-full dotted">
    <div class="th_divid"><em class="fas fa-asterisk"></em></div>
</div>
<div class="divider divider-full dotted">
    <div class="th_divid"><em class="fas fa-quote-right"></em></div>
</div>
<div class="divider divider-full double">
    <div class="th_divid">
        <h6>You can write any text here</h6>
    </div>
</div>

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40

<div class="divider divider-full dashed primary">
    <div class="th_divid">
        <h6>You can set different icons and sizes</h6>
    </div>
</div>
<div class="divider divider-full dotted primary">
    <div class="th_divid">
        <em class="fas fa-chevron-down"></em>
    </div>
</div>
<div class="divider divider-full solid primary">
    <div class="th_divid">
        <em class="fas fa-cog"></em>
    </div>
</div>
<div class="divider divider-full double primary">
    <div class="th_divid">
        <h6>Different colors, line style and thickness</h6>
    </div>
</div>
<div class="divider divider-full dashed primary">
    <div class="th_divid">
        <em class="far fa-image"></em>
    </div>
</div>
<div class="divider divider-full dotted primary">
    <div class="th_divid">
        <em class="fas fa-asterisk"></em>
    </div>
</div>
<div class="divider divider-full dotted primary">
    <div class="th_divid">
        <em class="fas fa-quote-right"></em>
    </div>
</div>
<div class="divider divider-full double primary">
    <div class="th_divid">
        <h6>You can write any text here</h6>
    </div>
</div>

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12

<div class="divider">
    <em class="fas fa-chevron-down"></em>
</div>
<div class="divider">
    <em class="fas fa-star"></em>
</div>
<div class="divider">
    <em class="fas fa-bolt"></em>
</div>
<div class="divider divider-solid">
    <em class="fas fa-chevron-down"></em>
</div>

1
2
3

<hr class="short" />
<hr class="tall" />
<hr class="taller" />

1
2
3
4
5

<hr class="solid tall" />
<hr class="dashed tall" />
<hr class="pattern tall" />
<hr class="pattern pattern-2 tall" />
<hr class="taller" />

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40

<div class="row">
    <div class="col-md-4">
        <div class="feature-box">
            <div class="feature-box-icon"><em class="fas fa-users"></em></div>
            <div class="feature-box-info">
                <h4 class="mb-sm">Customer Support</h4>
                <div class="divider divider-small">
                    <hr />
                </div>
                <p class="tall">Lorem ipsum dolor sit amet, consectetur adipiscing metus elit. Quisque rutrum pellentesque imperdiet.</p>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="featured-boxes featured-boxes-style-4">
            <div class="featured-box featured-box-primary mt-none mb-none">
                <div class="box-content">
                    <em class="icon-featured fas fa-user"></em>
                    <h4>Loved by Customers</h4>
                    <div class="divider divider-small divider-small-center">
                        <hr />
                    </div>
                    <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus.</p>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="feature-box reverse">
            <div class="feature-box-icon"><em class="fas fa-users"></em></div>
            <div class="feature-box-info">
                <h4 class="mb-sm">Customer Support</h4>
                <div class="divider divider-small divider-small-right">
                    <hr />
                </div>
                <p class="tall">Lorem ipsum dolor sit amet, consectetur adipiscing metus elit. Quisque rutrum pellentesque imperdiet.</p>
            </div>
        </div>
    </div>
</div>

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44

<h4 class="mt-lg">Colors</h4>
<hr class="invisible" />
<div class="divider divider-small">
    <hr />
</div>
<div class="divider divider-primary divider-small">
    <hr />
</div>
<div class="divider divider-secondary divider-small">
    <hr />
</div>
<div class="divider divider-tertiary divider-small">
    <hr />
</div>
<div class="divider divider-quaternary divider-small">
    <hr />
</div>
<div class="divider divider-light divider-small">
    <hr />
</div>

<h4 class="mt-lg">Spacements</h4>
<hr class="invisible" />
<div class="divider divider-small">
    <hr />
</div>
<div class="divider divider-small tall">
    <hr />
</div>
<div class="divider divider-small taller">
    <hr />
</div>

<h4 class="mt-lg">Sizes</h4>
<hr class="invisible" />
<div class="divider divider-small divider-small-sm">
    <hr />
</div>
<div class="divider divider-small">
    <hr />
</div>
<div class="divider divider-small divider-small-lg">
    <hr />
</div>