|
Server : Apache System : Linux p3plzcpnl507073.prod.phx3.secureserver.net 4.18.0-553.53.1.lve.el8.x86_64 #1 SMP Wed May 28 17:01:02 UTC 2025 x86_64 User : swg98tjyzel1 ( 5098476) PHP Version : 8.1.34 Disable Function : NONE Directory : /home/swg98tjyzel1/ |
Upload File : |
<!doctype html>
<html class="no-js" lang="en">
<!-- Mirrored from www.themezaa.com/html/pofo/home-classic-one-page.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 06 Jul 2020 17:32:45 GMT -->
<head>
<!-- title -->
<title>Home || PSB Loan, OPL</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1" />
<meta name="author" content="ThemeZaa">
<!-- description -->
<meta name="description" content="">
<!-- keywords -->
<meta name="keywords" content="creative, modern, clean, bootstrap responsive, html5, css3, portfolio, blog, agency, templates, multipurpose, one page, corporate, start-up, studio, branding, designer, freelancer, carousel, parallax, photography, personal, masonry, grid, coming soon, faq">
<!-- favicon -->
<link rel="shortcut icon" href="images/favicon.png">
<link rel="apple-touch-icon" href="images/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
<!-- animation -->
<link rel="stylesheet" href="css/animate.css" />
<!-- bootstrap -->
<link rel="stylesheet" href="css/bootstrap.min.css" />
<!-- et line icon -->
<link rel="stylesheet" href="css/et-line-icons.css" />
<!-- font-awesome icon -->
<link rel="stylesheet" href="css/font-awesome.min.css" />
<!-- themify icon -->
<link rel="stylesheet" href="css/themify-icons.css">
<!-- swiper carousel -->
<link rel="stylesheet" href="css/swiper.min.css">
<!-- justified gallery -->
<link rel="stylesheet" href="css/justified-gallery.min.css">
<!-- magnific popup -->
<link rel="stylesheet" href="css/magnific-popup.css" />
<!-- revolution slider -->
<link rel="stylesheet" type="text/css" href="revolution/css/settings.css" media="screen" />
<link rel="stylesheet" type="text/css" href="revolution/css/layers.css">
<link rel="stylesheet" type="text/css" href="revolution/css/navigation.css">
<!-- bootsnav -->
<link rel="stylesheet" href="css/bootsnav.css">
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Open+Sans"
<!-- style -->
<link rel="stylesheet" href="css/style.css" />
<!-- responsive css -->
<link rel="stylesheet" href="css/responsive.css" />
<!--[if IE]>
<script src="js/html5shiv.js"></script>
<![endif]-->
</head>
<body>
<!-- start header -->
<header>
<!-- start navigation -->
<nav class="navbar navbar-default bootsnav navbar-fixed-top header-light background-transparent nav-box-width white-link navbar-expand-lg">
<div class="container nav-header-container">
<!-- start logo -->
<div class="col-auto pl-lg-0">
<a href="index.html" title="Pofo" class="logo"><img src="images/PSB-Logo.png" data-rjs="images/PSB-Logo.png" class="logo-dark" alt="Pofo"><img src="images/PSB-Logo.png" data-rjs="images/PSB-Logo.png" alt="Pofo" class="logo-light default"></a>
</div>
<!-- end logo -->
<div class="col-auto col-lg accordion-menu pr-lg-0">
<button type="button" class="navbar-toggler collapsed" data-toggle="collapse" data-target="#navbar-collapse-toggle-1">
<span class="sr-only">toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="navbar-collapse collapse justify-content-end" id="navbar-collapse-toggle-1">
<ul id="accordion" class="nav navbar-nav no-margin alt-font text-normal">
<!-- start menu item -->
<!-- end menu item -->
<li class="dropdown simple-dropdown"><a href="#">About <i class="fas fa-angle-down dropdown-toggle" data-toggle="dropdown" aria-hidden="true"></i>
<!-- start sub menu -->
<ul class="dropdown-menu" role="menu">
<li><a href="#">Company</a></li>
<li><a href="#">Achievements</a></li>
<li><a href="our-team.html">Team</a></li>
</ul>
</li>
<li class="dropdown simple-dropdown"><a href="#">Offerings <i class="fas fa-angle-down dropdown-toggle" data-toggle="dropdown" aria-hidden="true"></i>
<!-- start sub menu -->
<ul class="dropdown-menu" role="menu">
<li><a href="#">Product</a></li>
<li><a href="#">Technology</a></li>
<li><a href="#">Platform</a></li>
</ul>
</li>
<li class="dropdown simple-dropdown"><a href="#">Resources <i class="fas fa-angle-down dropdown-toggle" data-toggle="dropdown" aria-hidden="true"></i>
<!-- start sub menu -->
<ul class="dropdown-menu" role="menu">
<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="blog.html">Blogs<i class="fas fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="blog-details.html">Blog details</a></li>
</ul>
</li>
<li><a href="#">Media</a></li>
</ul>
</li>
<li><a href="contact.html">Contact</a></i>
<!-- start sub menu -->
</li>
</ul>
</div>
</div>
</div>
</div>
</nav>
<!-- end navigation -->
</header>
<!-- end header -->
<!-- start page title section -->
<section class="wow fadeIn bg-light-gray padding-50px-tb sm-padding-30px-tb page-title-small" style="visibility: visible; animation-name: fadeIn;">
<div class="container">
<div class="row align-items-center alt-font">
<div class="col-lg-8 col-md-6 text-center text-md-left">
<!-- start page title -->
<h1 class="text-extra-dark-gray font-weight-600 mb-0">Our Product</h1>
<!-- end page title -->
<!-- start sub title -->
<!-- end sub title -->
</div>
<div class="col-lg-4 col-md-6 sm-margin-10px-top breadcrumb text-small justify-content-center justify-content-md-end">
<!-- start breadcrumb -->
<ul>
<li><a href="index.html" class="text-dark-gray">Home</a> / <a href="#" class="text-dark-gray">Offerings</a> / <a href="our-team.html" class="text-dark-gray">product</a></li>
</ul>
<!-- end breadcrumb -->
</div>
</div>
</div>
</section>
<!-- end page title section -->
<!-- start work section -->
<section class="wow fadeIn no-padding-bottom">
<div class="container">
<div class="row justify-content-center">
<div class="col-12 col-lg-6 col-md-8 margin-eight-bottom md-margin-40px-bottom sm-margin-30px-bottom text-center last-paragraph-no-margin">
<h5 class="alt-font font-weight-700 text-extra-dark-gray margin-15px-bottom text-uppercase">We’re fortunate to work with fantastic clients</h5>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since. Lorem Ipsum has been the industry's standard dummy text ever since.</p>
</div>
</div>
</div>
</section>
<section class="wow fadeIn pt-0">
<div class="container-fluid padding-five-lr">
<div class="row">
<!-- start work item -->
<div class="col-12 col-xl-3 col-md-6 banner-style1 lg-margin-30px-bottom wow fadeInUp">
<figure class="bg-extra-dark-gray">
<div class="banner-image height-250px cover-background" style="background-image:url('images/clients-img1.jpg');">
</div>
<figcaption>
<div class="d-flex flex-column justify-content-center align-items-center text-center h-100 lg-margin-30px-bottom">
<div><img src="images/logo-18.png" alt=""/></div>
<p class="width-80 mx-auto margin-20px-top text-medium-gray sm-width-100">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since.</p>
</div>
</figcaption>
</figure>
</div>
<!-- end work item -->
<!-- start work item -->
<div class="col-12 col-xl-3 col-md-6 banner-style1 lg-margin-30px-bottom wow fadeInUp" data-wow-delay="0.2s">
<figure class="bg-extra-dark-gray">
<div class="banner-image height-250px cover-background" style="background-image:url('images/clients-img2.jpg');">
</div>
<figcaption>
<div class="d-flex flex-column justify-content-center align-items-center text-center h-100 lg-margin-30px-bottom">
<div><img src="images/logo-19.png" alt=""/></div>
<p class="width-80 mx-auto margin-20px-top text-medium-gray sm-width-100">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since.</p>
</div>
</figcaption>
</figure>
</div>
<!-- end work item -->
<!-- start work item -->
<div class="col-12 col-xl-3 col-md-6 banner-style1 md-margin-30px-bottom wow fadeInUp" data-wow-delay="0.4s">
<figure class="bg-extra-dark-gray">
<div class="banner-image height-250px cover-background" style="background-image:url('images/clients-img3.jpg');">
</div>
<figcaption>
<div class="d-flex flex-column justify-content-center align-items-center text-center h-100 lg-margin-30px-bottom">
<div><img src="images/logo-20.png" alt=""/></div>
<p class="width-80 mx-auto margin-20px-top text-medium-gray sm-width-100">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since.</p>
</div>
</figcaption>
</figure>
</div>
<!-- end work item -->
<!-- start work item -->
<div class="col-12 col-xl-3 col-md-6 banner-style1 wow fadeInUp" data-wow-delay="0.6s">
<figure class="bg-extra-dark-gray">
<div class="banner-image height-250px cover-background" style="background-image:url('images/clients-img4.jpg');">
</div>
<figcaption>
<div class="d-flex flex-column justify-content-center align-items-center text-center h-100 lg-margin-30px-bottom">
<div><img src="images/logo-21.png" alt=""/></div>
<p class="width-80 mx-auto margin-20px-top text-medium-gray sm-width-100">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since.</p>
</div>
</figcaption>
</figure>
</div>
<!-- end work item -->
</div>
</div>
</section>
<!-- end work section -->
<!-- start clients logo section -->
<section class="bg-light-gray">
<div class="container">
<div class="row justify-content-center">
<div class="col-12 col-lg-6 col-md-8 margin-eight-bottom md-margin-40px-bottom sm-margin-30px-bottom text-center last-paragraph-no-margin">
<h5 class="alt-font font-weight-700 text-extra-dark-gray margin-20px-bottom text-uppercase">Our valuable client</h5>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since. Lorem Ipsum has been the industry's standard dummy text ever since.</p>
</div>
</div>
<div class="row">
<!-- start client logo item -->
<div class="col-12 col-lg-4 col-md-6 wow fadeInUp">
<div class="bg-white clients-list text-center d-flex align-items-center justify-content-center w-100 margin-30px-bottom">
<a href="#"><img src="images/logo-22.png" alt=""/></a>
</div>
</div>
<!-- end client logo item -->
<!-- start client logo item -->
<div class="col-12 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.2s">
<div class="bg-white clients-list text-center d-flex align-items-center justify-content-center w-100 margin-30px-bottom">
<a href="#"><img src="images/logo-23.png" alt=""/></a>
</div>
</div>
<!-- end client logo item -->
<!-- start client logo item -->
<div class="col-12 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.4s">
<div class="bg-white clients-list text-center d-flex align-items-center justify-content-center w-100 margin-30px-bottom">
<a href="#"><img src="images/logo-24.png" alt=""/></a>
</div>
</div>
<!-- end client logo item -->
<!-- start client logo item -->
<div class="col-12 col-lg-4 col-md-6 wow fadeInUp">
<div class="bg-white clients-list text-center d-flex align-items-center justify-content-center w-100 margin-30px-bottom">
<a href="#"><img src="images/logo-25.png" alt=""/></a>
</div>
</div>
<!-- end client logo item -->
<!-- start client logo item -->
<div class="col-12 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.2s">
<div class="bg-white clients-list text-center d-flex align-items-center justify-content-center w-100 margin-30px-bottom">
<a href="#"><img src="images/logo-26.png" alt=""/></a>
</div>
</div>
<!-- end client logo item -->
<!-- start client logo item -->
<div class="col-12 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.4s">
<div class="bg-white clients-list text-center d-flex align-items-center justify-content-center w-100 margin-30px-bottom">
<a href="#"><img src="images/logo-27.png" alt=""/></a>
</div>
</div>
<!-- end client logo item -->
<!-- start client logo item -->
<div class="col-12 col-lg-4 col-md-6 wow fadeInUp">
<div class="bg-white clients-list text-center d-flex align-items-center justify-content-center w-100 margin-30px-bottom">
<a href="#"><img src="images/logo-28.png" alt=""/></a>
</div>
</div>
<!-- end client logo item -->
<!-- start client logo item -->
<div class="col-12 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.2s">
<div class="bg-white clients-list text-center d-flex align-items-center justify-content-center w-100 margin-30px-bottom">
<a href="#"><img src="images/logo-29.png" alt=""/></a>
</div>
</div>
<!-- end client logo item -->
<!-- start client logo item -->
<div class="col-12 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.4s">
<div class="bg-white clients-list text-center d-flex align-items-center justify-content-center w-100 margin-30px-bottom md-no-margin">
<a href="#"><img src="images/logo-30.png" alt=""/></a>
</div>
</div>
<!-- end client logo item -->
</div>
</div>
</section>
<!-- end clients logo section -->
<!-- start feature box section -->
<section class="wow fadeIn">
<div class="container">
<div class="row justify-content-center">
<div class="col-12 col-lg-6 col-md-8 margin-eight-bottom md-margin-40px-bottom sm-margin-30px-bottom text-center last-paragraph-no-margin">
<h5 class="alt-font font-weight-700 text-extra-dark-gray margin-20px-bottom text-uppercase">Why work with us?</h5>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since. Lorem Ipsum has been the industry's standard dummy text ever since.</p>
</div>
</div>
<div class="row">
<!-- start features box -->
<div class="col-12 col-lg-3 col-md-6 md-margin-four-bottom sm-margin-30px-bottom wow fadeInUp last-paragraph-no-margin">
<div class="bg-white border-color-extra-medium-gray border-all text-center padding-eighteen-tb border-radius-4 position-relative h-100">
<div class="d-inline-block margin-20px-bottom"><i class="icon-tools text-white-2 icon-round-small bg-deep-pink"></i></div>
<div class="alt-font text-extra-dark-gray font-weight-600 margin-10px-bottom">Pixel Perfect Design</div>
<p class="width-75 mx-auto">Lorem Ipsum is simply text of the printing and typesetting industry. Lorem Ipsum has been standard dummy.</p>
</div>
</div>
<!-- end feature box -->
<!-- start features box -->
<div class="col-12 col-lg-3 col-md-6 md-margin-four-bottom sm-margin-30px-bottom wow fadeInUp last-paragraph-no-margin" data-wow-delay="0.2s">
<div class="bg-white border-color-extra-medium-gray border-all text-center padding-eighteen-tb border-radius-4 position-relative h-100">
<div class="d-inline-block margin-20px-bottom"><i class="icon-layers text-white-2 icon-round-small bg-deep-pink"></i></div>
<div class="alt-font text-extra-dark-gray font-weight-600 margin-10px-bottom">Full Documentation</div>
<p class="width-75 mx-auto">Lorem Ipsum is simply text of the printing and typesetting industry. Lorem Ipsum has been standard dummy.</p>
</div>
</div>
<!-- end feature box -->
<!-- start features box -->
<div class="col-12 col-lg-3 col-md-6 sm-margin-30px-bottom wow fadeInUp last-paragraph-no-margin" data-wow-delay="0.4s">
<div class="bg-white border-color-extra-medium-gray border-all text-center padding-eighteen-tb border-radius-4 position-relative h-100">
<div class="d-inline-block margin-20px-bottom"><i class="icon-scissors text-white-2 icon-round-small bg-deep-pink"></i></div>
<div class="alt-font text-extra-dark-gray font-weight-600 margin-10px-bottom">Reasonable Pricing</div>
<p class="width-75 mx-auto">Lorem Ipsum is simply text of the printing and typesetting industry. Lorem Ipsum has been standard dummy.</p>
</div>
</div>
<!-- end feature box -->
<!-- start features box -->
<div class="col-12 col-lg-3 col-md-6 wow fadeInUp last-paragraph-no-margin" data-wow-delay="0.6s">
<div class="bg-white border-color-extra-medium-gray border-all text-center padding-eighteen-tb border-radius-4 position-relative h-100">
<div class="d-inline-block margin-20px-bottom"><i class="icon-lock text-white-2 icon-round-small bg-deep-pink"></i></div>
<div class="alt-font text-extra-dark-gray font-weight-600 margin-10px-bottom">User-friendly Admin</div>
<p class="width-75 mx-auto">Lorem Ipsum is simply text of the printing and typesetting industry. Lorem Ipsum has been standard dummy.</p>
</div>
</div>
<!-- end feature box -->
</div>
</div>
</section>
<!-- end feature box section -->
<!-- start testimonials section -->
<section class="wow fadeIn bg-light-gray">
<div class="container">
<div class="row">
<div class="col-12 text-center">
<p class="alt-font text-medium-gray margin-5px-bottom text-uppercase text-small">what people says</p>
<h5 class="text-uppercase alt-font text-extra-dark-gray margin-20px-bottom font-weight-700 md-width-100">Testimonials</h5>
<span class="separator-line-horrizontal-medium-light2 bg-deep-pink d-table mx-auto width-100px"></span>
</div>
</div>
<div class="row justify-content-center">
<div class="col-12 col-md-7 col-lg-12 margin-100px-top md-margin-70px-top sm-margin-50px-top">
<div class="row">
<div class="col-12 col-lg-4 md-margin-two-bottom wow fadeIn last-paragraph-no-margin testimonial-style3">
<div class="testimonial-content-box padding-twelve-all bg-white border-radius-6 box-shadow arrow-bottom md-padding-seven-all sm-padding-eight-all">
I wanted to hire the best and after looking at several other companies, I knew Jacob was the perfect guy for the job. He is a true professional.
</div>
<!-- start testimonials item -->
<div class="testimonial-box padding-25px-all sm-padding-20px-all">
<div class="image-box width-20"><img src="images/avtar-14.jpg" class="rounded-circle" alt=""></div>
<div class="name-box padding-20px-left">
<div class="alt-font font-weight-600 text-small text-uppercase text-extra-dark-gray">Shoko Mugikura</div>
<p class="text-extra-small text-uppercase text-medium-gray">Graphic Designer</p>
</div>
</div>
</div>
<!-- end testimonials item -->
<!-- start testimonials item -->
<div class="col-12 col-lg-4 sm-margin-two-bottom wow fadeIn last-paragraph-no-margin testimonial-style3" data-wow-delay="0.2s">
<div class="testimonial-content-box padding-twelve-all bg-white border-radius-6 box-shadow arrow-bottom md-padding-seven-all sm-padding-eight-all">
This is an excellent company! I personally enjoyed the energy and the professional support the whole team gave to us into creating website.
</div>
<div class="testimonial-box padding-25px-all sm-padding-20px-all">
<div class="image-box width-20"><img src="images/avtar-15.jpg" class="rounded-circle" alt=""></div>
<div class="name-box padding-20px-left">
<div class="alt-font font-weight-600 text-small text-uppercase text-extra-dark-gray">Alexander Harvard</div>
<p class="text-extra-small text-uppercase text-medium-gray">Creative Director</p>
</div>
</div>
</div>
<!-- end testimonials item -->
<!-- start testimonials item -->
<div class="col-12 col-lg-4 wow fadeIn last-paragraph-no-margin testimonial-style3" data-wow-delay="0.4s">
<div class="testimonial-content-box padding-twelve-all bg-white border-radius-6 box-shadow arrow-bottom md-padding-seven-all sm-padding-eight-all">
Their team are easy to work with and helped me make amazing websites in a short amount of time. Thanks again guys for all your hard work.
</div>
<div class="testimonial-box padding-25px-all sm-padding-20px-all">
<div class="image-box width-20"><img src="images/avtar-16.jpg" class="rounded-circle" alt=""></div>
<div class="name-box padding-20px-left">
<div class="alt-font font-weight-600 text-small text-uppercase text-extra-dark-gray">Herman Miller</div>
<p class="text-extra-small text-uppercase text-medium-gray">Co Founder / CEO</p>
</div>
</div>
</div>
<!-- end testimonials item -->
</div>
</div>
</div>
</div>
</section>
<!-- end testimonials section -->
<!-- start footer -->
<footer class="footer-classic-dark bg-extra-dark-gray padding-five-bottom sm-padding-30px-bottom">
<div class="bg-dark-footer padding-50px-tb sm-padding-30px-tb">
<div class="container">
<div class="row align-items-center">
<!-- start slogan -->
<div class="col-lg-4 col-md-5 text-center alt-font sm-margin-15px-bottom">
London based highly creative studio
</div>
<!-- end slogan -->
<!-- start logo -->
<div class="col-lg-4 col-md-2 text-center sm-margin-10px-bottom">
<a href="index.html"><img class="footer-logo" src="images/logo-white.png" data-rjs="images/logo-white@2x.png" alt="Pofo"></a>
</div>
<!-- end logo -->
<!-- start social media -->
<div class="col-lg-4 col-md-5 text-center">
<span class="alt-font margin-20px-right">On social networks</span>
<div class="social-icon-style-8 d-inline-block vertical-align-middle">
<ul class="small-icon mb-0">
<li><a class="facebook text-white-2" href="https://www.facebook.com/" target="_blank"><i class="fab fa-facebook-f" aria-hidden="true"></i></a></li>
<li><a class="twitter text-white-2" href="https://twitter.com/" target="_blank"><i class="fab fa-twitter"></i></a></li>
<li><a class="google text-white-2" href="https://plus.google.com" target="_blank"><i class="fab fa-google-plus-g"></i></a></li>
<li><a class="instagram text-white-2" href="https://instagram.com/" target="_blank"><i class="fab fa-instagram no-margin-right" aria-hidden="true"></i></a></li>
</ul>
</div>
</div>
<!-- end social media -->
</div>
</div>
</div>
<div class="footer-widget-area padding-five-top padding-30px-bottom sm-padding-30px-top">
<div class="container">
<div class="row">
<!-- start about -->
<div class="col-lg-3 col-md-6 widget md-margin-30px-bottom text-center text-md-left last-paragraph-no-margin">
<div class="widget-title alt-font text-small text-medium-gray text-uppercase margin-15px-bottom font-weight-600">About Agency</div>
<p class="text-small width-95 sm-width-100">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the and typesetting industry. </p>
</div>
<!-- end about -->
<!-- start blog post -->
<div class="col-lg-3 col-md-6 widget md-margin-30px-bottom">
<div class="widget-title alt-font text-small text-medium-gray text-uppercase margin-15px-bottom font-weight-600 text-center text-md-left">Latest Blog Post</div>
<ul class="latest-post position-relative">
<li class="media border-bottom border-color-medium-dark-gray">
<figure>
<a href="blog-post-layout-01.html"><img src="images/latest-blog2.jpg" alt=""></a>
</figure>
<div class="media-body text-small"><a href="blog-post-layout-01.html" class="d-block mb-1">Design is not just what looks...</a> <span class="clearfix"></span>20 April 2017 | by <a href="blog-grid.html">Herman Miller</a></div>
</li>
<li class="media border-bottom border-color-medium-dark-gray">
<figure>
<a href="blog-post-layout-02.html"><img src="images/latest-blog3.jpg" alt=""></a>
</figure>
<div class="media-body text-small"><a href="blog-post-layout-02.html" class="d-block mb-1">A lot of care, effort & passion...</a> <span class="clearfix"></span>20 April 2017 | by <a href="blog-grid.html">Herman Miller</a></div>
</li>
<li class="media">
<figure>
<a href="blog-post-layout-03.html"><img src="images/latest-blog4.jpg" alt=""></a>
</figure>
<div class="media-body text-small"><a href="blog-post-layout-03.html" class="d-block mb-1">I love making the stuff, that's...</a> <span class="clearfix"></span>20 April 2017 | by <a href="blog-grid.html">Herman Miller</a></div>
</li>
</ul>
</div>
<!-- end blog post -->
<!-- start newsletter -->
<div class="col-lg-3 col-md-6 widget md-margin-30px-bottom text-center text-md-left">
<div class="widget-title alt-font text-small text-medium-gray text-uppercase margin-15px-bottom font-weight-600">Subscribe Newsletter</div>
<p class="text-small width-90 sm-width-100">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
<form id="subscribenewsletterform" action="javascript:void(0)" method="post">
<div class="position-relative newsletter width-95">
<div id="success-subscribe-newsletter" class="mx-0"></div>
<input type="text" id="email" name="email" class="bg-transparent text-small m-0 border-color-medium-dark-gray" placeholder="Enter your email...">
<button id="button-subscribe-newsletter" type="submit" class="btn btn-arrow-small position-absolute border-color-medium-dark-gray"><i class="fas fa-caret-right no-margin-left"></i></button>
</div>
</form>
</div>
<!-- end newsletter -->
<!-- start instagram -->
<div class="col-lg-3 col-md-6 widget md-margin-5px-bottom text-center text-md-left">
<div class="widget-title alt-font text-small text-medium-gray text-uppercase margin-20px-bottom font-weight-600">Follow us Instagram</div>
<div class="instagram-follow-api">
<ul id="instaFeed-footer"></ul>
</div>
</div>
<!-- end instagram -->
</div>
</div>
</div>
<div class="container">
<div class="footer-bottom border-top border-color-medium-dark-gray padding-30px-top">
<div class="row">
<!-- start copyright -->
<div class="col-lg-6 col-md-6 text-small text-md-left text-center">POFO - Portfolio Concept Theme</div>
<div class="col-lg-6 col-md-6 text-small text-md-right text-center">© 2019 POFO is Proudly Powered by <a href="http://www.themezaa.com" target="_blank" title="ThemeZaa">ThemeZaa</a></div>
<!-- end copyright -->
</div>
</div>
</div>
</footer>
<!-- end footer -->
<!-- start scroll to top -->
<a class="scroll-top-arrow" href="javascript:void(0);"><i class="ti-arrow-up"></i></a>
<!-- end scroll to top -->
<!-- javascript libraries -->
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/modernizr.js"></script>
<script type="text/javascript" src="js/bootstrap.bundle.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/skrollr.min.js"></script>
<script type="text/javascript" src="js/smooth-scroll.js"></script>
<script type="text/javascript" src="js/jquery.appear.js"></script>
<!-- menu navigation -->
<script type="text/javascript" src="js/bootsnav.js"></script>
<script type="text/javascript" src="js/jquery.nav.js"></script>
<!-- animation -->
<script type="text/javascript" src="js/wow.min.js"></script>
<!-- page scroll -->
<script type="text/javascript" src="js/page-scroll.js"></script>
<!-- swiper carousel -->
<script type="text/javascript" src="js/swiper.min.js"></script>
<!-- counter -->
<script type="text/javascript" src="js/jquery.count-to.js"></script>
<!-- parallax -->
<script type="text/javascript" src="js/jquery.stellar.js"></script>
<!-- magnific popup -->
<script type="text/javascript" src="js/jquery.magnific-popup.min.js"></script>
<!-- portfolio with shorting tab -->
<script type="text/javascript" src="js/isotope.pkgd.min.js"></script>
<!-- images loaded -->
<script type="text/javascript" src="js/imagesloaded.pkgd.min.js"></script>
<!-- pull menu -->
<script type="text/javascript" src="js/classie.js"></script>
<script type="text/javascript" src="js/hamburger-menu.js"></script>
<!-- counter -->
<script type="text/javascript" src="js/counter.js"></script>
<!-- fit video -->
<script type="text/javascript" src="js/jquery.fitvids.js"></script>
<!-- skill bars -->
<script type="text/javascript" src="js/skill.bars.jquery.js"></script>
<!-- justified gallery -->
<script type="text/javascript" src="js/justified-gallery.min.js"></script>
<!--pie chart-->
<script type="text/javascript" src="js/jquery.easypiechart.min.js"></script>
<!-- retina -->
<script type="text/javascript" src="js/retina.min.js"></script>
<!-- revolution -->
<script type="text/javascript" src="revolution/js/jquery.themepunch.tools.min.js"></script>
<script type="text/javascript" src="revolution/js/jquery.themepunch.revolution.min.js"></script>
<!-- revolution slider extensions (load below extensions JS files only on local file systems to make the slider work! The following part can be removed on server for on demand loading) -->
<!--<script type="text/javascript" src="revolution/js/extensions/revolution.extension.actions.min.js"></script>
<script type="text/javascript" src="revolution/js/extensions/revolution.extension.carousel.min.js"></script>
<script type="text/javascript" src="revolution/js/extensions/revolution.extension.kenburn.min.js"></script>
<script type="text/javascript" src="revolution/js/extensions/revolution.extension.layeranimation.min.js"></script>
<script type="text/javascript" src="revolution/js/extensions/revolution.extension.migration.min.js"></script>
<script type="text/javascript" src="revolution/js/extensions/revolution.extension.navigation.min.js"></script>
<script type="text/javascript" src="revolution/js/extensions/revolution.extension.parallax.min.js"></script>
<script type="text/javascript" src="revolution/js/extensions/revolution.extension.slideanims.min.js"></script>
<script type="text/javascript" src="revolution/js/extensions/revolution.extension.video.min.js"></script>-->
<!-- setting -->
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>