Mit dem Seobility Widget kannst Du Besuchern Deiner Website zeigen, wie gut Deine Seite SEO-optimiert ist. Das Widget zeigt immer den aktuellen SEO-Score Deiner Homepage/Startseite an.
Meta Title
<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Online Information Technology - أون لاين لتقنية المعلومات</title>
<!-- font-awesome -->
<link rel="stylesheet" type="text/css" href="css/font-awesome.css"/>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous">
<!-- hover -->
<link rel="stylesheet" type="text/css" href="css/hover.css"/>
<!-- Bootstrap_CSS -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
<link rel="stylesheet" type="text/css" href="css/bootstrap-rtl.min.css"/>
<!-- slick -->
<link rel="stylesheet" type="text/css" href="css/slick.css"/>
<link rel="stylesheet" type="text/css" href="css/slick-theme.css"/>
<!-- wow_s-->
<link rel="stylesheet" href="css/animate.min.css">
<!-- Magnific-popup -->
<link rel="stylesheet" href="css/layout.css">
<!-- revaliotion_slider -->
<link rel="stylesheet" href="css/extralayers.css">
<link rel="stylesheet" href="css/settings.css">
<link rel="stylesheet" href="css/custom-revolution.css">
<!-- custom_style -->
<link rel="stylesheet" type="text/css" href="css/custom.css"/>
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico"/>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-33459775-1']);
_gaq.push(['_setDomainName', 'olit.net']);
_gaq.push(['_setAllowLinker', true]);
_gaq.push(['_trackPageview']);
(function () {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
<body class="wow fadeIn" data-wow-duration="3s" data-wow-delay="1s">
<header id="header" class="">
<div class="top_header padd_t_30">
<div class="container">
<div class="row">
<div class="col-lg-3">
<div id="logo">
<a href="index.html" title="شعار الموقع">
<img src="images/logo.png" alt="">
</a>
</div>
</div><!-- end_logo -->
<div class="col-lg-7">
<nav class="navbar navbar-expand-lg navbar-light">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo03" aria-controls="navbarTogglerDemo03" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarTogglerDemo03">
<ul class="navbar-nav mr-auto mt-2 nav mt-lg-0">
<li class="nav-item active">
<a class="nav-link hvr-underline-from-center" href="index.html">الرئيسية </a>
</li>
<li class="nav-item ">
<a class="nav-link hvr-underline-from-center" href="about_us.html">من نحن</a>
</li>
<li class="nav-item">
<a class="nav-link hvr-underline-from-center" href="products.html">المنتجات</a>
</li>
<li class="nav-item">
<a class="nav-link hvr-underline-from-center" href="projects.html">المشاريع</a>
</li>
</ul>
</div>
</nav>
</div><!-- end_menu -->
<div class="col-lg-2">
<a href="contact_us.html" class="btn btn-warning" title="" target="_blank"><i class="fa fa-phone"></i> اتصل بنا</a>
</div><!-- end_btn_yellow -->
</div><!-- end__row -->
</div><!-- end_container -->
</div><!-- end_top_header -->
<div id="slider">
<div class="tp-banner-container slider">
<div class="tp-banner" >
<ul>
<!-- SLIDE -->
<li data-transition="fade" data-slotamount="1" data-masterspeed="300" data-thumb="" data-saveperformance="on" data-title="Intro Slide">
<!-- LAYERS -->
<div class="layers layers_020">
<!-- LAYER NR. 1 -->
<div class="caption lfl qre pic_0"
data-x="left"
data-voffset="-10"
data-hoffset="70"
data-y="20"
data-speed="1200"
data-start="600"
data-easing="easeOutBack"
data-splitin=""
data-splitout="none"
data-elementdelay="0.1"
data-endelementdelay="6"
data-transition="slideleft"
style="">
<img src="" alt="" data-lazyload="images/mob_sl.png">
</div>
<div class="caption lfr vft"
data-x="right"
data-voffset="150"
data-hoffset="-100"
data-y="150"
data-speed="1000"
data-start="1500"
data-easing="easeOutBack"
data-splitin=""
data-splitout="none"
data-elementdelay="0.1"
data-endelementdelay="6"
style="font-size:35px; font-weight: bolder; text-align: right; color: #fff;"> <h2>تطوير الحلول المتكاملة</h2>
</div>
<div class="tp-caption uio lfr "
data-x="right"
data-voffset="-100"
data-hoffset="-100"
data-y="215"
data-customin=""
data-speed="1000"
data-start="2000"
data-easing="easeOutBack"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.1"
data-endelementdelay="0.1"
style="z-index: 8; max-width:auto; text-align: right; font-size:15px; max-height: auto; font-weight: normal; color: #fff;">
____________
</div>
<!-- LAYER NR. 2 -->
<div class="caption lfr ooi"
data-x="right"
data-voffset="-260"
data-hoffset="-100"
data-y="260"
data-speed="1000"
data-start="1500"
data-easing="easeOutBack"
data-splitin=""
data-splitout="none"
data-elementdelay="0.1"
data-endelementdelay="6">
<p style="font-size:16px; text-align: right; color: #fff;font-weight: normal;font-family: 'Cairo', sans-serif;">خبراتنا السابقة فى مجال التطوير توهلنا لدمج تقنيات <br/>مختلفة فى اطار عمل موحد</p>
</div>
</div>
</li>
<!-- SLIDE -->
<li data-transition="fade" data-slotamount="1" data-masterspeed="300" data-thumb="" data-saveperformance="on" data-title="Intro Slide">
<!-- LAYERS -->
<div class="layers layers_020">
<!-- LAYER NR. 1 -->
<div class="caption lfl qre pic_0"
data-x="left"
data-voffset="-10"
data-hoffset="70"
data-y="center"
data-speed="2200"
data-start="600"
data-easing="easeOutBack"
data-splitin=""
data-splitout="none"
data-elementdelay="0.1"
data-endelementdelay="6"
data-transition="slideleft"
style="">
<img src="" alt="" data-lazyload="images/lab_sl.png">
</div>
<div class="caption lfr vft"
data-x="right"
data-voffset="150"
data-hoffset="-100"
data-y="150"
data-speed="2000"
data-start="1500"
data-easing="easeOutBack"
data-splitin=""
data-splitout="none"
data-elementdelay="0.1"
data-endelementdelay="6"
style="font-size:35px; font-weight: bolder; text-align: right; color: #fff;"> <h2>الاستشارات التقنية</h2>
</div>
<div class="tp-caption uio lfr "
data-x="right"
data-voffset="-100"
data-hoffset="-100"
data-y="215"
data-customin=""
data-speed="2000"
data-start="2000"
data-easing="easeOutBack"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.1"
data-endelementdelay="0.1"
style="z-index: 8; max-width:auto; text-align: right; font-size:15px; max-height: auto; font-weight: normal; color: #fff;">
____________
</div>
<!-- LAYER NR. 2 -->
<div class="caption lfr ooi"
data-x="right"
data-voffset="-260"
data-hoffset="-100"
data-y="260"
data-speed="2000"
data-start="1500"
data-easing="easeOutBack"
data-splitin=""
data-splitout="none"
data-elementdelay="0.1"
data-endelementdelay="6">
<p style="font-size:16px; text-align: right; color: #fff;font-weight: normal;font-family: 'Cairo', sans-serif;">ندعم الموسسات الحكومية والقطاع الخاص فى <br/>رسم خطط تقنية لتحقيق اهداف المؤسسة</p>
</div>
</div>
</li>
<!-- SLIDE -->
<li data-transition="fade" data-slotamount="1" data-masterspeed="300" data-thumb="" data-saveperformance="on" data-title="Intro Slide">
<!-- LAYERS -->
<div class="layers layers_020">
<!-- LAYER NR. 1 -->
<div class="caption lfl qre pic_0"
data-x="left"
data-voffset="-10"
data-hoffset="70"
data-y="center"
data-speed="2200"
data-start="600"
data-easing="easeOutBack"
data-splitin=""
data-splitout="none"
data-elementdelay="0.1"
data-endelementdelay="6"
data-transition="slideleft"
style="">
<img src="" alt="" data-lazyload="images/mob_all.png">
</div>
<div class="caption lfr vft"
data-x="right"
data-voffset="150"
data-hoffset="-100"
data-y="150"
data-speed="2000"
data-start="1500"
data-easing="easeOutBack"
data-splitin=""
data-splitout="none"
data-elementdelay="0.1"
data-endelementdelay="6"
style="font-size:35px; font-weight: bolder; text-align: right; color: #fff;"> <h2>خبرة المستخدم</h2>
</div>
<div class="tp-caption uio lfr"
data-x="right"
data-voffset="-100"
data-hoffset="-100"
data-y="215"
data-customin=""
data-speed="2000"
data-start="2000"
data-easing="easeOutBack"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.1"
data-endelementdelay="0.1"
style="z-index: 8; max-width:auto; text-align: right; font-size:15px; max-height: auto; font-weight: normal; color: #fff;">
____________
</div>
<!-- LAYER NR. 2 -->
<div class="caption lfr ooi"
data-x="right"
data-voffset="-260"
data-hoffset="-100"
data-y="260"
data-speed="2000"
data-start="1500"
data-easing="easeOutBack"
data-splitin=""
data-splitout="none"
data-elementdelay="0.1"
data-endelementdelay="6">
<p style="font-size:16px; text-align: right; color: #fff;font-weight: normal;font-family: 'Cairo', sans-serif;">تصميم حلول مبتكرة سهلة الاستخدام تناسب فئة <br/>كبيرة من المستخدمين </p>
</div>
</div>
</li>
</ul>
<div class="tp-bannertimer"></div>
</div>
</div>
</div><!-- end_slider -->
<div class="shap_curve">
<img src="images/shap_curve.png" width="100%" alt="">
</div><!-- end_shap_curve -->
</header><!-- end_header -->
<section id="about_us">
<div class="container">
<div class="row">
<div class="col-lg-4">
<div class="img_about">
<img src="images/screen_ab.png" alt="">
</div>
</div><!-- end_img_about-->
<div class="col-lg-7 offset-lg-1">
<div class="details_about">
<div class="title_sec">
<h2>من نحن</h2>
</div>
<p> فى عام 2003 انطلقت أعمال أون لاين لتقنية المعلومات بملكية سعودية حيث كرست نشاطها وخبراتها لتقديم أحدث الحلول المعلوماتية المبتكرة والملائمة لروح العصر ومتطلابته مع الاهتمام الكبير بوثوقية الأداءوتلبية الاحتياجات وبفضل من الله ثم ثقة عملائنا الكرام ارتقينا إلى مصاف الرواد فى مجال التقنية واصبح لدى فريق العمل رؤية متكاملة ترقى لتوفير متطلبات العملاء وتقديم افضل الخدمات بأسرع وقت...... </p>
<!-- <button type="button" class="col-lg-3 btn btn-primary">اقرأ المزيد</button> -->
</div>
</div><!-- end_details_about -->
</div>
</div>
</section>
<section id="service">
<div class="container">
<div class="row">
<div class="title_sec title_sec_00">
<h2 class="ce">خدماتنا</h2>
</div><!-- end_title_sec -->
<div class="col-lg-4">
<div class="block_sev">
<div class="icon_sev">
<img src="images/2de.png" alt="">
</div>
<h3 style="font-size:20px">تصميم و تطوير المواقع</h3>
<p>لاشك ان التصميم الجذاب مع مراعاة جودة الأداء للموقع يترك انطباع رائعاً لدى عملائك لتبدو أمام عملائك بالشكل الذى تستحقة، من هنا سعت شركة أون لاين لتكون شريك النجاح لتحويل هذه المتطلبات الى عمل ملموس وفق معايير الجودة المتبعة عالمياً.</p>
</div>
</div><!-- end_block_sev -->
<div class="col-lg-4">
<div class="block_sev">
<div class="icon_sev">
<img src="images/6icon.png" alt="">
</div>
<h3 style="font-size:20px">تطبيقات الأجهزة الذكية</h3>
<p>إيماناً من فريق العمل بشركة أون لاين لتقنية المعلومات بأهمية تطبيقات الأجهزة الذكية وتكاملها مع أنظمة العملاء بالقطاعين الخاص والحكومي قامت الشركة بإنشاء قسم مختص لتطوير وبرمجة تطبيقات الأجهزة الذكية باستخدام أفضل الأدوات والتقنيات العالمية لضمان تقديم تطبيقات ذات مستوى عال من الأداء والثبات والأمان.</p>
</div>
</div><!-- end_block_sev -->
<div class="col-lg-4">
<div class="block_sev">
<div class="icon_sev">
<img src="images/5icon.png" alt="">
</div>
<h3 style="font-size:20px">التجارة الالكترونية</h3>
<p>حيث أصبحت التجارة الالكترونية في هذا العصر العمود الفقري للتجارة عوضاً عن التجارة التقليدية وسعياً من شركة أون لاين لتقنية المعلومات لمساعدة عملائها لخلق طرق جديدة لتسويق وبيع منتجاتهم باستخدام أفضل التقنيات لعملائهم مع مراعاة السهولة والموثوقية والأمان والخصوصية.</p>
</div>
</div><!-- end_block_sev -->
<div class="col-lg-4">
<div class="block_sev">
<div class="icon_sev">
<img src="images/963.png" alt="">
</div>
<h3 style="font-size:20px">الخدمات الإستشارية</h3>
<p>نعمل فى شركة أون لاين على تبادل خبراتنى المتراكمة فى مجال تقنية المعلومات مع المؤسسات والشركات لنساعدها فى التخطيط وتنفيذ المبادرات التقنية - اعداد وتخطيط طلبات العروض (RFP) - تحليل الفجوة بين الأداء الفعلي و الأداء المحتمل - تصميم الحلول</p>
</div>
</div><!-- end_block_sev -->
<div class="col-lg-4">
<div class="block_sev">
<div class="icon_sev">
<img src="images/p98.png" alt="">
</div>
<h3 style="font-size:20px"> التسويق الالكتروني </h3>
<p>دع العالم يتعرف عليك من خلال وسائل الاشهار المختلفة عبر وسائل التواصل الاجتماعى ومحركات البحث والنشرات البريدية مما يسهم بشكل ملحوظ فى زيادة مبيعات خدماتك ومنتجاتك والحصول على عملاء جدد.</p>
</div>
</div><!-- end_block_sev -->
<div class="col-lg-4">
<div class="block_sev">
<div class="icon_sev">
<img src="images/3icon.png" alt="">
</div>
<h3 style="font-size:20px">الموارد البشرية</h3>
<p>ستقوم شركة أون لاين لتقنية المعلومات بتقديم خدمتها الرائدة لعملائها وتوفير الكوادر البشرية التي تلبي حاجة سوق العمل من مختلف التخصصات التقنية والهندسية والفنية وذلك من خلال الشراكات الاستراتيجية مع الشركات العالمية المتخصصة لإستقطاب أفضل الخبرات والكفاءات البشرية</p>
</div>
</div><!-- end_block_sev -->
</div>
</div>
</section>
<section id="products" class="temp-class">
<div class="container">
<div class="title_sec title_sec_00">
<h2 class="ce">منتجاتنا </h2>
</div><!-- end_title_sec -->
<div class="products" dir="ltr">
<div class="item_news">
<a href="#" title="">
<div class="block_products">
<div class="hovereffect">
<img class="img-responsive" src="images/1pro.jpg" alt="">
<div class="overlay">
<h2>نظام عنايتي لإدارة الهيئات الطبية</h2>
<a href="#" class="col-lg-6 btn btn-primary" title="" target="_blank">اقرأ المزيد</a>
</div>
</div>
</div>
</a>
</div>
<div class="item_news">
<a href="#" title="">
<div class="block_products">
<div class="hovereffect">
<img class="img-responsive" src="images/2pro.jpg" alt="">
<div class="overlay">
<h2>نظام التوظيف</h2>
<a href="#" class="col-lg-6 btn btn-primary" title="" target="_blank">اقرأ المزيد</a>
</div>
</div>
</div>
</a>
</div>
<div class="item_news">
<a href="#" title="">
<div class="block_products">
<div class="hovereffect">
<img class="img-responsive" src="images/5pro.jpg" alt="">
<div class="overlay">
<h2>نظام التدريب والدورات</h2>
<a href="#" class="col-lg-6 btn btn-primary" title="" target="_blank">اقرأ المزيد</a>
</div>
</div>
</div>
</a>
</div>
<div class="item_news">
<a href="#" title="">
<div class="block_products">
<div class="hovereffect">
<img class="img-responsive" src="images/3pro.jpg" alt="">
<div class="overlay">
<h2>نظام القروض والمساعدات</h2>
<a href="#" class="col-lg-6 btn btn-primary" title="" target="_blank">اقرأ المزيد</a>
</div>
</div>
</div>
</a>
</div>
<div class="item_news">
<a href="#" title="">
<div class="block_products">
<div class="hovereffect">
<img class="img-responsive" src="images/4pro.jpg" alt="">
<div class="overlay">
<h2>نظام باحث البحث العلمي</h2>
<a href="#" class="col-lg-6 btn btn-primary" title="" target="_blank">اقرأ المزيد</a>
</div>
</div>
</div>
</a>
</div>
<div class="item_news">
<a href="#" title="">
<div class="block_products">
<div class="hovereffect">
<img class="img-responsive" src="images/6pro.jpg" alt="">
<div class="overlay">
<h2>نظام الحصاد البحثي</h2>
<a href="#" class="col-lg-6 btn btn-primary" title="" target="_blank">اقرأ المزيد</a>
</div>
</div>
</div>
</a>
</div>
<div class="item_news">
<a href="#" title="">
<div class="block_products">
<div class="hovereffect">
<img class="img-responsive" src="images/7pro.jpg" alt="">
<div class="overlay">
<h2>نظام ادارة المحتوى</h2>
<a href="#" class="col-lg-6 btn btn-primary" title="" target="_blank">اقرأ المزيد</a>
</div>
</div>
</div>
</a>
</div>
<div class="item_news">
<a href="#" title="">
<div class="block_products">
<div class="hovereffect">
<img class="img-responsive" src="images/8pro.jpg" alt="">
<div class="overlay">
<h2>نظام الاسشارات</h2>
<a href="#" class="col-lg-6 btn btn-primary" title="" target="_blank">اقرأ المزيد</a>
</div>
</div>
</div>
</a>
</div>
</div>
</div>
</section>
<section id="Why_text">
<div class="container">
<div class="title_sec title_sec_00">
<h2 class="ce">لماذا نحن</h2>
</div><!-- end_title_sec -->
<div class="row">
<div class="col-lg-6 col-xs-12">
<div class="list_Why_text">
<ul>
<li>
<span>
<i>1</i>
<h4>الخبرة</h4>
</span>
<p>الخبرة تضفى عمق للحلول اللتى نقدمها نصنع بتقنيات الغد ونتفادى مشاكل الامس</p>
</li>
<li>
<span>
<i>6</i>
<h4>الابداع</h4>
</span>
<p>الفهم الجيد لمتطلبات عملائنا تمكنا من انتاج حلول غير تقليدية</p>
</li>
<li>
<span>
<i>2</i>
<h4>الجودة</h4>
</span>
<p>التزامنا بمعاير الجودة العالمية خلال كل مراحل التطوير هو ضمان رضاء عملائنا</p>
</li>
</ul>
</div>
</div>
<div class="col-lg-6 col-xs-12">
<div class="list_Why_text">
<ul>
<li>
<span>
<i>3</i>
<h4>الدعم</h4>
</span>
<p>رغبتنا المستمر للنجاح تدفعنا للدعم المتواصل لعملائنا حتى نصل لهذا النجاح المشترك</p>
</li>
<li>
<span>
<i>4</i>
<h4>الحماية</h4>
</span>
<p>نحن ندرك حساسية بيانات عملائنا ونمتلك فريق قادر على تامين هذه البيانات وحمايتها</p>
</li>
<li>
<span>
<i>5</i>
<h4>المصداقية</h4>
</span>
<p>صنعنها من خلال قيمنا فى أون لاين الشفافية , التواصل المستمر, الالتزام</p>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<section id="our_work" class="temp-class">
<div class="container">
<div class="title_sec title_sec_00">
<h2 class="ce">أحدث المشروعات</h2>
</div><!-- end_title_sec -->
</div>
<ul id="filters" class="clearfix">
<li><span class="filter active" data-filter=".app, .card, .icon, .logo, .web">الكل</span></li>
<li><span class="filter" data-filter=".app">المجال التعليمى</span></li>
<li><span class="filter" data-filter=".card">المجال الصحى</span></li>
<li><span class="filter" data-filter=".icon">المؤسسات الخيرية</span></li>
<li><span class="filter" data-filter=".logo">اخرى</span></li>
</ul>
<div id="portfoliolist" dir="ltr">
<div class="portfolio logo" data-cat="logo">
<div class="portfolio-wrapper">
<img src="images/wo_7.png" alt="" />
<div class="label">
<div class="label-text">
<a href="project_details.html" class="text-title">نظام الميزان الالكتروني للحمولات</a>
</div>
</div>
</div>
</div>
<div class="portfolio app" data-cat="app">
<div class="portfolio-wrapper">
<img src="images/wo_6.png" alt="" />
<div class="label">
<div class="label-text">
<a href="project_details.html" class="text-title" target="_blank" >عمادة البحث العلمي بجامعة القصيم</a>
</div>
</div>
</div>
</div>
<div class="portfolio card" data-cat="card">
<div class="portfolio-wrapper">
<img src="images/wo_5.png" alt="" />
<div class="label">
<div class="label-text">
<a href="project_details.html" class="text-title" target="_blank" >الهيئة الطبية العامة بمنطقة حائل</a>
</div>
</div>
</div>
</div>
<div class="portfolio card" data-cat="card">
<div class="portfolio-wrapper">
<img src="images/wo_9.png" alt="" />
<div class="label">
<div class="label-text">
<a href="project_details.html" class="text-title" target="_blank" >نظام توظيف صحة عسير</a>
</div>
</div>
</div>
</div>
<div class="portfolio card" data-cat="card">
<div class="portfolio-wrapper">
<img src="images/wo_4.png" alt="" />
<div class="label">
<div class="label-text">
<a href="project_details.html" class="text-title" target="_blank" >نظام الاجازات مستشفى بريدة</a>
</div>
</div>
</div>
</div>
<div class="portfolio logo" data-cat="logo">
<div class="portfolio-wrapper">
<img src="images/wo_8.png" alt="" />
<div class="label">
<div class="label-text">
<a href="project_details.html" class="text-title" target="_blank" >مركز الأعمال للعيادات التخصصية</a>
</div>
</div>
</div>
</div>
<div class="portfolio icon" data-cat="icon">
<div class="portfolio-wrapper">
<img src="images/wo_1.png" alt="" />
<div class="label">
<div class="label-text">
<a href="project_details.html" class="text-title" target="_blank" >نظام الاستشارات الاسرية</a>
</div>
</div>
</div>
</div>
<div class="portfolio icon" data-cat="icon">
<div class="portfolio-wrapper">
<img src="images/wo_2.png" alt="" />
<div class="label">
<div class="label-text">
<a href="project_details.html" class="text-title" target="_blank" >نظام تيسير للقروض والمساعدات</a>
</div>
</div>
</div>
</div>
<div class="portfolio icon" data-cat="icon">
<div class="portfolio-wrapper">
<img src="images/wo_3.png" alt="" />
<div class="label">
<div class="label-text">
<a href="project_details.html" class="text-title" target="_blank" >نظام الدورات التدريبية</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="under_construction" class="temp-class">
<div class="container">
<div class="title_sec title_sec_00">
<h2 class="ce">مشاريع قيد التنفيذ</h2>
</div><!-- end_title_sec -->
<div class="row">
<div class="col-lg-4 col-xs-12">
<div class="item_news">
<div class="block_products">
<a href="#" title="" class="wqa" target="_blank">
<div class="hovereffect">
<img class="img-responsive" src="images/prog_1.jpg" alt="">
<div class="bg_op"></div>
<div class="overlay">
<h2> الهيئة الطبية العامة بجدة</h2>
<a href="#" class="col-lg-6 btn btn-primary" title="" target="_blank">اقرأ المزيد</a>
</div>
</div>
<div class="progress_v progress_v_3">
<span class="label">90<span class="smaller">%</span></span>
<div class="img_progress">
<div class="progres_co"></div>
<div class="progres_co progres_co_right"></div>
</div>
<div class="shadow"></div>
</div>
</a>
</div>
</div>
</div>
<div class="col-lg-4 col-xs-12">
<div class="item_news">
<div class="block_products">
<a href="#" title="" class="wqa" target="_blank">
<div class="hovereffect">
<img class="img-responsive" src="images/prog_2.jpg" alt="">
<div class="bg_op"></div>
<div class="overlay">
<h2>الملحقية الصحية ببريطانيا</h2>
<a href="#" class="col-lg-6 btn btn-primary" title="" target="_blank">اقرأ المزيد</a>
</div>
</div>
<div class="progress_v progress_v_3">
<span class="label">90<span class="smaller">%</span></span>
<div class="img_progress">
<div class="progres_co"></div>
<div class="progres_co progres_co_right"></div>
</div>
<div class="shadow"></div>
</div>
</a>
</div>
</div>
</div>
<div class="col-lg-4 col-xs-12">
<div class="item_news">
<div class="block_products">
<a href="#" title="" class="wqa" target="_blank">
<div class="hovereffect">
<img class="img-responsive" src="images/prog_4.png" alt="">
<div class="bg_op"></div>
<div class="overlay">
<h2> نظام إدارة المرافق بعسير </h2>
<a href="#" class="col-lg-6 btn btn-primary" title="" target="_blank">اقرأ المزيد</a>
</div>
</div>
<div class="progress_v progress_v_2">
<span class="label">40<span class="smaller">%</span></span>
<div class="img_progress">
<div class="progres_co"></div>
<div class="progres_co progres_co_right"></div>
</div>
<div class="shadow"></div>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- <section id="news_block">
<div class="container">
<div class="title_sec title_sec_00">
<h2 class="ce">أخــر الأخبار</h2>
</div> end_title_sec
<div class="carousel_news" dir="ltr">
<div class="block_news item_news">
<span class="img_date">
<img src="images/330x200.png" width="100%" class="" alt="">
<small>8يونيو 2018</small>
</span>
<h3>هناك حقيقة مثبتة منذ زمن طويل وهي أن المحتوى المقروء لصفحة ما سيلهي .</h3>
<a href="#" class="col-lg-6 btn btn-primary" title="" target="_blank">اقرأ المزيد</a>
</div>
<div class="block_news item_news">
<span class="img_date">
<img src="images/330x200.png" width="100%" class="" alt="">
<small>8يونيو 2018</small>
</span>
<h3>هناك حقيقة مثبتة منذ زمن طويل وهي أن المحتوى المقروء لصفحة ما سيلهي .</h3>
<a href="#" class="col-lg-6 btn btn-primary" title="" target="_blank">اقرأ المزيد</a>
</div>
<div class="block_news item_news">
<span class="img_date">
<img src="images/330x200.png" width="100%" class="" alt="">
<small>8يونيو 2018</small>
</span>
<h3>هناك حقيقة مثبتة منذ زمن طويل وهي أن المحتوى المقروء لصفحة ما سيلهي .</h3>
<a href="#" class="col-lg-6 btn btn-primary" title="" target="_blank">اقرأ المزيد</a>
</div>
<div class="block_news item_news">
<span class="img_date">
<img src="images/330x200.png" width="100%" class="" alt="">
<small>8يونيو 2018</small>
</span>
<h3>هناك حقيقة مثبتة منذ زمن طويل وهي أن المحتوى المقروء لصفحة ما سيلهي .</h3>
<a href="#" class="col-lg-6 btn btn-primary" title="" target="_blank">اقرأ المزيد</a>
</div>
</div>
</div>
</section>-->
<section id="partener">
<div class="container">
<div class="title_sec title_sec_00 padd_b_30">
<h2 class="ce">عملاؤنا</h2>
</div>
<div class="partener" dir="ltr">
<div class="item_news">
<!-- <a href="#" title=""> -->
<img class="img-responsive" src="images/part1.jpg" alt="">
<!-- </a>-->
</div>
<div class="item_news">
<!-- <a href="#" title=""> -->
<img class="img-responsive" src="images/part2.jpg" alt="">
<!-- </a>-->
</div>
<div class="item_news">
<!-- <a href="#" title=""> -->
<img class="img-responsive" src="images/part3.jpg" alt="">
<!-- </a>-->
</div>
<div class="item_news">
<!-- <a href="#" title=""> -->
<img class="img-responsive" src="images/part4.jpg" alt="">
<!-- </a>-->
</div>
<div class="item_news">
<!-- <a href="#" title=""> -->
<img class="img-responsive" src="images/part5.jpg" alt="">
<!-- </a>-->
</div>
<div class="item_news">
<!-- <a href="#" title=""> -->
<img class="img-responsive" src="images/part6.jpg" alt="">
<!-- </a>-->
</div>
<div class="item_news">
<!-- <a href="#" title=""> -->
<img class="img-responsive" src="images/part7.jpg" alt="">
<!-- </a>-->
</div>
<div class="item_news">
<!-- <a href="#" title=""> -->
<img class="img-responsive" src="images/part8.jpg" alt="">
<!-- </a>-->
</div>
<div class="item_news">
<!-- <a href="#" title=""> -->
<img class="img-responsive" src="images/part9.jpg" alt="">
<!-- </a>-->
</div>
<div class="item_news">
<!-- <a href="#" title=""> -->
<img class="img-responsive" src="images/part10.jpg" alt="">
<!-- </a>-->
</div>
<div class="item_news">
<!-- <a href="#" title=""> -->
<img class="img-responsive" src="images/part11.jpg" alt="">
<!-- </a>-->
</div>
<div class="item_news">
<!-- <a href="#" title=""> -->
<img class="img-responsive" src="images/part12.jpg" alt="">
<!-- </a>-->
</div>
</div>
</div>
</section>
<footer id="footer">
<!-- <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d13814.703249342068!2d31.334211727460385!3d30.04615718444484!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x14583ef6aac5fd79%3A0xa07b6c601055196e!2z2KfZhNit2Yog2KfZhNiz2KfYqNi52Iwg2YXYr9mK2YbYqSDZhti12LHYjCDZhdit2KfZgdi42Kkg2KfZhNmC2KfZh9ix2KnigKw!5e0!3m2!1sar!2seg!4v1531147166791" width="100%" height="430" frameborder="0" style="border:0" allowfullscreen></iframe> -->
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d14245.698379689971!2d43.94302150461686!3d26.359706276587776!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x157f5825109a2701%3A0x9886c49c1fae7232!2sOnline+Information+Technology!5e0!3m2!1sen!2seg!4v1533566740572" width="100%" height="430" frameborder="0" style="border:0" allowfullscreen></iframe>
<div class="info_footer">
<div class="container">
<div class="row">
<div class="col-lg-4 col-xs-12">
<div class="info_footer_block hvr-bob">
<i class="fa fa-envelope"></i>
<h4>البريد الإلكترونى</h4>
<small>[email protected]</small>
</div>
</div>
<div class="col-lg-4 col-xs-12">
<div class="info_footer_block hvr-bob">
<i class="fa fa-map-marker-alt"></i>
<h4>التوظيف</h4>
<small>[email protected]</small>
</div>
</div>
<div class="col-lg-4 col-xs-12">
<div class="info_footer_block hvr-bob">
<i class="fa fa-phone"></i>
<h4>رقــم الجوال</h4>
<small style="direction:ltr">+966504882388</small>
</div>
</div>
</div>
</div>
</div><!-- end_info_footer-->
<div class="rights">
<div class="container">
<div class="row">
<div class="col-lg-6 col-xs-12">
<div class="by_text">
<p>جميع الحقوق محفوظة لأون لاين لتقنية المعلومات 2018</p>
</div>
</div>
<div class="col-lg-6 col-xs-12">
<div class="social_icon">
<ul>
<li>
<a href="#" title="" target="_blank">
<i class="fab fa-facebook-f"></i>
</a>
</li>
<li>
<a href="https://twitter.com/OlitComSA" title="" target="_blank">
<i class="fab fa-twitter"></i>
</a>
</li>
<li>
<a href="#" title="" target="_blank">
<i class="fab fa-linkedin-in"></i>
</a>
</li>
<li>
<a href="#" title="" target="_blank">
<i class="fab fa-snapchat-ghost"></i>
</a>
</li>
</ul>
</div>
</div> <!-- end_social_icon-->
</div>
</div>
</div>
</footer>
<!-- jQuery-->
<script type="text/javascript" src="js/jquery.min.js"></script>
<!-- bootstrap4-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<!-- slick-->
<script type="text/javascript" src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript" src="js/slick.min.js"></script>
<!-- Magnific-popup -->
<script type="text/javascript" src="js/jquery.mixitup.min.js"></script>
<!-- revaliotion_slider -->
<script src="js/jquery.themepunch.tools.min.js"></script>
<script src="js/jquery.themepunch.revolution.min.js"></script>
<script src="js/custom.js"></script>
<!--wow_s -->
<script src="js/wow.min.js"></script>
<script>
new WOW().init();
</script>
<style>
/*Remove this if all section complete*/
.temp-class a,.temp-class div
{
cursor:default;
}
.temp-class a.btn-primary
{
display:none;
}
</style>
<script>
/*Remove this if all section complete*/
$(function(){
$('.temp-class a').click(function(event){
event.preventDefault();
event.stopPropagation();
return false;
});
});
</script>
</body>
</html>Folgende Keywords wurden erkannt. Überprüfe die Optimierung dieser Keywords für Deine Seite.
Bitte wähle eine der Optionen.
Weitere Hilfe findest Du im Erste Schritte Guide,
oder besuche unsere FAQ, unser Wiki oder unseren Blog.
Wir verwenden Cookies, damit unsere Website funktioniert und auch für Analyse- und Werbezwecke. Du kannst optionale Cookies selbstverständlich auch deaktivieren, siehe die folgenden Links für weitere Informationen.
(Nice to have)