<!DOCTYPE html>
<html>
<head>
<title>أحسب قسطك</title>
</head>
<body>
<h1>أحسب قسطك الشهرى</h1>
<form>
<input type="text" id="num1" placeholder="ضع القيمة الاجمالية">
<input id="num2" placeholder style="border-color: white;border-top-style: hidden;border-width: inherit;">
<br>
<br>
<button type="button" onclick="add()" style="border-radius: 10px;">6 شهور</button>
<button type="button" onclick="subtract()" style="border-radius: 10px;">12 شهر</button>
<button type="button" onclick="multiply()" style="border-radius: 10px;">18 شهر</button>
<button type="button" onclick="divide()" style="border-radius: 10px;">24 شهر</button>
</form>
<br>
<br>
<h2>القسط الشهري:</h2><h2><span id="result"></span></h2>
<script>
function add() {
var num1 = parseFloat(document.getElementById("num1").value);
var result = Math.floor(num1 / 5.5053974484789);
document.getElementById("result").innerHTML = result;
}
function subtract() {
var num1 = parseFloat(document.getElementById("num1").value);
var result = Math.floor(num1 / 10.433333333333333);
document.getElementById("result").innerHTML = result;
}
function multiply() {
var num1 = parseFloat(document.getElementById("num1").value);
var result = Math.floor(num1 / 15);
document.getElementById("result").innerHTML = result;
}
function divide() {
var num1 = parseFloat(document.getElementById("num1").value);
var result = Math.floor(num1 / 19.177777777777777);
document.getElementById("result").innerHTML = result;
}
</script>
</body>
</html>
<h1 id="HNJB1XC" style="text-align: center;background: crimson;border-radius: 20px;box-shadow: 1px 20px 10px;"><span style="color: #ffffff;">Dream 2000 PROMO CODES</span>
<br/>
<span style="font-size: 18px; color: #ffffff;">The Codes available for limited quantity </span></h1>
<p id="QQ82197" style="text-align: center;"><strong><span style="color: #000000;font-size: 20px;background: #dced00;padding-left: 10px;padding-right: 10px;padding-top: 5px;padding-bottom: 5px;border-radius: 10px; box-shadow: 1px 5px 15px;">Mobile and Accessories Promo Codes</span></strong></p>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {
font-family: Arial, Helvetica, sans-serif;
}
.flip-card {
background-color: transparent;
width: 300px;
height: 300px;
perspective: 1000px;
}
.flip-card-inner {
position: relative;
width: 100%;
height: 100%;
text-align: center;
transition: transform 0.6s;
transform-style: preserve-3d;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}
.flip-card:hover .flip-card-inner {
transform: rotateY(180deg);
}
.flip-card-front, .flip-card-back {
position: absolute;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.flip-card-front {
background-color: #bbb;
color: black;
}
.flip-card-back {
background-color: #96c84c;
color: white;
transform: rotateY(180deg);
}
</style>
</head>
<body>
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<img src="" alt="Avatar" style="width:300px;height:300px;border: dashed;">
</div>
<div class="flip-card-back" style="border: dashed;">
<p><br></p>
<p style="text-align: center;"><span style="color: #ffffff; font-size: 26px; font-family: 'Cairo';">خصم على الموبايل <br>لما تستخدم كود الخصم <br><br><strong><span id="I65WUH9" style="font-size: 28px;color: #000000;background: white;border-radius: 10px;border: dashed;padding-left: 5px;padding-right: 5px;">DREAMMOB100</span></strong></span></p>
</div>
</div>
</div>
</body>
</html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {
font-family: Arial, Helvetica, sans-serif;
}
.flip-card {
background-color: transparent;
width: 300px;
height: 300px;
perspective: 1000px;
}
.flip-card-inner {
position: relative;
width: 100%;
height: 100%;
text-align: center;
transition: transform 0.6s;
transform-style: preserve-3d;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}
.flip-card:hover .flip-card-inner {
transform: rotateY(180deg);
}
.flip-card-front, .flip-card-back {
position: absolute;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.flip-card-front {
background-color: #bbb;
color: black;
}
.flip-card-back {
background-color: #96c84c;
color: white;
transform: rotateY(180deg);
}
</style>
</head>
<body>
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<img src="" alt="Avatar" style="width:300px;height:300px;border: dashed;">
</div>
<div class="flip-card-back" style="border: dashed;">
<p><br></p>
<p style="text-align: center;"><span style="color: #ffffff; font-size: 26px; font-family: 'Cairo';">خصم على الموبايل <br>لما تستخدم كود الخصم <br><br><strong><span id="I65WUH9" style="font-size: 28px;color: #000000;background: white;border-radius: 10px;border: dashed;padding-left: 5px;padding-right: 5px;">DREAMMOB100</span></strong></span></p>
</div>
</div>
</div>
</body>
</html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {
font-family: Arial, Helvetica, sans-serif;
}
.flip-card {
background-color: transparent;
width: 300px;
height: 300px;
perspective: 1000px;
}
.flip-card-inner {
position: relative;
width: 100%;
height: 100%;
text-align: center;
transition: transform 0.6s;
transform-style: preserve-3d;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}
.flip-card:hover .flip-card-inner {
transform: rotateY(180deg);
}
.flip-card-front, .flip-card-back {
position: absolute;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.flip-card-front {
background-color: #bbb;
color: black;
}
.flip-card-back {
background-color: #96c84c;
color: white;
transform: rotateY(180deg);
}
</style>
</head>
<body>
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<img src="" alt="Avatar" style="width:300px;height:300px;border: dashed;">
</div>
<div class="flip-card-back" style="border: dashed;">
<p><br></p>
<p style="text-align: center;"><span style="color: #ffffff; font-size: 26px; font-family: 'Cairo';">خصم على الموبايل <br>لما تستخدم كود الخصم <br><br><strong><span id="I65WUH9" style="font-size: 28px;color: #000000;background: white;border-radius: 10px;border: dashed;padding-left: 5px;padding-right: 5px;">DREAMMOB100</span></strong></span></p>
</div>
</div>
</div>
</body>
</html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {
font-family: Arial, Helvetica, sans-serif;
}
.flip-card {
background-color: transparent;
width: 300px;
height: 300px;
perspective: 1000px;
}
.flip-card-inner {
position: relative;
width: 100%;
height: 100%;
text-align: center;
transition: transform 0.6s;
transform-style: preserve-3d;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}
.flip-card:hover .flip-card-inner {
transform: rotateY(180deg);
}
.flip-card-front, .flip-card-back {
position: absolute;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.flip-card-front {
background-color: #bbb;
color: black;
}
.flip-card-back {
background-color: #96c84c;
color: white;
transform: rotateY(180deg);
}
</style>
</head>
<body>
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<img src="" alt="Avatar" style="width:300px;height:300px;border: dashed;">
</div>
<div class="flip-card-back" style="border: dashed;">
<p><br></p>
<p style="text-align: center;"><span style="color: #ffffff; font-size: 26px; font-family: 'Cairo';">خصم على الموبايل <br>لما تستخدم كود الخصم <br><br><strong><span id="I65WUH9" style="font-size: 28px;color: #000000;background: white;border-radius: 10px;border: dashed;padding-left: 5px;padding-right: 5px;">DREAMMOB100</span></strong></span></p>
</div>
</div>
</div>
</body>
</html>
<p id="QQ82197" style="text-align: center;"><strong><span style="color: #000000;font-size: 20px;background: #dced00;padding-left: 10px;padding-right: 10px;padding-top: 5px;padding-bottom: 5px;border-radius: 10px; box-shadow: 1px 5px 15px;">Laptop Promo Codes</span></strong></p>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {
font-family: Arial, Helvetica, sans-serif;
}
.flip-card {
background-color: transparent;
width: 250px;
height: 300px;
perspective: 1000px;
}
.flip-card-inner {
position: relative;
width: 100%;
height: 100%;
text-align: center;
transition: transform 0.6s;
transform-style: preserve-3d;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}
.flip-card:hover .flip-card-inner {
transform: rotateY(180deg);
}
.flip-card-front, .flip-card-back {
position: absolute;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.flip-card-front {
background-color: #bbb;
color: black;
}
.flip-card-back {
background-color: #96c84c;
color: white;
transform: rotateY(180deg);
}
</style>
</head>
<body>
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<img src="" alt="Avatar" style="width:300px;height:300px;">
</div>
<div class="flip-card-back" style="border: dashed;">
<p><br></p>
<p style="text-align: center;"><span style="color: #ffffff; font-size: 26px; font-family: 'Cairo';">خصم على الموبايل <br>لما تستخدم كود الخصم <br><br><strong><span id="I65WUH9" style="font-size: 28px;color: #000000;background: white;border-radius: 10px;border: dashed;padding-left: 5px;padding-right: 5px;">SM250</span></strong></span></p>
</div>
</div>
</div>
</body>
</html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {
font-family: Arial, Helvetica, sans-serif;
}
.flip-card {
background-color: transparent;
width: 250px;
height: 300px;
perspective: 1000px;
}
.flip-card-inner {
position: relative;
width: 100%;
height: 100%;
text-align: center;
transition: transform 0.6s;
transform-style: preserve-3d;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}
.flip-card:hover .flip-card-inner {
transform: rotateY(180deg);
}
.flip-card-front, .flip-card-back {
position: absolute;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.flip-card-front {
background-color: #bbb;
color: black;
}
.flip-card-back {
background-color: #96c84c;
color: white;
transform: rotateY(180deg);
}
</style>
</head>
<body>
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<img src="" alt="Avatar" style="width:300px;height:300px;">
</div>
<div class="flip-card-back" style="border: dashed;">
<p><br></p>
<p style="text-align: center;"><span style="color: #ffffff; font-size: 26px; font-family: 'Cairo';">خصم على التابلت <br>لما تستخدم كود الخصم <br><br><strong><span id="I65WUH9" style="font-size: 28px;color: #000000;background: white;border-radius: 10px;border: dashed;padding-left: 5px;padding-right: 5px;">ST250</span></strong></span></p>
</div>
</div>
</div>
</body>
</html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {
font-family: Arial, Helvetica, sans-serif;
}
.flip-card {
background-color: transparent;
width: 250px;
height: 300px;
perspective: 1000px;
}
.flip-card-inner {
position: relative;
width: 100%;
height: 100%;
text-align: center;
transition: transform 0.6s;
transform-style: preserve-3d;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}
.flip-card:hover .flip-card-inner {
transform: rotateY(180deg);
}
.flip-card-front, .flip-card-back {
position: absolute;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.flip-card-front {
background-color: #bbb;
color: black;
}
.flip-card-back {
background-color: #96c84c;
color: white;
transform: rotateY(180deg);
}
</style>
</head>
<body>
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<img src="" alt="Avatar" style="width:300px;height:300px;">
</div>
<div class="flip-card-back" style="border: dashed;">
<p><br></p>
<p style="text-align: center;"><span style="color: #ffffff; font-size: 26px; font-family: 'Cairo';">خصم على الاكسسوار <br>لما تستخدم كود الخصم <br><br><strong><span id="I65WUH9" style="font-size: 28px;color: #000000;background: white;border-radius: 10px;border: dashed;padding-left: 5px;padding-right: 5px;">SA250</span></strong></span></p>
</div>
</div>
</div>
</body>
</html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {
font-family: Arial, Helvetica, sans-serif;
}
.flip-card {
background-color: transparent;
width: 250px;
height: 300px;
perspective: 1000px;
}
.flip-card-inner {
position: relative;
width: 100%;
height: 100%;
text-align: center;
transition: transform 0.6s;
transform-style: preserve-3d;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}
.flip-card:hover .flip-card-inner {
transform: rotateY(180deg);
}
.flip-card-front, .flip-card-back {
position: absolute;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.flip-card-front {
background-color: #bbb;
color: black;
}
.flip-card-back {
background-color: #96c84c;
color: white;
transform: rotateY(180deg);
}
</style>
</head>
<body>
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<img src="" alt="Avatar" style="width:300px;height:300px;">
</div>
<div class="flip-card-back" style="border: dashed;">
<p><br></p>
<p style="text-align: center;"><span style="color: #ffffff; font-size: 26px; font-family: 'Cairo';">خصم على الاب توب <br>لما تستخدم كود الخصم <br><br><strong><span id="I65WUH9" style="font-size: 28px;color: #000000;background: white;border-radius: 10px;border: dashed;padding-left: 5px;padding-right: 5px;">SL400</span></strong></span></p>
</div>
</div>
</div>
</body>
</html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {
font-family: Arial, Helvetica, sans-serif;
}
.flip-card {
background-color: transparent;
width: 250px;
height: 300px;
perspective: 1000px;
}
.flip-card-inner {
position: relative;
width: 100%;
height: 100%;
text-align: center;
transition: transform 0.6s;
transform-style: preserve-3d;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}
.flip-card:hover .flip-card-inner {
transform: rotateY(180deg);
}
.flip-card-front, .flip-card-back {
position: absolute;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.flip-card-front {
background-color: #bbb;
color: black;
}
.flip-card-back {
background-color: #96c84c;
color: white;
transform: rotateY(180deg);
}
</style>
</head>
<body>
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<img src="" alt="Avatar" style="width:300px;height:300px;">
</div>
<div class="flip-card-back" style="border: dashed;">
<p><br></p>
<p style="text-align: center;"><span style="color: #ffffff; font-size: 24px; font-family: 'Cairo';">خصم على الأجهزة المنزلية <br>لما تستخدم كود الخصم <br><br><strong><span id="I65WUH9" style="font-size: 28px;color: #000000;background: white;border-radius: 10px;border: dashed;padding-left: 5px;padding-right: 5px;">SH250</span></strong></span></p>
</div>
</div>
</div>
</body>
</html>