<!DOCTYPE html>
<html>
<head>
	<title>OSL TV : شاهد القنوات التلفزية مجاناً على هاتفك</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
	<style type="text/css">
		
		@font-face {
		  font-family: 'Marai';
		  src: url('Style/Marai.ttf'); /* IE9 Compat Modes */
		  
		  }
		*
		{
			padding: 0;
			margin: 0;
			direction: rtl;
			color: #fff;
			font-family: 'Marai';
			text-decoration:none;
		}

		body
		{
			background-color: #00ade6;
		}

		p
		{
			padding-top: 10px;
			padding-bottom: 10px;
			line-height: 30px
		}

		#header
		{
			height: 50px;
			color: #fff;
			padding:10px;
			margin-bottom: 30px;

		}
	
		#header *
		{
			display: inline-block;
		}

		#header img
		{
			width: 50px;
			height: 50px;
			float: left;
		}

		#header h1
		{
			margin-left: 10px;
			margin-top: 15px;
			font-size: 25px;
			float: left;
			font-weight: bold;
		}

		#logo_container
		{
			width: 28%;
			float: left;
		}

		#navbar_container
		{
			width: 70%;
		}

		#navbar li
		{
			padding: 7px;
			font-size: 16px;
		}

		#content div
		{
			padding: 20px;
		}

		h2
		{
			font-size: 40px;
		}

		h3
		{
			font-size: 30px;
		}

		#overview h3
		{
			font-size: 25px;
		}

		.button_download
		{
			width: 120px;
			color: #00ade6;
			background-color: #fff;
			padding: 10px;
		}

		.button_download_negative
		{
			width: 250px;
			color: #fff;
			background-color: #00ade6;
			padding: 10px;
			border-bottom: 8px #8ae2ff solid;
		}

		.class1
		{
			margin-top: 30px;
			background-color: #00ade6;
			color: #fff;
		}

		.class2
		{
			margin-top: 30px;
			background-color: #f9f6f0;
			color: #7f7f7f;
		}
		.class2 h3
		{
			color: #444;
		}

		.container {
		    width: 90%;
		    overflow-x: auto;
		    white-space: nowrap;
		}
		.container img
		{
			height: 300px;
		}
		#feature_table tr td
		{
			width: 30%;
		}
		.feature_card
		{
			width: 27%;
			height: 235px;
			vertical-align: top;
			text-align: center;
			display: inline-block;
		}
		.feature_card img
		{
			width: 75px;
			margin-bottom: 10px;
		}
		.feature_card h4
		{
			font-size: 25px;
		}

		/*social fixed*/
		#social_fixed
		{
			padding: 0;
			margin: 0;
			position: fixed;
			bottom: 0px;
			right: 10px;
		}

		@media only screen and (max-width: 580px) {
			.feature_card {
				width: 90%;
				height: auto;
				vertical-align: top;
				display: block;
			}

			#logo_container
			{
				width: 90%;
				float: left;
			}

			#navbar_container
			{
				margin: 10px;
				width: 97%;
			}

		}

	</style>

	<script type="text/javascript">

		is_visible = false;

		function show_window() {
			var window_facebook = document.getElementById("window_facebook");
			var window_icon = document.getElementById("window_icon");
			window_facebook.style.display = "block";
			window_icon.src = "Images/minimize.png";
		}

		function hide_window() {
			var window_facebook = document.getElementById("window_facebook");
			var window_icon = document.getElementById("window_icon");
			window_facebook.style.display = "none";
			window_icon.src = "Images/maximize.png";
		}

		function toggle_window() {
			if(is_visible)
				hide_window();
			else
				show_window();

			is_visible = !is_visible;
		}
	</script>
</head>
<body>
	<div id="header">
		<div id="logo_container">
			<!-- logo -->
			<img src="http://i.imgur.com/wxVFutP.png" />
			<h1>OSL TV</h1>
		</div>
		<!-- navbar -->
		<div id="navbar_container">
			<ul id="navbar">
				<li><a href="#overview">الرئسية</a></li>
				<li><a href="#osltv">OSL TV</a></li>
				<li><a href="#features">خاصيات</a></li>
				<li><a href="#download">تحميل</a></li>
				<li><a href="#privacy">الخصوصية</a></li>
			</ul>
		</div>
	</div>

	<div id="content">
		<center>

			<!-- overview -->
			<div id="overview">
				<h2>OSL TV</h2>
				<br/>
				<h3>إستمتع بخدماتنا المتنوعة مجاناً، على هاتفك الذكي</h3>
				<br/>
				<a href="#download"><div class="button_download">
					حمل التطبيق الآن
				</div></a>
				<br/>
			</div>

			<!-- osl tv -->
			<div id="osltv" class="class2">
			<h3>ما هو OSL TV ؟</h3>
			<br/>
				هو تطبيق يمكنك من مشاهدة القنوات التلفزية مجاناً على أجهزة الأندرويد.
				<div class="container">		
					<img src="http://i.imgur.com/orMTsme.png" />
					<img src="http://i.imgur.com/D2v3xxO.png" />
					<img src="http://i.imgur.com/W335C8m.png" />
					<img src="http://i.imgur.com/cF7bYXe.png" />
					<img src="http://i.imgur.com/5p2CZCl.png" />
					<img src="http://i.imgur.com/fSihcsB.png" />
				</div>
			</div>

			<!-- features -->
			<div id="features" class="class1">
				<h3>خاصيات</h3>
				<br/>
				<div class="feature_card">
					<img src="http://i.imgur.com/ehiIK0R.png"/>
					<h4>قنوات تلفزية</h4>	
					<p>شاهد مباشرةً أفضل القنوات التلفزية العربية</p>
				</div>
			
				<div class="feature_card">
					<img src="http://i.imgur.com/mLxKxBz.png"/>
					<h4>مباريات رياضية</h4>	
					<p>شاهد البث المباشر لأبرز المباريات الرياضية مجاناً</p>
				</div>
			
				<div class="feature_card">
					<img src="http://i.imgur.com/lY7McqH.png"/>
					<h4>أفلام عالمية</h4>	
					<p>شاهد أحدث و أفضل الأفلام العالمية مجاناً</p>
				</div>

				<div class="feature_card">
					<img src="http://i.imgur.com/wcHut8w.png"/>
					<h4>مشغل الIPTV</h4>	
					<p>يمكنكم التطبيق من مشاهدة قنوات ال IPTV الخاصة بكم عبر مشغل ال IPTV</p>
				</div>
			
				<div class="feature_card">
					<img src="http://i.imgur.com/0pXGkNP.png"/>
					<h4>القرآن الكريم</h4>	
					<p>يسمح لكم تطبيقنا بالإستماع إلى القرآن الكريم بصوت أحسن المقرئين</p>
				</div>
			
				<div class="feature_card">
					<img src="http://i.imgur.com/pFkZkGz.png"/>
					<h4>إعدادات متقدمة</h4>	
					<p>يمكنكم تغيير إعدادات التطبيق، لكي نوفر أفضل تجربة للمستخدم</p>
				</div>
			</div>

			<!-- download -->
			<div id="download" class="class2">
				<h3>تحميل</h3>
				<br/>
				<a target="_blank" href="http://dl.osltv.com">
					<div class="button_download_negative">
						<table>
							<tr>
								<td>
									<img style="border-left:1px #fff solid;margin-left:10px;padding-left:10px" src="http://i.imgur.com/BMl9z6k.png">	
								</td>
								<td>
									<span>الإصدار 3.2</span><br/>
									<span>أنظمة تشغيل الأندرويد</span><br/>
									<span>4.0 فما فوق</span>
								</td>
							</tr>
						</table>
					</div>
				</a>

				<br/>
				<a style="color:#00ade6"  target="_blank" href="https://www.youtube.com/watch?v=gsiuKHVqThs" ref="nofollow">كيف يتم تثبيت التطبيق على الهاتف؟</a>

			</div>

			<!-- privacy -->
			<div id="privacy" class="class1">
				<h3>الخصوصية</h3>
				<br/>
				<p>
					تطبيق OSL TV هو تطبيق يجمع روابط ال IPTV المجانية و ينشرها على شكل قنوات تلفزية.
					<br/>
					نحن لا نملك أيا من المواد التي ننشر.
					<br/>
					نحن لا نستضيف أيا من المواد المرئية أو الصوتية التي ننشرها و نوصي و نشجع مستعملي التطبيق بشراء المواد المنشورة من مصادرها الرسمية.
					<br/>
					إذا كنت منشئا لواحد من المواد المنشورة أو مالكا قانونيا لحقوق الطبع و النشر للمادة ، فالمرجو مراسلتنا على البريد الرسمي للتطبيق، وسوف يتم اتخاذ الإجراءات اللازمة حيالها وذلك بعد دراسة الطلب بإمعان من طرف فريقنا.
					<br/>
					لاقتراحاتكم و تساؤلاتكم، المرجوا التواصل معنا على البريد الإلكتروني الرسمي :
					<a href="mailto:contact@osltv.com">contact@osltv.com</a>

					<br/>
					<u>شكر خاص : </u>
					<br/>
					Shadi Khalil
					<br/><br/>
					<p style="direction:ltr">&copy; 2017 by <a target="_blank" href="http://www.zackapps.com">Zakaria Boukaddouss</a>, all rights reserved</p>
			</div>
		</center>
	</div>

	<!-- social_media -->
	<div id="social_fixed">

		<div id="facebook">
			<div style="width:300px;height:40px;background-color:#29487d;padding-top:10px">
				<table style="width:100%">
					<tr>
						<td>
							<img style="width:30px;" src="Images/facebook-logo.png">
						</td>
						<td>
							صفحتنا على الفيسبوك
						</td>
						<td>
							<img id="window_icon" style="width:20px;" src="Images/maximize.png" onclick="toggle_window();">
						</td>
					</tr>
				</table>
			</div>
			<iframe style="display:none" id="window_facebook" src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Ftheosltv%2F&tabs=timeline&width=300&height=250&small_header=false&adapt_container_width=false&hide_cover=false&show_facepile=true&appId=455280847910512" width="300" height="250" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true"></iframe>
		</div>

		<div id="instagram">
		</div>
	</div>

</body>
</html>