Bootstrap 5 Our Services section with font awesome icons

1<div class="container">
2    <div class="row">
3        <div class="col-lg-12 text-center"> 
4            <h2 class="section-title">Services We Provide</h2>
5        </div>
6        <div class="col-lg-3 col-sm-6 mb-4">
7            <div class="card border-0 shadow rounded-xs pt-5">
8                <div class="card-body"> <i class="fa fa-object-ungroup icon-lg icon-primary icon-bg-primary icon-bg-circle mb-3"></i>
9                    <h4 class="mt-4 mb-3">Networking</h4>
10                    <p>For what reason would it be advisable for me to think about business content?</p>
11                </div>
12            </div>
13        </div>
14        <div class="col-lg-3 col-sm-6 mb-4">
15            <div class="card border-0 shadow rounded-xs pt-5">
16                <div class="card-body"> <i class="fa fa-users icon-lg icon-yellow icon-bg-yellow icon-bg-circle mb-3"></i>
17                    <h4 class="mt-4 mb-3">Social Activity</h4>
18                    <p>For what reason would it be advisable for me to think about business content?</p>
19                </div>
20            </div>
21        </div>
22        <div class="col-lg-3 col-sm-6 mb-4">
23            <div class="card border-0 shadow rounded-xs pt-5">
24                <div class="card-body"> <i class="fa fa-desktop icon-lg icon-purple icon-bg-purple icon-bg-circle mb-3"></i>
25                    <h4 class="mt-4 mb-3">Web Design</h4>
26                    <p>For what reason would it be advisable for me to think about business content?</p>
27                </div>
28            </div>
29        </div>
30        <div class="col-lg-3 col-sm-6 mb-4">
31            <div class="card border-0 shadow rounded-xs pt-5">
32                <div class="card-body"> <i class="fa fa-cloud icon-lg icon-cyan icon-bg-cyan icon-bg-circle mb-3"></i>
33                    <h4 class="mt-4 mb-3">Cloud Service</h4>
34                    <p>For what reason would it be advisable for me to think about business content?</p>
35                </div>
36            </div>
37        </div>
38        <div class="col-lg-3 col-sm-6 mb-4">
39            <div class="card border-0 shadow rounded-xs pt-5">
40                <div class="card-body"> <i class="fa fa-comments icon-lg icon-red icon-bg-red icon-bg-circle mb-3"></i>
41                    <h4 class="mt-4 mb-3">Consulting</h4>
42                    <p>For what reason would it be advisable for me to think about business content?</p>
43                </div>
44            </div>
45        </div>
46        <div class="col-lg-3 col-sm-6 mb-4">
47            <div class="card border-0 shadow rounded-xs pt-5">
48                <div class="card-body"> <i class="fa fa-search-plus icon-lg icon-green icon-bg-green icon-bg-circle mb-3"></i>
49                    <h4 class="mt-4 mb-3">SEO Optimization</h4>
50                    <p>For what reason would it be advisable for me to think about business content?</p>
51                </div>
52            </div>
53        </div>
54        <div class="col-lg-3 col-sm-6 mb-4">
55            <div class="card border-0 shadow rounded-xs pt-5">
56                <div class="card-body"> <i class="fa fa-user icon-lg icon-orange icon-bg-orange icon-bg-circle mb-3"></i>
57                    <h4 class="mt-4 mb-3">Usability Testing</h4>
58                    <p>For what reason would it be advisable for me to think about business content?</p>
59                </div>
60            </div>
61        </div>
62        <div class="col-lg-3 col-sm-6 mb-4">
63            <div class="card border-0 shadow rounded-xs pt-5">
64                <div class="card-body"> <i class="fa fa-envelope icon-lg icon-blue icon-bg-blue icon-bg-circle mb-3"></i>
65                    <h4 class="mt-4 mb-3">UX Prototyping</h4>
66                    <p>For what reason would it be advisable for me to think about business content?</p>
67                </div>
68            </div>
69        </div>
70    </div>
71</div>