Al-HUWAITI Shell
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/etiqa/html/ |
Upload File :
|
| Current File : /var/www/etiqa/html/index.html |
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>WIP</title>
<!-- Google Font -->
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="vendors/mdi/css/materialdesignicons.min.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body data-spy="scroll" data-target=".navbar" data-offset="158">
<div id="mobile-menu-overlay"></div>
<nav class="navbar navbar-expand-lg fixed-top navbar-shadow">
<div class="container">
<div style="position: relative;">
<a class="navbar-brand" href="#">
<img src="images/etiqa_logo_png.png" alt="Marshmallow">
<span class="logo-text">Etiqa Finans</span>
<span class="logo-sub-text">Own with ease</span></a>
</div>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo01"
aria-controls="navbarTogglerDemo01" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"><i class="mdi mdi-menu"> </i></span>
</button>
<div class="collapse navbar-collapse" id="navbarTogglerDemo01">
<div class="d-lg-none d-flex justify-content-between px-4 py-3 align-items-center">
<a href="javascript:;" class="close-menu"><i class="mdi mdi-close"></i></a>
</div>
<ul class="navbar-nav ml-auto align-items-center">
<li class="nav-item">
<a class="nav-link" href="#about">What we do</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#how-it-works">How it works</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#shop">Where to buy</a>
</li>
<li class="nav-item">
<a class="nav-link btn btn-black" style="background: white; color: black !important; border-width: 0" href="#contact">Contact Us</a>
</li>
</ul>
</div>
</div>
</nav>
<div class="header">
<div class="ocean">
<div class="wave"></div>
<div class="wave"></div>
</div>
<div class="container">
<div class="main-banner">
<div class="d-sm-flex justify-content-between">
<div class="banner-text">
<h3 class="font-weight-medium" style="text-shadow: 1px 1px green">Your Home, Automobile and Other household appliances
through us today
</h3>
<p class="mt-3" style="font-size: larger">Get started with our interest-free savings-based finance (SBF) <br />and
buy now pay later model</p>
<a href="#" class="btn btn-lg btn-black mt-3">Learn more</a>
</div>
<div class="mt-5 mt-lg-0">
<img src="images/group.png" class="img-fluid">
</div>
</div>
</div>
</div> <!-- end of container -->
</div>
<div class="page-body-wrapper">
<section class="" id="about">
<div class="col text-center">
<div class="section-title">
<span>Pay on your terms</span>
<h3>and choose from</h3>
</div>
</div>
<div class="container services">
<div class="row text-center">
<div class="col-md-4 col-xs-12">
<h4>0% interest if you pay us back within 15 days.</h4>
<div class="my-5 text-center">
<span class="mdi mdi-numeric-0-box-outline"
style="font-size: 80px;color: darkgoldenrod;"></span>
</div>
</div>
<div class="col-md-4 col-xs-12 v-divider">
<h4>Split your payments into 3 or 4 payments</h4>
<div class="my-5 text-center">
<span class="mdi mdi-rhombus-split" style="font-size: 80px;color: darkgreen;"></span>
</div>
</div>
<div class="col-md-4 col-xs-12 v-divider">
<h4>Spread your payment over months</h4>
<div class="my-5 text-center">
<span class="mdi mdi-calendar-month-outline"
style="font-size: 80px;color: darkkhaki;"></span>
</div>
</div>
</div>
</div>
</section>
<section class="shade" id="how-it-works">
<div class="col text-center">
<div class="section-title">
<span>How to buy from Etiqa</span>
<h3>Easy, follow the steps</h3>
</div>
</div>
<div class="container features pt-4">
<div class="row">
<div class="col-lg-12">
<div class="features-content">
<div class="row">
<div class="col-lg-3">
<div class="features-item first-feature">
<div class="first-number number">
<h6>01</h6>
</div>
<span style="font-size: 80px; color: darkkhaki" class="mdi mdi-basket"></span>
<h4>Checkout with Etiqa</h4>
<div class="line-dec"></div>
<p>This HTML5 template is based on Bootstrap 5 CSS. You are free to customize
anything.</p>
</div>
</div>
<div class="col-lg-3">
<div class="features-item second-feature">
<div class="second-number number">
<h6>02</h6>
</div>
<span style="font-size: 80px; color: darkgreen"
class="mdi mdi-selection"></span>
<h4>Select a payment process</h4>
<div class="line-dec"></div>
<p>Lorem ipsum dolor sit ameter consectetur adipiscing li elit sed do eiusmod.
</p>
</div>
</div>
<div class="col-lg-3">
<div class="features-item first-feature">
<div class="third-number number">
<h6>03</h6>
</div>
<span style="font-size: 80px; color: darkgreen"
class="mdi mdi-bell-alert-outline"></span>
<h4>Receive confirmation</h4>
<div class="line-dec"></div>
<p>Lorem ipsum dolor sit ameter consectetur adipiscing li elit sed do eiusmod.
</p>
</div>
</div>
<div class="col-lg-3">
<div class="features-item second-feature last-features-item">
<div class="fourth-number number">
<h6>04</h6>
</div>
<span style="font-size: 80px; color: darkgoldenrod"
class="mdi mdi-account-clock"></span>
<h4>Follow payment updates</h4>
<div class="line-dec"></div>
<p>Lorem ipsum dolor sit ameter consectetur adipiscing li elit sed do eiusmod.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="" id="shop">
<div class="col text-center">
<div class="section-title">
<span>Where can I shop</span>
<h3>On-site or In-store</h3>
</div>
</div>
<div class="container shop">
<div class="row">
<div class="col-md-6 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="">Buy in the store</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 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="">Buy online</a></h4>
<p class="description">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
dolore eu fugiat nulla</p>
</div>
</div>
</div>
</div>
</section>
<!-- <section class="testimonial" id="testimonial">
<div class="container">
<div class="row mt-md-0 mt-lg-4">
<div class="col-sm-6 text-white" data-aos="fade-up">
<p class="font-weight-bold mb-3">Testimonials</p>
<h3 class="font-weight-medium">Our customers are our <br>biggest fans</h3>
<ul class="flipster-custom-nav">
<li class="flipster-custom-nav-item">
<a href="javascript:;" class="flipster-custom-nav-link" title="0"></a>
</li>
<li class="flipster-custom-nav-item">
<a href="javascript:;" class="flipster-custom-nav-link" title="1"></a>
</li>
<li class="flipster-custom-nav-item">
<a href="javascript:;" class="flipster-custom-nav-link active" title="2"></a>
</li>
<li class="flipster-custom-nav-item">
<a href="javascript:;" class="flipster-custom-nav-link" title="3"></a>
</li>
</ul>
</div>
<div class="col-sm-6" data-aos="fade-up">
<div id="testimonial-flipster">
<ul>
<li>
<div class="testimonial-item">
<img src="images/testimonial/testimonial1.jpg" alt="icon"
class="testimonial-icons">
<p>Lorem ipsum dolor sit amet, consectetur
pretium pretium tempor.Lorem ipsum dolor sit amet, consectetur adipiscing
elit. Ut pretium
</p>
<h6 class="testimonial-author">Mark Spenser</h6>
<p class="testimonial-destination">Accounts</p>
</div>
</li>
<li>
<div class="testimonial-item">
<img src="images/testimonial/testimonial2.jpg" alt="icon"
class="testimonial-icons">
<p>Lorem ipsum dolor sit amet, consectetur
pretium pretium tempor.Lorem ipsum dolor sit amet, consectetur adipiscing
elit. Ut pretium
</p>
<h6 class="testimonial-author">Tua Manuera</h6>
<p class="testimonial-destination">Director,Dj market</p>
</div>
</li>
<li>
<div class="testimonial-item">
<img src="images/testimonial/testimonial3.jpg" alt="icon"
class="testimonial-icons">
<p>Lorem ipsum dolor sit amet, consectetur
pretium pretium tempor.Lorem ipsum dolor sit amet, consectetur adipiscing
elit. Ut pretium
</p>
<h6 class="testimonial-author">Sarah Philip</h6>
<p class="testimonial-destination">Chief Accountant</p>
</div>
</li>
<li>
<div class="testimonial-item">
<img src="images/testimonial/testimonial4.jpg" alt="icon"
class="testimonial-icons">
<p>Lorem ipsum dolor sit amet, consectetur
pretium pretium tempor.Lorem ipsum dolor sit amet, consectetur adipiscing
elit. Ut pretium
</p>
<h6 class="testimonial-author">Mark Spenser</h6>
<p class="testimonial-destination">Director,Dj market</p>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</section> -->
<section class="faqs shade" id="faq">
<div class="col text-center">
<div class="section-title">
<span>got some questions</span>
<h3>We have some answers</h3>
</div>
</div>
<div class="container">
<div class="row">
<div class="col">
<div id="accordion-2">
<div class="card wow " data-wow-delay="0.1s">
<div class="card-header">
<a class="card-link collapsed" data-toggle="collapse" href="#collapseSix">
Lorem ipsum dolor sit amet?
</a>
</div>
<div id="collapseSix" class="collapse" data-parent="#accordion-2">
<div class="card-body">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec pretium
mi. Curabitur facilisis ornare velit non.
</div>
</div>
</div>
<div class="card wow " data-wow-delay="0.2s">
<div class="card-header">
<a class="card-link collapsed" data-toggle="collapse" href="#collapseSeven">
Lorem ipsum dolor sit amet?
</a>
</div>
<div id="collapseSeven" class="collapse" data-parent="#accordion-2">
<div class="card-body">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec pretium
mi. Curabitur facilisis ornare velit non.
</div>
</div>
</div>
<div class="card wow " data-wow-delay="0.3s">
<div class="card-header">
<a class="card-link collapsed" data-toggle="collapse" href="#collapseEight">
Lorem ipsum dolor sit amet?
</a>
</div>
<div id="collapseEight" class="collapse" data-parent="#accordion-2">
<div class="card-body">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec pretium
mi. Curabitur facilisis ornare velit non.
</div>
</div>
</div>
<div class="card wow " data-wow-delay="0.4s">
<div class="card-header">
<a class="card-link collapsed" data-toggle="collapse" href="#collapseNine">
Lorem ipsum dolor sit amet?
</a>
</div>
<div id="collapseNine" class="collapse" data-parent="#accordion-2">
<div class="card-body">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec pretium
mi. Curabitur facilisis ornare velit non.
</div>
</div>
</div>
<div class="card wow " data-wow-delay="0.5s">
<div class="card-header">
<a class="card-link collapsed" data-toggle="collapse" href="#collapseTen">
Lorem ipsum dolor sit amet?
</a>
</div>
<div id="collapseTen" class="collapse" data-parent="#accordion-2">
<div class="card-body">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec pretium
mi. Curabitur facilisis ornare velit non.
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="contactus" id="contact">
<div class="container">
<div class="row">
<div class="col-sm-5" data-aos="fade-up" data-aos-offset="-500">
<img src="images/contact.jpg" alt="contact" class="img-fluid">
</div>
<div class="col-sm-7" data-aos="fade-up" data-aos-offset="-500">
<h3 class="font-weight-medium text-dark mt-5 mt-lg-0">Still need answers</h3>
<h5 class="text-dark mb-5">Contact Us</h5>
<form>
<div class="row">
<div class="col-sm-6">
<div class="form-group">
<input type="text" class="form-control" id="name" placeholder="Name*">
</div>
</div>
<div class="col-sm-6">
<div class="form-group">
<input type="email" class="form-control" id="mail" placeholder="Email*">
</div>
</div>
<div class="col-sm-12">
<div class="form-group">
<textarea name="message" id="message" class="form-control"
placeholder="Message*" rows="5"></textarea>
</div>
</div>
<div class="col-sm-12">
<a href="#" class="btn btn-black">SEND</a>
</div>
</div>
</form>
</div>
</div>
</div>
</section>
</div>
<footer class="footer">
<div class="container">
<div class="row">
<div class="col-lg-4">
<div class="about">
<div class="logo">
<img src="images/etiqa_logo_png.png" alt="Etiqa Finance">
</div>
<p>EtiqaFinans aims at facilitating with ease, ownership to customers through designed payment
models and organized cooperation to groups.</p>
</div>
</div>
<div class="col-lg-4 mt-3 sm:mt-0">
<div class="helpful-links">
<h4>Helpful Links</h4>
<div class="row">
<div class="col-lg-6 col-sm-6">
<ul>
<li><a href="#">Categories</a></li>
<li><a href="#">Reviews</a></li>
<li><a href="#">Listing</a></li>
<li><a href="#">Merchants</a></li>
</ul>
</div>
<div class="col-lg-6">
<ul>
<li><a href="#">About Us</a></li>
<li><a href="#">Contact Us</a></li>
<li><a href="#">Privacy Policy</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-lg-4 mt-3 sm:mt-0">
<div class="contact-us">
<h4>Contact Us</h4>
<p>House 19 "A" Close, 63 Road, Gwarimpa, FCT, Nigeria</p>
<div class="row">
<div class="col-lg-6">
<a href="tel:09126262659">09126262659</a>
</div>
<div class="col-lg-6">
<a href="mailto:info@etiqafinans.com">info@etiqafinans.com</a>
</div>
</div>
</div>
</div>
<div class="col-lg-12">
<div class="sub-footer">
<p>Copyright © 2021 Etiqa Finance. All Rights Reserved.
</p>
</div>
</div>
</div>
</div>
</footer>
<script src="vendors/base/vendor.bundle.base.js"></script>
<script src="vendors/owl.carousel/js/owl.carousel.js"></script>
<script src="vendors/aos/js/aos.js"></script>
<script src="vendors/jquery-flipster/js/jquery.flipster.min.js"></script>
<script src="js/template.js"></script>
</body>
</html>
Al-HUWAITI Shell