Preypoint User Guide

On behalf of DesignerByte team, we would like to thank you for purchasing this item. Your support encourages us to build better items and continuously bring value to our products. This documentation file covers all the information needed to install and use this Template. You'll find everything you need to know to create a stunning and beautiful website in minutes.

Preypoint Introduction

This documentation will give you an understanding of how Preypoint template is structured and guide you in performing common functions.

If you want to customize, please contact us here: [email protected]

Author: PBM Infotech

Installation

Follow the steps below to get started with your Site Template:

  1. Open the ... /Template Folder to find all the Templates Files
  2. You will need to Upload these files to your Web Server using FTP in order to use it on your Website.
  3. Make sure you upload the required files/folders listed below:
    • html/css - Stylesheets Folder
    • html/fonts - Fonts Folder
    • html/images - Images Folder
    • html/js - Javacripts Folder
    • html/index.html - (and All HTML files)
    The other files can be used according to your preferences.
  4. You're now good to go..! Start adding your Content and show off your Brand New Beautiful Website in style.

Basic template Structure

The template has a responsive layout and is based on the Bootstrap V4 Framework . Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web. Click Here to know more about Bootstrap.


HTML Structure

The general HTML structure is the same throughout the template. Here is thegeneral HTML structure of the template:

<!DOCTYPE html>

<html lang="en">

<head>

[Page meta, page css, page title etc...]

</head>

<body>

<!-- page wrapper -->

<div class="page-wrapper">

<!--header -->

<header id="site-header" class="header">

<div id="header-wrap">

[MENU CONTENT]

</div>

</header>

<!--header -->

<!-- page content -->

<div class="page-content">

<!--Section 1 -->

<section>

[SECTION 1 CONTENT]

</section>

<!--Section 1 -->

<!--Section 2 -->

<section>

[SECTION 2 CONTENT]

</section>

<!--Section 2 -->

</div>

<!-- page content -->

<!--footer -->

<footer class="footer">

[FOOTER_CONTENT]

</footer>

<!--footer -->

</div>

<!-- page wrapper -->

[PAGE JAVASCRIPTS HERE]

</body>

</html>


CSS Structure

The general CSS structure is the same throughout the template. Here is the general CSS structure of the template: 


<!-- Bootstrap CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css">

<!-- Fontawesome -->
<link rel="stylesheet" href="css/fontawesome.css">

<!-- Flaticon -->
<link rel="stylesheet" href="css/flaticon.css">

<!-- Doctery Icons -->
<link rel="stylesheet" href="css/pbminfotech-base-icons.css">

<!-- Themify Icons -->
<link rel="stylesheet" href="css/themify-icons.css">

<!-- Slick -->
<link rel="stylesheet" href="css/swiper.min.css">

<!-- Magnific -->
<link rel="stylesheet" href="css/magnific-popup.css">

<!-- AOS -->
<link rel="stylesheet" href="css/aos.css">

<!-- Shortcode CSS -->
<link rel="stylesheet" href="css/shortcode.css">

<!-- Base CSS -->
<link rel="stylesheet" href="css/base.css">

<!-- Style CSS -->
<link rel="stylesheet" href="css/style.css">

<!-- Responsive CSS -->
<link rel="stylesheet" href="css/responsive.css">


Javascript Structure

The general Javascript structure is the same throughout the template. Here is the general Javascript structure of the template: 


<!-- jQuery JS -->
<script src="js/jquery.min.js"></script>

<!-- Popper JS -->
<script src="js/popper.min.js"></script>

<!-- Bootstrap JS -->
<script src="js/bootstrap.min.js"></script>

<!-- jquery Waypoints JS -->
<script src="js/jquery.waypoints.min.js"></script>

<!-- jquery Appear JS -->
<script src="js/jquery.appear.js"></script>

<!-- Numinate JS -->
<script src="js/numinate.min.js"></script>

<!-- Slick JS -->
<script src="js/swiper.min.js"></script>

<!-- Magnific JS -->
<script src="js/jquery.magnific-popup.min.js"></script>

<!-- Circle Progress JS -->
<script src="js/circle-progress.js"></script> 

<!-- AOS -->
<script src="js/aos.js"></script>

<!-- Scripts JS -->
<script src="js/scripts.js"></script>

Favicon icon

Favicon is an icon associated with the URL that is displayed at various places, such as in a browser’s address bar or next to the site name in a bookmark list.

You can add a Favicon to your Website using the following code: 


<link rel="shortcut icon" href="images/favicon.ico"/>

Logo Settings

The Logo Container can be found in the Header Container - Replace "logo-white.png" with your own logo image URL. 

<a href="index.html"><img src="images/logo-dark.png" alt="logo"></a>

Note Default height of logo is 60px. you can set height according to your logo type and your requirement.

Changing Fonts style

You can add/change the site font, from all fonts used from Google Web Font Services, with the one that suits you the best. You can find the font link in css folder base.css file. See example below: 

<!-- 'Roboto', sans-serif -->
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet');

<!-- "Bitter", serif -->
@import url('https://fonts.googleapis.com/css2?family=Bitter:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet');

In order to change the fonts, you will need to edit the above links with your custom font, You can easily use Google Web Font Services if you plan to use a Google Font or remove it completely. If you plan to use a self hosted font, here is an Example of using Self Hosted Fonts

Helper Classes

We have created some really useful helper classes for you. These classes help you to quick position elements without writing new CSS rules. These classes are generic helper classes predefined in the CSS pages, here is quick view what they can do

Section title

You can use this code for your page section title to maintain title style. 

<div class="pbmit-headingg">
   <h2 class="pbmit-title">Your Title</h2>
</div>

Background color

You can use color in the background. simply add .pbmit-bg-color-global (or any color you want) class where you want to use. See example below: 

<div class="pbmit-bg-color-global">  

[YOUR CONTENT]

</div>

Note We include 4 background color helper class in our template pbmit-bg-color-global, pbmit-bg-color-secondary, pbmit-bg-color-light and pbmit-bg-color-blackish You can add unlimited background color class according to your needs

Background Image

You can use an image in the background simply add InlineStyle in div tag and by use of this you can create your own bg. See example below: 

<div style="background:url(Path); ">    

[YOUR CONTENT]

</div>

Sliders

  • Swiper Slider

Swiper Slider

This excellent carousel slider can be controlled using HTML5 data attributes.

Find the full online Swiper Slider documentation .

Shortcode

  • Accordion
  • Buttons
  • Blog Post
  • Counter
  • Icon Box
  • Service Box
  • Progress Bar
  • Team
  • Testimonials

Accordion

Use the below code to display accordion: 

<div class="accordion" id="accordionExample">
    <div class="accordion-item">
        <h2 class="accordion-header" id="headingOne">
            <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                Accordion Item #1
            </button>
        </h2>
        <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
            <div class="accordion-body">
                <strong>This is the first item's accordion body.</strong> It is shown by default, until the collapse plugin adds the appropriate classes
            </div>
        </div>
    </div>
</div>

Button

Use the below to display Default Buttons:

Class Code Description Result
.pbmit-btn 
<a class="pbmit-btn" href="#">
    <span class="pbmit-button-content-wrapper">
        <span class="pbmit-button-text">
            Button
        </span>
    </span>
</a>
Button Button
.pbmit-btn-outline 
<a href="#" class="pbmit-btn pbmit-btn-outline">
    <span class="pbmit-button-content-wrapper">
        <span class="pbmit-button-text">
            Button
        </span>
    </span>
</a>
Outline Button Button

Counter

Use the below code to display Counter style:

Counter Style 2
<div class="pbminfotech-ele-fid-style-2">
    <div class="pbmit-fld-contents">
        <div class="pbmit-fld-wrap">
            <div class="pbmit-fid-icon-title">
                <span class="pbmit-fid-title">Countries around the <br> world countries </span>
            </div>
            <h4 class="pbmit-fid-inner">
                <span class="pbmit-fid-before"></span>
                <span class="pbmit-number-rotate numinate" data-appear-animation="animateDigits" data-from="0" data-to="50" data-interval="5" data-before="" data-before-style="" data-after="" data-after-style="">50</span>
                <span class="pbmit-fid"><span>k</span></span>
            </h4>
        </div>
    </div>
</div>

Icon box

Use the below code to display Icon box style:

Icon box Style 1
<div class="pbmit-ihbox-style-1">
    <div class="pbmit-ihbox-headingicon d-flex align-items-center">
        <div class="pbmit-ihbox-icon">
            <div class="pbmit-ihbox-icon-wrapper pbmit-icon-type-icon">
                <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512.076 512.076" 
                style="enable-background:new 0 0 512.076 512.076;" xml:space="preserve">
                    <g transform="translate(-1 -1)">
                    <g>
                        <g>
                            <path d="M499.639,396.039l-103.646-69.12c-13.153-8.701-30.784-5.838-40.508,6.579l-30.191,38.818 c-3.88,5.116-10.933,6.6-16.546,
                            3.482l-5.743-3.166c-19.038-10.377-42.726-23.296-90.453-71.04s-60.672-71.45-71.049-90.453 l-3.149-5.743c-3.161-5.612-1.705-12.695,3.413-16
                            .606l38.792-30.182c12.412-9.725,15.279-27.351,6.588-40.508l-69.12-103.646C109.12,1.056,91.25-2.966,77.461,5.323L34.12,31.358C20.502,39.
                            364,10.511,52.33,6.242,67.539 c-15.607,56.866-3.866,155.008,140.706,299.597c115.004,114.995,200.619,145.92,259.465,145.92 c13.543,0.058,
                            27.033-1.704,40.107-5.239c15.212-4.264,28.18-14.256,36.181-27.878l26.061-43.315 C517.063,422.832,513.043,404.951,499.639,396.039z M494.
                            058,427.868l-26.001,43.341c-5.745,9.832-15.072,17.061-26.027,20.173 c-52.497,14.413-144.213,2.475-283.008-136.32S8.29,124.559,22.703,
                            72.054c3.116-10.968,10.354-20.307,20.198-26.061 l43.341-26.001c5.983-3.6,13.739-1.855,17.604,3.959l37.547,56.371l31.514,47.266c3.774,
                            5.707,2.534,13.356-2.85,17.579 l-38.801,30.182c-11.808,9.029-15.18,25.366-7.91,38.332l3.081,5.598c10.906,20.002,24.465,44.885,73.967,
                            94.379 c49.502,49.493,74.377,63.053,94.37,73.958l5.606,3.089c12.965,7.269,29.303,3.898,38.332-7.91l30.182-38.801 c4.224-5.381,11.87-6
                            .62,17.579-2.85l103.637,69.12C495.918,414.126,497.663,421.886,494.058,427.868z"></path>
                            <path d="M291.161,86.39c80.081,0.089,144.977,64.986,145.067,145.067c0,4.713,3.82,8.533,8.533,8.533s8.533-3.82,8.533-8.533 
                            c-0.099-89.503-72.63-162.035-162.133-162.133c-4.713,0-8.533,3.82-8.533,8.533S286.448,86.39,291.161,86.39z"></path>
                            <path d="M291.161,137.59c51.816,0.061,93.806,42.051,93.867,93.867c0,4.713,3.821,8.533,8.533,8.533 c4.713,0,8.533-3.82,8.533-8.533c-0
                            .071-61.238-49.696-110.863-110.933-110.933c-4.713,0-8.533,3.82-8.533,8.533 S286.448,137.59,291.161,137.59z"></path>
                            <path d="M291.161,188.79c23.552,0.028,42.638,19.114,42.667,42.667c0,4.713,3.821,8.533,8.533,8.533s8.533-3.82,8.533-8.533 
                            c-0.038-32.974-26.759-59.696-59.733-59.733c-4.713,0-8.533,3.82-8.533,8.533S286.448,188.79,291.161,188.79z"></path>
                        </g>
                    </g>
                    </g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g>
                </svg>
            </div>
        </div>
        <div class="pbmit-ihbox-contents">
            <h2 class="pbmit-element-title">+1 234 567 89 90</h2>
        </div>
    </div>
</div>
Icon box Style 2
<div class="pbmit-ihbox-style-2">
    <div class="pbmit-ihbox-headingicon d-flex align-items-center">
        <div class="pbmit-ihbox-icon">
            <div class="pbmit-ihbox-icon-wrapper pbmit-icon-type-icon">
                <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 473.806 473.806" style="enable-background:new 0 0 473.806 473.806;" xml:space="preserve"><g><g><path d="M374.456,293.506c-9.7-10.1-21.4-15.5-33.8-15.5c-12.3,0-24.1,5.3-34.2,15.4l-31.6,31.5c-2.6-1.4-5.2-2.7-7.7-4			c-3.6-1.8-7-3.5-9.9-5.3c-29.6-18.8-56.5-43.3-82.3-75c-12.5-15.8-20.9-29.1-27-42.6c8.2-7.5,15.8-15.3,23.2-22.8			c2.8-2.8,5.6-5.7,8.4-8.5c21-21,21-48.2,0-69.2l-27.3-27.3c-3.1-3.1-6.3-6.3-9.3-9.5c-6-6.2-12.3-12.6-18.8-18.6			c-9.7-9.6-21.3-14.7-33.5-14.7s-24,5.1-34,14.7c-0.1,0.1-0.1,0.1-0.2,0.2l-34,34.3c-12.8,12.8-20.1,28.4-21.7,46.5			c-2.4,29.2,6.2,56.4,12.8,74.2c16.2,43.7,40.4,84.2,76.5,127.6c43.8,52.3,96.5,93.6,156.7,122.7c23,10.9,53.7,23.8,88,26			c2.1,0.1,4.3,0.2,6.3,0.2c23.1,0,42.5-8.3,57.7-24.8c0.1-0.2,0.3-0.3,0.4-0.5c5.2-6.3,11.2-12,17.5-18.1c4.3-4.1,8.7-8.4,13-12.9			c9.9-10.3,15.1-22.3,15.1-34.6c0-12.4-5.3-24.3-15.4-34.3L374.456,293.506z M410.256,398.806			C410.156,398.806,410.156,398.906,410.256,398.806c-3.9,4.2-7.9,8-12.2,12.2c-6.5,6.2-13.1,12.7-19.3,20			c-10.1,10.8-22,15.9-37.6,15.9c-1.5,0-3.1,0-4.6-0.1c-29.7-1.9-57.3-13.5-78-23.4c-56.6-27.4-106.3-66.3-147.6-115.6			c-34.1-41.1-56.9-79.1-72-119.9c-9.3-24.9-12.7-44.3-11.2-62.6c1-11.7,5.5-21.4,13.8-29.7l34.1-34.1c4.9-4.6,10.1-7.1,15.2-7.1			c6.3,0,11.4,3.8,14.6,7c0.1,0.1,0.2,0.2,0.3,0.3c6.1,5.7,11.9,11.6,18,17.9c3.1,3.2,6.3,6.4,9.5,9.7l27.3,27.3			c10.6,10.6,10.6,20.4,0,31c-2.9,2.9-5.7,5.8-8.6,8.6c-8.4,8.6-16.4,16.6-25.1,24.4c-0.2,0.2-0.4,0.3-0.5,0.5			c-8.6,8.6-7,17-5.2,22.7c0.1,0.3,0.2,0.6,0.3,0.9c7.1,17.2,17.1,33.4,32.3,52.7l0.1,0.1c27.6,34,56.7,60.5,88.8,80.8			c4.1,2.6,8.3,4.7,12.3,6.7c3.6,1.8,7,3.5,9.9,5.3c0.4,0.2,0.8,0.5,1.2,0.7c3.4,1.7,6.6,2.5,9.9,2.5c8.3,0,13.5-5.2,15.2-6.9			l34.2-34.2c3.4-3.4,8.8-7.5,15.1-7.5c6.2,0,11.3,3.9,14.4,7.3c0.1,0.1,0.1,0.1,0.2,0.2l55.1,55.1			C420.456,377.706,420.456,388.206,410.256,398.806z"></path><path d="M256.056,112.706c26.2,4.4,50,16.8,69,35.8s31.3,42.8,35.8,69c1.1,6.6,6.8,11.2,13.3,11.2c0.8,0,1.5-0.1,2.3-0.2			c7.4-1.2,12.3-8.2,11.1-15.6c-5.4-31.7-20.4-60.6-43.3-83.5s-51.8-37.9-83.5-43.3c-7.4-1.2-14.3,3.7-15.6,11			S248.656,111.506,256.056,112.706z"></path><path d="M473.256,209.006c-8.9-52.2-33.5-99.7-71.3-137.5s-85.3-62.4-137.5-71.3c-7.3-1.3-14.2,3.7-15.5,11			c-1.2,7.4,3.7,14.3,11.1,15.6c46.6,7.9,89.1,30,122.9,63.7c33.8,33.8,55.8,76.3,63.7,122.9c1.1,6.6,6.8,11.2,13.3,11.2			c0.8,0,1.5-0.1,2.3-0.2C469.556,223.306,474.556,216.306,473.256,209.006z"></path></g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg>
            </div>
        </div>
        <div class="pbmit-ihbox-contents">
            <h2 class="pbmit-element-title">8 (500) 450-0-025</h2>
        </div>
    </div>
</div>
Icon box Style 3
<div class="pbmit-ihbox-style-3">
    <div class="pbmit-ihbox-box d-flex">
        <div class="pbmit-ihbox-icon">
            <div class="pbmit-ihbox-icon-wrapper pbmit-icon-type-icon">
                <svg id="Capa_1" enable-background="new 0 0 512.037 512.037" height="512" viewBox="0 0 512.037 512.037" width="512" xmlns="http://www.w3.org/2000/svg">
                    <g>
                    <path d="m371.8 138.619h-231.563c-4.142 0-7.5 3.357-7.5 7.5s3.358 7.5 7.5 7.5h231.563c4.142 0 7.5-3.357 7.5-7.5 0-4.142-3.358-7.5-7.5-7.5z"></path>
                    <path d="m371.8 196.039h-231.563c-4.142 0-7.5 3.357-7.5 7.5s3.358 7.5 7.5 7.5h231.563c4.142 0 7.5-3.357 7.5-7.5s-3.358-7.5-7.5-7.5z"></path>
                    <path d="m371.8 253.458h-231.563c-4.142 0-7.5 3.357-7.5 7.5s3.358 7.5 7.5 7.5h231.563c4.142 0 7.5-3.357 7.5-7.5s-3.358-7.5-7.5-7.5z"></path>
                    <path d="m467.906 484.021c-1.862 7.463-8.604 13.017-16.635 13.017h-80.921c-4.142 0-7.5 3.357-7.5 7.5s3.358 7.5 7.5 7.5h80.921c17.692 0 32.091-14.36 32.16-32.036.001-.039.003-.079.003-.119 0-.003 0-.005 0-.008v-255.87c0-8.624-3.515-17.035-9.643-23.1-.013-.013-.024-.028-.037-.041-.007-.007-.015-.013-.022-.02-.011-.011-.022-.023-.033-.034l-29.477-28.931v-16.917c0-4.143-3.358-7.5-7.5-7.5s-7.5 3.357-7.5 7.5v79.758l-136.28 136.037-21.434-11.777c-9.699-5.331-21.282-5.332-30.98-.001l-21.434 11.778-136.279-136.037v-129.472c0-9.649 7.851-17.5 17.5-17.5h311.406c9.649 0 17.5 7.851 17.5 17.5v17.789c0 4.143 3.358 7.5 7.5 7.5s7.5-3.358 7.5-7.5v-17.789c0-17.921-14.58-32.5-32.5-32.5h-68.501l-65.387-64.176c-.071-.07-.144-.139-.217-.205-12.313-11.156-30.882-11.156-43.194 0-.074.066-.146.135-.217.205l-65.388 64.176h-68.501c-17.92 0-32.5 14.579-32.5 32.5v66.631l-29.478 28.931c-.012.012-.024.025-.036.038-.006.006-.012.01-.018.016-.011.011-.02.023-.03.033-6.132 6.066-9.65 14.48-9.65 23.107v85.586c0 4.143 3.358 7.5 7.5 7.5s7.5-3.357 7.5-7.5v-85.586c0-2.096.404-4.161 1.13-6.105l160.667 160.383-161.797 88.913v-124.919c0-4.143-3.358-7.5-7.5-7.5s-7.5 3.357-7.5 7.5v137.598.008c0 .039.002.079.003.119.069 17.676 14.468 32.036 32.16 32.036h276.897c4.142 0 7.5-3.358 7.5-7.5 0-4.143-3.358-7.5-7.5-7.5h-276.897c-8.032 0-14.773-5.553-16.635-13.017l203.622-111.896c5.176-2.844 11.355-2.845 16.532.001zm-223.311-464.629c6.537-5.832 16.311-5.832 22.848 0l54.364 53.356h-131.576zm-176.78 200.354-13.563-13.539 13.563-13.311zm399.488-1.847c.726 1.944 1.13 4.009 1.13 6.105v243.191l-161.797-88.913zm-9.519-11.691-13.563 13.538v-26.85z"></path>
                    </g>
                </svg>
            </div>
        </div>
        <div class="pbmit-ihbox-contents">
            <h2 class="pbmit-element-title">Find out How, Where and When We Worship. </h2>
            <h4 class="pbmit-element-subtitle">
                We Hope to See You Soon!
            </h4>
        </div>
    </div>
</div>
Icon box Style 4
<article class="pbmit-miconheading-style-4">
    <div class="pbmit-ihbox-style-4">
        <div class="pbmit-ihbox-headingicon">
            <div class="pbmit-ihbox-icon">
                <div class="pbmit-ihbox-icon-wrapper pbmit-icon-type-icon">
                    <svg id="hand_x5F_on_x5F_bible" enable-background="new 0 0 300 300" height="512" viewBox="0 0 300 300" width="512" xmlns="http://www.w3.org/2000/svg">
                        <path d="m255.994 82c0-1.047-.403-2.092-1.215-2.877-5.351-5.169-7.971-9.962-7.787-14.247.167-3.887 2.7-7.847 7.53-11.772 1.314-1.068 1.813-2.847 1.247-4.443s-2.076-2.661-3.769-2.661h-156c-11.028 0-20 8.972-20 20 0 2.021.301 4.016.895 5.93.087.282.207.543.346.79-.787 1.595-1.241 3.384-1.241 5.28v4.7c-1.253-.445-2.596-.7-4-.7-6.617 0-12 5.383-12 12v.7c-1.253-.445-2.596-.7-4-.7-6.617 0-12 5.383-12 12v28 18.337 35.019c0 6.224 1.116 11.786 3.317 16.532 5.311 11.448 15.539 18.92 28.683 21.271v12.906c0 8.787 7.148 15.935 15.934 15.935h148.131c8.786 0 15.935-7.148 15.935-15.935v-156.065zm-159.994-28h146.729c-2.324 3.376-3.574 6.898-3.729 10.534-.19 4.431 1.273 8.938 4.342 13.466h-143.342c0-6.617-5.383-12-12-12-1.395 0-2.729.251-3.974.691-.013-.23-.026-.46-.026-.691 0-6.617 5.383-12 12-12zm-41.425 146.522c-1.709-3.684-2.575-8.113-2.575-13.166v-35.019-18.337-28c0-2.206 1.794-4 4-4s4 1.794 4 4v42.095c0 2.209 1.791 4 4 4s4-1.791 4-4v-54.095c0-2.206 1.794-4 4-4s4 1.794 4 4v54.095c0 2.209 1.791 4 4 4s4-1.791 4-4v-70.095c0-2.206 1.794-4 4-4s4 1.794 4 4v70.095c0 2.209 1.791 4 4 4s4-1.791 4-4v-54.095c0-2.206 1.794-4 4-4s4 1.794 4 4v67.832c0 1.68 1.05 3.182 2.629 3.758 1.58.576 3.351.105 4.431-1.182l20.523-24.374c1.194-1.417 3.282-1.645 4.751-.523 1.399 1.067 1.776 3.012.877 4.524-.124.209-.229.43-.313.658l-16.548 44.815c-6.31 17.085-22.049 28.462-39.283 28.461-.181 0-.364-.001-.545-.004-19.14-.266-26.978-11.043-29.947-17.443zm185.49 45.478h-148.131c-4.375 0-7.935-3.56-7.935-7.935v-12.118c.138.003.271.016.41.018.22.003.437.005.656.005 20.571-.001 39.319-13.468 46.787-33.69l16.435-44.508c2.715-4.952 1.42-11.173-3.102-14.622-4.869-3.714-11.776-2.957-15.723 1.731l-13.462 15.99v-56.871c0-3.075-1.172-5.874-3.081-8h135.081v152.065c0 4.375-3.56 7.935-7.935 7.935z"></path>
                        <path d="m216 130h-12v-8c0-6.617-5.383-12-12-12s-12 5.383-12 12v8h-12c-6.617 0-12 5.383-12 12s5.383 12 12 12h12v52c0 6.617 5.383 12 12 12s12-5.383 12-12v-52h12c6.617 0 12-5.383 12-12s-5.383-12-12-12zm0 16h-16c-2.209 0-4 1.791-4 4v56c0 2.206-1.794 4-4 4s-4-1.794-4-4v-56c0-2.209-1.791-4-4-4h-16c-2.206 0-4-1.794-4-4s1.794-4 4-4h16c2.209 0 4-1.791 4-4v-12c0-2.206 1.794-4 4-4s4 1.794 4 4v12c0 2.209 1.791 4 4 4h16c2.206 0 4 1.794 4 4s-1.794 4-4 4z"></path>
                    </svg>
                </div>
            </div>
            <h2 class="pbmit-element-title">
                Praise & Worship
            </h2>
            <div class="pbmit-heading-desc">We believe it’s important to have a new members’ class at every church. These classes are supposed to be designed to give you a greater.</div>
        </div>
    </div>
</article>
Icon box Style 5
<article class="pbmit-miconheading-style-5">
    <div class="pbmit-ihbox-style-5">
        <div class="pbmit-ihbox-contents">
            <div class="pbmit-ihbox-icon">
                <div class="pbmit-ihbox-icon-wrapper pbmit-icon-type-icon">
                    <svg id="Layer_1" enable-background="new 0 0 512 512" height="512" viewBox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg">
                    <g>
                        <g>
                            <g id="XMLID_1_">
                                <g>
                                <path d="m475.27 501.35c.02.36.01.71-.03 1.07.02-.23.03-.46.03-.69z"></path>
                                <path d="m475.27 501.35v.38c0 .23-.01.46-.03.69-.16 1.59-.86 3.08-1.99 4.23-.15.15-.3.29-.46.43-.02.02-.04.04-.06.05-.18.14-.36.27-.55.4-.16.11-.33.21-.51.31-.24.14-.49.26-.75.35-.14.07-.29.12-.44.16-.08.04-.17.06-.27.09-.14.04-.29.08-.45.11-.21.05-.42.08-.63.1-.09.01-.18.02-.27.03-.18.01-.35.02-.53.02-1.42 0-2.87-.43-4.09-1.36l-17.07-12.55h14.22v-6.79l11.07 8.14c1.72 1.28 2.69 3.22 2.81 5.21z"></path>
                                <path d="m475.2 216.99.07 284.36c-.12-1.99-1.09-3.93-2.81-5.21l-11.07-8.14-.06-255.18 11.63-10.71c.09-.09.19-.18.26-.27.16-.15.29-.3.41-.46.04-.05.09-.11.12-.16.12-.14.22-.28.3-.42.03-.03.05-.07.06-.1.11-.15.2-.32.29-.48.08-.16.16-.33.23-.49.1-.22.18-.44.24-.66.08-.23.14-.46.18-.69.09-.45.14-.91.14-1.37 0-.22-.01-.43-.03-.65.03.21.04.42.04.63z"></path>
                                <path d="m475.16 216.36c.02.22.03.43.03.65 0 .46-.05.92-.14 1.37-.05.23-.11.46-.18.69-.07.22-.15.45-.24.66-.07.16-.15.33-.23.49s-.17.32-.29.48c-.01.03-.03.07-.06.1-.08.14-.18.28-.3.42-.03.05-.08.11-.12.16-.13.16-.26.31-.41.46-1.35 1.43-3.17 2.12-4.95 2.12-1.76 0-3.51-.66-4.86-1.98l-2.08-2.03v-2.96c0-2.1.93-3.98 2.41-5.25.06-.07.12-.12.18-.16.15-.12.31-.24.47-.34.16-.12.33-.22.51-.31.04-.04.08-.06.12-.07.17-.09.34-.18.52-.25.01-.01.02-.02.04-.01.13-.06.26-.11.39-.15.13-.05.26-.1.39-.13.19-.06.38-.1.58-.14.21-.04.43-.07.66-.09 2.04-.19 4.14.53 5.66 2.12.07.07.14.14.2.22.08.08.15.17.21.25.09.1.17.2.23.31.07.08.12.16.17.24.08.11.15.22.21.34.06.09.11.19.14.28.1.17.18.35.25.52.09.21.16.42.22.63.07.22.13.44.17.66.03.16.06.32.07.48.01.06.02.13.03.19z"></path>
                                <path d="m475.08 215.74c.04.2.07.39.08.59-.01-.06-.02-.13-.03-.19-.01-.14-.03-.27-.05-.4z"></path>
                                <path d="m475.05 218.38c.09-.45.14-.91.14-1.37 0 .46-.05.92-.14 1.37z"></path>
                                <path d="m475.13 216.14c-.01-.16-.04-.32-.07-.48.01.02.01.05.02.08.02.13.04.26.05.4z"></path>
                                <path d="m475.08 215.74c-.01-.03-.01-.06-.02-.08-.04-.23-.1-.44-.17-.66-.04-.16-.1-.33-.16-.49.16.39.28.81.35 1.23z"></path>
                                <path d="m475.06 215.66c-.04-.22-.1-.44-.17-.66.07.22.13.43.17.66z"></path>
                                <path d="m474.87 219.07c.07-.23.13-.46.18-.69-.04.23-.1.46-.18.69z"></path>
                                <path d="m474.73 214.51c.06.16.12.33.16.49-.06-.21-.13-.42-.22-.63.02.05.04.1.06.14z"></path>
                                <path d="m474.63 219.73c.09-.21.17-.44.24-.66-.06.22-.14.44-.24.66z"></path>
                                <path d="m474.73 214.51c-.02-.04-.04-.09-.06-.14-.07-.17-.15-.35-.25-.52-.04-.1-.08-.19-.14-.28-.04-.07-.08-.14-.12-.21.24.36.43.74.57 1.15z"></path>
                                <path d="m474.42 213.85c-.03-.09-.08-.19-.14-.28.06.09.1.18.14.28z"></path>
                                <path d="m474.11 220.7c.12-.16.21-.32.29-.48-.09.16-.18.33-.29.48z"></path>
                                <path d="m474.28 213.57c-.06-.12-.13-.23-.21-.34.03.04.06.08.09.13.04.07.08.14.12.21z"></path>
                                <path d="m475.24 502.42c-.11 1.2-.53 2.39-1.29 3.44-.35.46-.73.87-1.16 1.22.16-.14.31-.28.46-.43 1.13-1.15 1.83-2.64 1.99-4.23z"></path>
                                <path d="m474.16 213.36c-.03-.05-.06-.09-.09-.13-.05-.08-.1-.16-.17-.24-.06-.11-.14-.21-.23-.31-.06-.09-.13-.17-.21-.25-.03-.04-.07-.09-.11-.13-.03-.03-.06-.06-.09-.09-.05-.06-.11-.12-.17-.18l-.41-.4c.17.14.33.29.49.45.38.38.72.81.99 1.28z"></path>
                                <path d="m474.07 213.23c-.05-.08-.1-.16-.17-.24.07.08.12.16.17.24z"></path>
                                <path d="m473.75 221.22c.12-.14.22-.28.3-.42-.08.14-.18.28-.3.42z"></path>
                                <path d="m473.9 212.99c-.06-.11-.14-.21-.23-.31.09.1.17.2.23.31z"></path>
                                <path d="m473.67 212.68c-.06-.08-.13-.17-.21-.25.08.08.15.16.21.25z"></path>
                                <path d="m473.22 221.84c.15-.15.28-.3.41-.46-.12.16-.25.31-.41.46z"></path>
                                <path d="m473.46 212.43c-.06-.08-.13-.15-.2-.22.03.03.06.06.09.09.04.04.08.09.11.13z"></path>
                                <path d="m473.09 212.03c.06.06.12.12.17.18-1.52-1.59-3.62-2.31-5.66-2.12.22-.03.44-.04.67-.04 1.67 0 3.21.6 4.41 1.58z"></path>
                                <path d="m473.22 221.84c-.07.09-.17.18-.26.27l-11.63 10.71v-12.87l2.08 2.03c1.35 1.32 3.1 1.98 4.86 1.98 1.78 0 3.6-.69 4.95-2.12z"></path>
                                <path d="m472.18 507.53c.19-.13.37-.26.55-.4-.18.15-.36.28-.55.4z"></path>
                                <path d="m399.29 140.16 73.39 71.47c-1.2-.98-2.74-1.58-4.41-1.58-.23 0-.45.01-.67.04-.23.02-.45.05-.66.09-.2.04-.39.08-.58.14-.13.03-.26.08-.39.13-.13.04-.26.08-.39.15-.02-.01-.03 0-.04.01-.18.07-.35.15-.52.25-.04.01-.08.03-.12.07-.17.08-.35.19-.51.31-.16.1-.32.21-.47.34-.06.04-.12.09-.18.16-.07.04-.13.1-.2.16l-5.38 4.96-58.87-57.33z"></path>
                                <path d="m471.67 507.84c.18-.1.35-.2.51-.31-.17.12-.34.22-.51.31z"></path>
                                <path d="m470.48 508.35c.15-.04.3-.09.44-.16-.14.06-.29.12-.44.16z"></path>
                                <path d="m469.76 508.55c.16-.03.31-.07.45-.11-.15.04-.3.08-.45.11z"></path>
                                <path d="m468.86 508.68.27-.03c-.09.01-.18.02-.27.03z"></path>
                                <path d="m468.33 508.7c.18 0 .35-.01.53-.02-.18.01-.35.02-.53.02z"></path>
                                <path d="m468.33 508.7h-424.66c1.42 0 2.87-.43 4.13-1.36l17.07-12.55h382.3l17.07 12.55c1.22.93 2.67 1.36 4.09 1.36z"></path>
                                <path d="m466.94 210.18c-.2.04-.39.08-.58.14.19-.06.38-.1.58-.14z"></path>
                                <path d="m466.36 210.32c-.13.03-.26.08-.39.13.13-.05.26-.1.39-.13z"></path>
                                <path d="m465.97 210.45c-.13.04-.26.09-.39.15.13-.07.26-.11.39-.15z"></path>
                                <path d="m465.54 210.61c-.18.07-.35.16-.52.25.17-.1.34-.18.52-.25z"></path>
                                <path d="m464.9 210.93c-.18.09-.35.19-.51.31.16-.12.34-.23.51-.31z"></path>
                                <path d="m464.39 211.24c-.16.1-.32.22-.47.34.15-.13.31-.24.47-.34z"></path>
                                <path d="m463.74 211.74c-1.48 1.27-2.41 3.15-2.41 5.25v2.96l-3.17-3.09 5.38-4.96c.07-.06.13-.12.2-.16z"></path>
                                <path d="m461.39 488v6.79h-14.22l-150.23-110.48 10.41-9.59z"></path>
                                <path d="m461.33 219.95v12.87l-64.07 59.04c1.26-1.26 2.03-3 2.03-4.91v-15.84l58.87-54.25z"></path>
                                <path d="m399.29 271.11v15.84c0 1.91-.77 3.65-2.03 4.91-1.25 1.25-2.98 2.03-4.9 2.03-3.83 0-6.94-3.11-6.94-6.94v-3.06z"></path>
                                <path d="m399.29 159.53v111.58l-13.87 12.78v-140.37c.1 1.66.8 3.28 2.08 4.53z"></path>
                                <path d="m399.29 140.16v19.37l-11.79-11.48c-1.28-1.25-1.98-2.87-2.08-4.53v-.88c.09-1.6.74-3.17 1.95-4.4 2.67-2.74 7.07-2.81 9.81-.13z"></path>
                                <path d="m399.29 67.45v72.71l-2.11-2.05c-2.74-2.68-7.14-2.61-9.81.13-1.21 1.23-1.86 2.8-1.95 4.4v-68.25h-71.78c1.82 0 3.6-.7 4.92-2.05 2.71-2.71 2.68-7.1-.03-9.81l-2.03-2.01h75.86c3.83 0 6.93 3.1 6.93 6.93z"></path>
                                <path d="m397.26 291.86-89.91 82.86-6.79-4.99c-2.75-2-6.47-1.7-8.87.54l93.73-86.38v3.06c0 3.83 3.11 6.94 6.94 6.94 1.92 0 3.65-.78 4.9-2.03z"></path>
                                <path d="m385.42 142.64v.88c-.02-.3-.02-.59 0-.88z"></path>
                                <path d="m342.71 192.25c0 9.05-1.62 17.67-4.79 25.7-3.17 8.02-7.99 15.65-14.37 22.66-5.68 6.27-11.69 11.06-17.87 14.2-6.14 3.14-12.68 4.72-19.36 4.72-4.22 0-7.69-.62-10.27-1.91-2.54-1.26-4.43-3.07-5.61-5.39-.76-1.48-1.36-4.12-1.72-7.89l-.17-1.52-.99 1.16c-4.03 4.65-8.62 8.45-13.61 11.26-4.95 2.81-9.97 4.23-14.96 4.23-5.48 0-10.87-1.62-16.06-4.82-5.18-3.21-9.44-8.23-12.68-14.9-3.27-6.71-4.92-14.17-4.92-22.17 0-9.87 2.58-19.91 7.66-29.86 5.06-9.91 11.46-17.47 18.96-22.43 7.5-4.95 14.87-7.46 21.9-7.46 5.35 0 10.54 1.42 15.4 4.23 4.85 2.8 9.11 7.13 12.65 12.88l.86 1.39.36-1.62 1.78-8.16c.76-3.5 3.9-6.01 7.47-6.01 2.31 0 4.49 1.02 5.94 2.84 1.46 1.81 2.02 4.13 1.52 6.41l-11.49 53.51c-2.54 11.96-2.84 14.2-2.84 14.83 0 1.88.72 3.53 2.14 4.89 1.43 1.32 3.14 2.01 5.16 2.01 3.5 0 7.96-1.95 13.54-5.91 7.27-5.09 13.08-12.02 17.31-20.58 4.23-8.55 6.38-17.51 6.38-26.59 0-10.6-2.75-20.68-8.2-29.89-5.41-9.22-13.64-16.72-24.41-22.23-10.73-5.52-22.79-8.33-35.77-8.33-14.83 0-28.57 3.54-40.83 10.47-12.25 6.97-21.9 17.05-28.67 30.03-6.74 12.95-10.18 27.02-10.18 41.85 0 15.53 3.41 29.1 10.18 40.33s16.71 19.66 29.5 25.04c12.75 5.35 27.05 8.06 42.54 8.06 16.58 0 30.66-2.81 41.89-8.39 9.97-4.95 17.83-10.93 23.35-17.8 1.22-1.52 3.07-2.38 5.05-2.38 2.61 0 4.89 1.49 5.95 3.83 1.06 2.38.66 5.09-1.06 7.04-2.41 2.74-5.22 5.51-8.39 8.19-7.73 6.8-17.07 12.25-27.74 16.22-10.71 3.96-23.75 5.98-38.82 5.98-13.9 0-26.89-1.82-38.61-5.39-11.69-3.57-21.8-8.98-30.03-16.12-8.22-7.13-14.53-15.46-18.69-24.74-5.26-11.79-7.9-24.71-7.9-38.38 0-15.23 3.17-29.96 9.42-43.77 3.83-8.49 8.48-16.05 13.9-22.53 5.42-6.47 11.7-12.02 18.7-16.51 7-4.5 14.86-7.9 23.35-10.15 8.49-2.24 17.87-3.4 27.88-3.4 15.49 0 29.6 3.21 41.92 9.55 12.29 6.34 22.13 15.89 29.23 28.41 6.05 10.8 9.12 22.66 9.12 35.31zm-69.04 25.43c2.28-6.41 3.4-12.85 3.4-19.29 0-8.59-2.14-15.26-6.4-19.98-4.26-4.73-9.45-7.1-15.59-7.1-4.03 0-7.87 1.02-11.43 3.07-3.57 2.05-7.04 5.35-10.38 9.91-3.33 4.56-6.04 10.07-8.06 16.58-2.01 6.51-3.04 12.49-3.04 17.9 0 8.66 2.05 15.4 6.15 20.19 4.09 4.79 8.82 7.2 14.1 7.2 3.54 0 7.27-1.06 11.17-3.17 4-2.15 7.76-5.29 11.33-9.45s6.47-9.45 8.75-15.86z"></path>
                                <path d="m318.53 62.53c2.71 2.71 2.74 7.1.03 9.81-1.32 1.35-3.1 2.05-4.92 2.05-1.75 0-3.53-.66-4.89-2.02l-11.94-11.85h19.69z"></path>
                                <path d="m260.92 5.35 55.58 55.17h-19.69l-40.81-40.51 4.89-4.85c2.71-2.71 2.74-7.1.03-9.81z"></path>
                                <path d="m313.64 74.39h-115.38c1.75 0 3.53-.7 4.89-2.02l11.96-11.85h81.7l11.94 11.85c1.36 1.36 3.14 2.02 4.89 2.02z"></path>
                                <path d="m307.35 374.72-10.41 9.59-4.6-3.38c-3.08-2.28-3.74-6.61-1.49-9.71.26-.35.54-.66.84-.95 2.4-2.24 6.12-2.54 8.87-.54z"></path>
                                <path d="m296.94 384.31-36.15 33.32c-1.29 1.19-2.97 1.85-4.72 1.85h-.17c-1.75 0-3.43-.66-4.69-1.85l-36.13-33.3 4.62-3.4c3.1-2.28 3.76-6.61 1.48-9.71-.17-.23-.34-.44-.53-.64l35.35 32.58 35.69-32.89c-.3.29-.58.6-.84.95-2.25 3.1-1.59 7.43 1.49 9.71z"></path>
                                <path d="m260.92 5.35c2.71 2.71 2.68 7.1-.03 9.81l-4.89 4.85-4.89-4.85c-2.71-2.71-2.74-7.1-.03-9.81.18-.18.36-.34.55-.5.36-.29.74-.54 1.14-.75 0 0 0 0 .01-.01.6-.31 1.24-.53 1.89-.66.88-.17 1.78-.17 2.66 0 .65.13 1.29.35 1.89.66l.01.01c.4.21.78.46 1.14.75.18.14.35.3.52.47z"></path>
                                <path d="m260.37 4.85c-.36-.29-.74-.54-1.14-.75.4.2.78.45 1.14.75z"></path>
                                <path d="m257.33 3.43c.65.12 1.29.34 1.89.66-.6-.31-1.24-.53-1.89-.66z"></path>
                                <path d="m256 20.01-40.89 40.51h-19.71l55.68-55.17c-2.71 2.71-2.68 7.1.03 9.81z"></path>
                                <path d="m252.78 4.09c.6-.32 1.24-.54 1.89-.66-.65.13-1.29.35-1.89.66z"></path>
                                <path d="m251.63 4.85c.36-.3.74-.55 1.14-.75-.4.21-.78.46-1.14.75z"></path>
                                <path d="m221.18 371.22c2.28 3.1 1.62 7.43-1.48 9.71l-4.62 3.4-10.42-9.59 6.81-5.01c2.57-1.91 6.05-1.76 8.44.17l.72.66c.01.01.02.02.02.02.19.2.36.41.53.64z"></path>
                                <path d="m220.63 370.56-.72-.66c.26.2.5.42.72.66z"></path>
                                <path d="m126.58 283.89 93.33 86.01c-2.39-1.93-5.87-2.08-8.44-.17l-6.81 5.01-89.92-82.88c1.25 1.25 2.98 2.03 4.9 2.03 3.83 0 6.94-3.11 6.94-6.94z"></path>
                                <path d="m215.11 60.52-11.96 11.85c-1.36 1.32-3.14 2.02-4.89 2.02-1.78 0-3.57-.7-4.92-2.05-2.71-2.71-2.68-7.1.03-9.81l2.03-2.01z"></path>
                                <path d="m215.08 384.33-150.21 110.46h-14.26v-6.77l154.05-113.28z"></path>
                                <path d="m198.26 74.39h-71.68v68.28c-.09-1.6-.74-3.17-1.95-4.4-2.67-2.74-7.07-2.8-9.81-.13l-2.11 2.05v-72.74c0-3.83 3.1-6.93 6.93-6.93h75.76l-2.03 2.01c-2.71 2.71-2.74 7.1-.03 9.81 1.35 1.35 3.14 2.05 4.92 2.05z"></path>
                                <path d="m126.58 142.67c.02.29.02.59 0 .88z"></path>
                                <path d="m126.58 283.89v3.06c0 3.83-3.11 6.94-6.94 6.94-1.92 0-3.65-.78-4.9-2.03-1.26-1.26-2.03-3-2.03-4.91v-15.84z"></path>
                                <path d="m126.58 143.55v140.34l-13.87-12.78v-111.55l11.79-11.48c1.28-1.25 1.98-2.87 2.08-4.53z"></path>
                                <path d="m126.58 142.67v.88c-.1 1.66-.8 3.28-2.08 4.53l-11.79 11.48v-19.37l2.11-2.05c2.74-2.67 7.14-2.61 9.81.13 1.21 1.23 1.86 2.8 1.95 4.4z"></path>
                                <path d="m114.74 291.86-64.07-59.04v-12.86l3.18-3.1 58.86 54.25v15.84c0 1.91.77 3.65 2.03 4.91z"></path>
                                <path d="m112.71 140.19v19.37l-58.86 57.3-5.39-4.96c-.05-.05-.1-.09-.16-.13-.09-.08-.18-.16-.28-.23-.13-.12-.27-.21-.41-.3-.17-.12-.34-.22-.51-.31-.04-.03-.08-.05-.12-.07-.15-.08-.29-.15-.44-.21-.06-.03-.12-.06-.17-.07-.09-.05-.18-.08-.27-.11-.15-.06-.31-.11-.47-.15-.19-.06-.39-.11-.59-.14-.06-.01-.12-.02-.19-.03-.15-.03-.3-.05-.46-.06-.22-.03-.44-.04-.66-.04-1.59 0-3.07.54-4.24 1.45z"></path>
                                <path d="m64.87 494.79-17.07 12.55c-1.26.93-2.71 1.36-4.13 1.36-.18 0-.35-.01-.53-.02-.09-.01-.18-.02-.27-.03-.21-.02-.42-.05-.63-.1-.16-.03-.31-.07-.45-.11-.1-.03-.19-.05-.27-.09-.15-.04-.3-.09-.44-.16-.26-.09-.5-.21-.75-.35-.15-.08-.3-.17-.45-.27s-.29-.2-.43-.31c-.16-.12-.32-.25-.46-.39-.03-.03-.07-.06-.1-.09-.09-.09-.18-.18-.26-.27-.1-.1-.19-.21-.28-.31-.09-.11-.18-.22-.26-.34-.11-.16-.22-.31-.32-.47s-.2-.33-.28-.49c-.1-.2-.19-.41-.27-.62-.08-.17-.14-.34-.19-.52-.05-.16-.09-.33-.13-.5-.02-.09-.04-.19-.06-.29-.02-.14-.04-.27-.06-.41-.03-.28-.05-.55-.05-.83.01-2.13.99-4.23 2.84-5.59l11.04-8.12v6.77z"></path>
                                <path d="m53.85 216.86-3.18 3.1v-2.97c0-1.91-.77-3.65-2.03-4.91-.11-.11-.22-.21-.34-.31.06.04.11.08.16.13z"></path>
                                <path d="m50.67 216.99v2.97l-2.08 2.02c-1.35 1.32-3.1 1.98-4.86 1.98-1.55 0-3.09-.51-4.35-1.54l-.34-.31c-.56-.52-1.01-1.1-1.36-1.73-.57-1.03-.86-2.18-.87-3.33 0-.23.01-.46.03-.68.16-1.58.84-3.11 2.07-4.3l.37-.36c1.45-1.24 3.3-1.78 5.11-1.62.15.01.31.03.46.06.07.01.13.02.19.03.2.04.4.08.59.14.16.04.32.09.47.15.09.03.18.06.27.11.05.01.11.04.17.07.15.06.3.13.44.21.04.02.08.04.12.07.18.09.35.19.51.31.14.09.28.18.41.3.1.06.19.14.28.23.12.1.23.2.34.31 1.26 1.26 2.03 3 2.03 4.91z"></path>
                                <path d="m50.67 219.96v12.86l-11.29-10.4c1.26 1.03 2.8 1.54 4.35 1.54 1.76 0 3.51-.66 4.86-1.98z"></path>
                                <path d="m50.67 232.82-.06 255.2-11.04 8.12c-1.85 1.36-2.83 3.46-2.84 5.59l.07-284.74c0-.21.01-.41.04-.62-.02.22-.03.45-.03.68 0 1.15.28 2.3.87 3.33.28.54.65 1.04 1.1 1.5.19.2.39.38.6.54z"></path>
                                <path d="m48.3 211.77c-.09-.09-.18-.17-.28-.23.1.07.19.15.28.23z"></path>
                                <path d="m47.61 211.24c-.16-.12-.33-.22-.51-.31.17.09.34.19.51.31z"></path>
                                <path d="m46.98 210.86c-.14-.08-.29-.15-.44-.21.15.06.29.13.44.21z"></path>
                                <path d="m46.37 210.58c-.09-.05-.18-.08-.27-.11.09.03.18.06.27.11z"></path>
                                <path d="m46.1 210.47c-.15-.06-.31-.11-.47-.15.16.04.32.09.47.15z"></path>
                                <path d="m45.63 210.32c-.19-.06-.39-.1-.59-.14.2.03.4.08.59.14z"></path>
                                <path d="m44.85 210.15c-.15-.03-.31-.05-.46-.06.16.01.31.03.46.06z"></path>
                                <path d="m44.39 210.09c-1.81-.16-3.66.38-5.11 1.62l.21-.21c1.17-.91 2.65-1.45 4.24-1.45.22 0 .44.01.66.04z"></path>
                                <path d="m43.14 508.68c.18.01.35.02.53.02-.18 0-.35-.01-.53-.02z"></path>
                                <path d="m42.87 508.65.27.03c-.09-.01-.18-.02-.27-.03z"></path>
                                <path d="m41.79 508.44c.14.04.29.08.45.11-.15-.03-.3-.07-.45-.11z"></path>
                                <path d="m41.08 508.19c.14.07.29.12.44.16-.15-.04-.3-.1-.44-.16z"></path>
                                <path d="m39.88 507.57c.15.1.3.19.45.27-.15-.08-.3-.17-.45-.27z"></path>
                                <path d="m39.49 211.5-.21.21c-.22.18-.43.38-.63.59-.31.34-.58.69-.81 1.06.42-.72.99-1.35 1.65-1.86z"></path>
                                <path d="m39.04 222.11.34.31c-.21-.16-.41-.34-.6-.54-.45-.46-.82-.96-1.1-1.5.35.63.8 1.21 1.36 1.73z"></path>
                                <path d="m39.28 211.71-.37.36c-1.23 1.19-1.91 2.72-2.07 4.3.02-.21.05-.41.08-.62.16-.83.46-1.64.92-2.39.23-.37.5-.72.81-1.06.2-.21.41-.41.63-.59z"></path>
                                <path d="m39.45 507.26c-.16-.12-.31-.25-.46-.39.14.14.3.27.46.39z"></path>
                                <path d="m38.63 506.51c.08.09.17.18.26.27-.05-.04-.09-.08-.14-.13s-.09-.09-.12-.14z"></path>
                                <path d="m38.09 505.86c.08.12.17.23.26.34-.1-.11-.19-.22-.26-.34z"></path>
                                <path d="m37.77 505.39c.1.16.21.31.32.47-.13-.15-.23-.31-.32-.47z"></path>
                                <path d="m37.49 504.9c.08.16.18.33.28.49-.11-.16-.2-.32-.28-.49z"></path>
                                <path d="m37.03 503.76c.05.18.11.35.19.52-.08-.17-.14-.35-.19-.52z"></path>
                                <path d="m37.84 213.36c-.46.75-.76 1.56-.92 2.39.15-.86.46-1.67.92-2.39z"></path>
                                <path d="m36.92 215.75c-.03.21-.06.41-.08.62.01-.21.03-.41.08-.62z"></path>
                                <path d="m36.84 502.97c.02.1.04.2.06.29-.02-.1-.04-.19-.06-.29z"></path>
                                <path d="m36.81 217.05c.01 1.15.3 2.3.87 3.33-.59-1.03-.87-2.18-.87-3.33z"></path>
                                <path d="m36.78 502.56c.02.14.04.27.06.41-.03-.14-.05-.27-.06-.41z"></path>
                                </g>
                            </g>
                        </g>
                    </g>
                    </svg>
                </div>
            </div>
            <h2 class="pbmit-element-title">
                Mail Us 24/7
            </h2>
            <div class="pbmit-heading-desc">[email protected] <br>
                [email protected]
            </div>
        </div>
    </div>
</article>
Icon box Style 6
<article class="pbmit-miconheading-style-6">
    <div class="pbmit-ihbox-style-6">
        <div class="pbmit-ihbox-headingicon">
            <div class="pbmit-ihbox-icon">
                <div class="pbmit-ihbox-icon-wrapper pbmit-icon-type-icon">
                    <svg id="angel" enable-background="new 0 0 300 300" height="512" viewBox="0 0 300 300" width="512" xmlns="http://www.w3.org/2000/svg">
                        <path d="m273.428 101.395c0-4.595-1.918-8.904-5.142-11.985 1.64-2.312 2.549-5.098 2.549-8.043 0-2.343-.599-4.633-1.722-6.677 1.123-2.043 1.722-4.333 1.722-6.676 0-5.094-2.835-9.741-7.177-12.182-.173-2.94-1.382-5.768-3.422-7.921-2.363-2.495-5.69-3.927-9.127-3.927-6.217 0-11.551 4.583-12.408 10.661-7.679 54.442-49.415 70.26-67.002 74.534-.163.04-.311.106-.464.164l-.72-.603c-3.611-3.024-8.156-4.689-12.798-4.689h-15.61c-4.643 0-9.188 1.665-12.799 4.688l-.633.53c-18.262-4.357-59.697-20.186-67.374-74.623-.857-6.078-6.191-10.661-12.408-10.661-3.437 0-6.764 1.431-9.127 3.927-2.04 2.153-3.249 4.98-3.422 7.921-4.341 2.44-7.176 7.088-7.176 12.182 0 2.343.599 4.633 1.722 6.676-1.123 2.044-1.722 4.334-1.722 6.677 0 2.945.908 5.73 2.549 8.043-3.224 3.081-5.142 7.391-5.142 11.985 0 3.68 1.204 7.163 3.394 10.015-2.19 2.851-3.394 6.334-3.394 10.015 0 5.828 3.049 11.081 7.813 14.048-.75 1.896-1.137 3.91-1.137 5.98 0 8.189 5.958 15.014 13.768 16.364-.275 1.194-.416 2.421-.416 3.665 0 9.157 7.45 16.607 16.607 16.607 2.07 0 4.085-.387 5.979-1.137 2.967 4.764 8.221 7.812 14.049 7.812 3.865 0 7.522-1.314 10.478-3.736 5.721.186 11.098-.569 16.062-2.225v6.895c0 6.756 3.666 12.871 9.567 15.959l2.175 1.138v25.717c0 15.165 12.619 27.503 28.129 27.503s28.129-12.338 28.129-27.503v-25.442l2.699-1.413c5.902-3.088 9.568-9.203 9.568-15.959v-6.958c5.01 1.697 10.447 2.476 16.241 2.288 2.956 2.422 6.612 3.736 10.478 3.736 5.829 0 11.082-3.049 14.049-7.812 1.895.75 3.91 1.137 5.979 1.137 9.158 0 16.608-7.45 16.608-16.607 0-1.244-.14-2.471-.416-3.665 7.81-1.351 13.769-8.175 13.769-16.364 0-2.07-.387-4.085-1.137-5.98 4.764-2.967 7.813-8.22 7.813-14.048 0-3.681-1.204-7.164-3.395-10.015 2.19-2.853 3.394-6.336 3.394-10.016zm-163.651 53.37v15.483c-5.123 2.195-10.925 3.117-17.273 2.714-1.174-.06-2.303.364-3.117 1.198-1.64 1.68-3.823 2.604-6.149 2.604-3.911 0-7.323-2.666-8.299-6.484-.337-1.317-1.32-2.374-2.61-2.805-1.29-.43-2.711-.174-3.771.677-1.099.884-2.919 1.937-5.349 1.937-4.746 0-8.607-3.861-8.607-8.607 0-1.85.619-3.641 1.791-5.179 1.032-1.354 1.117-3.18.176-4.599-.06-.101-.121-.201-.185-.299-.943-1.434-2.698-2.105-4.357-1.671-.845.222-1.535.325-2.17.325-4.746 0-8.607-3.861-8.607-8.607 0-2.431 1.053-4.251 1.936-5.35.852-1.061 1.107-2.48.677-3.771-.43-1.29-1.487-2.273-2.805-2.61-3.817-.975-6.484-4.387-6.484-8.297 0-2.68 1.254-5.169 3.442-6.827.997-.756 1.583-1.936 1.583-3.188 0-1.251-.585-2.431-1.583-3.187-2.188-1.66-3.443-4.148-3.443-6.828 0-3.368 2-6.442 5.094-7.834 1.356-.61 2.262-1.922 2.352-3.406s-.651-2.896-1.923-3.665c-1.834-1.109-2.929-3.024-2.929-5.123 0-1.864.854-3.204 1.571-4 1.37-1.521 1.37-3.833-.001-5.354-.716-.795-1.57-2.134-1.57-3.998 0-2.677 1.75-4.981 4.356-5.736 1.789-.518 2.983-2.2 2.882-4.06l-.077-1.413c-.069-1.267.374-2.472 1.246-3.393s2.05-1.428 3.319-1.428c2.253 0 4.182 1.624 4.486 3.778 7.646 54.214 46.068 73.276 67.81 79.774l-4.075 3.412c-4.664 3.904-7.337 9.669-7.337 15.817zm72.266 30.934c0 3.359-1.613 6.416-4.267 8.248v-28.468c0-2.209-1.791-4-4-4s-4 1.791-4 4v63.033c0 10.754-9.03 19.503-20.129 19.503s-20.129-8.749-20.129-19.503v-61.965c0-2.209-1.791-4-4-4s-4 1.791-4 4v26.998c-2.334-1.86-3.742-4.718-3.742-7.846v-30.934c0-3.774 1.629-7.303 4.471-9.681l12.194-10.211c2.174-1.82 4.895-2.822 7.663-2.822h15.61c2.768 0 5.489 1.002 7.663 2.823l12.194 10.21c2.842 2.378 4.471 5.907 4.471 9.681v30.934zm79.942-71.102c2.188 1.659 3.443 4.147 3.443 6.827 0 3.91-2.667 7.322-6.484 8.297-1.318.337-2.375 1.32-2.805 2.61-.431 1.291-.175 2.711.677 3.771.883 1.099 1.936 2.919 1.936 5.35 0 4.746-3.861 8.607-8.608 8.607-.635 0-1.324-.104-2.169-.325-1.662-.433-3.414.237-4.358 1.671-.062.096-.122.193-.161.264-.941 1.419-.88 3.279.152 4.634 1.172 1.538 1.792 3.329 1.792 5.179 0 4.746-3.861 8.607-8.608 8.607-2.429 0-4.25-1.053-5.349-1.937-1.061-.852-2.48-1.106-3.771-.677-1.291.431-2.273 1.487-2.61 2.805-.976 3.818-4.388 6.484-8.299 6.484-2.326 0-4.51-.925-6.148-2.604-.815-.835-1.96-1.261-3.117-1.198-6.409.409-12.269-.519-17.419-2.758-.011-.005-.023-.006-.034-.011v-15.428c0-6.148-2.674-11.912-7.335-15.815l-4.032-3.376c21.144-6.315 60.254-25.272 67.947-79.811.303-2.154 2.232-3.778 4.486-3.778 1.268 0 2.447.507 3.319 1.428s1.314 2.126 1.246 3.392l-.077 1.414c-.102 1.859 1.093 3.542 2.882 4.061 2.605.754 4.356 3.059 4.356 5.735 0 1.863-.854 3.203-1.571 3.998-1.371 1.521-1.371 3.833-.001 5.354.717.796 1.572 2.137 1.572 4 0 2.099-1.095 4.014-2.93 5.123-1.272.769-2.013 2.181-1.923 3.665s.996 2.796 2.352 3.406c3.095 1.392 5.094 4.467 5.094 7.834 0 2.68-1.255 5.168-3.443 6.828-.997.756-1.583 1.936-1.583 3.187-.002 1.252.584 2.431 1.581 3.187z"></path>
                        <path d="m239.033 111.067c-1.894-1.135-4.352-.521-5.487 1.374-10.026 16.724-25.392 23.821-33.658 26.562-2.097.695-3.233 2.959-2.537 5.057.557 1.679 2.119 2.741 3.796 2.741.417 0 .842-.065 1.26-.204 9.318-3.091 26.647-11.104 38.001-30.043 1.134-1.894.52-4.351-1.375-5.487z"></path>
                        <path d="m148.227 120.974c11.737 0 21.286-9.549 21.286-21.285 0-11.737-9.549-21.286-21.286-21.286s-21.286 9.549-21.286 21.286c0 11.736 9.549 21.285 21.286 21.285zm0-34.571c7.326 0 13.286 5.96 13.286 13.286 0 7.325-5.96 13.285-13.286 13.285s-13.286-5.96-13.286-13.285c0-7.326 5.96-13.286 13.286-13.286z"></path>
                        <path d="m99.666 139.003c-8.267-2.741-23.632-9.839-33.658-26.562-1.136-1.896-3.593-2.51-5.487-1.374-1.895 1.136-2.51 3.593-1.374 5.487 11.354 18.938 28.683 26.952 38.001 30.043.418.139.842.204 1.26.204 1.677 0 3.239-1.062 3.796-2.741.695-2.098-.441-4.361-2.538-5.057z"></path>
                        <path d="m149.777 72.077c9.955 0 20-3.092 20-10s-10.045-10-20-10-20 3.092-20 10 10.045 10 20 10zm0-12c5.373 0 9.245 1.075 11.092 2-1.847.925-5.719 2-11.092 2s-9.245-1.075-11.092-2c1.847-.925 5.719-2 11.092-2z"></path>
                    </svg>
                </div>
            </div>
            <h2 class="pbmit-element-title">
                Place Of Heaven
            </h2>
            <div class="pbmit-heading-desc">Whenever you feel low and depressed come and volunteer for our charity programs</div>
        </div>
    </div>
</article>
Icon box Style 7
<div class="pbmit-ihbox-style-7">
    <div class="pbmit-ihbox-box d-flex">
        <div class="pbmit-ihbox-icon">
            <div class="pbmit-ihbox-icon-wrapper pbmit-icon-type-icon">
                <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve"><g>    <g id="right_x5F_quote_x5F_alt"><g><polygon style="fill:#030104;" points="0,4 0,28 12,16 12,4"></polygon><polygon style="fill:#030104;" points="20,4 20,28 32,16 32,4"></polygon></g></g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg>
            </div>
        </div>
        <div class="pbmit-ihbox-contents">
            <h2 class="pbmit-element-title">
                “You never have to advertise a fire. Everyone comes running when there’s a fire. Likewise, if your church  is on fire, you will not have to advertise it. The community will already know it.
            </h2>
            <div class="pbmit-heading-desc">- Satisfied client</div>
        </div>
    </div>
</div>
Icon box Style 8
<article class="pbmit-miconheading-style-8">
    <div class="pbmit-ihbox-style-8">
        <div class="pbmit-ihbox-box d-flex">
            <div class="pbmit-ihbox-icon">
                <div class="pbmit-ihbox-icon-wrapper pbmit-icon-type-icon">
                    <svg id="hand_x5F_on_x5F_bible" enable-background="new 0 0 300 300" height="512" viewBox="0 0 300 300" width="512" xmlns="http://www.w3.org/2000/svg">
                        <path d="m255.994 82c0-1.047-.403-2.092-1.215-2.877-5.351-5.169-7.971-9.962-7.787-14.247.167-3.887 2.7-7.847 7.53-11.772 1.314-1.068 1.813-2.847 1.247-4.443s-2.076-2.661-3.769-2.661h-156c-11.028 0-20 8.972-20 20 0 2.021.301 4.016.895 5.93.087.282.207.543.346.79-.787 1.595-1.241 3.384-1.241 5.28v4.7c-1.253-.445-2.596-.7-4-.7-6.617 0-12 5.383-12 12v.7c-1.253-.445-2.596-.7-4-.7-6.617 0-12 5.383-12 12v28 18.337 35.019c0 6.224 1.116 11.786 3.317 16.532 5.311 11.448 15.539 18.92 28.683 21.271v12.906c0 8.787 7.148 15.935 15.934 15.935h148.131c8.786 0 15.935-7.148 15.935-15.935v-156.065zm-159.994-28h146.729c-2.324 3.376-3.574 6.898-3.729 10.534-.19 4.431 1.273 8.938 4.342 13.466h-143.342c0-6.617-5.383-12-12-12-1.395 0-2.729.251-3.974.691-.013-.23-.026-.46-.026-.691 0-6.617 5.383-12 12-12zm-41.425 146.522c-1.709-3.684-2.575-8.113-2.575-13.166v-35.019-18.337-28c0-2.206 1.794-4 4-4s4 1.794 4 4v42.095c0 2.209 1.791 4 4 4s4-1.791 4-4v-54.095c0-2.206 1.794-4 4-4s4 1.794 4 4v54.095c0 2.209 1.791 4 4 4s4-1.791 4-4v-70.095c0-2.206 1.794-4 4-4s4 1.794 4 4v70.095c0 2.209 1.791 4 4 4s4-1.791 4-4v-54.095c0-2.206 1.794-4 4-4s4 1.794 4 4v67.832c0 1.68 1.05 3.182 2.629 3.758 1.58.576 3.351.105 4.431-1.182l20.523-24.374c1.194-1.417 3.282-1.645 4.751-.523 1.399 1.067 1.776 3.012.877 4.524-.124.209-.229.43-.313.658l-16.548 44.815c-6.31 17.085-22.049 28.462-39.283 28.461-.181 0-.364-.001-.545-.004-19.14-.266-26.978-11.043-29.947-17.443zm185.49 45.478h-148.131c-4.375 0-7.935-3.56-7.935-7.935v-12.118c.138.003.271.016.41.018.22.003.437.005.656.005 20.571-.001 39.319-13.468 46.787-33.69l16.435-44.508c2.715-4.952 1.42-11.173-3.102-14.622-4.869-3.714-11.776-2.957-15.723 1.731l-13.462 15.99v-56.871c0-3.075-1.172-5.874-3.081-8h135.081v152.065c0 4.375-3.56 7.935-7.935 7.935z"></path>
                        <path d="m216 130h-12v-8c0-6.617-5.383-12-12-12s-12 5.383-12 12v8h-12c-6.617 0-12 5.383-12 12s5.383 12 12 12h12v52c0 6.617 5.383 12 12 12s12-5.383 12-12v-52h12c6.617 0 12-5.383 12-12s-5.383-12-12-12zm0 16h-16c-2.209 0-4 1.791-4 4v56c0 2.206-1.794 4-4 4s-4-1.794-4-4v-56c0-2.209-1.791-4-4-4h-16c-2.206 0-4-1.794-4-4s1.794-4 4-4h16c2.209 0 4-1.791 4-4v-12c0-2.206 1.794-4 4-4s4 1.794 4 4v12c0 2.209 1.791 4 4 4h16c2.206 0 4 1.794 4 4s-1.794 4-4 4z"></path>
                    </svg>
                </div>
            </div>
            <div class="pbmit-ihbox-contents">
                <h2 class="pbmit-element-title">
                    Place Of Heaven
                </h2>
                <div class="pbmit-heading-desc">Whenever you feel low and depressed come and volunteer for our charity programs. </div>
            </div>
        </div>
    </div>
</article>

Service Box

Use the below code to display Service Box style:

Service Box Style 1
<article class="pbmit-service-style-1">
    <div class="pbminfotech-post-item">
        <div class="pbmit-box-content-wrap">
            <div class="pbmit-service-image-wrapper">
                <div class="pbmit-featured-img-wrapper">
                    <div class="pbmit-featured-wrapper">
                        <img src="images/homepage-3/service/service-01.jpg" class="img-fluid" alt="">
                    </div>
                </div>
            </div>
            <div class="pbmit-service-icon">
                <svg id="angel" enable-background="new 0 0 300 300" height="512" viewBox="0 0 300 300" width="512" xmlns="http://www.w3.org/2000/svg">
                    <path d="m273.428 101.395c0-4.595-1.918-8.904-5.142-11.985 1.64-2.312 2.549-5.098 2.549-8.043 0-2.343-.599-4.633-1.722-6.677 1.123-2.043 1.722-4.333 1.722-6.676 0-5.094-2.835-9.741-7.177-12.182-.173-2.94-1.382-5.768-3.422-7.921-2.363-2.495-5.69-3.927-9.127-3.927-6.217 0-11.551 4.583-12.408 10.661-7.679 54.442-49.415 70.26-67.002 74.534-.163.04-.311.106-.464.164l-.72-.603c-3.611-3.024-8.156-4.689-12.798-4.689h-15.61c-4.643 0-9.188 1.665-12.799 4.688l-.633.53c-18.262-4.357-59.697-20.186-67.374-74.623-.857-6.078-6.191-10.661-12.408-10.661-3.437 0-6.764 1.431-9.127 3.927-2.04 2.153-3.249 4.98-3.422 7.921-4.341 2.44-7.176 7.088-7.176 12.182 0 2.343.599 4.633 1.722 6.676-1.123 2.044-1.722 4.334-1.722 6.677 0 2.945.908 5.73 2.549 8.043-3.224 3.081-5.142 7.391-5.142 11.985 0 3.68 1.204 7.163 3.394 10.015-2.19 2.851-3.394 6.334-3.394 10.015 0 5.828 3.049 11.081 7.813 14.048-.75 1.896-1.137 3.91-1.137 5.98 0 8.189 5.958 15.014 13.768 16.364-.275 1.194-.416 2.421-.416 3.665 0 9.157 7.45 16.607 16.607 16.607 2.07 0 4.085-.387 5.979-1.137 2.967 4.764 8.221 7.812 14.049 7.812 3.865 0 7.522-1.314 10.478-3.736 5.721.186 11.098-.569 16.062-2.225v6.895c0 6.756 3.666 12.871 9.567 15.959l2.175 1.138v25.717c0 15.165 12.619 27.503 28.129 27.503s28.129-12.338 28.129-27.503v-25.442l2.699-1.413c5.902-3.088 9.568-9.203 9.568-15.959v-6.958c5.01 1.697 10.447 2.476 16.241 2.288 2.956 2.422 6.612 3.736 10.478 3.736 5.829 0 11.082-3.049 14.049-7.812 1.895.75 3.91 1.137 5.979 1.137 9.158 0 16.608-7.45 16.608-16.607 0-1.244-.14-2.471-.416-3.665 7.81-1.351 13.769-8.175 13.769-16.364 0-2.07-.387-4.085-1.137-5.98 4.764-2.967 7.813-8.22 7.813-14.048 0-3.681-1.204-7.164-3.395-10.015 2.19-2.853 3.394-6.336 3.394-10.016zm-163.651 53.37v15.483c-5.123 2.195-10.925 3.117-17.273 2.714-1.174-.06-2.303.364-3.117 1.198-1.64 1.68-3.823 2.604-6.149 2.604-3.911 0-7.323-2.666-8.299-6.484-.337-1.317-1.32-2.374-2.61-2.805-1.29-.43-2.711-.174-3.771.677-1.099.884-2.919 1.937-5.349 1.937-4.746 0-8.607-3.861-8.607-8.607 0-1.85.619-3.641 1.791-5.179 1.032-1.354 1.117-3.18.176-4.599-.06-.101-.121-.201-.185-.299-.943-1.434-2.698-2.105-4.357-1.671-.845.222-1.535.325-2.17.325-4.746 0-8.607-3.861-8.607-8.607 0-2.431 1.053-4.251 1.936-5.35.852-1.061 1.107-2.48.677-3.771-.43-1.29-1.487-2.273-2.805-2.61-3.817-.975-6.484-4.387-6.484-8.297 0-2.68 1.254-5.169 3.442-6.827.997-.756 1.583-1.936 1.583-3.188 0-1.251-.585-2.431-1.583-3.187-2.188-1.66-3.443-4.148-3.443-6.828 0-3.368 2-6.442 5.094-7.834 1.356-.61 2.262-1.922 2.352-3.406s-.651-2.896-1.923-3.665c-1.834-1.109-2.929-3.024-2.929-5.123 0-1.864.854-3.204 1.571-4 1.37-1.521 1.37-3.833-.001-5.354-.716-.795-1.57-2.134-1.57-3.998 0-2.677 1.75-4.981 4.356-5.736 1.789-.518 2.983-2.2 2.882-4.06l-.077-1.413c-.069-1.267.374-2.472 1.246-3.393s2.05-1.428 3.319-1.428c2.253 0 4.182 1.624 4.486 3.778 7.646 54.214 46.068 73.276 67.81 79.774l-4.075 3.412c-4.664 3.904-7.337 9.669-7.337 15.817zm72.266 30.934c0 3.359-1.613 6.416-4.267 8.248v-28.468c0-2.209-1.791-4-4-4s-4 1.791-4 4v63.033c0 10.754-9.03 19.503-20.129 19.503s-20.129-8.749-20.129-19.503v-61.965c0-2.209-1.791-4-4-4s-4 1.791-4 4v26.998c-2.334-1.86-3.742-4.718-3.742-7.846v-30.934c0-3.774 1.629-7.303 4.471-9.681l12.194-10.211c2.174-1.82 4.895-2.822 7.663-2.822h15.61c2.768 0 5.489 1.002 7.663 2.823l12.194 10.21c2.842 2.378 4.471 5.907 4.471 9.681v30.934zm79.942-71.102c2.188 1.659 3.443 4.147 3.443 6.827 0 3.91-2.667 7.322-6.484 8.297-1.318.337-2.375 1.32-2.805 2.61-.431 1.291-.175 2.711.677 3.771.883 1.099 1.936 2.919 1.936 5.35 0 4.746-3.861 8.607-8.608 8.607-.635 0-1.324-.104-2.169-.325-1.662-.433-3.414.237-4.358 1.671-.062.096-.122.193-.161.264-.941 1.419-.88 3.279.152 4.634 1.172 1.538 1.792 3.329 1.792 5.179 0 4.746-3.861 8.607-8.608 8.607-2.429 0-4.25-1.053-5.349-1.937-1.061-.852-2.48-1.106-3.771-.677-1.291.431-2.273 1.487-2.61 2.805-.976 3.818-4.388 6.484-8.299 6.484-2.326 0-4.51-.925-6.148-2.604-.815-.835-1.96-1.261-3.117-1.198-6.409.409-12.269-.519-17.419-2.758-.011-.005-.023-.006-.034-.011v-15.428c0-6.148-2.674-11.912-7.335-15.815l-4.032-3.376c21.144-6.315 60.254-25.272 67.947-79.811.303-2.154 2.232-3.778 4.486-3.778 1.268 0 2.447.507 3.319 1.428s1.314 2.126 1.246 3.392l-.077 1.414c-.102 1.859 1.093 3.542 2.882 4.061 2.605.754 4.356 3.059 4.356 5.735 0 1.863-.854 3.203-1.571 3.998-1.371 1.521-1.371 3.833-.001 5.354.717.796 1.572 2.137 1.572 4 0 2.099-1.095 4.014-2.93 5.123-1.272.769-2.013 2.181-1.923 3.665s.996 2.796 2.352 3.406c3.095 1.392 5.094 4.467 5.094 7.834 0 2.68-1.255 5.168-3.443 6.828-.997.756-1.583 1.936-1.583 3.187-.002 1.252.584 2.431 1.581 3.187z"></path>
                    <path d="m239.033 111.067c-1.894-1.135-4.352-.521-5.487 1.374-10.026 16.724-25.392 23.821-33.658 26.562-2.097.695-3.233 2.959-2.537 5.057.557 1.679 2.119 2.741 3.796 2.741.417 0 .842-.065 1.26-.204 9.318-3.091 26.647-11.104 38.001-30.043 1.134-1.894.52-4.351-1.375-5.487z"></path>
                    <path d="m148.227 120.974c11.737 0 21.286-9.549 21.286-21.285 0-11.737-9.549-21.286-21.286-21.286s-21.286 9.549-21.286 21.286c0 11.736 9.549 21.285 21.286 21.285zm0-34.571c7.326 0 13.286 5.96 13.286 13.286 0 7.325-5.96 13.285-13.286 13.285s-13.286-5.96-13.286-13.285c0-7.326 5.96-13.286 13.286-13.286z"></path>
                    <path d="m99.666 139.003c-8.267-2.741-23.632-9.839-33.658-26.562-1.136-1.896-3.593-2.51-5.487-1.374-1.895 1.136-2.51 3.593-1.374 5.487 11.354 18.938 28.683 26.952 38.001 30.043.418.139.842.204 1.26.204 1.677 0 3.239-1.062 3.796-2.741.695-2.098-.441-4.361-2.538-5.057z"></path>
                    <path d="m149.777 72.077c9.955 0 20-3.092 20-10s-10.045-10-20-10-20 3.092-20 10 10.045 10 20 10zm0-12c5.373 0 9.245 1.075 11.092 2-1.847.925-5.719 2-11.092 2s-9.245-1.075-11.092-2c1.847-.925 5.719-2 11.092-2z"></path>
                </svg>
            </div>
            <div class="pbmit-box-content-inner">
                <div class="pbmit-content-box">
                    <div class="pbmit-serv-cat"></div>
                    <h3 class="pbmit-service-title">
                        <a href="#">Our Community</a>
                    </h3>
                    <div class="pbmit-service-description">
                        <p>We have a vibrant Faith Formation program with opportunities for children, teens & adults.</p>
                    </div>
                </div>
                <a class="pbmit-service-btn" href="#" title="">
                    <span class="pbmit-button-icon">Read More</span>
                </a>
            </div>
        </div>
    </div>
</article>
Service Box Style 2
<article class="pbmit-service-style-2">
    <div class="pbminfotech-post-item">
        <div class="pbminfotech-box-content">
            <div class="pbmit-service-image-wrapper">
                <div class="pbmit-featured-img-wrapper">
                    <div class="pbmit-featured-wrapper">
                        <img src="images/homepage-1/service/service-01.jpg" class="img-fluid" alt="">
                    </div>
                </div>
            </div>
            <div class="pbmit-service-icon">
                <svg id="angel" enable-background="new 0 0 300 300" height="512" viewBox="0 0 300 300" width="512" xmlns="http://www.w3.org/2000/svg">
                    <path d="m273.428 101.395c0-4.595-1.918-8.904-5.142-11.985 1.64-2.312 2.549-5.098 2.549-8.043 0-2.343-.599-4.633-1.722-6.677 1.123-2.043 1.722-4.333 1.722-6.676 0-5.094-2.835-9.741-7.177-12.182-.173-2.94-1.382-5.768-3.422-7.921-2.363-2.495-5.69-3.927-9.127-3.927-6.217 0-11.551 4.583-12.408 10.661-7.679 54.442-49.415 70.26-67.002 74.534-.163.04-.311.106-.464.164l-.72-.603c-3.611-3.024-8.156-4.689-12.798-4.689h-15.61c-4.643 0-9.188 1.665-12.799 4.688l-.633.53c-18.262-4.357-59.697-20.186-67.374-74.623-.857-6.078-6.191-10.661-12.408-10.661-3.437 0-6.764 1.431-9.127 3.927-2.04 2.153-3.249 4.98-3.422 7.921-4.341 2.44-7.176 7.088-7.176 12.182 0 2.343.599 4.633 1.722 6.676-1.123 2.044-1.722 4.334-1.722 6.677 0 2.945.908 5.73 2.549 8.043-3.224 3.081-5.142 7.391-5.142 11.985 0 3.68 1.204 7.163 3.394 10.015-2.19 2.851-3.394 6.334-3.394 10.015 0 5.828 3.049 11.081 7.813 14.048-.75 1.896-1.137 3.91-1.137 5.98 0 8.189 5.958 15.014 13.768 16.364-.275 1.194-.416 2.421-.416 3.665 0 9.157 7.45 16.607 16.607 16.607 2.07 0 4.085-.387 5.979-1.137 2.967 4.764 8.221 7.812 14.049 7.812 3.865 0 7.522-1.314 10.478-3.736 5.721.186 11.098-.569 16.062-2.225v6.895c0 6.756 3.666 12.871 9.567 15.959l2.175 1.138v25.717c0 15.165 12.619 27.503 28.129 27.503s28.129-12.338 28.129-27.503v-25.442l2.699-1.413c5.902-3.088 9.568-9.203 9.568-15.959v-6.958c5.01 1.697 10.447 2.476 16.241 2.288 2.956 2.422 6.612 3.736 10.478 3.736 5.829 0 11.082-3.049 14.049-7.812 1.895.75 3.91 1.137 5.979 1.137 9.158 0 16.608-7.45 16.608-16.607 0-1.244-.14-2.471-.416-3.665 7.81-1.351 13.769-8.175 13.769-16.364 0-2.07-.387-4.085-1.137-5.98 4.764-2.967 7.813-8.22 7.813-14.048 0-3.681-1.204-7.164-3.395-10.015 2.19-2.853 3.394-6.336 3.394-10.016zm-163.651 53.37v15.483c-5.123 2.195-10.925 3.117-17.273 2.714-1.174-.06-2.303.364-3.117 1.198-1.64 1.68-3.823 2.604-6.149 2.604-3.911 0-7.323-2.666-8.299-6.484-.337-1.317-1.32-2.374-2.61-2.805-1.29-.43-2.711-.174-3.771.677-1.099.884-2.919 1.937-5.349 1.937-4.746 0-8.607-3.861-8.607-8.607 0-1.85.619-3.641 1.791-5.179 1.032-1.354 1.117-3.18.176-4.599-.06-.101-.121-.201-.185-.299-.943-1.434-2.698-2.105-4.357-1.671-.845.222-1.535.325-2.17.325-4.746 0-8.607-3.861-8.607-8.607 0-2.431 1.053-4.251 1.936-5.35.852-1.061 1.107-2.48.677-3.771-.43-1.29-1.487-2.273-2.805-2.61-3.817-.975-6.484-4.387-6.484-8.297 0-2.68 1.254-5.169 3.442-6.827.997-.756 1.583-1.936 1.583-3.188 0-1.251-.585-2.431-1.583-3.187-2.188-1.66-3.443-4.148-3.443-6.828 0-3.368 2-6.442 5.094-7.834 1.356-.61 2.262-1.922 2.352-3.406s-.651-2.896-1.923-3.665c-1.834-1.109-2.929-3.024-2.929-5.123 0-1.864.854-3.204 1.571-4 1.37-1.521 1.37-3.833-.001-5.354-.716-.795-1.57-2.134-1.57-3.998 0-2.677 1.75-4.981 4.356-5.736 1.789-.518 2.983-2.2 2.882-4.06l-.077-1.413c-.069-1.267.374-2.472 1.246-3.393s2.05-1.428 3.319-1.428c2.253 0 4.182 1.624 4.486 3.778 7.646 54.214 46.068 73.276 67.81 79.774l-4.075 3.412c-4.664 3.904-7.337 9.669-7.337 15.817zm72.266 30.934c0 3.359-1.613 6.416-4.267 8.248v-28.468c0-2.209-1.791-4-4-4s-4 1.791-4 4v63.033c0 10.754-9.03 19.503-20.129 19.503s-20.129-8.749-20.129-19.503v-61.965c0-2.209-1.791-4-4-4s-4 1.791-4 4v26.998c-2.334-1.86-3.742-4.718-3.742-7.846v-30.934c0-3.774 1.629-7.303 4.471-9.681l12.194-10.211c2.174-1.82 4.895-2.822 7.663-2.822h15.61c2.768 0 5.489 1.002 7.663 2.823l12.194 10.21c2.842 2.378 4.471 5.907 4.471 9.681v30.934zm79.942-71.102c2.188 1.659 3.443 4.147 3.443 6.827 0 3.91-2.667 7.322-6.484 8.297-1.318.337-2.375 1.32-2.805 2.61-.431 1.291-.175 2.711.677 3.771.883 1.099 1.936 2.919 1.936 5.35 0 4.746-3.861 8.607-8.608 8.607-.635 0-1.324-.104-2.169-.325-1.662-.433-3.414.237-4.358 1.671-.062.096-.122.193-.161.264-.941 1.419-.88 3.279.152 4.634 1.172 1.538 1.792 3.329 1.792 5.179 0 4.746-3.861 8.607-8.608 8.607-2.429 0-4.25-1.053-5.349-1.937-1.061-.852-2.48-1.106-3.771-.677-1.291.431-2.273 1.487-2.61 2.805-.976 3.818-4.388 6.484-8.299 6.484-2.326 0-4.51-.925-6.148-2.604-.815-.835-1.96-1.261-3.117-1.198-6.409.409-12.269-.519-17.419-2.758-.011-.005-.023-.006-.034-.011v-15.428c0-6.148-2.674-11.912-7.335-15.815l-4.032-3.376c21.144-6.315 60.254-25.272 67.947-79.811.303-2.154 2.232-3.778 4.486-3.778 1.268 0 2.447.507 3.319 1.428s1.314 2.126 1.246 3.392l-.077 1.414c-.102 1.859 1.093 3.542 2.882 4.061 2.605.754 4.356 3.059 4.356 5.735 0 1.863-.854 3.203-1.571 3.998-1.371 1.521-1.371 3.833-.001 5.354.717.796 1.572 2.137 1.572 4 0 2.099-1.095 4.014-2.93 5.123-1.272.769-2.013 2.181-1.923 3.665s.996 2.796 2.352 3.406c3.095 1.392 5.094 4.467 5.094 7.834 0 2.68-1.255 5.168-3.443 6.828-.997.756-1.583 1.936-1.583 3.187-.002 1.252.584 2.431 1.581 3.187z"></path>
                    <path d="m239.033 111.067c-1.894-1.135-4.352-.521-5.487 1.374-10.026 16.724-25.392 23.821-33.658 26.562-2.097.695-3.233 2.959-2.537 5.057.557 1.679 2.119 2.741 3.796 2.741.417 0 .842-.065 1.26-.204 9.318-3.091 26.647-11.104 38.001-30.043 1.134-1.894.52-4.351-1.375-5.487z"></path>
                    <path d="m148.227 120.974c11.737 0 21.286-9.549 21.286-21.285 0-11.737-9.549-21.286-21.286-21.286s-21.286 9.549-21.286 21.286c0 11.736 9.549 21.285 21.286 21.285zm0-34.571c7.326 0 13.286 5.96 13.286 13.286 0 7.325-5.96 13.285-13.286 13.285s-13.286-5.96-13.286-13.285c0-7.326 5.96-13.286 13.286-13.286z"></path>
                    <path d="m99.666 139.003c-8.267-2.741-23.632-9.839-33.658-26.562-1.136-1.896-3.593-2.51-5.487-1.374-1.895 1.136-2.51 3.593-1.374 5.487 11.354 18.938 28.683 26.952 38.001 30.043.418.139.842.204 1.26.204 1.677 0 3.239-1.062 3.796-2.741.695-2.098-.441-4.361-2.538-5.057z"></path>
                    <path d="m149.777 72.077c9.955 0 20-3.092 20-10s-10.045-10-20-10-20 3.092-20 10 10.045 10 20 10zm0-12c5.373 0 9.245 1.075 11.092 2-1.847.925-5.719 2-11.092 2s-9.245-1.075-11.092-2c1.847-.925 5.719-2 11.092-2z"></path>
                </svg>
            </div>
            <div class="pbmit-content-box">
                <div class="pbmit-serv-cat"></div>
                <h3 class="pbmit-service-title">
                    <a href="#">Our Community</a>
                </h3>
                <div class="pbmit-service-description">
                    <p>We have a vibrant Faith Formation program with opportunities for children, teens & adults.</p>
                </div>
            </div>
        </div>
    </div>
</article>
Service Box Style 3
<article class="pbmit-service-style-3">
    <div class="pbminfotech-post-item">
        <div class="pbminfotech-box-content">
            <div class="pbmit-service-icon">
                <svg id="angel" enable-background="new 0 0 300 300" height="512" viewBox="0 0 300 300" width="512" xmlns="http://www.w3.org/2000/svg">
                    <path d="m273.428 101.395c0-4.595-1.918-8.904-5.142-11.985 1.64-2.312 2.549-5.098 2.549-8.043 0-2.343-.599-4.633-1.722-6.677 1.123-2.043 1.722-4.333 1.722-6.676 0-5.094-2.835-9.741-7.177-12.182-.173-2.94-1.382-5.768-3.422-7.921-2.363-2.495-5.69-3.927-9.127-3.927-6.217 0-11.551 4.583-12.408 10.661-7.679 54.442-49.415 70.26-67.002 74.534-.163.04-.311.106-.464.164l-.72-.603c-3.611-3.024-8.156-4.689-12.798-4.689h-15.61c-4.643 0-9.188 1.665-12.799 4.688l-.633.53c-18.262-4.357-59.697-20.186-67.374-74.623-.857-6.078-6.191-10.661-12.408-10.661-3.437 0-6.764 1.431-9.127 3.927-2.04 2.153-3.249 4.98-3.422 7.921-4.341 2.44-7.176 7.088-7.176 12.182 0 2.343.599 4.633 1.722 6.676-1.123 2.044-1.722 4.334-1.722 6.677 0 2.945.908 5.73 2.549 8.043-3.224 3.081-5.142 7.391-5.142 11.985 0 3.68 1.204 7.163 3.394 10.015-2.19 2.851-3.394 6.334-3.394 10.015 0 5.828 3.049 11.081 7.813 14.048-.75 1.896-1.137 3.91-1.137 5.98 0 8.189 5.958 15.014 13.768 16.364-.275 1.194-.416 2.421-.416 3.665 0 9.157 7.45 16.607 16.607 16.607 2.07 0 4.085-.387 5.979-1.137 2.967 4.764 8.221 7.812 14.049 7.812 3.865 0 7.522-1.314 10.478-3.736 5.721.186 11.098-.569 16.062-2.225v6.895c0 6.756 3.666 12.871 9.567 15.959l2.175 1.138v25.717c0 15.165 12.619 27.503 28.129 27.503s28.129-12.338 28.129-27.503v-25.442l2.699-1.413c5.902-3.088 9.568-9.203 9.568-15.959v-6.958c5.01 1.697 10.447 2.476 16.241 2.288 2.956 2.422 6.612 3.736 10.478 3.736 5.829 0 11.082-3.049 14.049-7.812 1.895.75 3.91 1.137 5.979 1.137 9.158 0 16.608-7.45 16.608-16.607 0-1.244-.14-2.471-.416-3.665 7.81-1.351 13.769-8.175 13.769-16.364 0-2.07-.387-4.085-1.137-5.98 4.764-2.967 7.813-8.22 7.813-14.048 0-3.681-1.204-7.164-3.395-10.015 2.19-2.853 3.394-6.336 3.394-10.016zm-163.651 53.37v15.483c-5.123 2.195-10.925 3.117-17.273 2.714-1.174-.06-2.303.364-3.117 1.198-1.64 1.68-3.823 2.604-6.149 2.604-3.911 0-7.323-2.666-8.299-6.484-.337-1.317-1.32-2.374-2.61-2.805-1.29-.43-2.711-.174-3.771.677-1.099.884-2.919 1.937-5.349 1.937-4.746 0-8.607-3.861-8.607-8.607 0-1.85.619-3.641 1.791-5.179 1.032-1.354 1.117-3.18.176-4.599-.06-.101-.121-.201-.185-.299-.943-1.434-2.698-2.105-4.357-1.671-.845.222-1.535.325-2.17.325-4.746 0-8.607-3.861-8.607-8.607 0-2.431 1.053-4.251 1.936-5.35.852-1.061 1.107-2.48.677-3.771-.43-1.29-1.487-2.273-2.805-2.61-3.817-.975-6.484-4.387-6.484-8.297 0-2.68 1.254-5.169 3.442-6.827.997-.756 1.583-1.936 1.583-3.188 0-1.251-.585-2.431-1.583-3.187-2.188-1.66-3.443-4.148-3.443-6.828 0-3.368 2-6.442 5.094-7.834 1.356-.61 2.262-1.922 2.352-3.406s-.651-2.896-1.923-3.665c-1.834-1.109-2.929-3.024-2.929-5.123 0-1.864.854-3.204 1.571-4 1.37-1.521 1.37-3.833-.001-5.354-.716-.795-1.57-2.134-1.57-3.998 0-2.677 1.75-4.981 4.356-5.736 1.789-.518 2.983-2.2 2.882-4.06l-.077-1.413c-.069-1.267.374-2.472 1.246-3.393s2.05-1.428 3.319-1.428c2.253 0 4.182 1.624 4.486 3.778 7.646 54.214 46.068 73.276 67.81 79.774l-4.075 3.412c-4.664 3.904-7.337 9.669-7.337 15.817zm72.266 30.934c0 3.359-1.613 6.416-4.267 8.248v-28.468c0-2.209-1.791-4-4-4s-4 1.791-4 4v63.033c0 10.754-9.03 19.503-20.129 19.503s-20.129-8.749-20.129-19.503v-61.965c0-2.209-1.791-4-4-4s-4 1.791-4 4v26.998c-2.334-1.86-3.742-4.718-3.742-7.846v-30.934c0-3.774 1.629-7.303 4.471-9.681l12.194-10.211c2.174-1.82 4.895-2.822 7.663-2.822h15.61c2.768 0 5.489 1.002 7.663 2.823l12.194 10.21c2.842 2.378 4.471 5.907 4.471 9.681v30.934zm79.942-71.102c2.188 1.659 3.443 4.147 3.443 6.827 0 3.91-2.667 7.322-6.484 8.297-1.318.337-2.375 1.32-2.805 2.61-.431 1.291-.175 2.711.677 3.771.883 1.099 1.936 2.919 1.936 5.35 0 4.746-3.861 8.607-8.608 8.607-.635 0-1.324-.104-2.169-.325-1.662-.433-3.414.237-4.358 1.671-.062.096-.122.193-.161.264-.941 1.419-.88 3.279.152 4.634 1.172 1.538 1.792 3.329 1.792 5.179 0 4.746-3.861 8.607-8.608 8.607-2.429 0-4.25-1.053-5.349-1.937-1.061-.852-2.48-1.106-3.771-.677-1.291.431-2.273 1.487-2.61 2.805-.976 3.818-4.388 6.484-8.299 6.484-2.326 0-4.51-.925-6.148-2.604-.815-.835-1.96-1.261-3.117-1.198-6.409.409-12.269-.519-17.419-2.758-.011-.005-.023-.006-.034-.011v-15.428c0-6.148-2.674-11.912-7.335-15.815l-4.032-3.376c21.144-6.315 60.254-25.272 67.947-79.811.303-2.154 2.232-3.778 4.486-3.778 1.268 0 2.447.507 3.319 1.428s1.314 2.126 1.246 3.392l-.077 1.414c-.102 1.859 1.093 3.542 2.882 4.061 2.605.754 4.356 3.059 4.356 5.735 0 1.863-.854 3.203-1.571 3.998-1.371 1.521-1.371 3.833-.001 5.354.717.796 1.572 2.137 1.572 4 0 2.099-1.095 4.014-2.93 5.123-1.272.769-2.013 2.181-1.923 3.665s.996 2.796 2.352 3.406c3.095 1.392 5.094 4.467 5.094 7.834 0 2.68-1.255 5.168-3.443 6.828-.997.756-1.583 1.936-1.583 3.187-.002 1.252.584 2.431 1.581 3.187z"></path>
                    <path d="m239.033 111.067c-1.894-1.135-4.352-.521-5.487 1.374-10.026 16.724-25.392 23.821-33.658 26.562-2.097.695-3.233 2.959-2.537 5.057.557 1.679 2.119 2.741 3.796 2.741.417 0 .842-.065 1.26-.204 9.318-3.091 26.647-11.104 38.001-30.043 1.134-1.894.52-4.351-1.375-5.487z"></path>
                    <path d="m148.227 120.974c11.737 0 21.286-9.549 21.286-21.285 0-11.737-9.549-21.286-21.286-21.286s-21.286 9.549-21.286 21.286c0 11.736 9.549 21.285 21.286 21.285zm0-34.571c7.326 0 13.286 5.96 13.286 13.286 0 7.325-5.96 13.285-13.286 13.285s-13.286-5.96-13.286-13.285c0-7.326 5.96-13.286 13.286-13.286z"></path>
                    <path d="m99.666 139.003c-8.267-2.741-23.632-9.839-33.658-26.562-1.136-1.896-3.593-2.51-5.487-1.374-1.895 1.136-2.51 3.593-1.374 5.487 11.354 18.938 28.683 26.952 38.001 30.043.418.139.842.204 1.26.204 1.677 0 3.239-1.062 3.796-2.741.695-2.098-.441-4.361-2.538-5.057z"></path>
                    <path d="m149.777 72.077c9.955 0 20-3.092 20-10s-10.045-10-20-10-20 3.092-20 10 10.045 10 20 10zm0-12c5.373 0 9.245 1.075 11.092 2-1.847.925-5.719 2-11.092 2s-9.245-1.075-11.092-2c1.847-.925 5.719-2 11.092-2z"></path>
                </svg>
            </div>
            <div class="pbmit-content-box">
                <div class="pbmit-serv-cat"></div>
                <h3 class="pbmit-service-title">
                    <a href="#">Our Community</a>
                </h3>
                <div class="pbmit-service-description">
                    <p>We have a vibrant Faith Formation program with opportunities for children, teens & adults.</p>
                </div>
                <a class="pbmit-service-btn" href="#" title="">
                    <span class="pbmit-button-icon">Read More</span>
                </a>
            </div>
        </div>
    </div>
</article>

Progress Bar

Use the below code to display Progress Bar style: 

<div class="progressbar">
   <span class="progress-label">Biotechnology</span>
      <div class="progress progress-lg progress-percent-bg">
         <div class="progress-bar aos aos-init aos-animate" data-aos="slide-right" data-aos-delay="200" data-aos-duration="1000"
            data-aos-easing="ease-in-out" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100">
         <span class="progress-percent">80%</span>
      </div>
   </div>
</div>

Team

Use the below code to display Team:.

Team Style 1
<article class="pbmit-team-style-1">
    <div class="pbminfotech-post-item">
        <div class="pbmit-featured-wrap">
            <div class="pbmit-featured-inner">
                <div class="pbmit-featured-img-wrapper">
                <div class="pbmit-featured-wrapper">
                    <img src="images/homepage-1/team/team-img-01.jpg" class="img-fluid" alt="">
                </div>
                </div>
                <a class="pbmit-link" href="#"></a>
            </div>
        </div>
        <div class="pbminfotech-box-content">
            <div class="pbminfotech-box-content-inner">
                <div class="pbminfotech-box-team-position">Church Engagement</div>
                <h3 class="pbmit-team-title">
                    <a href="#">Robert Jones</a>
                </h3>
            </div>
            <div class="pbmit-team-btn">
                <a class="pbmit-team-text" href="#">
                    <i class="pbmit-base-icon-share"></i>
                </a>
                <div class="pbminfotech-box-social-links">
                    <ul class="pbmit-social-links pbmit-team-social-links">
                        <li class="pbmit-social-li pbmit-social-facebook">
                            <a href="#" title="Facebook" target="_blank">
                                <span><i class="pbmit-base-icon-facebook-f"></i></span>
                            </a>
                        </li>
                        <li class="pbmit-social-li pbmit-social-twitter">
                            <a href="#" title="Twitter" target="_blank">
                                <span><i class="pbmit-base-icon-twitter-2"></i></span>
                            </a>
                        </li>
                        <li class="pbmit-social-li pbmit-social-linkedin">
                            <a href="#" title="LinkedIn" target="_blank">
                                <span><i class="pbmit-base-icon-linkedin-in"></i></span>
                            </a>
                        </li>
                        <li class="pbmit-social-li pbmit-social-instagram">
                            <a href="#" title="Instagram" target="_blank">
                                <span><i class="pbmit-base-icon-instagram"></i></span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</article>

Testimonial

Use the below code to display Testimonial:.

Testimonial Style 1
<article class="pbmit-testimonial-style-1">
    <div class="pbminfotech-post-item">
        <div class="pbmit-box-content-wrap">
            <div class="pbminfotech-box-star-ratings">
                <i class="pbmit-base-icon-star-1 pbmit-active"></i>
                <i class="pbmit-base-icon-star-1 pbmit-active"></i>
                <i class="pbmit-base-icon-star-1 pbmit-active"></i>
                <i class="pbmit-base-icon-star-1 pbmit-active"></i>
                <i class="pbmit-base-icon-star-1 pbmit-active"></i>
            </div>
            <div class="pbminfotech-box-desc">
                <blockquote class="pbminfotech-testimonial-text">
                    <p>God loved the world so much that he sent his only Son to earth so that anyone who believes in him can live forever! I feel so relaxed after the pray! 
                    Very thankful!</p>
                </blockquote>
            </div>
            <div class="pbminfotech-box-author d-flex align-items-center">
                <div class="pbminfotech-box-img">
                    <div class="pbmit-featured-img-wrapper">
                        <div class="pbmit-featured-wrapper">
                            <img src="images/homepage-3/testimonial/reviewer-01.jpg" class="img-fluid" alt="">
                        </div>
                    </div>
                </div>
                <div class="pbmit-auther-content">
                    <h3 class="pbminfotech-box-title">Andrew joseph</h3>
                    <div class="pbminfotech-testimonial-detail">Happy Customer</div>
                </div>
            </div>
        </div>
    </div>
</article>
Testimonial Style 2
<div class="pbmit-element-testimonial-style-2">
    <div class="pbminfotech-post-item">
        <div class="pbminfotech-box-star-ratings">
            <i class="pbmit-base-icon-star-1 pbmit-active"></i>
            <i class="pbmit-base-icon-star-1 pbmit-active"></i>
            <i class="pbmit-base-icon-star-1 pbmit-active"></i>
            <i class="pbmit-base-icon-star-1 pbmit-active"></i>
            <i class="pbmit-base-icon-star-1 pbmit-active"></i>
        </div>
        <div class="pbminfotech-box-desc">
            <blockquote class="pbminfotech-testimonial-text">
                <p>God loved the world so much that he sent his only Son to earth so that anyone who believes in him can live forever! I feel so relaxed after the pray! 
                Very thankful!</p>
            </blockquote>
        </div>
    </div>
</div>

Contact Form Setup

You can make the contact form working easily. You should know some basics for PHP coding and SMTP basic knowledge. Follow the steps given below to send email from the PHP script:

Prerequisites

You need SMTP details to set the script. There are two ways to get SMTP

  1. Get SMTP from your hosting service provider
  2. Get SMTP from your Gmail account

1. Get SMTP from your hosting service provider

If you have server with email server and want to use your domain email address then you can get SMTP login details from your hosting directly. Please contact your hosting service provider and they will send you SMTP login details.


2. Get SMTP from your Gmail account

There are some settings need to be done in your Gmail account to get SMTP details and make it working. Please follow steps given on this page

netcorecloud.com/tutorials/send-an-email-via-gmail-smtp-server-using-php


Setting SMTP details in send.php script file

Open send.php file and edit as described below:

  • Set SMTP details in the file in the SMTP Email Settings section (line number 7 to 18).
  • If you added more fields in the Contact form, then you need to edit Form fields you want to receive in email section (line number 25 to 50).

That's all you need to setup. This will send email with all form data.

If you have any quesiton or confusion, then please create a ticket on our support site so our team will guide you properly on this.

Browser Support

Hectolab supports all major Browsers like Google Chrome, Mozilla Firefox, Safari, Opera, Internet Explorer 10 and above.

How to rate this item

If you like our theme and support, Please do not forget to rate it with 5 stars in your Downloads section and write a review in Comments as it will add more value to our services!

Kindly visit here: https://themeforest.net/downloads and find "Rate this item" below the download button and rate out the theme.

Advance Thanks in Anticipation!

Source & Credits

All images and videos are for preview purposes only and are not included in the download files. Images are of copyrights under Creative Commons CC0.


Images



Scripts



CSS & Fonts



Note For questions on basic HTML, Javascript or CSS editing - please give your question a quick Google or visit W3Schools as template issues get top priority. You will need some knowledge of HTML/CSS to edit the template.