<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, maximum-scale=1">

<title>EOStudy  معهد</title>
<link rel="icon" href="favicon.png" type="image/png">
<link rel="shortcut icon" href="favicon.ico" type="img/x-icon">

<link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,800italic,700italic,600italic,400italic,300italic,800,700,600' rel='stylesheet' type='text/css'>
<link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/droid-arabic-kufi" type="text/css"/>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css">
<link href="css/style.css" rel="stylesheet" type="text/css">
<link href="css/font-awesome.css" rel="stylesheet" type="text/css">
<link href="css/responsive.css" rel="stylesheet" type="text/css">
<link href="css/animate.css" rel="stylesheet" type="text/css">

<!--[if IE]><style type="text/css">.pie {behavior:url(PIE.htc);}</style><![endif]-->

<script type="text/javascript" src="js/jquery.1.8.3.min.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
<script type="text/javascript" src="js/jquery-scrolltofixed.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery.isotope.js"></script>
<script type="text/javascript" src="js/wow.js"></script>
<script type="text/javascript" src="js/classie.js"></script>
<script src="contactform/contactform.js"></script>
<!-- Hotjar Tracking Code for www.eostudy.com -->
<script>
    (function(h,o,t,j,a,r){
        h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
        h._hjSettings={hjid:491661,hjsv:5};
        a=o.getElementsByTagName('head')[0];
        r=o.createElement('script');r.async=1;
        r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
        a.appendChild(r);
    })(window,document,'//static.hotjar.com/c/hotjar-','.js?sv=');
</script>
</head>
<body>
<header class="header" id="header"><!--header-start-->
	<div class="container">
    	<figure class="logo animated fadeInDown delay-07s">
        	<a href="#"><img src="img/logo.png" alt=""></a>	
        </figure>	
        <h1 class="animated fadeInDown delay-07s">EOStudy مرحبا بكم في معهد </h1>
        <ul class="we-create animated fadeInUp delay-1s">
        	<li>أفضل معهد لتعليم اللغة الانجليزية عن طريق الإنترنت</li>
        </ul>
            <a class="link animated fadeInUp delay-1s servicelink" href="#contact"> إبدأ </a>
    </div>
</header><!--header-end-->

<nav class="main-nav-outer" id="test" dir="rtl" ><!--main-nav-start-->
	<div class="container">
        <ul class="main-nav">
        	
            <li class="small-logo"><a href="#header"><img src="img/small-logo.png" alt=""></a></li>
           
        </ul>
        <a class="res-nav_click" href="#"><i class="fa-bars"></i></a>
    </div>
</nav><!--main-nav-end-->



<section class="main-section" id="service" dir="rtl" ><!--main-section-start-->
	<div class="container">
    	<h2>دوراتنا</h2>
    	<h6>تم تصميم مجموعة من الدورات لتنساب احتاجياتك و تطلعاتك</h6>
        <div class="row">
        	<div class="col-lg-4 col-sm-6 wow fadeInLeft delay-05s">
            	<div class="service-list">
                	<div class="service-list-col1">
                    	<i class="fa-users"></i>
                    </div>
                	<div class="service-list-col2">
                        <h3>تعلم ضمن مجموعة</h3>
                        <p>تعلم أكثر مع المجموعة
							تتميز الصفوف الجماعية بالقدرة الفائقة على كسر حاجز اللغة عبر ممارستها مع طلاب من نفس المستوى من مختلف الجنسيات العالمية تحت إشراف وتوجيه الهيئة التدريسية ، فمن خلال الصفوف الجماعية بإمكانك الاحتكاك بمجتمعات مختلفة وإثبات ذاتك وزيادة الثقة بالنفس ..</p>
                    </div>
                </div>
                <div class="service-list">
                	<div class="service-list-col1">
                    	<i class="fa-video-camera"></i>
                    </div>
                	<div class="service-list-col2">
                        <h3>محاضرات مسجلة</h3>
                        <p>تسجيلات وكتب الكترونية
يقوم المعهد بتزويد الطلاب بالكتب الإلكترونية اللازمة لاكتمال الدراسة وكما يقدم المعهد خدمة الوصول الى الحصص المسجلة بعد اقل من 24 ساعة من نهاية المحاضرة.</p>
                    </div>
                </div>
                <div class="service-list">
                	<div class="service-list-col1">
                    	<i class="fa fa-windows" aria-hidden="true"></i>
                    </div>
                	<div class="service-list-col2">
                        <h3>برامج متقدمة</h3>
                        <p>كي يكون التعليم عن بعد اقرب ما يكون للواقع يستخدم معهد EOstudy برامج متقدمة مثل برنامج Wiziq وغيره من البرامج المتقدمة..</p>
                    </div>
                </div>
                <div class="service-list">
                	<div class="service-list-col1">
                    	<i class="fa-comments"></i>
                    </div>
                	<div class="service-list-col2">
                        <h3>تعلم من اهل اللغة</h3>
                        <p>يؤمن المعهد بان تعلم اللغة الانجليزية من اهل اللغة هي الطريقة الافضل لتخريج طلاب يتقنون اللغة الانجليزية , ولكن المعهد يوفر مدرسين يتكلمون اللغة الانجليزية والعربية للمبتدئين.</p>
                    </div>
                </div>
            </div>
            <figure class="col-lg-8 col-sm-6  text-right wow fadeInUp delay-02s">
            	<img src="img/EOSTUDY_Laptop.png" alt="">
            </figure>
        
        </div>
	</div>
</section><!--main-section-end-->



<section class="main-section alabaster"><!--main-section alabaster-start-->
	<div class="container">
    	<div class="row">
			<figure class="col-lg-12 col-sm-12 wow fadeInDown delay-03">
				<div class="video-container"><iframe width="853" height="480" src="https://www.youtube.com/embed/wqlWy0Gfts8" frameborder="0" allowfullscreen></iframe></div>

     
            </figure>
        	
        </div>
	</div>
</section><!--main-section alabaster-end-->






<section class="main-section client-part" id="client"><!--main-section client-part-start-->
	<div class="container" dir="rtl" >
		<b class="quote-right wow fadeInDown delay-03"><i class="fa-quote-right"></i></b>
    	<div class="row">
        	<div class="col-lg-12" >
            	<p class="client-part-haead wow fadeInDown delay-05">السلام عليكم ورحمة الله وبركاته انا محمد عمر عسيري من المملكة العربية السعودية، احب ان اشكر موقع EOstudy وأتمنى لهم التوفيق ان شاء الله، لله الحمد اتممت المستوى C معهم وداخل المستوى D. بالنسبة للشهادة أرسلوها لي الكترونياً. أشكرهم وأتمنى لهم التوفيق</p>
            </div>
        </div>
    	<ul class="client wow fadeIn delay-05s">
        	<li><a target="blank" href="https://youtu.be/EHOH25hF2AU">
            	<img src="img/Student.png" alt="">
                <h3>   محمد  عسيري</h3>
                <span>أحد طلاب المعهد</span>
            </a></li>
        </ul>
    </div>
</section><!--main-section client-part-end-->
<div class="c-logo-part"><!--c-logo-part-start-->
	<div class="container">
    	
	</div>
</div><!--c-logo-part-end-->




<section class="business-talking"><!--business-talking-start-->
	<div class="container">
        <h2>سجل الأن </h2>
              <h2>أفضل دورات اللغة الانجليزية قراءة و كتابة ومحادثة</h2>محداثة </h2>
    </div>
</section><!--business-talking-end-->
<div class="container">
<section class="main-section contact" id="contact">
	
        <div class="row">
        	<div class="col-lg-6 col-sm-7 wow fadeInLeft">
            	<div class="contact-info-box address clearfix">
                	<h3><i class=" icon-map-marker"></i>Address:</h3>
                	<span>347 W 29th St,</br> New York, NY 10001</span>
                </div>
                <div class="contact-info-box phone clearfix">
                	<h3><i class="fa-phone"></i>Phone:</h3>
                	<span>001-646-918-8222</span>
                </div>
                <div class="contact-info-box email clearfix">
                	<h3><i class="fa-pencil"></i>email:</h3>
                	<span>info@eostudy.com</span>
                </div>
            	
            	
                <ul class="social-link">
                	<li class="twitter"><a target="blank" href="https://twitter.com/eostudy"><i class="fa-twitter"></i></a></li>
                    <li class="facebook"><a target="blank" href="https://www.facebook.com/eostudy"><i class="fa-facebook"></i></a></li>
                    <li class="youtube"><a target="blank" href="https://www.youtube.com/channel/UCCispFAXtMmYKdqji03hXQA"><i class="fa-youtube"></i></a></li>
					<li class="dribbble"><a target="blank" href="https://www.instagram.com/eostudy/"><i class="fa-instagram"></i></a></li>
            </div>
        	<div class="col-lg-6 col-sm-5 wow fadeInUp delay-05s">
            	<div class="form "   dir="rtl" >
                	

                    <div id="errormessage"></div>
                    <form onsubmit="return validateForm1()" action="http://eostudy.net/crm/index.php?entryPoint=WebToLeadCapture" name="WebToLeadForm" method="POST" id="contact_form" name="myForm">
                        <div class="form-group">
                            <input type="text" name="last_name" class="form-control input-text" id="last_name1" placeholder="الإسم الرباعي" data-rule="minlen:4" data-msg="Please enter at least 4 chars" />
                            <div dir="rtl" style="display:none; text-align:right; color:red;" id="name-valid1" class="alert alert-danger">الرجاء ادخال الاسم بشكل صحيح</div>
							<div class="validation"></div>
                        </div>
                        <div class="form-group">
                            <input type="email" class="form-control input-text" name="email1" id="email11" placeholder="البريد الإلكتروني" data-rule="email" data-msg="Please enter a valid email" />
							<div dir="rtl" style="display:none; text-align:right; color:red;"id="email-valid1"  class="alert alert-danger">الرجاء ادخال البريد الالكتروني بشكل صحيح</div>                           
						   <div class="validation"></div>
                        </div>
                        <div class="form-group">
                            <input type="text" class="form-control input-text" name="phone_mobile" id="phone_mobile1" placeholder="رقم الهاتف" data-rule="minlen:4" data-msg="Please enter at least 8 chars of subject" />
                            <div dir="rtl" style="display:none; text-align:right; color:red; "id="phone-valid1"  class="alert alert-danger">الرجاء ادخال رقم الجوال بشكل صحيح</div>
							<div class="validation"></div>
                        </div>
                        
						<input id="campaign_id" type="hidden" name="campaign_id" value="9189b8f0-2729-ba7c-d17c-55b34c5fc40b" />
						<input id="assigned_user_id" type="hidden" name="assigned_user_id" value="1" />
						<!-- PHP code -->
						
						
						
						
						<?php 
								$client  = @$_SERVER['HTTP_CLIENT_IP'];
								$forward = @$_SERVER['HTTP_X_FORWARDED_FOR'];
								$remote  = @$_SERVER['REMOTE_ADDR'];
								$result  = array('country'=>'', 'city'=>'');
								if(filter_var($client, FILTER_VALIDATE_IP)){
									$ip = $client;
								}elseif(filter_var($forward, FILTER_VALIDATE_IP)){
									$ip = $forward;
								}else{
									$ip = $remote;
								}
								$ip_data = @json_decode(file_get_contents("http://www.geoplugin.net/json.gp?ip=".$ip));    
								if($ip_data && $ip_data->geoplugin_countryName != null){
									$result['country'] = $ip_data->geoplugin_countryCode;
									$result['city'] = $ip_data->geoplugin_city;
								}
							?> 
						<br>
						<input type="hidden" name="primary_address_country" id="primary_address_country" value="<?php  echo $result['country'].",".$result['city']; ?>">

						<?php
						 
						function detectDevice(){
							$userAgent = $_SERVER["HTTP_USER_AGENT"];
							$devicesTypes = array(
								"computer" => array("msie 10", "msie 9", "msie 8", "windows.*firefox", "windows.*chrome", "x11.*chrome", "x11.*firefox", "macintosh.*chrome", "macintosh.*firefox", "opera"),
								"tablet"   => array("tablet", "android", "ipad", "tablet.*firefox"),
								"mobile"   => array("mobile ", "android.*mobile", "iphone", "ipod", "opera mobi", "opera mini"),
								"bot"      => array("googlebot", "mediapartners-google", "adsbot-google", "duckduckbot", "msnbot", "bingbot", "ask", "facebook", "yahoo", "addthis")
							);
							foreach($devicesTypes as $deviceType => $devices) {           
								foreach($devices as $device) {
									if(preg_match("/" . $device . "/i", $userAgent)) {
										$deviceName = $deviceType;
									}
								}
							}
							return ucfirst($deviceName);
							}
						 
						?>

						<input type="hidden" name="leadsignupdevicetype_c" id="leadsignupdevicetype_c" value="<?php  echo detectDevice(); ?>">
						
						<select style="display: none;" id="lead_source" name="lead_source" tabindex="1">
							<option selected="selected" value="google_ads_new">google_ads_new</option>
						</select>
						<input style="display: none;" id="lead_source_description" type="text" name="lead_source_description" value="lead from lANDING PAGE - Mailer 1" />
						<input  id="req_id" type="hidden" name="req_id" value="last_name;" />
						<input id="redirect_url" type="hidden" name="redirect_url" value="http://eostudy.com/landingpage/landpw2/thankyou.html" />
						
						
                        
                        <div class="text-center"><button id="submitb" type="submit" class="input-btn">إبدأ  </button></div>
                    </form>
                </div>	
            </div>
        </div>
</section>
</div>


<footer class="footer">
    <div class="container">
        <div class="footer-logo"><a href="#"><img src="img/footer-logo.png" alt=""></a></div>
        
    </div>
</footer>

<!--




-->





<script type="text/javascript">
    $(document).ready(function(e) {
        $('#test').scrollToFixed();
        $('.res-nav_click').click(function(){
            $('.main-nav').slideToggle();
            return false    
            
        });
        
    });
</script>

  <script>
    wow = new WOW(
      {
        animateClass: 'animated',
        offset:       100
      }
    );
    wow.init();
  </script>


<script type="text/javascript">
	$(window).load(function(){
		
		$('.main-nav li a, .servicelink').bind('click',function(event){
			var $anchor = $(this);
			
			$('html, body').stop().animate({
				scrollTop: $($anchor.attr('href')).offset().top - 102
			}, 1500,'easeInOutExpo');
			/*
			if you don't want to use the easing effects:
			$('html, body').stop().animate({
				scrollTop: $($anchor.attr('href')).offset().top
			}, 1000);
			*/
      if ($(window).width() < 768 ) { 
        $('.main-nav').hide(); 
      }
			event.preventDefault();
		});
	})
</script>

<script type="text/javascript">

$(window).load(function(){
  
  
  var $container = $('.portfolioContainer'),
      $body = $('body'),
      colW = 375,
      columns = null;

  
  $container.isotope({
    // disable window resizing
    resizable: true,
    masonry: {
      columnWidth: colW
    }
  });
  
  $(window).smartresize(function(){
    // check if columns has changed
    var currentColumns = Math.floor( ( $body.width() -30 ) / colW );
    if ( currentColumns !== columns ) {
      // set new column count
      columns = currentColumns;
      // apply width to container manually, then trigger relayout
      $container.width( columns * colW )
        .isotope('reLayout');
    }
    
  }).smartresize(); // trigger resize to set container width
  $('.portfolioFilter a').click(function(){
        $('.portfolioFilter .current').removeClass('current');
        $(this).addClass('current');
 
        var selector = $(this).attr('data-filter');
        $container.isotope({
			
            filter: selector,
         });
         return false;
    });
  
});

</script>

<script>
function validateForm1() {
	var x = $("#last_name1").val();
	var y = $("#phone_mobile1").val();
	var z = $("#email11").val();
	var x1 = 0; x2 = 0; x3 = 0;
    if (x == null || x == "" || y == null || y == "" || z == null || z == "" ) {
        $("#name-valid1").show(300).delay(3000).hide(300);
        $("#email-valid1").show(300).delay(3000).hide(300);
        $("#phone-valid1").show(300).delay(3000).hide(300);
	
        return false;
    } else {
		x1 = 1;
	}
	if(!y.match(/\d{10}/g)) {
        $("#phone-valid1").show(300).delay(3000).hide(300);
	
        return false;
	} else {
		x2 = 1;
	}
	if(!z.match(/\S+@\S+\.\S+/i)) {	
        $("#email-valid1").show(300).delay(3000).slideUp(300);
		
        return false;
	} else {
		x3 = 1;
	}
	if(x1 == 1 && x2 == 1 && x3 == 1){
		$("#submitb").attr('disabled','disabled');
    
		return true;
	}
}
</script>


</body>
</html>