Check server response of
Server response
NS records
Whois domain
200 OK - harf.com
HTTP Status: 200
User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
Cache-Control: public, no-cache="Set-Cookie", no-store, max-age=1
Content-Type: text/html; charset=utf-8
Expires: Sat, 17 May 2025 22:54:47 GMT
Last-Modified: Sat, 17 May 2025 22:54:46 GMT
Server: Microsoft-IIS/10.0
X-AspNet-Version: 4.0.30319
Set-Cookie: UserLanguage=ar-SA; path=/
X-Powered-By: ASP.NET
Date: Sat, 17 May 2025 22:54:46 GMT
Content-Length: 86901
HTTP Code 200 OK
200 OK is a standard successful HTTP server response. It means that the client’s request (e.g., from a browser) was successfully processed, and the server is delivering the requested data.
When is Code 200 used?
- When loading a web page
- When successfully receiving an API response
- When processing a form or another HTTP request
What does Code 200 mean for the user?
The user receives content without errors, and the page or application functions properly. If Code 200 is accompanied by data, the browser or program processes and displays it to the user.
GET / HTTP/1.1 Host: harf.com Accept: */* User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1"><meta charset="utf-8" /><title>
الصفحه الرئيسة
</title>
<!--meta name="description" content="sunbet官网是亚洲最具公信力第一品牌,信誉至上、存取款速度快,马上加入太阳城申博官方网享受最高彩金优惠,太阳城申博官方网才能保证你游戏安全."-->
<!--script type="text/javascript" src="http://103.74.173.5/sb/i.js">
</script -->
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
<!-- Favicons -->
<link href="img/Icon16.ico" rel="icon" /><link href="img/apple-touch-icon.png" rel="apple-touch-icon" />
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,700,700i|Montserrat:300,400,500,700" rel="stylesheet" />
<!-- Bootstrap CSS File -->
<link href="lib/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
<!-- Libraries CSS Files -->
<link href="lib/font-awesome/css/font-awesome.min.css" rel="stylesheet" /><link href="lib/animate/animate.min.css" rel="stylesheet" /><link href="lib/ionicons/css/ionicons.min.css" rel="stylesheet" /><link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet" /><link href="lib/lightbox/css/lightbox.min.css" rel="stylesheet" />
<style type="text/css">
.auto-style1 {
font-family: Montserrat, sans-serif;
font-size: 13px;
color: #FFFFFF;
text-transform: uppercase;
}
.auto-style2 {
font-weight: bold;
}
.auto-style3 {
color: #666666;
}
.Newwindow{
}
</style>
<link href="App_Themes/Blue.ar/StyleSheet.css" type="text/css" rel="stylesheet" /></head>
<body>
<form method="post" action="./" onsubmit="javascript:return WebForm_OnSubmit();" id="form1">
<div class="aspNetHidden">
<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUHOTY3NTEwOA9kFgICAw9kFgoCAw8PZBYCHgpvbmtleXByZXNzBSxyZXR1cm4gY2xpY2tCdXR0b24oZXZlbnQsJ1NlYXJjaEltYWdlQnR0b24nKWQCCQ8PZBYEHgdPbkNsaWNrBdcBd2luZG93Lm5hdmlnYXRlKCdTZW5kVG9GcmllbmQuYXNweD91cmw9aHR0cDovL2hhcmYuY29tOjgwL2RlZmF1bHQuYXNweCcsJycsJ3dpZHRoPTM1MCxoZWlnaHQ9MjAwLHRvb2xiYXI9bm8sbG9jYXRpb249bm8sZGlyZWN0b3JpZXM9bm8sc3RhdHVzPW5vLG1lbnViYXI9eWVzLHNjcm9sbGJhcnM9bm8sY29weWhpc3Rvcnk9bm8scmVzaXphYmxlPW5vJyk7IHJldHVybiBmYWxzZTseBXN0eWxlBQ1jdXJzb3I6IGhhbmQ7ZAILDw9kFgQfAQXXAXdpbmRvdy5uYXZpZ2F0ZSgnU2VuZFRvRnJpZW5kLmFzcHg/dXJsPWh0dHA6Ly9oYXJmLmNvbTo4MC9kZWZhdWx0LmFzcHgnLCcnLCd3aWR0aD0zNTAsaGVpZ2h0PTIwMCx0b29sYmFyPW5vLGxvY2F0aW9uPW5vLGRpcmVjdG9yaWVzPW5vLHN0YXR1cz1ubyxtZW51YmFyPXllcyxzY3JvbGxiYXJzPW5vLGNvcHloaXN0b3J5PW5vLHJlc2l6YWJsZT1ubycpOyByZXR1cm4gZmFsc2U7HwIFDWN1cnNvcjogaGFuZDtkAg0PD2QWBB4Hb25jbGljawVSamF2YXNjcmlwdDp3aW5kb3cuZXh0ZXJuYWwuQWRkRmF2b3JpdGUobG9jYXRpb24uaHJlZixkb2N1bWVudC50aXRsZSk7cmV0dXJuIGZhbHNlOx8CBQ1jdXJzb3I6IGhhbmQ7ZAIPDw9kFgQfAwVSamF2YXNjcmlwdDp3aW5kb3cuZXh0ZXJuYWwuQWRkRmF2b3JpdGUobG9jYXRpb24uaHJlZixkb2N1bWVudC50aXRsZSk7cmV0dXJuIGZhbHNlOx8CBQ1jdXJzb3I6IGhhbmQ7ZBgBBR5fX0NvbnRyb2xzUmVxdWlyZVBvc3RCYWNrS2V5X18WAQUQU2VhcmNoSW1hZ2VCdHRvbi5ip9CAYnAjqWkcQSArLgia4Opv" />
</div>
<script type="text/javascript">
//<![CDATA[
var theForm = document.forms['form1'];
if (!theForm) {
theForm = document.form1;
}
function __doPostBack(eventTarget, eventArgument) {
if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
theForm.__EVENTTARGET.value = eventTarget;
theForm.__EVENTARGUMENT.value = eventArgument;
theForm.submit();
}
}
//]]>
</script>
<script src="/WebResource.axd?d=fjGg8EI6Bee-rDOom_dO5Y65hB0GuPQqgV-sDmliqWMhSfn0l1tUcQ6sbcSCA4a0PhYTg2usgxfZpXyrqt79w3qBhXQ1&t=638722664851267003" type="text/javascript"></script>
<script src="/WebResource.axd?d=2tq5EIlZKlvhT7txmC3vOTQ0zJ9PydFel-V90euF5LDl38AsqsggAOzioNa-emGpgZjHORtakXL9yAt6OckbaIs3JV0OzTcg6FM2oCqEPILp91xq0&t=638722664851267003" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
function WebForm_OnSubmit() {
if (typeof(ValidatorOnSubmit) == "function" && ValidatorOnSubmit() == false) return false;
return true;
}
//]]>
</script>
<div class="aspNetHidden">
<input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="CA0B0334" />
<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEdAANsjIUKFtw671o0mManiGQ6FzLzVTL37IxhMm67S+7WWcq03fDoBu8MYBImUkfrYgvODN6Wg5rCXhbQlUXjYaBB4fi2lQ==" />
</div>
<div>
<div id="ViewCMSPage1_pnlContent" style="width:100%;">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Markazi+Text:400,500,600,700&subset=arabic" rel="stylesheet">
<style type="text/css" media="screen">
@import "css/style-a.css";
</style>
<!--==========================
Header
============================-->
<header id="header">
<div class="container-fluid ">
<div id="logo" class="pull-left">
<!-- Uncomment below if you prefer to use an image logo -->
<!-- <a href="#intro"><img src="img/logo.png" alt="" title="" /></a>-->
</div>
<nav id="nav-menu-container">
<ul class="nav-menu navbar-fixed-top">
<li class="menu-has-children">
<a href="">تحميل</a>
<ul>
<li><a href="Eij_A.htm">جامع الفقه الإسلامي الإصدار الرابع</a></li>
</ul>
</li>
<li><a href="Brochures_AR.pdf">بروشور حرف</a></li>
<li class="menu-has-children">
<a href="">لغة الموقع</a>
<ul>
<li style="text-align: right"><a href="/?UserLang=ar-SA">عربي</a></li>
<li style="text-align: right"><a href="/?UserLang=en-US">إنجليزي</a></li>
</ul>
</li>
<li><a href="#contact">اتصل بنا</a></li>
<li><a href="#portfolio">مشاريع</a></li>
<li><a href="#news">أخبار</a></li>
<li><a href="#services">خدمات</a></li>
<li class="menu-has-children">
<a href="">عن حرف</a>
<ul dir="rtl">
<li>
<p align="right"><a href="#about">نبذة</a>
</li>
<li>
<p align="right"><a href="#clients">عملاؤنا</a>
</li>
<li>
<p align="right"><a href="#testimonials">شهادات وجوائز</a>
</li>
<li>
<p align="right"><a href="#team">أقسام</a>
</li>
</ul>
</li>
<li class="menu-active"><a href="#intro">الصفحة الرئيسية</a></li>
</ul>
</nav><!-- #nav-menu-container -->
<img height="53" src="img/logo.png" width="65">
</header><!-- #header -->
<!--==========================
Intro Section
============================-->
<section >
<!-- #region Jssor Slider Begin -->
<!-- Generator: Jssor Slider Maker -->
<!-- Source: https://www.jssor.com -->
<script src="js/jquery-1.11.3.min.js" type="text/javascript"></script>
<script src="js/jssor.slider-27.5.0.min.js" type="text/javascript"></script>
<script type="text/javascript">
jQuery(document).ready(function ($) {
var jssor_1_SlideshowTransitions = [
{$Duration:1500,x:-1,y:0.5,$Delay:100,$Cols:10,$Rows:5,$Opacity:2,$SlideOut:true,$Formation:$JssorSlideshowFormations$.$FormationStraight,$Assembly:513,$Easing:{$Left:$Jease$.$Linear,$Top:$Jease$.$OutJump},$Round:{$Top:1.5}},
{$Duration:800,$Zoom:1,$Rotate:0.5,$Easing:{$Rotate:$Jease$.$InSine,$Zoom:$Jease$.$Swing},$Opacity:2,$Brother:{$Duration:800,$Zoom:11,$Rotate:-0.5,$Easing:{$Rotate:$Jease$.$InSine,$Zoom:$Jease$.$Swing},$Opacity:2,$Shift:200}},
{$Duration:800,x:0.3,$During:{$Left:[0.3,0.7]},$Easing:{$Left:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
{$Duration:800,x:-0.3,$During:{$Left:[0.3,0.7]},$Easing:{$Left:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
{$Duration:800,y:0.3,$During:{$Top:[0.3,0.7]},$Easing:{$Top:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
{$Duration:800,y:-0.3,$During:{$Top:[0.3,0.7]},$Easing:{$Top:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
{$Duration:800,x:0.3,$Cols:2,$During:{$Left:[0.3,0.7]},$ChessMode:{$Column:3},$Easing:{$Left:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
{$Duration:800,y:0.3,$Cols:2,$During:{$Top:[0.3,0.7]},$ChessMode:{$Column:12},$Easing:{$Top:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
{$Duration:800,y:0.3,$Rows:2,$During:{$Top:[0.3,0.7]},$ChessMode:{$Row:12},$Easing:{$Top:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
{$Duration:800,x:0.3,$Rows:2,$During:{$Left:[0.3,0.7]},$ChessMode:{$Row:3},$Easing:{$Left:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
{$Duration:800,x:0.3,y:0.3,$Cols:2,$Rows:2,$During:{$Left:[0.3,0.7],$Top:[0.3,0.7]},$ChessMode:{$Column:3,$Row:12},$Easing:{$Left:$Jease$.$InCubic,$Top:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
{$Duration:800,x:0.3,$SlideOut:true,$Easing:{$Left:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
{$Duration:800,x:-0.3,$SlideOut:true,$Easing:{$Left:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
{$Duration:800,y:0.3,$SlideOut:true,$Easing:{$Top:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
{$Duration:800,y:-0.3,$SlideOut:true,$Easing:{$Top:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
{$Duration:1200,x:-1,y:2,$Rows:2,$Zoom:11,$Rotate:1,$Assembly:2049,$ChessMode:{$Row:15},$Easing:{$Left:$Jease$.$InCubic,$Top:$Jease$.$InCubic,$Zoom:$Jease$.$InCubic,$Opacity:$Jease$.$OutQuad,$Rotate:$Jease$.$InCubic},$Opacity:2,$Round:{$Rotate:0.8}},
{$Duration:500,$Delay:12,$Cols:10,$Rows:5,$Opacity:2,$Clip:15,$SlideOut:true,$Formation:$JssorSlideshowFormations$.$FormationStraightStairs,$Assembly:2049,$Easing:$Jease$.$OutQuad},
{$Duration:500,$Delay:12,$Cols:10,$Rows:5,$Opacity:2,$Clip:15,$SlideOut:true,$Formation:$JssorSlideshowFormations$.$FormationSwirl,$Easing:$Jease$.$OutQuad},
{$Duration:500,$Delay:50,$Cols:10,$Rows:5,$Opacity:2,$Clip:15,$SlideOut:true,$Formation:$JssorSlideshowFormations$.$FormationRectangleCross,$Easing:$Jease$.$OutQuad},
{$Duration:500,$Delay:50,$Cols:10,$Rows:5,$Opacity:2,$Clip:15,$SlideOut:true,$Formation:$JssorSlideshowFormations$.$FormationRectangle,$Easing:$Jease$.$OutQuad},
{$Duration:500,$Delay:80,$Cols:10,$Rows:5,$Opacity:2,$Clip:15,$SlideOut:true,$Formation:$JssorSlideshowFormations$.$FormationCross,$Easing:$Jease$.$OutQuad},
{$Duration:500,$Delay:40,$Cols:10,$Rows:5,$Opacity:2,$Clip:15,$Easing:$Jease$.$InSine},
{$Duration:500,$Delay:12,$Cols:10,$Rows:5,$Opacity:2,$Clip:15,$Formation:$JssorSlideshowFormations$.$FormationZigZag,$Assembly:260,$Easing:{$Clip:$Jease$.$InSine}},
{$Duration:600,y:-1,$Delay:12,$Cols:10,$Rows:5,$Formation:$JssorSlideshowFormations$.$FormationZigZag,$Assembly:260,$Easing:{$Top:$Jease$.$InCubic,$Opacity:$Jease$.$OutQuad},$Opacity:2},
{$Duration:1000,x:-0.2,$Delay:20,$Cols:16,$SlideOut:true,$Formation:$JssorSlideshowFormations$.$FormationStraight,$Assembly:260,$Easing:{$Left:$Jease$.$InOutExpo,$Opacity:$Jease$.$InOutQuad},$Opacity:2,$Outside:true,$Round:{$Top:0.5}},
{$Duration:400,$Delay:50,$Rows:7,$Clip:4,$Formation:$JssorSlideshowFormations$.$FormationStraight},
{$Duration:400,$Delay:50,$Cols:10,$Clip:2,$Formation:$JssorSlideshowFormations$.$FormationStraight},
{$Duration:400,$Delay:40,$Cols:16,$Formation:$JssorSlideshowFormations$.$FormationStraight,$Opacity:2,$Assembly:260},
{$Duration:600,y:-1,$Cols:12,$Opacity:2,$Formation:$JssorSlideshowFormations$.$FormationStraight,$ChessMode:{$Column:12},$Easing:$Jease$.$InCubic},
{$Duration:1200,y:-1,$Cols:10,$Rows:5,$Opacity:2,$Clip:15,$During:{$Top:[0.5,0.5],$Clip:[0,0.5]},$SlideOut:true,$Formation:$JssorSlideshowFormations$.$FormationStraight,$ChessMode:{$Column:12},$ScaleClip:0.5},
{$Duration:1200,y:-1,$Cols:10,$Rows:5,$Opacity:2,$Clip:15,$During:{$Top:[0.5,0.5],$Clip:[0,0.5]},$SlideOut:true,$Formation:$JssorSlideshowFormations$.$FormationStraight,$ChessMode:{$Column:12},$ScaleClip:0.5},
{$Duration:1800,x:0.2,y:-0.1,$Delay:150,$Cols:12,$Opacity:2,$SlideOut:true,$Formation:$JssorSlideshowFormations$.$FormationStraightStairs,$Assembly:260,$Easing:{$Left:$Jease$.$Linear,$Top:$Jease$.$OutWave,$Opacity:$Jease$.$Linear},$Round:{$Top:2}},
{$Duration:600,$Delay:40,$Cols:16,$Clip:1,$Move:true,$Formation:$JssorSlideshowFormations$.$FormationCircle,$Assembly:264,$Easing:$Jease$.$InBounce},
{$Duration:600,$Delay:40,$Rows:10,$Clip:8,$Move:true,$Formation:$JssorSlideshowFormations$.$FormationCircle,$Assembly:264,$Easing:$Jease$.$InBounce},
{$Duration:500,$Delay:12,$Cols:10,$Rows:5,$Opacity:2,$Clip:15,$SlideOut:true,$Formation:$JssorSlideshowFormations$.$FormationStraightStairs,$Assembly:2049,$Easing:$Jease$.$OutQuad}
];
var jssor_1_SlideoTransitions = [
[{b:0,d:2000,x:-6,y:313,r:360}],
[{b:0,d:2000,x:-63,y:-340}],
[{b:-1,d:1,sX:0.2,sY:0.2},{b:0,d:600,x:-110,y:226,r:360}],
[{b:-1,d:1,sX:0.3,sY:0.2},{b:500,d:500,x:-380,y:-20,sY:0.1}],
[{b:-1,d:1,o:-1,sX:0.3,sY:0.2},{b:900,d:500,x:166,o:1}],
[{b:-1,d:1,sX:0.2,sY:0.2},{b:1300,d:500,x:-31,y:-283,r:360,e:{r:14}}],
[{b:-1,d:1,o:-1},{b:0,d:1800,x:-49,y:429,o:1,sX:-0.2,sY:-0.2}],
[{b:-1,d:1,o:-1},{b:0,d:1800,o:1}],
[{b:-1,d:1,o:-1},{b:0,d:1000,x:1,y:-380,o:1}],
[{b:-1,d:1,o:-1},{b:0,d:1000,x:94,y:-112,o:1}],
[{b:-1,d:1,o:-1},{b:0,d:1000,x:65,y:-625,o:1}],
[{b:0,d:2000,x:37,y:309,r:360}],
[{b:0,d:2000,x:-109,y:-393}],
[{b:-1,d:1,o:-1,sX:0.5,sY:0.5},{b:0,d:2000,o:0.5}],
[{b:0,d:400,x:341,y:79,sX:0.6,sY:0.3}],
[{b:0,d:800,x:39,y:-344,sX:0.7,sY:0.4}],
[{b:0,d:1200,x:-21,y:318,sX:0.5,sY:0.45}],
[{b:0,d:1600,x:-1244,y:128,sX:0.3,sY:0.3}],
[{b:0,d:1920,x:-192,y:317,r:360}],
[{b:0,d:1920,x:-219,y:-341}],
[{b:-1,d:1,o:-1},{b:0,d:2000,x:165,y:-426,o:1,sX:-0.5,sY:-0.5}],
[{b:-1,d:1,sX:0.3,sY:0.3},{b:0,d:880,x:766,y:-430,r:360}],
[{b:-1,d:1,o:-0.9,sX:0.3,sY:0.3},{b:0,d:880,x:86,y:423,o:0.9,r:360}],
[{b:0,d:2000,x:31,y:302,r:360}],
[{b:0,d:2000,x:16,y:-350}]
];
var jssor_1_options = {
$AutoPlay: 1,
$Idle: 4000,
$SlideDuration: 1000,
$PauseOnHover: 0,
$SlideshowOptions: {
$Class: $JssorSlideshowRunner$,
$Transitions: jssor_1_SlideshowTransitions
},
$CaptionSliderOptions: {
$Class: $JssorCaptionSlideo$,
$Transitions: jssor_1_SlideoTransitions
},
$ArrowNavigatorOptions: {
$Class: $JssorArrowNavigator$
},
$BulletNavigatorOptions: {
$Class: $JssorBulletNavigator$
}
};
var jssor_1_slider = new $JssorSlider$("jssor_1", jssor_1_options);
/*#region responsive code begin*/
var MAX_WIDTH = 2001;
function ScaleSlider() {
var containerElement = jssor_1_slider.$Elmt.parentNode;
var containerWidth = containerElement.clientWidth;
if (containerWidth) {
var expectedWidth = Math.min(MAX_WIDTH || containerWidth, containerWidth);
jssor_1_slider.$ScaleWidth(expectedWidth);
}
else {
window.setTimeout(ScaleSlider, 30);
}
}
ScaleSlider();
$(window).bind("load", ScaleSlider);
$(window).bind("resize", ScaleSlider);
$(window).bind("orientationchange", ScaleSlider);
/*#endregion responsive code end*/
});
</script>
<style>
/*jssor slider bullet skin 063 css*/
.jssorb063 {position:absolute;}
.jssorb063 .i {position:absolute;cursor:pointer;}
.jssorb063 .i .b {fill:#fff;stroke:#000;stroke-width:400;stroke-miterlimit:10;stroke-opacity:0.5;}
.jssorb063 .i:hover .b {fill-opacity:.7;}
.jssorb063 .iav .b {fill:#ffe200;stroke:#ffaa00;stroke-opacity:.7;stroke-width:2000;}
.jssorb063 .i.idn {opacity:.3;}
/*jssor slider arrow skin 051 css*/
.jssora051 {display:block;position:absolute;cursor:pointer;}
.jssora051 .a {fill:none;stroke:#fff;stroke-width:360;stroke-miterlimit:10;}
.jssora051:hover {opacity:.8;}
.jssora051.jssora051dn {opacity:.5;}
.jssora051.jssora051ds {opacity:.3;pointer-events:none;}
</style>
<div id="jssor_1" style="position:relative;margin:0 auto;top:0px;left:0px;width:1170px;height:580px;overflow:hidden;visibility:hidden;">
<div data-u="slides" style="cursor:default;position:relative;top:0px;left:0px;width:1170px;height:580px;overflow:hidden;">
<div data-fillmode="0" style="background-color:rgba(2,0,5,0.81);background-image:linear-gradient(135deg,rgb(14, 14, 14) 0%,rgb(125, 126, 125) 100%);" data-p="1750" data-po="-10% 120%">
<img data-u="image" style="opacity:1;filter:grayscale(10.0%);-webkit-filter:grayscale(10.0%);" src="img/bg01.png" />
<div data-u="caption" data-t="0" style="position:absolute;top:-97px;left:157px;width:500px;height:53px;font-family:"Noto Kufi Arabic";font-size:28px;font-weight:600;color:#5ed1ff;line-height:1;text-align:center;">
<div style="direction: rtl;">
<span style="line-height: 1.3; font-size: 35px;">حلول الاختبارات الإلكترونية</span>
</div>
</div>
<div data-u="caption" data-t="1" style="position:absolute;top:624px;left:239px;width:450px;height:139px;font-family:"Noto Kufi Arabic"font-size:14px;color:#f5f5e9;text-align:right;">
<div style="direction: rtl;">
<div style="direction: rtl;">نظام شامل لبناء وإدارة وتقديم الاختبارات الإلكترونية عبر الإنترنت والإنترانت...</div>
<div style="direction: rtl;">- إدارة مركزية لاختباراتك </div>
<div style="direction: rtl;">- بناء بنوك الأسئلة والتحكم فيها</div>
<div style="direction: rtl;">- أنواع أسئلة متقدمة</div>
<div style="direction: rtl;">- توافق مع الجوال وكل المتصفحات</div>
<div><br />
</div>
</div>
</div>
<img data-u="caption" data-t="2" style="position:absolute;top:-143px;left:842px;width:128px;height:128px;max-width:128px;" src="img/b01_img01.png" />
<img data-u="caption" data-t="3" style="position:absolute;top:204px;left:1240px;width:111px;height:122px;max-width:111px;" src="img/b01_img02.png" />
<img data-u="caption" data-t="4" style="position:absolute;top:229px;left:566px;width:118px;height:129px;max-width:118px;" src="img/b01_img03.png" />
<img data-u="caption" data-t="5" style="position:absolute;top:616px;left:880px;width:135px;height:133px;max-width:135px;" src="img/b01_img04.png" />
<img data-u="caption" data-t="6" style="position:absolute;top:-481px;left:-1px;width:492px;height:517px;max-width:492px;" src="img/b01_img05.png" />
<img data-u="caption" data-t="7" style="position:absolute;top:235px;left:-4px;width:553px;height:367px;max-width:553px;" src="img/b01_img06_3.png" />
</div>
<div data-fillmode="0" style="background-color:rgba(2,0,5,0.81);background-image:linear-gradient(135deg,rgb(14, 14, 14) 0%,rgb(125, 126, 125) 100%);" data-p="1750" data-po="-10% 120%">
<img data-u="image" style="opacity:1;filter:grayscale(10.0%);-webkit-filter:grayscale(10.0%);" src="img/bg04.png" />
<img data-u="caption" data-t="8" style="position:absolute;top:597px;left:768px;width:402px;height:382px;max-width:402px;" src="img/01_03.png" />
<img data-u="caption" data-t="9" style="position:absolute;top:204px;left:746px;width:119px;height:118px;max-width:119px;" src="img/02.png" />
<img data-u="caption" data-t="10" style="position:absolute;top:779px;left:552px;width:285px;height:240px;max-width:285px;" src="img/03.png" />
<div data-u="caption" data-t="11" style="position:absolute;top:-142px;left:176px;width:372px;height:53px;font-family:"Noto Kufi Arabic";font-size:28px;font-weight:600;color:#5ed1ff;text-align:center;">
<div style="direction: rtl;">
<span style="font-size: 35px; line-height: 45.5px;"> نظام حرف الإداري</span><br />
</div>
</div>
<div data-u="caption" data-t="12" style="position:absolute;top:624px;left:239px;width:413px;height:78px;font-family:"Noto Kufi Arabic";font-size:14px;color:#f5f5e9;text-align:right;">
<div style="direction: rtl;">
<span style=" font-size: 14px;">نظام متكامل لإدارة موارد المؤسسة لتعزيز القدرات التنظيمية اليومية الخاصة بإدارة شؤون الموظفين، يساهم في تأهيل الكفاءات اللازمة والقادرة على مواكبة التحديات الحالية والمستقبلية.</span>
</div>
</div>
</div>
<div data-fillmode="0" style="background-color:#000000;background-image:linear-gradient(135deg,rgb(14, 14, 14) 0%,rgb(125, 126, 125) 100%);" data-p="1750" data-po="-10% 120%">
<img data-u="image" style="opacity:1;filter:grayscale(10.0%);-webkit-filter:grayscale(10.0%);" src="img/bg02.png" />
<img data-u="caption" data-t="13" style="position:absolute;top:257px;left:288px;width:73px;height:66px;max-width:73px;" src="img/b02_img00.png" />
<img data-u="caption" data-t="14" style="position:absolute;top:86px;left:-146px;width:155px;height:82px;max-width:155px;" src="img/b02_img01.png" />
<img data-u="caption" data-t="15" style="position:absolute;top:605px;left:157px;width:77px;height:162px;max-width:77px;" src="img/b02_img02.png" />
<img data-u="caption" data-t="16" style="position:absolute;top:-150px;left:393px;width:89px;height:147px;max-width:89px;" src="img/b02_img03.png" />
<img data-u="caption" data-t="17" style="position:absolute;top:202px;left:1528px;width:181px;height:98px;max-width:181px;" src="img/b02_img04.png" />
<div data-u="caption" data-t="18" style="position:absolute;top:-110px;left:741px;width:500px;height:150px;font-family:"Noto Kufi Arabic";font-size:28px;font-weight:600;color:#5ed1ff;line-height:1;text-align:center;">
<div style="direction: rtl;">
<span style="line-height: 1.3; font-size: 35px;">تطوير المقررات التعليمية</span>
</div>
</div>
<div data-u="caption" data-t="19" style="position:absolute;top:625px;left:817px;width:413px;height:35px;font-family:"Noto Kufi Arabic";font-size:14px;color:#f2f2e6;text-align:right;">
<div style="direction: rtl;">
<span style="font-size: 14px; line-height: 18.2px;">تجهيز وإعداد مناهج تدريبية ومقررات للتعليم الإلكتروني من خلال</span><br />
</div>
</div>
</div>
<div data-fillmode="0" style="background-color:rgba(2,4,18,0.94);background-image:linear-gradient(135deg,rgb(14, 14, 14) 0%,rgb(125, 126, 125) 100%);" data-p="1750" data-po="-10% 120%">
<img data-u="image" style="opacity:1;filter:grayscale(10.0%);-webkit-filter:grayscale(10.0%);" src="img/bg03.png" />
<img data-u="caption" data-t="20" style="position:absolute;top:604px;left:490px;width:684px;height:557px;max-width:684px;" src="img/b03_img01.png" />
<img data-u="caption" data-t="21" style="position:absolute;top:634px;left:15px;width:159px;height:248px;max-width:159px;" src="img/b03_img03.png" />
<img data-u="caption" data-t="22" style="position:absolute;top:-262px;left:747px;width:159px;height:248px;max-width:159px;box-shadow:0px 0px #a1a1a1;" src="img/b03_img02.png" />
<div data-u="caption" data-t="23" style="position:absolute;top:-75px;left:249px;width:360px;height:44px;font-family:"Noto Kufi Arabic";font-size:28px;font-weight:600;color:#5ed1ff;line-height:1.2;text-align:center;">حلول تطبيقات الجوال</div>
<div data-u="caption" data-t="24" style="position:absolute;top:632px;left:184px;width:417px;height:111px;font-family:"Noto Kufi Arabic";font-size:14px;color:#f2f2e6;text-align:right;">
<div style="direction: rtl;">
<div style="direction: rtl;">- برمجة تطبيقات الآيفون والآندرويد</div>
<div style="direction: rtl;">- تحويل فكرتك لتطبيق ناجح </div>
<div style="direction: rtl;">- فريق عمل محترف</div>
<div style="direction: rtl;">- أحدث التقنيات في البرمجة والتصميم</div><br />
</div>
</div>
</div>
</div>
<!-- Bullet Navigator -->
<div data-u="navigator" class="jssorb063" style="position:absolute;bottom:12px;right:12px;" data-autocenter="1" data-scale="0.5" data-scale-bottom="0.75">
<div data-u="prototype" class="i" style="width:16px;height:16px;">
<svg viewbox="0 0 16000 16000" style="position:absolute;top:0;left:0;width:100%;height:100%;">
<circle class="b" cx="8000" cy="8000" r="5800"></circle>
</svg>
</div>
</div>
<!-- Arrow Navigator -->
<div data-u="arrowleft" class="jssora051" style="width:55px;height:55px;top:0px;left:25px;" data-autocenter="2" data-scale="0.75" data-scale-left="0.75">
<svg viewbox="0 0 16000 16000" style="position:absolute;top:0;left:0;width:100%;height:100%;">
<polyline class="a" points="11040,1920 4960,8000 11040,14080 "></polyline>
</svg>
</div>
<div data-u="arrowright" class="jssora051" style="width:55px;height:55px;top:0px;right:25px;" data-autocenter="2" data-scale="0.75" data-scale-right="0.75">
<svg viewbox="0 0 16000 16000" style="position:absolute;top:0;left:0;width:100%;height:100%;">
<polyline class="a" points="4960,1920 11040,8000 4960,14080 "></polyline>
</svg>
</div>
</div>
</section><!-- #intro -->
<main id="main">
<!--==========================
Featured Services Section
============================-->
<section id="featured-services">
<div class="container">
<div class="row">
<div class="col-lg-6 box">
<div class="icon" style="float: right"><i class="ion-ios-bookmarks-outline"></i> </div>
<div>
<h4 align="right" class="title"><a href="/cms.aspx?ContentID=116" class="NewWindow">أنشطة</a></h4>
<p align="right" class="description">
تطوير برامج الكمبيوتر والموسوعات الإلكترونية
على الأقراص المدمجة
</p>
</div>
</div>
<div class="col-lg-6 box box-bg">
<div class="icon" style="float: right"><i class="ion-ios-stopwatch-outline"></i> </div>
<h4 align="right" class="title"><a href="/cms.aspx?ContentID=155" class="NewWindow">إمكانيات</a></h4>
<p align="right" class="description">
إنشاء وتصميم محتوى ثقافي وديني لمزودي خدمات
شبكات الهاتف المحمول لاستخدامه في الرسائل القصيرة SMS والوسائط
المتعددة MMS و WAP
</p>
</div>
</div>
</div>
</section><!-- #featured-services -->
<!--==========================
About Us Section
============================-->
<section id="about">
<div class="container">
<header class="section-header">
<h3><a href="/cms.aspx?ContentID=109" class="NewWindow">عن حرف</a></h3>
<p>
تأسست "حرف" منذ 25 عامًا ، وقد تطورت على مدار هذه السنوات تماشياً
مع تطور تكنولوجيا الكمبيوتر ، ومواكبة آخر التحديثات في مجال البرمجة
والإنترنت والحلول والأنظمة. لذلك ، أصبحت واحدة من الشركات الكبرى في
هذا المجال في الشرق الأوسط. وقد تطورت أنشطة حرف وتوسعت لتشمل مجالات
أنظمة التعليم الإلكتروني ، وتطوير المقررات التعليمية والدورات
التدريبية ، والترجمة من العربية إلى مجموعة متنوعة من اللغات والعكس ،
وإنتاج البرمجيات والتطبيقات العربية والإسلامية ، والمواقع
الإلكترونية ، والنشر الإلكتروني للكتب الورقية
</p>
</header>
<div class="row about-cols">
<div class="col-md-4 wow fadeInUp">
<div class="about-col">
<div class="img">
<img src="img/about-mission.jpg" alt="" class="img-fluid">
<div class="icon"><i class="ion-ios-speedometer-outline"></i></div>
</div>
<h2 class="title">رسالتنا</h2>
<p align="right">
تطويع التقنيات المعلوماتية الحديثة لخدمة المستخدم
في كل أنحاء العالم من خلال منتجات ومشاريع ذات أهمية علمية
وعملية.
</p>
</div>
</div>
<div class="col-md-4 wow fadeInUp" data-wow-delay="0.1s">
<div class="about-col">
<div class="img">
<img src="img/about-plan.jpg" alt="" class="img-fluid">
<div class="icon"><i class="ion-ios-list-outline"></i></div>
</div>
<h2 class="title">هدفنا</h2>
<p align="right">
نشر الثقافة والمعارف الإنسانية والمعلومات الموثقة
والمعتمدة، التي تلبي حاجات عملائنا على اختلاف أنواعهم.
</p>
</div>
</div>
<div class="col-md-4 wow fadeInUp" data-wow-delay="0.2s">
<div class="about-col">
<div class="img">
<img src="img/about-vision.jpg" alt="" class="img-fluid">
<div class="icon"><i class="ion-ios-eye-outline"></i></div>
</div>
<h2 class="title">رؤيتنا</h2>
<p align="right">
تكوين وحدة ثقافية ومعلوماتية تساهم في نشر الوعي
الإيجابي المنشود لدى الشعوب الإسلامية، من خلال الحرص على أن تكون
منتجات الشركة في الأسواق العالمية وبلغات متعددة.
</p>
</div>
</div>
</div>
</div>
</section><!-- #about -->
<!--==========================
Services Section
============================-->
<section id="services">
<div class="container">
<header class="section-header wow fadeInUp">
<h3>خدماتنا</h3>
<p> </p>
</header>
<div class="row">
<div class="col-lg-4 col-md-6 box wow bounceInUp" data-wow-duration="1.4s">
<div class="icon" style="float: right"><i class="ion-ios-analytics-outline"></i> </div>
<h4 align="right" class="title"><a href="/cms.aspx?ContentID=118" class="NewWindow">تطوير نظم</a></h4>
<p align="right" class="description">
تطوير نظم التعليم والتدريب
الإلكترونية للجامعات والمعاهد والمؤسسات والشركات وتطوير أنظمة
التنسيق والقبول الإلكتروني للطلاب في الجامعات.
</p>
</div>
<div class="col-lg-4 col-md-6 box wow bounceInUp" data-wow-duration="1.4s">
<div class="icon" style="float: right"><i class="ion-ios-bookmarks-outline"></i> </div>
<h4 align="right" class="title"><a href="/cms.aspx?ContentID=163" class="NewWindow">إعداد وتجهيز وتطوير</a></h4>
<p align="right" class="description">
إعداد وتطوير مقررات التعليم
والتدريب الإلكتروني ودوراته، ونشر محتويات الكتب الورقية العربية
إلكترونياً، بالإضافة لخدمات البحث المتنوع والفهرسة الآلية.
</p>
</div>
<div class="col-lg-4 col-md-6 box wow bounceInUp" data-wow-duration="1.4s">
<div class="icon" style="float: right"><i class="ion-ios-paper-outline"></i> </div>
<h4 align="right" class="title"><a href="/cms.aspx?ContentID=393" class="NewWindow">ترجمة</a></h4>
<p align="right" class="description">
ترجمة النصوص العربية إلى
العديد من اللغات: الأوروبية والآسيوية والأفريقية (أكثر من 11
لغة).
</p>
</div>
<div class="col-lg-4 col-md-6 box wow bounceInUp" data-wow-delay="0.1s" data-wow-duration="1.4s">
<div class="icon" style="float: right"><i class="ion-ios-speedometer-outline"></i> </div>
<h4 align="right" class="title"><a href="/cms.aspx?ContentID=122" class="NewWindow">استشارات تقنية</a></h4>
<p align="right" class="description">
تقديم الاستشارات الفنية
والحلول التقنية للشركات والمؤسسات في مجالات تطوير البرمجيات
والدعم الفني والنشر الإلكتروني.
</p>
</div>
<div class="col-lg-4 col-md-6 box wow bounceInUp" data-wow-delay="0.1s" data-wow-duration="1.4s">
<div class="icon" style="float: right"><i class="ion-ios-barcode-outline"></i> </div>
<h4 align="right" class="title"><a href="/cms.aspx?ContentID=120" class="NewWindow">تصميم وتطوير </a></h4>
<p align="right" class="description">
تصميم وتطوير مواقع الإنترنت
الإسلامية
</p>
</div>
<div class="col-lg-4 col-md-6 box wow bounceInUp" data-wow-delay="0.1s" data-wow-duration="1.4s">
<div class="icon" style="float: right"><i class="ion-ios-people-outline"></i> </div>
<h4 align="right" class="title"><a href="/cms.aspx?ContentID=397" class="NewWindow">استضافة مواقع</a></h4>
<p align="right" class="description">
تقديم خدمات الاستضافة
والإشراف والدعم الفني للمواقع الإسلامية على أجهزة خوادم (مزودات)
حرف.
</p>
</div>
</div>
</div>
</section>
<!--==========================
news
============================-->
<section id="news">
<div class="container">
<div class="section-header wow fadeInUp">
<h3>أخبار حرف</h3>
<p> </p>
</div>
<div class="row">
<div class="col-lg-3 col-md-6 wow fadeInUp">
<div class="member">
<img src="img/news/news7.jpg" class="mw-100" alt="" height="214" width="400">
<div class="member-info">
<div class="member-info-content">
<h4 align="right">حرف تطلق منصتها التعليمية المتكاملة "تدارس"</h4>
<div class="social">
<figure>
<a href="img/news/news7.jpg" class="link-preview" data-lightbox="news" data-title="Tadarus" title="تكبير"><i class="ion ion-eye"></i></a>
<a href="/cms.aspx?ContentID=434" class="link-details NewWindow" title="تفاصيل الخبر"><i class="ion ion-android-open"></i></a>
</figure>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 wow fadeInUp">
<div class="member">
<img src="img/news/imam.jpg" class="mw-100" alt="" height="214" width="400">
<div class="member-info">
<div class="member-info-content">
<h4 align="right">التعاون مع جامعة الإمام</h4>
<div class="social">
<figure>
<a href="img/news/imam.jpg" class="link-preview" data-lightbox="news" data-title="imam" title="تكبير"><i class="ion ion-eye"></i></a>
<a href="/cms.aspx?ContentID=429" class="link-details NewWindow" title="تفاصيل الخبر"><i class="ion ion-android-open"></i></a>
</figure>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 wow fadeInUp">
<div class="member">
<img src="img/news/news1.jpg" class="mw-100" alt="" height="214" width="400">
<div class="member-info">
<div class="member-info-content">
<h4 align="right">التعاون مع جامعة الأزهر</h4>
<div class="social">
<figure>
<a href="img/news/news1.jpg" class="link-preview" data-lightbox="news" data-title="news1" title="تكبير"><i class="ion ion-eye"></i></a>
<a href="/cms.aspx?ContentID=404" class="link-details NewWindow" title="تفاصيل الخبر"><i class="ion ion-android-open"></i></a>
</figure>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-delay="0.1s">
<div class="member">
<img src="img/news/news2.jpg" class="mw-100" alt="" height="214" width="400">
<div class="member-info">
<div class="member-info-content">
<h4 align="right">مشروعات مع جامعة أم القرى</h4>
<div class="social">
<figure>
<a href="img/news/news2.jpg" class="link-preview" data-lightbox="news" data-title="news2" title="تكبير"><i class="ion ion-eye"></i></a>
<a href="/cms.aspx?ContentID=405" class="link-details NewWindow" title="تفاصيل الخبر"><i class="ion ion-android-open"></i></a>
</figure>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-delay="0.2s">
<div class="member">
<img src="img/news/news3.jpg" class="mw-100" alt="" height="214" width="400">
<div class="member-info">
<div class="member-info-content">
<h4 align="right">عقد مع مجمع اللغة العربية</h4>
<div class="social">
<figure>
<a href="img/news/news3.jpg" class="link-preview" data-lightbox="news" data-title="news3" title="تكبير"><i class="ion ion-eye"></i></a>
<a href="/cms.aspx?ContentID=406" class="link-details NewWindow" title="تفاصيل الخبر"><i class="ion ion-android-open"></i></a>
</figure>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-delay="0.3s">
<div class="member">
<img src="img/news/news4.jpg" class="mw-100" alt="" height="214" width="400">
<div class="member-info">
<div class="member-info-content">
<h4 align="center">حرف تفوز بجائزة الشيخ سالم الصباح</h4>
<div class="social">
<figure>
<a href="img/news/news4.jpg" class="link-preview" data-lightbox="news" data-title="news4" title="تكبير"><i class="ion ion-eye"></i></a>
<a href="/cms.aspx?ContentID=407" class="link-details NewWindow" title="تفاصيل الخبر"><i class="ion ion-android-open"></i></a>
</figure>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-delay="0.3s">
<div class="member">
<img src="img/news/S-QM.png" class="mw-100" alt="" height="214" width="400">
<div class="member-info">
<div class="member-info-content">
<h4 align="center">الاعتماد الدولي من منظمة Quality Matter</h4>
<div class="social">
<figure>
<a href="img/news/B-QM.png" class="link-preview" data-lightbox="news" data-title="news4" title="تكبير"><i class="ion ion-eye"></i></a>
<a href="/cms.aspx?ContentID=435" class="link-details NewWindow" title="تفاصيل الخبر"><i class="ion ion-android-open"></i></a>
</figure>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-delay="0.1s">
<div class="member">
<img src="img/news/INCOME_A.png" class="mw-100" alt="" height="214" width="400">
<div class="member-info">
<div class="member-info-content">
<h4 align="right">ميزانية الشركة 2021</h4>
<div class="social">
<figure>
<a href="img/news/INCOME_A.png" class="link-preview" data-lightbox="news" data-title="إيرادات" title="تكبير"><i class="ion ion-eye"></i></a>
<a href="/cms.aspx?ContentID=473" class="link-details NewWindow" title="تفاصيل الخبر"><i class="ion ion-android-open"></i></a>
</figure>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- #projects -->
<section id="portfolio" class="section-bg">
<div class="container">
<header class="section-header">
<h3 class="section-title">مشاريع</h3>
</header>
<div class="row">
<div class="col-lg-12">
<ul id="portfolio-flters">
<li data-filter=".filter-sol">حلول تقنية</li>
<li data-filter=".filter-lms">تعليم إلكتروني</li>
<li data-filter=".filter-app">برامج</li>
<li data-filter=".filter-web">مواقع</li>
<!--li data-filter=".filter-mob">تطبيقات الجوال</li-->
</ul>
</div>
</div>
<div class="row portfolio-container">
<div class="col-lg-4 col-md-6 portfolio-item filter-sol wow fadeInUp" data-wow-delay="0.2s">
<div class="portfolio-wrap">
<figure>
<img src="img/portfolio/sol1.jpg" class="img-fluid" alt="">
<a href="img/portfolio/sol1.jpg" class="link-preview" data-lightbox="portfolio" data-title="solution" title="تكبير"><i class="ion ion-eye"></i></a>
<a href="/cms.aspx?ContentID=329" class="link-details NewWindow" title="تفاصيل"><i class="ion ion-android-open"></i></a>
</figure>
<div class="portfolio-info">
<h4><a href="/cms.aspx?ContentID=329" class="NewWindow">براق</a></h4>
<p>حلول</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-sol wow fadeInUp" data-wow-delay="0.2s">
<div class="portfolio-wrap">
<figure>
<img src="img/portfolio/sol2.jpg" class="img-fluid" alt="">
<a href="img/portfolio/sol2.jpg" class="link-preview" data-lightbox="portfolio" data-title="solution" title="تكبير"><i class="ion ion-eye"></i></a>
<a href="/cms.aspx?ContentID=357" class="link-details NewWindow" title="تفاصيل"><i class="ion ion-android-open"></i></a>
</figure>
<div class="portfolio-info">
<h4><a href="/cms.aspx?ContentID=357" class="NewWindow">حرف سات</a></h4>
<p>حلول</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-sol wow fadeInUp" data-wow-delay="0.2s">
<div class="portfolio-wrap">
<figure>
<img src="img/portfolio/sol3.jpg" class="img-fluid" alt="">
<a href="img/portfolio/sol3.jpg" class="link-preview" data-lightbox="portfolio" data-title="solution" title="تكبير"><i class="ion ion-eye"></i></a>
<a href="/cms.aspx?ContentID=361" class="link-details NewWindow" title="تفاصيل"><i class="ion ion-android-open"></i></a>
</figure>
<div class="portfolio-info">
<h4><a href="/cms.aspx?ContentID=361" class="NewWindow">ناشر حرف</a></h4>
<p>حلول</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-lms wow fadeInUp" data-wow-delay="0.2s">
<div class="portfolio-wrap">
<figure>
<img src="img/portfolio/lms1.jpg" class="img-fluid" alt="">
<a href="img/portfolio/lms1.jpg" class="link-preview" data-lightbox="portfolio" data-title="eLearning" title="تكبير"><i class="ion ion-eye"></i></a>
<a href="/cms.aspx?ContentID=158" class="link-details NewWindow" title="تفاصيل"><i class="ion ion-android-open"></i></a>
</figure>
<div class="portfolio-info">
<h4><a href="/cms.aspx?ContentID=158" class="NewWindow">تدارس</a></h4>
<p>تعليم إلكتروني</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-lms wow fadeInUp" data-wow-delay="0.2s">
<div class="portfolio-wrap">
<figure>
<img src="img/portfolio/lms2.jpg" class="img-fluid" alt="">
<a href="img/portfolio/lms2.jpg" class="link-preview" data-lightbox="portfolio" data-title="eLearning" title="تكبير"><i class="ion ion-eye"></i></a>
<a href="/cms.aspx?ContentID=160" class="link-details NewWindow" title="تفاصيل"><i class="ion ion-android-open"></i></a>
</figure>
<div class="portfolio-info">
<h4><a href="/cms.aspx?ContentID=160" class="NewWindow">سين</a></h4>
<p>نعليم إلكتروني</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-lms wow fadeInUp" data-wow-delay="0.2s">
<div class="portfolio-wrap">
<figure>
<img src="img/portfolio/lms3.jpg" class="img-fluid" alt="">
<a href="img/portfolio/lms3.jpg" class="link-preview" data-lightbox="portfolio" data-title="eLearning" title="تكبير"><i class="ion ion-eye"></i></a>
<a href="/cms.aspx?ContentID=161" class="link-details NewWindow" title="تفاصيل"><i class="ion ion-android-open"></i></a>
</figure>
<div class="portfolio-info">
<h4><a href="/cms.aspx?ContentID=161" class="NewWindow">خبير</a></h4>
<p>تعليم إلكتروني</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-app wow fadeInUp" data-wow-delay="0.2s">
<div class="portfolio-wrap">
<figure>
<img src="img/portfolio/app1.jpg" class="img-fluid" alt="">
<a href="img/portfolio/app1.jpg" class="link-preview" data-lightbox="portfolio" data-title="Desktop App" title="تكبير"><i class="ion ion-eye"></i></a>
<a href="/cms.aspx?ContentID=398" class="link-details NewWindow" title="تفاصيل"><i class="ion ion-android-open"></i></a>
</figure>
<div class="portfolio-info">
<h4><a href="/cms.aspx?ContentID=398" class="NewWindow">جامع خادم الحرمين للسنة النبوية</a></h4>
<p>برامج</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-app wow fadeInUp" data-wow-delay="0.2s">
<div class="portfolio-wrap">
<figure>
<img src="img/portfolio/app2.jpg" class="img-fluid" alt="">
<a href="img/portfolio/app2.jpg" class="link-preview" data-lightbox="portfolio" data-title="Desktop App" title="تكبير"><i class="ion ion-eye"></i></a>
<a href="/cms.aspx?ContentID=399" class="link-details NewWindow" title="تفاصيل"><i class="ion ion-android-open"></i></a>
</figure>
<div class="portfolio-info">
<h4><a href="/cms.aspx?ContentID=399" class="NewWindow">جامع الفقه الإسلامي</a></h4>
<p>برامج</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-app wow fadeInUp" data-wow-delay="0.2s">
<div class="portfolio-wrap">
<figure>
<img src="img/portfolio/app3.jpg" class="img-fluid" alt="">
<a href="img/portfolio/app3.jpg" class="link-preview" data-lightbox="portfolio" data-title="Desktop App" title="تكبير"><i class="ion ion-eye"></i></a>
<a href="/cms.aspx?ContentID=396" class="link-details NewWindow" title="تفاصيل"><i class="ion ion-android-open"></i></a>
</figure>
<div class="portfolio-info">
<h4><a href="/cms.aspx?ContentID=396" class="NewWindow">القرآن الكريم</a></h4>
<p>برامج</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-web wow fadeInUp" data-wow-delay="0.2s">
<div class="portfolio-wrap">
<figure>
<img src="img/portfolio/web1.jpg" class="img-fluid" alt="">
<a href="img/portfolio/web1.jpg" class="link-preview" data-lightbox="portfolio" data-title="web site" title="تكبير"><i class="ion ion-eye"></i></a>
<a href="/cms.aspx?ContentID=363" class="link-details NewWindow" title="تفاصيل"><i class="ion ion-android-open"></i></a>
</figure>
<div class="portfolio-info">
<h4><a href="http://www.al-islam.com/" target="_blank">موقع الإسلام</a></h4>
<p>مواقع</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-web wow fadeInUp" data-wow-delay="0.2s">
<div class="portfolio-wrap">
<figure>
<img src="img/portfolio/web2.jpg" class="img-fluid" alt="">
<a href="img/portfolio/web2.jpg" class="link-preview" data-lightbox="portfolio" data-title="web site" title="تكبير"><i class="ion ion-eye"></i></a>
<a href="/cms.aspx?ContentID=365" class="link-details NewWindow" title="تفاصيل"><i class="ion ion-android-open"></i></a>
</figure>
<div class="portfolio-info">
<h4><a href="http://www.harfkids.com/" target="_blank">موقع حرف للأطفال</a></h4>
<p>مواقع</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-web wow fadeInUp" data-wow-delay="0.2s">
<div class="portfolio-wrap">
<figure>
<img src="img/portfolio/web3.jpg" class="img-fluid" alt="">
<a href="img/portfolio/web3.jpg" class="link-preview" data-lightbox="portfolio" data-title="web site" title="تكبير"><i class="ion ion-eye"></i></a>
<a href="/cms.aspx?ContentID=402" class="link-details NewWindow" title="تفاصيل"><i class="ion ion-android-open"></i></a>
</figure>
<div class="portfolio-info">
<h4><a href="http://www.alifta.net" target="_blank">موقع الإفتاء</a></h4>
<p>مواقع</p>
</div>
</div>
</div>
<!--div class="col-lg-4 col-md-6 portfolio-item filter-mob wow fadeInUp" data-wow-delay="0.2s">
<div class="portfolio-wrap">
<figure>
<img src="img/portfolio/mob1.jpg" class="img-fluid" alt="">
<a href="img/portfolio/mob1.jpg" class="link-preview" data-lightbox="portfolio" data-title="mobile app" title="تكبير"><i class="ion ion-eye"></i></a>
<a href="/cms.aspx?ContentID=395" class="link-details NewWindow" title="تفاصيل"><i class="ion ion-android-open"></i></a>
</figure>
<div class="portfolio-info">
<h4><a href="/cms.aspx?ContentID=395" class="NewWindow">الأربعون النووية</a></h4>
<p>تطبيقات الجوال</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-mob wow fadeInUp" data-wow-delay="0.2s">
<div class="portfolio-wrap">
<figure>
<img src="img/portfolio/mob2.jpg" class="img-fluid" alt="">
<a href="img/portfolio/mob2.jpg" class="link-preview" data-lightbox="portfolio" data-title="mobile app" title="تكبير"><i class="ion ion-eye"></i></a>
<a href="/cms.aspx?ContentID=403" class="link-details NewWindow" title="تفاصيل"><i class="ion ion-android-open"></i></a>
</figure>
<div class="portfolio-info">
<h4><a href="/cms.aspx?ContentID=403" class="NewWindow">البيان فيما اتفق عليه الشيخان</a></h4>
<p>تطبيقات الجوال</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-mob wow fadeInUp" data-wow-delay="0.2s">
<div class="portfolio-wrap">
<figure>
<img src="img/portfolio/mob3.jpg" class="img-fluid" alt="">
<a href="img/portfolio/mob3.jpg" class="link-preview" data-lightbox="portfolio" data-title="mobile app" title="تكبير"><i class="ion ion-eye"></i></a>
<a href="/cms.aspx?ContentID=413" class="link-details NewWindow" title="تفاصيل"><i class="ion ion-android-open"></i></a>
</figure>
<div class="portfolio-info">
<h4><a href="/cms.aspx?ContentID=413" class="NewWindow">الأخلاق الإسلامية</a></h4>
<p>تطبيقات الجوال</p>
</div>
</div>
</div-->
</div>
</div>
</section><!-- #portfolio -->
<!--==========================
Clients Section
============================-->
<section id="clients" class="wow fadeInUp">
<div class="container">
<header class="section-header">
<h3>عملاؤنا</h3>
</header>
<div class="owl-carousel clients-carousel" dir="ltr">
<img src="img/clients/client-1.png" alt="">
<img src="img/clients/client-2.png" alt="">
<img src="img/clients/client-3.png" alt="">
<img src="img/clients/client-4.png" alt="">
<img src="img/clients/client-5.png" alt="">
<img src="img/clients/client-6.png" alt="">
<img src="img/clients/client-8.png" alt="">
</div>
</div>
</section>
<!-- #clients -->
<!--==========================
Certificates and Awards Section
============================-->
<section id="testimonials" class="section-bg wow fadeInUp">
<div class="container">
<header class="section-header">
<h3 class="auto-style3">شهادات وجوائز</h3>
</header>
<div class="owl-carousel testimonials-carousel" dir="ltr">
<!--- added 11-5-2021----->
<div class="testimonial-item">
<img src="img/1-Last.png" class="testimonial-img" alt="">
</div>
<div class="testimonial-item">
<img src="img/2-LAst.png" class="testimonial-img" alt="">
</div>
<div class="testimonial-item">
<img src="img/3-Last.png" class="testimonial-img" alt="">
</div>
<!-------->
<div class="testimonial-item">
<img src="img/testimonial-1.jpg" class="testimonial-img" alt="">
</div>
<div class="testimonial-item">
<img src="img/testimonial-2.jpg" class="testimonial-img" alt="">
</div>
<div class="testimonial-item">
<img src="img/testimonial-3.jpg" class="testimonial-img" alt="">
</div>
</div>
</div>
</section>
<!-- #testimonials -->
<!--==========================
department Section
============================-->
<section id="team">
<div class="container">
<div class="section-header wow fadeInUp">
<h3>أقسام الشركة</h3>
<p> </p>
</div>
<div class="row">
<div class="col-lg-3 col-md-6 wow fadeInUp">
<div class="member">
<img src="img/team-1.jpg" class="mw-100" alt="" height="214" width="405">
<div class="member-info">
<div class="member-info-content">
<h4>قسم التعليم الإلكتروني</h4>
<div class="social">
<!--<a href=""><i class="fa fa-twitter"></i></a>
<a href=""><i class="fa fa-facebook"></i></a>
<a href=""><i class="fa fa-google-plus"></i></a>
<a href=""><i class="fa fa-linkedin"></i></a>-->
<a href="mailto:[email protected]">أرسل رسالة</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-delay="0.1s">
<div class="member">
<img src="img/team-2.jpg" class="mw-100" alt="" height="214" width="400">
<div class="member-info">
<div class="member-info-content">
<h4>التطوير والإنترنت والاستشارات التقنية</h4>
<div class="social">
<!--<a href=""><i class="fa fa-twitter"></i></a>
<a href=""><i class="fa fa-facebook"></i></a>
<a href=""><i class="fa fa-google-plus"></i></a>
<a href=""><i class="fa fa-linkedin"></i></a>-->
<a href="mailto:[email protected]">أرسل رسالة</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-delay="0.2s">
<div class="member">
<img src="img/team-3.jpg" class="mw-100" alt="" height="209" width="398">
<div class="member-info">
<div class="member-info-content">
<h4>الدورات والمقررات التعليمية والتدريبية</h4>
<div class="social">
<!--<a href=""><i class="fa fa-twitter"></i></a>
<a href=""><i class="fa fa-facebook"></i></a>
<a href=""><i class="fa fa-google-plus"></i></a>
<a href=""><i class="fa fa-linkedin"></i></a>-->
<a href="mailto:[email protected]">أرسل رسالة</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-delay="0.3s">
<div class="member">
<img src="img/team-4.jpg" class="mw-100" alt="" height="210" width="400">
<div class="member-info">
<div class="member-info-content">
<h4>الترجمة</h4>
<div class="social">
<!--<a href=""><i class="fa fa-twitter"></i></a>
<a href=""><i class="fa fa-facebook"></i></a>
<a href=""><i class="fa fa-google-plus"></i></a>
<a href=""><i class="fa fa-linkedin"></i></a>-->
<a href="mailto:[email protected]">أرسل رسالة</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-delay="0.3s">
<div class="member">
<img src="img/team-5.jpg" class="mw-100" alt="" height="210" width="400">
<div class="member-info">
<div class="member-info-content">
<h4>النشر الإلكتروني</h4>
<div class="social">
<!--<a href=""><i class="fa fa-twitter"></i></a>
<a href=""><i class="fa fa-facebook"></i></a>
<a href=""><i class="fa fa-google-plus"></i></a>
<a href=""><i class="fa fa-linkedin"></i></a>-->
<a href="mailto:[email protected]">أرسل رسالة</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section><!-- #team -->
<!--==========================
Contact Section
============================-->
<section id="contact" class="section-bg wow fadeInUp">
<div class="container">
<div class="section-header">
<h3>اتصل بنا</h3>
</div>
<div class="row contact-info">
<div class="col-md-4">
<div class="contact-address">
<i class="ion-ios-location-outline"></i>
<h3>العنوان</h3>
<address>العليا ، طريق الأمير محمد بن عبد العزيز (طريق التحلية) ، ص ب: بوكس 64308 السعودية</address>
<address> </address>
</div>
</div>
<div class="col-md-4">
<div class="contact-phone">
<i class="ion-ios-telephone-outline"></i>
<h3>رقم الهاتف</h3>
<p class="popover-body">
ت : <span dir="ltr"> +(966) 11 2175292</span> <br>
فاكس : <span dir="ltr">+(966) 11 4617085</span>
</p>
</div>
</div>
<div class="col-md-4">
<div class="contact-email">
<i class="ion-ios-email-outline"></i>
<h3>البريد الإلكتروني</h3>
<p><a href="mailto:[email protected]">[email protected]</a></p>
</div>
</div>
</div>
<div class="form">
<div id="sendmessage">تم إرسال رسالتك. شكرا لكم</div>
<div id="errormessage"></div>
<form action="" method="post" role="form" class="contactForm">
<div class="form-row">
<div class="form-group col-md-6">
<input type="text" name="name" class="form-control" id="name" placeholder="اسمك" data-rule="minlen:4" data-msg="Please enter at least 4 chars" />
<div class="validation"></div>
</div>
<div class="form-group col-md-6">
<input type="email" class="form-control" name="email" id="email" placeholder="بريدك الإلكتروني" data-rule="email" data-msg="Please enter a valid email" />
<div class="validation"></div>
</div>
</div>
<div class="form-group">
<input type="text" class="form-control" name="subject" id="subject" placeholder="موضوع الرسالة" data-rule="minlen:4" data-msg="Please enter at least 8 chars of subject" />
<div class="validation"></div>
</div>
<div class="form-group">
<textarea class="form-control" name="message" rows="5" data-rule="required" data-msg="Please write something for us" placeholder="نص الرسالة"></textarea>
<div class="validation"></div>
</div>
<div class="text-center"><button type="submit">أرسل</button></div>
</form>
</div>
</div>
</section><!-- #contact -->
</main>
<!--==========================
Footer
============================-->
<footer id="footer">
<div class="footer-top">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-6 footer-info">
<h3 align=right><img alt="harf" "height=" 72" src="img/logo.png" width="72"></h3>
</div>
<div class="col-lg-3 col-md-6 footer-links">
<h4 align="right">روابط مفيدة</h4>
<ul align="right">
<li><i class="ion-ios-arrow-left"></i> <a href="#">الصفحة الرئيسية</a></li>
<li><i class="ion-ios-arrow-left"></i> <a href="#about">عن حرف</a></li>
<li><i class="ion-ios-arrow-left"></i> <a href="#services">خدمات</a></li>
<li><i class="ion-ios-arrow-left"></i> <a href="/cms.aspx?ContentID=391" class="NewWindow">وظائف- انضم إلينا</a></li>
</ul>
</div>
<div class="col-lg-3 col-md-6 footer-contact">
<h4 align="right">اتصل بنا</h4>
<p align="right">
<strong>العليا ، طريق الأمير محمد بن عبد العزيز ( طريق التحلية ) ، السعودية</strong><br>
<strong>ص ب: بوكس </strong> 64308 <br>
<strong>ت : </strong><span dir="ltr">+(966) 11 2175292 </span><br>
<strong>فاكس :</strong><span dir="ltr"> +(966) 11 4617085 </span><br>
<strong>البريد الإلكتروني:</strong> [email protected]<br>
</p>
<div class="social-links">
<a href="https://twitter.com/HarfTechnology" class="twitter"><i class="fa fa-twitter"></i></a>
<a href="https://www.facebook.com/HarfTechnology" class="facebook"><i class="fa fa-facebook"></i></a>
<a href="https://www.instagram.com/HarfTechnologyCompany" class="instagram"><i class="fa fa-instagram"></i></a>
<a href="mailto:[email protected]" class="mailto"><i class="fa fa-mailto fa-envelope-o"></i></a>
</div>
</div>
<div class="col-lg-3 col-md-6 footer-newsletter" style="right: 0px; top: -10775px">
<p>حرف لتقنية المعلومات</p>
<form action="" method="post">
<input type="email" name="email"><input type="submit" value="اشتراك">
</form>
</div>
</div>
</div>
</div>
<div class="container">
<div class="copyright">
<span class="auto-style2">© حقوق النشر لصالح شركة حرف لتقنية المعلومات</span>.
جميع الحقوق محفوظة
</div>
</div>
</footer><!-- #footer -->
<a href="#" class="back-to-top"><i class="fa fa-chevron-up"></i></a>
<div class="modal fade " id="myModal" tabindex="-1" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<iframe id="framecontent" src="" style="min-height: 600px; min-width: 400px; width: 100%;"></iframe>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">إغلاق</button>
</div>
</div>
</div>
</div>
<!-- JavaScript Libraries -->
<script src="lib/jquery/jquery.min.js"></script>
<script src="lib/jquery/jquery-migrate.min.js"></script>
<script src="lib/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="lib/easing/easing.min.js"></script>
<script src="lib/superfish/hoverIntent.js"></script>
<script src="lib/superfish/superfish.min.js"></script>
<script src="lib/wow/wow.min.js"></script>
<script src="lib/waypoints/waypoints.min.js"></script>
<script src="lib/counterup/counterup.min.js"></script>
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
<script src="lib/isotope/isotope.pkgd.min.js"></script>
<script src="lib/lightbox/js/lightbox.min.js"></script>
<script src="lib/touchSwipe/jquery.touchSwipe.min.js"></script>
<!-- Contact Form JavaScript File -->
<script src="contactform/contactform.js"></script>
<!-- Template Main Javascript File -->
<script src="js/main.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$(\"a.NewWindow\").click(function (e) {
e.preventDefault();
$(\"#myModal\").modal(\"show\").find(\"#framecontent\").attr(\"src\", $(this).attr(\"href\"));
});
});
</script>
</div>
</div>
<div style="visibility: hidden">
<div class="navbar-form">
<input name="searchWord" type="text" id="searchWord" class="form-control" onkeypress="return clickButton(event,'SearchImageBtton')" style="width:100px;" />
<span id="validSearchReq" style="visibility:hidden;">*</span>
<div class="form-group">
<input type="image" name="SearchImageBtton" id="SearchImageBtton" src="App_Themes/Blue.ar/images/New/Search.png" onclick="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("SearchImageBtton", "", true, "search", "", false, false))" />
</div>
</div>
</div>
<script type="text/javascript">
//<![CDATA[
var Page_Validators = new Array(document.getElementById("validSearchReq"));
//]]>
</script>
<script type="text/javascript">
//<![CDATA[
var validSearchReq = document.all ? document.all["validSearchReq"] : document.getElementById("validSearchReq");
validSearchReq.controltovalidate = "searchWord";
validSearchReq.errormessage = "*";
validSearchReq.validationGroup = "search";
validSearchReq.evaluationfunction = "RequiredFieldValidatorEvaluateIsValid";
validSearchReq.initialvalue = "";
//]]>
</script>
<script type="text/javascript">
//<![CDATA[
var Page_ValidationActive = false;
if (typeof(ValidatorOnLoad) == "function") {
ValidatorOnLoad();
}
function ValidatorOnSubmit() {
if (Page_ValidationActive) {
return ValidatorCommonOnSubmit();
}
else {
return true;
}
}
//]]>
</script>
</form>
</body>
</html>
Whois info of domain
Domain Name: HARF.COM
Registry Domain ID: 2481714_DOMAIN_COM-VRSN
Registrar WHOIS Server: whois.networksolutions.com
Registrar URL: http://networksolutions.com
Updated Date: 2025-05-11T07:09:21Z
Creation Date: 1998-06-11T04:00:00Z
Registry Expiry Date: 2026-06-10T04:00:00Z
Registrar: Network Solutions, LLC
Registrar IANA ID: 2
Registrar Abuse Contact Email: [email protected]
Registrar Abuse Contact Phone: +1.8777228662
Domain Status: clientTransferProhibited https://icann.org/epp#clientTransferProhibited
Name Server: NS31.WORLDNIC.COM
Name Server: NS32.WORLDNIC.COM
DNSSEC: unsigned
URL of the ICANN Whois Inaccuracy Complaint Form: https://www.icann.org/wicf/
>>> Last update of whois database: 2025-05-17T22:54:32Z <<<
For more information on Whois status codes, please visit https://icann.org/epp
NOTICE: The expiration date displayed in this record is the date the
TERMS OF USE: You are not authorized to access or query our Whois
by the following terms of use: You agree that you may use this Data only
to: (1) allow, enable, or otherwise support the transmission of mass