namaakw.net Open in urlscan Pro
157.175.241.180  Public Scan

URL: https://namaakw.net/
Submission: On January 22 via api from US — Scanned from US

Form analysis 2 forms found in the DOM

Name: aspnetFormPOST ./

<form name="aspnetForm" method="post" action="./" id="aspnetForm">
  <div>
    <input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="">
    <input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="">
    <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE"
      value="9lwMnawwFGB3FRowP0vpf7p/WJAl/aD4+FcGlD6lVkD3EZkbH1g/89I+lNOy0FH2DvgFJNIiDIyHwHLbfgHWp339/NlkWu3CHB39c1rkt15igu/kyFLC/n7x5fPJWuTnjqDqVQYcLvs/kk0kXx96bANjj6SZ8eHmLR3lbaeJhtN/bKMg6ygvS8ljc1lnLDqAxw7NHNNUnNZ+Q+vrFb/Zd3GPrNKjyIetnLH4HvuKtyHbbSs6lPLeghsWnraEqmYt0SaV/zrLriGUf9eUOD2ycs367SmeHlucELTJTEj4bOi95mYY1l/XoYbwdV9uMaMhqPglDCtw4WrALrTR7ou/6nx5tF+QO7R3efHrS3WNf15ZbQ3W4tYFNoPOwg3KZkUIIOYxuGYQvnUzczPcSnPaftb2O6wk7SfIzaZqecwj4zcc1Z5qpfgZeJ6yr0Zp8Qh+HFTzJOUWNFeLqAO7DrGbV/1gcR54i3jiAbt/3+S1YrN63/92CKIdSxi9ghz8wD8kJGNpb6KEb2bWa/Ly1jmHMCVY3uAWvgAFUrSlfTS64r/6RXeRH0vEpedqbiFHFEmkPfwJ/8k1vW5twpa3q61S3CsKhJcJFS1oNziPljBDWtTFw729qdTpyvQmSgHBvq34bKpAE0TFOi1Q6gSGdXdPRjPW5WBWoChMOfQnvapq1MyXgYKdT2e/5hw/KcZahZ8Fy9gma6VNo6N3fjH9BBNHpeLmNjuo+b3ICw2F1fSomYMylKsjvx3/GOxTW/5KvqKcX/FfBTx/k9LJJuPT/h8L5KvgSU+/aLaOl7JsytejGusxdm5pIVPyQiXQJupJYoAdPU+Ezdge24GF2MSqDpfVUKxkEq17SbzeY01YGBfFkXY5uSiHHn8ctnzAozU++xjTuGRkIosW/xQonTfJWdfax+E0TpU6BrZOj6d9WQSiMNS33rrZ+oEN9VqD9l5I2+tzV4eMdfiH4KdOTXVfoz2tYEgvYPqWLMsnUCDVDU0S6CJ0xSOJe7fiPjcgur2lYttPchS2JfoYanBCApXHMz2ctKKqtmfR+PhBp7wwo1o3NvVlzir2n2ldOLs++JytwQUHbcsAusRKWO0Fp4SUJdJND/C2XF10hokm4OD98fyq0OFwKqOGcXMzDp0ur06FKKtxMZv2XTRIOlfXMLzkQGm+xydn16Mhd37DtmtHFiEEzuoxLcg/RJVyLJqVvfkciQs3Bprn3FH/9P05yrAmheu6zUVwv0R3A93gnur9mBvjkJUXda3hN0V1Ne3Ka9JExDJTxstNc1OVpCqUWqe6h1VPSgN93hW6lukuI8Nd/t3kSOJ0oNBTemHesQa6BjVYhg9YTbI5Z/7t5FO+/CYfcJYWey8eOgCmDV61+QyXlJGcXXRFHaLYZCTUdjcaW+1uPeOYWwdiWdE2EtIjpARpSiza6GKxsZnaPID6WG/zdADIFRbZsLX3Z4m0tY0D2i/7HJMmSTHESGRJCr7GlaxeJpOgCOAwW+JXFK2yfBDgPNxtbPIXAJD8K6lb1BKs2WzxIkZPnYcCsOw/w2PrFIQ8hBpzOVBvG3QDeR+ye5JslyMxuJnj6Jgjd+2hhMnRE2VNjOKIEAn0s1zvPZK8y7Mb6ebOgyq3mFbEbvUeN7C59OFkm0BFa40TG0ctHrCQW+9whxPFzO6OTfyBZIiGSr0KNh0/x7RgTqJvRi5hp2DOTjzrz0F+FxX8lhpR1+Hc9bXM8IVywrNWq9+Y8cBibRtSOF4XHq3piQFuuHV7FMFEId6k5RDsxW2kiLEtflhJce1eHbAZs2QJXn0FEHCnCp3yaOXlyYv3CnnYQ6UttW1Phz84yrmPzOCgDSEboOXi9HURf71SujALZHSNM5LUbz7zxb9Xa0dAMy0ptFefr+eUb0mqOuqpgsY+bBJH5ulkCXXYZbTndbg2zWFBRaOmbiqe/tPautej9xmHYwpIViN2+vKN5A4xJFTUjthaMTdnUrAYyfx3oR+1Cp8QUbD2AgoQbHzAJW4q25bupeGSxG803F1/AkDBr55cgvvjQgXt/Qc//ir8C/Xm7SwEZ3rrCOGFQP2hbllCS+Um9wSk1rUXynt2DlxCVwTx2mLBILn+srT/gHEDybXmVg7CjUX9KB7hEeZytEaov4BUXPAbcjebB6SB3PmLWIEJR/+L0JOqBxks8JkbjAgTsphS3gy0Q1bVN6x4zP2U1OUj+akkUCZBpCbRvv/BN3HTqRvi2AHyyKn3Om/YGdlE5ijI37dlmg/aGncnNSXVEnUhG/I9VbcHHF8/NkT92g5I+bWXfUUvlTBvd7+oNb7aSK1xDUJwXUKUBM7kYX/KwEDKj6fjhaOCtIicyCa65KmR4l6Yzq76MnwfM7GHTAyks4eI186baY9KQxf4yjoYTE0dGQtGoYtCG7sk74npm6WYXW9iIeBR1jRsIKKhHhxW3GTk7dVOxWYLwewxAYpPOA7C/ip4IAU3eUhsGX22oiIsKH4H9kvMGwY83AqvsrtrV0JUqHFJB+RXpw+5FdwYegLHNiUWdCWckHMAPAZisAspwupZx0L9HzJZiJ8Jr1U9/4n+w3CKjlseJlWPtqlq2nNIjWvFJfcG+PkEIV122W336DGZYOX3xN6Or+zLwnjTchRIqvKVLblcXb7IJuKBFBH6GprKgyrcvQAv8vs2LZlH5i0tYaMI9L/lhQDV4v/49ZHpj/zqPf9xCjSEC7cqjynVJ8tiBqiylef1dOvPuw5eeB+Txm0Z5hj6v/bKfjfFGUmBTkOexM2rNeJE1JP9F4FD+eu+nWM/lNnhE6EnlP6Ves+Y8Cen/LJDQs82ysE+hwgA9pjbq6ObnJMWijPBswZpV0P2uJBs8Fb0ot2m8ymB03XKFp0z8Glyui027btNP5GecHAxqg3TpgCMI1Z4fCcstnH9G6J9DAtyDDfcIiVaj7ob7GYkwbdLnjupewCABtbZGHrzqRuc/34/a8iz0KoXtojW8YDYZq+dAtIjLE/kn+gkzUTcXMck5CUO29oZ1aWojO9hakIxOMyFcOKC5fZshhgW6KtpWGWxRVX3tW7tUIHhRwG1owdwZya1y9AL3TzADl4INsZtcVW5iQsx5EdVKgmP67m0xOk5TKa8JE+ghjxLLH1t+ZilWYPjmm6ATHz2bfioDcr5MZzkL4TMtWFhHuHHxxUeESQ+spB2Sat8bo+Dm9X9ogZMbywWQ069ZK/XfAkbt3VjzJKB8D+Y2fFj0+x0WIa4H5A0QBT72de6Jv1Zj0IK++KV86W4z7fZfceDECcvm6yv7R7bTnjSuPhqc0UVq9NKNiWuiAIKCaqomw4wGMAp7WbgBk2+uemPOaTsIYH7ppWNaHAvoS2vl1KkSQ4a6KOyAoEsHJGSO7D+5/TP4pgGguCv0tA4bo++NiIZNAySV/gNw8+r13lZl0UsneAWFEHFbrwswiA2sTRgoSfAcUk9XAekQNYtBSlDXgV3bfyui1ndxF45eUXN7STfOvd4ug4TmkQTDFEJvCKBTfiV5tPHnaadePYd+kzD2w==">
  </div>
  <script type="text/javascript">
    //<![CDATA[
    var theForm = document.forms['aspnetForm'];
    if (!theForm) {
      theForm = document.aspnetForm;
    }

    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=pynGkmcFUV13He1Qd6_TZKUklZfsQQv81Lc8iFKmzavldJ94FfaF-_nQ7quv5r0ZqWtAWg2&amp;t=637454068754849868" type="text/javascript"></script>
  <script src="Scripts/WebForms/MsAjax/MicrosoftAjax.js" type="text/javascript"></script>
  <script type="text/javascript">
    //<![CDATA[
    if (typeof(Sys) === 'undefined') throw new Error('ASP.NET Ajax client-side framework failed to load.');
    //]]>
  </script>
  <script src="Scripts/WebForms/MsAjax/MicrosoftAjaxWebForms.js" type="text/javascript"></script>
  <div>
    <input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="CA0B0334">
    <input type="hidden" name="__VIEWSTATEENCRYPTED" id="__VIEWSTATEENCRYPTED" value="">
  </div>
  <script type="text/javascript">
    //<![CDATA[
    Sys.WebForms.PageRequestManager._initialize('ctl00$ScriptManager1', 'aspnetForm', ['tctl00$ContentPlaceHolder1$CardProject$UpdatePanel1', ''], [], [], 90, 'ctl00');
    //]]>
  </script>
  <div class="demo_navigation">
    <div class="demo_options">
      <ul id="myTab2" class="donate-tabs-nav text-center">
        <li class="active text-GESSUniqueLight-white-16"><a href="#tab-1" data-toggle="tab" id="tab_1">زكاة</a></li>
        <li class="text-GESSUniqueLight-white-16"><a href="#tab-2" data-toggle="tab" id="tab_2">صدقة</a></li>
        <li class="text-GESSUniqueLight-white-16"><a href="#tab-4" data-toggle="tab" id="tab_4">مشاريع</a></li>
      </ul>
      <div id="myTabContent2" class="tab-content bg-theme-colored donate-tabs pb-0 no-border">
        <div class="tab-pane fade in active" id="tab-1">
          <div class="form-group col-md-12" style="text-align: center;">
            <div class="input-group">
              <span class="input-group-btn">
                <a data-type="plus" style="margin-left: 5px;" href="" class="quantity-right-plus">
                                <i class="fa fa-plus-circle" style="font-size: 20px !important;"></i>
                            </a>
              </span>
              <input type="text" style="text-align: center; height: 37px; width: 100%; font-family:Arial;" class="form-control EftarValue" value="30">
              <span class="input-group-btn">
                <a data-type="minus" style="margin-right: 5px;" href="" class="quantity-left-minus">
                                <i class="fa fa-minus-circle" style="font-size: 20px !important;"></i>
                            </a>
              </span>
            </div>
          </div>
          <div class="row">
            <div class="form-group col-md-12" style="text-align: center;">
              <label class="text-GESSUniqueLight-gray-16">الإجمالى</label>
              <input class="form-control text-center txtTab1Result" style="font-family:Arial;" onkeypress="return isNumberKey(event)" type="text" value="0" disabled="">
            </div>
          </div>
          <div class="row">
            <div class="form-group col-md-6">
              <a class="btn btn-colored-dark btn-md btn-lg btn-sm text-GESSUniqueLight-white-bold-14" onclick="AddEFtarToBasket(false);" href="javascript:">تبرع الآن</a>
            </div>
            <div class="form-group col-md-6">
              <a class="btn  btn-colored-light btn-md btn-lg btn-sm text-GESSUniqueLight-white-bold-14  pull-left" onclick="AddEFtarToBasket(true);" href="javascript:">اضف للسلة</a>
            </div>
          </div>
        </div>
        <!-- end tab-1 -->
        <div class="tab-pane fade" id="tab-2">
          <div class="row">
            <div class="col-xs-12 pt-10" style="text-align: center; font-family:Arial;">
              <label class="m-0">
                <input onchange="getRadioval(this)" type="radio" name="AmountSelect" value="10" id="AmountSelect-10"> 10 </label>
              <label class="m-0 pl-5">
                <input onchange="getRadioval(this)" type="radio" name="AmountSelect" value="20" id="AmountSelect-20"> 20 </label>
              <label class="m-0 pl-5">
                <input onchange="getRadioval(this)" type="radio" name="AmountSelect" value="30" id="AmountSelect-30"> 30 </label>
              <label class="m-0 pl-5">
                <input onchange="getRadioval(this)" type="radio" name="AmountSelect" value="40" id="AmountSelect-40"> 40 </label>
              <label class="m-0 pl-5">
                <input onchange="getRadioval(this)" type="radio" name="AmountSelect" value="يدوى" id="AmountSelect-Manual"> يدوى </label>
            </div>
            <div class="col-xs-12" style="margin-top: 10px;">
              <input class="form-control text-center txtTab2Result" style="font-family:Arial;" onkeypress="return isNumberKey(event)" type="text" value="0" disabled="">
            </div>
          </div>
          <!-- end row -->
          <!-- end row -->
          <div class="row">
            <div class="form-group col-md-6 mt-10">
              <a class="btn btn-colored-dark btn-md btn-lg btn-sm text-GESSUniqueLight-white-bold-14" onclick="AddTab_2ToBasket(false);" href="javascript:">تبرع الآن</a>
            </div>
            <div class="form-group col-md-6 mt-10">
              <a class="btn btn-colored-light btn-md btn-lg btn-sm text-GESSUniqueLight-white-bold-14 pull-left" onclick="AddTab_2ToBasket(true);" href="javascript:">اضف للسلة</a>
            </div>
          </div>
          <!-- end row -->
        </div>
        <!-- end tab-2 -->
        <div class="tab-pane fade" id="tab-4">
          <div class="row">
            <div class="form-group col-md-6">
              <select style="width: 100%;" id="Category_WEB" class="form-control">
                <option value="-1">أنواع المشاريع</option>
                <option value="1018">الوقفيات</option>
                <option value="1019">المشاريع العامة</option>
                <option value="1020">المشاريع الموسمية</option>
                <option value="1027">كفارات ونذور</option>
              </select>
            </div>
            <div class="form-group col-md-6">
              <select style="width: 100%;" id="Projects_WEB" class="form-control" disabled="">
              </select>
              <img class="hidden" id="ProjectImage_WEB">
            </div>
            <div class="form-group col-md-12">
              <input id="txtTab3Result_WEB" style="font-family:Arial;" class="form-control text-center" onkeypress="return isNumberKey(event)" disabled="">
            </div>
          </div>
          <!-- end row -->
          <div class="row">
            <div class="form-group col-md-6">
              <a class="btn btn-colored-dark btn-md btn-lg btn-sm text-GESSUniqueLight-white-bold-14" onclick="AddTab_3ToBasket_WEB(false);" href="javascript:">تبرع الآن</a>
            </div>
            <div class="form-group col-md-6">
              <a class="btn btn-colored-light btn-md btn-lg btn-sm text-GESSUniqueLight-white-bold-14 pull-left" onclick="AddTab_3ToBasket_WEB(true);" href="javascript:">اضف للسلة</a>
            </div>
          </div>
          <!-- end row -->
        </div>
        <!-- end tab-4 -->
      </div>
    </div>
    <div class="clearfix"></div>
    <div class="push_options hidden-xs">
      <a class="show_hide"><i class="fa fa-heart"></i>
            <p class="text-GESSUniqueLight-white-16">تبرع سريع</p>
        </a>
    </div>
    <div class="push_options donate_mobile hidden-lg">
      <a class="popup-with-zoom-anim" href="#donate_mobile"><i class="fa fa-heart"></i>
            <p class="text-GESSUniqueLight-white-16">تبرع سريع</p>
        </a>
    </div>
  </div>
  <script>
    $(document).ready(function() {
      var cat = $("#Category_WEB");
      var projects = $("#Projects_WEB");
      var result = $("#txtTab3Result_WEB");
      var img = $("#ProjectImage_WEB");
      $.ajax({
        url: "/DataService.asmx/GetCategory",
        method: "POST",
        dataType: "json",
        success: function(data) {
          cat.append($('<option/>', {
            value: -1,
            text: "أنواع المشاريع"
          }));
          //projects.append($('<option/>', { value: -1, text: "المشاريع" }));
          projects.prop('disabled', true);
          result.val("0");
          result.prop('disabled', true);
          $(data).each(function(index, item) {
            cat.append($('<option/>', {
              value: item.ID,
              text: item.Name
            }));
          });
        }
      });
      cat.change(function() {
        if ($(this).val() === "-1") {
          projects.empty();
          projects.append($('<option/>', {
            value: -1,
            text: "المشاريع"
          }));
          projects.val('-1');
          projects.prop('disabled', true);
        } else {
          $.ajax({
            url: "/DataService.asmx/GetProjects",
            method: "POST",
            data: {
              id: $("#Category_WEB").val()
            },
            dataType: "json",
            success: function(data) {
              projects.empty();
              projects.append($('<option/>', {
                value: -1,
                text: "اختر المشروع"
              }));
              //projects.val('-1');
              projects.prop('disabled', false);
              result.val("0");
              result.prop('disabled', false);
              $(data).each(function(index, item) {
                projects.append($('<option/>', {
                  value: item.ID,
                  text: item.Name
                }));
              });
            }
          });
        }
      });
      projects.change(function() {
        // get project image
        $.ajax({
          url: "/DataService.asmx/GetProjectData",
          method: "POST",
          data: {
            id: $(this).val()
          },
          dataType: "json",
          success: function(data) {
            debugger;
            img.attr('src', data.Photo);
          }
        });
      });
    });
  </script>
  <div id="donate_mobile" class="modal-promo-box mfp-hide bg-lightest" style="padding: 50px 20px">
    <div class="demo_options">
      <ul id="myTab2" class="donate-tabs-nav text-center">
        <li class="active"><a href="#tab-1" data-toggle="tab" id="tab_1">زكاة</a></li>
        <li><a href="#tab-2" data-toggle="tab" id="tab_2">صدقة</a></li>
        <li><a href="#tab-4" data-toggle="tab" id="tab_4">مشاريع</a></li>
      </ul>
      <div id="myTabContent2" class="tab-content bg-theme-colored donate-tabs pb-0 no-border">
        <div class="tab-pane fade in active" id="tab-1">
          <div class="form-group col-md-12" style="text-align: center;">
            <div class="input-group">
              <span class="input-group-btn">
                <a data-type="plus" style="margin-left: 5px;" href="" class="quantity-right-plus">
                                <i class="fa fa-plus-circle" style="font-size: 20px !important;"></i>
                            </a>
              </span>
              <input type="text" style="text-align: center; height: 37px; width: 100%; font-family: Arial;" class="form-control EftarValue" value="30">
              <span class="input-group-btn">
                <a data-type="minus" style="margin-right: 5px;" href="" class="quantity-left-minus">
                                <i class="fa fa-minus-circle" style="font-size: 20px !important;"></i>
                            </a>
              </span>
            </div>
          </div>
          <div class="row">
            <div class="form-group col-md-12" style="text-align: center;">
              <label>الإجمالى</label>
              <input class="form-control text-center txtTab1Result " style="font-family: Arial;" onkeypress="return isNumberKey(event)" type="text" value="0" disabled="">
            </div>
          </div>
          <div class="row">
            <div class="form-group col-md-6 col-sm-6 col-xs-6 text-center">
              <a class="btn btn-colored-dark btn-md btn-lg btn-sm text-GESSUniqueLight-white-bold-14" onclick="AddEFtarToBasket(false);" href="javascript:">تبرع الآن</a>
            </div>
            <div class="form-group col-md-6 col-sm-6 col-xs-6 text-center">
              <a class="btn  btn-colored-light btn-md btn-lg btn-sm text-GESSUniqueLight-white-bold-14 pull-left" onclick="AddEFtarToBasket(true);" href="javascript:">اضف للسلة</a>
            </div>
          </div>
        </div>
        <!-- end tab-1 -->
        <div class="tab-pane fade" id="tab-2">
          <div class="row">
            <div class="col-xs-12 pt-10 " style="text-align: center; font-family: Arial;">
              <label class="m-0">
                <input onchange="getRadioval(this)" type="radio" name="AmountSelect" value="10" id="AmountSelect-10"> 10 </label>
              <label class="m-0 pl-5">
                <input onchange="getRadioval(this)" type="radio" name="AmountSelect" value="20" id="AmountSelect-20"> 20 </label>
              <label class="m-0 pl-5">
                <input onchange="getRadioval(this)" type="radio" name="AmountSelect" value="30" id="AmountSelect-30"> 30 </label>
              <label class="m-0 pl-5">
                <input onchange="getRadioval(this)" type="radio" name="AmountSelect" value="40" id="AmountSelect-40"> 40 </label>
              <label class="m-0 pl-5">
                <input onchange="getRadioval(this)" type="radio" name="AmountSelect" value="يدوى" id="AmountSelect-Manual"> يدوى </label>
            </div>
            <div class="col-xs-12 pt-10">
              <input class="form-control text-center txtTab2Result" style="font-family: Arial;" onkeypress="return isNumberKey(event)" type="text" value="0" disabled="">
            </div>
          </div>
          <!-- end row -->
          <!-- end row -->
          <div class="row mt-15">
            <div class="form-group col-md-6  col-sm-6 col-xs-6 text-center">
              <a class="btn btn-colored-dark btn-md btn-lg btn-sm text-GESSUniqueLight-white-bold-14" onclick="AddTab_2ToBasket(false);" href="javascript:">تبرع الآن</a>
            </div>
            <div class="form-group col-md-6  col-sm-6 col-xs-6 text-center">
              <a class="btn btn-colored-light btn-md btn-lg btn-sm text-GESSUniqueLight-white-bold-14 pull-left" onclick="AddTab_2ToBasket(true);" href="javascript:">اضف للسلة</a>
            </div>
          </div>
          <!-- end row -->
        </div>
        <!-- end tab-2 -->
        <div class="tab-pane fade" id="tab-4">
          <div class="row">
            <div class="form-group col-md-6">
              <select style="width: 100%;" id="Category_MOBILE" class="form-control">
                <option value="-1">أنواع المشاريع</option>
                <option value="1018">الوقفيات</option>
                <option value="1019">المشاريع العامة</option>
                <option value="1020">المشاريع الموسمية</option>
                <option value="1027">كفارات ونذور</option>
              </select>
            </div>
            <div class="form-group col-md-6">
              <select style="width: 100%;" id="Projects_MOBILE" class="form-control" disabled="">
                <option value="-1">المشاريع</option>
              </select>
              <img class="hidden" id="ProjectImage_MOBILE">
            </div>
            <div class="form-group col-md-12">
              <input id="txtTab3Result_MOBILE" style="font-family: Arial;" onkeypress="return isNumberKey(event)" class="form-control text-center" disabled="">
            </div>
          </div>
          <!-- end row -->
          <div class="row">
            <div class="form-group col-md-6 col-sm-6 col-xs-6 text-center">
              <a class="btn btn-colored-dark btn-md btn-lg btn-sm text-GESSUniqueLight-white-bold-14" onclick="AddTab_3ToBasket_MOBILE(false);" href="javascript:">تبرع الآن </a>
            </div>
            <div class="form-group col-md-6 col-sm-6 col-xs-6 text-center">
              <a class="btn btn-colored-light btn-md btn-lg btn-sm text-GESSUniqueLight-white-bold-14 pull-left" onclick="AddTab_3ToBasket_MOBILE(true);" href="javascript:">اضف للسلة</a>
            </div>
          </div>
          <!-- end row -->
        </div>
        <!-- end tab-4 -->
      </div>
    </div>
  </div>
  <script>
    $(document).ready(function() {
      var cat_MOBILE = $("#Category_MOBILE");
      var projects_MOBILE = $("#Projects_MOBILE");
      var result_MOBILE = $("#txtTab3Result_MOBILE");
      var img_MOBILE = $("#ProjectImage_MOBILE");
      $.ajax({
        url: "/DataService.asmx/GetCategory",
        method: "POST",
        dataType: "json",
        success: function(data) {
          cat_MOBILE.append($('<option/>', {
            value: -1,
            text: "أنواع المشاريع"
          }));
          projects_MOBILE.append($('<option/>', {
            value: -1,
            text: "المشاريع"
          }));
          projects_MOBILE.prop('disabled', true);
          result_MOBILE.val("0");
          result_MOBILE.prop('disabled', true);
          $(data).each(function(index, item) {
            cat_MOBILE.append($('<option/>', {
              value: item.ID,
              text: item.Name
            }));
          });
        }
      });
      cat_MOBILE.change(function() {
        if ($(this).val() === "-1") {
          projects_MOBILE.empty();
          projects_MOBILE.append($('<option/>', {
            value: -1,
            text: "المشاريع"
          }));
          projects_MOBILE.val('-1');
          projects_MOBILE.prop('disabled', true);
        } else {
          $.ajax({
            url: "/DataService.asmx/GetProjects",
            method: "POST",
            data: {
              id: $(this).val()
            },
            dataType: "json",
            success: function(data) {
              projects_MOBILE.empty();
              projects_MOBILE.append($('<option/>', {
                value: -1,
                text: "المشاريع"
              }));
              projects_MOBILE.val('-1');
              projects_MOBILE.prop('disabled', false);
              result_MOBILE.val("0");
              result_MOBILE.prop('disabled', false);
              $(data).each(function(index, item) {
                projects_MOBILE.append($('<option/>', {
                  value: item.ID,
                  text: item.Name
                }));
              });
            }
          });
        }
      });
      projects_MOBILE.change(function() {
        // get project image
        $.ajax({
          url: "/DataService.asmx/GetProjectData",
          method: "POST",
          data: {
            id: $(this).val()
          },
          dataType: "json",
          success: function(data) {
            debugger;
            img_MOBILE.attr('src', data.Photo);
          }
        });
      });
    });
  </script>
  <div id="wrapper" class="clearfix">
    <!-- preloader -->
    <!-- Header -->
    <header id="header" class="header">
      <div class="header-top sm-text-center navbar-fixed-top">
        <div class="container">
          <div class="row">
            <div class="col-md-4 col-sm-3 col-xs-3  text-center ">
              <a class="pull-left flip hidden-xs hidden-sm " href="/">
                    <img src="/Dist/images/namaalogo2.png" class="main-logo" alt="">
                </a>
              <a class=" pull-left flip hidden-lg" href="/">
                    <img src="/Dist/images/WEB-LOGOS-2-01.png" style="height: 40px; margin-top:5px;" alt="">
                </a>
            </div>
            <div class="col-md-4 hidden-xs hidden-sm mt-20 mt-sm-10 text-center">
              <div class="input-group">
                <input type="text" value="" name="" placeholder="البحث" class="form-control text-AXtManalBold-gray-14" data-height="37px" id="searchKey" style="height: 37px;">
                <span class="input-group-btn">
                  <a href="javascript:" onclick="Search()" class="btn btn-colored-light m-0"><i class="fa fa-search"></i></a>
                </span>
              </div>
            </div>
            <div class="col-sm-1 col-xs-1 hidden-lg  mt-sm-10 text-center">
              <a href="" id="show" onclick="return false" class="fa fa-search search" style="font-size: 18px !important;"></a>
            </div>
            <div class="col-md-4 col-sm-8 col-xs-8">
              <div class="widget no-border mt-20 mt-sm-10">
                <ul class="list-inline text-left xs-text-left">
                  <li class="ml-20 hidden-xs hidden-sm">
                    <a href="/Pages/Public/Zkatak/Default.aspx">


                                <span class=" text-mainlight-xs fa fa-calculator"></span>
                            </a>
                  </li>
                  <li class="ml-lg-20 mt-sm-5 mb-sm-10 xs-pull-right">
                    <!-- Modal: Appointment Starts -->
                    <a href="/Pages/Public/DonorServices/LogIn.aspx" id="ctl00_TopHeader_aUser" class="fa fa-user"></a>
                  </li>
                  <li class="ml-lg-20  mt-sm-5 mb-sm-10 xs-pull-left">
                    <a href="/Pages/Public/Users/ShopCart.aspx"><i class="mr-5 fa fa-shopping-cart blue-color "></i>
                                <label class="badge badge-warning cartNumber"></label>
                                
                                <span style="margin-right: 5px;" class="cartvalue text-mainlight-Num">0</span>
                                <span style="margin-right: 5px;" class="cur text-AXtManalBold-gray-18">د.ك</span>
                            </a>
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="modal" id="menu" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class="close" id="hide" aria-label="Close">
                <span aria-hidden="true">×</span>
              </button>
            </div>
            <div class="modal-body">
              <div class="input-group">
                <input type="text" value="" name="" placeholder="البحث" class="form-control text-AXtManalBold-gray-14" data-height="37px" id="searchKeyh" style="height: 37px;">
                <span class="input-group-btn">
                  <a href="javascript:" onclick="headerSearch()" class="btn btn-colored btn-info m-0"><i class="fa fa-search"></i></a>
                </span>
              </div>
            </div>
          </div>
        </div>
      </div>
      <script>
        $(document).ready(function() {
          $('#show').click(function() {
            $('#menu').toggle("slide");
          });
          $('#hide').click(function() {
            $('#menu').toggle('hide');
          });
        });

        function headerSearch() {
          if ($('#searchKeyh').val() === "" || $('#searchKeyh').val() === null) {
            alert("يجب إدخال كلمة البحث");
          } else {
            var searchKey = $('#searchKeyh').val();
            var category = "";
            var project = "";
            window.location.href = document.location.origin + "/Pages/Public/Search/Search.aspx?data=" + searchKey + "&cat=" + category + "&proj=" + project;
          }
        };
      </script>
      <div class="header-nav">
        <div class="header-nav-wrapper navbar-scrolltofixed scroll-to-fixed-fixed" style="z-index: 1000; position: fixed; top: 0px; margin-left: 0px; width: 1600px; left: 0px;">
          <div class="container">
            <nav id="menuzord-right" class="menuzord default menuzord-responsive"><a href="javascript:void(0)" class="showhide" style="display: none;"><em></em><em></em><em></em></a>
              <ul class="menuzord-menu mt-40 menuzord-right menuzord-indented scrollable" style="max-height: 400px;">
                <li><a href="/Pages/Public/Projects/Zakah.aspx">زكاة</a></li>
                <li><a href="/Pages/Public/Projects/Sadqat.aspx">صدقات</a></li>
                <li><a href="/Pages/Public/Projects/Waqf.aspx">وقفيات</a></li>
                <li><a href="/Pages/Public/Projects/SharedProjects.aspx">مشروعات</a></li>
                <li><a href="/Pages/Public/Projects/Sponsorship.aspx">كفالات</a></li>
                <li><a href="/Pages/Public/Projects/Kafarat.aspx">كفارات</a></li>
                <li><a href="/Pages/Public/Projects/SeasonalProjects.aspx">المشاريع الموسمية</a></li>
                <li><a href="/Pages/Public/Projects/Relief.aspx">اغاثات</a></li>
                <li><a href="#">الرعاية الاجتماعية<span class="indicator"><i class="fa fa-angle-down"></i></span></a>
                  <ul class="dropdown" style="right: auto;">
                    <li><a href="/Pages/Public/Cases/Cases.aspx">تقديم طلب مساعدة</a></li>
                    <li><a href="/Pages/Public/Cases/EditCases.aspx">تعديل طلب المساعدة</a></li>
                    <li><a href="/Pages/Public/Cases/CasesQuery.aspx">الاستعلام عن المساعدة</a></li>
                  </ul>
                </li>
                <li class="scrollable-fix"></li>
              </ul>
              <!-- end user area -->
            </nav>
          </div>
        </div>
        <div style="display: block; width: 1600px; height: 95.4219px; float: none;"></div>
      </div>
    </header>
    <!-- Start main-content -->
    <div class="main-content">
      <!-- Section: home -->
      <!-- Sticky social media -->
      <div class="sticky-social hidden-xs">
        <ul class="sm-text-center">
          <li><a href="https://www.facebook.com/NamaaNet" id="ctl00_hlFacebook" target="_blank"><i class="mr-5 fa fa-facebook text-white"></i></a></li>
          <li><a href="https://twitter.com/NamaaNet" id="ctl00_hlTwitter" target="_blank"><i class="mr-5 fa fa-twitter text-white"></i></a></li>
          <li><a href="https://instagram.com/NamaaNet" id="ctl00_hlInstagram" target="_blank"><i class="mr-5 fa fa-instagram text-white"></i></a></li>
          <li><a href="https://www.youtube.com/channel/UCvG6MtYopmu7gMqcFXNTcvg" id="ctl00_hlYoutube" target="_blank"><i class="mr-5 fa fa-youtube text-white"></i></a></li>
        </ul>
      </div>
      <div class="container mt-40 mt-sm-80 mt-xs-80">
        <div class="row">
          <!-- Slider Revolution Start -->
          <div class="rev_slider_wrapper" style="overflow: visible; height: 380px;">
            <div class="rev_slider revslider-initialised tp-simpleresponsive" data-version="5.0" id="revslider-537" data-slideactive="rs-1" style="margin-top: 0px; margin-bottom: 0px; height: 380px;">
              <ul class="tp-revslider-mainul" style="visibility: visible; display: block; overflow: hidden; width: 1170px; height: 100%; max-height: none; left: 0px;">
                <!-- SLIDE 1 -->
                <li id="ctl00_ProjectsSlider_LiSlide1" data-index="rs-1" data-slotamount="default" data-title="Slide 1" data-transition="fade" data-thumb="https://namaa-web.s3.me-south-1.amazonaws.com/Sliders/472.jpg" data-description=""
                  style="height: 100%; width: 100%; overflow: hidden; z-index: 20; visibility: inherit; opacity: 1;" data-saveperformance="off" data-rotate="0" data-easein="default" data-masterspeed="default" data-easeout="default"
                  class="tp-revslider-slidesli active-revslide">
                  <!-- MAIN IMAGE -->
                  <a href="/Pages/Public/Campaigns/Details.aspx?id=472" style="color: #fff !important">
            <img src="https://namaa-web.s3.me-south-1.amazonaws.com/Sliders/472.jpg" id="ctl00_ProjectsSlider_imgSlide1" style="width: 100%; height: 100%" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" data-bgparallax="10" data-no-retina="">
        </a>
                  <!-- LAYERS -->
                  <!-- LAYER NR. 1 -->
                  <!-- LAYER NR. 2 -->
                  <!-- LAYER NR. 4 -->
                  <div class="tp-parallax-wrap" style="position: absolute; visibility: visible; left: 533px; top: 318px; z-index: 5;">
                    <div class="tp-loop-wrap" style="position:absolute;">
                      <div class="tp-mask-wrap" style="position: absolute; overflow: hidden; transform: matrix(1, 0, 0, 1, 0, 0); height: auto; width: auto;">
                        <div class="tp-caption tp-resizeme" id="rs-1-layer-4" data-x="['center']" data-hoffset="['-100']" data-y="['middle']" data-voffset="['150']" data-width="none" data-height="none" data-whitespace="nowrap"
                          data-transform_idle="o:1;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;" data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
                          data-mask_in="x:0px;y:[100%];s:inherit;e:inherit;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="1400" data-splitin="none" data-splitout="none" data-responsive_offset="on"
                          style="z-index: 5; white-space: nowrap; letter-spacing: 1px; visibility: inherit; transition: none 0s ease 0s; line-height: 23px; border-width: 0px; margin: 0px; padding: 0px; font-weight: 400; font-size: 14px; min-height: 0px; min-width: 0px; max-height: none; max-width: none; opacity: 1; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;">
                          <a class="btn btn-lg btn-md btn-colored-light text-GESSUniqueLight-white-bold-14 border-left-theme-color-2-6px pl-20 pr-20" href="/Pages/Public/Campaigns/Details.aspx?id=472" style="transition: none 0s ease 0s; line-height: 23px; border-width: 1px; margin: 0px; padding: 10px 20px; letter-spacing: 1px; font-weight: 400; font-size: 14px;">تبرع الآن</a>
                        </div>
                      </div>
                    </div>
                  </div>
                </li>
                <!-- SLIDE 2 -->
                <li id="ctl00_ProjectsSlider_LiSlide2" data-index="rs-2" data-slotamount="default" data-title="Slide 2" data-transition="fade" data-thumb="https://namaa-web.s3.me-south-1.amazonaws.com/Sliders/468.jpg" data-description=""
                  data-saveperformance="off" data-rotate="0" data-easein="default" data-masterspeed="default" data-easeout="default" class="tp-revslider-slidesli" style="width: 100%; height: 100%; overflow: hidden;">
                  <!-- MAIN IMAGE -->
                  <a href="/Pages/Public/Campaigns/Details.aspx?id=468" style="color: #fff !important;">
            <img src="https://namaa-web.s3.me-south-1.amazonaws.com/Sliders/468.jpg" id="ctl00_ProjectsSlider_imgSlide2" style="width: 100%; height: 100%" data-bgposition="center 40%" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" data-bgparallax="10" data-no-retina="">
        </a>
                  <!-- LAYERS -->
                  <!-- LAYER NR. 1 -->
                  <!-- LAYER NR. 2 -->
                  <!-- LAYER NR. 4 -->
                  <div class="tp-parallax-wrap" style="position:absolute;visibility:hidden">
                    <div class="tp-loop-wrap" style="position:absolute;">
                      <div class="tp-mask-wrap" style="position:absolute">
                        <div class="tp-caption tp-resizeme" id="rs-2-layer-4" data-x="['center']" data-hoffset="['-100']" data-y="['middle']" data-voffset="['150']" data-width="none" data-height="none" data-whitespace="nowrap"
                          data-transform_idle="o:1;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;" data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
                          data-mask_in="x:0px;y:[100%];s:inherit;e:inherit;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="1400" data-splitin="none" data-splitout="none" data-responsive_offset="on"
                          style="z-index: 5; white-space: nowrap; letter-spacing: 1px; visibility: hidden;">
                          <a class="btn btn-lg btn-md btn-colored-light text-GESSUniqueLight-white-bold-14 border-left-theme-color-2-6px pl-20 pr-20" href="/Pages/Public/Campaigns/Details.aspx?id=468">تبرع الآن</a>
                        </div>
                      </div>
                    </div>
                  </div>
                </li>
                <li id="ctl00_ProjectsSlider_LiSlide3" data-index="rs-3" data-slotamount="default" data-title="Slide 3" data-transition="fade" data-thumb="https://namaa-web.s3.me-south-1.amazonaws.com/Sliders/466.jpg" data-description=""
                  data-saveperformance="off" data-rotate="0" data-easein="default" data-masterspeed="default" data-easeout="default" class="tp-revslider-slidesli" style="width: 100%; height: 100%; overflow: hidden;">
                  <!-- MAIN IMAGE -->
                  <a href="/Pages/Public/Campaigns/Details.aspx?id=466" style="color: #fff !important;">
            <img src="https://namaa-web.s3.me-south-1.amazonaws.com/Sliders/466.jpg" id="ctl00_ProjectsSlider_imgSlide3" style="width: 100%; height: 100%" data-bgposition="center top" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" data-bgparallax="10" data-no-retina="">
        </a>
                  <!-- LAYERS -->
                  <!-- LAYER NR. 1 -->
                  <!-- LAYER NR. 2 -->
                  <!-- LAYER NR. 4 -->
                  <div class="tp-parallax-wrap" style="position:absolute;visibility:hidden">
                    <div class="tp-loop-wrap" style="position:absolute;">
                      <div class="tp-mask-wrap" style="position:absolute">
                        <div class="tp-caption tp-resizeme" id="rs-3-layer-4" data-x="['center']" data-hoffset="['-100']" data-y="['middle']" data-voffset="['150']" data-width="none" data-height="none" data-whitespace="nowrap"
                          data-transform_idle="o:1;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;" data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
                          data-mask_in="x:0px;y:[100%];s:inherit;e:inherit;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="1400" data-splitin="none" data-splitout="none" data-responsive_offset="on"
                          style="z-index: 5; white-space: nowrap; letter-spacing: 1px; visibility: hidden;">
                          <a class="btn btn-lg btn-md btn-colored-light text-GESSUniqueLight-white-bold-14 border-left-theme-color-2-6px pl-20 pr-20" href="/Pages/Public/Campaigns/Details.aspx?id=466">تبرع الآن</a>
                        </div>
                      </div>
                    </div>
                  </div>
                </li>
              </ul>
              <div class="tp-loader off" style="display: none;">
                <div class="dot1"></div>
                <div class="dot2"></div>
                <div class="bounce1"></div>
                <div class="bounce2"></div>
                <div class="bounce3"></div>
              </div>
              <div class="tp-bannertimer" style="visibility: visible; width: 51.54%; transform: translate3d(0px, 0px, 0px);"></div>
              <div class="tp-leftarrow tparrows zeus  noSwipe" style="top: 50%; transform: matrix(1, 0, 0, 1, 30, -35); left: 0px; visibility: hidden; opacity: 0;">
                <div class="tp-title-wrap">
                  <div class="tp-arr-imgholder" style="background-image: url(&quot;https://namaa-web.s3.me-south-1.amazonaws.com/Sliders/466.jpg&quot;);"></div>
                </div>
              </div>
              <div class="tp-rightarrow tparrows zeus  noSwipe" style="top: 50%; transform: matrix(1, 0, 0, 1, -100, -35); left: 100%; visibility: hidden; opacity: 0;">
                <div class="tp-title-wrap">
                  <div class="tp-arr-imgholder" style="background-image: url(&quot;https://namaa-web.s3.me-south-1.amazonaws.com/Sliders/468.jpg&quot;);"></div>
                </div>
              </div>
              <div class="tp-bullets hermes horizontal nav-pos-hor-center nav-pos-ver-bottom nav-dir-horizontal noSwipe"
                style="width: 58px; height: 16px; top: 100%; transform: matrix(1, 0, 0, 1, -29, -46); left: 50%; visibility: hidden; opacity: 0;">
                <div class="tp-bullet selected" style="left: 0px; top: 0px;"><span class="tp-bullet-image" style="background-image: url(&quot;https://namaa-web.s3.me-south-1.amazonaws.com/Sliders/472.jpg&quot;);"></span><span
                    class="tp-bullet-title"></span></div>
                <div class="tp-bullet" style="left: 21px; top: 0px;"><span class="tp-bullet-image" style="background-image: url(&quot;https://namaa-web.s3.me-south-1.amazonaws.com/Sliders/468.jpg&quot;);"></span><span class="tp-bullet-title"></span>
                </div>
                <div class="tp-bullet" style="left: 42px; top: 0px;"><span class="tp-bullet-image" style="background-image: url(&quot;https://namaa-web.s3.me-south-1.amazonaws.com/Sliders/466.jpg&quot;);"></span><span class="tp-bullet-title"></span>
                </div>
              </div>
            </div>
            <!-- end .rev_slider -->
          </div>
        </div>
      </div>
      <!-- end .rev_slider_wrapper -->
      <script>
        $(document).ready(function(e) {
          $(".rev_slider").revolution({
            //sliderType: "standard",
            sliderLayout: "auto",
            //fullScreenAlignForce: 'off',
            dottedOverlay: "none",
            delay: 5000,
            navigation: {
              keyboardNavigation: "off",
              keyboard_direction: "horizontal",
              mouseScrollNavigation: "off",
              onHoverStop: "off",
              touch: {
                touchenabled: "on",
                swipe_threshold: 75,
                swipe_min_touches: 1,
                swipe_direction: "horizontal",
                drag_block_vertical: false
              },
              arrows: {
                style: "zeus",
                enable: true,
                hide_onmobile: false,
                hide_under: 600,
                hide_onleave: true,
                hide_delay: 200,
                hide_delay_mobile: 1200,
                tmp: '<div class="tp-title-wrap">    <div class="tp-arr-imgholder"></div> </div>',
                left: {
                  h_align: "left",
                  v_align: "center",
                  h_offset: 30,
                  v_offset: 0
                },
                right: {
                  h_align: "right",
                  v_align: "center",
                  h_offset: 30,
                  v_offset: 0
                }
              },
              bullets: {
                enable: true,
                hide_onmobile: false,
                hide_under: 600,
                style: "hermes",
                hide_onleave: true,
                hide_delay: 200,
                hide_delay_mobile: 1200,
                direction: "horizontal",
                h_align: "center",
                v_align: "bottom",
                h_offset: 0,
                v_offset: 30,
                space: 5
              }
            },
            //responsiveLevels: [4096, 1024, 778, 480],
            //visibilityLevels: [1240, 1024, 778,480],
            gridwidth: [1140, 800, 750, 480],
            //gridheight: [600, 600, 980, 700] ,
            gridheight: [380],
            lazyType: "none",
            parallax: {
              origo: "slidercenter",
              speed: 1000,
              levels: [5, 10, 15, 20, 25, 30, 35, 40, 45, 46, 47, 48, 49, 50, 100, 55],
              type: "scroll"
            },
            shadow: 0,
            spinner: "off",
            stopLoop: "on",
            stopAfterLoops: 0,
            stopAtSlide: -1,
            shuffle: "off",
            autoHeight: "off",
            fullScreenAutoWidth: "off",
            fullScreenAlignForce: "off",
            fullScreenOffsetContainer: "",
            fullScreenOffset: "0",
            hideThumbsOnMobile: "off",
            hideSliderAtLimit: 0,
            hideCaptionAtLimit: 0,
            hideAllCaptionAtLilmit: 0,
            debugMode: false,
            fallbacks: {
              simplifyAll: "off",
              nextSlideOnWindowFocus: "off",
              disableFocusListener: false,
            }
          });
        });
      </script>
      <!-- Slider Revolution Ends -->
      <!-- Section: Our Choices -->
      <div>
        <section id="causes">
          <div class="container">
            <div class="section-content">
              <div class="section-title text-center mt-0">
                <div class="row">
                  <div class="col-md-8 col-md-offset-2">
                    <h2 class="mt-0 text-GESSUniqueLight-black-26">المشاريع الاكثر احتياجا</h2>
                  </div>
                </div>
              </div>
              <div class="section-title text-center mt-0">
                <div class="row">
                  <style>
                    .thumb {
                      min-height: 240px;
                      max-height: 240px;
                    }

                    .list-inline>li {
                      padding-left: 0px !important;
                    }

                    img {
                      height: 240px;
                    }

                    .buttonCahnge {
                      background-color: #F4F4F4;
                      border: none;
                      color: #757575;
                      padding: 5px;
                      text-align: center;
                      text-decoration: none;
                      display: inline-block;
                      font-size: 16px;
                      width: auto;
                    }

                    .buttonCahngeActive {
                      background-color: #074770;
                      border: none;
                      color: white;
                      padding: 5px;
                      text-align: center;
                      text-decoration: none;
                      display: inline-block;
                      font-size: 16px;
                      width: auto;
                    }
                  </style>
                  <div id="ctl00_ContentPlaceHolder1_CardProject_UpdatePanel1">
                    <div class="portfolio-filter text-GESSUniqueLight-bold-gray-14 align-center">
                      <input type="submit" name="ctl00$ContentPlaceHolder1$CardProject$rptTabs$ctl00$btnCahnge" value="الأشد احتياجاً" id="ctl00_ContentPlaceHolder1_CardProject_rptTabs_ctl00_btnCahnge" class="buttonCahngeActive">
                      <input type="submit" name="ctl00$ContentPlaceHolder1$CardProject$rptTabs$ctl01$btnCahnge" value="الكفالات" id="ctl00_ContentPlaceHolder1_CardProject_rptTabs_ctl01_btnCahnge" class="buttonCahnge">
                      <input type="submit" name="ctl00$ContentPlaceHolder1$CardProject$rptTabs$ctl02$btnCahnge" value="مشاريع داخل الكويت" id="ctl00_ContentPlaceHolder1_CardProject_rptTabs_ctl02_btnCahnge" class="buttonCahnge">
                    </div>
                    <div class="causes col-xs-12 col-sm-12 col-md-4 mb-sm-30">
                      <div class="thumb">
                        <a href="/Pages/Public/Projects/Details.aspx?id=2817">
                            <img class="img-fullwidth mb-sm-0" id="img_2817" src="https://namaa-web.s3.me-south-1.amazonaws.com/Projects/2817.jpg" alt="">
                            
                        </a>
                      </div>
                      <div class="causes-details bg-white clearfix border-2px p-15 pt-10">
                        <h4 class="text-center text-GESSUniqueBold-black-16 mb-20">
                          <a href="/Pages/Public/Projects/Details.aspx?id=2817" id="lblName_C_2817">5 أبواب للخير</a>
                        </h4>
                        <div class="row mb-10">
                          <div class="col-md-12">
                            <div class="row">
                              <div class="col-md-2 col-xs-2 text-center"><span class="dot-default"></span></div>
                              <div class="col-md-3 col-xs-3 ver-line"></div>
                              <div class="col-md-2 col-xs-2 text-center"><span class="dot-info"></span></div>
                              <div class="col-md-3 col-xs-3 ver-line"></div>
                              <div class="col-md-2 col-xs-2 text-center"><span class="dot-danger "></span></div>
                            </div>
                            <div class="row">
                              <div class="col-md-4 col-xs-4 text-AXtManalBold-gray-16"><span class="pull-right">الـهـدف</span></div>
                              <div class="col-md-4 col-xs-4 text-AXtManalBold-gray-16 text-center"><span class="">المحصل</span></div>
                              <div class="col-md-4 col-xs-4 text-AXtManalBold-gray-16"><span class="pull-left">المتـبـقى</span></div>
                            </div>
                            <div class="row">
                              <div class="col-md-4 col-xs-4 lblperc"><span class="pull-right text-theme-light-blue">10000 د.ك</span></div>
                              <div class="col-md-4 col-xs-4 lblperc text-center"><span class="text-theme-light-blue">8730 د.ك</span></div>
                              <div class="col-md-4 col-xs-4 lblperc"><span class="pull-left text-theme-light-blue">1270 د.ك </span></div>
                            </div>
                          </div>
                        </div>
                        <div class="row">
                          <div class="col-md-12 col-sm-12 col-xs-12 text-center">
                            <div class="form-inline">
                              <div class="form-group row" style="margin-right: 3px; margin-left: 3px;">
                                <label class="col-sm-2 col-xs-2 text-AXtManalBold-gray-16 col-form-label mt-10">المبلغ</label>
                                <div class="col-sm-8 col-xs-8">
                                  <div class="input-group">
                                    <span class="input-group-btn">
                                      <button class="btn btn-default btn-gray home-right-plus" onclick="homeadd(2817)" type="button" style="width: 34px; height: 34px;">+</button>
                                    </span>
                                    <input placeholder="المبلغ" style="height: 34px; text-align: center;" maxlength="7" id="donation_amount_C_2817" onkeypress="return isNumberKey(event)" value="30.000" class="form-control" type="text">
                                    <span class="input-group-btn">
                                      <button class="btn btn-default btn-gray home-left-minus" onclick="homemin(2817)" type="button" style="width: 34px; height: 34px;">-</button>
                                    </span>
                                  </div>
                                </div>
                                <label class="col-sm-2 col-xs-2 text-AXtManalBold-gray-16 col-form-label cur mt-10">د.ك</label>
                              </div>
                            </div>
                          </div>
                        </div>
                        <div class="progress mb-10">
                          <div class="progress-bar progress-bar-info progress-bar-striped active appeared" data-percent="87" style="width: 87%;"><span class="percent">87%</span></div>
                        </div>
                        <div class="mt-10 text-center">
                          <a class="btn btn-md btn-sm btn-colored-dark btn-lg text-GESSUniqueLight-white-bold-14 mt-10" onclick="AddToBasket('30.000','2817',false,'C')" href="javascript:">التبرع السريع</a>
                          <a class="btn btn-md btn-sm btn-colored-light btn-lg text-GESSUniqueLight-white-bold-14 mt-10" onclick="AddToBasket('30.000','2817',true,'C')" href="javascript:"><i class="fa fa-shopping-cart"></i>إضافة للسلة</a>
                        </div>
                        <input type="hidden" id="S_Country_C_2817" value="1">
                        <input type="hidden" id="S_Category_C_2817" value="1019">
                        <input type="hidden" id="S_DonateType_C_2817" value="مشروع">
                      </div>
                    </div>
                    <div class="causes col-xs-12 col-sm-12 col-md-4 mb-sm-30">
                      <div class="thumb">
                        <a href="/Pages/Public/Projects/Details.aspx?id=3013">
                            <img class="img-fullwidth mb-sm-0" id="img_3013" src="https://namaa-web.s3.me-south-1.amazonaws.com/Projects/3013.jpg" alt="">
                            
                        </a>
                      </div>
                      <div class="causes-details bg-white clearfix border-2px p-15 pt-10">
                        <h4 class="text-center text-GESSUniqueBold-black-16 mb-20">
                          <a href="/Pages/Public/Projects/Details.aspx?id=3013" id="lblName_C_3013">كفالة أيتام غزة - فلسطين</a>
                        </h4>
                        <div class="row mb-10">
                          <div class="col-md-12">
                            <div class="row">
                              <div class="col-md-2 col-xs-2 text-center"><span class="dot-default"></span></div>
                              <div class="col-md-3 col-xs-3 ver-line"></div>
                              <div class="col-md-2 col-xs-2 text-center"><span class="dot-info"></span></div>
                              <div class="col-md-3 col-xs-3 ver-line"></div>
                              <div class="col-md-2 col-xs-2 text-center"><span class="dot-danger "></span></div>
                            </div>
                            <div class="row">
                              <div class="col-md-4 col-xs-4 text-AXtManalBold-gray-16"><span class="pull-right">الـهـدف</span></div>
                              <div class="col-md-4 col-xs-4 text-AXtManalBold-gray-16 text-center"><span class="">المحصل</span></div>
                              <div class="col-md-4 col-xs-4 text-AXtManalBold-gray-16"><span class="pull-left">المتـبـقى</span></div>
                            </div>
                            <div class="row">
                              <div class="col-md-4 col-xs-4 lblperc"><span class="pull-right text-theme-light-blue">24000 د.ك</span></div>
                              <div class="col-md-4 col-xs-4 lblperc text-center"><span class="text-theme-light-blue">13838 د.ك</span></div>
                              <div class="col-md-4 col-xs-4 lblperc"><span class="pull-left text-theme-light-blue">10162 د.ك </span></div>
                            </div>
                          </div>
                        </div>
                        <div class="row">
                          <div class="col-md-12 col-sm-12 col-xs-12 text-center">
                            <div class="form-inline">
                              <div class="form-group row" style="margin-right: 3px; margin-left: 3px;">
                                <label class="col-sm-2 col-xs-2 text-AXtManalBold-gray-16 col-form-label mt-10">المبلغ</label>
                                <div class="col-sm-8 col-xs-8">
                                  <div class="input-group">
                                    <span class="input-group-btn">
                                      <button class="btn btn-default btn-gray home-right-plus" onclick="homeadd(3013)" type="button" style="width: 34px; height: 34px;">+</button>
                                    </span>
                                    <input placeholder="المبلغ" style="height: 34px; text-align: center;" maxlength="7" id="donation_amount_C_3013" onkeypress="return isNumberKey(event)" value="20.000" class="form-control" type="text">
                                    <span class="input-group-btn">
                                      <button class="btn btn-default btn-gray home-left-minus" onclick="homemin(3013)" type="button" style="width: 34px; height: 34px;">-</button>
                                    </span>
                                  </div>
                                </div>
                                <label class="col-sm-2 col-xs-2 text-AXtManalBold-gray-16 col-form-label cur mt-10">د.ك</label>
                              </div>
                            </div>
                          </div>
                        </div>
                        <div class="progress mb-10">
                          <div class="progress-bar progress-bar-info progress-bar-striped active appeared" data-percent="57" style="width: 57%;"><span class="percent">57%</span></div>
                        </div>
                        <div class="mt-10 text-center">
                          <a class="btn btn-md btn-sm btn-colored-dark btn-lg text-GESSUniqueLight-white-bold-14 mt-10" onclick="AddToBasket('20.000','3013',false,'C')" href="javascript:">التبرع السريع</a>
                          <a class="btn btn-md btn-sm btn-colored-light btn-lg text-GESSUniqueLight-white-bold-14 mt-10" onclick="AddToBasket('20.000','3013',true,'C')" href="javascript:"><i class="fa fa-shopping-cart"></i>إضافة للسلة</a>
                        </div>
                        <input type="hidden" id="S_Country_C_3013" value="7">
                        <input type="hidden" id="S_Category_C_3013" value="1019">
                        <input type="hidden" id="S_DonateType_C_3013" value="مشروع">
                      </div>
                    </div>
                    <div class="causes col-xs-12 col-sm-12 col-md-4 mb-sm-30">
                      <div class="thumb">
                        <a href="/Pages/Public/Campaigns/Details.aspx?id=359">
                            <img class="img-fullwidth mb-sm-0" id="img_359" src="https://namaa-web.s3.me-south-1.amazonaws.com/Projects/359.jpg" alt="">
                            
                        </a>
                      </div>
                      <div class="causes-details bg-white clearfix border-2px p-15 pt-10">
                        <h4 class="text-center text-GESSUniqueBold-black-16 mb-20">
                          <a href="/Pages/Public/Campaigns/Details.aspx?id=359" id="lblName_C_359">أغيثوا الصومال</a>
                        </h4>
                        <div class="row mb-10">
                          <div class="col-md-12">
                            <div class="row">
                              <div class="col-md-2 col-xs-2 text-center"><span class="dot-default"></span></div>
                              <div class="col-md-3 col-xs-3 ver-line"></div>
                              <div class="col-md-2 col-xs-2 text-center"><span class="dot-info"></span></div>
                              <div class="col-md-3 col-xs-3 ver-line"></div>
                              <div class="col-md-2 col-xs-2 text-center"><span class="dot-danger "></span></div>
                            </div>
                            <div class="row">
                              <div class="col-md-4 col-xs-4 text-AXtManalBold-gray-16"><span class="pull-right">الـهـدف</span></div>
                              <div class="col-md-4 col-xs-4 text-AXtManalBold-gray-16 text-center"><span class="">المحصل</span></div>
                              <div class="col-md-4 col-xs-4 text-AXtManalBold-gray-16"><span class="pull-left">المتـبـقى</span></div>
                            </div>
                            <div class="row">
                              <div class="col-md-4 col-xs-4 lblperc"><span class="pull-right text-theme-light-blue">150000 د.ك</span></div>
                              <div class="col-md-4 col-xs-4 lblperc text-center"><span class="text-theme-light-blue">149878 د.ك</span></div>
                              <div class="col-md-4 col-xs-4 lblperc"><span class="pull-left text-theme-light-blue">122 د.ك </span></div>
                            </div>
                          </div>
                        </div>
                        <div class="row">
                          <div class="col-md-12 col-sm-12 col-xs-12 text-center">
                            <div class="form-inline">
                              <div class="form-group row" style="margin-right: 3px; margin-left: 3px;">
                                <label class="col-sm-2 col-xs-2 text-AXtManalBold-gray-16 col-form-label mt-10">المبلغ</label>
                                <div class="col-sm-8 col-xs-8">
                                  <div class="input-group">
                                    <span class="input-group-btn">
                                      <button class="btn btn-default btn-gray home-right-plus" onclick="homeadd(359)" type="button" style="width: 34px; height: 34px;">+</button>
                                    </span>
                                    <input placeholder="المبلغ" style="height: 34px; text-align: center;" maxlength="7" id="donation_amount_C_359" onkeypress="return isNumberKey(event)" value="" class="form-control" type="text">
                                    <span class="input-group-btn">
                                      <button class="btn btn-default btn-gray home-left-minus" onclick="homemin(359)" type="button" style="width: 34px; height: 34px;">-</button>
                                    </span>
                                  </div>
                                </div>
                                <label class="col-sm-2 col-xs-2 text-AXtManalBold-gray-16 col-form-label cur mt-10">د.ك</label>
                              </div>
                            </div>
                          </div>
                        </div>
                        <div class="progress mb-10">
                          <div class="progress-bar progress-bar-info progress-bar-striped active appeared" data-percent="99" style="width: 99%;"><span class="percent">99%</span></div>
                        </div>
                        <div class="mt-10 text-center">
                          <a class="btn btn-md btn-sm btn-colored-dark btn-lg text-GESSUniqueLight-white-bold-14 mt-10" onclick="AddToBasket('','359',false,'C')" href="javascript:">التبرع السريع</a>
                          <a class="btn btn-md btn-sm btn-colored-light btn-lg text-GESSUniqueLight-white-bold-14 mt-10" onclick="AddToBasket('','359',true,'C')" href="javascript:"><i class="fa fa-shopping-cart"></i>إضافة للسلة</a>
                        </div>
                        <input type="hidden" id="S_Country_C_359" value="1">
                        <input type="hidden" id="S_Category_C_359" value="0">
                        <input type="hidden" id="S_DonateType_C_359" value="حملة">
                      </div>
                    </div>
                  </div>
                  <script>
                    function AddToBasket(defaultVal, id, IsBasket, Type) {
                      if (CheckDefaultnotLess(defaultVal, id, Type)) {
                        const dataObj = {
                          action: 'action',
                          projectId: id,
                          title: $(`#lblName_${Type}_${id}`).html(),
                          val: $(`#donation_amount_${Type}_${id}`).val(),
                          isBasket: IsBasket,
                          photo: $(`#img_${id}`).attr('src'),
                          DonateType: $(`#S_DonateType_${Type}_${id}`).val(),
                          country: $(`#S_Country_${Type}_${id}`).val(),
                          categoryId: $(`#S_Category_${Type}_${id}`).val()
                        };
                        /*var type = Type;*/
                        $.ajax({
                          type: "POST",
                          url: '/Pages/Public/Users/ShopCart.aspx',
                          data: dataObj,
                          dataType: "json",
                          success: function(data) {
                            if (data.IsSuccess) {
                              if (IsBasket) {
                                showShopcartAlert();
                              }
                              $('.cartNumber').html(data.TotalCount);
                              $('.cartvalue').html(data.TotalPrice);
                              if (data.Url) window.location.href = document.location.origin + data.Url; //window.location.href + data.Url;
                            }
                          },
                          error: function() {}
                        });
                      }
                      return false;
                    }

                    function CheckDefaultnotLess(def, id, Type) {
                      var txtvalue = $(`#donation_amount_${Type}_${id}`).val();
                      //var dfv = parseFloat(def);
                      if (txtvalue === "" || txtvalue === "0" || txtvalue < 1) {
                        //$(`#lblnotValid_${Type}_${id}`).show();
                        showNotValidAmount();
                        return false;
                      } else {
                        return true;
                      }
                      //if (dfv >= 0) {
                      //    var va = parseFloat(txtvalue);
                      //    if (va < dfv || va === 0) {
                      //        $(`#lblnotless_${Type}_${id}`).show();
                      //        return false;
                      //    }
                      //    else
                      //        return true;
                      //}
                      //else {
                      //    $('#lblnotValid_' + Type + '_' + id).show();
                      //    return false;
                      //}
                    }
                  </script>
                </div>
              </div>
              <div id="ctl00_ContentPlaceHolder1_divMostImportantProject" class="section-title text-center mt-0">
                <div class="row">
                  <style>
                    .lblperc {
                      color: red;
                    }

                    .rightdiv {
                      background-color: #074770;
                    }

                    .leftdiv {
                      background-color: #EDEFF1
                    }

                    /*.progress span {*/
                    /*position: absolute;*/
                    /*display: block;*/
                    /*width: 100%;*/
                    /*color: black;
        text-shadow: 5px 0px 9px rgba(117, 126, 103, 1);
        color: black;
        font-weight: bold;
    }*/
                    .circular-progress {
                      position: relative;
                      height: 80px;
                      width: 80px;
                      border-radius: 50%;
                      background: conic-gradient(#6dcff6 90deg, #ededed 0deg);
                      display: flex;
                      align-items: center;
                      justify-content: center;
                      transform: rotate(90deg)
                    }

                    .circular-progress::before {
                      content: "";
                      position: absolute;
                      height: 60px;
                      width: 60px;
                      border-radius: 50%;
                      background-color: #fff;
                    }

                    .progress-value {
                      position: relative;
                      font-size: 20px;
                      font-weight: 400;
                      color: #0a0a0a;
                      transform: rotate(-90deg)
                    }
                  </style>
                  <section>
                    <div class="container mt-0 mt-sm-0">
                      <input name="ctl00$ContentPlaceHolder1$MostImportantProject$defaultVal" type="hidden" id="defaultVal">
                      <input name="ctl00$ContentPlaceHolder1$MostImportantProject$Rest_perc" type="hidden" id="Rest_perc" value="63.87">
                      <input name="ctl00$ContentPlaceHolder1$MostImportantProject$S_Country" type="hidden" id="S_Country" value="1">
                      <input name="ctl00$ContentPlaceHolder1$MostImportantProject$S_Category" type="hidden" id="S_Category" value="1">
                      <input name="ctl00$ContentPlaceHolder1$MostImportantProject$S_ProjectId" type="hidden" id="S_ProjectId" value="405">
                      <input name="ctl00$ContentPlaceHolder1$MostImportantProject$S_DonateType" type="hidden" id="S_DonateType" value="حملة">
                      <div class="section-content">
                        <div class="row">
                          <div class="col-xs-12 col-sm-12 col-md-12 text-center">
                            <h2 class="mt-0 text-GESSUniqueLight-black-26">الأكثر أهمية</h2>
                          </div>
                        </div>
                        <div class="row mt-10 ">
                          <div class="col-xs-12 col-sm-12 col-md-6 text-center ">
                            <div class="row ">
                              <img src="https://namaa-web.s3.me-south-1.amazonaws.com/Projects/405.jpg" id="image" alt="Post Image">
                            </div>
                          </div>
                          <div class="col-xs-12 col-sm-12 col-md-6 mb-10 ">
                            <div class="row">
                              <div class="col-xs-12 col-sm-12 col-md-12 text-center">
                                <h3 id="projectTitle" class="text-GESSUniqueBold-black-16"> 5 أبواب للخير "مجمع نماء التعليمي"</h3>
                              </div>
                            </div>
                            <div id="ctl00_ContentPlaceHolder1_MostImportantProject_divTarget" class="row">
                              <div class="col-xs-3 col-sm-3 col-md-3 text-center">
                                <span class="text-AXtManalBold-gray-16">الـهـدف</span>
                                <br>
                                <span id="ctl00_ContentPlaceHolder1_MostImportantProject_lblTarget_Cost" class="pull-right text-theme-light-blue">50000 د.ك</span>
                              </div>
                              <div class="col-xs-3 col-sm-3 col-md-3 text-center">
                                <span class="text-AXtManalBold-gray-16">المحصل</span>
                                <br>
                                <span id="ctl00_ContentPlaceHolder1_MostImportantProject_lblTotalDonations" class="text-theme-light-blue">31935 د.ك</span>
                              </div>
                              <div class="col-xs-3 col-sm-3 col-md-3 text-center">
                                <span class="text-AXtManalBold-gray-16">المتـبـقى</span>
                                <br>
                                <span id="ctl00_ContentPlaceHolder1_MostImportantProject_lblRest_cost" class="text-theme-light-blue">18065 د.ك</span>
                              </div>
                              <div class="col-xs-3 col-sm-3 col-md-3 text-center">
                                <div class="circular-progress" style="background: conic-gradient(rgb(109, 207, 246) 230.4deg, rgb(237, 237, 237) 0deg);">
                                  <span class="progress-value">63.87%</span>
                                </div>
                              </div>
                            </div>
                            <div class="row">
                              <div class="col-md-12 col-sm-12 col-xs-12 text-center">
                                <div class="form-inline">
                                  <div class="form-group row" style="margin-right: 3px; margin-left: 3px;">
                                    <label class="col-sm-2 col-xs-2 col-form-label text-AXtManalBold-gray-16 mt-10">المبلغ</label>
                                    <div class="col-sm-8 col-xs-8">
                                      <div class="input-group">
                                        <span class="input-group-btn">
                                          <button class="btn btn-default btn-gray home-right-plus" onclick="Detailsadd()" type="button" style="width: 34px; height: 34px;">+</button>
                                        </span>
                                        <input placeholder="المبلغ" style="height: 34px; text-align: center;" maxlength="7" id="txtValue" onkeypress="return isNumberKey(event)" class="form-control" type="text" value="1">
                                        <span class="input-group-btn">
                                          <button class="btn btn-default btn-gray home-left-minus" onclick="Detailsmin()" type="button" style="width: 34px; height: 34px;">-</button>
                                        </span>
                                      </div>
                                    </div>
                                    <label class="col-sm-2 col-xs-2 col-form-label cur text-AXtManalBold-gray-16 mt-10">د.ك</label>
                                  </div>
                                </div>
                              </div>
                            </div>
                            <div class="row">
                              <div class="col-md-12 col-sm-12 col-xs-12 text-center">
                                <input placeholder="ملاحظات" style="height: 34px; text-align: center;" id="txtRemarks" class="form-control" type="text">
                              </div>
                            </div>
                            <table class=" table ">
                              <tbody>
                                <tr id="ctl00_ContentPlaceHolder1_MostImportantProject_trDonate">
                                  <td colspan="2" style="text-align: center;">
                                    <div class="row">
                                      <div class="col-md-12">
                                        <a class="btn btn-lg btn-md btn-sm btn-colored-dark text-GESSUniqueLight-white-bold-14" onclick="AddToShopCart(false)" href="javascript:">تبرع الآن</a>
                                        <a class="btn btn-lg btn-md btn-sm btn-colored-light text-GESSUniqueLight-white-bold-14" onclick="AddToShopCart(true)" href="javascript:">
                                            <i class="fa fa-shopping-cart"></i>اضافة إلي سلة التبرعات</a>
                                      </div>
                                    </div>
                                  </td>
                                </tr>
                              </tbody>
                            </table>
                          </div>
                        </div>
                      </div>
                    </div>
                  </section>
                  <script>
                    $(function() {
                      $('#lblnotless').text($('#lblnotless').text() + $('#defaultVal').val());
                      const percen = $('#Rest_perc').val();
                      /*$('#progress').attr('data-percent', percen);*/
                      let circularProgress = document.querySelector(".circular-progress"),
                        progressValue = document.querySelector(".progress-value");
                      let progressStartValue = 0,
                        progressEndValue = percen,
                        speed = 20;
                      let progress = setInterval(() => {
                        progressStartValue++;
                        progressValue.textContent = `${progressEndValue}%`
                        circularProgress.style.background = `conic-gradient(#6dcff6 ${progressStartValue * 3.6}deg, #ededed 0deg)`
                        if (progressStartValue >= progressEndValue) {
                          clearInterval(progress);
                        }
                      }, speed);
                    });

                    function AddToShopCart(isBasket) {
                      /*$('#lblnotless,#lblnotValid,#lblShartadded').hide();*/
                      if (!CheckDefaultnotLess()) return;
                      const projectId = $('#S_ProjectId').val();
                      const type = 'Project';
                      const val = $('#txtValue').val();
                      const remarks = $('#txtRemarks').val();
                      const country = $('#S_Country').val();
                      const categoryId = $('#S_Category').val();
                      const donateType = $('#S_DonateType').val();
                      const dataObj = {
                        action: 'action',
                        projectId: projectId,
                        title: $('#projectTitle').html(),
                        val: val,
                        type: type,
                        isBasket: isBasket,
                        photo: $('#image').attr('src'),
                        DonateType: donateType,
                        remarks: remarks,
                        country: country,
                        categoryId: categoryId
                      };
                      MainAddToBasket(dataObj, function(data) {
                        if (data.IsSuccess) {
                          if (isBasket) {
                            showShopcartAlert();
                          }
                          /*$('#lblnotless,#lblnotValid').hide();*/
                        }
                        if (data.Url) window.location.href = document.location.origin + data.Url; //window.location.href + data.Url;
                      }, function() {});
                    }

                    function CheckDefaultnotLess() {
                      const txtvalue = $('#txtValue').val();
                      const dfv = parseFloat($('#defaultVal').val());
                      if (!txtvalue || txtvalue === "" || txtvalue === "0" || txtvalue < 1) { //|| !parseFloat(txtvalue
                        //$('#lblnotValid').show();
                        showNotValidAmount();
                        return false;
                      } else {
                        return true;
                      }
                    }

                    function Detailsadd() {
                      if ($("#txtValue").val() === "" || $("#txtValue").val() === null) {
                        $("#txtValue").val("1");
                      } else {
                        $("#txtValue").val(parseFloat($("#txtValue").val()) + 1);
                      }
                    };

                    function Detailsmin() {
                      if ($("#txtValue").val() <= 1 || $("#txtValue").val() === "" || $("#txtValue").val() === "1.000") {
                        $("#txtValue").val("1");
                      } else {
                        $("#txtValue").val(parseFloat($("#txtValue").val()) - 1);
                      }
                    };
                  </script>
                </div>
              </div>
            </div>
          </div>
        </section>
        <!-- Section: Latest Projects -->
      </div>
    </div>
    <!-- Footer -->
    <footer id="footer" class="footer bg-gray">
      <div class="container pt-0 pb-0 hidden-xs hidden-sm">
        <div class="row">
          <div class="col-sm-6 col-md-3">
            <div class="widget dark">
              <a href="/">
                        <img class="mt-10 mb-15 img-responsive" alt="نماء" src="/Dist/images/WEB-LOGOS-2-03.png"></a>
              <ul class="styled-icons text-center icon-dark mt-20">
                <li class="wow fadeInLeft" data-wow-duration="1.5s" data-wow-delay=".1s" data-wow-offset="10" style="visibility: hidden; animation-duration: 1.5s; animation-delay: 0.1s; animation-name: none;">
                  <a href="https://www.facebook.com/NamaaNet" id="ctl00_Footer_hlFacebook" target="_blank" data-bg-color="#3B5998" style="background: rgb(59, 89, 152) !important;"><i class="fa fa-facebook"></i></a>
                </li>
                <li class="wow fadeInLeft" data-wow-duration="1.5s" data-wow-delay=".2s" data-wow-offset="10" style="visibility: hidden; animation-duration: 1.5s; animation-delay: 0.2s; animation-name: none;">
                  <a href="https://twitter.com/NamaaNet" id="ctl00_Footer_hlTwitter" target="_blank" data-bg-color="#02B0E8" style="background: rgb(2, 176, 232) !important;"><i class="fa fa-twitter"></i></a>
                </li>
                <li class="wow fadeInLeft" data-wow-duration="1.5s" data-wow-delay=".3s" data-wow-offset="10" style="visibility: hidden; animation-duration: 1.5s; animation-delay: 0.3s; animation-name: none;">
                  <a href="https://instagram.com/NamaaNet" id="ctl00_Footer_hlInstagram" target="_blank" data-bg-color="#ea5049" style="background: rgb(234, 80, 73) !important;"><i class="fa fa-instagram"></i></a>
                </li>
                <li class="wow fadeInLeft" data-wow-duration="1.5s" data-wow-delay=".5s" data-wow-offset="10" style="visibility: hidden; animation-duration: 1.5s; animation-delay: 0.5s; animation-name: none;">
                  <a href="https://www.youtube.com/channel/UCvG6MtYopmu7gMqcFXNTcvg" id="ctl00_Footer_hlYoutube" target="_blank" data-bg-color="#C22E2A" style="background: rgb(194, 46, 42) !important;"><i class="fa fa-youtube"></i></a>
                </li>
              </ul>
            </div>
          </div>
          <div class="col-sm-6 col-md-6">
            <div class="">
              <div class="row">
                <div class="col-md-6">
                  <ul class="list angle-double-right list-border ">
                    <li><a href="/Pages/Public/AboutUs/AboutUs.aspx">من نحن</a></li>
                    <li><a href="/Pages/Public/ContactUs/ContactUs.aspx">اتصل بنا</a></li>
                    <li><a href="/Pages/Public/Branches/Default.aspx">فروعنا </a></li>
                    <li><a href="/Pages/Public/Rep/RepRequest.aspx">اطلب مندوب</a></li>
                    <li><a href="/Pages/Public/News/Default.aspx">الاخبار</a></li>
                    <li><a href="/Pages/Public/Zkatak/Default.aspx">احسب زكاتك</a></li>
                  </ul>
                </div>
                <div class="col-md-6">
                  <ul class="list angle-double-right list-border">
                    <li><a href="/Pages/Public/General/PrivacyPolicy.aspx">سياسة الخصوصية</a></li>
                    <li><a href="/Pages/Public/General/Sitemap.aspx">خريطة الموقع </a></li>
                    <li><a href="/Pages/Public/General/Volunteer.aspx">تطوع معنا</a></li>
                    <li><a href="/Pages/Public/General/DonationWays.aspx">طرق التبرع</a></li>
                    <li><a href="/Pages/Public/Achievements/Default.aspx">انجازات </a></li>
                    <li><a href="/Pages/Public/General/WorkingLocations.aspx">مناطق العمل </a></li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
          <div class="col-sm-6 col-md-3">
            <div class="widget dark">
              <ul class="list-border">
                <li>
                  <h3 class="text-theme-light-white">1888833</h3>
                </li>
                <li><a href="mailto:info@namaakw.net">info@namaakw.net</a></li>
                <li>صباح السالم - قطعة 3 - شارع 304 - عمارة 136</li>
              </ul>
              <p class=" mb-5 mt-15">اشترك في القائمة البريدية</p>
              <form id="footer-mailchimp-subscription-form" class="newsletter-form mt-10" novalidate="true">
                <label class="display-block" for="mce-EMAIL"></label>
                <div class="input-group">
                  <input type="email" value="" name="EMAIL" placeholder="البريد الالكتروني" class="form-control" data-height="37px" id="mce-EMAIL" style="height: 37px;">
                  <span class="input-group-btn">
                    <button type="submit" name="subscribe" id="mc-embedded-subscribe" class="btn btn-colored-dark m-0"><i class="fa fa-paper-plane-o"></i></button>
                  </span>
                </div>
              </form>
              <!-- Mailchimp Subscription Form Validation-->
              <script type="text/javascript">
                $('#footer-mailchimp-subscription-form').ajaxChimp({
                  callback: mailChimpCallBack,
                  url: 'https://namaakw.us14.list-manage.com/subscribe/post?u=e0b134cf04c14c0858f6ab4da&amp;id=577544a49b&amp;f_id=003fa9e0f0'
                });

                function mailChimpCallBack(resp) {
                  // Hide any previous response text
                  var $mailchimpform = $('#footer-mailchimp-subscription-form'),
                    $response = '';
                  $mailchimpform.children(".alert").remove();
                  if (resp.result === 'success') {
                    $response = '<div class="alert alert-success"><button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>' + resp.msg + '</div>';
                  } else if (resp.result === 'error') {
                    $response = '<div class="alert alert-danger"><button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>' + resp.msg + '</div>';
                  }
                  $mailchimpform.prepend($response);
                }
              </script>
            </div>
          </div>
        </div>
      </div>
      <div id="mobileFooter" class="container pt-0 pb-0 hidden-lg" style="display:none;">
        <div class="row">
          <div class="col-sm-12 col-xs-12">
            <div class="widget dark">
              <div class="row">
                <div class="col-sm-6 col-xs-6">
                  <ul class="list angle-double-right list-border ">
                    <li><a href="/Pages/Public/AboutUs/AboutUs.aspx">من نحن</a></li>
                    <li><a href="/Pages/Public/ContactUs/ContactUs.aspx">اتصل بنا</a></li>
                    <li><a href="/Pages/Public/Branches/Default.aspx">فروعنا </a></li>
                    <li><a href="/Pages/Public/Rep/RepRequest.aspx">اطلب مندوب</a></li>
                    <li><a href="/Pages/Public/News/Default.aspx">الاخبار</a></li>
                    <li><a href="/Pages/Public/Zkatak/Default.aspx">احسب زكاتك</a></li>
                  </ul>
                </div>
                <div class="col-sm-6 col-xs-6">
                  <ul class="list angle-double-right list-border">
                    <li><a href="/Pages/Public/General/PrivacyPolicy.aspx">سياسة الخصوصية</a></li>
                    <li><a href="/Pages/Public/General/Sitemap.aspx">خريطة الموقع </a></li>
                    <li><a href="/Pages/Public/General/Volunteer.aspx">تطوع معنا</a></li>
                    <li><a href="/Pages/Public/General/DonationWays.aspx">طرق التبرع</a></li>
                    <li><a href="/Pages/Public/Achievements/Default.aspx">انجازات </a></li>
                    <li><a href="/Pages/Public/General/WorkingLocations.aspx">مناطق العمل </a></li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="footer-bottom bg-blue-light hidden-lg ">
        <div class="container pt-10 pb-10">
          <div class="row">
            <div class="col-md-12 text-center col-sm-12 col-xs-12 sm-text-center">
              <a onclick="showDiv()"><i class="fa fa-angle-double-up"></i>
                        روابط سريعه
                    </a>
            </div>
          </div>
        </div>
      </div>
      <div class="footer-bottom bg-black-555">
        <div class="container pt-10 pb-10">
          <div class="row">
            <div class="col-md-12 text-center col-sm-12 sm-text-center">
              <p class="font-16 text-mainlight-white m-0">جميع الحقوق محفوظة لجمعية نماء الخيرية © <span style="font-family: Arial">2021 </span></p>
            </div>
          </div>
        </div>
      </div>
    </footer>
    <script>
      function showDiv() {
        var x = document.getElementById("mobileFooter");
        if (x.style.display === "none") {
          x.style.display = "block";
        } else {
          x.style.display = "none";
        }
      }
    </script>
    <a class="scrollToTop" href="#"><i class="fa fa-angle-up"></i></a>
    <!-- Footer Scripts -->
    <!-- JS | Custom script for all pages -->
    <script src="/Dist/js/custom.js"></script>
    <!-- SLIDER REVOLUTION 5.0 EXTENSIONS  
      (Load Extensions only on Local File Systems ! 
       The following part can be removed on Server for On Demand Loading) -->
    <script type="text/javascript" src="/Dist/js/revolution-slider/js/extensions/revolution.extension.actions.min.js"></script>
    <script type="text/javascript" src="/Dist/js/revolution-slider/js/extensions/revolution.extension.carousel.min.js"></script>
    <script type="text/javascript" src="/Dist/js/revolution-slider/js/extensions/revolution.extension.kenburn.min.js"></script>
    <script type="text/javascript" src="/Dist/js/revolution-slider/js/extensions/revolution.extension.layeranimation.min.js"></script>
    <script type="text/javascript" src="/Dist/js/revolution-slider/js/extensions/revolution.extension.migration.min.js"></script>
    <script type="text/javascript" src="/Dist/js/revolution-slider/js/extensions/revolution.extension.navigation.min.js"></script>
    <script type="text/javascript" src="/Dist/js/revolution-slider/js/extensions/revolution.extension.parallax.min.js"></script>
    <script type="text/javascript" src="/Dist/js/revolution-slider/js/extensions/revolution.extension.slideanims.min.js"></script>
    <script type="text/javascript" src="/Dist/js/revolution-slider/js/extensions/revolution.extension.video.min.js"></script>
    <script>
      $("#form_currency_type").val("");
      $(function() {
        getCount();
      });

      function Search() {
        if ($('#searchKey').val() === "" || $('#searchKey').val() === null) {
          alert("يجب إدخال كلمة البحث");
        } else {
          var searchKey = $('#searchKey').val();
          var category = $('#category').val();
          var project = $('#projects').val();
          window.location.href = document.location.origin + "/Pages/Public/Search/Search.aspx?data=" + searchKey + "&cat=" + category + "&proj=" + project;
        }
      };

      function getCount() {
        var dataObj = {
          action: 'getcartCount'
        };
        $.ajax({
          type: "POST",
          url: '/Pages/Public/Users/ShopCart.aspx',
          data: dataObj,
          dataType: "json",
          success: function(data) {
            if (data.IsSuccess) {
              $('.cartNumber').html(data.TotalCount === 0 ? "" : data.TotalCount);
              $('.cartvalue').html(data.TotalPrice === 0 ? "" : data.TotalPrice);
            }
          },
          error: function() {}
        });
        $.ajax({
          url: "/DataService.asmx/CheckSession",
          method: "POST",
          dataType: "json",
          success: function(data) {
            $("#form_currency_type").val(data.ID);
            if (data.ID === "KWD" && window.location.pathname.indexOf("/EN/") === -1) {
              $(".cur").html('د.ك');
            }
            if (window.location.pathname.indexOf("/EN/") > -1 && data.ID === "KWD") {
              $(".cur").html('KWD');
            }
            if (data.ID === "SAR" && window.location.pathname.indexOf("/EN/") === -1) {
              $(".cur").html('ر.س');
            }
            if (window.location.pathname.indexOf("/EN/") > -1 && data.ID === "SAR") {
              $(".cur").html('SAR');
            }
            if (data.ID === "USD") {
              $(".cur").html('$');
            }
            if (data.ID === "EUR") {
              $(".cur").html('EUR');
            }
          }
        });
      }

      function homeadd(id) {
        if ($("#donation_amount_C_" + id).val() === "" || $("#donation_amount_C_" + id).val() === null) {
          $("#donation_amount_C_" + id).val("1");
        } else {
          $("#donation_amount_C_" + id).val(parseFloat($("#donation_amount_C_" + id).val()) + 1);
        }
      };

      function homemin(id) {
        if ($("#donation_amount_C_" + id).val() <= 1 || $("#donation_amount_C_" + id).val() === "1.000" || $("#donation_amount_C_" + id).val() === "") {
          $("#donation_amount_C_" + id).val("1");
        } else {
          $("#donation_amount_C_" + id).val(parseFloat($("#donation_amount_C_" + id).val()) - 1);
        }
      };
    </script>
    <script>
      $(document).on("change", "#form_currency_type", function() {
        $.ajax({
          url: "/DataService.asmx/SetCur",
          method: "POST",
          data: {
            id: $(this).val()
          },
          dataType: "json",
          success: function(data) {
            if (data.ID === "KWD" && window.location.pathname.indexOf("/EN/") === -1) {
              $(".cur").html('د.ك');
            }
            if (window.location.pathname.indexOf("/EN/") > -1 && data.ID === "KWD") {
              $(".cur").html('KWD');
            }
            if (data.ID === "SAR" && window.location.pathname.indexOf("/EN/") === -1) {
              $(".cur").html('ر.س');
            }
            if (window.location.pathname.indexOf("/EN/") > -1 && data.ID === "SAR") {
              $(".cur").html('SAR');
            }
            if (data.ID === "USD") {
              $(".cur").html('$');
            }
            if (data.ID === "EUR") {
              $(".cur").html('EUR');
            }
          }
        });
      });
      if (window.location.href.indexOf("Projects") > -1 || window.location.href.indexOf("Campaigns") > -1) {
        $(".lang").show();
        $(".lang_txt").show();
      } else {
        $(".lang").hide();
        $(".lang_txt").hide();
      }
      $(document).on("click", ".mylang", function() {
        if ($(".mylang").html() === "EN") {
          if (window.location.href.indexOf("OurProjects") > -1) {
            window.location.href = window.location.origin + "/Pages/Public/CategoryProjects/EN/OurProjectsEN.aspx" + window.location.search;
          }
          if (window.location.href.indexOf("/Projects/Details") > -1) {
            window.location.href = window.location.origin + "/Pages/Public/Projects/EN/DetailsEN.aspx" + window.location.search;
          }
          if (window.location.href.indexOf("/Campaigns/Details") > -1) {
            window.location.href = window.location.origin + "/Pages/Public/Campaigns/EN/DetailsEN.aspx" + window.location.search;
          }
        }
        if ($(".mylang").html() === "ع") {
          if (window.location.href.indexOf("OurProjects") > -1) {
            window.location.href = window.location.origin + "/Pages/Public/CategoryProjects/OurProjects.aspx" + window.location.search;
          }
          if (window.location.href.indexOf("/Projects/Details") > -1 || window.location.href.indexOf("/Projects/EN/DetailsEN") > -1) {
            window.location.href = window.location.origin + "/Pages/Public/Projects/Details.aspx" + window.location.search;
          }
          if (window.location.href.indexOf("/Campaigns/Details") > -1 || window.location.href.indexOf("/Campaigns/EN/DetailsEN") > -1) {
            window.location.href = window.location.origin + "/Pages/Public/Campaigns/Details.aspx" + window.location.search;
          }
        }
      });
      if (window.location.pathname.indexOf("/EN/") > -1) {
        $(".mylang").html("ع");
      } else {
        $(".mylang").html("EN");
      }
    </script>
    <script src="/App/Js/FastDonate.js"></script>
  </div>
</form>

<form id="footer-mailchimp-subscription-form" class="newsletter-form mt-10" novalidate="true">
  <label class="display-block" for="mce-EMAIL"></label>
  <div class="input-group">
    <input type="email" value="" name="EMAIL" placeholder="البريد الالكتروني" class="form-control" data-height="37px" id="mce-EMAIL" style="height: 37px;">
    <span class="input-group-btn">
      <button type="submit" name="subscribe" id="mc-embedded-subscribe" class="btn btn-colored-dark m-0"><i class="fa fa-paper-plane-o"></i></button>
    </span>
  </div>
</form>

Text Content

 * زكاة
 * صدقة
 * مشاريع

الإجمالى
تبرع الآن
اضف للسلة
10 20 30 40 يدوى

تبرع الآن
اضف للسلة
أنواع المشاريعالوقفياتالمشاريع العامةالمشاريع الموسميةكفارات ونذور


تبرع الآن
اضف للسلة


تبرع سريع

تبرع سريع

 * زكاة
 * صدقة
 * مشاريع

الإجمالى
تبرع الآن
اضف للسلة
10 20 30 40 يدوى

تبرع الآن
اضف للسلة
أنواع المشاريعالوقفياتالمشاريع العامةالمشاريع الموسميةكفارات ونذور
المشاريع

تبرع الآن
اضف للسلة
 * 
 * 
 * 0 د.ك

×

 * زكاة
 * صدقات
 * وقفيات
 * مشروعات
 * كفالات
 * كفارات
 * المشاريع الموسمية
 * اغاثات
 * الرعاية الاجتماعية
   * تقديم طلب مساعدة
   * تعديل طلب المساعدة
   * الاستعلام عن المساعدة
 * 


 * 
 * 
 * 
 * 

   
 * تبرع الآن
   
 * تبرع الآن
 * تبرع الآن








المشاريع الاكثر احتياجا

5 أبواب للخير

الـهـدف
المحصل
المتـبـقى
10000 د.ك
8730 د.ك
1270 د.ك
المبلغ
+ -
د.ك
87%
التبرع السريع إضافة للسلة

كفالة أيتام غزة - فلسطين

الـهـدف
المحصل
المتـبـقى
24000 د.ك
13838 د.ك
10162 د.ك
المبلغ
+ -
د.ك
57%
التبرع السريع إضافة للسلة

أغيثوا الصومال

الـهـدف
المحصل
المتـبـقى
150000 د.ك
149878 د.ك
122 د.ك
المبلغ
+ -
د.ك
99%
التبرع السريع إضافة للسلة


الأكثر أهمية


5 أبواب للخير "مجمع نماء التعليمي"

الـهـدف
50000 د.ك
المحصل
31935 د.ك
المتـبـقى
18065 د.ك
63.87%
المبلغ
+ -
د.ك

تبرع الآن اضافة إلي سلة التبرعات

 * 
 * 
 * 
 * 

 * من نحن
 * اتصل بنا
 * فروعنا
 * اطلب مندوب
 * الاخبار
 * احسب زكاتك

 * سياسة الخصوصية
 * خريطة الموقع
 * تطوع معنا
 * طرق التبرع
 * انجازات
 * مناطق العمل


 * 1888833

 * info@namaakw.net
 * صباح السالم - قطعة 3 - شارع 304 - عمارة 136

اشترك في القائمة البريدية


 * من نحن
 * اتصل بنا
 * فروعنا
 * اطلب مندوب
 * الاخبار
 * احسب زكاتك

 * سياسة الخصوصية
 * خريطة الموقع
 * تطوع معنا
 * طرق التبرع
 * انجازات
 * مناطق العمل

روابط سريعه

جميع الحقوق محفوظة لجمعية نماء الخيرية © 2021