Server : nginx/1.18.0 System : Linux localhost 6.14.3-x86_64-linode168 #1 SMP PREEMPT_DYNAMIC Mon Apr 21 19:47:55 EDT 2025 x86_64 User : www-data ( 33) PHP Version : 8.0.16 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals,pcntl_unshare, Directory : /var/www/ewebsite/
Upload File :
Current File : //var/www/ewebsite/aboutus.php
<?php
$pageTitle = 'About Us';
include 'partials/header.php';
?>
<style>
/*--------------------------------------------------------------
# Team
--------------------------------------------------------------*/
.team {
background: #fff;
padding: 60px 0;
}
.team .member {
text-align: center;
margin-bottom: 20px;
background: #343a40;
position: relative;
overflow: hidden;
}
.team .member .member-info {
opacity: 0;
position: absolute;
bottom: 0;
top: 0;
left: 0;
right: 0;
transition: 0.2s;
}
.team .member .member-info-content {
position: absolute;
left: 50px;
right: 0;
bottom: 0;
transition: bottom 0.4s;
}
.team .member .member-info-content h4 {
font-weight: 700;
margin-bottom: 2px;
font-size: 18px;
color: #fff;
}
.team .member .member-info-content span {
font-style: italic;
display: block;
font-size: 13px;
color: #fff;
}
.team .member .social {
position: absolute;
left: -50px;
top: 0;
bottom: 0;
width: 50px;
transition: left ease-in-out 0.3s;
background: rgba(78, 64, 57, 0.6);
text-align: center;
}
.team .member .social a {
transition: color 0.3s;
display: block;
color: #fff;
margin-top: 15px;
}
.team .member .social a:hover {
color: #3CC78F;
}
.team .member .social i {
font-size: 18px;
margin: 0 2px;
}
.team .member:hover .member-info {
background: linear-gradient(0deg, rgba(78, 64, 57, 0.95) 0%, rgba(78, 64, 57, 0.95) 15%, rgba(255, 255, 255, 0) 100%);
opacity: 1;
transition: 0.4s;
}
.team .member:hover .member-info-content {
bottom: 30px;
transition: bottom 0.4s;
}
.team .member:hover .social {
left: 0;
transition: left ease-in-out 0.3s;
}
/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/
.services .icon-box {
padding: 30px;
position: relative;
overflow: hidden;
margin: 0 0 40px 0;
background: #fff;
box-shadow: 0 10px 29px 0 rgba(68, 88, 144, 0.1);
transition: all 0.3s ease-in-out;
border-radius: 15px;
text-align: center;
border-bottom: 3px solid #fff;
}
.services .icon-box:hover {
transform: translateY(-5px);
border-color: #3CC78F;
}
.services .icon i {
font-size: 48px;
line-height: 1;
margin-bottom: 15px;
color: #3CC78F;
}
.services .title {
font-weight: 700;
margin-bottom: 15px;
font-size: 18px;
}
.services .title a {
color: #111;
}
.services .description {
font-size: 15px;
line-height: 28px;
margin-bottom: 0;
}
.side-tab.active button {
color: black;
font-weight: 600;
font-size: 20px;
}
.side-tab button {
cursor: pointer;
line-height: 2.6rem;
color: rgb(136, 136, 136);
padding: 0;
margin: 0;
font-weight: 400;
font-size: 18px;
}
.page-content p {
margin-bottom: 20px;
line-height: 31px;
}
</style>
<div class="header greendient" style="padding-bottom: 0;">
<div class="container-fluid">
<h2 class="inner-header-style">
Get to know EtiqaFinans
</h2>
</div> <!-- end of container -->
</div>
<div class="page-body-wrapper">
<section id="about" class="about">
<div class="container">
<div class="sc-bdVaJa gksXND row no-gutters">
<div class="col-12 col-lg-3 col-md-4">
<div class="mt-5"></div>
<div class="side-tab">
<button type="button" class="btn btn-link" data-tab-id="about-us">About Us</button>
</div>
<div class="side-tab">
<button type="button" class="btn btn-link" data-tab-id="principles">Our Principles</button>
</div>
</div>
<div data-id="about-us" class="content-tab d-none col-12 col-lg-9 col-md-8">
<div class="sc-hzDkRC ilvhsZ">
<h2 class="sc-fBuWsC iAMtpV">About Us</h2>
</div>
<div class="page-content-container">
<div class="page-content">
<p>In this dynamic world it has become increasingly complicated to use financial
services as a facility. Instead, these often result in complex management of
interest-bearing products with mushrooming hidden fees. The core of Postpay’s
inspiration derives from this problem.</p>
<p>Our purpose is to transform the existing retail status-quo by offering
straightforward and accessible financial products to our customers, who are at the
core of our offering, while simultaneously creating true value for our retail
merchants. A generational shift has seen millennial shoppers shy away from
traditional credit. In fact, the majority of credit is used as a matter of necessity
rather than preference.</p>
<p>Our model is straightforward. We offer one very simple product which allows the
customer to split their online payments into four equal parts seamlessly without
leaving their online basket. The first instalment is processed immediately, and the
customer receives their product as usual. The three remaining instalments are due
fortnightly (every two weeks) thereafter. Most importantly the customer pays nothing
more than the amount they were paying for their purchases, that is no interest and
no fees, as long as all repayments are made on time.</p>
<p>There is strong alignment between our goals and those of our customers. We benefit
most when our customers repay on time and increasingly return to Postpay. We do not
benefit when our customers incur late fees nor if they do not return due to a less
than perfect customer experience. Hence, we promote responsible spending not only
through our communication but also through our product. New customers generally have
lower spending limits which gradually increases as they repay on time.</p>
<p>We are building a community of young and dynamic Postpay customers who use our
service to plan and budget. They benefit from our product as much as the retail
merchants we partner with, who increase sales and conversion rates, repeat
customers, and average order values all without any increased risk.</p>
</div>
</div>
</div>
<div data-id="principles" class="content-tab d-none col-12 col-lg-9 col-md-8">
<div class="sc-hzDkRC ilvhsZ">
<h2 class="sc-fBuWsC iAMtpV">Our Principles</h2>
</div>
<div class="page-content-container">
<div class="page-content">
<ul>
<li>
<strong>Obsess about customers</strong> <br>
<p>
Building connections with customers doesn’t come naturally. It only comes
with care, hard work, and respect.
</p>
</li>
<li>
<strong>Be real</strong> <br>
<p>
We are transparent.
We are reliable.
We are your solution.
Postpay believes in being 100% you.
</p>
</li>
<li>
<strong>Less is more</strong> <br>
<p>
Keep things simple, precise, and effective.
</p>
</li>
<li>
<strong>Take ownership</strong> <br>
<p>
Prove yourself through your work and remain confident if you fail. There
will always be a team to support you.
</p>
</li>
<li>
<strong>Start small. Learn. Grow.</strong> <br>
<p>
Through creativity and collaboration, we encourage everyone to nurture and
cultivate their ideas. In the true spirit of fintech.
</p>
</li>
<li>
<strong>Deliver data-driven results</strong> <br>
<p>
Through data insights we learn to ask the right questions so you always get
the right answers.
</p>
</li>
<li>
<strong>I am because we are.</strong> <br>
<p>
We are who we are because of our relationships with other people. Coming
together is a beginning. Keeping together is progress. Working together is
success.
</p>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="services" class="services shade">
<div class="container">
<div class="col text-center">
<div class="section-title">
<span>Services</span>
<h3 style="color: darkkhaki">Check out the great services we offer</h3>
</div>
</div>
<div class="row">
<div class="col-md-6 col-lg-3 d-flex align-items-stretch aos-init aos-animate" data-aos="zoom-in"
data-aos-delay="100">
<div class="icon-box">
<div class="icon"><i class="bx bxl-dribbble"></i></div>
<h4 class="title"><a href="">Lorem Ipsum</a></h4>
<p class="description">Voluptatum deleniti atque corrupti quos dolores et quas molestias
excepturi sint occaecati cupiditate</p>
</div>
</div>
<div class="col-md-6 col-lg-3 d-flex align-items-stretch aos-init aos-animate" data-aos="zoom-in"
data-aos-delay="200">
<div class="icon-box">
<div class="icon"><i class="bx bx-file"></i></div>
<h4 class="title"><a href="">Sed ut perspiciatis</a></h4>
<p class="description">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
dolore eu fugiat nulla</p>
</div>
</div>
<div class="col-md-6 col-lg-3 d-flex align-items-stretch aos-init aos-animate" data-aos="zoom-in"
data-aos-delay="300">
<div class="icon-box">
<div class="icon"><i class="bx bx-tachometer"></i></div>
<h4 class="title"><a href="">Magni Dolores</a></h4>
<p class="description">Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
officia deserunt mollit anim</p>
</div>
</div>
<div class="col-md-6 col-lg-3 d-flex align-items-stretch aos-init aos-animate" data-aos="zoom-in"
data-aos-delay="400">
<div class="icon-box">
<div class="icon"><i class="bx bx-world"></i></div>
<h4 class="title"><a href="">Nemo Enim</a></h4>
<p class="description">At vero eos et accusamus et iusto odio dignissimos ducimus qui
blanditiis praesentium voluptatum</p>
</div>
</div>
</div>
</div>
</section>
<section id="team" class="team">
<div class="container">
<div class="col text-center">
<div class="section-title">
<span>TEAM</span>
<h3 style="color: darkkhaki">Our team is always here to help</h3>
</div>
</div>
<div class="row">
<div class="col-xl-3 col-lg-4 col-md-6 aos-init aos-animate" data-aos="zoom-in"
data-aos-delay="100">
<div class="member">
<img src="assets/images/team/team-1.jpg" class="img-fluid" alt="">
<div class="member-info">
<div class="member-info-content">
<h4>Walter White</h4>
<span>Chief Executive Officer</span>
</div>
<div class="social">
<a href=""><i class="mdi mdi-twitter"></i></a>
<a href=""><i class="mdi mdi-facebook"></i></a>
<a href=""><i class="mdi mdi-instagram"></i></a>
<a href=""><i class="mdi mdi-linkedin"></i></a>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-6 aos-init aos-animate" data-aos="zoom-in"
data-aos-delay="200">
<div class="member">
<img src="assets/images/team/team-2.jpg" class="img-fluid" alt="">
<div class="member-info">
<div class="member-info-content">
<h4>Sarah Jhonson</h4>
<span>Product Manager</span>
</div>
<div class="social">
<a href=""><i class="mdi mdi-twitter"></i></a>
<a href=""><i class="mdi mdi-facebook"></i></a>
<a href=""><i class="mdi mdi-instagram"></i></a>
<a href=""><i class="mdi mdi-linkedin"></i></a>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-6 aos-init aos-animate" data-aos="zoom-in"
data-aos-delay="300">
<div class="member">
<img src="assets/images/team/team-3.jpg" class="img-fluid" alt="">
<div class="member-info">
<div class="member-info-content">
<h4>William Anderson</h4>
<span>CTO</span>
</div>
<div class="social">
<a href=""><i class="mdi mdi-twitter"></i></a>
<a href=""><i class="mdi mdi-facebook"></i></a>
<a href=""><i class="mdi mdi-instagram"></i></a>
<a href=""><i class="mdi mdi-linkedin"></i></a>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-6 aos-init aos-animate" data-aos="zoom-in"
data-aos-delay="400">
<div class="member">
<img src="assets/images/team/team-4.jpg" class="img-fluid" alt="">
<div class="member-info">
<div class="member-info-content">
<h4>Amanda Jepson</h4>
<span>Accountant</span>
</div>
<div class="social">
<a href=""><i class="mdi mdi-twitter"></i></a>
<a href=""><i class="mdi mdi-facebook"></i></a>
<a href=""><i class="mdi mdi-instagram"></i></a>
<a href=""><i class="mdi mdi-linkedin"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
<?php include 'partials/footer.php'; ?>
<script type="text/javascript">
$(function () {
const $sideTabs = $(".side-tab");
const $contentTabs = $(".content-tab");
$sideTabs.on("click", function () {
const $this = $(this);
const item = $this.find('button').attr("data-tab-id");
$sideTabs.removeClass("active");
$contentTabs.addClass("d-none");
$this.addClass("active");
$('[data-id="' + item + '"]').removeClass("d-none");
});
$sideTabs.first().click();
});
</script>
