labtechco 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.

labtechco Introduction

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

If you want to customize, please contact us here: contact@pbminfotech.com

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: 

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

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

<!-- Roboto -->
@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');

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

<!-- League+Spartan -->
@import url('https://fonts.googleapis.com/css2?family=League+Spartan:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet');

<!-- Montserrat -->
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,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 .pbmit-btn-global 
<a href="#" class="pbmit-btn"> <span>Button</span>>
 Button Button
.pbmit-btn .pbmit-btn-outline-global 
<a href="#" class="pbmit-btn pbmit-btn-outline-global"><span>Button</span></a>
 inline Button Button

Counter

Use the below code to display Counter style:

Counter Style 1
<div class="pbmit-fidbox-style-1">
    <div class="pbmit-fld-contents">
	    <div class="pbmit-circle-outer" data-digit="80" data-fill="#3368c6" data-before="" data-before-type="sup" data-after="" data-after-type="sup" data-size="122" data-emptyfill="#000005" data-thickness="7" data-gradient="">
		    <div class="pbmit-circle-w">
			    <div class="pbmit-circle"></div>
				<div class="pbmit-circle-overlay">
				<div class="pbmit-circle-number">80</div>
				</div>
			</div>
			<div class="pbmit-fid-title-w">
				<h3 class="pbmit-fid-title"><span>CLIENTS SATISFACTION<br></span></h3>
			</div>
		</div>
	</div>
</div>
Counter Style 2
<div class="pbminfotech-ele-fidbox-style-2">
	<div class="pbmit-fid inside pbmit-fid-boxstyle-style2 pbmit-fidbox-style-2">
		<div class="pbmit-fld-contents">
			<div class="pbmit-circle-outer" data-digit="85" data-fill="#fff" data-before="" data-before-type="sup" data-after="" data-after-type="sup" data-size="145" data-emptyfill="#000301" data-thickness="7" data-gradient="">
				<div class="pbmit-circle-w">
				<div class="pbmit-circle"></div>
				<div class="pbmit-circle-overlay">
					<div class="pbmit-circle-number">85</div>
				</div>
				</div>
				<div class="pbmit-fid-title-w">
				<h3 class="pbmit-fid-title"><span>BIOTECHNOLOGY<br></span></h3>
				</div>
			</div>
		</div>
	</div>
</div>
Counter Style 3
<div class="pbminfotech-ele-fidbox-style-3">
	<div class="pbmit-fid inside pbmit-fid-boxstyle-without-icon pbmit-fidbox-style-3">
		<div class="pbmit-fld-contents">
			<h3 class="pbmit-fid-inner">
				<span data-appear-animation="animateDigipbmit" data-from="0" data-to="1000" data-interval="5" class="numinate">1000</span>
			</h3>
			<h6 class="pbmit-fid-title"><span>Clients<br></span></h6>
		</div>
	</div>
</div>
Counter Style 4
<div class="pbminfotech-ele pbminfotech-ele-fidbox-style-4">
	<div class="pbminfotech-fid inside pbminfotech-fid-boxstyle-without-icon pbmit-fidbox-style-4">
		<div class="pbminfotech-fld-contents">
			<div class="pbminfotech-ihbox-icon pbmit-large-icon">
				<div class="pbmit-sbox-icon-wrapper">
				<i class="pbmit-labtechco-business-icon pbmit-labtechco-business-icon-nuclear-1"></i>
				</div>
			</div>
			<div class="pbminfotech-fld-contents-wrap">
				<h3 class="pbmit-fid-inner">			
				<span data-appear-animation="animateDigits" data-from="0" data-to="1000" data-interval="5" class="numinate">1000</span>
				</h3>
				<h6 class="pbmit-fid-title"><span>Stars Comfort<br></span></h6>
			</div>
		</div>
	</div>
</div>
Counter Style 5
<div class="pbminfotech-ele pbminfotech-ele-fidbox-style-4">
	<div class="pbminfotech-fid inside pbminfotech-fid-boxstyle-without-icon pbmit-fidbox-style-4">
		<div class="pbminfotech-fld-contents">
			<div class="pbminfotech-ihbox-icon pbmit-large-icon">
				<div class="pbmit-sbox-icon-wrapper">
				<i class="pbmit-labtechco-business-icon pbmit-labtechco-business-icon-nuclear-1"></i>
				</div>
			</div>
			<div class="pbminfotech-fld-contents-wrap">
				<h3 class="pbmit-fid-inner">			
				<span data-appear-animation="animateDigits" data-from="0" data-to="1000" data-interval="5" class="numinate">1000</span>
				</h3>
				<h6 class="pbmit-fid-title"><span>Stars Comfort<br></span></h6>
			</div>
		</div>
	</div>
</div>
Counter Style 5
<div class="pbmit-fidbox-style-5">
	<div class="pbmit-fld-contents">
		<h3 class="pbmit-fid-inner">
			<span data-appear-animation="animateDigits" data-from="0" data-to="30" data-interval="5" class="numinate">30</span>
			<sup>+</sup>		
		</h3>
		<h6 class="pbmit-fid-title">
			<span>Years Of Experience<br></span>
		</h6>
	</div>
</div>
Counter Style 6
<div class="pbmit-fidbox-style-6">
	<div class="pbmit-fld-contents">
		<h3 class="pbmit-fid-inner">
			<span data-appear-animation="animateDigits" data-from="0" data-to="325" data-interval="5" class="numinate">325</span>
			<sup>+</sup>		
		</h3>
		<h6 class="pbmit-fid-title"><span>Professional Staff<br></span></h6>
	</div>
</div>
Counter Style 7
<div class="pbmit-fidbox-style-7">
	<div class="pbmit-fld-contents">
	<h3 class="pbmit-fid-inner">
		<span data-appear-animation="animateDigits" data-from="0" data-to="15" data-interval="5" class="numinate">15</span>
	</h3>
	<h6 class="pbmit-fid-title">
		<span>Awarded Projects<br></span>
	</h6>
	</div>
</div>
Counter Style 8
<div class="pbmit-fidbox-style-8">
	<div class="pbmit-fld-contents">
		<div class="pbmit-circle-outer" data-digit="85" data-fill="#3368c6" data-before="" data-before-type="sup" data-after="<sup>%</sup>" data-after-type="sup" data-size="90" data-emptyfill="#f9f9f9" data-thickness="4" data-gradient="">
			<div class="pbmit-circle-w">
				<div class="pbmit-circle"></div>
				<div class="pbmit-circle-overlay">
				<div class="pbmit-circle-number">85<sup>%</sup></div>
				</div>
			</div>
			<div class="pbmit-fid-desc-w">
				<div class="pbmit-fid-title-w">
				<h3 class="pbmit-fid-title"><span>Research<br></span></h3>
				</div>
				<div class="pbmit-fid-desc">
				<span>Sed perspiciatis unde omnis iste</span>
				</div>
			</div>
		</div>
	</div>
</div>
Counter Style 9
<div class="pbmit-fidbox-style-9">
	<div class="pbmit-fld-contents">
		<h3 class="pbmit-fid-inner">
			<sup>+</sup><span data-appear-animation="animateDigits" data-from="0" data-to="245" data-interval="5" class="numinate">245</span>
		</h3>
		<h6 class="pbmit-fid-title"><span>Permanent Staff<br></span></h6>
		<div class="pbmit-fid-desc">
			<span>Than an attorney  they want someone who will listen attentively</span>
		</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-sbox-bgimage-layer pbmit-bgimage-layer"></div>
	<div class="pbmit-ihbox-wrapper-bg-layer pbmit-bg-layer"></div>
	<div class="pbmit-ihbox-inner">
		<div class="pbmit-ihbox-icon pbmit-large-icon pbmit-icon-skincolor">
			<div class="pbmit-ihbox-icon">
				<div class="pbmit-ihbox-icon-wrapper">
				<i class="pbmit-labtechco-business-icon pbmit-labtechco-business-icon-flask"></i>
				</div>
			</div>
		</div>
		<div class="pbmit-ihbox-contents">
			<h2 class="pbmit-ihbox-heading">LAB TECHNICIANS</h2>
			<div class="pbmit-ihbox-content">Lorem Ipsum is simply dummy text of the printing and type settngdtry.</div>
			<div class="pbmit-ihbox-btn">
				<a title="Link" href="#"><span>Read More</span></a>
			</div>
		</div>
	</div>
</div>
Icon box Style 2
<div class="pbmit-ihbox-style-2">
	<div class="pbmit-sbox-bgimage-layer pbmit-bgimage-layer"></div>
	<div class="pbmit-ihbox-wrapper-bg-layer pbmit-bg-layer"></div>
	<div class="pbmit-ihbox-inner">
		<div class="pbmit-ihbox-icon pbmit-large-icon pbmit-icon-skincolor">
			<div class="pbmit-ihbox-icon">
				<div class="pbmit-ihbox-icon-wrapper">
				<i class="pbmit-labtechco-business-icon pbmit-labtechco-business-icon-microscope-2"></i>
				</div>
			</div>
		</div>
		<div class="pbmit-ihbox-contents">
			<h2 class="pbmit-ihbox-heading">PROFESSIONAL TEAM</h2>
			<div class="pbmit-ihbox-content">User can utilize his smartphone to pay for a wide range of services or any</div>
		</div>
	</div>
</div>
Icon box Style 3
<div class="pbmit-ihbox-style-3">
	<div class="pbmit-sbox-bgimage-layer pbmit-bgimage-layer"></div>
	<div class="pbmit-ihbox-wrapper-bg-layer pbmit-bg-layer"></div>
	<div class="pbmit-ihbox-inner">
		<div class="pbmit-ihbox-icon pbmit-large-icon pbmit-icon-skincolor">
			<div class="pbmit-ihbox-icon">
				<div class="pbmit-ihbox-icon-wrapper">
				<i class="pbmit-labtechco-business-icon pbmit-labtechco-business-icon-syringe"></i>
				</div>
			</div>
		</div>
		<div class="pbmit-ihbox-contents">
			<h2 class="pbmit-ihbox-heading">LAB TECHNICIANS</h2>
			<div class="pbmit-ihbox-content">Lorem ipsum dolor sit amet,con sec tetur adipisicing elit,sed do.</div>
		</div>
	</div>
</div>
Icon box Style 4
<div class="pbmit-ihbox-style-4">
	<div class="pbmit-sbox-bgimage-layer pbmit-bgimage-layer"></div>
	<div class="pbmit-ihbox-wrapper-bg-layer pbmit-bg-layer"></div>
	<div class="pbmit-ihbox-inner">
		<div class="pbmit-ihbox-icon pbmit-large-icon pbmit-icon-skincolor">
			<div class="pbmit-ihbox-icon">
				<div class="pbmit-ihbox-icon-wrapper pbmit-ihbox-icon-type-text" data-text="01">01</div>
			</div>
		</div>
		<div class="pbmit-ihbox-contents">
			<h2 class="pbmit-ihbox-heading">BLOOD BANK & CHEMISTRY</h2>
			<div class="pbmit-ihbox-content">The concept behind this project was to create a mini website regarding 
			mobile payment system (mobile money transfer).</div>
		</div>
	</div>
</div>
Icon box Style 5
<div class="pbmit-ihbox-style-5">
	<div class="pbmit-sbox-bgimage-layer pbmit-bgimage-layer"></div>
	<div class="pbmit-ihbox-wrapper-bg-layer pbmit-bg-layer"></div>
	<div class="pbmit-ihbox-inner">
		<div class="pbmit-ihbox-contents">
			<div class="pbmit-ihbox-heading-with-icon">
				<div class="pbmit-ihbox-icon pbmit-large-icon">
				<div class="pbmit-ihbox-icon">
					<div class="pbmit-ihbox-icon-wrapper">
						<i class="pbmit-labtechco-business-icon pbmit-labtechco-business-icon-statistics"></i>
					</div>
				</div>
				</div>
				<div class="pbmit-ihbox-heading">
				<h2 class="pbmit-ihbox-heading">Extramural Funding</h2>
				<h4 class="pbmit-ihbox-subheading">Add link to heading.</h4>
				</div>
			</div>
		</div>
	</div>
</div>
Icon box Style 7
<div class="pbmit-ihbox-style-7">
	<div class="pbmit-sbox-bgimage-layer pbmit-bgimage-layer"></div>
	<div class="pbmit-ihbox-wrapper-bg-layer pbmit-bg-layer"></div>
	<div class="pbmit-ihbox-inner">
		<div class="pbmit-ihbox-icon pbmit-large-icon">
			<div class="pbmit-ihbox-icon">
				<div class="pbmit-ihbox-icon-wrapper">
				<i class="fa fa-check"></i>
				</div>
			</div>
		</div>
		<div class="pbmit-ihbox-contents">
			<h2 class="pbmit-ihbox-heading">RESEARCH CENTER</h2>
		</div>
		<div class="pbmit-ihbox-content">Lorem ipsum dolor sit amet,con sec tetur adipisicing elit,sed do.</div>
	</div>
</div>
Icon box Style 8
<div class="pbmit-ihbox-style-8">
	<div class="pbmit-sbox-bgimage-layer pbmit-bgimage-layer"></div>
	<div class="pbmit-ihbox-wrapper-bg-layer pbmit-bg-layer"></div>
	<div class="pbmit-ihbox-inner">
		<div class="pbmit-ihbox-icon pbmit-large-icon pbmit-icon-skincolor">
			<div class="pbmit-ihbox-icon">
				<div class="pbmit-ihbox-icon-wrapper">
				<i class="pbmit-labtechco-business-icon pbmit-labtechco-business-icon-microscope-2"></i>
				</div>
			</div>
		</div>
		<div class="pbmit-ihbox-contents">
			<h2 class="pbmit-ihbox-heading">Client Describes projects</h2>
			<div class="pbmit-ihbox-content">Sed ut perspiciatis unde omnis iste natus error sit voluptatem.</div>
		</div>
	</div>
</div>
Icon box Style 9
<div class="pbmit-ihbox-style-9">
	<div class="pbmit-sbox-bgimage-layer pbmit-bgimage-layer"></div>
	<div class="pbmit-ihbox-wrapper-bg-layer pbmit-bg-layer"></div>
	<div class="pbmit-ihbox-inner">
		<div class="pbmit-ihbox-icon pbmit-large-icon pbmit-icon-skincolor">
			<div class="pbmit-ihbox-icon">
				<div class="pbmit-ihbox-icon-wrapper"><i class="fa fa-check"></i></div>
			</div>
		</div>
		<div class="pbmit-ihbox-contents">
			<h2 class="pbmit-ihbox-heading">Chemical Research</h2>
		</div>
	</div>
</div>
Icon box Style 10
<div class="pbmit-ihbox-style-10">
	<div class="pbmit-sbox-bgimage-layer pbmit-bgimage-layer"></div>
	<div class="pbmit-ihbox-wrapper-bg-layer pbmit-bg-layer"></div>
	<div class="pbmit-ihbox-inner">
		<div class="pbmit-ihbox-contents">
			<h2 class="pbmit-ihbox-heading">RESEARCH</h2>
			<div class="pbmit-ihbox-content">The lab is staffed by capable, group of scientist, microbiologist.</div>
		</div>
		<div class="pbmit-ihbox-icon pbmit-large-icon pbmit-icon-skincolor">
			<div class="pbmit-ihbox-icon">
				<div class="pbmit-ihbox-icon-wrapper">
				<i class="pbmit-labtechco-business-icon pbmit-labtechco-business-icon-microscope-3"></i>
				</div>
			</div>
		</div>
	</div>
</div>
Icon box Style 11
<div class="pbmit-ihbox-style-11">
	<div class="pbmit-sbox-bgimage-layer pbmit-bgimage-layer"></div>
	<div class="pbmit-ihbox-wrapper-bg-layer pbmit-bg-layer"></div>
	<div class="pbmit-ihbox-inner">
		<div class="pbmit-ihbox-icon pbmit-large-icon">
			<div class="pbmit-ihbox-icon">
				<div class="pbmit-ihbox-icon-wrapper">
				<i class="pbmit-labtechco-business-icon pbmit-labtechco-business-icon-bottle"></i>
				</div>
			</div>
		</div>
		<div class="pbmit-ihbox-contents">
			<h2 class="pbmit-ihbox-heading">Chemical Research</h2>
			<h4 class="pbmit-ihbox-subheading">Biosafety</h4>
		</div>
		<div class="pbmit-ihbox-content">
			It is a long established fact that a readable content. On the other hand we denounce with righteous.
		</div>
		<div class="pbmit-ihbox-btn">
			<a title="Link" href="#"><span>Read More</span></a>
		</div>
	</div>
</div>
Icon box Style 12
<div class="pbmit-ihbox-style-12">
	<div class="pbmit-sbox-bgimage-layer pbmit-bgimage-layer"></div>
	<div class="pbmit-ihbox-wrapper-bg-layer pbmit-bg-layer"></div>
	<div class="pbmit-ihbox-inner">
		<div class="pbmit-ihbox-icon pbmit-large-icon pbmit-icon-skincolor">
			<div class="pbmit-ihbox-icon">
				<div class="pbmit-ihbox-icon-wrapper pbmit-ihbox-icon-type-image">
				<img src="images/homepage-10/icon/ihbox-img-01.png" class="img-fluid" alt="Laboratory Services">
				</div>
			</div>
		</div>
		<div class="pbmit-ihbox-contents">
			<h2 class="pbmit-ihbox-heading">Laboratory Services</h2>
			<div class="pbmit-ihbox-content">Discover the true potential of your data with our data science experts and 
			machine learning.</div>
			<div class="pbmit-ihbox-btn">
				<a title="Link" href="#"><span>Learn More </span></a>
			</div>
		</div>
	</div>
</div>
Icon box Style 13
<div class="pbmit-ihbox-style-13">
	<div class="pbmit-sbox-bgimage-layer pbmit-bgimage-layer"></div>
	<div class="pbmit-ihbox-wrapper-bg-layer pbmit-bg-layer"></div>
	<div class="pbmit-ihbox-inner">
		<div class="pbmit-ihbox-icon pbmit-large-icon pbmit-icon-skincolor">
			<div class="pbmit-ihbox-icon">
				<div class="pbmit-ihbox-icon-wrapper">
				<i class="pbmit-labtechco-business-icon pbmit-labtechco-business-icon-science"></i>
				</div>
			</div>
		</div>
		<div class="pbmit-overlay pbmit-ihbox-icon pbmit-large-icon pbmit-icon-skincolor">
			<div class="pbmit-ihbox-icon">
				<div class="pbmit-ihbox-icon-wrapper">
				<i class="pbmit-labtechco-business-icon pbmit-labtechco-business-icon-science"></i>
				</div>
			</div>
		</div>
		<div class="pbmit-ihbox-contents">
			<h2 class="pbmit-ihbox-heading">Laboratory accreditation</h2>
			<div class="pbmit-ihbox-content">
				Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.
			</div>
		</div>
	</div>
</div>
Icon box Style 14
<div class="pbmit-ihbox-style-14">
	<div class="pbmit-ihbox-icon pbmit-large-icon pbmit-icon-skincolor">
		<div class="pbmit-ihbox-icon">
			<div class="pbmit-ihbox-icon-wrapper pbmit-ihbox-icon-type-text" data-text="01">01</div>
		</div>
	</div>
	<div class="pbmit-sbox-bgimage-layer pbmit-bgimage-layer"></div>
	<div class="pbmit-ihbox-wrapper-bg-layer pbmit-bg-layer"></div>
	<div class="pbmit-ihbox-inner">
		<div class="pbmit-ihbox-contents">
			<h2 class="pbmit-ihbox-heading">Client Describes <br>Project</h2>
			<div class="pbmit-ihbox-content">For most of our clients, we meet them when the worst thing that ever could happen 
			to them has happened. Nam eget dui vel quam sodales semper quis porttitor tortor.</div>
		</div>
	</div>
</div>
Icon box Style 15
<div class="pbmit-ihbox-style-15">
	<div class="pbmit-ihbox-inner">
		<div class="pbmit-ihbox-contents">
			<div class="pbmit-overlay pbmit-ihbox-icon pbmit-large-icon pbmit-icon-skincolor">
				<div class="pbmit-ihbox-icon">
				<div class="pbmit-ihbox-icon-wrapper pbmit-ihbox-icon-type-text" data-text="2017">2017</div>
				</div>
			</div>
			<h2 class="pbmit-ihbox-heading">Performance awards</h2>
			<div class="pbminfotech-box-link"> 
				<a href="#" title="READ MORE">
				<i class="pbmit-base-icon-arrow-right"></i>
				</a>
			</div>
		</div>
	</div>
</div>
Icon box Style 16
<div class="pbmit-ihbox pbmit-ihbox-style-16">
	<div class="pbmit-sbox-bgimage-layer pbmit-bgimage-layer"></div>
	<div class="pbmit-ihbox-wrapper-bg-layer pbmit-bg-layer"></div>
	<div class="pbmit-ihbox-inner">
		<div class="pbmit-ihbox-icon pbmit-large-icon pbmit-icon-skincolor">
			<div class="pbmit-ihbox-icon">
				<div class="pbmit-ihbox-icon-wrapper"><i class="fa fa-long-arrow-alt-down"></i></div>
			</div>
		</div>
		<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 200 200">
			<defs>
				<path d="M0, 100a100, 100 0 1, 0 200, 0a100, 100 0 1, 0 -200, 0" id="txt-path"></path>
			</defs>
			<text>
				<textPath startOffset="0" xlink:href="#txt-path">
				- More About Us  - More About Us  - More About Us</textPath>
			</text>
		</svg>
	</div>
</div>

Service Box

Use the below code to display Service Box style:

Service Box Style 1
<article class="pbmit-servicebox-style-1">
	<div class="pbminfotech-post-item">
		<div class="pbmit-featured-wrapper pbmit-ts-service-featured-wrapper">
			<img src="images/homepage-1/service/service-3.jpg" class="img-fluid" alt="">
		</div>
		<div class="pbminfotech-box-content">
			<div class="pbminfotech-box-content-inner">
				<div class="pbminfotech-pf-box-title">
				<div class="pbminfotech-box-category"><a href="#">Incubator</a></div>
				<h3><a title="Chemical Research" href="#">Chemical Research</a></h3>
				</div>
				<div class="pbminfotech-box-desc">
				<p>To help stakeholders in government and business make smart decisions.</p>
				</div>
			</div>
		</div>
	</div>
</article>
Service Box Style 3
<article class="pbmit-servicebox-style-3">
	<div class="pbminfotech-post-item">
		<div class="pbmit-featured-wrapper pbmit-ts-service-featured-wrapper">
			<img src="images/homepage-4/service/service-3.jpg" class="img-fluid" alt="">
		</div>
		<div class="pbminfotech-box-content">
			<div class="pbminfotech-box-content-inner">
				<div class="pbminfotech-pf-box-title">
				<div class="pbmit-ihbox-icon pbmit-large-icon pbmit-icon-skincolor">
					<i class="pbmit-labtechco-business-icon pbmit-labtechco-business-icon-microscope-2"></i>					
				</div>
				<h3>
					<a title="Chemical Research" href="#" tabindex="0">Chemical Research</a>
				</h3>
				<div class="pbminfotech-service-content">
					<p>To help stakeholders in government and business make smart decisions.</p>
				</div>
				</div>
			</div>
		</div>
	</div>
</article>
Service Box Style 4
<article class="pbmit-servicebox-style-4">
	<div class="pbminfotech-post-item">
		<div class="pbmit-featured-wrapper pbmit-ts-service-featured-wrapper">
			<img src="images/homepage-5/service/service-3.jpg" class="img-fluid" alt="">
		</div>
		<div class="pbminfotech-box-content">
			<div class="pbminfotech-box-content-inner">
				<div class="pbmit-ihbox-icon pbmit-large-icon pbmit-icon-skincolor">
				<i class="pbmit-labtechco-business-icon pbmit-labtechco-business-icon-microscope-2"></i>				
				</div>
				<div class="pbminfotech-pf-box-title">
				<div class="pbminfotech-box-category">
					<a href="#" tabindex="0">Incubator</a>
				</div>
				<h3>
					<a title="Chemical Research" href="#" tabindex="0">Chemical Research</a>
				</h3>
				</div>
				<div class="pbminfotech-box-link">
				<a href="#" title="READ MORE" tabindex="0">READ MORE</a>
				</div>
			</div>
		</div>
	</div>
</article>
Service Box Style 5
<article class="pbmit-servicebox-style-5">
	<div class="pbminfotech-post-item">
		<div class="pbmit-featured-wrapper pbmit-ts-service-featured-wrapper">
			<img src="images/homepage-7/service/service-3.jpg" class="img-fluid" alt="">
		</div>
		<div class="pbminfotech-box-content">
			<div class="pbminfotech-box-content-inner">
				<div class="pbmit-ihbox-icon pbmit-large-icon">
				<i class="pbmit-labtechco-business-icon pbmit-labtechco-business-icon-microscope-2"></i>				
				</div>
				<div class="pbminfotech-pf-box-title">
				<div class="pbminfotech-box-category"><a href="#">Incubator</a></div>
				<h3><a title="Chemical Research" href="#" tabindex="0">Chemical Research</a></h3>
				</div>
				<div class="pbminfotech-box-desc">
				<p>To help stakeholders in government and business make smart decisions.</p>
				</div>
				<div class="pbminfotech-box-link">
				<a href="#" title="READ MORE" tabindex="0">READ MORE</a>
				</div>
			</div>
		</div>
	</div>
</article>
Service Box Style 6
<article class="pbmit-servicebox-style-6">
	<div class="pbminfotech-post-item">
		<div class="pbmit-featured-wrapper pbmit-ts-service-featured-wrapper">
			<img src="images/homepage-10/service/service-new-01.jpg" class="img-fluid" alt="">
		</div>
		<div class="pbminfotech-box-content">
			<div class="pbminfotech-box-content-inner">
				<div class="pbmit-ihbox-icon pbmit-large-icon">
				<i class="pbmit-labtechco-business-icon pbmit-labtechco-business-icon-microscope-2"></i>				
				</div>
				<div class="pbminfotech-pf-box-title">
				<div class="pbminfotech-box-category"><a href="#" tabindex="0">Incubator</a></div>
				<h3><a title="Chemical Research" href="#" tabindex="0">Chemical Research</a></h3>
				</div>
				<div class="pbminfotech-box-desc">
				<p>To help stakeholders in government and business make smart decisions.</p>
				</div>
			</div>
		</div>
	</div>
</article>
Service Box Style 7
<article class="pbmit-servicebox-style-7">
	<div class="pbminfotech-post-item">
		<div class="pbmit-featured-wrapper pbmit-ts-service-featured-wrapper">
			<img src="images/homepage-9/service/service-new-01.jpg" class="img-fluid" alt="">
		</div>
		<div class="pbminfotech-box-content">
			<div class="pbminfotech-box-content-inner">
				<div class="pbmit-ihbox-icon pbmit-large-icon">
				<i class="pbmit-labtechco-business-icon pbmit-labtechco-business-icon-microscope-2"></i>				
				</div>
				<div class="pbminfotech-pf-box-title">
				<div class="pbminfotech-box-category"><a href="#">Incubator</a></div>
				<h3><a title="Chemical Research" href="#">Chemical Research</a></h3>
				</div>
				<div class="pbminfotech-box-desc">
				<p>To help stakeholders in government and business make smart decisions.</p>
				</div>
				<div class="pbminfotech-box-link"><a href="#" title="READMORE">READMORE</a></div>
			</div>
		</div>
	</div>
</article>
Service Box Style 8
<article class="pbmit-servicebox-style-8">
	<div class="pbminfotech-post-item">
		<div class="pbmit-featured-wrapper pbmit-ts-service-featured-wrapper">
			<img src="images/homepage-8/service/service-new-01.jpg" class="img-fluid" alt="">
		</div>
		<div class="pbminfotech-box-content">
			<div class="pbminfotech-box-content-inner">
				<div class="pbminfotech-pf-box-title">
				<div class="pbminfotech-box-category"><a href="#">Incubator</a></div>
				<h3><a title="Chemical Research" href="#">Chemical Research</a></h3>
				</div>
				<div class="pbmit-ihbox-icon pbmit-large-icon">
				<i class="pbmit-labtechco-business-icon pbmit-labtechco-business-icon-microscope-2"></i>				
				</div>
			</div>
		</div>
	</div>
</article>
Service Box Style 9
<article class="pbmit-servicebox-style-9">
	<div class="pbminfotech-post-item">
		<div class="pbminfotech-box-content">
			<div class="pbminfotech-box-content-inner d-flex">
				<div class="pbminfotech-pf-box-title">
				<div class="pbminfotech-box-category"><a href="#">Incubator</a></div>
				<h3><a title="Chemical Research" href="#">Chemical Research</a></h3>
				</div>
				<div class="pbmit-ihbox-icon pbmit-large-icon">
				<i class="pbmit-labtechco-business-icon pbmit-labtechco-business-icon-microscope-2"></i>				
				</div>
			</div>
		</div>
	</div>
	<div class="pbminfotech-hover-img" style="transform: translate(160px, 105px) rotate(-10.0001deg); opacity: 0;">
		<div class="pbmit-featured-wrapper pbmit-ts-service-featured-wrapper">
			<img src="images/homepage-11/service/service-3.jpg" class="img-fluid" alt="">
		</div>
	</div>
</article>
Service Box Style 10
<article class="pbmit-servicebox-style-10">
	<div class="pbminfotech-post-item">
		<div class="pbminfotech-box-content">
			<div class="pbminfotech-box-content-inner">
				<div class="pbminfotech-pf-box-title">
				<h3><a title="Diabetes Testing" href="#">Diabetes Testing</a></h3>
				</div>
				<div class="pbminfotech-box-desc">
				<p>To help stakeholders in government and business make smart decisions.</p>
				<ul>
					<li><i class="pbmit-base-icon-check"></i> Video Production</li>
					<li><i class="pbmit-base-icon-check"></i> Writing</li>
					<li><i class="pbmit-base-icon-check"></i> Community management</li>
					<li><i class="pbmit-base-icon-check"></i> Performance</li>
				</ul>
				</div>
			</div>
		</div>
	</div>
	<div class="pbmit-ihbox-icon pbmit-large-icon">
		<i class="pbmit-labtechco-business-icon pbmit-labtechco-business-icon-microscope-4"></i>	
	</div>
</article>
Service Box Style 11
<article class="pbmit-servicebox-style-11">
	<div class="pbminfotech-post-item">
		<div class="pbminfotech-box-content">
			<div class="pbminfotech-box-content-inner">
				<div class="pbmit-ihbox-icon pbmit-large-icon">
				<i class="pbmit-labtechco-business-icon pbmit-labtechco-business-icon-microscope-2"></i>				
				</div>
				<div class="pbminfotech-pf-box-title">
				<div class="pbminfotech-box-category">
					<a href="#" tabindex="0">Incubator</a>
				</div>
				<h3><a title="Chemical Research" href="#" tabindex="0">Chemical Research</a></h3>
				</div>
				<div class="pbminfotech-box-link"> 
				<a href="#" title="READ MORE" tabindex="0">
				<i class="pbmit-base-icon-arrow-right"></i>
				</a>
				</div>
			</div>
		</div>
		<div class="pbmit-featured-wrapper pbmit-ts-service-featured-wrapper">
			<img src="images/homepage-13/service/service-3.jpg" class="img-fluid" alt="">
		</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-teambox-style-1">
	<div class="pbminfotech-post-item">
		<span class="pbminfotech-item-thumbnail">
		<span class="pbminfotech-item-thumbnail-inner">
		<img src="images/homepage-3/team/client-2.jpg" class="img-fluid" alt="">
		</span>
		</span>
		<div class="pbminfotech-box-content">
			<div class="pbminfotech-box-content-inner">
				<div class="pbminfotech-box-team-position pbmit-skincolor">Laboratory Technician</div>
				<div class="pbminfotech-pf-box-title">
				<div class="pbminfotech-box-title">
					<h4><a title="Samantha Wood" href="#">Samantha Wood</a></h4>
				</div>
				</div>
			</div>
		</div>
	</div>
</article>
Team Style 4
<article class="pbmit-teambox-style-4">
	<div class="pbminfotech-post-item">
		<div class="pbminfotech-team-image-box pbmit-bgcolor-skincolor">
			<span class="pbminfotech-item-thumbnail">
			<span class="pbminfotech-item-thumbnail-inner">
			<img src="images/homepage-1/team/client-2.jpg" class="img-fluid" alt="">
			</span>
			</span>			
			<div class="pbminfotech-box-content">
				<div class="pbminfotech-box-desc">
				<div class="pbminfotech-box-title">
					<h4><a title="Samantha Wood" href="#">Samantha Wood</a></h4>
				</div>
				<div class="pbminfotech-box-team-position">Laboratory Technician</div>
				<div class="pbminfotech-box-social-links">
					<div class="pbmit-team-social-links-wrapper">
						<ul class="pbmit-team-social-links">
							<li>
							<a title="Twitter" href="#" target="_blank" class="">
							<i class="pbmit-base-icon-twitter"></i><span class="pbmit-hide">Twitter</span>
							</a>
							</li>
							<li>
							<a title="Facebook" href="#" target="_blank" class="">
							<i class="pbmit-base-icon-facebook"></i><span class="pbmit-hide">Facebook</span>
							</a>
							</li>
							<li>
							<a title="Google+" href="#" target="_blank" class="">
							<i class="pbmit-base-icon-gplus"></i><span class="pbmit-hide">Google+</span>
							</a>
							</li>
							<li>
							<a title="LinkedIn" href="#" target="_blank" class="">
							<i class="pbmit-base-icon-linkedin"></i><span class="pbmit-hide">LinkedIn</span>
							</a>
							</li>
						</ul>
					</div>
				</div>
				</div>
			</div>
		</div>
	</div>
</article>
Team Style 5
<article class="pbmit-teambox-style-5">
	<div class="pbminfotech-post-item">
		<span class="pbminfotech-item-thumbnail">
		<span class="pbminfotech-item-thumbnail-inner">
		<img src="images/homepage-8/team/team-02.jpg" class="img-fluid" alt="">
		</span>
		</span>		
		<div class="pbminfotech-box-content">
			<div class="pbminfotech-box-content-inner">
				<div class="pbminfotech-box-team-position">Laboratory Technician</div>
				<div class="pbminfotech-pf-box-title">
				<div class="pbminfotech-box-title">
					<h4><a title="Samantha Wood" href="#">Samantha Wood</a></h4>
				</div>
				</div>
				<div class="pbminfotech-teambox-social-links">
				<div class="pbmit-team-social-links-wrapper">
					<ul class="pbmit-team-social-links">
						<li>
							<a title="Twitter" href="#" target="_blank" class="pbmit-team-social-twitter">
							<i class="pbmit-base-icon-twitter"></i><span class="pbmit-hide">Twitter</span>
							</a>
						</li>
						<li>
							<a title="Facebook" href="#" target="_blank" class="pbmit-team-social-facebook">
							<i class="pbmit-base-icon-facebook"></i><span class="pbmit-hide">Facebook</span>
							</a>
						</li>
						<li>
							<a title="Google+" href="#" target="_blank" class="pbmit-team-social-google">
							<i class="pbmit-base-icon-gplus"></i><span class="pbmit-hide">Google+</span>
							</a>
						</li>
						<li>
							<a title="LinkedIn" href="#" target="_blank" class="pbmit-team-social-linkedin">
							<i class="pbmit-base-icon-linkedin"></i><span class="pbmit-hide">LinkedIn</span>
							</a>
						</li>
					</ul>
				</div>
				</div>
			</div>
		</div>
	</div>
</article>
Team Style 6
<article class="pbmit-teambox-style-6">
	<div class="pbminfotech-post-item">
		<span class="pbminfotech-item-thumbnail">
		<span class="pbminfotech-item-thumbnail-inner">
		<img src="images/homepage-9/team/client-2.jpg" class="img-fluid" alt="">
		</span>
		</span>		
		<div class="pbminfotech-box-content">
			<div class="pbminfotech-box-content-inner">
				<div class="pbminfotech-box-team-position">Laboratory Technician</div>
				<div class="pbminfotech-pf-box-title">
				<div class="pbminfotech-box-title">
					<h4><a title="Samantha Wood" href="#">Samantha Wood</a></h4>
				</div>
				</div>
				<div class="pbminfotech-teambox-social-links">
				<div class="pbminfotech-team-share"></div>
				<div class="pbmit-team-social-links-wrapper">
					<ul class="pbmit-team-social-links">
						<li>
							<a title="Twitter" href="#" target="_blank" class="pbmit-team-social-twitter">
							<i class="pbmit-base-icon-twitter"></i><span class="pbmit-hide">Twitter</span>
							</a>
						</li>
						<li>
							<a title="Facebook" href="#" target="_blank" class="pbmit-team-social-facebook">
							<i class="pbmit-base-icon-facebook"></i><span class="pbmit-hide">Facebook</span>
							</a>
						</li>
						<li>
							<a title="Google+" href="#" target="_blank" class="pbmit-team-social-google">
							<i class="pbmit-base-icon-gplus"></i><span class="pbmit-hide">Google+</span>
							</a>
						</li>
						<li>
							<a title="LinkedIn" href="#" target="_blank" class="pbmit-team-social-linkedin">
							<i class="pbmit-base-icon-linkedin"></i><span class="pbmit-hide">LinkedIn</span>
							</a>
						</li>
					</ul>
				</div>
				</div>
			</div>
		</div>
	</div>
</article>
Team Style 7
<article class="pbmit-teambox-style-7">
	<div class="pbminfotech-post-item">
		<div class="pbmit-image-wrapper">
			<span class="pbminfotech-item-thumbnail" style="transform: translate(0px, 40px);">
			<span class="pbminfotech-item-thumbnail-inner">
			<img src="images/homepage-12/team/team-05.jpg" class="img-fluid" alt="">
			</span>
			</span>			
			<div class="pbminfotech-teambox-social-links">
				<div class="pbmit-team-social-links-wrapper">
				<ul class="pbmit-team-social-links">
					<li>
						<a title="Twitter" href="#" target="_blank" class="pbmit-team-social-twitter">
						<i class="pbmit-base-icon-twitter"></i><span class="pbmit-hide">Twitter</span>
						</a>
					</li>
					<li>
						<a title="Facebook" href="#" target="_blank" class="pbmit-team-social-facebook">
						<i class="pbmit-base-icon-facebook"></i><span class="pbmit-hide">Facebook</span>
						</a>
					</li>
					<li>
						<a title="Google+" href="#" target="_blank" class="pbmit-team-social-google">
						<i class="pbmit-base-icon-gplus"></i><span class="pbmit-hide">Google+</span>
						</a>
					</li>
					<li>
						<a title="LinkedIn" href="#" target="_blank" class="pbmit-team-social-linkedin">
						<i class="pbmit-base-icon-linkedin"></i><span class="pbmit-hide">LinkedIn</span>
						</a>
					</li>
				</ul>
				</div>
			</div>
		</div>
		<div class="pbminfotech-box-content">
			<div class="pbminfotech-box-content-inner">
				<div class="pbminfotech-box-team-position pbmit-skincolor">Laboratory Technician</div>
				<div class="pbminfotech-pf-box-title">
				<div class="pbminfotech-box-title">
					<h4><a title="Samantha Wood" href="#">Samantha Wood</a></h4>
				</div>
				</div>
			</div>
		</div>
	</div>
</article>

Testimonial

Use the below code to display Testimonial:.

Testimonial Style 1
<article class="pbmit-testimonialbox-style-1">
	<div class="pbminfotech-post-item">
		<div class="pbminfotech-box-content">
			<div class="pbminfotech-box-desc">
				<blockquote class="pbminfotech-testimonial-text">
				Long established fact that a reader will be distracted by the readable content of a page when looking at it's layout. 
				The point of using Lorem Ipsum
				</blockquote>
			</div>
			<div class="pbminfotech-box-author">
				<div class="pbminfotech-box-title">
				<h3 class="pbminfotech-author-name">Victoria Porter</h3>
				<span class="pbminfotech-box-footer">CEO at Google INC</span>
				</div>
			</div>
		</div>
	</div>
</article>
Testimonial Style 2
<article class="pbmit-testimonialbox-style-2">
	<div class="pbminfotech-post-item">
		<div class="pbminfotech-box-img">
			<span class="pbminfotech-item-thumbnail">
			<span class="pbminfotech-item-thumbnail-inner">
			<img src="images/homepage-1/testimonail/client-1.jpg" class="img-fluid" alt="">
			</span>
			</span>
		</div>
		<div class="pbminfotech-box-content">
			<div class="pbminfotech-box-desc">
				<blockquote class="pbminfotech-testimonial-text">
				Long established fact that a reader will be distracted by the readable content of a page when looking at it's layout. 
				The point of using Lorem Ipsum
				</blockquote>
			</div>
			<div class="pbminfotech-box-author">
				<div class="pbminfotech-box-title">
				<h3 class="pbminfotech-author-name">Victoria Porter</h3>
				<span class="pbminfotech-box-footer">CEO at Google INC</span>
				</div>
			</div>
		</div>
	</div>
</article>
Testimonial Style 3
<article class="pbmit-testimonialbox-style-3">
	<div class="pbminfotech-post-item">
		<div class="pbminfotech-box-img">
			<span class="pbminfotech-item-thumbnail">
			<span class="pbminfotech-item-thumbnail-inner">
			<img src="images/homepage-3/testimonial/client-1.jpg" class="img-fluid" alt="">
			</span>
			</span>
		</div>
		<div class="pbminfotech-box-content">
			<div class="pbminfotech-box-desc">
				<blockquote class="pbminfotech-testimonial-text">
				Long established fact that a reader will be distracted by the readable content of a page when looking at it's layout. 
				The point of using Lorem Ipsum
				</blockquote>
			</div>
			<div class="clearfix"></div>
			<div class="pbminfotech-box-author">
				<div class="pbminfotech-box-title">
				<h3 class="pbminfotech-author-name">Victoria Porter</h3>
				<span class="pbminfotech-box-footer">CEO at Google INC</span>
				</div>
			</div>
		</div>
	</div>
</article>
Testimonial Style 4
<article class="pbmit-testimonialbox-style-4">
	<div class="pbminfotech-post-item">
		<div class="pbminfotech-box-content">
			<div class="pbminfotech-box-author">
				<div class="pbminfotech-box-img">
				<span class="pbminfotech-item-thumbnail">
				<span class="pbminfotech-item-thumbnail-inner">
				<img src="images/homepage-4/testimonial/client-1.jpg" class="img-fluid" alt="">
				</span>
				</span>
				</div>
				<div class="pbminfotech-box-author-right">
				<h3 class="pbminfotech-author-name">Victoria Porter</h3>
				<span class="pbminfotech-box-footer">CEO at Google INC</span>			
				</div>
			</div>
			<div class="pbminfotech-box-desc">
				<blockquote class="pbminfotech-testimonial-text">
				Long established fact that a reader will be distracted by the readable content of a page when looking at it's layout. 
				The point of using Lorem Ipsum				
				<div class="pbminfotech-box-star"> 
					<i class="pbmit-labtechco-icon-star pbmit-skincolor pbmit-active"></i>  
					<i class="pbmit-labtechco-icon-star pbmit-skincolor pbmit-active"></i>  
					<i class="pbmit-labtechco-icon-star pbmit-skincolor pbmit-active"></i>  
					<i class="pbmit-labtechco-icon-star pbmit-skincolor pbmit-active"></i>  
					<i class="pbmit-labtechco-icon-star"></i> 
				</div>
				</blockquote>
			</div>
		</div>
	</div>
</article>
Testimonial Style 5
<article class="pbmit-testimonialbox-style-5">
	<div class="pbminfotech-post-item">
		<div class="pbminfotech-box-content">
			<div class="pbminfotech-box-star"> 
				<i class="pbmit-labtechco-icon-star pbmit-skincolor pbmit-active"></i>  
				<i class="pbmit-labtechco-icon-star pbmit-skincolor pbmit-active"></i>  
				<i class="pbmit-labtechco-icon-star pbmit-skincolor pbmit-active"></i>  
				<i class="pbmit-labtechco-icon-star pbmit-skincolor pbmit-active"></i>  
				<i class="pbmit-labtechco-icon-star"></i> 
			</div>
			<div class="pbminfotech-box-desc">
				<blockquote class="pbminfotech-testimonial-text">
				Long established fact that a reader will be distracted by the readable content of a page when looking at it's layout. 
				The point of using Lorem Ipsum
				</blockquote>
			</div>
			<div class="pbminfotech-box-author">
				<div class="pbminfotech-box-img">
				<span class="pbminfotech-item-thumbnail">
				<span class="pbminfotech-item-thumbnail-inner">
				<img src="images/homepage-7/testimonial/client-1.jpg" class="img-fluid" alt="">
				</span>
				</span>
				</div>
				<div class="pbminfotech-box-author-right">
				<h3 class="pbminfotech-author-name">Victoria Porter</h3>
				<span class="pbminfotech-box-footer">CEO at Google INC</span>			
				</div>
			</div>
		</div>
	</div>
</article>
Testimonial Style 6
<article class="pbminfotech-box pbmit-testimonialbox-style-6">
	<div class="pbminfotech-post-item">
		<div class="pbminfotech-box-content">
			<div class="pbminfotech-box-desc">
				<blockquote class="pbminfotech-testimonial-text">Long established fact that a reader will be distracted 
				by the readable content of a page when looking at it's layout. The point of using Lorem Ipsum</blockquote>
			</div>
			<div class="pbminfotech-box-star"> 
				<i class="pbmit-labtechco-icon-star pbmit-skincolor pbmit-active"></i>  
				<i class="pbmit-labtechco-icon-star pbmit-skincolor pbmit-active"></i>  
				<i class="pbmit-labtechco-icon-star pbmit-skincolor pbmit-active"></i>  
				<i class="pbmit-labtechco-icon-star pbmit-skincolor pbmit-active"></i>  
				<i class="pbmit-labtechco-icon-star"></i> 
			</div>
			<div class="pbminfotech-box-author">
				<div class="pbminfotech-box-img">
				<span class="pbminfotech-item-thumbnail">
				<span class="pbminfotech-item-thumbnail-inner">
				<img src="images/homepage-10/testimonial/client-1.jpg" class="img-fluid" alt="">
				</span>
				</span>
				</div>
				<div class="pbminfotech-box-author-center">
				<h3 class="pbminfotech-author-name">Victoria Porter</h3>
				<span class="pbminfotech-box-footer">CEO at Google INC</span>				
				</div>
			</div>
		</div>
	</div>
</article>
Testimonial Style 7
<article class="pbmit-testimonialbox-style-7">
	<div class="pbminfotech-post-item">
		<div class="pbminfotech-box-content">
			<div class="pbminfotech-box-author">
				<div class="pbminfotech-box-img">
				<span class="pbminfotech-item-thumbnail">
				<span class="pbminfotech-item-thumbnail-inner">
				<img src="images/homepage-11/testimonial/client-1.jpg" class="img-fluid" alt="">
				</span>
				</span>
				</div>
				<div class="pbminfotech-box-author-right">
				<h3 class="pbminfotech-author-name">Victoria Porter</h3>
				<span class="pbminfotech-box-footer">CEO at Google INC</span>			
				</div>
			</div>
			<div class="pbminfotech-box-desc">
				<div class="pbminfotech-box-star"> 
				<i class="pbmit-base-icon-star pbmit-skincolor pbmit-active"></i>  
				<i class="pbmit-base-icon-star pbmit-skincolor pbmit-active"></i>  
				<i class="pbmit-base-icon-star pbmit-skincolor pbmit-active"></i>  
				<i class="pbmit-base-icon-star pbmit-skincolor pbmit-active"></i>  
				<i class="pbmit-base-icon-star"></i> 
				</div>
				<blockquote class="pbminfotech-testimonial-text">
				“I greatly appreciate the communication on the very hard process, what we needed to do in terms of providing good samples,
				 what to expect.Novalab laboratory provided tests what we needed in terms of laboratory certification that we can use 
				 with our customers.”			
				</blockquote>
			</div>
		</div>
	</div>
</article>
Testimonial Style 8
<article class="pbmit-testimonialbox-style-8">
	<div class="pbminfotech-post-item">
		<div class="pbminfotech-box-content">
			<div class="pbminfotech-box-desc">
				<div class="pbminfotech-box-star"> 
				<i class="pbmit-base-icon-star pbmit-skincolor pbmit-active"></i>  
				<i class="pbmit-base-icon-star pbmit-skincolor pbmit-active"></i>  
				<i class="pbmit-base-icon-star pbmit-skincolor pbmit-active"></i>  
				<i class="pbmit-base-icon-star pbmit-skincolor pbmit-active"></i>  
				<i class="pbmit-base-icon-star pbmit-skincolor"></i> 
				</div>
				<blockquote class="pbminfotech-testimonial-text">
				“I greatly appreciate the communication on the very hard process, what we needed to do in terms of providing good samples,
				 what to expect. Novalab laboratory provided tests what we needed in terms of laboratory certification that we can use 
				 with our customers.”			
				</blockquote>
			</div>
			<div class="pbminfotech-box-author">
				<div class="pbminfotech-box-img">
				<span class="pbminfotech-item-thumbnail">
				<span class="pbminfotech-item-thumbnail-inner">
				<img src="images/homepage-12/testimonial/client-1.jpg" class="img-fluid" alt="">
				</span>
				</span>
				</div>
				<div class="pbminfotech-box-author-right">
				<h3 class="pbminfotech-author-name">Victoria Porter</h3>
				<span class="pbminfotech-box-footer">CEO at Google INC</span>			
				</div>
			</div>
		</div>
	</div>
</article>

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: http://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.