<!DOCTYPE html>
<html lang="en">
<head>
<link href="https://fonts.googleapis.com/css?family=Oswald&display=swap" rel="stylesheet">
<meta charset="UTF-8">
<style type="text/css">
* {
box-sizing: border-box
}
body, html{
width: 100%;
height: 100%;
font-family: Oswald, sans-serif;
margin:0;
padding:0;
}
img .classimage {
vertical-align: middle;
}
.slider-image{
height: 100%;
}
/* Slideshow container */
.slider-container{
height: 100%;
width: 100%;
overflow: hidden;
position: relative;
background-size: cover;
background-repeat: no-repeat;
margin-top: -160px;
}
/* Next & previous buttons */
.prev,.next{
cursor: pointer;
position: absolute;
top: 50%;
width: auto;
margin-top: -22px;
padding: 16px;
color: white;
font-weight: bold;
font-size: 18px;
transition: 0.6s ease;
border-radius: 0 3px 0 3px;
user-select: none;
}
/* Position the "next button" to the right */
.next{
right: 0;
border-radius: 0 3px 0 3px;
}
/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
background-color: rgba(0,135,176,0.8);
}
/* The dots/bullets/indicators */
.dot {
cursor: pointer;
height: 15px;
width: 15px;
margin: 0 2px;
background-color: #bbb;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
}
/* The dots/bullets/indicators hover */
.active, .dot:hover{
background-color: #717171;
}
/* Fading animation */
.fade {
-webkit-animation-name: fade;
-webkit-animation-duration: 1.5s;
animation-name: fade;
animation-duration: 1.5s;
}
@media screen and ( max-width: 800px) {
.slider-container{
margin-top: -90px;
margin-bottom: -40px;
height: 100%;
width: 100%;
position: relative;
background-size: cover;
background-repeat: no-repeat;
}
}
</style>
<title>POSIBLE</title>
</head>
<body>
<!-- HEADER START HEAR -->
<header>
<div class="slider-container">
<!-- Full-width images with number and caption text -->
<div class="slider-image fade">
<img src="https://www.posible.net/wp-content/uploads/2019/09/new-banner.jpg" style="width: 100%" class="slideimage">
</div>
<!-- END navigation Button -->
<!-- Circle Navigation -->
<!-- END Circle Navigation -->
</div><!-- END of container -->
</header>
<script>
</script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<link href="https://fonts.googleapis.com/css?family=Oswald&display=swap" rel="stylesheet">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<h1 style="font-family:'Oswald', sans-serif; text-align: center; font-size: 30px; color: #0084B0; margin-top: 20px;">Pinadali at Pinalapit na ang pag Money Padala,<br> Pagbabayad ng Bills, Cash Withdrawal at Pagpapa-Load sa tulong ng POSIBLE!</h1>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<style type="text/css">
.form_b24{
/*margin-top: -120px;
width: 100%;
display: block;
margin-left: 350px;*/
}
@media screen and (max-width: 800px) {
.form_b24{
margin-top: 0px;
width: 100%;
display: block;
margin-left: 0px;
}
}
</style>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div class="form_b24">
<script id="bx24_form_inline" data-skip-moving="true">
(function(w,d,u,b){w['Bitrix24FormObject']=b;w[b] = w[b] || function(){arguments[0].ref=u;
(w[b].forms=w[b].forms||[]).push(arguments[0])};
if(w[b]['forms']) return;
var s=d.createElement('script');s.async=1;s.src=u+'?'+(1*new Date());
var h=d.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h);
})(window,document,'https://posiblekeyaccounts.bitrix24.com/bitrix/js/crm/form_loader.js','b24form');
b24form({"id":"18","lang":"en","sec":"3tnzep","type":"inline"});
</script>
</div>
</body>
</html>