<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<!DOCTYPE html><html class=''>
<head><script src='//production-assets.codepen.io/assets/editor/live/console_runner-079c09a0e3b9ff743e39ee2d5637b9216b3545af0de366d4b9aad9dc87e26bfd.js'></script><script src='//production-assets.codepen.io/assets/editor/live/events_runner-73716630c22bbc8cff4bd0f07b135f00a0bdc5d14629260c3ec49e5606f98fdd.js'></script><script src='//production-assets.codepen.io/assets/editor/live/css_live_reload_init-2c0dc5167d60a5af3ee189d570b1835129687ea2a61bee3513dee3a50c115a77.js'></script><meta charset='UTF-8'><meta name="robots" content="noindex"><link rel="shortcut icon" type="image/x-icon" href="//production-assets.codepen.io/assets/favicon/favicon-8ea04875e70c4b0bb41da869e81236e54394d63638a1ef12fa558a4a835f1164.ico" /><link rel="mask-icon" type="" href="//production-assets.codepen.io/assets/favicon/logo-pin-f2d2b6d2c61838f7e76325261b7195c27224080bc099486ddd6dccb469b8e8e6.svg" color="#111" /><link rel="canonical" href="https://codepen.io/jamesclavel/pen/NvNmzP?limit=all&page=56&q=uikit" />
<link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-beta.27/css/uikit.min.css'>
<style class="cp-pen-styles"></style></head><body>
<div class="uk-section uk-section-default">
<div class="uk-container uk-container-small uk-text-center">
<h1 class="uk-text-capitalize">Shop online using PayPal®</h1>
<p class="uk-text-capitalize uk-margin-remove-bottom">*Buy PayPal funds securely with confidence. It's that easy!</p>
<p class="uk-margin-remove-top uk-text-small"><dfn class="uk-text-warning">*applicable only in the Philippines and referal based system.</dfn></p>
</div>
</div>
<div class="uk-section uk-section-primary">
<div class="uk-container uk-container-small">
<div class="uk-padding-small">
<h1 class="uk-text-center uk-margin-large-bottom uk-text-uppercase">Features</h1>
<div class="uk-child-width-expand@s uk-text-center uk-grid-match" uk-grid>
<div>
<div class="uk-card uk-card-default uk-card-body">
<span uk-icon="icon: lock; ratio: 3"></span><br />
<p class="uk-text-large">Secure</p>
<p class="uk-text-left">Buy PayPal® funds securely using your registered account. Pay the amount at your preferred payment channel and we'll transfer the PayPal® funds to your PayPal® email address. It's so easy and secure.</p>
</div>
</div>
<div>
<div class="uk-card uk-card-default uk-card-body">
<span uk-icon="icon: bolt; ratio: 3"></span><br />
<p class="uk-text-large">Fast</p>
<p class="uk-text-left">We respond fast when we're online. Usually between 9am to 5pm on weekdays. Though we're limited with the funds we have on our account and we try to keep our work and life balance, so book your purchases before the weekend.</p>
</div>
</div>
<div>
<div class="uk-card uk-card-default uk-card-body">
<span uk-icon="icon: happy; ratio: 3"></span><br />
<p class="uk-text-large">Happy</p>
<p class="uk-text-left">There's always this rewarding feeling when you know that your clients are happy. Happy clients are good for business. They talk a lot about their experience and share the good vibes to their friends.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="uk-section uk-section-default">
<div class="uk-container uk-container-small uk-text-center">
<div class="uk-child-width-expand@s uk-text-center uk-grid-match" uk-grid>
<div>
<div class="uk-card uk-card-default uk-card-body">
<p class="uk-text-large"><span uk-icon="icon:file-edit; ratio: 1.5;"></span> Register</p>
<form action="" method="POST">
<input name="referalCode" class="uk-input" type="hidden" value="12345" disabled>
<fieldset class="uk-fieldset">
<div class="uk-margin">
<input name="name" class="uk-input" type="text" placeholder="John Doe">
</div>
<div class="uk-margin">
<input name="emailAddress" class="uk-input" type="text" placeholder="user@email.com">
</div>
<div class="uk-margin">
<button class="uk-button uk-button-primary uk-button-large uk-width-1-1">register now</button>
</div>
<div class="uk-margin">
<p class="uk-text-small"><dfn>We'll send you a random password as part of our email verification. You can change the password anytime after your account is activated.</dfn></p>
</div>
</fieldset>
</form>
</div>
</div>
<div>
<div class="uk-card uk-card-default uk-card-body">
<p class="uk-text-large"><span uk-icon="icon:sign-in; ratio: 1.5;"></span> Login</p>
<form action="" method="POST">
<fieldset class="uk-fieldset">
<div class="uk-margin">
<input name="emailAddress" class="uk-input" type="text" placeholder="user@email.com">
</div>
<div class="uk-margin">
<input name="password" class="uk-input" type="password" placeholder="Password">
</div>
<div class="uk-margin">
<button class="uk-button uk-button-secondary uk-button-large uk-width-1-1">Login</button>
</div>
<div class="uk-margin">
<p class="uk-text-small"><dfn>Your account must be active before you are granted access. If you're having issues with our app, please send us a message using our contact us form.</dfn></p>
</div>
</fieldset>
</form>
</div>
</div>
</div>
</div>
</div>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js'></script><script src='https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-beta.27/js/uikit.min.js'></script><script src='https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-beta.27/js/uikit-icons.min.js'></script>
</body></html>
