PBM Infotech Documentaion

Xleb Introduction

This documentation will give you an understanding of how Xleb 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:

Open the ... /Template Folder to find all the Templates Files
You will need to Upload these files to your Web Server using FTP in order to use it on your Website.
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.
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 yourrequirement.

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:

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

<!-- "Open Sans", sans-serif -->
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap" rel="stylesheet');

<!-- "Roboto", serif; -->
@import url('https://fonts.googleapis.com/css2?family=Roboto: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-icon"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60"> <path d="m31 50.979c-.362.007-.727-.081-1.049-.28-.929-.572-1.212-1.814-.653-2. 742.047-.082 5.886-9.826 17.032-15.958h-43.33c-1.103 0-2-.897-2-2s.897-2 2-2h43.33c-11. 084-6.097-16.989-15.884-17.047-15.982-.547-.934-.244-2.177.689-2.73.946-.561 2.192-.236 2.757.715.909 1.45 9.433 14.449 24.722 18.046.915.225 1.549 1.026 1.549 1.952s-.63 1.729-1. 532 1.948c-15.354 3.61-23.849 16.626-24.767 18.099-.36.577-1.025.919-1.7.932z"></path> </svg> </span> <span class="pbmit-button-text">Button</span> </span> </a>	Button	Button
.pbmit-btn .pbmit-btn-outline	<a class="pbmit-btn pbmit-btn-outline" href="#"> <span class="pbmit-button-content-wrapper"> <span class="pbmit-button-icon"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60"> <path d="m31 50.979c-.362.007-.727-.081-1.049-.28-.929-.572-1.212-1.814-.653-2.742.047-.082 5.886-9.826 17.032-15.958h-43.33c-1.103 0-2-.897-2-2s.897-2 2-2h43.33c-11.084-6.097-16.989-15.884-17. 047-15.982-.547-.934-.244-2.177.689-2.73.946-.561 2.192-.236 2.757.715.909 1.45 9.433 14.449 24.722 18.046.915.225 1.549 1.026 1.549 1.952s-.63 1.729-1.532 1.948c-15.354 3.61-23.849 16.626-24.767 18.099-. 36.577-1.025.919-1.7.932z"></path> </svg> </span> <span class="pbmit-button-text">Button</span> </span> </a>	Outline Button	Button

Class

Code

Description

Result

.pbmit-btn

<a class="pbmit-btn" href="#">
    <span class="pbmit-button-content-wrapper">
        <span class="pbmit-button-icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60">
                <path d="m31 50.979c-.362.007-.727-.081-1.049-.28-.929-.572-1.212-1.814-.653-2.
                742.047-.082 5.886-9.826 17.032-15.958h-43.33c-1.103 0-2-.897-2-2s.897-2 2-2h43.33c-11.
                084-6.097-16.989-15.884-17.047-15.982-.547-.934-.244-2.177.689-2.73.946-.561 2.192-.236 
                2.757.715.909 1.45 9.433 14.449 24.722 18.046.915.225 1.549 1.026 1.549 1.952s-.63 1.729-1.
                532 1.948c-15.354 3.61-23.849 16.626-24.767 18.099-.36.577-1.025.919-1.7.932z"></path>
            </svg>
        </span>
        <span class="pbmit-button-text">Button</span>
    </span>
</a>

Button

.pbmit-btn .pbmit-btn-outline

<a class="pbmit-btn pbmit-btn-outline" href="#">
    <span class="pbmit-button-content-wrapper">
        <span class="pbmit-button-icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60">
                <path d="m31 50.979c-.362.007-.727-.081-1.049-.28-.929-.572-1.212-1.814-.653-2.742.047-.082 
                5.886-9.826 17.032-15.958h-43.33c-1.103 0-2-.897-2-2s.897-2 2-2h43.33c-11.084-6.097-16.989-15.884-17.
                047-15.982-.547-.934-.244-2.177.689-2.73.946-.561 2.192-.236 2.757.715.909 1.45 9.433 14.449 24.722 
                18.046.915.225 1.549 1.026 1.549 1.952s-.63 1.729-1.532 1.948c-15.354 3.61-23.849 16.626-24.767 18.099-.
                36.577-1.025.919-1.7.932z"></path>
            </svg>
        </span>
        <span class="pbmit-button-text">Button</span>
    </span>
</a>

Outline Button

Button

Counter

Use the below code to display Counter style:

Counter Style 1

<div class="pbminfotech-ele-fid-style-1">
    <div class="pbmit-fld-contents d-flex align-items-center">
        <div class="pbmit-circle-outer" data-digit="85" data-fill="#3772ff" data-emptyfill="" data-before="" data-after="<sup>%</sup>" data-thickness="2" data-size="121">
            <div class="pbmit-circle">
                <div 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="85" data-interval="5" data-before="" data-before-style="" data-after="" data-after-style="">85</span>
                    <span class="pbmit-fid"><sup>%</sup></span>
                </div>
            </div>
        </div>
        <div class="pbmit-fid-sub">
            <h3 class="pbmit-fid-title">
                Technologies<br>Developed
            </h3>
        </div>
    </div>
</div>

Counter Style 2

<div class="pbminfotech-ele-fid-style-2">
    <div class="pbmit-fld-contents">
        <div class="pbmit-fld-wrap">
            <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="250" data-interval="5" data-before="" data-before-style="" data-after="" data-after-style="">250</span>
                <span class="pbmit-fid"><span>+</span></span>
            </h4>
            <span class="pbmit-fid-title">Professional and Experienced <br>staff ready to help you</span>
        </div>
    </div>
</div>

Counter Style 3

<div class="pbminfotech-ele-fid-style-3">
    <div class="pbmit-fld-contents">
        <div class="pbmit-fld-wrap">
            <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="460" data-interval="15" data-before="" data-before-style="" data-after="" data-after-style="">460</span>
                <span class="pbmit-fid"><span>+</span></span>
            </h4>
            <span class="pbmit-fid-title">Professional and Experienced staff <br>ready to help you</span>
        </div>
    </div>
    <div class="pbmit-sticky-corner  pbmit-bottom-left-corner">
        <svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg">
            <path d="M30 30V0C30 16 16 30 0 30H30Z"></path>
        </svg>
    </div>
    <div class="pbmit-sticky-corner pbmit-top-right-corner">
        <svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg">
            <path d="M30 30V0C30 16 16 30 0 30H30Z"></path>
        </svg>
    </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-box">
        <div class="pbmit-ihbox-icon">
            <div class="pbmit-ihbox-icon-wrapper pbmit-icon-type-icon">
                <svg id="line_icons" height="512" viewBox="0 0 74 74" width="512" xmlns="http://www.w3.org/2000/svg" data-name="line icons"><path d="m32.111 51.442h-21.037a1 1 0 0 1 -1-1v-3.783a17.23 17.23 0 0 0 -4.3-11.54 7.92 7.92 0 0 1 -1.5-2.441l-3.211-8.541a1 1 0 0 1 .093-.888c.058-.091 1.478-2.244 5.08-.873 2.673 1.007 4.677 5.385 5.342 7.014a11.666 11.666 0 0 1 7 4.123 1 1 0 1 1 -1.532 1.287 9.7 9.7 0 0 0 -6.317-3.521 1 1 0 0 1 -.809-.644c-.791-2.13-2.683-5.748-4.392-6.392a2.983 2.983 0 0 0 -2.345-.157l2.958 7.881a5.928 5.928 0 0 0 1.123 1.817 19.252 19.252 0 0 1 4.81 12.881v2.773h19.138a11.411 11.411 0 0 1 1.341-3.923 9.37 9.37 0 0 0 1.2-4.6v-21.89a1.67 1.67 0 1 0 -3.34 0v8.209a1 1 0 0 1 -2 0v-8.209a3.67 3.67 0 1 1 7.34 0v21.89a11.37 11.37 0 0 1 -1.459 5.585 9.4 9.4 0 0 0 -1.185 4 1 1 0 0 1 -.998.942z"></path><path d="m29.386 28.234a1 1 0 0 1 -1-1v-11.272a1.672 1.672 0 0 0 -3.344 0v8.945a1 1 0 0 1 -2 0v-8.945a3.672 3.672 0 1 1 7.344 0v11.272a1 1 0 0 1 -1 1z"></path><path d="m18.7 27.8a1 1 0 0 1 -1-1v-14.513a3.672 3.672 0 0 1 7.344 0v12.62a1 1 0 0 1 -2 0v-12.62a1.672 1.672 0 0 0 -3.344 0v14.513a1 1 0 0 1 -1 1z"></path><path d="m13.355 31.919a1 1 0 0 1 -1-1v-15.394a3.672 3.672 0 0 1 7.343 0v11.275a1 1 0 0 1 -2 0v-11.275a1.672 1.672 0 0 0 -3.343 0v15.394a1 1 0 0 1 -1 1z"></path><path d="m30.572 61.3h-17.711a1 1 0 0 1 -1-1v-9.86a1 1 0 0 1 1-1h17.711a1 1 0 0 1 1 1v9.86a1 1 0 0 1 -1 1zm-16.711-2h15.711v-7.86h-15.711z"></path><path d="m62.926 55.526h-21.037a1 1 0 0 1 -1-.938 9.4 9.4 0 0 0 -1.186-4 11.37 11.37 0 0 1 -1.46-5.588v-21.891a3.67 3.67 0 1 1 7.34 0v8.208a1 1 0 1 1 -2 0v-8.208a1.691 1.691 0 0 0 -.495-1.19 1.67 1.67 0 0 0 -2.845 1.19v21.891a9.371 9.371 0 0 0 1.2 4.6 11.409 11.409 0 0 1 1.342 3.925h19.141v-2.782a19.249 19.249 0 0 1 4.814-12.876 5.93 5.93 0 0 0 1.121-1.817l2.958-7.881a3 3 0 0 0 -2.344.16c-1.716.647-3.606 4.264-4.395 6.393a1 1 0 0 1 -.809.644 9.708 9.708 0 0 0 -6.317 3.521 1 1 0 1 1 -1.527-1.287 11.66 11.66 0 0 1 6.995-4.122c.665-1.629 2.67-6.007 5.345-7.015 3.6-1.37 5.019.781 5.077.874a1 1 0 0 1 .093.888l-3.2 8.536a7.919 7.919 0 0 1 -1.5 2.441 17.228 17.228 0 0 0 -4.306 11.535v3.793a1 1 0 0 1 -1.005.996z"></path><path d="m44.614 32.317a1 1 0 0 1 -1-1v-11.272a3.672 3.672 0 0 1 7.344 0v8.946a1 1 0 0 1 -2 0v-8.946a1.672 1.672 0 0 0 -3.344 0v11.272a1 1 0 0 1 -1 1z"></path><path d="m55.3 31.881a1 1 0 0 1 -1-1v-14.511a1.672 1.672 0 1 0 -3.344 0v12.621a1 1 0 0 1 -2 0v-12.621a3.672 3.672 0 1 1 7.344 0v14.511a1 1 0 0 1 -1 1z"></path><path d="m60.645 36a1 1 0 0 1 -1-1v-15.391a1.672 1.672 0 1 0 -3.343 0v11.272a1 1 0 0 1 -2 0v-11.272a3.672 3.672 0 1 1 7.343 0v15.391a1 1 0 0 1 -1 1z"></path><path d="m61.139 65.385h-17.711a1 1 0 0 1 -1-1v-9.859a1 1 0 0 1 1-1h17.711a1 1 0 0 1 1 1v9.859a1 1 0 0 1 -1 1zm-16.711-2h15.711v-7.859h-15.711z"></path></svg>
            </div>
        </div>
        <h2 class="pbmit-element-title">Sample Collection</h2>
        <div class="pbmit-heading-desc">Sometimes these types of samples can be collected at home and brought to a medical office or facility</div>
    </div>
</div>

Icon box Style 2

<article class="pbmit-miconheading-style-2">
    <div class="pbmit-ihbox-style-2">
        <div class="pbmit-ihbox-box">
            <div class="pbmit-ihbox-icon">
                <div class="pbmit-ihbox-icon-wrapper pbmit-ihbox-icon-type-text">01.</div>
            </div>
            <h2 class="pbmit-element-title">
                Client describes project
            </h2>
            <div class="pbmit-heading-desc">
                There are many variations of passages of Lorem Ipsum available, but the aute irure dolor in assueverit mea voluptate velit esse cillum dolore.
            </div>
            <div class="pbmit-ihbox-btn">
                <a href="#">
                    <span class="pbmit-button-text">Read More</span>
                    <span class="pbmit-button-icon-wrapper">
                        <span class="pbmit-button-icon">
                            <i class="pbmit-base-icon-black-arrow-1"></i>
                        </span>
                    </span>
                </a>
            </div>
        </div>
    </div>
</article>

Icon box Style 3

<div class="pbmit-ihbox-style-3">
    <div class="pbmit-ihbox-box d-flex">
        <a class="pbmin-lightbox-video" href="https://www.youtube.com/watch?v=iCbE6lRf2PU">
            <div class="pbmit-ihbox-icon">
                <div class="pbmit-ihbox-icon-wrapper pbmit-icon-type-icon">
                    <i class="fa fa-play"></i>
                </div>
            </div>
        </a>
        <div class="pbmit-ihbox-contents">
            <h2 class="pbmit-element-title">
                <a href="https://www.youtube.com/watch?v=iCbE6lRf2PU">
                    <span class="pbmit-button-text">Watch Video</span>
                    <span class="pbmit-button-icon-wrapper">
                        <span class="pbmit-button-icon">
                            <i class="pbmit-base-icon-black-arrow-1"></i>
                        </span>
                    </span>
                </a>
            </h2>
        </div>
    </div>
    <div class="pbmit-sticky-corner  pbmit-bottom-left-corner">
        <svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg">
            <path d="M30 30V0C30 16 16 30 0 30H30Z"></path>
        </svg>
    </div>
    <div class="pbmit-sticky-corner pbmit-top-right-corner">
        <svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg">
            <path d="M30 30V0C30 16 16 30 0 30H30Z"></path>
        </svg>
    </div>
</div>

Icon box 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 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="" points="0,4 0,28 12,16 12,4"></polygon><polygon style="" points="20,4 20,28 32,16 32,4"></polygon></g></g></g></svg>
            </div>
        </div>
        <div class="pbmit-ihbox-contents">
            <h2 class="pbmit-element-title">
                “A scientist in his laboratory is not a mere technician: he is also a child confronting natural phenomena a impress him as though they were fairy tales.machines, gearings, even though such machinery has its own beauty.”
            </h2>
            <div class="pbmit-heading-desc">Satisfied Client</div>
        </div>
    </div>
</div>

Icon box Style 5

<article class="pbmit-miconheading-style-5">
    <div class="pbmit-ihbox-style-5">
        <div class="pbmit-ihbox-headingicon">
            <div class="pbmit-ihbox-wrap">
                <div class="pbmit-ihbox-contents">
                    <h2 class="pbmit-element-title">
                        Mail Us 24/7
                    </h2>
                    <div class="pbmit-heading-desc">
                        [email protected]<br>[email protected]
                    </div>
                </div>
                <div class="pbmit-ihbox-icon">
                    <div class="pbmit-ihbox-icon-wrapper pbmit-icon-type-icon">
                        <svg id="line" height="512" viewBox="0 0 64 64" width="512" xmlns="http://www.w3.org/2000/svg"><path d="m58.39349 21.88092c-3.80916-2.62452-23.44149-15.58857-23.79278-15.87071a4.69523 4.69523 0 0 0 -5.20081 0l-23.03039 15.3502a4.58983 4.58983 0 0 0 -2.36951 4.00092v28.82226a4.62556 4.62556 0 0 0 4.58887 4.58887h46.82226a4.49324 4.49324 0 0 0 2.75025-.93859 4.56952 4.56952 0 0 0 1.83862-3.65028v-28.82226a4.54358 4.54358 0 0 0 -1.60651-3.48041zm-20.67443 15.28516c5.564-3.70862 16.89465-11.26068 19.84082-13.22449a2.54707 2.54707 0 0 1 .44012 1.41974v28.82226a2.56929 2.56929 0 0 1 -.47144 1.48133zm-7.2132-29.48932a2.69762 2.69762 0 0 1 2.98926.00049l22.43066 14.95019-20.36133 13.57764-2.06933 1.37256a2.69482 2.69482 0 0 1 -2.98975 0l-22.43164-14.9502zm-24.03442 47.98816a2.56943 2.56943 0 0 1 -.47144-1.48133v-28.82226a2.56671 2.56671 0 0 1 .44189-1.41833c3.17963 2.1203 16.05683 10.70752 19.8346 13.22675-3.60077 3.36254-16.64777 15.54674-19.80505 18.49517zm2.11743 1.10754a2.548 2.548 0 0 1 -.33637-.034c3.89215-3.6347 16.84479-15.73065 19.73334-18.42816 2.94675 2.23134 4.954 2.36011 8.02312-.00454l19.73848 18.4327c-.36395.10746-46.77991-.00599-47.15857.034z"></path><path d="m36.01465 29.291a.99916.99916 0 0 0 -1.31836-.51368 6.76693 6.76693 0 0 1 -9.35247-5.26317c-.88844-8.80842 11.78869-10.53071 13.30566-1.82325.06964 1.05182.35443 2.95306-1.127 3.03509a1.17062 1.17062 0 0 1 -1.4248-1.0932v-3.73234a1.0022 1.0022 0 0 0 -1.75452-.64276 4.31981 4.31981 0 0 0 -2.34308-.7279 4.09782 4.09782 0 0 0 -.00008 8.19531 4.13925 4.13925 0 0 0 2.82452-1.126 3.18351 3.18351 0 0 0 2.69782 1.1269c2.83716.00074 3.50122-3.00616 3.10943-5.302-.87731-6.99829-9.88989-10.04651-14.79272-4.95776-5.478 5.35479-1.49664 14.93347 6.15411 14.87311 1.16553-.06976 4.63843-.25067 4.02149-2.04835zm-4.01459-4.5659a2.09788 2.09788 0 0 1 -.00006-4.19531 2.09788 2.09788 0 0 1 .00006 4.19531z"></path></svg>
                    </div>
                </div>
            </div>
            <div class="pbmit-btn-wrap">
                <div class="pbmit-ihbox-btn">
                    <a href="#">
                        <span class="pbmit-button-text">Read More</span>
                        <span class="pbmit-button-icon-wrapper">
                            <span class="pbmit-button-icon">
                                <i class="pbmit-base-icon-black-arrow-1"></i>
                            </span>
                        </span>
                    </a>
                </div>
            </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-wrap">
                <div class="pbmit-ihbox-contents">
                    <h2 class="pbmit-element-title">
                        Sample Collection
                    </h2>
                    <div class="pbmit-heading-desc">collection into capillary tubes, for example, narrow glass tubes, by capillary action.</div>
                </div>
                <div class="pbmit-ihbox-icon">
                    <div class="pbmit-ihbox-icon-wrapper pbmit-icon-type-icon">
                        <svg id="line_icons" height="512" viewBox="0 0 74 74" width="512" xmlns="http://www.w3.org/2000/svg" data-name="line icons"><path d="m58.522 72h-46.436a1 1 0 0 1 -1-1v-6.879a1 1 0 0 1 1-1h46.436a1 1 0 0 1 1 1v6.879a1 1 0 0 1 -1 1zm-45.436-2h44.436v-4.879h-44.436z"></path><path d="m55.943 65.121h-18.08a1 1 0 0 1 -1-1v-9.632a1 1 0 0 1 1-1h9.737a1 1 0 0 1 .755.345l8.345 9.632a1 1 0 0 1 -.756 1.655zm-17.08-2h14.891l-6.609-7.632h-8.282z"></path><path d="m37.863 55.489h-18.382a1 1 0 0 1 -1-1v-3.956a1 1 0 0 1 1-1h18.382a1 1 0 0 1 1 1v3.956a1 1 0 0 1 -1 1zm-17.382-2h16.382v-1.956h-16.382z"></path><path d="m53.1 61.846a1 1 0 0 1 -.756-.346l-4.864-5.613a1 1 0 0 1 .234-1.509 12.242 12.242 0 0 0 5.616-8.03 15.428 15.428 0 0 0 -4.35-13.685 1 1 0 0 1 .191-1.593 3.407 3.407 0 0 0 1.713-2.95 3.289 3.289 0 0 0 -.021-.4 1 1 0 0 1 1.48-.993c8.008 4.456 11.9 12.67 10.167 21.438a21.4 21.4 0 0 1 -8.839 13.5.985.985 0 0 1 -.571.181zm-3.368-6.414 3.524 4.068a19.4 19.4 0 0 0 7.292-11.72 17.545 17.545 0 0 0 -7.8-18.465 5.427 5.427 0 0 1 -1.571 2.741 17.577 17.577 0 0 1 4.115 14.681 14.245 14.245 0 0 1 -5.558 8.695z"></path><path d="m39.548 44.083a1 1 0 0 1 -.44-.1l-12.665-6.214a1 1 0 0 1 -.457-1.339l11.633-23.714a1 1 0 0 1 1.338-.457l12.665 6.2a1 1 0 0 1 .458 1.341l-2.257 4.6a1 1 0 0 1 -1.24.5 3.271 3.271 0 0 0 -1.116-.194 3.41 3.41 0 0 0 -1.852 6.277 1 1 0 0 1 .356 1.282l-5.524 11.258a1 1 0 0 1 -.899.56zm-11.326-7.67 10.869 5.332 4.725-9.632a5.411 5.411 0 0 1 4.573-9.33l1.454-2.963-10.868-5.32z"></path><path d="m35.393 48.186a1 1 0 0 1 -.44-.1l-9.211-4.517a1 1 0 0 1 -.457-1.338l2.428-4.951a1 1 0 0 1 1.338-.458l9.21 4.518a1 1 0 0 1 .458 1.338l-2.428 4.951a1 1 0 0 1 -.574.506 1.034 1.034 0 0 1 -.324.051zm-7.872-5.976 7.415 3.637 1.547-3.155-7.415-3.636z"></path><path d="m48.359 18.982a1 1 0 0 1 -.44-.1l-7.019-3.447a1 1 0 0 1 -.458-1.338l3.445-7.023a1 1 0 0 1 1.338-.458l7.023 3.445a1 1 0 0 1 .452 1.339l-3.445 7.023a1 1 0 0 1 -.9.56zm-5.684-4.9 5.225 2.562 2.563-5.227-5.225-2.564z"></path><path d="m54.4 13.229a1 1 0 0 1 -.441-.1l-12.209-5.987a1 1 0 0 1 -.458-1.342l1.592-3.24a1 1 0 0 1 1.338-.46l12.2 5.985a1 1 0 0 1 .457 1.339l-1.587 3.246a1 1 0 0 1 -.574.506 1.026 1.026 0 0 1 -.318.053zm-10.871-7.443 10.408 5.105.71-1.448-10.408-5.1z"></path><path d="m47.466 33.533a5.415 5.415 0 1 1 5.414-5.415 5.421 5.421 0 0 1 -5.414 5.415zm0-8.83a3.415 3.415 0 1 0 3.414 3.415 3.419 3.419 0 0 0 -3.414-3.418z"></path><circle cx="47.466" cy="28.118" r="1.301"></circle><path d="m47.466 29.919a1.8 1.8 0 1 1 1.8-1.8 1.8 1.8 0 0 1 -1.8 1.8zm0-2.6a.8.8 0 1 0 .8.8.8.8 0 0 0 -.8-.802z"></path><circle cx="44.543" cy="59.562" r="1.554"></circle><path d="m44.542 61.616a2.054 2.054 0 1 1 2.058-2.054 2.057 2.057 0 0 1 -2.058 2.054zm0-3.108a1.054 1.054 0 1 0 1.058 1.054 1.055 1.055 0 0 0 -1.058-1.054z"></path></svg>
                    </div>
                </div>
            </div>
            <div class="pbmit-content-number">
                <div class="pbmit-wrap-number">
                    <div class="pbmit-ihbox-box-number">01</div>
                </div>
            </div>
        </div>
    </div>
</article>

Icon box Style 7

<article class="pbmit-miconheading-style-7">
    <div class="pbmit-ihbox-style-7">
        <div class="pbmit-ihbox-box">
            <div class="pbmit-icon-wrapper d-flex align-items-center">
                <div class="pbmit-ihbox-icon">
                    <div class="pbmit-ihbox-icon-wrapper pbmit-icon-type-icon">
                        <svg id="line_icons" height="512" viewBox="0 0 74 74" width="512" xmlns="http://www.w3.org/2000/svg" data-name="line icons"><path d="m58.522 72h-46.436a1 1 0 0 1 -1-1v-6.879a1 1 0 0 1 1-1h46.436a1 1 0 0 1 1 1v6.879a1 1 0 0 1 -1 1zm-45.436-2h44.436v-4.879h-44.436z"></path><path d="m55.943 65.121h-18.08a1 1 0 0 1 -1-1v-9.632a1 1 0 0 1 1-1h9.737a1 1 0 0 1 .755.345l8.345 9.632a1 1 0 0 1 -.756 1.655zm-17.08-2h14.891l-6.609-7.632h-8.282z"></path><path d="m37.863 55.489h-18.382a1 1 0 0 1 -1-1v-3.956a1 1 0 0 1 1-1h18.382a1 1 0 0 1 1 1v3.956a1 1 0 0 1 -1 1zm-17.382-2h16.382v-1.956h-16.382z"></path><path d="m53.1 61.846a1 1 0 0 1 -.756-.346l-4.864-5.613a1 1 0 0 1 .234-1.509 12.242 12.242 0 0 0 5.616-8.03 15.428 15.428 0 0 0 -4.35-13.685 1 1 0 0 1 .191-1.593 3.407 3.407 0 0 0 1.713-2.95 3.289 3.289 0 0 0 -.021-.4 1 1 0 0 1 1.48-.993c8.008 4.456 11.9 12.67 10.167 21.438a21.4 21.4 0 0 1 -8.839 13.5.985.985 0 0 1 -.571.181zm-3.368-6.414 3.524 4.068a19.4 19.4 0 0 0 7.292-11.72 17.545 17.545 0 0 0 -7.8-18.465 5.427 5.427 0 0 1 -1.571 2.741 17.577 17.577 0 0 1 4.115 14.681 14.245 14.245 0 0 1 -5.558 8.695z"></path><path d="m39.548 44.083a1 1 0 0 1 -.44-.1l-12.665-6.214a1 1 0 0 1 -.457-1.339l11.633-23.714a1 1 0 0 1 1.338-.457l12.665 6.2a1 1 0 0 1 .458 1.341l-2.257 4.6a1 1 0 0 1 -1.24.5 3.271 3.271 0 0 0 -1.116-.194 3.41 3.41 0 0 0 -1.852 6.277 1 1 0 0 1 .356 1.282l-5.524 11.258a1 1 0 0 1 -.899.56zm-11.326-7.67 10.869 5.332 4.725-9.632a5.411 5.411 0 0 1 4.573-9.33l1.454-2.963-10.868-5.32z"></path><path d="m35.393 48.186a1 1 0 0 1 -.44-.1l-9.211-4.517a1 1 0 0 1 -.457-1.338l2.428-4.951a1 1 0 0 1 1.338-.458l9.21 4.518a1 1 0 0 1 .458 1.338l-2.428 4.951a1 1 0 0 1 -.574.506 1.034 1.034 0 0 1 -.324.051zm-7.872-5.976 7.415 3.637 1.547-3.155-7.415-3.636z"></path><path d="m48.359 18.982a1 1 0 0 1 -.44-.1l-7.019-3.447a1 1 0 0 1 -.458-1.338l3.445-7.023a1 1 0 0 1 1.338-.458l7.023 3.445a1 1 0 0 1 .452 1.339l-3.445 7.023a1 1 0 0 1 -.9.56zm-5.684-4.9 5.225 2.562 2.563-5.227-5.225-2.564z"></path><path d="m54.4 13.229a1 1 0 0 1 -.441-.1l-12.209-5.987a1 1 0 0 1 -.458-1.342l1.592-3.24a1 1 0 0 1 1.338-.46l12.2 5.985a1 1 0 0 1 .457 1.339l-1.587 3.246a1 1 0 0 1 -.574.506 1.026 1.026 0 0 1 -.318.053zm-10.871-7.443 10.408 5.105.71-1.448-10.408-5.1z"></path><path d="m47.466 33.533a5.415 5.415 0 1 1 5.414-5.415 5.421 5.421 0 0 1 -5.414 5.415zm0-8.83a3.415 3.415 0 1 0 3.414 3.415 3.419 3.419 0 0 0 -3.414-3.418z"></path><circle cx="47.466" cy="28.118" r="1.301"></circle><path d="m47.466 29.919a1.8 1.8 0 1 1 1.8-1.8 1.8 1.8 0 0 1 -1.8 1.8zm0-2.6a.8.8 0 1 0 .8.8.8.8 0 0 0 -.8-.802z"></path><circle cx="44.543" cy="59.562" r="1.554"></circle><path d="m44.542 61.616a2.054 2.054 0 1 1 2.058-2.054 2.057 2.057 0 0 1 -2.058 2.054zm0-3.108a1.054 1.054 0 1 0 1.058 1.054 1.055 1.055 0 0 0 -1.058-1.054z"></path></svg>
                    </div>
                </div>
                <h2 class="pbmit-element-title">
                    Data Technology
                </h2>
            </div>
            <div class="pbmit-content-wrapper">
                <div class="pbmit-heading-desc">Our clinical pathologists are available seven days a week to render diagnoses.</div>
            </div>
        </div>
    </div>
</article>

Icon box Style 8

<div class="pbmit-ihbox-style-8">
    <div class="pbmit-ihbox-box">
        <div class="pbmit-ihbox-icon">
            <div class="pbmit-ihbox-icon-wrapper pbmit-icon-type-icon">
                <svg id="line_icons" height="512" viewBox="0 0 74 74" width="512" xmlns="http://www.w3.org/2000/svg" data-name="line icons"><path d="m37 72a35 35 0 1 1 35-35 35.04 35.04 0 0 1 -35 35zm0-68a33 33 0 1 0 33 33 33.038 33.038 0 0 0 -33-33z"></path><path d="m37 65.019a28.019 28.019 0 1 1 28.019-28.019 28.05 28.05 0 0 1 -28.019 28.019zm0-54.038a26.019 26.019 0 1 0 26.019 26.019 26.048 26.048 0 0 0 -26.019-26.019z"></path><path d="m29.545 29.7a5.06 5.06 0 0 1 -3.863-1.586c-2.149-2.4-1.319-6.659 1.85-9.5s7.5-3.2 9.646-.807 1.319 6.659-1.85 9.5a8.889 8.889 0 0 1 -5.783 2.393zm-2.374-2.921c1.39 1.55 4.514 1.109 6.822-.961s3.085-5.127 1.7-6.676-4.513-1.109-6.821.961-3.085 5.127-1.7 6.676z"></path><path d="m15.5 40.776c-.031 0-.063 0-.1-.005a1 1 0 0 1 -.9-1.09c.5-5.271 3.718-5.612 4.774-5.724l.118-.013c.235-.026.472-.045.709-.064a4.883 4.883 0 0 0 1.829-.365 3.323 3.323 0 0 0 1.372-1.776c.162-.395.293-.8.425-1.209a15.877 15.877 0 0 1 .6-1.633 8.431 8.431 0 0 1 1.358-2.1 1 1 0 1 1 1.5 1.319 6.486 6.486 0 0 0 -1.036 1.605 14.034 14.034 0 0 0 -.518 1.429c-.148.455-.3.91-.477 1.352a5.227 5.227 0 0 1 -2.3 2.789 6.544 6.544 0 0 1 -2.6.587c-.215.017-.429.034-.64.058l-.134.014c-.99.105-2.648.281-2.994 3.925a1 1 0 0 1 -.986.901z"></path><path d="m34.194 44.385a5.033 5.033 0 0 1 -3.853-1.6 5.231 5.231 0 0 1 -1.051-4.743 9.177 9.177 0 0 1 2.9-4.758c3.17-2.841 7.5-3.2 9.645-.806a5.225 5.225 0 0 1 1.051 4.743 9.667 9.667 0 0 1 -7.945 7.124 7.086 7.086 0 0 1 -.747.04zm3.787-11.5a6.965 6.965 0 0 0 -4.455 1.887 7.172 7.172 0 0 0 -2.282 3.7 3.293 3.293 0 0 0 .587 2.98 3.287 3.287 0 0 0 2.9.906 7.684 7.684 0 0 0 6.2-5.563 3.292 3.292 0 0 0 -.587-2.98 3.087 3.087 0 0 0 -2.363-.93z"></path><path d="m20.16 55.449c-.032 0-.064 0-.1 0a1 1 0 0 1 -.9-1.09c.5-5.273 3.718-5.613 4.775-5.724l.118-.013c.233-.026.47-.045.707-.064a4.879 4.879 0 0 0 1.829-.365 3.328 3.328 0 0 0 1.373-1.776c.162-.4.293-.8.426-1.211a15.522 15.522 0 0 1 .6-1.631 8.427 8.427 0 0 1 1.357-2.1 1 1 0 1 1 1.5 1.319 6.407 6.407 0 0 0 -1.035 1.605 13.841 13.841 0 0 0 -.519 1.428c-.147.455-.3.91-.478 1.353a5.211 5.211 0 0 1 -2.293 2.787 6.523 6.523 0 0 1 -2.6.589c-.214.016-.428.034-.64.057l-.133.015c-.99.1-2.648.279-2.994 3.924a1 1 0 0 1 -.993.897z"></path><path d="m51.69 44.276a4.942 4.942 0 0 1 -3.506-1.324c-2.313-2.239-1.788-6.549 1.172-9.608s7.249-3.727 9.564-1.489 1.788 6.549-1.172 9.608a8.706 8.706 0 0 1 -6.058 2.813zm-2.115-2.762c1.495 1.447 4.58.787 6.736-1.441s2.713-5.333 1.218-6.78-4.58-.787-6.736 1.441-2.713 5.333-1.218 6.78z"></path><path d="m38.854 56.308h-.024a1 1 0 0 1 -.976-1.024c.125-5.3 3.311-5.862 4.357-6.048l.117-.021c.231-.043.466-.079.7-.114a4.885 4.885 0 0 0 1.8-.494 3.323 3.323 0 0 0 1.244-1.868c.134-.406.235-.822.338-1.238a16 16 0 0 1 .48-1.669 8.4 8.4 0 0 1 1.2-2.2 1 1 0 1 1 1.593 1.21 6.364 6.364 0 0 0 -.92 1.674 14 14 0 0 0 -.416 1.462c-.115.464-.231.929-.381 1.382a5.211 5.211 0 0 1 -2.091 2.944 6.512 6.512 0 0 1 -2.55.77c-.213.032-.426.064-.635.1l-.132.024c-.98.175-2.622.467-2.709 4.127a1 1 0 0 1 -.995.983z"></path></svg>
            </div>
        </div>
        <div class="pbmit-ihbox-contents">
            <h2 class="pbmit-element-title">Medical Research</h2>
            <div class="pbmit-heading-desc">Health research, sometimes referred to as medical research</div>
        </div>
    </div>
</div>

Icon box Style 9

<div class="pbmit-ihbox-style-9">
    <div class="pbmit-ihbox-headingicon">
        <div class="pbmit-ihbox-icon">
            <div class="pbmit-ihbox-icon-wrapper pbmit-ihbox-icon-type-image">
                <img src="images/team/team-award01.jpg" alt="">
            </div>
        </div>
        <div class="pbmit-content-wrapper">
            <h4 class="pbmit-element-subtitle">
                2023 - 2024
            </h4>
            <h2 class="pbmit-element-title">People's Choice Awards</h2>
            <div class="pbmit-heading-desc">
                Consectetur adipiscing elit, sed labore veniam,exerci commodo consequat.
            </div>
        </div>
    </div>
</div>

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="pbminfotech-box-content">
            <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/service/service-img-01.jpg" class="img-fluid" alt="">
                    </div>
                    </div>
                </div>
                <div class="pbmit-box-content-inner">
                    <div class="pbmit-contant-box">
                        <div class="pbmit-serv-cat">
                            <a href="#" rel="tag">Pathology</a>
                        </div>
                        <h3 class="pbmit-service-title">
                            <a href="#">Elemental Analysis</a>
                        </h3>
                        <div class="pbmit-service-description">
                            Our clinical pathologists are available seven days a week to render diagnoses.                        
                        </div>
                    </div>
                </div>
            </div>
            <div class="pbmit-shape-wraper">
                <div class="pbmit-shape-wraper-inner">
                    <a class="pbmit-service-btn" href="#" title="Elemental Analysis">
                        <span class="pbmit-button-icon-wrapper">
                            <span class="pbmit-button-icon">
                                <i class="pbmit-base-icon-black-arrow-1"></i>
                            </span>
                        </span>
                    </a>
                </div>
            </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-img-01.jpg" class="img-fluid" alt="">
                    </div>
                </div>
                <div class="pbmit-service-btn-wrapper">
                    <div class="pbmit-service-btn-inner">
                        <a class="pbmit-service-btn" href="service-details.html" title="Elemental Analysis">
                            <span class="pbmit-button-icon">
                                <i class="pbmit-base-icon-angle-right"></i>
                            </span>
                        </a>
                    </div>
                </div>
            </div>
            <div class="pbmit-service-icon">
                <svg xmlns="http://www.w3.org/2000/svg" id="line_icons" data-name="line icons" viewBox="0 0 74 74" width="512" height="512"><path d="M28.941,68.952A9.559,9.559,0,0,1,23.43,67.2a5.979,5.979,0,0,1-3.962.768,6.12,6.12,0,0,1-5.126-6.048,5.942,5.942,0,0,1,.067-.822A9.633,9.633,0,0,1,8.8,53.785a5.326,5.326,0,0,1-1.371-.242,6.178,6.178,0,0,1-4.465-5.531,6.019,6.019,0,0,1,1.661-4.423,9.574,9.574,0,0,1,.006-13.172A6,6,0,0,1,2.959,26.05,6.166,6.166,0,0,1,7.38,20.481a5.4,5.4,0,0,1,1.414-.255A9.616,9.616,0,0,1,14.409,12.9a5.967,5.967,0,0,1-.067-1.036A6.051,6.051,0,0,1,18.7,6.2a5.978,5.978,0,0,1,4.723.6,9.7,9.7,0,0,1,6.4-1.708,9.3,9.3,0,0,1,8.194,9.353V59.559a9.3,9.3,0,0,1-8.2,9.353C29.532,68.938,29.239,68.952,28.941,68.952Zm-5.478-3.983a.991.991,0,0,1,.641.233A7.656,7.656,0,0,0,29.64,66.92a7.284,7.284,0,0,0,6.377-7.361V14.441A7.284,7.284,0,0,0,29.64,7.08,7.639,7.639,0,0,0,24.1,8.8a1,1,0,0,1-1.262.018,3.992,3.992,0,0,0-3.594-.7,4.089,4.089,0,0,0-2.9,3.785,3.894,3.894,0,0,0,.191,1.3,1,1,0,0,1-.64,1.26,7.589,7.589,0,0,0-5.2,6.848,1,1,0,0,1-1.134.948,3.248,3.248,0,0,0-1.577.123,4.166,4.166,0,0,0-3.026,3.725A4.009,4.009,0,0,0,6.693,29.56a1,1,0,0,1,.07,1.6,7.574,7.574,0,0,0-.011,11.69,1,1,0,0,1-.062,1.591,4.038,4.038,0,0,0-1.731,3.491,4.178,4.178,0,0,0,3.057,3.7,3.287,3.287,0,0,0,1.545.113.983.983,0,0,1,.775.223,1,1,0,0,1,.358.721,7.6,7.6,0,0,0,5.2,6.841,1,1,0,0,1,.64,1.26,3.853,3.853,0,0,0-.191,1.158,4.084,4.084,0,0,0,3.419,4.045,3.983,3.983,0,0,0,3.082-.809A1,1,0,0,1,23.463,64.969Z"></path><path d="M20.008,17.556a5.741,5.741,0,0,1-5.369-3.7,1,1,0,0,1,1.884-.67,3.759,3.759,0,0,0,3.485,2.374,1,1,0,0,1,0,2Z"></path><path d="M6.128,31.383a1,1,0,0,1-.578-1.817,8.75,8.75,0,0,1,6.2-1.28,1,1,0,1,1-.365,1.967A6.7,6.7,0,0,0,6.7,31.2,1,1,0,0,1,6.128,31.383Z"></path><path d="M9.694,53.736a1,1,0,0,1-.245-1.969h0c.38-.1,3.691-1.06,3.039-4.493a1,1,0,0,1,1.965-.373,5.811,5.811,0,0,1-4.515,6.805A.982.982,0,0,1,9.694,53.736Z"></path><path d="M23.464,66.969a1,1,0,0,1-.86-.487,5.712,5.712,0,0,1-.2-5.823,1,1,0,0,1,1.7,1.052,3.735,3.735,0,0,0,.217,3.745,1,1,0,0,1-.857,1.513Z"></path><path d="M21.629,32.987a1.04,1.04,0,0,1-.192-.018,5.958,5.958,0,0,1-3.52-2.392,6.229,6.229,0,0,1-.923-4.139,3.825,3.825,0,0,1-1.845-.981,4.071,4.071,0,0,1-1.08-3.271,1,1,0,1,1,2,.108,2.193,2.193,0,0,0,.489,1.739,2.288,2.288,0,0,0,1.513.521,1,1,0,0,1,1.048,1.2,4.823,4.823,0,0,0,.465,3.716,3.948,3.948,0,0,0,2.239,1.54,1,1,0,0,1-.19,1.981Z"></path><path d="M19.482,51.989a1,1,0,0,1-.248-1.968,2.206,2.206,0,0,0,1.5-.979,2.263,2.263,0,0,0,.043-1.619,1,1,0,0,1,.8-1.349c1.958-.256,3.32-.894,3.936-1.846a2.757,2.757,0,0,0,.32-2.138,1,1,0,0,1,1.907-.6,4.815,4.815,0,0,1-.524,3.791,6.406,6.406,0,0,1-4.323,2.6,3.807,3.807,0,0,1-.378,2.064,4.068,4.068,0,0,1-2.793,2.016A.974.974,0,0,1,19.482,51.989Z"></path><path d="M28.272,54.509a1.013,1.013,0,0,1-.133-.009,4.43,4.43,0,0,1-3.69-3.6c-.321-1.841-3.049-2.883-3.076-2.893a1,1,0,1,1,.686-1.879c.156.057,3.837,1.431,4.361,4.428a2.406,2.406,0,0,0,1.993,1.966,1,1,0,0,1-.141,1.989Z"></path><path d="M27.354,29.832a1,1,0,0,1-.027-2,3.818,3.818,0,0,0,2.9-.979,1.83,1.83,0,0,0,.358-1.378,1.006,1.006,0,0,1,.788-1.168.99.99,0,0,1,1.171.767,3.817,3.817,0,0,1-.733,3c-.876,1.111-2.366,1.7-4.427,1.757Z"></path><path d="M31.759,35.158a1.012,1.012,0,0,1-.235-.028,3.582,3.582,0,0,1-2.67-3.2c-.075-1.059-1.458-1.963-1.938-2.2a1,1,0,1,1,.875-1.8c.295.144,2.891,1.472,3.058,3.853a1.571,1.571,0,0,0,1.156,1.4,1.008,1.008,0,0,1,.716,1.215A1,1,0,0,1,31.759,35.158Z"></path><path d="M37.018,21.918a1,1,0,0,1-.9-.558c-2.632-5.338-6.416-3.557-6.577-3.48a1,1,0,1,1-.881-1.795c.058-.027,5.745-2.721,9.251,4.391a1,1,0,0,1-.895,1.442Z"></path><path d="M45.059,68.952c-.3,0-.591-.014-.882-.04a9.3,9.3,0,0,1-8.194-9.353V14.441a9.3,9.3,0,0,1,8.2-9.353A9.721,9.721,0,0,1,50.58,6.8,5.981,5.981,0,0,1,55.3,6.2a6.051,6.051,0,0,1,4.354,5.665,5.972,5.972,0,0,1-.067,1.037,9.616,9.616,0,0,1,5.615,7.328,5.4,5.4,0,0,1,1.414.255,6.166,6.166,0,0,1,4.421,5.569,6,6,0,0,1-1.669,4.367,9.574,9.574,0,0,1,.006,13.172,6.02,6.02,0,0,1,1.661,4.424,6.178,6.178,0,0,1-4.465,5.53,5.326,5.326,0,0,1-1.371.242A9.631,9.631,0,0,1,59.591,61.1a5.959,5.959,0,0,1,.067.824,6.119,6.119,0,0,1-5.126,6.046A5.979,5.979,0,0,1,50.57,67.2,9.559,9.559,0,0,1,45.059,68.952Zm0-61.9c-.236,0-.468.011-.7.032a7.284,7.284,0,0,0-6.377,7.361V59.559A7.284,7.284,0,0,0,44.36,66.92,7.65,7.65,0,0,0,49.9,65.2a1,1,0,0,1,1.261-.018,3.973,3.973,0,0,0,3.082.809,4.084,4.084,0,0,0,3.419-4.043,3.856,3.856,0,0,0-.191-1.16,1,1,0,0,1,.64-1.26,7.6,7.6,0,0,0,5.2-6.841,1,1,0,0,1,1.133-.944,3.288,3.288,0,0,0,1.545-.113,4.178,4.178,0,0,0,3.057-3.7,4.038,4.038,0,0,0-1.731-3.491,1,1,0,0,1-.062-1.591,7.574,7.574,0,0,0-.011-11.69,1,1,0,0,1,.07-1.6,4.009,4.009,0,0,0,1.736-3.446,4.166,4.166,0,0,0-3.026-3.725,3.248,3.248,0,0,0-1.577-.123.977.977,0,0,1-.776-.224.994.994,0,0,1-.358-.724,7.589,7.589,0,0,0-5.2-6.848,1,1,0,0,1-.64-1.26,3.894,3.894,0,0,0,.191-1.3,4.09,4.09,0,0,0-2.9-3.785,4,4,0,0,0-3.595.7A1,1,0,0,1,49.905,8.8,7.556,7.556,0,0,0,45.059,7.048Z"></path><path d="M53.992,17.556a1,1,0,1,1,0-2,3.763,3.763,0,0,0,3.483-2.368,1,1,0,1,1,1.886.664A5.741,5.741,0,0,1,53.992,17.556Z"></path><path d="M67.872,31.383A.992.992,0,0,1,67.3,31.2a6.8,6.8,0,0,0-4.685-.949,1,1,0,0,1-.365-1.967,8.735,8.735,0,0,1,6.2,1.28,1,1,0,0,1-.578,1.817Z"></path><path d="M64.306,53.736a.982.982,0,0,1-.244-.03,5.811,5.811,0,0,1-4.515-6.8,1,1,0,0,1,1.965.373c-.669,3.524,2.884,4.454,3.035,4.492a1,1,0,0,1-.241,1.97Z"></path><path d="M50.536,66.969a1,1,0,0,1-.857-1.513,3.707,3.707,0,0,0,.222-3.737,1,1,0,1,1,1.7-1.06,5.712,5.712,0,0,1-.2,5.823A1,1,0,0,1,50.536,66.969Z"></path><path d="M52.371,32.987a1,1,0,0,1-.2-1.98c.379-.08,3.593-.894,2.709-5.257a1,1,0,0,1,1.048-1.2,2.236,2.236,0,0,0,1.521-.529,2.207,2.207,0,0,0,.481-1.731,1,1,0,1,1,2-.108,4.071,4.071,0,0,1-1.08,3.271,3.825,3.825,0,0,1-1.845.981,6.229,6.229,0,0,1-.923,4.139,5.958,5.958,0,0,1-3.52,2.392A1.04,1.04,0,0,1,52.371,32.987Z"></path><path d="M54.518,51.989a.974.974,0,0,1-.25-.032,4.068,4.068,0,0,1-2.793-2.016,3.807,3.807,0,0,1-.378-2.064,6.406,6.406,0,0,1-4.323-2.6,4.815,4.815,0,0,1-.524-3.791,1,1,0,0,1,1.906.6,2.758,2.758,0,0,0,.321,2.136c.616.952,1.978,1.59,3.936,1.846a1,1,0,0,1,.8,1.357,2.26,2.26,0,0,0,.046,1.611,2.206,2.206,0,0,0,1.5.979,1,1,0,0,1-.248,1.968Z"></path><path d="M45.728,54.509a1,1,0,0,1-.132-1.991,2.4,2.4,0,0,0,1.984-1.965c.524-3,4.2-4.37,4.361-4.427A1,1,0,0,1,52.628,48c-.765.284-2.809,1.355-3.077,2.893a4.43,4.43,0,0,1-3.69,3.6A1.013,1.013,0,0,1,45.728,54.509Z"></path><path d="M46.646,29.832H46.62c-2.061-.055-3.551-.646-4.427-1.757a3.817,3.817,0,0,1-.733-3,1,1,0,0,1,1.959.4,1.829,1.829,0,0,0,.358,1.376,3.818,3.818,0,0,0,2.9.979,1,1,0,0,1-.027,2Z"></path><path d="M42.24,35.158a1,1,0,0,1-.233-1.972,1.572,1.572,0,0,0,1.144-1.4c.167-2.381,2.763-3.709,3.058-3.853a1,1,0,0,1,.878,1.8h0c-.515.254-1.867,1.145-1.941,2.2a3.582,3.582,0,0,1-2.67,3.2A1.02,1.02,0,0,1,42.24,35.158Z"></path><path d="M36.982,21.918a1,1,0,0,1-.895-1.442c3.5-7.112,9.193-4.419,9.251-4.391a1,1,0,0,1-.876,1.8c-.412-.194-4.024-1.71-6.582,3.477A1,1,0,0,1,36.982,21.918Z"></path><path d="M37.011,61.074a1,1,0,0,1-.9-.558c-1.243-2.519-2.876-1.928-3.19-1.784a1.006,1.006,0,0,1-1.326-.478.993.993,0,0,1,.457-1.323c1.258-.618,4.1-.848,5.852,2.7a1,1,0,0,1-.895,1.443Z"></path><path d="M36.989,61.074a1,1,0,0,1-.895-1.443c1.75-3.548,4.594-3.318,5.852-2.7a1,1,0,0,1-.871,1.8c-.319-.145-1.949-.727-3.188,1.785A1,1,0,0,1,36.989,61.074Z"></path><path d="M37.013,44.48a1,1,0,0,1-.9-.558c-1.629-3.3-3.887-2.375-4.137-2.257a1.007,1.007,0,0,1-1.33-.474,1,1,0,0,1,.457-1.326c1.458-.717,4.758-.974,6.8,3.173a1,1,0,0,1-.9,1.442Z"></path><path d="M36.987,44.48a1,1,0,0,1-.9-1.442c2.044-4.146,5.345-3.89,6.8-3.173a1,1,0,0,1-.874,1.8c-.258-.119-2.509-1.039-4.136,2.258A1,1,0,0,1,36.987,44.48Z"></path></svg>
            </div>
            <div class="pbmit-content-box">
                <div class="pbmit-serv-cat">
                    <a href="service-details.html" rel="tag">Pathology</a>
                </div>
                <h3 class="pbmit-service-title">
                    <a href="service-details.html">Elemental Analysis</a>
                </h3>
                <div class="pbmit-service-description">
                    Our clinical pathologists are available seven days a week to render diagnoses.            
                </div>
            </div>
        </div>
        <a class="pbmit-link" href="service-details.html"></a>
    </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-serv-cat">
                <a href="#" rel="tag">Pathology</a>
            </div>
            <h3 class="pbmit-service-title">
                <a href="#">Elemental Analysis</a>
            </h3>
            <div class="pbmit-service-description">
                Our clinical pathologists are available seven days a week to render diagnoses.            
            </div>
            <div class="pbmit-service-icon">
                <svg xmlns="http://www.w3.org/2000/svg" id="line_icons" data-name="line icons" viewBox="0 0 74 74" width="512" height="512"><path d="M28.941,68.952A9.559,9.559,0,0,1,23.43,67.2a5.979,5.979,0,0,1-3.962.768,6.12,6.12,0,0,1-5.126-6.048,5.942,5.942,0,0,1,.067-.822A9.633,9.633,0,0,1,8.8,53.785a5.326,5.326,0,0,1-1.371-.242,6.178,6.178,0,0,1-4.465-5.531,6.019,6.019,0,0,1,1.661-4.423,9.574,9.574,0,0,1,.006-13.172A6,6,0,0,1,2.959,26.05,6.166,6.166,0,0,1,7.38,20.481a5.4,5.4,0,0,1,1.414-.255A9.616,9.616,0,0,1,14.409,12.9a5.967,5.967,0,0,1-.067-1.036A6.051,6.051,0,0,1,18.7,6.2a5.978,5.978,0,0,1,4.723.6,9.7,9.7,0,0,1,6.4-1.708,9.3,9.3,0,0,1,8.194,9.353V59.559a9.3,9.3,0,0,1-8.2,9.353C29.532,68.938,29.239,68.952,28.941,68.952Zm-5.478-3.983a.991.991,0,0,1,.641.233A7.656,7.656,0,0,0,29.64,66.92a7.284,7.284,0,0,0,6.377-7.361V14.441A7.284,7.284,0,0,0,29.64,7.08,7.639,7.639,0,0,0,24.1,8.8a1,1,0,0,1-1.262.018,3.992,3.992,0,0,0-3.594-.7,4.089,4.089,0,0,0-2.9,3.785,3.894,3.894,0,0,0,.191,1.3,1,1,0,0,1-.64,1.26,7.589,7.589,0,0,0-5.2,6.848,1,1,0,0,1-1.134.948,3.248,3.248,0,0,0-1.577.123,4.166,4.166,0,0,0-3.026,3.725A4.009,4.009,0,0,0,6.693,29.56a1,1,0,0,1,.07,1.6,7.574,7.574,0,0,0-.011,11.69,1,1,0,0,1-.062,1.591,4.038,4.038,0,0,0-1.731,3.491,4.178,4.178,0,0,0,3.057,3.7,3.287,3.287,0,0,0,1.545.113.983.983,0,0,1,.775.223,1,1,0,0,1,.358.721,7.6,7.6,0,0,0,5.2,6.841,1,1,0,0,1,.64,1.26,3.853,3.853,0,0,0-.191,1.158,4.084,4.084,0,0,0,3.419,4.045,3.983,3.983,0,0,0,3.082-.809A1,1,0,0,1,23.463,64.969Z"></path><path d="M20.008,17.556a5.741,5.741,0,0,1-5.369-3.7,1,1,0,0,1,1.884-.67,3.759,3.759,0,0,0,3.485,2.374,1,1,0,0,1,0,2Z"></path><path d="M6.128,31.383a1,1,0,0,1-.578-1.817,8.75,8.75,0,0,1,6.2-1.28,1,1,0,1,1-.365,1.967A6.7,6.7,0,0,0,6.7,31.2,1,1,0,0,1,6.128,31.383Z"></path><path d="M9.694,53.736a1,1,0,0,1-.245-1.969h0c.38-.1,3.691-1.06,3.039-4.493a1,1,0,0,1,1.965-.373,5.811,5.811,0,0,1-4.515,6.805A.982.982,0,0,1,9.694,53.736Z"></path><path d="M23.464,66.969a1,1,0,0,1-.86-.487,5.712,5.712,0,0,1-.2-5.823,1,1,0,0,1,1.7,1.052,3.735,3.735,0,0,0,.217,3.745,1,1,0,0,1-.857,1.513Z"></path><path d="M21.629,32.987a1.04,1.04,0,0,1-.192-.018,5.958,5.958,0,0,1-3.52-2.392,6.229,6.229,0,0,1-.923-4.139,3.825,3.825,0,0,1-1.845-.981,4.071,4.071,0,0,1-1.08-3.271,1,1,0,1,1,2,.108,2.193,2.193,0,0,0,.489,1.739,2.288,2.288,0,0,0,1.513.521,1,1,0,0,1,1.048,1.2,4.823,4.823,0,0,0,.465,3.716,3.948,3.948,0,0,0,2.239,1.54,1,1,0,0,1-.19,1.981Z"></path><path d="M19.482,51.989a1,1,0,0,1-.248-1.968,2.206,2.206,0,0,0,1.5-.979,2.263,2.263,0,0,0,.043-1.619,1,1,0,0,1,.8-1.349c1.958-.256,3.32-.894,3.936-1.846a2.757,2.757,0,0,0,.32-2.138,1,1,0,0,1,1.907-.6,4.815,4.815,0,0,1-.524,3.791,6.406,6.406,0,0,1-4.323,2.6,3.807,3.807,0,0,1-.378,2.064,4.068,4.068,0,0,1-2.793,2.016A.974.974,0,0,1,19.482,51.989Z"></path><path d="M28.272,54.509a1.013,1.013,0,0,1-.133-.009,4.43,4.43,0,0,1-3.69-3.6c-.321-1.841-3.049-2.883-3.076-2.893a1,1,0,1,1,.686-1.879c.156.057,3.837,1.431,4.361,4.428a2.406,2.406,0,0,0,1.993,1.966,1,1,0,0,1-.141,1.989Z"></path><path d="M27.354,29.832a1,1,0,0,1-.027-2,3.818,3.818,0,0,0,2.9-.979,1.83,1.83,0,0,0,.358-1.378,1.006,1.006,0,0,1,.788-1.168.99.99,0,0,1,1.171.767,3.817,3.817,0,0,1-.733,3c-.876,1.111-2.366,1.7-4.427,1.757Z"></path><path d="M31.759,35.158a1.012,1.012,0,0,1-.235-.028,3.582,3.582,0,0,1-2.67-3.2c-.075-1.059-1.458-1.963-1.938-2.2a1,1,0,1,1,.875-1.8c.295.144,2.891,1.472,3.058,3.853a1.571,1.571,0,0,0,1.156,1.4,1.008,1.008,0,0,1,.716,1.215A1,1,0,0,1,31.759,35.158Z"></path><path d="M37.018,21.918a1,1,0,0,1-.9-.558c-2.632-5.338-6.416-3.557-6.577-3.48a1,1,0,1,1-.881-1.795c.058-.027,5.745-2.721,9.251,4.391a1,1,0,0,1-.895,1.442Z"></path><path d="M45.059,68.952c-.3,0-.591-.014-.882-.04a9.3,9.3,0,0,1-8.194-9.353V14.441a9.3,9.3,0,0,1,8.2-9.353A9.721,9.721,0,0,1,50.58,6.8,5.981,5.981,0,0,1,55.3,6.2a6.051,6.051,0,0,1,4.354,5.665,5.972,5.972,0,0,1-.067,1.037,9.616,9.616,0,0,1,5.615,7.328,5.4,5.4,0,0,1,1.414.255,6.166,6.166,0,0,1,4.421,5.569,6,6,0,0,1-1.669,4.367,9.574,9.574,0,0,1,.006,13.172,6.02,6.02,0,0,1,1.661,4.424,6.178,6.178,0,0,1-4.465,5.53,5.326,5.326,0,0,1-1.371.242A9.631,9.631,0,0,1,59.591,61.1a5.959,5.959,0,0,1,.067.824,6.119,6.119,0,0,1-5.126,6.046A5.979,5.979,0,0,1,50.57,67.2,9.559,9.559,0,0,1,45.059,68.952Zm0-61.9c-.236,0-.468.011-.7.032a7.284,7.284,0,0,0-6.377,7.361V59.559A7.284,7.284,0,0,0,44.36,66.92,7.65,7.65,0,0,0,49.9,65.2a1,1,0,0,1,1.261-.018,3.973,3.973,0,0,0,3.082.809,4.084,4.084,0,0,0,3.419-4.043,3.856,3.856,0,0,0-.191-1.16,1,1,0,0,1,.64-1.26,7.6,7.6,0,0,0,5.2-6.841,1,1,0,0,1,1.133-.944,3.288,3.288,0,0,0,1.545-.113,4.178,4.178,0,0,0,3.057-3.7,4.038,4.038,0,0,0-1.731-3.491,1,1,0,0,1-.062-1.591,7.574,7.574,0,0,0-.011-11.69,1,1,0,0,1,.07-1.6,4.009,4.009,0,0,0,1.736-3.446,4.166,4.166,0,0,0-3.026-3.725,3.248,3.248,0,0,0-1.577-.123.977.977,0,0,1-.776-.224.994.994,0,0,1-.358-.724,7.589,7.589,0,0,0-5.2-6.848,1,1,0,0,1-.64-1.26,3.894,3.894,0,0,0,.191-1.3,4.09,4.09,0,0,0-2.9-3.785,4,4,0,0,0-3.595.7A1,1,0,0,1,49.905,8.8,7.556,7.556,0,0,0,45.059,7.048Z"></path><path d="M53.992,17.556a1,1,0,1,1,0-2,3.763,3.763,0,0,0,3.483-2.368,1,1,0,1,1,1.886.664A5.741,5.741,0,0,1,53.992,17.556Z"></path><path d="M67.872,31.383A.992.992,0,0,1,67.3,31.2a6.8,6.8,0,0,0-4.685-.949,1,1,0,0,1-.365-1.967,8.735,8.735,0,0,1,6.2,1.28,1,1,0,0,1-.578,1.817Z"></path><path d="M64.306,53.736a.982.982,0,0,1-.244-.03,5.811,5.811,0,0,1-4.515-6.8,1,1,0,0,1,1.965.373c-.669,3.524,2.884,4.454,3.035,4.492a1,1,0,0,1-.241,1.97Z"></path><path d="M50.536,66.969a1,1,0,0,1-.857-1.513,3.707,3.707,0,0,0,.222-3.737,1,1,0,1,1,1.7-1.06,5.712,5.712,0,0,1-.2,5.823A1,1,0,0,1,50.536,66.969Z"></path><path d="M52.371,32.987a1,1,0,0,1-.2-1.98c.379-.08,3.593-.894,2.709-5.257a1,1,0,0,1,1.048-1.2,2.236,2.236,0,0,0,1.521-.529,2.207,2.207,0,0,0,.481-1.731,1,1,0,1,1,2-.108,4.071,4.071,0,0,1-1.08,3.271,3.825,3.825,0,0,1-1.845.981,6.229,6.229,0,0,1-.923,4.139,5.958,5.958,0,0,1-3.52,2.392A1.04,1.04,0,0,1,52.371,32.987Z"></path><path d="M54.518,51.989a.974.974,0,0,1-.25-.032,4.068,4.068,0,0,1-2.793-2.016,3.807,3.807,0,0,1-.378-2.064,6.406,6.406,0,0,1-4.323-2.6,4.815,4.815,0,0,1-.524-3.791,1,1,0,0,1,1.906.6,2.758,2.758,0,0,0,.321,2.136c.616.952,1.978,1.59,3.936,1.846a1,1,0,0,1,.8,1.357,2.26,2.26,0,0,0,.046,1.611,2.206,2.206,0,0,0,1.5.979,1,1,0,0,1-.248,1.968Z"></path><path d="M45.728,54.509a1,1,0,0,1-.132-1.991,2.4,2.4,0,0,0,1.984-1.965c.524-3,4.2-4.37,4.361-4.427A1,1,0,0,1,52.628,48c-.765.284-2.809,1.355-3.077,2.893a4.43,4.43,0,0,1-3.69,3.6A1.013,1.013,0,0,1,45.728,54.509Z"></path><path d="M46.646,29.832H46.62c-2.061-.055-3.551-.646-4.427-1.757a3.817,3.817,0,0,1-.733-3,1,1,0,0,1,1.959.4,1.829,1.829,0,0,0,.358,1.376,3.818,3.818,0,0,0,2.9.979,1,1,0,0,1-.027,2Z"></path><path d="M42.24,35.158a1,1,0,0,1-.233-1.972,1.572,1.572,0,0,0,1.144-1.4c.167-2.381,2.763-3.709,3.058-3.853a1,1,0,0,1,.878,1.8h0c-.515.254-1.867,1.145-1.941,2.2a3.582,3.582,0,0,1-2.67,3.2A1.02,1.02,0,0,1,42.24,35.158Z"></path><path d="M36.982,21.918a1,1,0,0,1-.895-1.442c3.5-7.112,9.193-4.419,9.251-4.391a1,1,0,0,1-.876,1.8c-.412-.194-4.024-1.71-6.582,3.477A1,1,0,0,1,36.982,21.918Z"></path><path d="M37.011,61.074a1,1,0,0,1-.9-.558c-1.243-2.519-2.876-1.928-3.19-1.784a1.006,1.006,0,0,1-1.326-.478.993.993,0,0,1,.457-1.323c1.258-.618,4.1-.848,5.852,2.7a1,1,0,0,1-.895,1.443Z"></path><path d="M36.989,61.074a1,1,0,0,1-.895-1.443c1.75-3.548,4.594-3.318,5.852-2.7a1,1,0,0,1-.871,1.8c-.319-.145-1.949-.727-3.188,1.785A1,1,0,0,1,36.989,61.074Z"></path><path d="M37.013,44.48a1,1,0,0,1-.9-.558c-1.629-3.3-3.887-2.375-4.137-2.257a1.007,1.007,0,0,1-1.33-.474,1,1,0,0,1,.457-1.326c1.458-.717,4.758-.974,6.8,3.173a1,1,0,0,1-.9,1.442Z"></path><path d="M36.987,44.48a1,1,0,0,1-.9-1.442c2.044-4.146,5.345-3.89,6.8-3.173a1,1,0,0,1-.874,1.8c-.258-.119-2.509-1.039-4.136,2.258A1,1,0,0,1,36.987,44.48Z"></path></svg>
            </div>
        </div>
    </div>
    <a class="pbmit-link" href="#"></a>
</article>

Service Box Style 4

<article class="pbmit-service-style-4">
    <div class="pbminfotech-post-item">
        <div class="pbminfotech-box-content">
            <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-2/service/service-img-01.jpg" class="img-fluid" alt="">
                        </div>
                    </div>
                </div>
                <div class="pbmit-box-content-inner">
                    <div class="pbmit-contant-box">
                        <div class="pbmit-serv-cat">
                            <a href="#" rel="tag">Pathology</a>
                        </div>
                        <h3 class="pbmit-service-title">
                            <a href="#">Elemental Analysis</a>
                        </h3>
                        <div class="pbmit-service-description">
                            Our clinical pathologists are available seven days a week to render diagnoses.                        
                        </div>
                    </div>
                </div>
            </div>
            <div class="pbmit-shape-wraper">
                <div class="pbmit-shape-wraper-inner">
                    <a class="pbmit-service-btn" href="#" title="Elemental Analysis">
                        <span class="pbmit-button-icon-wrapper">
                            <span class="pbmit-button-icon">
                                <i class="pbmit-base-icon-black-arrow-1"></i>
                            </span>
                        </span>
                    </a>
                </div>
            </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-2/team/team-img-02.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">
                <h3 class="pbmit-team-title">
                    <a href="#">David Green</a>
                </h3>
                <div class="pbminfotech-box-team-position">Phlebotomist</div>
            </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>

Team Style 2

Testimonial

Use the below code to display Testimonial:

Testimonial Style 1

<article class="pbmit-testimonial-style-1">
    <div class="pbminfotech-post-item">
        <div class="pbminfotech-box-desc">
            <blockquote class="pbminfotech-testimonial-text">
                <p>“I would recommend practitioners at this center to everyone! They are great to work with and are excellent trainers. Thank you all!”</p>
            </blockquote>
        </div>
        <div class="pbmit-auther-content">
            <h3 class="pbminfotech-box-title">Parsons William</h3>
            <div class="pbminfotech-testimonial-detail">lab Specialist</div>
        </div>
        <div class="pbmit-featured-img-wrapper">
            <div class="pbmit-featured-wrapper">
                <img src="images/homepage-1/testimonial/testimonial-img-01.jpg" class="img-fluid" alt="">
            </div>
        </div>
    </div>
</article>

Testimonial Style 2

<article class="pbmit-testimonial-style-2">
    <div class="pbminfotech-post-item">
        <div class="pbmit-box-content-wrap">
            <div class="pbminfotech-box-desc">
                <blockquote class="pbminfotech-testimonial-text">
                    <p>“I would recommend practitioners at this center to everyone! They are great to work with and are excellent trainers. Thank you all!”</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-2/testimonial/testimonial-img-01.jpg" class="img-fluid" alt="">
                        </div>
                    </div>
                </div>
                <div class="pbmit-auther-content">
                    <h3 class="pbminfotech-box-title">Parsons William</h3>
                    <div class="pbminfotech-testimonial-detail">lab Specialist</div>
                </div>
            </div>
        </div>
    </div>
</article>

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

Get SMTP from your hosting service provider
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

Freepik Freepik
Unsplash Unsplash

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.

Xleb User Guide

Xleb Introduction

Installation

Basic template Structure

HTML Structure

CSS Structure

Javascript Structure

Favicon icon

Logo Settings

Changing Fonts style

Helper Classes

Section title

Background color

Background Image

Sliders

Swiper Slider

Shortcode

Accordion

Button

Counter

Counter Style 1

Counter Style 2

Counter Style 3

Icon box

Icon box Style 1

Icon box Style 2

Icon box Style 3

Icon box Style 4

Icon box Style 5

Icon box Style 6

Icon box Style 7

Icon box Style 8

Icon box Style 9

Service Box

Service Box Style 1

Service Box Style 2

Service Box Style 3

Service Box Style 4

Progress Bar

Team

Team Style 1

Team Style 2

Testimonial

Testimonial Style 1

Testimonial Style 2

Contact Form Setup

Prerequisites

1. Get SMTP from your hosting service provider

2. Get SMTP from your Gmail account

Setting SMTP details in send.php script file

Browser Support

How to rate this item

Source & Credits

Images

Scripts

CSS & Fonts

Setting SMTP details in `send.php` script file